@oicl/openbridge-webcomponents 2.0.0-next.57 → 2.0.0-next.59

package/dist/alert-severity.d.ts

@@ -0,0 +1,38 @@
+import { AlertType, ALERT_SEVERITY_PRIORITY } from './types.js';
+export { ALERT_SEVERITY_PRIORITY };
+export declare enum AlertBadgeComponent {
+    Alarm = "obi-alarm-badge",
+    Warning = "obi-warning-badge",
+    Caution = "obi-caution-badge",
+    Critical = "obi-critical-badge",
+    Diagnostic = "obi-diagnostic-badge"
+}
+export type AlertColorTokens = {
+    bg: string;
+    border: string;
+    onActive: string;
+};
+export declare function requiresAcknowledgement(type: AlertType): boolean;
+export declare function supportsBlinking(type: AlertType): boolean;
+export declare function getAlertSeverityCssClass(type: AlertType): string;
+export declare function getAlertColorTokens(type: AlertType): AlertColorTokens;
+export declare function getAlertBadgeComponent(type: AlertType): AlertBadgeComponent;
+export declare enum AlertTwotoneComponent {
+    Alarm = "obi-alerts-alarm-twotone",
+    Warning = "obi-alerts-warning-twotone",
+    Caution = "obi-alerts-caution-twotone",
+    Critical = "obi-alerts-critical-twotone",
+    Diagnostic = "obi-alerts-diagnostic-twotone"
+}
+export declare function getAlertTwotoneComponent(type: AlertType): AlertTwotoneComponent;
+export declare enum AlertBlinkMode {
+    Critical = "critical",
+    Alarm = "alarm",
+    Warning = "warning",
+    Low = "low"
+}
+export declare function getAlertBlinkMode(type: AlertType): AlertBlinkMode;
+export declare function getBamAlertTypeForBlinking(type: AlertType): AlertType;
+export declare function excludedFromUnackedFilter(type: AlertType): boolean;
+export declare function usesAlarmNoAckIcon(type: AlertType): boolean;
+//# sourceMappingURL=alert-severity.d.ts.map

package/dist/alert-severity.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"alert-severity.d.ts","sourceRoot":"","sources":["../src/alert-severity.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8CG;AACH,OAAO,EAAC,SAAS,EAAE,uBAAuB,EAAC,MAAM,YAAY,CAAC;AAE9D,OAAO,EAAC,uBAAuB,EAAC,CAAC;AAEjC,oBAAY,mBAAmB;IAC7B,KAAK,oBAAoB;IACzB,OAAO,sBAAsB;IAC7B,OAAO,sBAAsB;IAC7B,QAAQ,uBAAuB;IAC/B,UAAU,yBAAyB;CACpC;AAED,MAAM,MAAM,gBAAgB,GAAG;IAC7B,EAAE,EAAE,MAAM,CAAC;IACX,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,MAAM,CAAC;CAClB,CAAC;AAEF,wBAAgB,uBAAuB,CAAC,IAAI,EAAE,SAAS,GAAG,OAAO,CAShE;AAED,wBAAgB,gBAAgB,CAAC,IAAI,EAAE,SAAS,GAAG,OAAO,CASzD;AAED,wBAAgB,wBAAwB,CAAC,IAAI,EAAE,SAAS,GAAG,MAAM,CAEhE;AAED,wBAAgB,mBAAmB,CAAC,IAAI,EAAE,SAAS,GAAG,gBAAgB,CAqCrE;AAED,wBAAgB,sBAAsB,CAAC,IAAI,EAAE,SAAS,GAAG,mBAAmB,CAiB3E;AAED,oBAAY,qBAAqB;IAC/B,KAAK,6BAA6B;IAClC,OAAO,+BAA+B;IACtC,OAAO,+BAA+B;IACtC,QAAQ,gCAAgC;IACxC,UAAU,kCAAkC;CAC7C;AAED,wBAAgB,wBAAwB,CACtC,IAAI,EAAE,SAAS,GACd,qBAAqB,CAiBvB;AAED,oBAAY,cAAc;IACxB,QAAQ,aAAa;IACrB,KAAK,UAAU;IACf,OAAO,YAAY;IACnB,GAAG,QAAQ;CACZ;AAED,wBAAgB,iBAAiB,CAAC,IAAI,EAAE,SAAS,GAAG,cAAc,CAejE;AAED,wBAAgB,0BAA0B,CAAC,IAAI,EAAE,SAAS,GAAG,SAAS,CAYrE;AAED,wBAAgB,yBAAyB,CAAC,IAAI,EAAE,SAAS,GAAG,OAAO,CAElE;AAED,wBAAgB,kBAAkB,CAAC,IAAI,EAAE,SAAS,GAAG,OAAO,CAI3D"}

package/dist/alert-severity.js

