@oicl/openbridge-webcomponents-full-bundle 2.0.0-next.63 → 2.0.0-next.65

package/src/alert-severity.ts

@@ -5,9 +5,9 @@
  * Centralizes the per-`AlertType` decisions shared across alert-rendering
  * components (badges, twotone icons, frames, lists) so that severity behavior
  * stays consistent everywhere. Supports both the legacy severities
- * (`alarm`, `warning`, `caution`) and the ISA severities
- * (`isa-critical`, `isa-high`, `isa-medium`, `isa-low`, `isa-diagnostic`),
- * collapsing the ISA set onto the legacy visual/blink treatments where they
+ * (`alarm`, `warning`, `caution`) and the level severities
+ * (`level-critical`, `level-high`, `level-medium`, `level-low`, `level-diagnostic`),
+ * collapsing the level set onto the legacy visual/blink treatments where they
  * share styling.
  *
  * Features:
@@ -18,7 +18,7 @@
  *   severity.
  * - Blinking: `supportsBlinking` reports whether a severity blinks,
  *   `getAlertBlinkMode` resolves its blink mode, and
- *   `getBamAlertTypeForBlinking` maps ISA severities onto the legacy type used
+ *   `getBamAlertTypeForBlinking` maps level severities onto the legacy type used
  *   by the bridge alert management (BAM) blink machinery.
  * - Acknowledgement & filtering: `requiresAcknowledgement` reports whether a
  *   severity needs an ACK action, `excludedFromUnackedFilter` reports whether
@@ -36,8 +36,8 @@
  * } from './alert-severity.js';
  * import {AlertType} from './types.js';
  *
