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

package/dist/automation/automation-button/abstract-automation-button-storybook-helpers.js

@@ -1,8 +1,9 @@
-import { ObcAlertFrameStatus, ObcAlertFrameThickness, ObcAlertFrameType } from "../../components/alert-frame/alert-frame.js";
+import { ObcAlertFrameThickness, ObcAlertFrameMode, ObcAlertFrameType } from "../../components/alert-frame/alert-frame.js";
 import { MotorizedVariant } from "./abstract-automation-button-motorized.js";
 import { AutomationButtonPositioning, AutomationButtonDirection, AutomationButtonLabelDirection } from "./automation-button.js";
 import { CircularProgressMode } from "../../building-blocks/circular-progress/circular-progress.js";
 import { AutomationButtonBadgeAlert, AutomationButtonBadgeInterlock, AutomationButtonBadgeCommandLocked, AutomationButtonBadgeControl } from "./abstract-automation-button.js";
+import { AlertType } from "../../types.js";
 const argTypesAbstractAutomationButton = {
   tag: {
     control: { type: "text" }
@@ -19,12 +20,16 @@ const argTypesAbstractAutomationButton = {
     options: Object.values(ObcAlertFrameType),
     control: { type: "radio" }
   },
+  alertFrameMode: {
+    options: Object.values(ObcAlertFrameMode),
+    control: { type: "radio" }
+  },
   alertFrameThickness: {
     options: Object.values(ObcAlertFrameThickness),
     control: { type: "radio" }
   },
   alertFrameStatus: {
-    options: Object.values(ObcAlertFrameStatus),
+    options: Object.values(AlertType),
     control: { type: "radio" }
   },
   positioning: {

package/dist/automation/automation-button/abstract-automation-button-storybook-helpers.js.map

@@ -1 +1 @@
-{"version":3,"file":"abstract-automation-button-storybook-helpers.js","sources":["../../../src/automation/automation-button/abstract-automation-button-storybook-helpers.ts"],"sourcesContent":["import {\n  ObcAlertFrameStatus,\n  ObcAlertFrameThickness,\n  ObcAlertFrameType,\n} from '../../components/alert-frame/alert-frame.js';\nimport {MotorizedVariant} from './abstract-automation-button-motorized.js';\nimport {\n  AutomationButtonDirection,\n  AutomationButtonLabelDirection,\n  AutomationButtonPositioning,\n} from './automation-button.js';\nimport {CircularProgressMode} from '../../building-blocks/circular-progress/circular-progress.js';\nimport {\n  AutomationButtonBadgeAlert,\n  AutomationButtonBadgeCommandLocked,\n  AutomationButtonBadgeControl,\n  AutomationButtonBadgeInterlock,\n} from './abstract-automation-button.js';\n\nexport const argTypesAbstractAutomationButton = {\n  tag: {\n    control: {type: 'text'},\n  },\n  readoutPosition: {\n    options: ['top', 'bottom', 'left', 'right'],\n    control: {type: 'radio'},\n  },\n  readoutSize: {\n    options: ['small', 'regular', 'enhanced'],\n    control: {type: 'radio'},\n  },\n  alertFrameType: {\n    options: Object.values(ObcAlertFrameType),\n    control: {type: 'radio'},\n  },\n  alertFrameThickness: {\n    options: Object.values(ObcAlertFrameThickness),\n    control: {type: 'radio'},\n  },\n  alertFrameStatus: {\n    options: Object.values(ObcAlertFrameStatus),\n    control: {type: 'radio'},\n  },\n  positioning: {\n    options: Object.values(AutomationButtonPositioning),\n    control: {type: 'select'},\n  },\n  badgeControl: {\n    options: Object.values(AutomationButtonBadgeControl),\n    control: {type: 'select'},\n  },\n  badgeCommandLocked: {\n    options: Object.values(AutomationButtonBadgeCommandLocked),\n    control: {type: 'select'},\n  },\n  badgeInterlock: {\n    options: Object.values(AutomationButtonBadgeInterlock),\n    control: {type: 'select'},\n  },\n  badgeAlert: {\n    options: Object.values(AutomationButtonBadgeAlert),\n    control: {type: 'select'},\n  },\n  progressMode: {\n    options: Object.values(CircularProgressMode),\n    control: {type: 'select'},\n    if: {arg: 'progress'},\n  },\n  progressValue: {\n    control: {type: 'range', min: 0, max: 100, step: 1},\n    if: {arg: 'progress'},\n  },\n};\n\nexport const argTypesAbstractAutomationButtonPassiveRound = {\n  ...argTypesAbstractAutomationButton,\n  variant: {\n    options: ['regular', 'flat'],\n    control: {type: 'radio'},\n  },\n};\n\nexport const argTypesAbstractAutomationButtonPassiveSquare = {\n  ...argTypesAbstractAutomationButton,\n  variant: {\n    options: ['square', 'flat'],\n    control: {type: 'radio'},\n  },\n};\n\nexport const argTypesAbstractAutomationButtonMotorized = {\n  ...argTypesAbstractAutomationButton,\n  speedInPercent: {\n    control: {type: 'range', min: 0, max: 100, step: 1},\n  },\n  labelDirection: {\n    options: Object.values(AutomationButtonLabelDirection),\n    control: {type: 'radio'},\n  },\n  direction: {\n    options: Object.values(AutomationButtonDirection),\n    control: {type: 'radio'},\n  },\n  variant: {\n    options: Object.values(MotorizedVariant),\n    control: {type: 'radio'},\n  },\n};\n"],"names":[],"mappings":";;;;;AAmBO,MAAM,mCAAmC;AAAA,EAC9C,KAAK;AAAA,IACH,SAAS,EAAC,MAAM,OAAA;AAAA,EAAM;AAAA,EAExB,iBAAiB;AAAA,IACf,SAAS,CAAC,OAAO,UAAU,QAAQ,OAAO;AAAA,IAC1C,SAAS,EAAC,MAAM,QAAA;AAAA,EAAO;AAAA,EAEzB,aAAa;AAAA,IACX,SAAS,CAAC,SAAS,WAAW,UAAU;AAAA,IACxC,SAAS,EAAC,MAAM,QAAA;AAAA,EAAO;AAAA,EAEzB,gBAAgB;AAAA,IACd,SAAS,OAAO,OAAO,iBAAiB;AAAA,IACxC,SAAS,EAAC,MAAM,QAAA;AAAA,EAAO;AAAA,EAEzB,qBAAqB;AAAA,IACnB,SAAS,OAAO,OAAO,sBAAsB;AAAA,IAC7C,SAAS,EAAC,MAAM,QAAA;AAAA,EAAO;AAAA,EAEzB,kBAAkB;AAAA,IAChB,SAAS,OAAO,OAAO,mBAAmB;AAAA,IAC1C,SAAS,EAAC,MAAM,QAAA;AAAA,EAAO;AAAA,EAEzB,aAAa;AAAA,IACX,SAAS,OAAO,OAAO,2BAA2B;AAAA,IAClD,SAAS,EAAC,MAAM,SAAA;AAAA,EAAQ;AAAA,EAE1B,cAAc;AAAA,IACZ,SAAS,OAAO,OAAO,4BAA4B;AAAA,IACnD,SAAS,EAAC,MAAM,SAAA;AAAA,EAAQ;AAAA,EAE1B,oBAAoB;AAAA,IAClB,SAAS,OAAO,OAAO,kCAAkC;AAAA,IACzD,SAAS,EAAC,MAAM,SAAA;AAAA,EAAQ;AAAA,EAE1B,gBAAgB;AAAA,IACd,SAAS,OAAO,OAAO,8BAA8B;AAAA,IACrD,SAAS,EAAC,MAAM,SAAA;AAAA,EAAQ;AAAA,EAE1B,YAAY;AAAA,IACV,SAAS,OAAO,OAAO,0BAA0B;AAAA,IACjD,SAAS,EAAC,MAAM,SAAA;AAAA,EAAQ;AAAA,EAE1B,cAAc;AAAA,IACZ,SAAS,OAAO,OAAO,oBAAoB;AAAA,IAC3C,SAAS,EAAC,MAAM,SAAA;AAAA,IAChB,IAAI,EAAC,KAAK,WAAA;AAAA,EAAU;AAAA,EAEtB,eAAe;AAAA,IACb,SAAS,EAAC,MAAM,SAAS,KAAK,GAAG,KAAK,KAAK,MAAM,EAAA;AAAA,IACjD,IAAI,EAAC,KAAK,WAAA;AAAA,EAAU;AAExB;AAEO,MAAM,+CAA+C;AAAA,EAC1D,GAAG;AAAA,EACH,SAAS;AAAA,IACP,SAAS,CAAC,WAAW,MAAM;AAAA,IAC3B,SAAS,EAAC,MAAM,QAAA;AAAA,EAAO;AAE3B;AAEO,MAAM,gDAAgD;AAAA,EAC3D,GAAG;AAAA,EACH,SAAS;AAAA,IACP,SAAS,CAAC,UAAU,MAAM;AAAA,IAC1B,SAAS,EAAC,MAAM,QAAA;AAAA,EAAO;AAE3B;AAEO,MAAM,4CAA4C;AAAA,EACvD,GAAG;AAAA,EACH,gBAAgB;AAAA,IACd,SAAS,EAAC,MAAM,SAAS,KAAK,GAAG,KAAK,KAAK,MAAM,EAAA;AAAA,EAAC;AAAA,EAEpD,gBAAgB;AAAA,IACd,SAAS,OAAO,OAAO,8BAA8B;AAAA,IACrD,SAAS,EAAC,MAAM,QAAA;AAAA,EAAO;AAAA,EAEzB,WAAW;AAAA,IACT,SAAS,OAAO,OAAO,yBAAyB;AAAA,IAChD,SAAS,EAAC,MAAM,QAAA;AAAA,EAAO;AAAA,EAEzB,SAAS;AAAA,IACP,SAAS,OAAO,OAAO,gBAAgB;AAAA,IACvC,SAAS,EAAC,MAAM,QAAA;AAAA,EAAO;AAE3B;"}
+{"version":3,"file":"abstract-automation-button-storybook-helpers.js","sources":["../../../src/automation/automation-button/abstract-automation-button-storybook-helpers.ts"],"sourcesContent":["import {\n  ObcAlertFrameStatus,\n  ObcAlertFrameThickness,\n  ObcAlertFrameType,\n  ObcAlertFrameMode,\n} from '../../components/alert-frame/alert-frame.js';\nimport {MotorizedVariant} from './abstract-automation-button-motorized.js';\nimport {\n  AutomationButtonDirection,\n  AutomationButtonLabelDirection,\n  AutomationButtonPositioning,\n} from './automation-button.js';\nimport {CircularProgressMode} from '../../building-blocks/circular-progress/circular-progress.js';\nimport {\n  AutomationButtonBadgeAlert,\n  AutomationButtonBadgeCommandLocked,\n  AutomationButtonBadgeControl,\n  AutomationButtonBadgeInterlock,\n} from './abstract-automation-button.js';\n\nexport const argTypesAbstractAutomationButton = {\n  tag: {\n    control: {type: 'text'},\n  },\n  readoutPosition: {\n    options: ['top', 'bottom', 'left', 'right'],\n    control: {type: 'radio'},\n  },\n  readoutSize: {\n    options: ['small', 'regular', 'enhanced'],\n    control: {type: 'radio'},\n  },\n  alertFrameType: {\n    options: Object.values(ObcAlertFrameType),\n    control: {type: 'radio'},\n  },\n  alertFrameMode: {\n    options: Object.values(ObcAlertFrameMode),\n    control: {type: 'radio'},\n  },\n  alertFrameThickness: {\n    options: Object.values(ObcAlertFrameThickness),\n    control: {type: 'radio'},\n  },\n  alertFrameStatus: {\n    options: Object.values(ObcAlertFrameStatus),\n    control: {type: 'radio'},\n  },\n  positioning: {\n    options: Object.values(AutomationButtonPositioning),\n    control: {type: 'select'},\n  },\n  badgeControl: {\n    options: Object.values(AutomationButtonBadgeControl),\n    control: {type: 'select'},\n  },\n  badgeCommandLocked: {\n    options: Object.values(AutomationButtonBadgeCommandLocked),\n    control: {type: 'select'},\n  },\n  badgeInterlock: {\n    options: Object.values(AutomationButtonBadgeInterlock),\n    control: {type: 'select'},\n  },\n  badgeAlert: {\n    options: Object.values(AutomationButtonBadgeAlert),\n    control: {type: 'select'},\n  },\n  progressMode: {\n    options: Object.values(CircularProgressMode),\n    control: {type: 'select'},\n    if: {arg: 'progress'},\n  },\n  progressValue: {\n    control: {type: 'range', min: 0, max: 100, step: 1},\n    if: {arg: 'progress'},\n  },\n};\n\nexport const argTypesAbstractAutomationButtonPassiveRound = {\n  ...argTypesAbstractAutomationButton,\n  variant: {\n    options: ['regular', 'flat'],\n    control: {type: 'radio'},\n  },\n};\n\nexport const argTypesAbstractAutomationButtonPassiveSquare = {\n  ...argTypesAbstractAutomationButton,\n  variant: {\n    options: ['square', 'flat'],\n    control: {type: 'radio'},\n  },\n};\n\nexport const argTypesAbstractAutomationButtonMotorized = {\n  ...argTypesAbstractAutomationButton,\n  speedInPercent: {\n    control: {type: 'range', min: 0, max: 100, step: 1},\n  },\n  labelDirection: {\n    options: Object.values(AutomationButtonLabelDirection),\n    control: {type: 'radio'},\n  },\n  direction: {\n    options: Object.values(AutomationButtonDirection),\n    control: {type: 'radio'},\n  },\n  variant: {\n    options: Object.values(MotorizedVariant),\n    control: {type: 'radio'},\n  },\n};\n"],"names":["ObcAlertFrameStatus"],"mappings":";;;;;;AAoBO,MAAM,mCAAmC;AAAA,EAC9C,KAAK;AAAA,IACH,SAAS,EAAC,MAAM,OAAA;AAAA,EAAM;AAAA,EAExB,iBAAiB;AAAA,IACf,SAAS,CAAC,OAAO,UAAU,QAAQ,OAAO;AAAA,IAC1C,SAAS,EAAC,MAAM,QAAA;AAAA,EAAO;AAAA,EAEzB,aAAa;AAAA,IACX,SAAS,CAAC,SAAS,WAAW,UAAU;AAAA,IACxC,SAAS,EAAC,MAAM,QAAA;AAAA,EAAO;AAAA,EAEzB,gBAAgB;AAAA,IACd,SAAS,OAAO,OAAO,iBAAiB;AAAA,IACxC,SAAS,EAAC,MAAM,QAAA;AAAA,EAAO;AAAA,EAEzB,gBAAgB;AAAA,IACd,SAAS,OAAO,OAAO,iBAAiB;AAAA,IACxC,SAAS,EAAC,MAAM,QAAA;AAAA,EAAO;AAAA,EAEzB,qBAAqB;AAAA,IACnB,SAAS,OAAO,OAAO,sBAAsB;AAAA,IAC7C,SAAS,EAAC,MAAM,QAAA;AAAA,EAAO;AAAA,EAEzB,kBAAkB;AAAA,IAChB,SAAS,OAAO,OAAOA,SAAmB;AAAA,IAC1C,SAAS,EAAC,MAAM,QAAA;AAAA,EAAO;AAAA,EAEzB,aAAa;AAAA,IACX,SAAS,OAAO,OAAO,2BAA2B;AAAA,IAClD,SAAS,EAAC,MAAM,SAAA;AAAA,EAAQ;AAAA,EAE1B,cAAc;AAAA,IACZ,SAAS,OAAO,OAAO,4BAA4B;AAAA,IACnD,SAAS,EAAC,MAAM,SAAA;AAAA,EAAQ;AAAA,EAE1B,oBAAoB;AAAA,IAClB,SAAS,OAAO,OAAO,kCAAkC;AAAA,IACzD,SAAS,EAAC,MAAM,SAAA;AAAA,EAAQ;AAAA,EAE1B,gBAAgB;AAAA,IACd,SAAS,OAAO,OAAO,8BAA8B;AAAA,IACrD,SAAS,EAAC,MAAM,SAAA;AAAA,EAAQ;AAAA,EAE1B,YAAY;AAAA,IACV,SAAS,OAAO,OAAO,0BAA0B;AAAA,IACjD,SAAS,EAAC,MAAM,SAAA;AAAA,EAAQ;AAAA,EAE1B,cAAc;AAAA,IACZ,SAAS,OAAO,OAAO,oBAAoB;AAAA,IAC3C,SAAS,EAAC,MAAM,SAAA;AAAA,IAChB,IAAI,EAAC,KAAK,WAAA;AAAA,EAAU;AAAA,EAEtB,eAAe;AAAA,IACb,SAAS,EAAC,MAAM,SAAS,KAAK,GAAG,KAAK,KAAK,MAAM,EAAA;AAAA,IACjD,IAAI,EAAC,KAAK,WAAA;AAAA,EAAU;AAExB;AAEO,MAAM,+CAA+C;AAAA,EAC1D,GAAG;AAAA,EACH,SAAS;AAAA,IACP,SAAS,CAAC,WAAW,MAAM;AAAA,IAC3B,SAAS,EAAC,MAAM,QAAA;AAAA,EAAO;AAE3B;AAEO,MAAM,gDAAgD;AAAA,EAC3D,GAAG;AAAA,EACH,SAAS;AAAA,IACP,SAAS,CAAC,UAAU,MAAM;AAAA,IAC1B,SAAS,EAAC,MAAM,QAAA;AAAA,EAAO;AAE3B;AAEO,MAAM,4CAA4C;AAAA,EACvD,GAAG;AAAA,EACH,gBAAgB;AAAA,IACd,SAAS,EAAC,MAAM,SAAS,KAAK,GAAG,KAAK,KAAK,MAAM,EAAA;AAAA,EAAC;AAAA,EAEpD,gBAAgB;AAAA,IACd,SAAS,OAAO,OAAO,8BAA8B;AAAA,IACrD,SAAS,EAAC,MAAM,QAAA;AAAA,EAAO;AAAA,EAEzB,WAAW;AAAA,IACT,SAAS,OAAO,OAAO,yBAAyB;AAAA,IAChD,SAAS,EAAC,MAAM,QAAA;AAAA,EAAO;AAAA,EAEzB,SAAS;AAAA,IACP,SAAS,OAAO,OAAO,gBAAgB;AAAA,IACvC,SAAS,EAAC,MAAM,QAAA;AAAA,EAAO;AAE3B;"}

package/dist/automation/automation-button/abstract-automation-button.d.ts

@@ -1,7 +1,8 @@
 import { LitElement, TemplateResult } from 'lit';
 import { AutomationButtonDirection, AutomationButtonPositioning, AutomationButtonReadoutPosition, AutomationButtonVariant } from '../automation-button/automation-button.js';
 import { AutomationButtonReadoutStack, AutomationButtonReadoutStackSize } from '../../components/automation-button-readout-stack/automation-button-readout-stack.js';
-import { ObcAlertFrameStatus, ObcAlertFrameThickness, ObcAlertFrameType } from '../../components/alert-frame/alert-frame.js';
+import { ObcAlertFrameThickness, ObcAlertFrameType, ObcAlertFrameMode } from '../../components/alert-frame/alert-frame.js';
+import { AlertType } from '../../types.js';
 import { CircularProgressMode } from '../../building-blocks/circular-progress/circular-progress.js';
 import '../automation-button/automation-button.js';
 import '../automation-badge/automation-badge.js';
@@ -10,7 +11,12 @@ export declare enum AutomationButtonBadgeAlert {
     Silence = "silence",
     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 AutomationButtonBadgeInterlock {
     None = "none",
@@ -37,7 +43,8 @@ export declare class ObcAbstractAutomationButton extends LitElement {
     alert: boolean;
     alertFrameType: ObcAlertFrameType;
     alertFrameThickness: ObcAlertFrameThickness;
-    alertFrameStatus: ObcAlertFrameStatus;
+    alertFrameStatus: AlertType;
+    alertFrameMode: ObcAlertFrameMode;
     showAlertCategoryIcon: boolean;
     showAlertIcon: boolean;
     progress: boolean;

package/dist/automation/automation-button/abstract-automation-button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"abstract-automation-button.d.ts","sourceRoot":"","sources":["../../../src/automation/automation-button/abstract-automation-button.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAE,cAAc,EAAgB,MAAM,KAAK,CAAC;AAE9D,OAAO,2CAA2C,CAAC;AACnD,OAAO,EACL,yBAAyB,EACzB,2BAA2B,EAC3B,+BAA+B,EAE/B,uBAAuB,EACxB,MAAM,2CAA2C,CAAC;AACnD,OAAO,EACL,4BAA4B,EAC5B,gCAAgC,EACjC,MAAM,qFAAqF,CAAC;AAC7F,OAAO,EACL,mBAAmB,EACnB,sBAAsB,EACtB,iBAAiB,EAClB,MAAM,6CAA6C,CAAC;AACrD,OAAO,yCAAyC,CAAC;AAEjD,OAAO,EAAC,oBAAoB,EAAC,MAAM,8DAA8D,CAAC;AAElG,oBAAY,0BAA0B;IACpC,IAAI,SAAS;IACb,OAAO,YAAY;IACnB,OAAO,YAAY;IACnB,OAAO,YAAY;IACnB,KAAK,UAAU;CAChB;AAED,oBAAY,8BAA8B;IACxC,IAAI,SAAS;IACb,SAAS,cAAc;IACvB,gBAAgB,sBAAsB;CACvC;AAED,oBAAY,4BAA4B;IACtC,IAAI,SAAS;IACb,KAAK,UAAU;IACf,SAAS,eAAe;IACxB,MAAM,WAAW;IACjB,UAAU,gBAAgB;IAC1B,IAAI,SAAS;CACd;AAED,oBAAY,kCAAkC;IAC5C,IAAI,SAAS;IACb,aAAa,mBAAmB;CACjC;AAED,qBAAa,2BAA4B,SAAQ,UAAU;IACZ,gBAAgB,EAAE,OAAO,CAAQ;IACpD,eAAe,EAAE,+BAA+B,CACjC;IACf,WAAW,EAAE,gCAAgC,CAC5B;IACjB,WAAW,EAAE,2BAA2B,CAC9B;IACT,KAAK,EAAE,OAAO,CAAS;IACxB,cAAc,EAAE,iBAAiB,CACzB;IACR,mBAAmB,EAAE,sBAAsB,CACtC;IACL,gBAAgB,EAAE,mBAAmB,CACnC;IACiB,qBAAqB,EAAE,OAAO,CACpE;IACoB,aAAa,EAAE,OAAO,CAAS;IAC/B,QAAQ,EAAE,OAAO,CAAS;IAC3B,YAAY,EAAE,oBAAoB,CACvB;IACX,aAAa,EAAE,MAAM,CAAK;IAC1B,GAAG,EAAE,MAAM,GAAG,IAAI,CAAQ;IAC1B,SAAS,EAAE,yBAAyB,CAC1B;IACV,YAAY,EAAE,4BAA4B,CAChC;IAEpC,kBAAkB,EAAE,kCAAkC,CACZ;IAChB,cAAc,EAAE,8BAA8B,CAClC;IACZ,UAAU,EAAE,0BAA0B,CAC9B;IAElC,IAAI,IAAI,IAAI,cAAc,CAEzB;IAED,IAAI,GAAG,IAAI,OAAO,CAEjB;IAED,IAAI,QAAQ,IAAI,uBAAuB,CAGtC;IAED,IAAI,aAAa,IAAI,4BAA4B,EAAE,CAElD;IAGD,aAAa,EAAG,WAAW,EAAE,CAAC;IAE9B,YAAY,EAAG,WAAW,EAAE,CAAC;IAE7B,eAAe,EAAG,WAAW,EAAE,CAAC;IAEhC,gBAAgB,EAAG,WAAW,EAAE,CAAC;IAEjC,OAAO,CAAC,cAAc;IA4BtB,OAAO,CAAC,qBAAqB;IAI7B,OAAO,CAAC,iBAAiB;IAazB,OAAO,CAAC,mBAAmB;IAe3B,OAAO,CAAC,qBAAqB;IAW7B,OAAO,CAAC,yBAAyB;IAUxB,MAAM;CA6EhB"}
+{"version":3,"file":"abstract-automation-button.d.ts","sourceRoot":"","sources":["../../../src/automation/automation-button/abstract-automation-button.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAE,cAAc,EAAgB,MAAM,KAAK,CAAC;AAE9D,OAAO,2CAA2C,CAAC;AACnD,OAAO,EACL,yBAAyB,EACzB,2BAA2B,EAC3B,+BAA+B,EAE/B,uBAAuB,EACxB,MAAM,2CAA2C,CAAC;AACnD,OAAO,EACL,4BAA4B,EAC5B,gCAAgC,EACjC,MAAM,qFAAqF,CAAC;AAC7F,OAAO,EACL,sBAAsB,EACtB,iBAAiB,EACjB,iBAAiB,EAClB,MAAM,6CAA6C,CAAC;AACrD,OAAO,EAAC,SAAS,EAAC,MAAM,gBAAgB,CAAC;AACzC,OAAO,yCAAyC,CAAC;AAEjD,OAAO,EAAC,oBAAoB,EAAC,MAAM,8DAA8D,CAAC;AAElG,oBAAY,0BAA0B;IACpC,IAAI,SAAS;IACb,OAAO,YAAY;IACnB,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,8BAA8B;IACxC,IAAI,SAAS;IACb,SAAS,cAAc;IACvB,gBAAgB,sBAAsB;CACvC;AAED,oBAAY,4BAA4B;IACtC,IAAI,SAAS;IACb,KAAK,UAAU;IACf,SAAS,eAAe;IACxB,MAAM,WAAW;IACjB,UAAU,gBAAgB;IAC1B,IAAI,SAAS;CACd;AAED,oBAAY,kCAAkC;IAC5C,IAAI,SAAS;IACb,aAAa,mBAAmB;CACjC;AAED,qBAAa,2BAA4B,SAAQ,UAAU;IACZ,gBAAgB,EAAE,OAAO,CAAQ;IACpD,eAAe,EAAE,+BAA+B,CACjC;IACf,WAAW,EAAE,gCAAgC,CAC5B;IACjB,WAAW,EAAE,2BAA2B,CAC9B;IACT,KAAK,EAAE,OAAO,CAAS;IACxB,cAAc,EAAE,iBAAiB,CACzB;IACR,mBAAmB,EAAE,sBAAsB,CACtC;IACL,gBAAgB,EAAE,SAAS,CAAmB;IAC9C,cAAc,EAAE,iBAAiB,CAC3B;IACa,qBAAqB,EAAE,OAAO,CACpE;IACoB,aAAa,EAAE,OAAO,CAAS;IAC/B,QAAQ,EAAE,OAAO,CAAS;IAC3B,YAAY,EAAE,oBAAoB,CACvB;IACX,aAAa,EAAE,MAAM,CAAK;IAC1B,GAAG,EAAE,MAAM,GAAG,IAAI,CAAQ;IAC1B,SAAS,EAAE,yBAAyB,CAC1B;IACV,YAAY,EAAE,4BAA4B,CAChC;IAEpC,kBAAkB,EAAE,kCAAkC,CACZ;IAChB,cAAc,EAAE,8BAA8B,CAClC;IACZ,UAAU,EAAE,0BAA0B,CAC9B;IAElC,IAAI,IAAI,IAAI,cAAc,CAEzB;IAED,IAAI,GAAG,IAAI,OAAO,CAEjB;IAED,IAAI,QAAQ,IAAI,uBAAuB,CAGtC;IAED,IAAI,aAAa,IAAI,4BAA4B,EAAE,CAElD;IAGD,aAAa,EAAG,WAAW,EAAE,CAAC;IAE9B,YAAY,EAAG,WAAW,EAAE,CAAC;IAE7B,eAAe,EAAG,WAAW,EAAE,CAAC;IAEhC,gBAAgB,EAAG,WAAW,EAAE,CAAC;IAEjC,OAAO,CAAC,cAAc;IA4BtB,OAAO,CAAC,qBAAqB;IAI7B,OAAO,CAAC,iBAAiB;IAuBzB,OAAO,CAAC,mBAAmB;IAe3B,OAAO,CAAC,qBAAqB;IAW7B,OAAO,CAAC,yBAAyB;IAUxB,MAAM;CA8EhB"}

package/dist/automation/automation-button/abstract-automation-button.js

@@ -2,7 +2,8 @@ import { LitElement, nothing, html } from "lit";
 import { property, queryAssignedElements } from "lit/decorators.js";
 import { AutomationButtonReadoutPosition, AutomationButtonPositioning, AutomationButtonDirection, AutomationButtonState } from "./automation-button.js";
 import { AutomationButtonReadoutStackSize } from "../../components/automation-button-readout-stack/automation-button-readout-stack.js";
-import { ObcAlertFrameType, ObcAlertFrameThickness, ObcAlertFrameStatus } from "../../components/alert-frame/alert-frame.js";
+import { ObcAlertFrameType, ObcAlertFrameThickness, ObcAlertFrameMode } from "../../components/alert-frame/alert-frame.js";
+import { AlertType } from "../../types.js";
 import { ObcAutomationBadgeType } from "../automation-badge/automation-badge.js";
 import { CircularProgressMode } from "../../building-blocks/circular-progress/circular-progress.js";
 var __defProp = Object.defineProperty;
@@ -20,6 +21,11 @@ var AutomationButtonBadgeAlert = /* @__PURE__ */ ((AutomationButtonBadgeAlert2)
   AutomationButtonBadgeAlert2["Caution"] = "caution";
   AutomationButtonBadgeAlert2["Warning"] = "warning";
   AutomationButtonBadgeAlert2["Alarm"] = "alarm";
+  AutomationButtonBadgeAlert2["IsaCritical"] = "isa-critical";
+  AutomationButtonBadgeAlert2["IsaHigh"] = "isa-high";
+  AutomationButtonBadgeAlert2["IsaMedium"] = "isa-medium";
+  AutomationButtonBadgeAlert2["IsaLow"] = "isa-low";
+  AutomationButtonBadgeAlert2["IsaDiagnostic"] = "isa-diagnostic";
   return AutomationButtonBadgeAlert2;
 })(AutomationButtonBadgeAlert || {});
 var AutomationButtonBadgeInterlock = /* @__PURE__ */ ((AutomationButtonBadgeInterlock2) => {
@@ -52,7 +58,8 @@ class ObcAbstractAutomationButton extends LitElement {
     this.alert = false;
     this.alertFrameType = ObcAlertFrameType.SmallSideFlip;
     this.alertFrameThickness = ObcAlertFrameThickness.Small;
-    this.alertFrameStatus = ObcAlertFrameStatus.Alarm;
+    this.alertFrameStatus = AlertType.Alarm;
+    this.alertFrameMode = ObcAlertFrameMode.ackedActive;
     this.showAlertCategoryIcon = true;
     this.showAlertIcon = false;
     this.progress = false;
@@ -108,6 +115,16 @@ class ObcAbstractAutomationButton extends LitElement {
       return ObcAutomationBadgeType.Warning;
     } else if (this.badgeAlert === "alarm") {
       return ObcAutomationBadgeType.Alarm;
+    } else if (this.badgeAlert === "isa-critical") {
+      return ObcAutomationBadgeType.IsaCritical;
+    } else if (this.badgeAlert === "isa-high") {
+      return ObcAutomationBadgeType.IsaHigh;
+    } else if (this.badgeAlert === "isa-medium") {
+      return ObcAutomationBadgeType.IsaMedium;
+    } else if (this.badgeAlert === "isa-low") {
+      return ObcAutomationBadgeType.IsaLow;
+    } else if (this.badgeAlert === "isa-diagnostic") {
+      return ObcAutomationBadgeType.IsaDiagnostic;
     }
     return null;
   }
@@ -156,6 +173,7 @@ class ObcAbstractAutomationButton extends LitElement {
       .alertFrameType=${this.alertFrameType}
       .alertFrameThickness=${this.alertFrameThickness}
       .alertFrameStatus=${this.alertFrameStatus}
+      .alertFrameMode=${this.alertFrameMode}
       .showAlertCategoryIcon=${this.showAlertCategoryIcon}
       .showAlertIcon=${this.showAlertIcon}
       ?progress=${this.progress}
@@ -230,6 +248,9 @@ __decorateClass([
 __decorateClass([
   property({ type: String })
 ], ObcAbstractAutomationButton.prototype, "alertFrameStatus");
+__decorateClass([
+  property({ type: String })
+], ObcAbstractAutomationButton.prototype, "alertFrameMode");
 __decorateClass([
   property({ type: Boolean, attribute: false })
 ], ObcAbstractAutomationButton.prototype, "showAlertCategoryIcon");

package/dist/automation/automation-button/abstract-automation-button.js.map

@@ -1 +1 @@
-{"version":3,"file":"abstract-automation-button.js","sources":["../../../src/automation/automation-button/abstract-automation-button.ts"],"sourcesContent":["import {LitElement, TemplateResult, html, nothing} from 'lit';\nimport {property, queryAssignedElements} from 'lit/decorators.js';\nimport '../automation-button/automation-button.js';\nimport {\n  AutomationButtonDirection,\n  AutomationButtonPositioning,\n  AutomationButtonReadoutPosition,\n  AutomationButtonState,\n  AutomationButtonVariant,\n} from '../automation-button/automation-button.js';\nimport {\n  AutomationButtonReadoutStack,\n  AutomationButtonReadoutStackSize,\n} from '../../components/automation-button-readout-stack/automation-button-readout-stack.js';\nimport {\n  ObcAlertFrameStatus,\n  ObcAlertFrameThickness,\n  ObcAlertFrameType,\n} from '../../components/alert-frame/alert-frame.js';\nimport '../automation-badge/automation-badge.js';\nimport {ObcAutomationBadgeType} from '../automation-badge/automation-badge.js';\nimport {CircularProgressMode} from '../../building-blocks/circular-progress/circular-progress.js';\n\nexport enum AutomationButtonBadgeAlert {\n  None = 'none',\n  Silence = 'silence',\n  Caution = 'caution',\n  Warning = 'warning',\n  Alarm = 'alarm',\n}\n\nexport enum AutomationButtonBadgeInterlock {\n  None = 'none',\n  Interlock = 'interlock',\n  InterlockInhibit = 'interlock-inhibit',\n}\n\nexport enum AutomationButtonBadgeControl {\n  None = 'none',\n  Local = 'local',\n  LocalOnly = 'local-only',\n  Manual = 'manual',\n  ManualOnly = 'manual-only',\n  Auto = 'auto',\n}\n\nexport enum AutomationButtonBadgeCommandLocked {\n  None = 'none',\n  CommandLocked = 'command-locked',\n}\n\nexport class ObcAbstractAutomationButton extends LitElement {\n  @property({type: Boolean, attribute: false}) showReadoutStack: boolean = true;\n  @property({type: String}) readoutPosition: AutomationButtonReadoutPosition =\n    AutomationButtonReadoutPosition.bottom;\n  @property({type: String}) readoutSize: AutomationButtonReadoutStackSize =\n    AutomationButtonReadoutStackSize.regular;\n  @property({type: String}) positioning: AutomationButtonPositioning =\n    AutomationButtonPositioning.point;\n  @property({type: Boolean}) alert: boolean = false;\n  @property({type: String}) alertFrameType: ObcAlertFrameType =\n    ObcAlertFrameType.SmallSideFlip;\n  @property({type: String}) alertFrameThickness: ObcAlertFrameThickness =\n    ObcAlertFrameThickness.Small;\n  @property({type: String}) alertFrameStatus: ObcAlertFrameStatus =\n    ObcAlertFrameStatus.Alarm;\n  @property({type: Boolean, attribute: false}) showAlertCategoryIcon: boolean =\n    true;\n  @property({type: Boolean}) showAlertIcon: boolean = false;\n  @property({type: Boolean}) progress: boolean = false;\n  @property({type: String}) progressMode: CircularProgressMode =\n    CircularProgressMode.indeterminate;\n  @property({type: Number}) progressValue: number = 0;\n  @property({type: String}) tag: string | null = null;\n  @property({type: String}) direction: AutomationButtonDirection =\n    AutomationButtonDirection.forward;\n  @property({type: String}) badgeControl: AutomationButtonBadgeControl =\n    AutomationButtonBadgeControl.None;\n  @property({type: String})\n  badgeCommandLocked: AutomationButtonBadgeCommandLocked =\n    AutomationButtonBadgeCommandLocked.None;\n  @property({type: String}) badgeInterlock: AutomationButtonBadgeInterlock =\n    AutomationButtonBadgeInterlock.None;\n  @property({type: String}) badgeAlert: AutomationButtonBadgeAlert =\n    AutomationButtonBadgeAlert.None;\n\n  get icon(): TemplateResult {\n    throw new Error('Method \"icon\" must be implemented in subclass');\n  }\n\n  get _on(): boolean {\n    throw new Error('Method \"_on\" must be implemented in subclass');\n  }\n\n  get _variant(): AutomationButtonVariant {\n    // @ts-expect-error - property should be defined in subclass\n    return this.variant as AutomationButtonVariant;\n  }\n\n  get extraReadouts(): AutomationButtonReadoutStack[] {\n    return [];\n  }\n\n  @queryAssignedElements({slot: 'badge-top-right'})\n  badgeTopRight!: HTMLElement[];\n  @queryAssignedElements({slot: 'badge-top-left'})\n  badgeTopLeft!: HTMLElement[];\n  @queryAssignedElements({slot: 'badge-bottom-left'})\n  badgeBottomLeft!: HTMLElement[];\n  @queryAssignedElements({slot: 'badge-bottom-right'})\n  badgeBottomRight!: HTMLElement[];\n\n  private getBadgeSpacer(): boolean {\n    if (!this.showReadoutStack) {\n      return false;\n    }\n\n    const topLeft =\n      this.badgeTopLeft.length > 0 || this.getBadgeControlType() !== null;\n    const topRight =\n      this.badgeTopRight.length > 0 || this.getBadgeAlertType() !== null;\n    const bottomLeft =\n      this.badgeBottomLeft.length > 0 || this.getBadgeInterlockType() !== null;\n    const bottomRight =\n      this.badgeBottomRight.length > 0 ||\n      this.getBadgeCommandLockedType() !== null;\n    if (this.readoutPosition === AutomationButtonReadoutPosition.top) {\n      return topRight || topLeft;\n    } else if (\n      this.readoutPosition === AutomationButtonReadoutPosition.bottom\n    ) {\n      return bottomLeft || bottomRight;\n    } else if (this.readoutPosition === AutomationButtonReadoutPosition.left) {\n      return topLeft || bottomLeft;\n    } else if (this.readoutPosition === AutomationButtonReadoutPosition.right) {\n      return topRight || bottomRight;\n    }\n    return false;\n  }\n\n  private handleBadgeSlotChange() {\n    this.requestUpdate();\n  }\n\n  private getBadgeAlertType(): ObcAutomationBadgeType | null {\n    if (this.badgeAlert === AutomationButtonBadgeAlert.Silence) {\n      return ObcAutomationBadgeType.AlertSilenced;\n    } else if (this.badgeAlert === AutomationButtonBadgeAlert.Caution) {\n      return ObcAutomationBadgeType.Caution;\n    } else if (this.badgeAlert === AutomationButtonBadgeAlert.Warning) {\n      return ObcAutomationBadgeType.Warning;\n    } else if (this.badgeAlert === AutomationButtonBadgeAlert.Alarm) {\n      return ObcAutomationBadgeType.Alarm;\n    }\n    return null;\n  }\n\n  private getBadgeControlType(): ObcAutomationBadgeType | null {\n    if (this.badgeControl === AutomationButtonBadgeControl.Local) {\n      return ObcAutomationBadgeType.Local;\n    } else if (this.badgeControl === AutomationButtonBadgeControl.LocalOnly) {\n      return ObcAutomationBadgeType.LocalOnly;\n    } else if (this.badgeControl === AutomationButtonBadgeControl.Manual) {\n      return ObcAutomationBadgeType.Manual;\n    } else if (this.badgeControl === AutomationButtonBadgeControl.ManualOnly) {\n      return ObcAutomationBadgeType.ManualOnly;\n    } else if (this.badgeControl === AutomationButtonBadgeControl.Auto) {\n      return ObcAutomationBadgeType.Auto;\n    }\n    return null;\n  }\n\n  private getBadgeInterlockType(): ObcAutomationBadgeType | null {\n    if (this.badgeInterlock === AutomationButtonBadgeInterlock.Interlock) {\n      return ObcAutomationBadgeType.Interlock;\n    } else if (\n      this.badgeInterlock === AutomationButtonBadgeInterlock.InterlockInhibit\n    ) {\n      return ObcAutomationBadgeType.InterlockInhibit;\n    }\n    return null;\n  }\n\n  private getBadgeCommandLockedType(): ObcAutomationBadgeType | null {\n    if (\n      this.badgeCommandLocked ===\n      AutomationButtonBadgeCommandLocked.CommandLocked\n    ) {\n      return ObcAutomationBadgeType.CommandLocked;\n    }\n    return null;\n  }\n\n  override render() {\n    const readouts: AutomationButtonReadoutStack[] = [...this.extraReadouts];\n    const badgeAlertType = this.getBadgeAlertType();\n    const badgeControlType = this.getBadgeControlType();\n    const badgeInterlockType = this.getBadgeInterlockType();\n    const badgeCommandLockedType = this.getBadgeCommandLockedType();\n\n    return html`<obc-automation-button\n      .state=${this._on\n        ? AutomationButtonState.open\n        : AutomationButtonState.closed}\n      .readouts=${readouts}\n      .tag=${this.tag}\n      .showReadoutStack=${this.showReadoutStack}\n      .readoutPosition=${this.readoutPosition}\n      .readoutSize=${this.readoutSize}\n      ?alert=${this.alert}\n      .alertFrameType=${this.alertFrameType}\n      .alertFrameThickness=${this.alertFrameThickness}\n      .alertFrameStatus=${this.alertFrameStatus}\n      .showAlertCategoryIcon=${this.showAlertCategoryIcon}\n      .showAlertIcon=${this.showAlertIcon}\n      ?progress=${this.progress}\n      .progressMode=${this.progressMode}\n      .progressValue=${this.progressValue}\n      .variant=${this._variant}\n      .direction=${this.direction}\n      .hasBadgeSpacer=${this.getBadgeSpacer()}\n      .positioning=${this.positioning}\n    >\n      ${this.icon}\n      <slot\n        name=\"badge-top-right\"\n        slot=\"badge-top-right\"\n        @slotchange=${this.handleBadgeSlotChange}\n      >\n        ${badgeAlertType\n          ? html`<obc-automation-badge\n              .type=${badgeAlertType}\n            ></obc-automation-badge>`\n          : nothing}\n      </slot>\n      <slot\n        name=\"badge-top-left\"\n        slot=\"badge-top-left\"\n        @slotchange=${this.handleBadgeSlotChange}\n      >\n        ${badgeControlType\n          ? html`<obc-automation-badge\n              .type=${badgeControlType}\n            ></obc-automation-badge>`\n          : nothing}\n      </slot>\n      <slot\n        name=\"badge-bottom-left\"\n        slot=\"badge-bottom-left\"\n        @slotchange=${this.handleBadgeSlotChange}\n      >\n        ${badgeInterlockType\n          ? html`<obc-automation-badge\n              .type=${badgeInterlockType}\n            ></obc-automation-badge>`\n          : nothing}\n      </slot>\n      <slot\n        name=\"badge-bottom-right\"\n        slot=\"badge-bottom-right\"\n        @slotchange=${this.handleBadgeSlotChange}\n      >\n        ${badgeCommandLockedType\n          ? html`<obc-automation-badge\n              .type=${badgeCommandLockedType}\n            ></obc-automation-badge>`\n          : nothing}\n      </slot>\n    </obc-automation-button>`;\n  }\n}\n"],"names":["AutomationButtonBadgeAlert","AutomationButtonBadgeInterlock","AutomationButtonBadgeControl","AutomationButtonBadgeCommandLocked"],"mappings":";;;;;;;;;;;;;;;;AAuBO,IAAK,+CAAAA,gCAAL;AACLA,8BAAA,MAAA,IAAO;AACPA,8BAAA,SAAA,IAAU;AACVA,8BAAA,SAAA,IAAU;AACVA,8BAAA,SAAA,IAAU;AACVA,8BAAA,OAAA,IAAQ;AALE,SAAAA;AAAA,GAAA,8BAAA,CAAA,CAAA;AAQL,IAAK,mDAAAC,oCAAL;AACLA,kCAAA,MAAA,IAAO;AACPA,kCAAA,WAAA,IAAY;AACZA,kCAAA,kBAAA,IAAmB;AAHT,SAAAA;AAAA,GAAA,kCAAA,CAAA,CAAA;AAML,IAAK,iDAAAC,kCAAL;AACLA,gCAAA,MAAA,IAAO;AACPA,gCAAA,OAAA,IAAQ;AACRA,gCAAA,WAAA,IAAY;AACZA,gCAAA,QAAA,IAAS;AACTA,gCAAA,YAAA,IAAa;AACbA,gCAAA,MAAA,IAAO;AANG,SAAAA;AAAA,GAAA,gCAAA,CAAA,CAAA;AASL,IAAK,uDAAAC,wCAAL;AACLA,sCAAA,MAAA,IAAO;AACPA,sCAAA,eAAA,IAAgB;AAFN,SAAAA;AAAA,GAAA,sCAAA,CAAA,CAAA;AAKL,MAAM,oCAAoC,WAAW;AAAA,EAArD,cAAA;AAAA,UAAA,GAAA,SAAA;AACwC,SAAA,mBAA4B;AAC/C,SAAA,kBACxB,gCAAgC;AACR,SAAA,cACxB,iCAAiC;AACT,SAAA,cACxB,4BAA4B;AACH,SAAA,QAAiB;AAClB,SAAA,iBACxB,kBAAkB;AACM,SAAA,sBACxB,uBAAuB;AACC,SAAA,mBACxB,oBAAoB;AACuB,SAAA,wBAC3C;AACyB,SAAA,gBAAyB;AACzB,SAAA,WAAoB;AACrB,SAAA,eACxB,qBAAqB;AACG,SAAA,gBAAwB;AACxB,SAAA,MAAqB;AACrB,SAAA,YACxB,0BAA0B;AACF,SAAA,eACxB;AAEF,SAAA,qBACE;AACwB,SAAA,iBACxB;AACwB,SAAA,aACxB;AAAA,EAAA;AAAA,EAEF,IAAI,OAAuB;AACzB,UAAM,IAAI,MAAM,+CAA+C;AAAA,EACjE;AAAA,EAEA,IAAI,MAAe;AACjB,UAAM,IAAI,MAAM,8CAA8C;AAAA,EAChE;AAAA,EAEA,IAAI,WAAoC;AAEtC,WAAO,KAAK;AAAA,EACd;AAAA,EAEA,IAAI,gBAAgD;AAClD,WAAO,CAAA;AAAA,EACT;AAAA,EAWQ,iBAA0B;AAChC,QAAI,CAAC,KAAK,kBAAkB;AAC1B,aAAO;AAAA,IACT;AAEA,UAAM,UACJ,KAAK,aAAa,SAAS,KAAK,KAAK,0BAA0B;AACjE,UAAM,WACJ,KAAK,cAAc,SAAS,KAAK,KAAK,wBAAwB;AAChE,UAAM,aACJ,KAAK,gBAAgB,SAAS,KAAK,KAAK,4BAA4B;AACtE,UAAM,cACJ,KAAK,iBAAiB,SAAS,KAC/B,KAAK,gCAAgC;AACvC,QAAI,KAAK,oBAAoB,gCAAgC,KAAK;AAChE,aAAO,YAAY;AAAA,IACrB,WACE,KAAK,oBAAoB,gCAAgC,QACzD;AACA,aAAO,cAAc;AAAA,IACvB,WAAW,KAAK,oBAAoB,gCAAgC,MAAM;AACxE,aAAO,WAAW;AAAA,IACpB,WAAW,KAAK,oBAAoB,gCAAgC,OAAO;AACzE,aAAO,YAAY;AAAA,IACrB;AACA,WAAO;AAAA,EACT;AAAA,EAEQ,wBAAwB;AAC9B,SAAK,cAAA;AAAA,EACP;AAAA,EAEQ,oBAAmD;AACzD,QAAI,KAAK,eAAe,WAAoC;AAC1D,aAAO,uBAAuB;AAAA,IAChC,WAAW,KAAK,eAAe,WAAoC;AACjE,aAAO,uBAAuB;AAAA,IAChC,WAAW,KAAK,eAAe,WAAoC;AACjE,aAAO,uBAAuB;AAAA,IAChC,WAAW,KAAK,eAAe,SAAkC;AAC/D,aAAO,uBAAuB;AAAA,IAChC;AACA,WAAO;AAAA,EACT;AAAA,EAEQ,sBAAqD;AAC3D,QAAI,KAAK,iBAAiB,SAAoC;AAC5D,aAAO,uBAAuB;AAAA,IAChC,WAAW,KAAK,iBAAiB,cAAwC;AACvE,aAAO,uBAAuB;AAAA,IAChC,WAAW,KAAK,iBAAiB,UAAqC;AACpE,aAAO,uBAAuB;AAAA,IAChC,WAAW,KAAK,iBAAiB,eAAyC;AACxE,aAAO,uBAAuB;AAAA,IAChC,WAAW,KAAK,iBAAiB,QAAmC;AAClE,aAAO,uBAAuB;AAAA,IAChC;AACA,WAAO;AAAA,EACT;AAAA,EAEQ,wBAAuD;AAC7D,QAAI,KAAK,mBAAmB,aAA0C;AACpE,aAAO,uBAAuB;AAAA,IAChC,WACE,KAAK,mBAAmB,qBACxB;AACA,aAAO,uBAAuB;AAAA,IAChC;AACA,WAAO;AAAA,EACT;AAAA,EAEQ,4BAA2D;AACjE,QACE,KAAK,uBACL,kBACA;AACA,aAAO,uBAAuB;AAAA,IAChC;AACA,WAAO;AAAA,EACT;AAAA,EAES,SAAS;AAChB,UAAM,WAA2C,CAAC,GAAG,KAAK,aAAa;AACvE,UAAM,iBAAiB,KAAK,kBAAA;AAC5B,UAAM,mBAAmB,KAAK,oBAAA;AAC9B,UAAM,qBAAqB,KAAK,sBAAA;AAChC,UAAM,yBAAyB,KAAK,0BAAA;AAEpC,WAAO;AAAA,eACI,KAAK,MACV,sBAAsB,OACtB,sBAAsB,MAAM;AAAA,kBACpB,QAAQ;AAAA,aACb,KAAK,GAAG;AAAA,0BACK,KAAK,gBAAgB;AAAA,yBACtB,KAAK,eAAe;AAAA,qBACxB,KAAK,WAAW;AAAA,eACtB,KAAK,KAAK;AAAA,wBACD,KAAK,cAAc;AAAA,6BACd,KAAK,mBAAmB;AAAA,0BAC3B,KAAK,gBAAgB;AAAA,+BAChB,KAAK,qBAAqB;AAAA,uBAClC,KAAK,aAAa;AAAA,kBACvB,KAAK,QAAQ;AAAA,sBACT,KAAK,YAAY;AAAA,uBAChB,KAAK,aAAa;AAAA,iBACxB,KAAK,QAAQ;AAAA,mBACX,KAAK,SAAS;AAAA,wBACT,KAAK,gBAAgB;AAAA,qBACxB,KAAK,WAAW;AAAA;AAAA,QAE7B,KAAK,IAAI;AAAA;AAAA;AAAA;AAAA,sBAIK,KAAK,qBAAqB;AAAA;AAAA,UAEtC,iBACE;AAAA,sBACU,cAAc;AAAA,wCAExB,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA,sBAKG,KAAK,qBAAqB;AAAA;AAAA,UAEtC,mBACE;AAAA,sBACU,gBAAgB;AAAA,wCAE1B,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA,sBAKG,KAAK,qBAAqB;AAAA;AAAA,UAEtC,qBACE;AAAA,sBACU,kBAAkB;AAAA,wCAE5B,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA,sBAKG,KAAK,qBAAqB;AAAA;AAAA,UAEtC,yBACE;AAAA,sBACU,sBAAsB;AAAA,wCAEhC,OAAO;AAAA;AAAA;AAAA,EAGjB;AACF;AA1N+C,gBAAA;AAAA,EAA5C,SAAS,EAAC,MAAM,SAAS,WAAW,OAAM;AAAA,GADhC,4BACkC,WAAA,kBAAA;AACnB,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,OAAA,CAAO;AAAA,GAFb,4BAEe,WAAA,iBAAA;AAEA,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,OAAA,CAAO;AAAA,GAJb,4BAIe,WAAA,aAAA;AAEA,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,OAAA,CAAO;AAAA,GANb,4BAMe,WAAA,aAAA;AAEC,gBAAA;AAAA,EAA1B,SAAS,EAAC,MAAM,QAAA,CAAQ;AAAA,GARd,4BAQgB,WAAA,OAAA;AACD,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,OAAA,CAAO;AAAA,GATb,4BASe,WAAA,gBAAA;AAEA,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,OAAA,CAAO;AAAA,GAXb,4BAWe,WAAA,qBAAA;AAEA,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,OAAA,CAAO;AAAA,GAbb,4BAae,WAAA,kBAAA;AAEmB,gBAAA;AAAA,EAA5C,SAAS,EAAC,MAAM,SAAS,WAAW,OAAM;AAAA,GAfhC,4BAekC,WAAA,uBAAA;AAElB,gBAAA;AAAA,EAA1B,SAAS,EAAC,MAAM,QAAA,CAAQ;AAAA,GAjBd,4BAiBgB,WAAA,eAAA;AACA,gBAAA;AAAA,EAA1B,SAAS,EAAC,MAAM,QAAA,CAAQ;AAAA,GAlBd,4BAkBgB,WAAA,UAAA;AACD,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,OAAA,CAAO;AAAA,GAnBb,4BAmBe,WAAA,cAAA;AAEA,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,OAAA,CAAO;AAAA,GArBb,4BAqBe,WAAA,eAAA;AACA,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,OAAA,CAAO;AAAA,GAtBb,4BAsBe,WAAA,KAAA;AACA,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,OAAA,CAAO;AAAA,GAvBb,4BAuBe,WAAA,WAAA;AAEA,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,OAAA,CAAO;AAAA,GAzBb,4BAyBe,WAAA,cAAA;AAG1B,gBAAA;AAAA,EADC,SAAS,EAAC,MAAM,OAAA,CAAO;AAAA,GA3Bb,4BA4BX,WAAA,oBAAA;AAE0B,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,OAAA,CAAO;AAAA,GA9Bb,4BA8Be,WAAA,gBAAA;AAEA,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,OAAA,CAAO;AAAA,GAhCb,4BAgCe,WAAA,YAAA;AAqB1B,gBAAA;AAAA,EADC,sBAAsB,EAAC,MAAM,kBAAA,CAAkB;AAAA,GApDrC,4BAqDX,WAAA,eAAA;AAEA,gBAAA;AAAA,EADC,sBAAsB,EAAC,MAAM,iBAAA,CAAiB;AAAA,GAtDpC,4BAuDX,WAAA,cAAA;AAEA,gBAAA;AAAA,EADC,sBAAsB,EAAC,MAAM,oBAAA,CAAoB;AAAA,GAxDvC,4BAyDX,WAAA,iBAAA;AAEA,gBAAA;AAAA,EADC,sBAAsB,EAAC,MAAM,qBAAA,CAAqB;AAAA,GA1DxC,4BA2DX,WAAA,kBAAA;"}
+{"version":3,"file":"abstract-automation-button.js","sources":["../../../src/automation/automation-button/abstract-automation-button.ts"],"sourcesContent":["import {LitElement, TemplateResult, html, nothing} from 'lit';\nimport {property, queryAssignedElements} from 'lit/decorators.js';\nimport '../automation-button/automation-button.js';\nimport {\n  AutomationButtonDirection,\n  AutomationButtonPositioning,\n  AutomationButtonReadoutPosition,\n  AutomationButtonState,\n  AutomationButtonVariant,\n} from '../automation-button/automation-button.js';\nimport {\n  AutomationButtonReadoutStack,\n  AutomationButtonReadoutStackSize,\n} from '../../components/automation-button-readout-stack/automation-button-readout-stack.js';\nimport {\n  ObcAlertFrameThickness,\n  ObcAlertFrameType,\n  ObcAlertFrameMode,\n} from '../../components/alert-frame/alert-frame.js';\nimport {AlertType} from '../../types.js';\nimport '../automation-badge/automation-badge.js';\nimport {ObcAutomationBadgeType} from '../automation-badge/automation-badge.js';\nimport {CircularProgressMode} from '../../building-blocks/circular-progress/circular-progress.js';\n\nexport enum AutomationButtonBadgeAlert {\n  None = 'none',\n  Silence = 'silence',\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 AutomationButtonBadgeInterlock {\n  None = 'none',\n  Interlock = 'interlock',\n  InterlockInhibit = 'interlock-inhibit',\n}\n\nexport enum AutomationButtonBadgeControl {\n  None = 'none',\n  Local = 'local',\n  LocalOnly = 'local-only',\n  Manual = 'manual',\n  ManualOnly = 'manual-only',\n  Auto = 'auto',\n}\n\nexport enum AutomationButtonBadgeCommandLocked {\n  None = 'none',\n  CommandLocked = 'command-locked',\n}\n\nexport class ObcAbstractAutomationButton extends LitElement {\n  @property({type: Boolean, attribute: false}) showReadoutStack: boolean = true;\n  @property({type: String}) readoutPosition: AutomationButtonReadoutPosition =\n    AutomationButtonReadoutPosition.bottom;\n  @property({type: String}) readoutSize: AutomationButtonReadoutStackSize =\n    AutomationButtonReadoutStackSize.regular;\n  @property({type: String}) positioning: AutomationButtonPositioning =\n    AutomationButtonPositioning.point;\n  @property({type: Boolean}) alert: boolean = false;\n  @property({type: String}) alertFrameType: ObcAlertFrameType =\n    ObcAlertFrameType.SmallSideFlip;\n  @property({type: String}) alertFrameThickness: ObcAlertFrameThickness =\n    ObcAlertFrameThickness.Small;\n  @property({type: String}) alertFrameStatus: AlertType = AlertType.Alarm;\n  @property({type: String}) alertFrameMode: ObcAlertFrameMode =\n    ObcAlertFrameMode.ackedActive;\n  @property({type: Boolean, attribute: false}) showAlertCategoryIcon: boolean =\n    true;\n  @property({type: Boolean}) showAlertIcon: boolean = false;\n  @property({type: Boolean}) progress: boolean = false;\n  @property({type: String}) progressMode: CircularProgressMode =\n    CircularProgressMode.indeterminate;\n  @property({type: Number}) progressValue: number = 0;\n  @property({type: String}) tag: string | null = null;\n  @property({type: String}) direction: AutomationButtonDirection =\n    AutomationButtonDirection.forward;\n  @property({type: String}) badgeControl: AutomationButtonBadgeControl =\n    AutomationButtonBadgeControl.None;\n  @property({type: String})\n  badgeCommandLocked: AutomationButtonBadgeCommandLocked =\n    AutomationButtonBadgeCommandLocked.None;\n  @property({type: String}) badgeInterlock: AutomationButtonBadgeInterlock =\n    AutomationButtonBadgeInterlock.None;\n  @property({type: String}) badgeAlert: AutomationButtonBadgeAlert =\n    AutomationButtonBadgeAlert.None;\n\n  get icon(): TemplateResult {\n    throw new Error('Method \"icon\" must be implemented in subclass');\n  }\n\n  get _on(): boolean {\n    throw new Error('Method \"_on\" must be implemented in subclass');\n  }\n\n  get _variant(): AutomationButtonVariant {\n    // @ts-expect-error - property should be defined in subclass\n    return this.variant as AutomationButtonVariant;\n  }\n\n  get extraReadouts(): AutomationButtonReadoutStack[] {\n    return [];\n  }\n\n  @queryAssignedElements({slot: 'badge-top-right'})\n  badgeTopRight!: HTMLElement[];\n  @queryAssignedElements({slot: 'badge-top-left'})\n  badgeTopLeft!: HTMLElement[];\n  @queryAssignedElements({slot: 'badge-bottom-left'})\n  badgeBottomLeft!: HTMLElement[];\n  @queryAssignedElements({slot: 'badge-bottom-right'})\n  badgeBottomRight!: HTMLElement[];\n\n  private getBadgeSpacer(): boolean {\n    if (!this.showReadoutStack) {\n      return false;\n    }\n\n    const topLeft =\n      this.badgeTopLeft.length > 0 || this.getBadgeControlType() !== null;\n    const topRight =\n      this.badgeTopRight.length > 0 || this.getBadgeAlertType() !== null;\n    const bottomLeft =\n      this.badgeBottomLeft.length > 0 || this.getBadgeInterlockType() !== null;\n    const bottomRight =\n      this.badgeBottomRight.length > 0 ||\n      this.getBadgeCommandLockedType() !== null;\n    if (this.readoutPosition === AutomationButtonReadoutPosition.top) {\n      return topRight || topLeft;\n    } else if (\n      this.readoutPosition === AutomationButtonReadoutPosition.bottom\n    ) {\n      return bottomLeft || bottomRight;\n    } else if (this.readoutPosition === AutomationButtonReadoutPosition.left) {\n      return topLeft || bottomLeft;\n    } else if (this.readoutPosition === AutomationButtonReadoutPosition.right) {\n      return topRight || bottomRight;\n    }\n    return false;\n  }\n\n  private handleBadgeSlotChange() {\n    this.requestUpdate();\n  }\n\n  private getBadgeAlertType(): ObcAutomationBadgeType | null {\n    if (this.badgeAlert === AutomationButtonBadgeAlert.Silence) {\n      return ObcAutomationBadgeType.AlertSilenced;\n    } else if (this.badgeAlert === AutomationButtonBadgeAlert.Caution) {\n      return ObcAutomationBadgeType.Caution;\n    } else if (this.badgeAlert === AutomationButtonBadgeAlert.Warning) {\n      return ObcAutomationBadgeType.Warning;\n    } else if (this.badgeAlert === AutomationButtonBadgeAlert.Alarm) {\n      return ObcAutomationBadgeType.Alarm;\n    } else if (this.badgeAlert === AutomationButtonBadgeAlert.IsaCritical) {\n      return ObcAutomationBadgeType.IsaCritical;\n    } else if (this.badgeAlert === AutomationButtonBadgeAlert.IsaHigh) {\n      return ObcAutomationBadgeType.IsaHigh;\n    } else if (this.badgeAlert === AutomationButtonBadgeAlert.IsaMedium) {\n      return ObcAutomationBadgeType.IsaMedium;\n    } else if (this.badgeAlert === AutomationButtonBadgeAlert.IsaLow) {\n      return ObcAutomationBadgeType.IsaLow;\n    } else if (this.badgeAlert === AutomationButtonBadgeAlert.IsaDiagnostic) {\n      return ObcAutomationBadgeType.IsaDiagnostic;\n    }\n    return null;\n  }\n\n  private getBadgeControlType(): ObcAutomationBadgeType | null {\n    if (this.badgeControl === AutomationButtonBadgeControl.Local) {\n      return ObcAutomationBadgeType.Local;\n    } else if (this.badgeControl === AutomationButtonBadgeControl.LocalOnly) {\n      return ObcAutomationBadgeType.LocalOnly;\n    } else if (this.badgeControl === AutomationButtonBadgeControl.Manual) {\n      return ObcAutomationBadgeType.Manual;\n    } else if (this.badgeControl === AutomationButtonBadgeControl.ManualOnly) {\n      return ObcAutomationBadgeType.ManualOnly;\n    } else if (this.badgeControl === AutomationButtonBadgeControl.Auto) {\n      return ObcAutomationBadgeType.Auto;\n    }\n    return null;\n  }\n\n  private getBadgeInterlockType(): ObcAutomationBadgeType | null {\n    if (this.badgeInterlock === AutomationButtonBadgeInterlock.Interlock) {\n      return ObcAutomationBadgeType.Interlock;\n    } else if (\n      this.badgeInterlock === AutomationButtonBadgeInterlock.InterlockInhibit\n    ) {\n      return ObcAutomationBadgeType.InterlockInhibit;\n    }\n    return null;\n  }\n\n  private getBadgeCommandLockedType(): ObcAutomationBadgeType | null {\n    if (\n      this.badgeCommandLocked ===\n      AutomationButtonBadgeCommandLocked.CommandLocked\n    ) {\n      return ObcAutomationBadgeType.CommandLocked;\n    }\n    return null;\n  }\n\n  override render() {\n    const readouts: AutomationButtonReadoutStack[] = [...this.extraReadouts];\n    const badgeAlertType = this.getBadgeAlertType();\n    const badgeControlType = this.getBadgeControlType();\n    const badgeInterlockType = this.getBadgeInterlockType();\n    const badgeCommandLockedType = this.getBadgeCommandLockedType();\n\n    return html`<obc-automation-button\n      .state=${this._on\n        ? AutomationButtonState.open\n        : AutomationButtonState.closed}\n      .readouts=${readouts}\n      .tag=${this.tag}\n      .showReadoutStack=${this.showReadoutStack}\n      .readoutPosition=${this.readoutPosition}\n      .readoutSize=${this.readoutSize}\n      ?alert=${this.alert}\n      .alertFrameType=${this.alertFrameType}\n      .alertFrameThickness=${this.alertFrameThickness}\n      .alertFrameStatus=${this.alertFrameStatus}\n      .alertFrameMode=${this.alertFrameMode}\n      .showAlertCategoryIcon=${this.showAlertCategoryIcon}\n      .showAlertIcon=${this.showAlertIcon}\n      ?progress=${this.progress}\n      .progressMode=${this.progressMode}\n      .progressValue=${this.progressValue}\n      .variant=${this._variant}\n      .direction=${this.direction}\n      .hasBadgeSpacer=${this.getBadgeSpacer()}\n      .positioning=${this.positioning}\n    >\n      ${this.icon}\n      <slot\n        name=\"badge-top-right\"\n        slot=\"badge-top-right\"\n        @slotchange=${this.handleBadgeSlotChange}\n      >\n        ${badgeAlertType\n          ? html`<obc-automation-badge\n              .type=${badgeAlertType}\n            ></obc-automation-badge>`\n          : nothing}\n      </slot>\n      <slot\n        name=\"badge-top-left\"\n        slot=\"badge-top-left\"\n        @slotchange=${this.handleBadgeSlotChange}\n      >\n        ${badgeControlType\n          ? html`<obc-automation-badge\n              .type=${badgeControlType}\n            ></obc-automation-badge>`\n          : nothing}\n      </slot>\n      <slot\n        name=\"badge-bottom-left\"\n        slot=\"badge-bottom-left\"\n        @slotchange=${this.handleBadgeSlotChange}\n      >\n        ${badgeInterlockType\n          ? html`<obc-automation-badge\n              .type=${badgeInterlockType}\n            ></obc-automation-badge>`\n          : nothing}\n      </slot>\n      <slot\n        name=\"badge-bottom-right\"\n        slot=\"badge-bottom-right\"\n        @slotchange=${this.handleBadgeSlotChange}\n      >\n        ${badgeCommandLockedType\n          ? html`<obc-automation-badge\n              .type=${badgeCommandLockedType}\n            ></obc-automation-badge>`\n          : nothing}\n      </slot>\n    </obc-automation-button>`;\n  }\n}\n"],"names":["AutomationButtonBadgeAlert","AutomationButtonBadgeInterlock","AutomationButtonBadgeControl","AutomationButtonBadgeCommandLocked"],"mappings":";;;;;;;;;;;;;;;;;AAwBO,IAAK,+CAAAA,gCAAL;AACLA,8BAAA,MAAA,IAAO;AACPA,8BAAA,SAAA,IAAU;AACVA,8BAAA,SAAA,IAAU;AACVA,8BAAA,SAAA,IAAU;AACVA,8BAAA,OAAA,IAAQ;AACRA,8BAAA,aAAA,IAAc;AACdA,8BAAA,SAAA,IAAU;AACVA,8BAAA,WAAA,IAAY;AACZA,8BAAA,QAAA,IAAS;AACTA,8BAAA,eAAA,IAAgB;AAVN,SAAAA;AAAA,GAAA,8BAAA,CAAA,CAAA;AAaL,IAAK,mDAAAC,oCAAL;AACLA,kCAAA,MAAA,IAAO;AACPA,kCAAA,WAAA,IAAY;AACZA,kCAAA,kBAAA,IAAmB;AAHT,SAAAA;AAAA,GAAA,kCAAA,CAAA,CAAA;AAML,IAAK,iDAAAC,kCAAL;AACLA,gCAAA,MAAA,IAAO;AACPA,gCAAA,OAAA,IAAQ;AACRA,gCAAA,WAAA,IAAY;AACZA,gCAAA,QAAA,IAAS;AACTA,gCAAA,YAAA,IAAa;AACbA,gCAAA,MAAA,IAAO;AANG,SAAAA;AAAA,GAAA,gCAAA,CAAA,CAAA;AASL,IAAK,uDAAAC,wCAAL;AACLA,sCAAA,MAAA,IAAO;AACPA,sCAAA,eAAA,IAAgB;AAFN,SAAAA;AAAA,GAAA,sCAAA,CAAA,CAAA;AAKL,MAAM,oCAAoC,WAAW;AAAA,EAArD,cAAA;AAAA,UAAA,GAAA,SAAA;AACwC,SAAA,mBAA4B;AAC/C,SAAA,kBACxB,gCAAgC;AACR,SAAA,cACxB,iCAAiC;AACT,SAAA,cACxB,4BAA4B;AACH,SAAA,QAAiB;AAClB,SAAA,iBACxB,kBAAkB;AACM,SAAA,sBACxB,uBAAuB;AACC,SAAA,mBAA8B,UAAU;AACxC,SAAA,iBACxB,kBAAkB;AACyB,SAAA,wBAC3C;AACyB,SAAA,gBAAyB;AACzB,SAAA,WAAoB;AACrB,SAAA,eACxB,qBAAqB;AACG,SAAA,gBAAwB;AACxB,SAAA,MAAqB;AACrB,SAAA,YACxB,0BAA0B;AACF,SAAA,eACxB;AAEF,SAAA,qBACE;AACwB,SAAA,iBACxB;AACwB,SAAA,aACxB;AAAA,EAAA;AAAA,EAEF,IAAI,OAAuB;AACzB,UAAM,IAAI,MAAM,+CAA+C;AAAA,EACjE;AAAA,EAEA,IAAI,MAAe;AACjB,UAAM,IAAI,MAAM,8CAA8C;AAAA,EAChE;AAAA,EAEA,IAAI,WAAoC;AAEtC,WAAO,KAAK;AAAA,EACd;AAAA,EAEA,IAAI,gBAAgD;AAClD,WAAO,CAAA;AAAA,EACT;AAAA,EAWQ,iBAA0B;AAChC,QAAI,CAAC,KAAK,kBAAkB;AAC1B,aAAO;AAAA,IACT;AAEA,UAAM,UACJ,KAAK,aAAa,SAAS,KAAK,KAAK,0BAA0B;AACjE,UAAM,WACJ,KAAK,cAAc,SAAS,KAAK,KAAK,wBAAwB;AAChE,UAAM,aACJ,KAAK,gBAAgB,SAAS,KAAK,KAAK,4BAA4B;AACtE,UAAM,cACJ,KAAK,iBAAiB,SAAS,KAC/B,KAAK,gCAAgC;AACvC,QAAI,KAAK,oBAAoB,gCAAgC,KAAK;AAChE,aAAO,YAAY;AAAA,IACrB,WACE,KAAK,oBAAoB,gCAAgC,QACzD;AACA,aAAO,cAAc;AAAA,IACvB,WAAW,KAAK,oBAAoB,gCAAgC,MAAM;AACxE,aAAO,WAAW;AAAA,IACpB,WAAW,KAAK,oBAAoB,gCAAgC,OAAO;AACzE,aAAO,YAAY;AAAA,IACrB;AACA,WAAO;AAAA,EACT;AAAA,EAEQ,wBAAwB;AAC9B,SAAK,cAAA;AAAA,EACP;AAAA,EAEQ,oBAAmD;AACzD,QAAI,KAAK,eAAe,WAAoC;AAC1D,aAAO,uBAAuB;AAAA,IAChC,WAAW,KAAK,eAAe,WAAoC;AACjE,aAAO,uBAAuB;AAAA,IAChC,WAAW,KAAK,eAAe,WAAoC;AACjE,aAAO,uBAAuB;AAAA,IAChC,WAAW,KAAK,eAAe,SAAkC;AAC/D,aAAO,uBAAuB;AAAA,IAChC,WAAW,KAAK,eAAe,gBAAwC;AACrE,aAAO,uBAAuB;AAAA,IAChC,WAAW,KAAK,eAAe,YAAoC;AACjE,aAAO,uBAAuB;AAAA,IAChC,WAAW,KAAK,eAAe,cAAsC;AACnE,aAAO,uBAAuB;AAAA,IAChC,WAAW,KAAK,eAAe,WAAmC;AAChE,aAAO,uBAAuB;AAAA,IAChC,WAAW,KAAK,eAAe,kBAA0C;AACvE,aAAO,uBAAuB;AAAA,IAChC;AACA,WAAO;AAAA,EACT;AAAA,EAEQ,sBAAqD;AAC3D,QAAI,KAAK,iBAAiB,SAAoC;AAC5D,aAAO,uBAAuB;AAAA,IAChC,WAAW,KAAK,iBAAiB,cAAwC;AACvE,aAAO,uBAAuB;AAAA,IAChC,WAAW,KAAK,iBAAiB,UAAqC;AACpE,aAAO,uBAAuB;AAAA,IAChC,WAAW,KAAK,iBAAiB,eAAyC;AACxE,aAAO,uBAAuB;AAAA,IAChC,WAAW,KAAK,iBAAiB,QAAmC;AAClE,aAAO,uBAAuB;AAAA,IAChC;AACA,WAAO;AAAA,EACT;AAAA,EAEQ,wBAAuD;AAC7D,QAAI,KAAK,mBAAmB,aAA0C;AACpE,aAAO,uBAAuB;AAAA,IAChC,WACE,KAAK,mBAAmB,qBACxB;AACA,aAAO,uBAAuB;AAAA,IAChC;AACA,WAAO;AAAA,EACT;AAAA,EAEQ,4BAA2D;AACjE,QACE,KAAK,uBACL,kBACA;AACA,aAAO,uBAAuB;AAAA,IAChC;AACA,WAAO;AAAA,EACT;AAAA,EAES,SAAS;AAChB,UAAM,WAA2C,CAAC,GAAG,KAAK,aAAa;AACvE,UAAM,iBAAiB,KAAK,kBAAA;AAC5B,UAAM,mBAAmB,KAAK,oBAAA;AAC9B,UAAM,qBAAqB,KAAK,sBAAA;AAChC,UAAM,yBAAyB,KAAK,0BAAA;AAEpC,WAAO;AAAA,eACI,KAAK,MACV,sBAAsB,OACtB,sBAAsB,MAAM;AAAA,kBACpB,QAAQ;AAAA,aACb,KAAK,GAAG;AAAA,0BACK,KAAK,gBAAgB;AAAA,yBACtB,KAAK,eAAe;AAAA,qBACxB,KAAK,WAAW;AAAA,eACtB,KAAK,KAAK;AAAA,wBACD,KAAK,cAAc;AAAA,6BACd,KAAK,mBAAmB;AAAA,0BAC3B,KAAK,gBAAgB;AAAA,wBACvB,KAAK,cAAc;AAAA,+BACZ,KAAK,qBAAqB;AAAA,uBAClC,KAAK,aAAa;AAAA,kBACvB,KAAK,QAAQ;AAAA,sBACT,KAAK,YAAY;AAAA,uBAChB,KAAK,aAAa;AAAA,iBACxB,KAAK,QAAQ;AAAA,mBACX,KAAK,SAAS;AAAA,wBACT,KAAK,gBAAgB;AAAA,qBACxB,KAAK,WAAW;AAAA;AAAA,QAE7B,KAAK,IAAI;AAAA;AAAA;AAAA;AAAA,sBAIK,KAAK,qBAAqB;AAAA;AAAA,UAEtC,iBACE;AAAA,sBACU,cAAc;AAAA,wCAExB,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA,sBAKG,KAAK,qBAAqB;AAAA;AAAA,UAEtC,mBACE;AAAA,sBACU,gBAAgB;AAAA,wCAE1B,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA,sBAKG,KAAK,qBAAqB;AAAA;AAAA,UAEtC,qBACE;AAAA,sBACU,kBAAkB;AAAA,wCAE5B,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA,sBAKG,KAAK,qBAAqB;AAAA;AAAA,UAEtC,yBACE;AAAA,sBACU,sBAAsB;AAAA,wCAEhC,OAAO;AAAA;AAAA;AAAA,EAGjB;AACF;AAtO+C,gBAAA;AAAA,EAA5C,SAAS,EAAC,MAAM,SAAS,WAAW,OAAM;AAAA,GADhC,4BACkC,WAAA,kBAAA;AACnB,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,OAAA,CAAO;AAAA,GAFb,4BAEe,WAAA,iBAAA;AAEA,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,OAAA,CAAO;AAAA,GAJb,4BAIe,WAAA,aAAA;AAEA,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,OAAA,CAAO;AAAA,GANb,4BAMe,WAAA,aAAA;AAEC,gBAAA;AAAA,EAA1B,SAAS,EAAC,MAAM,QAAA,CAAQ;AAAA,GARd,4BAQgB,WAAA,OAAA;AACD,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,OAAA,CAAO;AAAA,GATb,4BASe,WAAA,gBAAA;AAEA,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,OAAA,CAAO;AAAA,GAXb,4BAWe,WAAA,qBAAA;AAEA,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,OAAA,CAAO;AAAA,GAbb,4BAae,WAAA,kBAAA;AACA,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,OAAA,CAAO;AAAA,GAdb,4BAce,WAAA,gBAAA;AAEmB,gBAAA;AAAA,EAA5C,SAAS,EAAC,MAAM,SAAS,WAAW,OAAM;AAAA,GAhBhC,4BAgBkC,WAAA,uBAAA;AAElB,gBAAA;AAAA,EAA1B,SAAS,EAAC,MAAM,QAAA,CAAQ;AAAA,GAlBd,4BAkBgB,WAAA,eAAA;AACA,gBAAA;AAAA,EAA1B,SAAS,EAAC,MAAM,QAAA,CAAQ;AAAA,GAnBd,4BAmBgB,WAAA,UAAA;AACD,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,OAAA,CAAO;AAAA,GApBb,4BAoBe,WAAA,cAAA;AAEA,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,OAAA,CAAO;AAAA,GAtBb,4BAsBe,WAAA,eAAA;AACA,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,OAAA,CAAO;AAAA,GAvBb,4BAuBe,WAAA,KAAA;AACA,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,OAAA,CAAO;AAAA,GAxBb,4BAwBe,WAAA,WAAA;AAEA,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,OAAA,CAAO;AAAA,GA1Bb,4BA0Be,WAAA,cAAA;AAG1B,gBAAA;AAAA,EADC,SAAS,EAAC,MAAM,OAAA,CAAO;AAAA,GA5Bb,4BA6BX,WAAA,oBAAA;AAE0B,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,OAAA,CAAO;AAAA,GA/Bb,4BA+Be,WAAA,gBAAA;AAEA,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,OAAA,CAAO;AAAA,GAjCb,4BAiCe,WAAA,YAAA;AAqB1B,gBAAA;AAAA,EADC,sBAAsB,EAAC,MAAM,kBAAA,CAAkB;AAAA,GArDrC,4BAsDX,WAAA,eAAA;AAEA,gBAAA;AAAA,EADC,sBAAsB,EAAC,MAAM,iBAAA,CAAiB;AAAA,GAvDpC,4BAwDX,WAAA,cAAA;AAEA,gBAAA;AAAA,EADC,sBAAsB,EAAC,MAAM,oBAAA,CAAoB;AAAA,GAzDvC,4BA0DX,WAAA,iBAAA;AAEA,gBAAA;AAAA,EADC,sBAAsB,EAAC,MAAM,qBAAA,CAAqB;AAAA,GA3DxC,4BA4DX,WAAA,kBAAA;"}

package/dist/automation/automation-button/automation-button.css.js

@@ -13,6 +13,11 @@ const compentStyle = css`
   height: 0;
 }
 
+.button-wrapper {
+  width: fit-content;
+  height: fit-content;
+}
+
 .positioning-point.label-bottom {
     top: calc(var(--automation-components-button-touch-target-size) / -2);
     transform: translateX(-50%);
@@ -291,10 +296,10 @@ const compentStyle = css`
 
 .alert-frame {
   position: absolute;
-  top: -1px;
-  right: -1px;
-  left: -1px;
-  bottom: -1px;
+  top: 0;
+  right: 0;
+  left: 0;
+  bottom: 0;
 }
 `;
 export {

package/dist/automation/automation-button/automation-button.css.js.map

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

package/dist/automation/automation-button/automation-button.d.ts

@@ -1,5 +1,6 @@
 import { HTMLTemplateResult, LitElement } from 'lit';
-import { ObcAlertFrameStatus, ObcAlertFrameThickness, ObcAlertFrameType } from '../../components/alert-frame/alert-frame.js';
+import { ObcAlertFrameThickness, ObcAlertFrameType, ObcAlertFrameMode } from '../../components/alert-frame/alert-frame.js';
+import { AlertType } from '../../types.js';
 import { AutomationButtonReadoutStack, AutomationButtonReadoutStackSize } from '../../components/automation-button-readout-stack/automation-button-readout-stack.js';
 import { CircularProgressMode } from '../../building-blocks/circular-progress/circular-progress.js';
 import '../../icons/icon-forward.js';
@@ -73,7 +74,8 @@ export declare class ObcAutomationButton extends LitElement {
     alert: boolean;
     alertFrameType: ObcAlertFrameType;
     alertFrameThickness: ObcAlertFrameThickness;
-    alertFrameStatus: ObcAlertFrameStatus;
+    alertFrameStatus: AlertType;
+    alertFrameMode: ObcAlertFrameMode;
     showAlertCategoryIcon: boolean;
     showAlertIcon: boolean;
     progress: boolean;

package/dist/automation/automation-button/automation-button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"automation-button.d.ts","sourceRoot":"","sources":["../../../src/automation/automation-button/automation-button.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"automation-button.d.ts","sourceRoot":"","sources":["../../../src/automation/automation-button/automation-button.ts"],"names":[],"mappings":"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"}

package/dist/automation/automation-button/automation-button.js

@@ -13,7 +13,8 @@ import "../../icons/icon-arrow-up-google.js";
 import "../../icons/icon-arrow-down-google.js";
 import "../../icons/icon-arrow-left-google.js";
 import "../../icons/icon-arrow-right-google.js";
-import { ObcAlertFrameType, ObcAlertFrameThickness, ObcAlertFrameStatus } from "../../components/alert-frame/alert-frame.js";
+import { ObcAlertFrameType, ObcAlertFrameThickness, ObcAlertFrameMode, wrapWithAlertFrame } from "../../components/alert-frame/alert-frame.js";
+import { AlertType } from "../../types.js";
 import { customElement } from "../../decorator.js";
 import { AutomationButtonReadoutStackSize, IdTagOrientation } from "../../components/automation-button-readout-stack/automation-button-readout-stack.js";
 import { CircularProgressMode } from "../../building-blocks/circular-progress/circular-progress.js";
@@ -85,7 +86,8 @@ let ObcAutomationButton = class extends LitElement {
     this.alert = false;
     this.alertFrameType = ObcAlertFrameType.SmallSideFlip;
     this.alertFrameThickness = ObcAlertFrameThickness.Small;
-    this.alertFrameStatus = ObcAlertFrameStatus.Alarm;
+    this.alertFrameStatus = AlertType.Alarm;
+    this.alertFrameMode = ObcAlertFrameMode.ackedActive;
     this.showAlertCategoryIcon = true;
     this.showAlertIcon = false;
     this.progress = false;
@@ -137,11 +139,12 @@ let ObcAutomationButton = class extends LitElement {
                 .idTagOrientation=${this.getIdTagOrientation()}
               ></obc-automation-button-readout-stack>
             ` : nothing}
-        ${this.alert ? html` <obc-alert-frame
+        ${this.alert && this.positioning === "point" ? html` <obc-alert-frame
               class="alert-frame"
               .type=${this.alertFrameType}
               .thickness=${this.alertFrameThickness}
               .status=${this.alertFrameStatus}
+              .mode=${this.alertFrameMode}
               .showAlertCategoryIcon=${this.showAlertCategoryIcon}
               .showIcon=${this.showAlertIcon}
             >
@@ -155,17 +158,29 @@ let ObcAutomationButton = class extends LitElement {
   wrapContent(content) {
     if (this.positioning === "point") {
       return html`<div class="point-wrapper">${content}</div>`;
-    } else if (this.positioning === "symbol") {
+    }
+    const innerContent = wrapWithAlertFrame(
+      this.alert ? {
+        type: this.alertFrameType,
+        thickness: this.alertFrameThickness,
+        status: this.alertFrameStatus,
+        mode: this.alertFrameMode,
+        showIcon: this.showAlertIcon,
+        showAlertCategoryIcon: this.showAlertCategoryIcon
+      } : false,
+      content
+    );
+    if (this.positioning === "symbol") {
       return html`<div
         class=${classMap({
         "symbol-wrapper": true,
         ["label-" + this.readoutPosition]: true
       })}
       >
-        ${content}
+        ${innerContent}
       </div> `;
     }
-    return content;
+    return innerContent;
   }
   get effectiveVariant() {
     if (this.progress) {
@@ -370,6 +385,9 @@ __decorateClass([
 __decorateClass([
   property({ type: String })
 ], ObcAutomationButton.prototype, "alertFrameStatus", 2);
+__decorateClass([
+  property({ type: String })
+], ObcAutomationButton.prototype, "alertFrameMode", 2);
 __decorateClass([
   property({ type: Boolean, attribute: false })
 ], ObcAutomationButton.prototype, "showAlertCategoryIcon", 2);

package/dist/automation/automation-button/automation-button.js.map

@@ -1 +1 @@
-{"version":3,"file":"automation-button.js","sources":["../../../src/automation/automation-button/automation-button.ts"],"sourcesContent":["import {HTMLTemplateResult, LitElement, html, nothing, unsafeCSS} from 'lit';\nimport {property} from 'lit/decorators.js';\nimport compentStyle from './automation-button.css?inline';\nimport {classMap} from 'lit/directives/class-map.js';\nimport '../../icons/icon-forward.js';\nimport '../../icons/icon-forward-fast.js';\nimport '../../icons/icon-forward-stopped.js';\nimport '../../icons/icon-backward.js';\nimport '../../icons/icon-backward-fast.js';\nimport '../../icons/icon-backward-stopped.js';\nimport '../../icons/icon-standby.js';\nimport '../../icons/icon-arrow-up-google.js';\nimport '../../icons/icon-arrow-down-google.js';\nimport '../../icons/icon-arrow-left-google.js';\nimport '../../icons/icon-arrow-right-google.js';\nimport '../../components/alert-frame/alert-frame.js';\nimport {\n  ObcAlertFrameStatus,\n  ObcAlertFrameThickness,\n  ObcAlertFrameType,\n} from '../../components/alert-frame/alert-frame.js';\nimport {customElement} from '../../decorator.js';\nimport {\n  AutomationButtonReadoutStack,\n  AutomationButtonReadoutStackSize,\n  IdTagOrientation,\n} from '../../components/automation-button-readout-stack/automation-button-readout-stack.js';\nimport '../../components/automation-button-readout-stack/automation-button-readout-stack.js';\nimport '../../building-blocks/circular-progress/circular-progress.js';\nimport {CircularProgressMode} from '../../building-blocks/circular-progress/circular-progress.js';\n\nexport {CircularProgressMode};\n\nexport enum AutomationButtonVariant {\n  regular = 'regular',\n  double = 'double',\n  forward = 'forward',\n  square = 'square',\n  flat = 'flat',\n  flatForward = 'flat-forward',\n}\n\nexport enum AutomationButtonState {\n  closed = 'closed',\n  open = 'open',\n}\n\nexport enum AutomationButtonReadoutPosition {\n  top = 'top',\n  bottom = 'bottom',\n  left = 'left',\n  right = 'right',\n}\n\nexport enum AutomationButtonDirection {\n  forward = 'forward',\n  forwardFast = 'forward-fast',\n  forwardStopped = 'forward-stopped',\n  backward = 'backward',\n  backwardFast = 'backward-fast',\n  backwardStopped = 'backward-stopped',\n  standby = 'standby',\n}\n\nexport enum AutomationButtonLabelDirection {\n  up = 'up',\n  down = 'down',\n  left = 'left',\n  right = 'right',\n}\n\n/**\n * The positioning of the automation button.\n * - `point`: The button is wrapped in a 0x0 px div, where the center of the symbol is the center of the div.\n * - `symbol`: The button is wrapped in a div containing the symbol but not the readout stack\n * - `button`: The button not wrapped, in is positioned based on the full size of the button.\n */\nexport enum AutomationButtonPositioning {\n  point = 'point',\n  symbol = 'symbol',\n  button = 'button',\n}\n\n@customElement('obc-automation-button')\nexport class ObcAutomationButton extends LitElement {\n  @property({type: String}) variant: AutomationButtonVariant =\n    AutomationButtonVariant.regular;\n  @property({type: String}) state: AutomationButtonState =\n    AutomationButtonState.open;\n  @property({type: Boolean}) static: boolean = false;\n  @property({type: Boolean, attribute: false}) showReadoutStack: boolean = true;\n  @property({type: Array, attribute: false})\n  readouts: AutomationButtonReadoutStack[] = [];\n  @property({type: String})\n  tag: string | null = null;\n  @property({type: String}) readoutPosition: AutomationButtonReadoutPosition =\n    AutomationButtonReadoutPosition.bottom;\n  @property({type: String}) readoutSize: AutomationButtonReadoutStackSize =\n    AutomationButtonReadoutStackSize.regular;\n  @property({type: Boolean}) alert: boolean = false;\n  @property({type: String}) alertFrameType: ObcAlertFrameType =\n    ObcAlertFrameType.SmallSideFlip;\n  @property({type: String}) alertFrameThickness: ObcAlertFrameThickness =\n    ObcAlertFrameThickness.Small;\n  @property({type: String}) alertFrameStatus: ObcAlertFrameStatus =\n    ObcAlertFrameStatus.Alarm;\n  @property({type: Boolean, attribute: false}) showAlertCategoryIcon: boolean =\n    true;\n  @property({type: Boolean}) showAlertIcon: boolean = false;\n  @property({type: Boolean}) progress: boolean = false;\n  @property({type: String}) progressMode: CircularProgressMode =\n    CircularProgressMode.indeterminate;\n  @property({type: Number}) progressValue: number = 0;\n  @property({type: String}) direction: AutomationButtonDirection =\n    AutomationButtonDirection.forward;\n  @property({type: String}) positioning: AutomationButtonPositioning =\n    AutomationButtonPositioning.point;\n  /** Badge spacer should be set to true if there is a badge on the same side as the label */\n  @property({type: Boolean}) hasBadgeSpacer: boolean = false;\n\n  override render() {\n    const effectiveVariant = this.effectiveVariant;\n\n    const hasLabelContent =\n      this.showReadoutStack && (this.readouts.length > 0 || this.tag !== null);\n\n    return this.wrapContent(html`\n      <button\n        class=${classMap({\n          wrapper: true,\n          ['positioning-' + this.positioning]: true,\n          ['variant-' + effectiveVariant]: true,\n          ['state-' + this.state]: true,\n          'label-empty': !hasLabelContent,\n          ['label-' + this.readoutPosition]: true,\n          'has-badge-spacer': this.hasBadgeSpacer,\n          alert: this.alert,\n          progress: this.progress,\n          static: this.static,\n        })}\n      >\n        <div class=\"icon-touch-target\">\n          ${this.renderIconHolder()}\n          <div class=\"badge-top-right\">\n            <slot name=\"badge-top-right\"></slot>\n          </div>\n          <div class=\"badge-top-left\">\n            <slot name=\"badge-top-left\"></slot>\n          </div>\n          <div class=\"badge-bottom-left\">\n            <slot name=\"badge-bottom-left\"></slot>\n          </div>\n          <div class=\"badge-bottom-right\">\n            <slot name=\"badge-bottom-right\"></slot>\n          </div>\n        </div>\n        ${this.showReadoutStack\n          ? html`\n              <div class=\"badge-spacer\"></div>\n              <obc-automation-button-readout-stack\n                .readouts=${this.readouts}\n                .tag=${this.tag}\n                .size=${this.readoutSize}\n                .idTagOrientation=${this.getIdTagOrientation()}\n              ></obc-automation-button-readout-stack>\n            `\n          : nothing}\n        ${this.alert\n          ? html` <obc-alert-frame\n              class=\"alert-frame\"\n              .type=${this.alertFrameType}\n              .thickness=${this.alertFrameThickness}\n              .status=${this.alertFrameStatus}\n              .showAlertCategoryIcon=${this.showAlertCategoryIcon}\n              .showIcon=${this.showAlertIcon}\n            >\n              <span slot=\"icon\"><slot name=\"alert-icon\"></slot></span>\n              <span slot=\"label\"><slot name=\"alert-label\"></slot></span>\n              <span slot=\"timer\"><slot name=\"alert-timer\"></slot></span>\n            </obc-alert-frame>`\n          : nothing}\n      </button>\n    `);\n  }\n\n  private wrapContent(content: HTMLTemplateResult): HTMLTemplateResult {\n    if (this.positioning === AutomationButtonPositioning.point) {\n      return html`<div class=\"point-wrapper\">${content}</div>`;\n    } else if (this.positioning === AutomationButtonPositioning.symbol) {\n      return html`<div\n        class=${classMap({\n          'symbol-wrapper': true,\n          ['label-' + this.readoutPosition]: true,\n        })}\n      >\n        ${content}\n      </div> `;\n    }\n    return content;\n  }\n\n  static override styles = unsafeCSS(compentStyle);\n\n  private get effectiveVariant(): AutomationButtonVariant {\n    if (this.progress) {\n      return AutomationButtonVariant.regular;\n    }\n    return this.variant;\n  }\n\n  private renderIconHolder(): HTMLTemplateResult {\n    const effectiveVariant = this.effectiveVariant;\n    const progressRing = this.getProgressRing();\n    if (this.variant === AutomationButtonVariant.flatForward) {\n      return html`<div class=\"icon-holder\">\n        ${this.getDirectionIcon(effectiveVariant, 'icon-primary')}\n        ${this.getDirectionIcon(effectiveVariant, 'icon-silhouette')}\n        ${progressRing}\n      </div>`;\n    } else if (this.variant === AutomationButtonVariant.forward) {\n      return html`<div class=\"icon-holder\">\n        ${this.getDirectionIcon(effectiveVariant, 'icon-primary')}\n        ${progressRing}\n      </div>`;\n    }\n\n    const direction = this.getDirectionIcon(effectiveVariant);\n    const showIcon = [\n      AutomationButtonVariant.regular,\n      AutomationButtonVariant.double,\n      AutomationButtonVariant.flat,\n      AutomationButtonVariant.square,\n    ].includes(effectiveVariant);\n    return html`<div class=\"icon-holder\">\n      ${direction}\n      ${showIcon\n        ? html`<div class=\"icon-primary\">\n              <slot name=\"icon\"></slot>\n            </div>\n            ${effectiveVariant === AutomationButtonVariant.flat\n              ? html` <div class=\"icon-silhouette\">\n                  <slot name=\"icon-silhouette\"></slot>\n                </div>`\n              : nothing} `\n        : nothing}\n      ${progressRing}\n    </div>`;\n  }\n\n  private getProgressRing(): null | HTMLTemplateResult {\n    if (!this.progress) {\n      return null;\n    }\n\n    return html`<obc-circular-progress\n      class=\"progress-ring\"\n      .mode=${this.progressMode}\n      .value=${this.progressValue}\n    ></obc-circular-progress>`;\n  }\n\n  private getDirectionIcon(\n    variant: AutomationButtonVariant,\n    className: string = 'icon-direction'\n  ): typeof nothing | HTMLTemplateResult {\n    if (\n      ![\n        AutomationButtonVariant.double,\n        AutomationButtonVariant.forward,\n        AutomationButtonVariant.flatForward,\n      ].includes(variant)\n    ) {\n      return nothing;\n    } else if (this.direction === AutomationButtonDirection.forward) {\n      return html`<svg\n        class=\"${className}\"\n        width=\"24\"\n        height=\"24\"\n        viewBox=\"0 0 24 24\"\n        fill=\"none\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n      >\n        <path\n          d=\"M8 5 v 14 L 20 12Z\"\n          stroke=\"var(--automation-device-tertiary-color)\"\n          fill=\"var(--automation-device-primary-color)\"\n          vector-effect=\"non-scaling-stroke\"\n        />\n      </svg> `;\n    } else if (this.direction === AutomationButtonDirection.forwardFast) {\n      return html`<svg\n        class=\"${className}\"\n        width=\"24\"\n        height=\"24\"\n        viewBox=\"0 0 24 24\"\n        fill=\"none\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n      >\n        <path\n          d=\"M3.5 5 v 14 l 8.5 -7 Z M14.5 5 v 14 l 8.5 -7 Z\"\n          stroke=\"var(--automation-device-tertiary-color)\"\n          fill=\"var(--automation-device-primary-color)\"\n          vector-effect=\"non-scaling-stroke\"\n        />\n      </svg> `;\n    } else if (this.direction === AutomationButtonDirection.forwardStopped) {\n      return html`<svg\n        class=\"${className}\"\n        width=\"24\"\n        height=\"24\"\n        viewBox=\"0 0 24 24\"\n        fill=\"none\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n      >\n        <path\n          d=\"M8 5 v 14 L 20 12Z\"\n          fill=\"var(--automation-device-tertiary-color)\"\n          stroke=\"var(--automation-device-tertiary-inverted-color)\"\n          vector-effect=\"non-scaling-stroke\"\n        />\n      </svg> `;\n    } else if (this.direction === AutomationButtonDirection.backward) {\n      return html`<svg\n        class=\"${className}\"\n        width=\"24\"\n        height=\"24\"\n        viewBox=\"0 0 24 24\"\n        fill=\"none\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n      >\n        <path\n          d=\"M16 5 v 14 L 4 12Z\"\n          stroke=\"var(--automation-device-tertiary-color)\"\n          fill=\"var(--automation-device-primary-color)\"\n          vector-effect=\"non-scaling-stroke\"\n        />\n      </svg>`;\n    } else if (this.direction === AutomationButtonDirection.backwardFast) {\n      return html`<svg\n        class=\"${className}\"\n        width=\"24\"\n        height=\"24\"\n        viewBox=\"0 0 24 24\"\n        fill=\"none\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n      >\n        <path\n          d=\"M20.5 5 v 14 l -8.5 -7 Z M9.5 5 v 14 l -8.5 -7 Z\"\n          stroke=\"var(--automation-device-tertiary-color)\"\n          fill=\"var(--automation-device-primary-color)\"\n          vector-effect=\"non-scaling-stroke\"\n        />\n      </svg>`;\n    } else if (this.direction === AutomationButtonDirection.backwardStopped) {\n      return html`<svg\n        class=\"${className}\"\n        width=\"24\"\n        height=\"24\"\n        viewBox=\"0 0 24 24\"\n        fill=\"none\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n      >\n        <path\n          d=\"M16 5 v 14 L 4 12Z\"\n          fill=\"var(--automation-device-tertiary-color)\"\n          stroke=\"var(--automation-device-tertiary-inverted-color)\"\n          vector-effect=\"non-scaling-stroke\"\n        />\n      </svg> `;\n    } else if (this.direction === AutomationButtonDirection.standby) {\n      return html`<obi-standby class=\"${className}\" usecsscolor></obi-standby>`;\n    }\n    throw new Error('Invalid direction');\n  }\n\n  private getIdTagOrientation(): IdTagOrientation {\n    if (this.readoutPosition === AutomationButtonReadoutPosition.top) {\n      return IdTagOrientation.top;\n    }\n    return IdTagOrientation.bottom;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'obc-automation-button': ObcAutomationButton;\n  }\n}\n"],"names":["AutomationButtonVariant","AutomationButtonState","AutomationButtonReadoutPosition","AutomationButtonDirection","AutomationButtonLabelDirection","AutomationButtonPositioning"],"mappings":"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"}
+{"version":3,"file":"automation-button.js","sources":["../../../src/automation/automation-button/automation-button.ts"],"sourcesContent":["import {HTMLTemplateResult, LitElement, html, nothing, unsafeCSS} from 'lit';\nimport {property} from 'lit/decorators.js';\nimport compentStyle from './automation-button.css?inline';\nimport {classMap} from 'lit/directives/class-map.js';\nimport '../../icons/icon-forward.js';\nimport '../../icons/icon-forward-fast.js';\nimport '../../icons/icon-forward-stopped.js';\nimport '../../icons/icon-backward.js';\nimport '../../icons/icon-backward-fast.js';\nimport '../../icons/icon-backward-stopped.js';\nimport '../../icons/icon-standby.js';\nimport '../../icons/icon-arrow-up-google.js';\nimport '../../icons/icon-arrow-down-google.js';\nimport '../../icons/icon-arrow-left-google.js';\nimport '../../icons/icon-arrow-right-google.js';\nimport '../../components/alert-frame/alert-frame.js';\nimport {\n  ObcAlertFrameThickness,\n  ObcAlertFrameType,\n  ObcAlertFrameMode,\n  wrapWithAlertFrame,\n} from '../../components/alert-frame/alert-frame.js';\nimport {AlertType} from '../../types.js';\nimport {customElement} from '../../decorator.js';\nimport {\n  AutomationButtonReadoutStack,\n  AutomationButtonReadoutStackSize,\n  IdTagOrientation,\n} from '../../components/automation-button-readout-stack/automation-button-readout-stack.js';\nimport '../../components/automation-button-readout-stack/automation-button-readout-stack.js';\nimport '../../building-blocks/circular-progress/circular-progress.js';\nimport {CircularProgressMode} from '../../building-blocks/circular-progress/circular-progress.js';\n\nexport {CircularProgressMode};\n\nexport enum AutomationButtonVariant {\n  regular = 'regular',\n  double = 'double',\n  forward = 'forward',\n  square = 'square',\n  flat = 'flat',\n  flatForward = 'flat-forward',\n}\n\nexport enum AutomationButtonState {\n  closed = 'closed',\n  open = 'open',\n}\n\nexport enum AutomationButtonReadoutPosition {\n  top = 'top',\n  bottom = 'bottom',\n  left = 'left',\n  right = 'right',\n}\n\nexport enum AutomationButtonDirection {\n  forward = 'forward',\n  forwardFast = 'forward-fast',\n  forwardStopped = 'forward-stopped',\n  backward = 'backward',\n  backwardFast = 'backward-fast',\n  backwardStopped = 'backward-stopped',\n  standby = 'standby',\n}\n\nexport enum AutomationButtonLabelDirection {\n  up = 'up',\n  down = 'down',\n  left = 'left',\n  right = 'right',\n}\n\n/**\n * The positioning of the automation button.\n * - `point`: The button is wrapped in a 0x0 px div, where the center of the symbol is the center of the div.\n * - `symbol`: The button is wrapped in a div containing the symbol but not the readout stack\n * - `button`: The button not wrapped, in is positioned based on the full size of the button.\n */\nexport enum AutomationButtonPositioning {\n  point = 'point',\n  symbol = 'symbol',\n  button = 'button',\n}\n\n@customElement('obc-automation-button')\nexport class ObcAutomationButton extends LitElement {\n  @property({type: String}) variant: AutomationButtonVariant =\n    AutomationButtonVariant.regular;\n  @property({type: String}) state: AutomationButtonState =\n    AutomationButtonState.open;\n  @property({type: Boolean}) static: boolean = false;\n  @property({type: Boolean, attribute: false}) showReadoutStack: boolean = true;\n  @property({type: Array, attribute: false})\n  readouts: AutomationButtonReadoutStack[] = [];\n  @property({type: String})\n  tag: string | null = null;\n  @property({type: String}) readoutPosition: AutomationButtonReadoutPosition =\n    AutomationButtonReadoutPosition.bottom;\n  @property({type: String}) readoutSize: AutomationButtonReadoutStackSize =\n    AutomationButtonReadoutStackSize.regular;\n  @property({type: Boolean}) alert: boolean = false;\n  @property({type: String}) alertFrameType: ObcAlertFrameType =\n    ObcAlertFrameType.SmallSideFlip;\n  @property({type: String}) alertFrameThickness: ObcAlertFrameThickness =\n    ObcAlertFrameThickness.Small;\n  @property({type: String}) alertFrameStatus: AlertType = AlertType.Alarm;\n  @property({type: String}) alertFrameMode: ObcAlertFrameMode =\n    ObcAlertFrameMode.ackedActive;\n  @property({type: Boolean, attribute: false}) showAlertCategoryIcon: boolean =\n    true;\n  @property({type: Boolean}) showAlertIcon: boolean = false;\n  @property({type: Boolean}) progress: boolean = false;\n  @property({type: String}) progressMode: CircularProgressMode =\n    CircularProgressMode.indeterminate;\n  @property({type: Number}) progressValue: number = 0;\n  @property({type: String}) direction: AutomationButtonDirection =\n    AutomationButtonDirection.forward;\n  @property({type: String}) positioning: AutomationButtonPositioning =\n    AutomationButtonPositioning.point;\n  /** Badge spacer should be set to true if there is a badge on the same side as the label */\n  @property({type: Boolean}) hasBadgeSpacer: boolean = false;\n\n  override render() {\n    const effectiveVariant = this.effectiveVariant;\n\n    const hasLabelContent =\n      this.showReadoutStack && (this.readouts.length > 0 || this.tag !== null);\n\n    return this.wrapContent(html`\n      <button\n        class=${classMap({\n          wrapper: true,\n          ['positioning-' + this.positioning]: true,\n          ['variant-' + effectiveVariant]: true,\n          ['state-' + this.state]: true,\n          'label-empty': !hasLabelContent,\n          ['label-' + this.readoutPosition]: true,\n          'has-badge-spacer': this.hasBadgeSpacer,\n          alert: this.alert,\n          progress: this.progress,\n          static: this.static,\n        })}\n      >\n        <div class=\"icon-touch-target\">\n          ${this.renderIconHolder()}\n          <div class=\"badge-top-right\">\n            <slot name=\"badge-top-right\"></slot>\n          </div>\n          <div class=\"badge-top-left\">\n            <slot name=\"badge-top-left\"></slot>\n          </div>\n          <div class=\"badge-bottom-left\">\n            <slot name=\"badge-bottom-left\"></slot>\n          </div>\n          <div class=\"badge-bottom-right\">\n            <slot name=\"badge-bottom-right\"></slot>\n          </div>\n        </div>\n        ${this.showReadoutStack\n          ? html`\n              <div class=\"badge-spacer\"></div>\n              <obc-automation-button-readout-stack\n                .readouts=${this.readouts}\n                .tag=${this.tag}\n                .size=${this.readoutSize}\n                .idTagOrientation=${this.getIdTagOrientation()}\n              ></obc-automation-button-readout-stack>\n            `\n          : nothing}\n        ${this.alert && this.positioning === AutomationButtonPositioning.point\n          ? html` <obc-alert-frame\n              class=\"alert-frame\"\n              .type=${this.alertFrameType}\n              .thickness=${this.alertFrameThickness}\n              .status=${this.alertFrameStatus}\n              .mode=${this.alertFrameMode}\n              .showAlertCategoryIcon=${this.showAlertCategoryIcon}\n              .showIcon=${this.showAlertIcon}\n            >\n              <span slot=\"icon\"><slot name=\"alert-icon\"></slot></span>\n              <span slot=\"label\"><slot name=\"alert-label\"></slot></span>\n              <span slot=\"timer\"><slot name=\"alert-timer\"></slot></span>\n            </obc-alert-frame>`\n          : nothing}\n      </button>\n    `);\n  }\n\n  private wrapContent(content: HTMLTemplateResult): HTMLTemplateResult {\n    if (this.positioning === AutomationButtonPositioning.point) {\n      return html`<div class=\"point-wrapper\">${content}</div>`;\n    }\n    const innerContent = wrapWithAlertFrame(\n      this.alert\n        ? {\n            type: this.alertFrameType,\n            thickness: this.alertFrameThickness,\n            status: this.alertFrameStatus,\n            mode: this.alertFrameMode,\n            showIcon: this.showAlertIcon,\n            showAlertCategoryIcon: this.showAlertCategoryIcon,\n          }\n        : false,\n      content\n    );\n    if (this.positioning === AutomationButtonPositioning.symbol) {\n      return html`<div\n        class=${classMap({\n          'symbol-wrapper': true,\n          ['label-' + this.readoutPosition]: true,\n        })}\n      >\n        ${innerContent}\n      </div> `;\n    }\n    return innerContent;\n  }\n\n  static override styles = unsafeCSS(compentStyle);\n\n  private get effectiveVariant(): AutomationButtonVariant {\n    if (this.progress) {\n      return AutomationButtonVariant.regular;\n    }\n    return this.variant;\n  }\n\n  private renderIconHolder(): HTMLTemplateResult {\n    const effectiveVariant = this.effectiveVariant;\n    const progressRing = this.getProgressRing();\n    if (this.variant === AutomationButtonVariant.flatForward) {\n      return html`<div class=\"icon-holder\">\n        ${this.getDirectionIcon(effectiveVariant, 'icon-primary')}\n        ${this.getDirectionIcon(effectiveVariant, 'icon-silhouette')}\n        ${progressRing}\n      </div>`;\n    } else if (this.variant === AutomationButtonVariant.forward) {\n      return html`<div class=\"icon-holder\">\n        ${this.getDirectionIcon(effectiveVariant, 'icon-primary')}\n        ${progressRing}\n      </div>`;\n    }\n\n    const direction = this.getDirectionIcon(effectiveVariant);\n    const showIcon = [\n      AutomationButtonVariant.regular,\n      AutomationButtonVariant.double,\n      AutomationButtonVariant.flat,\n      AutomationButtonVariant.square,\n    ].includes(effectiveVariant);\n    return html`<div class=\"icon-holder\">\n      ${direction}\n      ${showIcon\n        ? html`<div class=\"icon-primary\">\n              <slot name=\"icon\"></slot>\n            </div>\n            ${effectiveVariant === AutomationButtonVariant.flat\n              ? html` <div class=\"icon-silhouette\">\n                  <slot name=\"icon-silhouette\"></slot>\n                </div>`\n              : nothing} `\n        : nothing}\n      ${progressRing}\n    </div>`;\n  }\n\n  private getProgressRing(): null | HTMLTemplateResult {\n    if (!this.progress) {\n      return null;\n    }\n\n    return html`<obc-circular-progress\n      class=\"progress-ring\"\n      .mode=${this.progressMode}\n      .value=${this.progressValue}\n    ></obc-circular-progress>`;\n  }\n\n  private getDirectionIcon(\n    variant: AutomationButtonVariant,\n    className: string = 'icon-direction'\n  ): typeof nothing | HTMLTemplateResult {\n    if (\n      ![\n        AutomationButtonVariant.double,\n        AutomationButtonVariant.forward,\n        AutomationButtonVariant.flatForward,\n      ].includes(variant)\n    ) {\n      return nothing;\n    } else if (this.direction === AutomationButtonDirection.forward) {\n      return html`<svg\n        class=\"${className}\"\n        width=\"24\"\n        height=\"24\"\n        viewBox=\"0 0 24 24\"\n        fill=\"none\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n      >\n        <path\n          d=\"M8 5 v 14 L 20 12Z\"\n          stroke=\"var(--automation-device-tertiary-color)\"\n          fill=\"var(--automation-device-primary-color)\"\n          vector-effect=\"non-scaling-stroke\"\n        />\n      </svg> `;\n    } else if (this.direction === AutomationButtonDirection.forwardFast) {\n      return html`<svg\n        class=\"${className}\"\n        width=\"24\"\n        height=\"24\"\n        viewBox=\"0 0 24 24\"\n        fill=\"none\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n      >\n        <path\n          d=\"M3.5 5 v 14 l 8.5 -7 Z M14.5 5 v 14 l 8.5 -7 Z\"\n          stroke=\"var(--automation-device-tertiary-color)\"\n          fill=\"var(--automation-device-primary-color)\"\n          vector-effect=\"non-scaling-stroke\"\n        />\n      </svg> `;\n    } else if (this.direction === AutomationButtonDirection.forwardStopped) {\n      return html`<svg\n        class=\"${className}\"\n        width=\"24\"\n        height=\"24\"\n        viewBox=\"0 0 24 24\"\n        fill=\"none\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n      >\n        <path\n          d=\"M8 5 v 14 L 20 12Z\"\n          fill=\"var(--automation-device-tertiary-color)\"\n          stroke=\"var(--automation-device-tertiary-inverted-color)\"\n          vector-effect=\"non-scaling-stroke\"\n        />\n      </svg> `;\n    } else if (this.direction === AutomationButtonDirection.backward) {\n      return html`<svg\n        class=\"${className}\"\n        width=\"24\"\n        height=\"24\"\n        viewBox=\"0 0 24 24\"\n        fill=\"none\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n      >\n        <path\n          d=\"M16 5 v 14 L 4 12Z\"\n          stroke=\"var(--automation-device-tertiary-color)\"\n          fill=\"var(--automation-device-primary-color)\"\n          vector-effect=\"non-scaling-stroke\"\n        />\n      </svg>`;\n    } else if (this.direction === AutomationButtonDirection.backwardFast) {\n      return html`<svg\n        class=\"${className}\"\n        width=\"24\"\n        height=\"24\"\n        viewBox=\"0 0 24 24\"\n        fill=\"none\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n      >\n        <path\n          d=\"M20.5 5 v 14 l -8.5 -7 Z M9.5 5 v 14 l -8.5 -7 Z\"\n          stroke=\"var(--automation-device-tertiary-color)\"\n          fill=\"var(--automation-device-primary-color)\"\n          vector-effect=\"non-scaling-stroke\"\n        />\n      </svg>`;\n    } else if (this.direction === AutomationButtonDirection.backwardStopped) {\n      return html`<svg\n        class=\"${className}\"\n        width=\"24\"\n        height=\"24\"\n        viewBox=\"0 0 24 24\"\n        fill=\"none\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n      >\n        <path\n          d=\"M16 5 v 14 L 4 12Z\"\n          fill=\"var(--automation-device-tertiary-color)\"\n          stroke=\"var(--automation-device-tertiary-inverted-color)\"\n          vector-effect=\"non-scaling-stroke\"\n        />\n      </svg> `;\n    } else if (this.direction === AutomationButtonDirection.standby) {\n      return html`<obi-standby class=\"${className}\" usecsscolor></obi-standby>`;\n    }\n    throw new Error('Invalid direction');\n  }\n\n  private getIdTagOrientation(): IdTagOrientation {\n    if (this.readoutPosition === AutomationButtonReadoutPosition.top) {\n      return IdTagOrientation.top;\n    }\n    return IdTagOrientation.bottom;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'obc-automation-button': ObcAutomationButton;\n  }\n}\n"],"names":["AutomationButtonVariant","AutomationButtonState","AutomationButtonReadoutPosition","AutomationButtonDirection","AutomationButtonLabelDirection","AutomationButtonPositioning"],"mappings":"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"}

package/dist/automation/automation-tank/automation-tank.d.ts

@@ -2,7 +2,8 @@ import { HTMLTemplateResult, LitElement, nothing } from 'lit';
 import { LineMedium } from '../index.js';
 import { AutomationButtonBadgeAlert, AutomationButtonBadgeCommandLocked, AutomationButtonBadgeControl, AutomationButtonBadgeInterlock } from '../automation-button/abstract-automation-button.js';
 import { Priority } from '../../navigation-instruments/types.js';
-import { ObcAlertFrameStatus, ObcAlertFrameThickness, ObcAlertFrameType } from '../../components/alert-frame/alert-frame.js';
+import { ObcAlertFrameThickness, ObcAlertFrameType } from '../../components/alert-frame/alert-frame.js';
+import { AlertType } from '../../types.js';
 import { ChartLineDataItem } from '../../building-blocks/chart-line/chart-line-base.js';
 import { LinearAdvice } from '../../building-blocks/instrument-linear/advice.js';
 import '../automation-badge/automation-badge.js';
@@ -172,7 +173,7 @@ export declare class ObcAutomationTank extends LitElement {
     alert: boolean;
     alertFrameType: ObcAlertFrameType;
     alertFrameThickness: ObcAlertFrameThickness;
-    alertFrameStatus: ObcAlertFrameStatus;
+    alertFrameStatus: AlertType;
     showAlertCategoryIcon: boolean;
     showAlertIcon: boolean;
     /**

package/dist/automation/automation-tank/automation-tank.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"automation-tank.d.ts","sourceRoot":"","sources":["../../../src/automation/automation-tank/automation-tank.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"automation-tank.d.ts","sourceRoot":"","sources":["../../../src/automation/automation-tank/automation-tank.ts"],"names":[],"mappings":"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"}

package/dist/automation/automation-tank/automation-tank.js

@@ -13,8 +13,9 @@ import "../../icons/icon-tank.js";
 import "../../icons/icon-energy-battery.js";
 import "../../navigation-instruments/gauge-trend/gauge-trend.js";
 import "../../building-blocks/bar-vertical/bar-vertical.js";
-import { ObcAlertFrameType, ObcAlertFrameThickness, ObcAlertFrameStatus } from "../../components/alert-frame/alert-frame.js";
+import { ObcAlertFrameType, ObcAlertFrameThickness } from "../../components/alert-frame/alert-frame.js";
 import { Priority } from "../../navigation-instruments/types.js";
+import { AlertType } from "../../types.js";
 import { ExternalScaleSide, FillMode, AdvicePosition } from "../../building-blocks/external-scale/external-scale.js";
 import { classMap } from "lit/directives/class-map.js";
 import { customElement } from "../../decorator.js";
@@ -82,7 +83,7 @@ let ObcAutomationTank = class extends LitElement {
     this.alert = false;
     this.alertFrameType = ObcAlertFrameType.SmallSideFlip;
     this.alertFrameThickness = ObcAlertFrameThickness.Small;
-    this.alertFrameStatus = ObcAlertFrameStatus.Alarm;
+    this.alertFrameStatus = AlertType.Alarm;
     this.showAlertCategoryIcon = true;
     this.showAlertIcon = false;
     this.showTrendSymbol = true;
@@ -110,6 +111,16 @@ let ObcAutomationTank = class extends LitElement {
         return ObcAutomationBadgeType.Warning;
       case AutomationButtonBadgeAlert.Alarm:
         return ObcAutomationBadgeType.Alarm;
+      case AutomationButtonBadgeAlert.IsaCritical:
+        return ObcAutomationBadgeType.IsaCritical;
+      case AutomationButtonBadgeAlert.IsaHigh:
+        return ObcAutomationBadgeType.IsaHigh;
+      case AutomationButtonBadgeAlert.IsaMedium:
+        return ObcAutomationBadgeType.IsaMedium;
+      case AutomationButtonBadgeAlert.IsaLow:
+        return ObcAutomationBadgeType.IsaLow;
+      case AutomationButtonBadgeAlert.IsaDiagnostic:
+        return ObcAutomationBadgeType.IsaDiagnostic;
       default:
         return null;
     }