@@ -0,0 +1,176 @@
+import { AlertType } from "./types.js";
+import { ALERT_SEVERITY_PRIORITY } from "./types.js";
+var AlertBadgeComponent = /* @__PURE__ */ ((AlertBadgeComponent2) => {
+  AlertBadgeComponent2["Alarm"] = "obi-alarm-badge";
+  AlertBadgeComponent2["Warning"] = "obi-warning-badge";
+  AlertBadgeComponent2["Caution"] = "obi-caution-badge";
+  AlertBadgeComponent2["Critical"] = "obi-critical-badge";
+  AlertBadgeComponent2["Diagnostic"] = "obi-diagnostic-badge";
+  return AlertBadgeComponent2;
+})(AlertBadgeComponent || {});
+function requiresAcknowledgement(type) {
+  return [
+    AlertType.Alarm,
+    AlertType.Warning,
+    AlertType.IsaCritical,
+    AlertType.IsaHigh,
+    AlertType.IsaMedium,
+    AlertType.IsaLow
+  ].includes(type);
+}
+function supportsBlinking(type) {
+  return [
+    AlertType.Alarm,
+    AlertType.Warning,
+    AlertType.IsaCritical,
+    AlertType.IsaHigh,
+    AlertType.IsaMedium,
+    AlertType.IsaLow
+  ].includes(type);
+}
+function getAlertSeverityCssClass(type) {
+  return type;
+}
+function getAlertColorTokens(type) {
+  switch (type) {
+    case AlertType.IsaCritical:
+      return {
+        bg: "var(--critical-enabled-background-color)",
+        border: "var(--critical-enabled-border-color)",
+        onActive: "var(--on-critical-active-color)"
+      };
+    case AlertType.Warning:
+    case AlertType.IsaMedium:
+      return {
+        bg: "var(--alert-warning-color)",
+        border: "var(--alert-warning-outline-color)",
+        onActive: "var(--on-warning-active-color)"
+      };
+    case AlertType.Caution:
+    case AlertType.IsaLow:
+      return {
+        bg: "var(--alert-caution-color)",
+        border: "var(--alert-caution-outline-color)",
+        onActive: "var(--on-caution-active-color)"
+      };
+    case AlertType.IsaDiagnostic:
+      return {
+        bg: "var(--notification-enabled-background-color)",
+        border: "var(--notification-enabled-border-color)",
+        onActive: "var(--on-notification-active-color)"
+      };
+    case AlertType.Alarm:
+    case AlertType.IsaHigh:
+    default:
+      return {
+        bg: "var(--alert-alarm-color)",
+        border: "var(--alert-alarm-outline-color)",
+        onActive: "var(--on-alarm-active-color)"
+      };
+  }
+}
+function getAlertBadgeComponent(type) {
+  switch (type) {
+    case AlertType.IsaCritical:
+      return "obi-critical-badge";
+    case AlertType.Warning:
+    case AlertType.IsaMedium:
+      return "obi-warning-badge";
+    case AlertType.Caution:
+    case AlertType.IsaLow:
+      return "obi-caution-badge";
+    case AlertType.IsaDiagnostic:
+      return "obi-diagnostic-badge";
+    case AlertType.Alarm:
+    case AlertType.IsaHigh:
+    default:
+      return "obi-alarm-badge";
+  }
+}
+var AlertTwotoneComponent = /* @__PURE__ */ ((AlertTwotoneComponent2) => {
+  AlertTwotoneComponent2["Alarm"] = "obi-alerts-alarm-twotone";
+  AlertTwotoneComponent2["Warning"] = "obi-alerts-warning-twotone";
+  AlertTwotoneComponent2["Caution"] = "obi-alerts-caution-twotone";
+  AlertTwotoneComponent2["Critical"] = "obi-alerts-critical-twotone";
+  AlertTwotoneComponent2["Diagnostic"] = "obi-alerts-diagnostic-twotone";
+  return AlertTwotoneComponent2;
+})(AlertTwotoneComponent || {});
+function getAlertTwotoneComponent(type) {
+  switch (type) {
+    case AlertType.IsaCritical:
+      return "obi-alerts-critical-twotone";
+    case AlertType.IsaDiagnostic:
+      return "obi-alerts-diagnostic-twotone";
+    case AlertType.Warning:
+    case AlertType.IsaMedium:
+      return "obi-alerts-warning-twotone";
+    case AlertType.Caution:
+    case AlertType.IsaLow:
+      return "obi-alerts-caution-twotone";
+    case AlertType.Alarm:
+    case AlertType.IsaHigh:
+    default:
+      return "obi-alerts-alarm-twotone";
+  }
+}
+var AlertBlinkMode = /* @__PURE__ */ ((AlertBlinkMode2) => {
+  AlertBlinkMode2["Critical"] = "critical";
+  AlertBlinkMode2["Alarm"] = "alarm";
+  AlertBlinkMode2["Warning"] = "warning";
+  AlertBlinkMode2["Low"] = "low";
+  return AlertBlinkMode2;
+})(AlertBlinkMode || {});
+function getAlertBlinkMode(type) {
+  switch (type) {
+    case AlertType.IsaCritical:
+      return "critical";
+    case AlertType.Warning:
+    case AlertType.IsaMedium:
+      return "warning";
+    case AlertType.Caution:
+    case AlertType.IsaLow:
+      return "low";
+    case AlertType.Alarm:
+    case AlertType.IsaHigh:
+    default:
+      return "alarm";
+  }
+}
+function getBamAlertTypeForBlinking(type) {
+  switch (type) {
+    case AlertType.IsaCritical:
+    case AlertType.IsaHigh:
+      return AlertType.Alarm;
+    case AlertType.IsaMedium:
+      return AlertType.Warning;
+    case AlertType.IsaLow:
+      return AlertType.Caution;
+    default:
+      return type;
+  }
+}
+function excludedFromUnackedFilter(type) {
+  return [AlertType.Caution, AlertType.IsaDiagnostic].includes(type);
+}
+function usesAlarmNoAckIcon(type) {
+  return [AlertType.Alarm, AlertType.IsaCritical, AlertType.IsaHigh].includes(
+    type
+  );
+}
+export {
+  ALERT_SEVERITY_PRIORITY,
+  AlertBadgeComponent,
+  AlertBlinkMode,
+  AlertTwotoneComponent,
+  excludedFromUnackedFilter,
+  getAlertBadgeComponent,
+  getAlertBlinkMode,
+  getAlertColorTokens,
+  getAlertSeverityCssClass,
+  getAlertTwotoneComponent,
+  getBamAlertTypeForBlinking,
+  requiresAcknowledgement,
+  supportsBlinking,
+  usesAlarmNoAckIcon
+};
+//# sourceMappingURL=alert-severity.js.map