- * const tokens = getAlertColorTokens(AlertType.IsaHigh);
- * const needsAck = requiresAcknowledgement(AlertType.IsaLow); // true
+ * const tokens = getAlertColorTokens(AlertType.LevelHigh);
+ * const needsAck = requiresAcknowledgement(AlertType.LevelLow); // true
  * alerts.sort(
  *   (a, b) =>
  *     ALERT_SEVERITY_PRIORITY.indexOf(a.type) -
@@ -67,10 +67,10 @@ export function requiresAcknowledgement(type: AlertType): boolean {
   return [
     AlertType.Alarm,
     AlertType.Warning,
-    AlertType.IsaCritical,
-    AlertType.IsaHigh,
-    AlertType.IsaMedium,
-    AlertType.IsaLow,
+    AlertType.LevelCritical,
+    AlertType.LevelHigh,
+    AlertType.LevelMedium,
+    AlertType.LevelLow,
   ].includes(type);
 }
 
@@ -78,10 +78,10 @@ export function supportsBlinking(type: AlertType): boolean {
   return [
     AlertType.Alarm,
     AlertType.Warning,
-    AlertType.IsaCritical,
-    AlertType.IsaHigh,
-    AlertType.IsaMedium,
-    AlertType.IsaLow,
+    AlertType.LevelCritical,
+    AlertType.LevelHigh,
+    AlertType.LevelMedium,
+    AlertType.LevelLow,
   ].includes(type);
 }
 
@@ -91,34 +91,34 @@ export function getAlertSeverityCssClass(type: AlertType): string {
 
 export function getAlertColorTokens(type: AlertType): AlertColorTokens {
   switch (type) {
-    case AlertType.IsaCritical:
+    case AlertType.LevelCritical:
       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:
+    case AlertType.LevelMedium:
       return {
         bg: 'var(--alert-warning-color)',
         border: 'var(--alert-warning-outline-color)',
         onActive: 'var(--on-warning-active-color)',
       };
     case AlertType.Caution:
-    case AlertType.IsaLow:
+    case AlertType.LevelLow:
       return {
         bg: 'var(--alert-caution-color)',
         border: 'var(--alert-caution-outline-color)',
         onActive: 'var(--on-caution-active-color)',
       };
-    case AlertType.IsaDiagnostic:
+    case AlertType.LevelDiagnostic:
       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:
+    case AlertType.LevelHigh:
     default:
       return {
         bg: 'var(--alert-alarm-color)',
@@ -130,18 +130,18 @@ export function getAlertColorTokens(type: AlertType): AlertColorTokens {
 
 export function getAlertBadgeComponent(type: AlertType): AlertBadgeComponent {
   switch (type) {
-    case AlertType.IsaCritical:
+    case AlertType.LevelCritical:
       return AlertBadgeComponent.Critical;
     case AlertType.Warning:
-    case AlertType.IsaMedium:
+    case AlertType.LevelMedium:
       return AlertBadgeComponent.Warning;
     case AlertType.Caution:
-    case AlertType.IsaLow:
+    case AlertType.LevelLow:
       return AlertBadgeComponent.Caution;
-    case AlertType.IsaDiagnostic:
+    case AlertType.LevelDiagnostic:
       return AlertBadgeComponent.Diagnostic;
     case AlertType.Alarm:
-    case AlertType.IsaHigh:
+    case AlertType.LevelHigh:
     default:
       return AlertBadgeComponent.Alarm;
   }
@@ -159,18 +159,18 @@ export function getAlertTwotoneComponent(
   type: AlertType
 ): AlertTwotoneComponent {
   switch (type) {
-    case AlertType.IsaCritical:
+    case AlertType.LevelCritical:
       return AlertTwotoneComponent.Critical;
-    case AlertType.IsaDiagnostic:
+    case AlertType.LevelDiagnostic:
       return AlertTwotoneComponent.Diagnostic;
     case AlertType.Warning:
-    case AlertType.IsaMedium:
+    case AlertType.LevelMedium:
       return AlertTwotoneComponent.Warning;
     case AlertType.Caution:
-    case AlertType.IsaLow:
+    case AlertType.LevelLow:
       return AlertTwotoneComponent.Caution;
     case AlertType.Alarm:
-    case AlertType.IsaHigh:
+    case AlertType.LevelHigh:
     default:
       return AlertTwotoneComponent.Alarm;
   }
@@ -185,16 +185,16 @@ export enum AlertBlinkMode {
 
 export function getAlertBlinkMode(type: AlertType): AlertBlinkMode {
   switch (type) {
-    case AlertType.IsaCritical:
+    case AlertType.LevelCritical:
       return AlertBlinkMode.Critical;
     case AlertType.Warning:
-    case AlertType.IsaMedium:
+    case AlertType.LevelMedium:
       return AlertBlinkMode.Warning;
     case AlertType.Caution:
-    case AlertType.IsaLow:
+    case AlertType.LevelLow:
       return AlertBlinkMode.Low;
     case AlertType.Alarm:
-    case AlertType.IsaHigh:
+    case AlertType.LevelHigh:
     default:
       return AlertBlinkMode.Alarm;
   }
@@ -202,12 +202,12 @@ export function getAlertBlinkMode(type: AlertType): AlertBlinkMode {
 
 export function getBamAlertTypeForBlinking(type: AlertType): AlertType {
   switch (type) {
-    case AlertType.IsaCritical:
-    case AlertType.IsaHigh:
+    case AlertType.LevelCritical:
+    case AlertType.LevelHigh:
       return AlertType.Alarm;
-    case AlertType.IsaMedium:
+    case AlertType.LevelMedium:
       return AlertType.Warning;
-    case AlertType.IsaLow:
+    case AlertType.LevelLow:
       return AlertType.Caution;
     default:
       return type;
@@ -215,11 +215,13 @@ export function getBamAlertTypeForBlinking(type: AlertType): AlertType {
 }
 
 export function excludedFromUnackedFilter(type: AlertType): boolean {
-  return [AlertType.Caution, AlertType.IsaDiagnostic].includes(type);
+  return [AlertType.Caution, AlertType.LevelDiagnostic].includes(type);
 }
 
 export function usesAlarmNoAckIcon(type: AlertType): boolean {
-  return [AlertType.Alarm, AlertType.IsaCritical, AlertType.IsaHigh].includes(
-    type
-  );
+  return [
+    AlertType.Alarm,
+    AlertType.LevelCritical,
+    AlertType.LevelHigh,
+  ].includes(type);
 }

package/src/ar/building-blocks/poi-header/poi-header.css

@@ -32,29 +32,29 @@
 }
 
 .wrapper.type-id.state-caution,
-.wrapper.type-id.state-isa-low {
+.wrapper.type-id.state-level-low {
   background: var(--alert-caution-color);
   border: 1px solid var(--alert-caution-outline-color);
 }
 
 .wrapper.type-id.state-warning,
-.wrapper.type-id.state-isa-medium {
+.wrapper.type-id.state-level-medium {
   background: var(--alert-warning-color);
   border: 1px solid var(--alert-warning-outline-color);
 }
 
 .wrapper.type-id.state-alarm,
-.wrapper.type-id.state-isa-high {
+.wrapper.type-id.state-level-high {
   background: var(--alert-alarm-color);
   border: 1px solid var(--alert-alarm-outline-color);
 }
 
-.wrapper.type-id.state-isa-critical {
+.wrapper.type-id.state-level-critical {
   background: var(--critical-enabled-background-color);
   border: 1px solid var(--critical-enabled-border-color);
 }
 
-.wrapper.type-id.state-isa-diagnostic {
+.wrapper.type-id.state-level-diagnostic {
   background: var(--notification-enabled-background-color);
   border: 1px solid var(--notification-enabled-border-color);
 }
@@ -64,11 +64,11 @@
     .state-caution,
     .state-warning,
     .state-alarm,
-    .state-isa-critical,
-    .state-isa-high,
-    .state-isa-medium,
-    .state-isa-low,
-    .state-isa-diagnostic
+    .state-level-critical,
+    .state-level-high,
+    .state-level-medium,
+    .state-level-low,
+    .state-level-diagnostic
   ) {
   background: var(--overlay-container-background-color);
   border: 1px solid var(--overlay-border-outline-color);
@@ -123,29 +123,29 @@
 }
 
 .wrapper.type-data.state-caution .id-pill,
-.wrapper.type-data.state-isa-low .id-pill {
+.wrapper.type-data.state-level-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-isa-medium .id-pill {
+.wrapper.type-data.state-level-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-isa-high .id-pill {
+.wrapper.type-data.state-level-high .id-pill {
   background: var(--alert-alarm-color);
   border: 1px solid var(--alert-alarm-outline-color);
 }
 
-.wrapper.type-data.state-isa-critical .id-pill {
+.wrapper.type-data.state-level-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 {
+.wrapper.type-data.state-level-diagnostic .id-pill {
   background: var(--notification-enabled-background-color);
   border: 1px solid var(--notification-enabled-border-color);
 }

package/src/ar/building-blocks/poi-header/poi-header.ts

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

package/src/ar/poi-button/poi-button.css

@@ -120,7 +120,7 @@
   }
 
   &.alert-alarm,
-  &.alert-isa-high {
+  &.alert-level-high {
     .alert-ring {
       background: var(--alert-alarm-color);
       border-color: var(--alert-alarm-outline-color);
@@ -128,7 +128,7 @@
     }
   }
 
-  &.alert-isa-critical {
+  &.alert-level-critical {
     .alert-ring {
       background: var(--critical-enabled-background-color);
       border-color: var(--critical-enabled-border-color);
@@ -137,7 +137,7 @@
   }
 
   &.alert-warning,
-  &.alert-isa-medium {
+  &.alert-level-medium {
     .alert-ring {
       background: var(--alert-warning-color);
       border-color: var(--alert-warning-outline-color);
@@ -146,7 +146,7 @@
   }
 
   &.alert-caution,
-  &.alert-isa-low {
+  &.alert-level-low {
     .alert-ring {
       background: var(--alert-caution-color);
       border-color: var(--alert-caution-outline-color);
@@ -154,7 +154,7 @@
     }
   }
 
-  &.alert-isa-diagnostic {
+  &.alert-level-diagnostic {
     .alert-ring {
       background: var(--notification-enabled-background-color);
       border-color: var(--notification-enabled-border-color);
@@ -265,25 +265,25 @@
 /* Overlap alert color styles */
 .wrapper.value-overlapped {
   &.alert-alarm,
-  &.alert-isa-high {
+  &.alert-level-high {
     --overlay-container-background-color: var(--alert-alarm-color, #e30019);
     --overlay-border-outline-color: var(--alert-alarm-outline-color);
   }
 
   &.alert-alarm .poi-object,
-  &.alert-isa-high .poi-object {
+  &.alert-level-high .poi-object {
     --overlay-container-background-color: var(--alert-alarm-color, #e30019);
     --overlay-border-outline-color: var(--alert-alarm-outline-color);
   }
 
-  &.alert-isa-critical {
+  &.alert-level-critical {
     --overlay-container-background-color: var(
       --critical-enabled-background-color
     );
     --overlay-border-outline-color: var(--critical-enabled-border-color);
   }
 
-  &.alert-isa-critical .poi-object {
+  &.alert-level-critical .poi-object {
     --overlay-container-background-color: var(
       --critical-enabled-background-color
     );
@@ -291,37 +291,37 @@
   }
 
   &.alert-warning,
-  &.alert-isa-medium {
+  &.alert-level-medium {
     --overlay-container-background-color: var(--alert-warning-color, #fe9413);
     --overlay-border-outline-color: var(--alert-warning-outline-color);
   }
 
   &.alert-warning .poi-object,
-  &.alert-isa-medium .poi-object {
+  &.alert-level-medium .poi-object {
     --overlay-container-background-color: var(--alert-warning-color, #fe9413);
     --overlay-border-outline-color: var(--alert-warning-outline-color);
   }
 
   &.alert-caution,
-  &.alert-isa-low {
+  &.alert-level-low {
     --overlay-container-background-color: var(--alert-caution-color, #ffdb42);
     --overlay-border-outline-color: var(--alert-caution-outline-color);
   }
 
   &.alert-caution .poi-object,
-  &.alert-isa-low .poi-object {
+  &.alert-level-low .poi-object {
     --overlay-container-background-color: var(--alert-caution-color, #ffdb42);
     --overlay-border-outline-color: var(--alert-caution-outline-color);
   }
 
-  &.alert-isa-diagnostic {
+  &.alert-level-diagnostic {
     --overlay-container-background-color: var(
       --notification-enabled-background-color
     );
     --overlay-border-outline-color: var(--notification-enabled-border-color);
   }
 
-  &.alert-isa-diagnostic .poi-object {
+  &.alert-level-diagnostic .poi-object {
     --overlay-container-background-color: var(
       --notification-enabled-background-color
     );
@@ -330,30 +330,31 @@
 }
 
 .wrapper.value-overlapped.alert-caution .poi-object::part(background-frame),
-.wrapper.value-overlapped.alert-isa-low .poi-object::part(background-frame) {
+.wrapper.value-overlapped.alert-level-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-isa-medium .poi-object::part(background-frame) {
+.wrapper.value-overlapped.alert-level-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-isa-high .poi-object::part(background-frame) {
+.wrapper.value-overlapped.alert-level-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
+.wrapper.value-overlapped.alert-level-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
+.wrapper.value-overlapped.alert-level-diagnostic
   .poi-object::part(background-frame) {
   background-color: var(--notification-enabled-background-color);
   border-color: var(--notification-enabled-border-color);
@@ -386,29 +387,29 @@
     }
 
     .alert-caution &,
-    .alert-isa-low & {
+    .alert-level-low & {
       border-color: var(--alert-caution-outline-color);
       outline-color: var(--alert-caution-color);
     }
 
     .alert-warning &,
-    .alert-isa-medium & {
+    .alert-level-medium & {
       border-color: var(--alert-warning-outline-color);
       outline-color: var(--alert-warning-color);
     }
 
     .alert-alarm &,
-    .alert-isa-high & {
+    .alert-level-high & {
       border-color: var(--alert-alarm-outline-color);
       outline-color: var(--alert-alarm-color);
     }
 
-    .alert-isa-critical & {
+    .alert-level-critical & {
       border-color: var(--critical-enabled-border-color);
       outline-color: var(--critical-enabled-background-color);
     }
 
-    .alert-isa-diagnostic & {
+    .alert-level-diagnostic & {
       border-color: var(--notification-enabled-border-color);
       outline-color: var(--notification-enabled-background-color);
     }
@@ -487,29 +488,29 @@
 }
 
 .wrapper.value-overlapped.has-data.alert-caution,
-.wrapper.value-overlapped.has-data.alert-isa-low {
+.wrapper.value-overlapped.has-data.alert-level-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-isa-medium {
+.wrapper.value-overlapped.has-data.alert-level-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-isa-high {
+.wrapper.value-overlapped.has-data.alert-level-high {
   background: var(--alert-alarm-color, #e30019);
   border-color: var(--alert-alarm-outline-color);
 }
 
-.wrapper.value-overlapped.has-data.alert-isa-critical {
+.wrapper.value-overlapped.has-data.alert-level-critical {
   background: var(--critical-enabled-background-color);
   border-color: var(--critical-enabled-border-color);
 }
 
-.wrapper.value-overlapped.has-data.alert-isa-diagnostic {
+.wrapper.value-overlapped.has-data.alert-level-diagnostic {
   background: var(--notification-enabled-background-color);
   border-color: var(--notification-enabled-border-color);
 }

package/src/ar/poi-button/poi-button.ts

@@ -34,11 +34,11 @@ export enum ObcPoiButtonState {
   Caution = 'caution',
   Warning = 'warning',
   Alarm = 'alarm',
-  IsaCritical = 'isa-critical',
-  IsaHigh = 'isa-high',
-  IsaMedium = 'isa-medium',
-  IsaLow = 'isa-low',
-  IsaDiagnostic = 'isa-diagnostic',
+  LevelCritical = 'level-critical',
+  LevelHigh = 'level-high',
+  LevelMedium = 'level-medium',
+  LevelLow = 'level-low',
+  LevelDiagnostic = 'level-diagnostic',
 }
 
 export enum PoiButtonVisualState {
@@ -95,7 +95,7 @@ export interface ObcPoiButtonDataItem {
  * - `layout` (default `anchored`): `anchored` or `inline`.
  * - `value` (default `unchecked`): `unchecked`, `checked`, `activated`, `overlapped`.
  * - `overlapOpaque` (default `false`): controls overlapped opacity mode (`false` = translucent, `true` = opaque).
- * - `state` (default `enabled`): `enabled`, `caution`, `warning`, `alarm`, `isa-critical`, `isa-high`, `isa-medium`, `isa-low`, `isa-diagnostic`.
+ * - `state` (default `enabled`): `enabled`, `caution`, `warning`, `alarm`, `level-critical`, `level-high`, `level-medium`, `level-low`, `level-diagnostic`.
  * - `selected` (default `false`): shows selection frame in anchored layout.
  * - `relativeDirection` (default `0`): rotates default-slot icon content in degrees.
  * - `data` (default `[]`): when non-empty, renders value/label/unit rows.
@@ -212,16 +212,16 @@ export class ObcPoiButton extends LitElement {
         return ObcPoiHeaderState.Warning;
       case ObcPoiButtonState.Alarm:
         return ObcPoiHeaderState.Alarm;
-      case ObcPoiButtonState.IsaCritical:
-        return ObcPoiHeaderState.IsaCritical;
-      case ObcPoiButtonState.IsaHigh:
-        return ObcPoiHeaderState.IsaHigh;
-      case ObcPoiButtonState.IsaMedium:
-        return ObcPoiHeaderState.IsaMedium;
-      case ObcPoiButtonState.IsaLow:
-        return ObcPoiHeaderState.IsaLow;
-      case ObcPoiButtonState.IsaDiagnostic:
-        return ObcPoiHeaderState.IsaDiagnostic;
+      case ObcPoiButtonState.LevelCritical:
+        return ObcPoiHeaderState.LevelCritical;
+      case ObcPoiButtonState.LevelHigh:
+        return ObcPoiHeaderState.LevelHigh;
+      case ObcPoiButtonState.LevelMedium:
+        return ObcPoiHeaderState.LevelMedium;
+      case ObcPoiButtonState.LevelLow:
+        return ObcPoiHeaderState.LevelLow;
+      case ObcPoiButtonState.LevelDiagnostic:
+        return ObcPoiHeaderState.LevelDiagnostic;
       case ObcPoiButtonState.Enabled:
       default:
         return ObcPoiHeaderState.Selected;

package/src/ar/types.ts

@@ -3,9 +3,9 @@ export enum ObcArAlertType {
   Caution = 'caution',
   Warning = 'warning',
   Alarm = 'alarm',
-  IsaCritical = 'isa-critical',
-  IsaHigh = 'isa-high',
-  IsaMedium = 'isa-medium',
-  IsaLow = 'isa-low',
-  IsaDiagnostic = 'isa-diagnostic',
+  LevelCritical = 'level-critical',
+  LevelHigh = 'level-high',
+  LevelMedium = 'level-medium',
+  LevelLow = 'level-low',
+  LevelDiagnostic = 'level-diagnostic',
 }