package/dist/alert-severity.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"alert-severity.js","sources":["../src/alert-severity.ts"],"sourcesContent":["/**\n * `alert-severity` – Pure helper module mapping alert severities to their\n * visual, behavioral, and acknowledgement semantics.\n *\n * Centralizes the per-`AlertType` decisions shared across alert-rendering\n * components (badges, twotone icons, frames, lists) so that severity behavior\n * stays consistent everywhere. Supports both the legacy severities\n * (`alarm`, `warning`, `caution`) and the ISA severities\n * (`isa-critical`, `isa-high`, `isa-medium`, `isa-low`, `isa-diagnostic`),\n * collapsing the ISA set onto the legacy visual/blink treatments where they\n * share styling.\n *\n * Features:\n * - Color tokens: `getAlertColorTokens` returns background/border/on-active\n *   CSS custom properties per severity.\n * - Component selectors: `getAlertBadgeComponent` and\n *   `getAlertTwotoneComponent` resolve the badge/icon element tag for a\n *   severity.\n * - Blinking: `supportsBlinking` reports whether a severity blinks,\n *   `getAlertBlinkMode` resolves its blink mode, and\n *   `getBamAlertTypeForBlinking` maps ISA severities onto the legacy type used\n *   by the bridge alert management (BAM) blink machinery.\n * - Acknowledgement & filtering: `requiresAcknowledgement` reports whether a\n *   severity needs an ACK action, `excludedFromUnackedFilter` reports whether\n *   it is hidden from the \"unacked\" view, and `usesAlarmNoAckIcon` selects the\n *   alarm-style no-ack icon.\n * - Priority: re-exports `ALERT_SEVERITY_PRIORITY`, the ordered severity list\n *   (most → least severe) used to sort alerts.\n *\n * Usage:\n * ```ts\n * import {\n *   getAlertColorTokens,\n *   requiresAcknowledgement,\n *   ALERT_SEVERITY_PRIORITY,\n * } from './alert-severity.js';\n * import {AlertType} from './types.js';\n *\n * const tokens = getAlertColorTokens(AlertType.IsaHigh);\n * const needsAck = requiresAcknowledgement(AlertType.IsaLow); // true\n * alerts.sort(\n *   (a, b) =>\n *     ALERT_SEVERITY_PRIORITY.indexOf(a.type) -\n *     ALERT_SEVERITY_PRIORITY.indexOf(b.type)\n * );\n * ```\n */\nimport {AlertType, ALERT_SEVERITY_PRIORITY} from './types.js';\n\nexport {ALERT_SEVERITY_PRIORITY};\n\nexport enum AlertBadgeComponent {\n  Alarm = 'obi-alarm-badge',\n  Warning = 'obi-warning-badge',\n  Caution = 'obi-caution-badge',\n  Critical = 'obi-critical-badge',\n  Diagnostic = 'obi-diagnostic-badge',\n}\n\nexport type AlertColorTokens = {\n  bg: string;\n  border: string;\n  onActive: string;\n};\n\nexport function requiresAcknowledgement(type: AlertType): boolean {\n  return [\n    AlertType.Alarm,\n    AlertType.Warning,\n    AlertType.IsaCritical,\n    AlertType.IsaHigh,\n    AlertType.IsaMedium,\n    AlertType.IsaLow,\n  ].includes(type);\n}\n\nexport function supportsBlinking(type: AlertType): boolean {\n  return [\n    AlertType.Alarm,\n    AlertType.Warning,\n    AlertType.IsaCritical,\n    AlertType.IsaHigh,\n    AlertType.IsaMedium,\n    AlertType.IsaLow,\n  ].includes(type);\n}\n\nexport function getAlertSeverityCssClass(type: AlertType): string {\n  return type;\n}\n\nexport function getAlertColorTokens(type: AlertType): AlertColorTokens {\n  switch (type) {\n    case AlertType.IsaCritical:\n      return {\n        bg: 'var(--critical-enabled-background-color)',\n        border: 'var(--critical-enabled-border-color)',\n        onActive: 'var(--on-critical-active-color)',\n      };\n    case AlertType.Warning:\n    case AlertType.IsaMedium:\n      return {\n        bg: 'var(--alert-warning-color)',\n        border: 'var(--alert-warning-outline-color)',\n        onActive: 'var(--on-warning-active-color)',\n      };\n    case AlertType.Caution:\n    case AlertType.IsaLow:\n      return {\n        bg: 'var(--alert-caution-color)',\n        border: 'var(--alert-caution-outline-color)',\n        onActive: 'var(--on-caution-active-color)',\n      };\n    case AlertType.IsaDiagnostic:\n      return {\n        bg: 'var(--notification-enabled-background-color)',\n        border: 'var(--notification-enabled-border-color)',\n        onActive: 'var(--on-notification-active-color)',\n      };\n    case AlertType.Alarm:\n    case AlertType.IsaHigh:\n    default:\n      return {\n        bg: 'var(--alert-alarm-color)',\n        border: 'var(--alert-alarm-outline-color)',\n        onActive: 'var(--on-alarm-active-color)',\n      };\n  }\n}\n\nexport function getAlertBadgeComponent(type: AlertType): AlertBadgeComponent {\n  switch (type) {\n    case AlertType.IsaCritical:\n      return AlertBadgeComponent.Critical;\n    case AlertType.Warning:\n    case AlertType.IsaMedium:\n      return AlertBadgeComponent.Warning;\n    case AlertType.Caution:\n    case AlertType.IsaLow:\n      return AlertBadgeComponent.Caution;\n    case AlertType.IsaDiagnostic:\n      return AlertBadgeComponent.Diagnostic;\n    case AlertType.Alarm:\n    case AlertType.IsaHigh:\n    default:\n      return AlertBadgeComponent.Alarm;\n  }\n}\n\nexport enum AlertTwotoneComponent {\n  Alarm = 'obi-alerts-alarm-twotone',\n  Warning = 'obi-alerts-warning-twotone',\n  Caution = 'obi-alerts-caution-twotone',\n  Critical = 'obi-alerts-critical-twotone',\n  Diagnostic = 'obi-alerts-diagnostic-twotone',\n}\n\nexport function getAlertTwotoneComponent(\n  type: AlertType\n): AlertTwotoneComponent {\n  switch (type) {\n    case AlertType.IsaCritical:\n      return AlertTwotoneComponent.Critical;\n    case AlertType.IsaDiagnostic:\n      return AlertTwotoneComponent.Diagnostic;\n    case AlertType.Warning:\n    case AlertType.IsaMedium:\n      return AlertTwotoneComponent.Warning;\n    case AlertType.Caution:\n    case AlertType.IsaLow:\n      return AlertTwotoneComponent.Caution;\n    case AlertType.Alarm:\n    case AlertType.IsaHigh:\n    default:\n      return AlertTwotoneComponent.Alarm;\n  }\n}\n\nexport enum AlertBlinkMode {\n  Critical = 'critical',\n  Alarm = 'alarm',\n  Warning = 'warning',\n  Low = 'low',\n}\n\nexport function getAlertBlinkMode(type: AlertType): AlertBlinkMode {\n  switch (type) {\n    case AlertType.IsaCritical:\n      return AlertBlinkMode.Critical;\n    case AlertType.Warning:\n    case AlertType.IsaMedium:\n      return AlertBlinkMode.Warning;\n    case AlertType.Caution:\n    case AlertType.IsaLow:\n      return AlertBlinkMode.Low;\n    case AlertType.Alarm:\n    case AlertType.IsaHigh:\n    default:\n      return AlertBlinkMode.Alarm;\n  }\n}\n\nexport function getBamAlertTypeForBlinking(type: AlertType): AlertType {\n  switch (type) {\n    case AlertType.IsaCritical:\n    case AlertType.IsaHigh:\n      return AlertType.Alarm;\n    case AlertType.IsaMedium:\n      return AlertType.Warning;\n    case AlertType.IsaLow:\n      return AlertType.Caution;\n    default:\n      return type;\n  }\n}\n\nexport function excludedFromUnackedFilter(type: AlertType): boolean {\n  return [AlertType.Caution, AlertType.IsaDiagnostic].includes(type);\n}\n\nexport function usesAlarmNoAckIcon(type: AlertType): boolean {\n  return [AlertType.Alarm, AlertType.IsaCritical, AlertType.IsaHigh].includes(\n    type\n  );\n}\n"],"names":["AlertBadgeComponent","AlertTwotoneComponent","AlertBlinkMode"],"mappings":"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"}

package/dist/ar/building-blocks/poi-header/poi-header.css.js

@@ -37,26 +37,44 @@ const componentStyle = css`
   border: 1px solid var(--overlay-border-outline-color);
 }
 
-.wrapper.type-id.state-caution {
+.wrapper.type-id.state-caution,
+.wrapper.type-id.state-isa-low {
   background: var(--alert-caution-color);
   border: 1px solid var(--alert-caution-outline-color);
 }
 
-.wrapper.type-id.state-warning {
+.wrapper.type-id.state-warning,
+.wrapper.type-id.state-isa-medium {
   background: var(--alert-warning-color);
   border: 1px solid var(--alert-warning-outline-color);
 }
 
-.wrapper.type-id.state-alarm {
+.wrapper.type-id.state-alarm,
+.wrapper.type-id.state-isa-high {
   background: var(--alert-alarm-color);
   border: 1px solid var(--alert-alarm-outline-color);
 }
 
+.wrapper.type-id.state-isa-critical {
+  background: var(--critical-enabled-background-color);
+  border: 1px solid var(--critical-enabled-border-color);
+}
+
+.wrapper.type-id.state-isa-diagnostic {
+  background: var(--notification-enabled-background-color);
+  border: 1px solid var(--notification-enabled-border-color);
+}
+
 .wrapper.type-data:is(
     .state-selected,
     .state-caution,
     .state-warning,
-    .state-alarm
+    .state-alarm,
+    .state-isa-critical,
+    .state-isa-high,
+    .state-isa-medium,
+    .state-isa-low,
+    .state-isa-diagnostic
   ) {
   background: var(--overlay-container-background-color);
   border: 1px solid var(--overlay-border-outline-color);
@@ -117,21 +135,34 @@ const componentStyle = css`
   border: 1px solid var(--overlay-border-outline-color);
 }
 
-.wrapper.type-data.state-caution .id-pill {
+.wrapper.type-data.state-caution .id-pill,
+.wrapper.type-data.state-isa-low .id-pill {
   background: var(--alert-caution-color);
   border: 1px solid var(--alert-caution-outline-color);
 }
 
-.wrapper.type-data.state-warning .id-pill {
+.wrapper.type-data.state-warning .id-pill,
+.wrapper.type-data.state-isa-medium .id-pill {
   background: var(--alert-warning-color);
   border: 1px solid var(--alert-warning-outline-color);
 }
 
-.wrapper.type-data.state-alarm .id-pill {
+.wrapper.type-data.state-alarm .id-pill,
+.wrapper.type-data.state-isa-high .id-pill {
   background: var(--alert-alarm-color);
   border: 1px solid var(--alert-alarm-outline-color);
 }
 
+.wrapper.type-data.state-isa-critical .id-pill {
+  background: var(--critical-enabled-background-color);
+  border: 1px solid var(--critical-enabled-border-color);
+}
+
+.wrapper.type-data.state-isa-diagnostic .id-pill {
+  background: var(--notification-enabled-background-color);
+  border: 1px solid var(--notification-enabled-border-color);
+}
+
 .id-text {
   font-family: var(--global-typography-font-family);
   font-weight: var(--global-typography-ui-label-active-font-weight);

package/dist/ar/building-blocks/poi-header/poi-header.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"poi-header.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"poi-header.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/ar/building-blocks/poi-header/poi-header.d.ts

@@ -7,7 +7,12 @@ export declare enum ObcPoiHeaderState {
     Selected = "selected",
     Caution = "caution",
     Warning = "warning",
-    Alarm = "alarm"
+    Alarm = "alarm",
+    IsaCritical = "isa-critical",
+    IsaHigh = "isa-high",
+    IsaMedium = "isa-medium",
+    IsaLow = "isa-low",
+    IsaDiagnostic = "isa-diagnostic"
 }
 export declare enum ObcPoiHeaderType {
     Data = "data",
@@ -24,7 +29,7 @@ export declare enum ObcPoiHeaderType {
  * - `type` (default `id`):
  *   - `id`: shows identifier content only.
  *   - `data`: shows identifier plus secondary label.
- * - `state` (default `enabled`): `enabled`, `selected`, `caution`, `warning`, `alarm`.
+ * - `state` (default `enabled`): `enabled`, `selected`, `caution`, `warning`, `alarm`, `isa-critical`, `isa-high`, `isa-medium`, `isa-low`, `isa-diagnostic`.
  * - `content` (default `"1"`): primary identifier text.
  * - `label` (default `"Data"`): secondary text used by `type="data"`.
  * - `hasIndicator` (default `false`): appends indicator area.

package/dist/ar/building-blocks/poi-header/poi-header.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"poi-header.d.ts","sourceRoot":"","sources":["../../../../src/ar/building-blocks/poi-header/poi-header.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAA2B,MAAM,KAAK,CAAC;AAMzD,oBAAY,gBAAgB;IAC1B,OAAO,YAAY;CACpB;AAED,oBAAY,iBAAiB;IAC3B,OAAO,YAAY;IACnB,QAAQ,aAAa;IACrB,OAAO,YAAY;IACnB,OAAO,YAAY;IACnB,KAAK,UAAU;CAChB;AAED,oBAAY,gBAAgB;IAC1B,IAAI,SAAS;IACb,EAAE,OAAO;CACV;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAyCG;AACH,qBACa,YAAa,SAAQ,UAAU;IAChB,OAAO,SAAO;IACd,KAAK,SAAU;IAGzC,IAAI,EAAE,gBAAgB,CAA4B;IAGlD,KAAK,EAAE,iBAAiB,CAA6B;IAGrD,IAAI,EAAE,gBAAgB,CAAuB;IAG7C,YAAY,UAAS;IAErB,OAAO,KAAK,UAAU,GAErB;IAED,OAAO,KAAK,SAAS,GAEpB;IAED,OAAO,KAAK,yBAAyB,GAEpC;IAED,OAAO,CAAC,eAAe;IAkBvB,OAAO,CAAC,YAAY;IAIpB,OAAO,CAAC,UAAU;IAWT,MAAM;IAmBf,OAAgB,MAAM,0BAA6B;CACpD;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,gBAAgB,EAAE,YAAY,CAAC;KAChC;CACF"}
+{"version":3,"file":"poi-header.d.ts","sourceRoot":"","sources":["../../../../src/ar/building-blocks/poi-header/poi-header.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAA2B,MAAM,KAAK,CAAC;AAMzD,oBAAY,gBAAgB;IAC1B,OAAO,YAAY;CACpB;AAED,oBAAY,iBAAiB;IAC3B,OAAO,YAAY;IACnB,QAAQ,aAAa;IACrB,OAAO,YAAY;IACnB,OAAO,YAAY;IACnB,KAAK,UAAU;IACf,WAAW,iBAAiB;IAC5B,OAAO,aAAa;IACpB,SAAS,eAAe;IACxB,MAAM,YAAY;IAClB,aAAa,mBAAmB;CACjC;AAED,oBAAY,gBAAgB;IAC1B,IAAI,SAAS;IACb,EAAE,OAAO;CACV;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAyCG;AACH,qBACa,YAAa,SAAQ,UAAU;IAChB,OAAO,SAAO;IACd,KAAK,SAAU;IAGzC,IAAI,EAAE,gBAAgB,CAA4B;IAGlD,KAAK,EAAE,iBAAiB,CAA6B;IAGrD,IAAI,EAAE,gBAAgB,CAAuB;IAG7C,YAAY,UAAS;IAErB,OAAO,KAAK,UAAU,GAErB;IAED,OAAO,KAAK,SAAS,GAEpB;IAED,OAAO,KAAK,yBAAyB,GAEpC;IAED,OAAO,CAAC,eAAe;IAkBvB,OAAO,CAAC,YAAY;IAIpB,OAAO,CAAC,UAAU;IAWT,MAAM;IAmBf,OAAgB,MAAM,0BAA6B;CACpD;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,gBAAgB,EAAE,YAAY,CAAC;KAChC;CACF"}

package/dist/ar/building-blocks/poi-header/poi-header.js

@@ -23,6 +23,11 @@ var ObcPoiHeaderState = /* @__PURE__ */ ((ObcPoiHeaderState2) => {
   ObcPoiHeaderState2["Caution"] = "caution";
   ObcPoiHeaderState2["Warning"] = "warning";
   ObcPoiHeaderState2["Alarm"] = "alarm";
+  ObcPoiHeaderState2["IsaCritical"] = "isa-critical";
+  ObcPoiHeaderState2["IsaHigh"] = "isa-high";
+  ObcPoiHeaderState2["IsaMedium"] = "isa-medium";
+  ObcPoiHeaderState2["IsaLow"] = "isa-low";
+  ObcPoiHeaderState2["IsaDiagnostic"] = "isa-diagnostic";
   return ObcPoiHeaderState2;
 })(ObcPoiHeaderState || {});
 var ObcPoiHeaderType = /* @__PURE__ */ ((ObcPoiHeaderType2) => {

package/dist/ar/building-blocks/poi-header/poi-header.js.map

@@ -1 +1 @@
-{"version":3,"file":"poi-header.js","sources":["../../../../src/ar/building-blocks/poi-header/poi-header.ts"],"sourcesContent":["import {LitElement, html, nothing, unsafeCSS} from 'lit';\nimport {property} from 'lit/decorators.js';\nimport {classMap} from 'lit/directives/class-map.js';\nimport {customElement} from '../../../decorator.js';\nimport componentStyle from './poi-header.css?inline';\n\nexport enum ObcPoiHeaderSize {\n  Regular = 'regular',\n}\n\nexport enum ObcPoiHeaderState {\n  Enabled = 'enabled',\n  Selected = 'selected',\n  Caution = 'caution',\n  Warning = 'warning',\n  Alarm = 'alarm',\n}\n\nexport enum ObcPoiHeaderType {\n  Data = 'data',\n  Id = 'id',\n}\n\n/**\n * `<obc-poi-header>` - Compact header chip for marker identifiers, labels, and optional indicator content.\n *\n * ## Overview\n * Use this component to display compact marker metadata above or near a marker button.\n * Keywords/synonyms: chip, pill, badge, header chip, identifier badge.\n *\n * ## Features/Variants\n * - `type` (default `id`):\n *   - `id`: shows identifier content only.\n *   - `data`: shows identifier plus secondary label.\n * - `state` (default `enabled`): `enabled`, `selected`, `caution`, `warning`, `alarm`.\n * - `content` (default `\"1\"`): primary identifier text.\n * - `label` (default `\"Data\"`): secondary text used by `type=\"data\"`.\n * - `hasIndicator` (default `false`): appends indicator area.\n * - `indicator` slot fallback: renders built-in bar indicator markup when slot content is empty.\n * - `size` (default `regular`): currently only `regular`.\n *\n * ## Usage Guidelines\n * - Use `type=\"id\"` for compact identifier-only labels.\n * - Use `type=\"data\"` when both an ID and short label are required.\n * - Keep `content` and `label` brief to prevent overflow.\n *\n * ## Slots/Content\n * - `indicator`: Optional indicator icon/content; built-in indicator is used as fallback.\n *\n * ## Events\n * This component does not emit custom events.\n *\n * ## Best Practices\n * - Keep indicator usage consistent across similar marker states.\n * - Prefer enum values for `type`, `state`, and `size`.\n *\n * ## Example\n * ```html\n * <obc-poi-header type=\"data\" state=\"selected\" content=\"3\" label=\"SOG\" has-indicator>\n *   <obi-placeholder slot=\"indicator\"></obi-placeholder>\n * </obc-poi-header>\n * ```\n *\n * @slot indicator - Optional indicator icon/content.\n */\n@customElement('obc-poi-header')\nexport class ObcPoiHeader extends LitElement {\n  @property({type: String}) content = '1';\n  @property({type: String}) label = 'Data';\n\n  @property({type: String})\n  size: ObcPoiHeaderSize = ObcPoiHeaderSize.Regular;\n\n  @property({type: String})\n  state: ObcPoiHeaderState = ObcPoiHeaderState.Enabled;\n\n  @property({type: String})\n  type: ObcPoiHeaderType = ObcPoiHeaderType.Id;\n\n  @property({type: Boolean, attribute: 'has-indicator'})\n  hasIndicator = false;\n\n  private get isDataType(): boolean {\n    return this.type === ObcPoiHeaderType.Data;\n  }\n\n  private get isEnabled(): boolean {\n    return this.state === ObcPoiHeaderState.Enabled;\n  }\n\n  private get hasSingleCharacterContent(): boolean {\n    return this.content?.trim().length === 1;\n  }\n\n  private renderIndicator() {\n    const withFrame = this.isDataType && this.isEnabled;\n    const defaultIndicator = html`\n      <span class=\"indicator\" aria-hidden=\"true\" data-node-id=\"10534:68353\">\n        <span class=\"bar left\" data-node-id=\"10534:68366\"></span>\n        <span class=\"bar middle\" data-node-id=\"10534:68365\"></span>\n        <span class=\"bar right\" data-node-id=\"10534:68367\"></span>\n      </span>\n    `;\n    const indicator = html`<slot name=\"indicator\">${defaultIndicator}</slot>`;\n\n    if (!withFrame) {\n      return indicator;\n    }\n\n    return html`<span class=\"indicator-frame\">${indicator}</span>`;\n  }\n\n  private renderIdOnly() {\n    return html`<span class=\"id-only-text\">${this.content}</span>`;\n  }\n\n  private renderData() {\n    return html`\n      <div class=\"id-pill\">\n        <span class=\"id-text\">${this.content}</span>\n      </div>\n      <div class=\"label-pill\">\n        <span class=\"label-text\">${this.label}</span>\n      </div>\n    `;\n  }\n\n  override render() {\n    return html`\n      <div\n        class=${classMap({\n          wrapper: true,\n          [`size-${this.size}`]: true,\n          [`state-${this.state}`]: true,\n          [`type-${this.type}`]: true,\n          'single-char-content': this.hasSingleCharacterContent,\n          'has-indicator': this.hasIndicator,\n        })}\n        data-node-id=\"10389:51689\"\n      >\n        ${this.isDataType ? this.renderData() : this.renderIdOnly()}\n        ${this.hasIndicator ? this.renderIndicator() : nothing}\n      </div>\n    `;\n  }\n\n  static override styles = unsafeCSS(componentStyle);\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'obc-poi-header': ObcPoiHeader;\n  }\n}\n"],"names":["ObcPoiHeaderSize","ObcPoiHeaderState","ObcPoiHeaderType"],"mappings":";;;;;;;;;;;;;;;AAMO,IAAK,qCAAAA,sBAAL;AACLA,oBAAA,SAAA,IAAU;AADA,SAAAA;AAAA,GAAA,oBAAA,CAAA,CAAA;AAIL,IAAK,sCAAAC,uBAAL;AACLA,qBAAA,SAAA,IAAU;AACVA,qBAAA,UAAA,IAAW;AACXA,qBAAA,SAAA,IAAU;AACVA,qBAAA,SAAA,IAAU;AACVA,qBAAA,OAAA,IAAQ;AALE,SAAAA;AAAA,GAAA,qBAAA,CAAA,CAAA;AAQL,IAAK,qCAAAC,sBAAL;AACLA,oBAAA,MAAA,IAAO;AACPA,oBAAA,IAAA,IAAK;AAFK,SAAAA;AAAA,GAAA,oBAAA,CAAA,CAAA;AAgDL,IAAM,eAAN,cAA2B,WAAW;AAAA,EAAtC,cAAA;AAAA,UAAA,GAAA,SAAA;AACqB,SAAA,UAAU;AACV,SAAA,QAAQ;AAGlC,SAAA,OAAyB;AAGzB,SAAA,QAA2B;AAG3B,SAAA,OAAyB;AAGzB,SAAA,eAAe;AAAA,EAAA;AAAA,EAEf,IAAY,aAAsB;AAChC,WAAO,KAAK,SAAS;AAAA,EACvB;AAAA,EAEA,IAAY,YAAqB;AAC/B,WAAO,KAAK,UAAU;AAAA,EACxB;AAAA,EAEA,IAAY,4BAAqC;AAC/C,WAAO,KAAK,SAAS,KAAA,EAAO,WAAW;AAAA,EACzC;AAAA,EAEQ,kBAAkB;AACxB,UAAM,YAAY,KAAK,cAAc,KAAK;AAC1C,UAAM,mBAAmB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAOzB,UAAM,YAAY,8BAA8B,gBAAgB;AAEhE,QAAI,CAAC,WAAW;AACd,aAAO;AAAA,IACT;AAEA,WAAO,qCAAqC,SAAS;AAAA,EACvD;AAAA,EAEQ,eAAe;AACrB,WAAO,kCAAkC,KAAK,OAAO;AAAA,EACvD;AAAA,EAEQ,aAAa;AACnB,WAAO;AAAA;AAAA,gCAEqB,KAAK,OAAO;AAAA;AAAA;AAAA,mCAGT,KAAK,KAAK;AAAA;AAAA;AAAA,EAG3C;AAAA,EAES,SAAS;AAChB,WAAO;AAAA;AAAA,gBAEK,SAAS;AAAA,MACf,SAAS;AAAA,MACT,CAAC,QAAQ,KAAK,IAAI,EAAE,GAAG;AAAA,MACvB,CAAC,SAAS,KAAK,KAAK,EAAE,GAAG;AAAA,MACzB,CAAC,QAAQ,KAAK,IAAI,EAAE,GAAG;AAAA,MACvB,uBAAuB,KAAK;AAAA,MAC5B,iBAAiB,KAAK;AAAA,IAAA,CACvB,CAAC;AAAA;AAAA;AAAA,UAGA,KAAK,aAAa,KAAK,eAAe,KAAK,cAAc;AAAA,UACzD,KAAK,eAAe,KAAK,gBAAA,IAAoB,OAAO;AAAA;AAAA;AAAA,EAG5D;AAGF;AAjFa,aAgFK,SAAS,UAAU,cAAc;AA/EvB,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,OAAA,CAAO;AAAA,GADb,aACe,WAAA,WAAA,CAAA;AACA,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,OAAA,CAAO;AAAA,GAFb,aAEe,WAAA,SAAA,CAAA;AAG1B,gBAAA;AAAA,EADC,SAAS,EAAC,MAAM,OAAA,CAAO;AAAA,GAJb,aAKX,WAAA,QAAA,CAAA;AAGA,gBAAA;AAAA,EADC,SAAS,EAAC,MAAM,OAAA,CAAO;AAAA,GAPb,aAQX,WAAA,SAAA,CAAA;AAGA,gBAAA;AAAA,EADC,SAAS,EAAC,MAAM,OAAA,CAAO;AAAA,GAVb,aAWX,WAAA,QAAA,CAAA;AAGA,gBAAA;AAAA,EADC,SAAS,EAAC,MAAM,SAAS,WAAW,iBAAgB;AAAA,GAb1C,aAcX,WAAA,gBAAA,CAAA;AAdW,eAAN,gBAAA;AAAA,EADN,cAAc,gBAAgB;AAAA,GAClB,YAAA;"}
+{"version":3,"file":"poi-header.js","sources":["../../../../src/ar/building-blocks/poi-header/poi-header.ts"],"sourcesContent":["import {LitElement, html, nothing, unsafeCSS} from 'lit';\nimport {property} from 'lit/decorators.js';\nimport {classMap} from 'lit/directives/class-map.js';\nimport {customElement} from '../../../decorator.js';\nimport componentStyle from './poi-header.css?inline';\n\nexport enum ObcPoiHeaderSize {\n  Regular = 'regular',\n}\n\nexport enum ObcPoiHeaderState {\n  Enabled = 'enabled',\n  Selected = 'selected',\n  Caution = 'caution',\n  Warning = 'warning',\n  Alarm = 'alarm',\n  IsaCritical = 'isa-critical',\n  IsaHigh = 'isa-high',\n  IsaMedium = 'isa-medium',\n  IsaLow = 'isa-low',\n  IsaDiagnostic = 'isa-diagnostic',\n}\n\nexport enum ObcPoiHeaderType {\n  Data = 'data',\n  Id = 'id',\n}\n\n/**\n * `<obc-poi-header>` - Compact header chip for marker identifiers, labels, and optional indicator content.\n *\n * ## Overview\n * Use this component to display compact marker metadata above or near a marker button.\n * Keywords/synonyms: chip, pill, badge, header chip, identifier badge.\n *\n * ## Features/Variants\n * - `type` (default `id`):\n *   - `id`: shows identifier content only.\n *   - `data`: shows identifier plus secondary label.\n * - `state` (default `enabled`): `enabled`, `selected`, `caution`, `warning`, `alarm`, `isa-critical`, `isa-high`, `isa-medium`, `isa-low`, `isa-diagnostic`.\n * - `content` (default `\"1\"`): primary identifier text.\n * - `label` (default `\"Data\"`): secondary text used by `type=\"data\"`.\n * - `hasIndicator` (default `false`): appends indicator area.\n * - `indicator` slot fallback: renders built-in bar indicator markup when slot content is empty.\n * - `size` (default `regular`): currently only `regular`.\n *\n * ## Usage Guidelines\n * - Use `type=\"id\"` for compact identifier-only labels.\n * - Use `type=\"data\"` when both an ID and short label are required.\n * - Keep `content` and `label` brief to prevent overflow.\n *\n * ## Slots/Content\n * - `indicator`: Optional indicator icon/content; built-in indicator is used as fallback.\n *\n * ## Events\n * This component does not emit custom events.\n *\n * ## Best Practices\n * - Keep indicator usage consistent across similar marker states.\n * - Prefer enum values for `type`, `state`, and `size`.\n *\n * ## Example\n * ```html\n * <obc-poi-header type=\"data\" state=\"selected\" content=\"3\" label=\"SOG\" has-indicator>\n *   <obi-placeholder slot=\"indicator\"></obi-placeholder>\n * </obc-poi-header>\n * ```\n *\n * @slot indicator - Optional indicator icon/content.\n */\n@customElement('obc-poi-header')\nexport class ObcPoiHeader extends LitElement {\n  @property({type: String}) content = '1';\n  @property({type: String}) label = 'Data';\n\n  @property({type: String})\n  size: ObcPoiHeaderSize = ObcPoiHeaderSize.Regular;\n\n  @property({type: String})\n  state: ObcPoiHeaderState = ObcPoiHeaderState.Enabled;\n\n  @property({type: String})\n  type: ObcPoiHeaderType = ObcPoiHeaderType.Id;\n\n  @property({type: Boolean, attribute: 'has-indicator'})\n  hasIndicator = false;\n\n  private get isDataType(): boolean {\n    return this.type === ObcPoiHeaderType.Data;\n  }\n\n  private get isEnabled(): boolean {\n    return this.state === ObcPoiHeaderState.Enabled;\n  }\n\n  private get hasSingleCharacterContent(): boolean {\n    return this.content?.trim().length === 1;\n  }\n\n  private renderIndicator() {\n    const withFrame = this.isDataType && this.isEnabled;\n    const defaultIndicator = html`\n      <span class=\"indicator\" aria-hidden=\"true\" data-node-id=\"10534:68353\">\n        <span class=\"bar left\" data-node-id=\"10534:68366\"></span>\n        <span class=\"bar middle\" data-node-id=\"10534:68365\"></span>\n        <span class=\"bar right\" data-node-id=\"10534:68367\"></span>\n      </span>\n    `;\n    const indicator = html`<slot name=\"indicator\">${defaultIndicator}</slot>`;\n\n    if (!withFrame) {\n      return indicator;\n    }\n\n    return html`<span class=\"indicator-frame\">${indicator}</span>`;\n  }\n\n  private renderIdOnly() {\n    return html`<span class=\"id-only-text\">${this.content}</span>`;\n  }\n\n  private renderData() {\n    return html`\n      <div class=\"id-pill\">\n        <span class=\"id-text\">${this.content}</span>\n      </div>\n      <div class=\"label-pill\">\n        <span class=\"label-text\">${this.label}</span>\n      </div>\n    `;\n  }\n\n  override render() {\n    return html`\n      <div\n        class=${classMap({\n          wrapper: true,\n          [`size-${this.size}`]: true,\n          [`state-${this.state}`]: true,\n          [`type-${this.type}`]: true,\n          'single-char-content': this.hasSingleCharacterContent,\n          'has-indicator': this.hasIndicator,\n        })}\n        data-node-id=\"10389:51689\"\n      >\n        ${this.isDataType ? this.renderData() : this.renderIdOnly()}\n        ${this.hasIndicator ? this.renderIndicator() : nothing}\n      </div>\n    `;\n  }\n\n  static override styles = unsafeCSS(componentStyle);\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'obc-poi-header': ObcPoiHeader;\n  }\n}\n"],"names":["ObcPoiHeaderSize","ObcPoiHeaderState","ObcPoiHeaderType"],"mappings":"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"}

package/dist/ar/poi-button/poi-button.css.js

@@ -122,22 +122,34 @@ const compentStyle = css`
       display: none;
     }
 
-.wrapper.alert-caution .alert-ring {
-      background: var(--alert-caution-color);
-      border-color: var(--alert-caution-outline-color);
-      outline-color: var(--alert-caution-outline-color);
+:is(.wrapper.alert-alarm,.wrapper.alert-isa-high) .alert-ring {
+      background: var(--alert-alarm-color);
+      border-color: var(--alert-alarm-outline-color);
+      outline-color: var(--alert-alarm-outline-color);
+    }
+
+.wrapper.alert-isa-critical .alert-ring {
+      background: var(--critical-enabled-background-color);
+      border-color: var(--critical-enabled-border-color);
+      outline-color: var(--critical-enabled-border-color);
     }
 
-.wrapper.alert-warning .alert-ring {
+:is(.wrapper.alert-warning,.wrapper.alert-isa-medium) .alert-ring {
       background: var(--alert-warning-color);
       border-color: var(--alert-warning-outline-color);
       outline-color: var(--alert-warning-outline-color);
     }
 
-.wrapper.alert-alarm .alert-ring {
-      background: var(--alert-alarm-color);
-      border-color: var(--alert-alarm-outline-color);
-      outline-color: var(--alert-alarm-outline-color);
+:is(.wrapper.alert-caution,.wrapper.alert-isa-low) .alert-ring {
+      background: var(--alert-caution-color);
+      border-color: var(--alert-caution-outline-color);
+      outline-color: var(--alert-caution-outline-color);
+    }
+
+.wrapper.alert-isa-diagnostic .alert-ring {
+      background: var(--notification-enabled-background-color);
+      border-color: var(--notification-enabled-border-color);
+      outline-color: var(--notification-enabled-border-color);
     }
 
 .wrapper .alert-ring {
@@ -374,51 +386,94 @@ const compentStyle = css`
 
 /* Overlap alert color styles */
 
-.wrapper.value-overlapped.alert-caution {
-    --overlay-container-background-color: var(--alert-caution-color, #ffdb42);
-    --overlay-border-outline-color: var(--alert-caution-outline-color);
+.wrapper.value-overlapped.alert-alarm,.wrapper.value-overlapped.alert-isa-high {
+    --overlay-container-background-color: var(--alert-alarm-color, #e30019);
+    --overlay-border-outline-color: var(--alert-alarm-outline-color);
   }
 
-.wrapper.value-overlapped.alert-caution .poi-object {
-    --overlay-container-background-color: var(--alert-caution-color, #ffdb42);
-    --overlay-border-outline-color: var(--alert-caution-outline-color);
+.wrapper.value-overlapped.alert-alarm .poi-object,.wrapper.value-overlapped.alert-isa-high .poi-object {
+    --overlay-container-background-color: var(--alert-alarm-color, #e30019);
+    --overlay-border-outline-color: var(--alert-alarm-outline-color);
+  }
+
+.wrapper.value-overlapped.alert-isa-critical {
+    --overlay-container-background-color: var(
+      --critical-enabled-background-color
+    );
+    --overlay-border-outline-color: var(--critical-enabled-border-color);
+  }
+
+.wrapper.value-overlapped.alert-isa-critical .poi-object {
+    --overlay-container-background-color: var(
+      --critical-enabled-background-color
+    );
+    --overlay-border-outline-color: var(--critical-enabled-border-color);
   }
 
-.wrapper.value-overlapped.alert-warning {
+.wrapper.value-overlapped.alert-warning,.wrapper.value-overlapped.alert-isa-medium {
     --overlay-container-background-color: var(--alert-warning-color, #fe9413);
     --overlay-border-outline-color: var(--alert-warning-outline-color);
   }
 
-.wrapper.value-overlapped.alert-warning .poi-object {
+.wrapper.value-overlapped.alert-warning .poi-object,.wrapper.value-overlapped.alert-isa-medium .poi-object {
     --overlay-container-background-color: var(--alert-warning-color, #fe9413);
     --overlay-border-outline-color: var(--alert-warning-outline-color);
   }
 
-.wrapper.value-overlapped.alert-alarm {
-    --overlay-container-background-color: var(--alert-alarm-color, #e30019);
-    --overlay-border-outline-color: var(--alert-alarm-outline-color);
+.wrapper.value-overlapped.alert-caution,.wrapper.value-overlapped.alert-isa-low {
+    --overlay-container-background-color: var(--alert-caution-color, #ffdb42);
+    --overlay-border-outline-color: var(--alert-caution-outline-color);
   }
 
-.wrapper.value-overlapped.alert-alarm .poi-object {
-    --overlay-container-background-color: var(--alert-alarm-color, #e30019);
-    --overlay-border-outline-color: var(--alert-alarm-outline-color);
+.wrapper.value-overlapped.alert-caution .poi-object,.wrapper.value-overlapped.alert-isa-low .poi-object {
+    --overlay-container-background-color: var(--alert-caution-color, #ffdb42);
+    --overlay-border-outline-color: var(--alert-caution-outline-color);
+  }
+
+.wrapper.value-overlapped.alert-isa-diagnostic {
+    --overlay-container-background-color: var(
+      --notification-enabled-background-color
+    );
+    --overlay-border-outline-color: var(--notification-enabled-border-color);
+  }
+
+.wrapper.value-overlapped.alert-isa-diagnostic .poi-object {
+    --overlay-container-background-color: var(
+      --notification-enabled-background-color
+    );
+    --overlay-border-outline-color: var(--notification-enabled-border-color);
   }
 
-.wrapper.value-overlapped.alert-caution .poi-object::part(background-frame) {
+.wrapper.value-overlapped.alert-caution .poi-object::part(background-frame),
+.wrapper.value-overlapped.alert-isa-low .poi-object::part(background-frame) {
   background-color: var(--alert-caution-color, #ffdb42);
   border-color: var(--alert-caution-outline-color);
 }
 
-.wrapper.value-overlapped.alert-warning .poi-object::part(background-frame) {
+.wrapper.value-overlapped.alert-warning .poi-object::part(background-frame),
+.wrapper.value-overlapped.alert-isa-medium .poi-object::part(background-frame) {
   background-color: var(--alert-warning-color, #fe9413);
   border-color: var(--alert-warning-outline-color);
 }
 
-.wrapper.value-overlapped.alert-alarm .poi-object::part(background-frame) {
+.wrapper.value-overlapped.alert-alarm .poi-object::part(background-frame),
+.wrapper.value-overlapped.alert-isa-high .poi-object::part(background-frame) {
   background-color: var(--alert-alarm-color, #e30019);
   border-color: var(--alert-alarm-outline-color);
 }
 
+.wrapper.value-overlapped.alert-isa-critical
+  .poi-object::part(background-frame) {
+  background-color: var(--critical-enabled-background-color);
+  border-color: var(--critical-enabled-border-color);
+}
+
+.wrapper.value-overlapped.alert-isa-diagnostic
+  .poi-object::part(background-frame) {
+  background-color: var(--notification-enabled-background-color);
+  border-color: var(--notification-enabled-border-color);
+}
+
 ::slotted(:not([slot])) {
   width: 100%;
   height: 100%;
@@ -447,21 +502,31 @@ const compentStyle = css`
       display: none;
     }
 
-.alert-caution :is(.wrapper.has-data .alert-ring) {
+.alert-caution :is(.wrapper.has-data .alert-ring),.alert-isa-low :is(.wrapper.has-data .alert-ring) {
       border-color: var(--alert-caution-outline-color);
       outline-color: var(--alert-caution-color);
     }
 
-.alert-warning :is(.wrapper.has-data .alert-ring) {
+.alert-warning :is(.wrapper.has-data .alert-ring),.alert-isa-medium :is(.wrapper.has-data .alert-ring) {
       border-color: var(--alert-warning-outline-color);
       outline-color: var(--alert-warning-color);
     }
 
-.alert-alarm :is(.wrapper.has-data .alert-ring) {
+.alert-alarm :is(.wrapper.has-data .alert-ring),.alert-isa-high :is(.wrapper.has-data .alert-ring) {
       border-color: var(--alert-alarm-outline-color);
       outline-color: var(--alert-alarm-color);
     }
 
+.alert-isa-critical :is(.wrapper.has-data .alert-ring) {
+      border-color: var(--critical-enabled-border-color);
+      outline-color: var(--critical-enabled-background-color);
+    }
+
+.alert-isa-diagnostic :is(.wrapper.has-data .alert-ring) {
+      border-color: var(--notification-enabled-border-color);
+      outline-color: var(--notification-enabled-background-color);
+    }
+
 .wrapper.has-data .id-label {
     position: absolute;
     top: -9.5px;
@@ -531,21 +596,34 @@ const compentStyle = css`
   opacity: var(--obc-poi-overlap-wrapper-opacity, 0.6);
 }
 
-.wrapper.value-overlapped.has-data.alert-caution {
+.wrapper.value-overlapped.has-data.alert-caution,
+.wrapper.value-overlapped.has-data.alert-isa-low {
   background: var(--alert-caution-color, #ffdb42);
   border-color: var(--alert-caution-outline-color);
 }
 
-.wrapper.value-overlapped.has-data.alert-warning {
+.wrapper.value-overlapped.has-data.alert-warning,
+.wrapper.value-overlapped.has-data.alert-isa-medium {
   background: var(--alert-warning-color, #fe9413);
   border-color: var(--alert-warning-outline-color);
 }
 
-.wrapper.value-overlapped.has-data.alert-alarm {
+.wrapper.value-overlapped.has-data.alert-alarm,
+.wrapper.value-overlapped.has-data.alert-isa-high {
   background: var(--alert-alarm-color, #e30019);
   border-color: var(--alert-alarm-outline-color);
 }
 
+.wrapper.value-overlapped.has-data.alert-isa-critical {
+  background: var(--critical-enabled-background-color);
+  border-color: var(--critical-enabled-border-color);
+}
+
+.wrapper.value-overlapped.has-data.alert-isa-diagnostic {
+  background: var(--notification-enabled-background-color);
+  border-color: var(--notification-enabled-border-color);
+}
+
 .wrapper.value-overlapped:not(.layout-inline).has-data {
   width: var(--maneuvering-components-poi-button-touch-target, 48px);
   min-width: var(--maneuvering-components-poi-button-touch-target, 48px);

package/dist/ar/poi-button/poi-button.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"poi-button.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"poi-button.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}