@oicl/openbridge-webcomponents 2.0.0 → 2.1.0-next.1

package/dist/automation/hydraulic-separator/hydraulic-separator.js.map

@@ -1 +1 @@
-{"version":3,"file":"hydraulic-separator.js","names":[],"sources":["../../../src/automation/hydraulic-separator/hydraulic-separator.ts"],"sourcesContent":["import {html, unsafeCSS} from 'lit';\nimport type {CSSResultGroup, TemplateResult} from 'lit';\nimport '../../icons/icon-hydraulic-separator.js';\nimport {\n  ObcAbstractSpecialtyTank,\n  SpecialtyTankFrame,\n  SpecialtyTankSplitMode,\n} from '../specialty-tank/abstract-specialty-tank.js';\nimport hostStyle from './hydraulic-separator.css?inline';\nimport {customElement} from '../../decorator.js';\n\n/**\n * `<obc-hydraulic-separator>` – HVAC tile for a hydraulic separator.\n *\n * A 56×142 pressurized-tank silhouette whose graphic area splits\n * horizontally — hot on top, cold below — around a centered\n * hydraulic-separator icon, with an optional badge row above the frame and a\n * tag readout below it.\n *\n * ## Features / Variants\n * - `medium` selects the graphic area: one grey area (`regular`), two grey\n *   halves (`graphic`) or hot/cold halves (`medium`).\n * - `static` renders a flat, display-only tile with a bare icon.\n * - Enum-driven badges (`badgeControl`, `badgeAlert`, `badgeInterlock`,\n *   `badgeCommandLocked`) or the `badges` slot fill the badge row; it\n *   collapses when empty, as does the tag cell.\n * - Alert-frame overlay with the same six properties and three slots as\n *   `obc-automation-tank`.\n * - `positioning`, `clickable` and `activated` behave as on\n *   `obc-automation-tank`.\n *\n * ## Usage Guidelines\n * Use for hydraulic separators in automation system views. For heat pumps\n * use `obc-heat-pump` and for heat exchangers `obc-heat-exchanger`; the\n * three tiles differ only in footprint, icon and split geometry.\n *\n * @ignition-base-width: 56px\n * @ignition-base-height: 142px\n * @ignition-center-horizontal\n *\n * @slot badges - Custom badges, overriding the enum-driven defaults.\n * @slot tag - Text or element replacing the `tag` property readout.\n * @slot alert-icon - Custom icon for the alert frame.\n * @slot alert-label - Label for the alert frame.\n * @slot alert-timer - Timer for the alert frame.\n * @fires click - Fired when the tile is clicked. When `clickable` is `false` the tile renders a plain `<div>`, and in `static` mode a `<div role=\"img\">`, instead of a `<button>` — in both cases it is not focusable or keyboard-activatable; pointer clicks still reach the host.\n * @beta\n */\n@customElement('obc-hydraulic-separator')\nexport class ObcHydraulicSeparator extends ObcAbstractSpecialtyTank {\n  protected override get equipmentIcon(): TemplateResult {\n    return html`<obi-hydraulic-separator\n      usecsscolor\n    ></obi-hydraulic-separator>`;\n  }\n\n  protected override get equipmentName(): string {\n    return 'Hydraulic separator';\n  }\n\n  protected override get frame(): SpecialtyTankFrame {\n    return SpecialtyTankFrame.pressurized;\n  }\n\n  protected override get splitMode(): SpecialtyTankSplitMode {\n    return SpecialtyTankSplitMode.horizontal;\n  }\n\n  static override styles: CSSResultGroup = [\n    ObcAbstractSpecialtyTank.styles,\n    unsafeCSS(hostStyle),\n  ];\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'obc-hydraulic-separator': ObcHydraulicSeparator;\n  }\n}\n"],"mappings":";;;;;;;AAiDO,IAAM,wBAAN,MAAM,8BAA8B,yBAAyB;CAClE,IAAuB,gBAAgC;EACrD,OAAO,IAAI;;;CAGb;CAEA,IAAuB,gBAAwB;EAC7C,OAAO;CACT;CAEA,IAAuB,QAA4B;EACjD,OAAO,mBAAmB;CAC5B;CAEA,IAAuB,YAAoC;EACzD,OAAO,uBAAuB;CAChC;;EAEyC,KAAA,SAAA,CACvC,yBAAyB,QACzB,UAAU,2BAAS,CACrB;;AACF;AAxBC,wBAAA,WAAA,CAAA,cAAc,yBAAyB,CAAA,GAAA,qBAAA"}
+{"version":3,"file":"hydraulic-separator.js","names":[],"sources":["../../../src/automation/hydraulic-separator/hydraulic-separator.ts"],"sourcesContent":["import {html, unsafeCSS} from 'lit';\nimport type {CSSResultGroup, TemplateResult} from 'lit';\nimport '../../icons/icon-hydraulic-separator.js';\nimport {\n  ObcAbstractSpecialtyTank,\n  SpecialtyTankFrame,\n  SpecialtyTankSplitMode,\n} from '../specialty-tank/abstract-specialty-tank.js';\nimport hostStyle from './hydraulic-separator.css?inline';\nimport {customElement} from '../../decorator.js';\n\n/**\n * `<obc-hydraulic-separator>` – HVAC tile for a hydraulic separator.\n *\n * A 56×142 pressurized-tank silhouette whose graphic area splits\n * horizontally — hot on top, cold below — around a centered\n * hydraulic-separator icon, with an optional badge row above the frame and a\n * tag readout below it.\n *\n * ## Features / Variants\n * - `medium` selects the graphic area: one grey area (`regular`), two grey\n *   halves (`graphic`) or hot/cold halves (`medium`).\n * - `static` renders a flat, display-only tile with a bare icon.\n * - Enum-driven badges (`badgeControl`, `badgeAlert`, `badgeInterlock`,\n *   `badgeCommandLocked`) or the `badges` slot fill the badge row; it\n *   collapses when empty, as does the tag cell.\n * - Alert-frame overlay with the same seven properties and three slots as\n *   `obc-automation-tank`.\n * - `positioning`, `clickable` and `activated` behave as on\n *   `obc-automation-tank`.\n *\n * ## Usage Guidelines\n * Use for hydraulic separators in automation system views. For heat pumps\n * use `obc-heat-pump` and for heat exchangers `obc-heat-exchanger`; the\n * three tiles differ only in footprint, icon and split geometry.\n *\n * @ignition-base-width: 56px\n * @ignition-base-height: 142px\n * @ignition-center-horizontal\n *\n * @slot badges - Custom badges, overriding the enum-driven defaults.\n * @slot tag - Text or element replacing the `tag` property readout.\n * @slot alert-icon - Custom icon for the alert frame.\n * @slot alert-label - Label for the alert frame.\n * @slot alert-timer - Timer for the alert frame.\n * @fires click - Fired when the tile is clicked. When `clickable` is `false` the tile renders a plain `<div>`, and in `static` mode a `<div role=\"img\">`, instead of a `<button>` — in both cases it is not focusable or keyboard-activatable; pointer clicks still reach the host.\n * @beta\n */\n@customElement('obc-hydraulic-separator')\nexport class ObcHydraulicSeparator extends ObcAbstractSpecialtyTank {\n  protected override get equipmentIcon(): TemplateResult {\n    return html`<obi-hydraulic-separator\n      usecsscolor\n    ></obi-hydraulic-separator>`;\n  }\n\n  protected override get equipmentName(): string {\n    return 'Hydraulic separator';\n  }\n\n  protected override get frame(): SpecialtyTankFrame {\n    return SpecialtyTankFrame.pressurized;\n  }\n\n  protected override get splitMode(): SpecialtyTankSplitMode {\n    return SpecialtyTankSplitMode.horizontal;\n  }\n\n  static override styles: CSSResultGroup = [\n    ObcAbstractSpecialtyTank.styles,\n    unsafeCSS(hostStyle),\n  ];\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'obc-hydraulic-separator': ObcHydraulicSeparator;\n  }\n}\n"],"mappings":";;;;;;;AAiDO,IAAM,wBAAN,MAAM,8BAA8B,yBAAyB;CAClE,IAAuB,gBAAgC;EACrD,OAAO,IAAI;;;CAGb;CAEA,IAAuB,gBAAwB;EAC7C,OAAO;CACT;CAEA,IAAuB,QAA4B;EACjD,OAAO,mBAAmB;CAC5B;CAEA,IAAuB,YAAoC;EACzD,OAAO,uBAAuB;CAChC;;EAEyC,KAAA,SAAA,CACvC,yBAAyB,QACzB,UAAU,2BAAS,CACrB;;AACF;AAxBC,wBAAA,WAAA,CAAA,cAAc,yBAAyB,CAAA,GAAA,qBAAA"}

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

@@ -1,6 +1,6 @@
 import { LitElement, CSSResultGroup, TemplateResult } from 'lit';
 import { AutomationButtonBadgeAlert, AutomationButtonBadgeCommandLocked, AutomationButtonBadgeControl, AutomationButtonBadgeInterlock } from '../automation-button/abstract-automation-button.js';
-import { ObcAlertFrameThickness, ObcAlertFrameType } from '../../components/alert-frame/alert-frame.js';
+import { ObcAlertFrameMode, ObcAlertFrameThickness, ObcAlertFrameType } from '../../components/alert-frame/alert-frame.js';
 import { AlertType } from '../../types.js';
 import { TankPositioning } from '../automation-tank/tank-positioning.js';
 import '../automation-badge/automation-badge.js';
@@ -77,10 +77,13 @@ export declare enum SpecialtyTankFrame {
  * @availableWhen alertFrameThickness alert==true
  * @property alertFrameStatus - Alert status the frame is coloured for.
  * @availableWhen alertFrameStatus alert==true
+ * @property alertFrameMode - Acknowledgement state of the alert: `acked-active` (default) is steady,
+ *   `unacked-active` flashes, `unacked-rectified` flashes a dashed frame.
+ * @availableWhen alertFrameMode alert==true
  * @property showAlertCategoryIcon - Shows the alert category icon inside the frame.
- * @availableWhen showAlertCategoryIcon alert==true
+ * @availableWhen showAlertCategoryIcon alert==true && alertFrameType in [SmallSideFlip, LargeSideFlip, BottomFlip, TopFlip]
  * @property showAlertIcon - Shows the slotted alert icon inside the frame.
- * @availableWhen showAlertIcon alert==true
+ * @availableWhen showAlertIcon alert==true && alertFrameType in [LargeSideFlip, BottomFlip, TopFlip]
  */
 export declare class ObcAbstractSpecialtyTank extends LitElement {
     /** What the graphic area shows: `regular` (one grey area), `graphic` (two grey halves) or `medium` (hot/cold halves). */
@@ -130,15 +133,21 @@ export declare class ObcAbstractSpecialtyTank extends LitElement {
      */
     alertFrameStatus: AlertType;
     /**
-     * Shows the alert category icon inside the frame.
+     * Acknowledgement state of the alert: `acked-active` (default) is steady, `unacked-active` flashes, `unacked-rectified` flashes a dashed frame.
      *
      * Available when `alert==true`.
      */
+    alertFrameMode: ObcAlertFrameMode;
+    /**
+     * Shows the alert category icon inside the frame.
+     *
+     * Available when `alert==true && alertFrameType in [SmallSideFlip, LargeSideFlip, BottomFlip, TopFlip]`.
+     */
     showAlertCategoryIcon: boolean;
     /**
      * Shows the slotted alert icon inside the frame.
      *
-     * Available when `alert==true`.
+     * Available when `alert==true && alertFrameType in [LargeSideFlip, BottomFlip, TopFlip]`.
      */
     showAlertIcon: boolean;
     private _hasBadges;

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

@@ -1 +1 @@
-{"version":3,"file":"abstract-specialty-tank.d.ts","sourceRoot":"","sources":["../../../src/automation/specialty-tank/abstract-specialty-tank.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAgC,MAAM,KAAK,CAAC;AAC9D,OAAO,KAAK,EAAC,cAAc,EAAE,cAAc,EAAC,MAAM,KAAK,CAAC;AAIxD,OAAO,yCAAyC,CAAC;AAEjD,OAAO,EACL,0BAA0B,EAC1B,kCAAkC,EAClC,4BAA4B,EAC5B,8BAA8B,EAC/B,MAAM,oDAAoD,CAAC;AAC5D,OAAO,6CAA6C,CAAC;AACrD,OAAO,EACL,sBAAsB,EACtB,iBAAiB,EAClB,MAAM,6CAA6C,CAAC;AACrD,OAAO,EAAC,SAAS,EAAC,MAAM,gBAAgB,CAAC;AACzC,OAAO,EAAC,eAAe,EAAC,MAAM,wCAAwC,CAAC;AAEvE;;;GAGG;AACH,oBAAY,mBAAmB;IAC7B,+BAA+B;IAC/B,OAAO,YAAY;IACnB,0CAA0C;IAC1C,OAAO,YAAY;IACnB,2DAA2D;IAC3D,MAAM,WAAW;CAClB;AAED;;;GAGG;AACH,oBAAY,sBAAsB;IAChC,sCAAsC;IACtC,QAAQ,aAAa;IACrB,sCAAsC;IACtC,UAAU,eAAe;IACzB,0EAA0E;IAC1E,QAAQ,aAAa;CACtB;AAED;;GAEG;AACH,oBAAY,kBAAkB;IAC5B,8BAA8B;IAC9B,OAAO,YAAY;IACnB,uEAAuE;IACvE,WAAW,gBAAgB;CAC5B;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2CG;AACH,qBAAa,wBAAyB,SAAQ,UAAU;IAC5B,MAAM,EAAE,mBAAmB,CACvB;IACY,MAAM,EAAE,OAAO,CAAS;IACrB,QAAQ,EAAE,OAAO,CAAQ;IAC5C,GAAG,EAAE,MAAM,CAAM;IACF,WAAW,EAAE,eAAe,CAC5C;IACoB,SAAS,EAAE,OAAO,CAAQ;IAC5C,SAAS,EAAE,OAAO,CAAS;IAE5B,YAAY,EAAE,4BAA4B,CAChC;IACV,UAAU,EAAE,0BAA0B,CAC9B;IACR,cAAc,EAAE,8BAA8B,CAClC;IAEtC,kBAAkB,EAAE,kCAAkC,CACZ;IAEf,KAAK,EAAE,OAAO,CAAS;IACxB,cAAc,EAAE,iBAAiB,CACzB;IACR,mBAAmB,EAAE,sBAAsB,CACtC;IACL,gBAAgB,EAAE,SAAS,CAAmB;IAC3B,qBAAqB,EAAE,OAAO,CACpE;IACoB,aAAa,EAAE,OAAO,CAAS;IAEjD,OAAO,CAAC,UAAU,CAAS;IAC3B,OAAO,CAAC,WAAW,CAAS;IAErC,SAAS,KAAK,aAAa,IAAI,cAAc,CAE5C;IAED,yDAAyD;IACzD,SAAS,KAAK,aAAa,IAAI,MAAM,CAEpC;IAED,SAAS,KAAK,KAAK,IAAI,kBAAkB,CAExC;IAED,SAAS,KAAK,SAAS,IAAI,sBAAsB,CAEhD;IAED,OAAO,CAAC,iBAAiB;IAiBzB,OAAO,CAAC,eAAe;IAyBvB,OAAO,CAAC,mBAAmB;IAW3B,OAAO,CAAC,uBAAuB;IAU/B,OAAO,CAAC,eAAe;IAWvB,OAAO,CAAC,mBAAmB;IAI3B,OAAO,CAAC,gBAAgB;IAIxB,OAAO,CAAC,aAAa;IAerB;;;;;;OAMG;IACH,OAAO,CAAC,mBAAmB;IAwBlB,MAAM;IAkJf,OAAgB,MAAM,EAAE,cAAc,CAA6B;CACpE"}
+{"version":3,"file":"abstract-specialty-tank.d.ts","sourceRoot":"","sources":["../../../src/automation/specialty-tank/abstract-specialty-tank.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAgC,MAAM,KAAK,CAAC;AAC9D,OAAO,KAAK,EAAC,cAAc,EAAE,cAAc,EAAC,MAAM,KAAK,CAAC;AAIxD,OAAO,yCAAyC,CAAC;AAEjD,OAAO,EACL,0BAA0B,EAC1B,kCAAkC,EAClC,4BAA4B,EAC5B,8BAA8B,EAC/B,MAAM,oDAAoD,CAAC;AAC5D,OAAO,6CAA6C,CAAC;AACrD,OAAO,EACL,iBAAiB,EACjB,sBAAsB,EACtB,iBAAiB,EAClB,MAAM,6CAA6C,CAAC;AACrD,OAAO,EAAC,SAAS,EAAC,MAAM,gBAAgB,CAAC;AACzC,OAAO,EAAC,eAAe,EAAC,MAAM,wCAAwC,CAAC;AAEvE;;;GAGG;AACH,oBAAY,mBAAmB;IAC7B,+BAA+B;IAC/B,OAAO,YAAY;IACnB,0CAA0C;IAC1C,OAAO,YAAY;IACnB,2DAA2D;IAC3D,MAAM,WAAW;CAClB;AAED;;;GAGG;AACH,oBAAY,sBAAsB;IAChC,sCAAsC;IACtC,QAAQ,aAAa;IACrB,sCAAsC;IACtC,UAAU,eAAe;IACzB,0EAA0E;IAC1E,QAAQ,aAAa;CACtB;AAED;;GAEG;AACH,oBAAY,kBAAkB;IAC5B,8BAA8B;IAC9B,OAAO,YAAY;IACnB,uEAAuE;IACvE,WAAW,gBAAgB;CAC5B;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8CG;AACH,qBAAa,wBAAyB,SAAQ,UAAU;IAC5B,MAAM,EAAE,mBAAmB,CACvB;IACY,MAAM,EAAE,OAAO,CAAS;IACrB,QAAQ,EAAE,OAAO,CAAQ;IAC5C,GAAG,EAAE,MAAM,CAAM;IACF,WAAW,EAAE,eAAe,CAC5C;IACoB,SAAS,EAAE,OAAO,CAAQ;IAC5C,SAAS,EAAE,OAAO,CAAS;IAE5B,YAAY,EAAE,4BAA4B,CAChC;IACV,UAAU,EAAE,0BAA0B,CAC9B;IACR,cAAc,EAAE,8BAA8B,CAClC;IAEtC,kBAAkB,EAAE,kCAAkC,CACZ;IAEf,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;IAEjD,OAAO,CAAC,UAAU,CAAS;IAC3B,OAAO,CAAC,WAAW,CAAS;IAErC,SAAS,KAAK,aAAa,IAAI,cAAc,CAE5C;IAED,yDAAyD;IACzD,SAAS,KAAK,aAAa,IAAI,MAAM,CAEpC;IAED,SAAS,KAAK,KAAK,IAAI,kBAAkB,CAExC;IAED,SAAS,KAAK,SAAS,IAAI,sBAAsB,CAEhD;IAED,OAAO,CAAC,iBAAiB;IAiBzB,OAAO,CAAC,eAAe;IAyBvB,OAAO,CAAC,mBAAmB;IAW3B,OAAO,CAAC,uBAAuB;IAU/B,OAAO,CAAC,eAAe;IAWvB,OAAO,CAAC,mBAAmB;IAI3B,OAAO,CAAC,gBAAgB;IAIxB,OAAO,CAAC,aAAa;IAerB;;;;;;OAMG;IACH,OAAO,CAAC,mBAAmB;IAwBlB,MAAM;IAmJf,OAAgB,MAAM,EAAE,cAAc,CAA6B;CACpE"}

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

@@ -1,6 +1,6 @@
 import { AlertType } from "../../types.js";
 import __decorate from "../../_virtual/_@oxc-project_runtime@0.150.0/helpers/esm/decorate.js";
-import { ObcAlertFrameThickness, ObcAlertFrameType } from "../../components/alert-frame/alert-frame.js";
+import { ObcAlertFrameMode, ObcAlertFrameThickness, ObcAlertFrameType } from "../../components/alert-frame/alert-frame.js";
 import { ObcAutomationBadgeType } from "../automation-badge/automation-badge.js";
 import { AutomationButtonBadgeAlert, AutomationButtonBadgeCommandLocked, AutomationButtonBadgeControl, AutomationButtonBadgeInterlock } from "../automation-button/abstract-automation-button.js";
 import { TankPositioning } from "../automation-tank/tank-positioning.js";
@@ -84,10 +84,13 @@ var SpecialtyTankFrame = /* @__PURE__ */ function(SpecialtyTankFrame) {
 * @availableWhen alertFrameThickness alert==true
 * @property alertFrameStatus - Alert status the frame is coloured for.
 * @availableWhen alertFrameStatus alert==true
+* @property alertFrameMode - Acknowledgement state of the alert: `acked-active` (default) is steady,
+*   `unacked-active` flashes, `unacked-rectified` flashes a dashed frame.
+* @availableWhen alertFrameMode alert==true
 * @property showAlertCategoryIcon - Shows the alert category icon inside the frame.
-* @availableWhen showAlertCategoryIcon alert==true
+* @availableWhen showAlertCategoryIcon alert==true && alertFrameType in [SmallSideFlip, LargeSideFlip, BottomFlip, TopFlip]
 * @property showAlertIcon - Shows the slotted alert icon inside the frame.
-* @availableWhen showAlertIcon alert==true
+* @availableWhen showAlertIcon alert==true && alertFrameType in [LargeSideFlip, BottomFlip, TopFlip]
 */
 var ObcAbstractSpecialtyTank = class extends LitElement {
 	constructor(..._args) {
@@ -107,6 +110,7 @@ var ObcAbstractSpecialtyTank = class extends LitElement {
 		this.alertFrameType = ObcAlertFrameType.SmallSideFlip;
 		this.alertFrameThickness = ObcAlertFrameThickness.Small;
 		this.alertFrameStatus = AlertType.Alarm;
+		this.alertFrameMode = ObcAlertFrameMode.ackedActive;
 		this.showAlertCategoryIcon = true;
 		this.showAlertIcon = false;
 		this._hasBadges = false;
@@ -266,6 +270,7 @@ var ObcAbstractSpecialtyTank = class extends LitElement {
           .type=${this.alertFrameType}
           .thickness=${this.alertFrameThickness}
           .status=${this.alertFrameStatus}
+          .mode=${this.alertFrameMode}
           .showAlertCategoryIcon=${this.showAlertCategoryIcon}
           .showIcon=${this.showAlertIcon}
         >
@@ -342,6 +347,7 @@ __decorate([property({ type: Boolean })], ObcAbstractSpecialtyTank.prototype, "a
 __decorate([property({ type: String })], ObcAbstractSpecialtyTank.prototype, "alertFrameType", void 0);
 __decorate([property({ type: String })], ObcAbstractSpecialtyTank.prototype, "alertFrameThickness", void 0);
 __decorate([property({ type: String })], ObcAbstractSpecialtyTank.prototype, "alertFrameStatus", void 0);
+__decorate([property({ type: String })], ObcAbstractSpecialtyTank.prototype, "alertFrameMode", void 0);
 __decorate([property({
 	type: Boolean,
 	attribute: false

package/dist/automation/specialty-tank/abstract-specialty-tank.js.map

@@ -1 +1 @@
-{"version":3,"file":"abstract-specialty-tank.js","names":[],"sources":["../../../src/automation/specialty-tank/abstract-specialty-tank.ts"],"sourcesContent":["import {LitElement, html, nothing, svg, unsafeCSS} from 'lit';\nimport type {CSSResultGroup, TemplateResult} from 'lit';\nimport {property, state} from 'lit/decorators.js';\nimport {classMap} from 'lit/directives/class-map.js';\nimport componentStyle from './specialty-tank.css?inline';\nimport '../automation-badge/automation-badge.js';\nimport {ObcAutomationBadgeType} from '../automation-badge/automation-badge.js';\nimport {\n  AutomationButtonBadgeAlert,\n  AutomationButtonBadgeCommandLocked,\n  AutomationButtonBadgeControl,\n  AutomationButtonBadgeInterlock,\n} from '../automation-button/abstract-automation-button.js';\nimport '../../components/alert-frame/alert-frame.js';\nimport {\n  ObcAlertFrameThickness,\n  ObcAlertFrameType,\n} from '../../components/alert-frame/alert-frame.js';\nimport {AlertType} from '../../types.js';\nimport {TankPositioning} from '../automation-tank/tank-positioning.js';\n\n/**\n * What the graphic area of a specialty tank shows. Mirrors the Figma\n * `has Medium` property; its fourth value, Static, is the `static` property.\n */\nexport enum SpecialtyTankMedium {\n  /** One grey area, no split. */\n  regular = 'regular',\n  /** Two grey halves separated by a gap. */\n  graphic = 'graphic',\n  /** Hot (red) and cold (blue) halves separated by a gap. */\n  medium = 'medium',\n}\n\n/**\n * Hot/cold split geometry of a specialty tank. Drives the halves and the\n * gap between them through the `split-<mode>` class on the tank frame.\n */\nexport enum SpecialtyTankSplitMode {\n  /** Left half hot, right half cold. */\n  vertical = 'vertical',\n  /** Top half hot, bottom half cold. */\n  horizontal = 'horizontal',\n  /** Two corner-to-corner triangles, top-left hot and bottom-right cold. */\n  diagonal = 'diagonal',\n}\n\n/**\n * Frame silhouette of a specialty tank.\n */\nexport enum SpecialtyTankFrame {\n  /** One rounded border box. */\n  rounded = 'rounded',\n  /** Pressurized-tank silhouette: domed caps on a side-bordered body. */\n  pressurized = 'pressurized',\n}\n\n/**\n * Base class for the specialty-tank tiles `obc-heat-pump`,\n * `obc-hydraulic-separator` and `obc-heat-exchanger`. Owns the halo, badge\n * row, tank frame with its hot/cold graphic area and equipment icon, tag\n * readout and alert-frame overlay. Subclasses supply `equipmentIcon`,\n * `equipmentName`, `frame` and `splitMode`, plus their own host footprint.\n *\n * ## Layout\n * The same shell as a compact `obc-automation-tank`: a fixed host (or\n * `positioning=\"button\"` to fill the parent), a 4px-padded halo holding\n * badges, the tank frame and the tag, the frame absorbing the space of\n * empty badge and tag cells. Hover, pressed, focus-visible and `activated`\n * are painted on the halo by the flat style mixin; `clickable` and `static`\n * switch the root between a `<button>`, a plain `<div>` and a\n * `<div role=\"img\">` exactly as the tank does.\n *\n * Not declared `abstract`: the wrapper generators wrap every `LitElement`\n * subclass and pass its constructor as a concrete `Constructor<T>`, so the\n * override points throw instead (same as `ObcAbstractAutomationButton`).\n *\n * @property medium - What the graphic area shows: `regular` (one grey area), `graphic` (two grey halves) or `medium` (hot/cold halves).\n * @property static - Display-only tile with a flat grey frame and a bare icon, rendered as a non-interactive `<div role=\"img\">`. Hides the graphic area.\n * @property showIcon - Show the equipment icon centered on the graphic area.\n * @property tag - Identifier rendered in the tag readout below the frame (for example `#0000`); also the accessible name. The cell collapses when empty.\n * @property positioning - Host positioning model — see `TankPositioning`. `button` (default) fills the parent, `point` uses the fixed design footprint with the P&ID anchor.\n * @property clickable - Whether the tile is interactive. `false` keeps the resting appearance but drops hover, pressed and focus states and leaves the tab order; property-only because the default is `true`.\n * @property activated - Paints the activated background on the halo. Needs an interactive tile.\n * @availableWhen activated clickable==true\n * @property badgeControl - Mode badge (auto / manual / local variants), first in the badge row.\n * @property badgeAlert - Alert badge, second in the badge row.\n * @property badgeInterlock - Interlock badge, third in the badge row.\n * @property badgeCommandLocked - Command-locked badge, last in the badge row.\n * @property alert - Show an alert-frame overlay around the halo, mirroring `obc-automation-tank`.\n * @property alertFrameType - Shape of the alert frame.\n * @availableWhen alertFrameType alert==true\n * @property alertFrameThickness - Thickness of the alert frame.\n * @availableWhen alertFrameThickness alert==true\n * @property alertFrameStatus - Alert status the frame is coloured for.\n * @availableWhen alertFrameStatus alert==true\n * @property showAlertCategoryIcon - Shows the alert category icon inside the frame.\n * @availableWhen showAlertCategoryIcon alert==true\n * @property showAlertIcon - Shows the slotted alert icon inside the frame.\n * @availableWhen showAlertIcon alert==true\n */\nexport class ObcAbstractSpecialtyTank extends LitElement {\n  @property({type: String}) medium: SpecialtyTankMedium =\n    SpecialtyTankMedium.regular;\n  @property({type: Boolean, reflect: true}) static: boolean = false;\n  @property({type: Boolean, attribute: false}) showIcon: boolean = true;\n  @property({type: String}) tag: string = '';\n  @property({type: String, reflect: true}) positioning: TankPositioning =\n    TankPositioning.button;\n  @property({type: Boolean, attribute: false}) clickable: boolean = true;\n  @property({type: Boolean}) activated: boolean = false;\n\n  @property({type: String}) badgeControl: AutomationButtonBadgeControl =\n    AutomationButtonBadgeControl.None;\n  @property({type: String}) badgeAlert: AutomationButtonBadgeAlert =\n    AutomationButtonBadgeAlert.None;\n  @property({type: String}) badgeInterlock: AutomationButtonBadgeInterlock =\n    AutomationButtonBadgeInterlock.None;\n  @property({type: String})\n  badgeCommandLocked: AutomationButtonBadgeCommandLocked =\n    AutomationButtonBadgeCommandLocked.None;\n\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: Boolean, attribute: false}) showAlertCategoryIcon: boolean =\n    true;\n  @property({type: Boolean}) showAlertIcon: boolean = false;\n\n  @state() private _hasBadges = false;\n  @state() private _hasTagSlot = false;\n\n  protected get equipmentIcon(): TemplateResult {\n    throw new Error('\"equipmentIcon\" must be implemented in the subclass');\n  }\n\n  /** Accessible-name fallback used when `tag` is empty. */\n  protected get equipmentName(): string {\n    throw new Error('\"equipmentName\" must be implemented in the subclass');\n  }\n\n  protected get frame(): SpecialtyTankFrame {\n    throw new Error('\"frame\" must be implemented in the subclass');\n  }\n\n  protected get splitMode(): SpecialtyTankSplitMode {\n    throw new Error('\"splitMode\" must be implemented in the subclass');\n  }\n\n  private _badgeControlType(): ObcAutomationBadgeType | null {\n    switch (this.badgeControl) {\n      case AutomationButtonBadgeControl.Local:\n        return ObcAutomationBadgeType.Local;\n      case AutomationButtonBadgeControl.LocalOnly:\n        return ObcAutomationBadgeType.LocalOnly;\n      case AutomationButtonBadgeControl.Manual:\n        return ObcAutomationBadgeType.Manual;\n      case AutomationButtonBadgeControl.ManualOnly:\n        return ObcAutomationBadgeType.ManualOnly;\n      case AutomationButtonBadgeControl.Auto:\n        return ObcAutomationBadgeType.Auto;\n      default:\n        return null;\n    }\n  }\n\n  private _badgeAlertType(): ObcAutomationBadgeType | null {\n    switch (this.badgeAlert) {\n      case AutomationButtonBadgeAlert.Silence:\n        return ObcAutomationBadgeType.AlertSilenced;\n      case AutomationButtonBadgeAlert.Caution:\n        return ObcAutomationBadgeType.Caution;\n      case AutomationButtonBadgeAlert.Warning:\n        return ObcAutomationBadgeType.Warning;\n      case AutomationButtonBadgeAlert.Alarm:\n        return ObcAutomationBadgeType.Alarm;\n      case AutomationButtonBadgeAlert.LevelCritical:\n        return ObcAutomationBadgeType.LevelCritical;\n      case AutomationButtonBadgeAlert.LevelHigh:\n        return ObcAutomationBadgeType.LevelHigh;\n      case AutomationButtonBadgeAlert.LevelMedium:\n        return ObcAutomationBadgeType.LevelMedium;\n      case AutomationButtonBadgeAlert.LevelLow:\n        return ObcAutomationBadgeType.LevelLow;\n      case AutomationButtonBadgeAlert.LevelDiagnostic:\n        return ObcAutomationBadgeType.LevelDiagnostic;\n      default:\n        return null;\n    }\n  }\n\n  private _badgeInterlockType(): ObcAutomationBadgeType | null {\n    switch (this.badgeInterlock) {\n      case AutomationButtonBadgeInterlock.Interlock:\n        return ObcAutomationBadgeType.Interlock;\n      case AutomationButtonBadgeInterlock.InterlockInhibit:\n        return ObcAutomationBadgeType.InterlockInhibit;\n      default:\n        return null;\n    }\n  }\n\n  private _badgeCommandLockedType(): ObcAutomationBadgeType | null {\n    if (\n      this.badgeCommandLocked ===\n      AutomationButtonBadgeCommandLocked.CommandLocked\n    ) {\n      return ObcAutomationBadgeType.CommandLocked;\n    }\n    return null;\n  }\n\n  private _slotHasContent(e: Event): boolean {\n    const slot = e.target as HTMLSlotElement;\n    return slot\n      .assignedNodes({flatten: true})\n      .some(\n        (n) =>\n          n.nodeType === Node.ELEMENT_NODE ||\n          (n.nodeType === Node.TEXT_NODE && !!n.textContent?.trim())\n      );\n  }\n\n  private _onBadgesSlotChange(e: Event): void {\n    this._hasBadges = this._slotHasContent(e);\n  }\n\n  private _onTagSlotChange(e: Event): void {\n    this._hasTagSlot = this._slotHasContent(e);\n  }\n\n  private renderGraphic(): TemplateResult {\n    if (this.medium === SpecialtyTankMedium.regular) {\n      return html`<div class=\"area area-single\"></div>`;\n    }\n    if (this.splitMode === SpecialtyTankSplitMode.diagonal) {\n      return this.renderDiagonalSplit();\n    }\n    return html`\n      <div class=\"halves\">\n        <div class=\"area area-hot\"></div>\n        <div class=\"area area-cold\"></div>\n      </div>\n    `;\n  }\n\n  /**\n   * Diagonal split in a unit viewBox stretched over the area\n   * (`preserveAspectRatio=\"none\"`); every stroke is `non-scaling` so the\n   * borders and the gap keep their pixel widths at any aspect ratio. The\n   * gap edges are drawn as one wide line per half, clipped to that half,\n   * under the narrower frame-coloured gap line.\n   */\n  private renderDiagonalSplit(): TemplateResult {\n    const hot = '0,0 1,0 0,1';\n    const cold = '1,0 1,1 0,1';\n    return html`\n      <div class=\"diagonal\">\n        <svg viewBox=\"0 0 1 1\" preserveAspectRatio=\"none\" aria-hidden=\"true\">\n          ${svg`\n            <defs>\n              <clipPath id=\"clip-hot\"><polygon points=${hot} /></clipPath>\n              <clipPath id=\"clip-cold\"><polygon points=${cold} /></clipPath>\n            </defs>\n            <polygon class=\"area-fill area-hot\" points=${hot} />\n            <polygon class=\"area-fill area-cold\" points=${cold} />\n            <polygon class=\"area-stroke area-hot\" points=${hot} clip-path=\"url(#clip-hot)\" vector-effect=\"non-scaling-stroke\" />\n            <polygon class=\"area-stroke area-cold\" points=${cold} clip-path=\"url(#clip-cold)\" vector-effect=\"non-scaling-stroke\" />\n            <line class=\"gap-edge area-hot\" x1=\"1\" y1=\"0\" x2=\"0\" y2=\"1\" clip-path=\"url(#clip-hot)\" vector-effect=\"non-scaling-stroke\" />\n            <line class=\"gap-edge area-cold\" x1=\"1\" y1=\"0\" x2=\"0\" y2=\"1\" clip-path=\"url(#clip-cold)\" vector-effect=\"non-scaling-stroke\" />\n            <line class=\"gap\" x1=\"1\" y1=\"0\" x2=\"0\" y2=\"1\" vector-effect=\"non-scaling-stroke\" />\n          `}\n        </svg>\n      </div>\n    `;\n  }\n\n  override render() {\n    const controlBadge = this._badgeControlType();\n    const alertBadge = this._badgeAlertType();\n    const interlockBadge = this._badgeInterlockType();\n    const commandLockedBadge = this._badgeCommandLockedType();\n    const hasEnumBadges =\n      controlBadge !== null ||\n      alertBadge !== null ||\n      interlockBadge !== null ||\n      commandLockedBadge !== null;\n\n    const badgesHidden = !this._hasBadges && !hasEnumBadges;\n    const tagHidden = !this._hasTagSlot && !this.tag;\n\n    const badgesCell = html`\n      <div class=\"badges\" ?hidden=${badgesHidden}>\n        <slot name=\"badges\" @slotchange=${this._onBadgesSlotChange}>\n          ${\n            controlBadge\n              ? html`<obc-automation-badge\n                  .type=${controlBadge}\n                ></obc-automation-badge>`\n              : nothing\n          }\n          ${\n            alertBadge\n              ? html`<obc-automation-badge\n                  .type=${alertBadge}\n                ></obc-automation-badge>`\n              : nothing\n          }\n          ${\n            interlockBadge\n              ? html`<obc-automation-badge\n                  .type=${interlockBadge}\n                ></obc-automation-badge>`\n              : nothing\n          }\n          ${\n            commandLockedBadge\n              ? html`<obc-automation-badge\n                  .type=${commandLockedBadge}\n                ></obc-automation-badge>`\n              : nothing\n          }\n        </slot>\n      </div>\n    `;\n\n    const tagCell = html`\n      <div class=\"tag\" ?hidden=${tagHidden}>\n        <slot name=\"tag\" @slotchange=${this._onTagSlotChange}>${this.tag}</slot>\n      </div>\n    `;\n\n    const pressurized = this.frame === SpecialtyTankFrame.pressurized;\n    const cap = (side: 'start' | 'end') =>\n      pressurized\n        ? html`<div class=\"cap cap-${side}\"><div class=\"cap-dome\"></div></div>`\n        : nothing;\n    const frameClasses = classMap({\n      'tank-frame': true,\n      [`frame-${this.frame}`]: true,\n      [`split-${this.splitMode}`]: true,\n      [`medium-${this.medium}`]: true,\n      static: this.static,\n    });\n    const tankFrame = html`\n      <div class=${frameClasses}>\n        ${cap('start')}\n        <div class=\"middle\">\n          <div class=\"content\">\n            ${this.static ? nothing : this.renderGraphic()}\n            ${\n              this.showIcon\n                ? html`<div class=\"icon-frame\">${this.equipmentIcon}</div>`\n                : nothing\n            }\n          </div>\n        </div>\n        ${cap('end')}\n      </div>\n    `;\n\n    const alertFrameOverlay = 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\n    const halo = html`\n      <div class=\"halo\">\n        ${badgesCell}${tankFrame}${tagCell}${alertFrameOverlay}\n      </div>\n    `;\n\n    const isClickable = this.clickable && !this.static;\n    const rootClasses = classMap({\n      root: true,\n      activated: this.activated,\n      clickable: isClickable,\n    });\n    const name = this.tag || this.equipmentName;\n\n    // Same three root shapes as obc-automation-tank; the live region stays on\n    // all of them so a slotted alert label is announced regardless.\n    if (this.static) {\n      return html`<div\n        class=${rootClasses}\n        role=\"img\"\n        aria-label=${name}\n        aria-live=\"polite\"\n        aria-atomic=\"true\"\n      >\n        ${halo}\n      </div>`;\n    }\n    if (!isClickable) {\n      return html`<div\n        class=${rootClasses}\n        aria-live=\"polite\"\n        aria-atomic=\"true\"\n      >\n        ${halo}\n      </div>`;\n    }\n    return html`<button\n      class=${rootClasses}\n      type=\"button\"\n      aria-label=${name}\n      aria-live=\"polite\"\n      aria-atomic=\"true\"\n    >\n      ${halo}\n    </button>`;\n  }\n\n  static override styles: CSSResultGroup = unsafeCSS(componentStyle);\n}\n"],"mappings":"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"}
+{"version":3,"file":"abstract-specialty-tank.js","names":[],"sources":["../../../src/automation/specialty-tank/abstract-specialty-tank.ts"],"sourcesContent":["import {LitElement, html, nothing, svg, unsafeCSS} from 'lit';\nimport type {CSSResultGroup, TemplateResult} from 'lit';\nimport {property, state} from 'lit/decorators.js';\nimport {classMap} from 'lit/directives/class-map.js';\nimport componentStyle from './specialty-tank.css?inline';\nimport '../automation-badge/automation-badge.js';\nimport {ObcAutomationBadgeType} from '../automation-badge/automation-badge.js';\nimport {\n  AutomationButtonBadgeAlert,\n  AutomationButtonBadgeCommandLocked,\n  AutomationButtonBadgeControl,\n  AutomationButtonBadgeInterlock,\n} from '../automation-button/abstract-automation-button.js';\nimport '../../components/alert-frame/alert-frame.js';\nimport {\n  ObcAlertFrameMode,\n  ObcAlertFrameThickness,\n  ObcAlertFrameType,\n} from '../../components/alert-frame/alert-frame.js';\nimport {AlertType} from '../../types.js';\nimport {TankPositioning} from '../automation-tank/tank-positioning.js';\n\n/**\n * What the graphic area of a specialty tank shows. Mirrors the Figma\n * `has Medium` property; its fourth value, Static, is the `static` property.\n */\nexport enum SpecialtyTankMedium {\n  /** One grey area, no split. */\n  regular = 'regular',\n  /** Two grey halves separated by a gap. */\n  graphic = 'graphic',\n  /** Hot (red) and cold (blue) halves separated by a gap. */\n  medium = 'medium',\n}\n\n/**\n * Hot/cold split geometry of a specialty tank. Drives the halves and the\n * gap between them through the `split-<mode>` class on the tank frame.\n */\nexport enum SpecialtyTankSplitMode {\n  /** Left half hot, right half cold. */\n  vertical = 'vertical',\n  /** Top half hot, bottom half cold. */\n  horizontal = 'horizontal',\n  /** Two corner-to-corner triangles, top-left hot and bottom-right cold. */\n  diagonal = 'diagonal',\n}\n\n/**\n * Frame silhouette of a specialty tank.\n */\nexport enum SpecialtyTankFrame {\n  /** One rounded border box. */\n  rounded = 'rounded',\n  /** Pressurized-tank silhouette: domed caps on a side-bordered body. */\n  pressurized = 'pressurized',\n}\n\n/**\n * Base class for the specialty-tank tiles `obc-heat-pump`,\n * `obc-hydraulic-separator` and `obc-heat-exchanger`. Owns the halo, badge\n * row, tank frame with its hot/cold graphic area and equipment icon, tag\n * readout and alert-frame overlay. Subclasses supply `equipmentIcon`,\n * `equipmentName`, `frame` and `splitMode`, plus their own host footprint.\n *\n * ## Layout\n * The same shell as a compact `obc-automation-tank`: a fixed host (or\n * `positioning=\"button\"` to fill the parent), a 4px-padded halo holding\n * badges, the tank frame and the tag, the frame absorbing the space of\n * empty badge and tag cells. Hover, pressed, focus-visible and `activated`\n * are painted on the halo by the flat style mixin; `clickable` and `static`\n * switch the root between a `<button>`, a plain `<div>` and a\n * `<div role=\"img\">` exactly as the tank does.\n *\n * Not declared `abstract`: the wrapper generators wrap every `LitElement`\n * subclass and pass its constructor as a concrete `Constructor<T>`, so the\n * override points throw instead (same as `ObcAbstractAutomationButton`).\n *\n * @property medium - What the graphic area shows: `regular` (one grey area), `graphic` (two grey halves) or `medium` (hot/cold halves).\n * @property static - Display-only tile with a flat grey frame and a bare icon, rendered as a non-interactive `<div role=\"img\">`. Hides the graphic area.\n * @property showIcon - Show the equipment icon centered on the graphic area.\n * @property tag - Identifier rendered in the tag readout below the frame (for example `#0000`); also the accessible name. The cell collapses when empty.\n * @property positioning - Host positioning model — see `TankPositioning`. `button` (default) fills the parent, `point` uses the fixed design footprint with the P&ID anchor.\n * @property clickable - Whether the tile is interactive. `false` keeps the resting appearance but drops hover, pressed and focus states and leaves the tab order; property-only because the default is `true`.\n * @property activated - Paints the activated background on the halo. Needs an interactive tile.\n * @availableWhen activated clickable==true\n * @property badgeControl - Mode badge (auto / manual / local variants), first in the badge row.\n * @property badgeAlert - Alert badge, second in the badge row.\n * @property badgeInterlock - Interlock badge, third in the badge row.\n * @property badgeCommandLocked - Command-locked badge, last in the badge row.\n * @property alert - Show an alert-frame overlay around the halo, mirroring `obc-automation-tank`.\n * @property alertFrameType - Shape of the alert frame.\n * @availableWhen alertFrameType alert==true\n * @property alertFrameThickness - Thickness of the alert frame.\n * @availableWhen alertFrameThickness alert==true\n * @property alertFrameStatus - Alert status the frame is coloured for.\n * @availableWhen alertFrameStatus alert==true\n * @property alertFrameMode - Acknowledgement state of the alert: `acked-active` (default) is steady,\n *   `unacked-active` flashes, `unacked-rectified` flashes a dashed frame.\n * @availableWhen alertFrameMode alert==true\n * @property showAlertCategoryIcon - Shows the alert category icon inside the frame.\n * @availableWhen showAlertCategoryIcon alert==true && alertFrameType in [SmallSideFlip, LargeSideFlip, BottomFlip, TopFlip]\n * @property showAlertIcon - Shows the slotted alert icon inside the frame.\n * @availableWhen showAlertIcon alert==true && alertFrameType in [LargeSideFlip, BottomFlip, TopFlip]\n */\nexport class ObcAbstractSpecialtyTank extends LitElement {\n  @property({type: String}) medium: SpecialtyTankMedium =\n    SpecialtyTankMedium.regular;\n  @property({type: Boolean, reflect: true}) static: boolean = false;\n  @property({type: Boolean, attribute: false}) showIcon: boolean = true;\n  @property({type: String}) tag: string = '';\n  @property({type: String, reflect: true}) positioning: TankPositioning =\n    TankPositioning.button;\n  @property({type: Boolean, attribute: false}) clickable: boolean = true;\n  @property({type: Boolean}) activated: boolean = false;\n\n  @property({type: String}) badgeControl: AutomationButtonBadgeControl =\n    AutomationButtonBadgeControl.None;\n  @property({type: String}) badgeAlert: AutomationButtonBadgeAlert =\n    AutomationButtonBadgeAlert.None;\n  @property({type: String}) badgeInterlock: AutomationButtonBadgeInterlock =\n    AutomationButtonBadgeInterlock.None;\n  @property({type: String})\n  badgeCommandLocked: AutomationButtonBadgeCommandLocked =\n    AutomationButtonBadgeCommandLocked.None;\n\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\n  @state() private _hasBadges = false;\n  @state() private _hasTagSlot = false;\n\n  protected get equipmentIcon(): TemplateResult {\n    throw new Error('\"equipmentIcon\" must be implemented in the subclass');\n  }\n\n  /** Accessible-name fallback used when `tag` is empty. */\n  protected get equipmentName(): string {\n    throw new Error('\"equipmentName\" must be implemented in the subclass');\n  }\n\n  protected get frame(): SpecialtyTankFrame {\n    throw new Error('\"frame\" must be implemented in the subclass');\n  }\n\n  protected get splitMode(): SpecialtyTankSplitMode {\n    throw new Error('\"splitMode\" must be implemented in the subclass');\n  }\n\n  private _badgeControlType(): ObcAutomationBadgeType | null {\n    switch (this.badgeControl) {\n      case AutomationButtonBadgeControl.Local:\n        return ObcAutomationBadgeType.Local;\n      case AutomationButtonBadgeControl.LocalOnly:\n        return ObcAutomationBadgeType.LocalOnly;\n      case AutomationButtonBadgeControl.Manual:\n        return ObcAutomationBadgeType.Manual;\n      case AutomationButtonBadgeControl.ManualOnly:\n        return ObcAutomationBadgeType.ManualOnly;\n      case AutomationButtonBadgeControl.Auto:\n        return ObcAutomationBadgeType.Auto;\n      default:\n        return null;\n    }\n  }\n\n  private _badgeAlertType(): ObcAutomationBadgeType | null {\n    switch (this.badgeAlert) {\n      case AutomationButtonBadgeAlert.Silence:\n        return ObcAutomationBadgeType.AlertSilenced;\n      case AutomationButtonBadgeAlert.Caution:\n        return ObcAutomationBadgeType.Caution;\n      case AutomationButtonBadgeAlert.Warning:\n        return ObcAutomationBadgeType.Warning;\n      case AutomationButtonBadgeAlert.Alarm:\n        return ObcAutomationBadgeType.Alarm;\n      case AutomationButtonBadgeAlert.LevelCritical:\n        return ObcAutomationBadgeType.LevelCritical;\n      case AutomationButtonBadgeAlert.LevelHigh:\n        return ObcAutomationBadgeType.LevelHigh;\n      case AutomationButtonBadgeAlert.LevelMedium:\n        return ObcAutomationBadgeType.LevelMedium;\n      case AutomationButtonBadgeAlert.LevelLow:\n        return ObcAutomationBadgeType.LevelLow;\n      case AutomationButtonBadgeAlert.LevelDiagnostic:\n        return ObcAutomationBadgeType.LevelDiagnostic;\n      default:\n        return null;\n    }\n  }\n\n  private _badgeInterlockType(): ObcAutomationBadgeType | null {\n    switch (this.badgeInterlock) {\n      case AutomationButtonBadgeInterlock.Interlock:\n        return ObcAutomationBadgeType.Interlock;\n      case AutomationButtonBadgeInterlock.InterlockInhibit:\n        return ObcAutomationBadgeType.InterlockInhibit;\n      default:\n        return null;\n    }\n  }\n\n  private _badgeCommandLockedType(): ObcAutomationBadgeType | null {\n    if (\n      this.badgeCommandLocked ===\n      AutomationButtonBadgeCommandLocked.CommandLocked\n    ) {\n      return ObcAutomationBadgeType.CommandLocked;\n    }\n    return null;\n  }\n\n  private _slotHasContent(e: Event): boolean {\n    const slot = e.target as HTMLSlotElement;\n    return slot\n      .assignedNodes({flatten: true})\n      .some(\n        (n) =>\n          n.nodeType === Node.ELEMENT_NODE ||\n          (n.nodeType === Node.TEXT_NODE && !!n.textContent?.trim())\n      );\n  }\n\n  private _onBadgesSlotChange(e: Event): void {\n    this._hasBadges = this._slotHasContent(e);\n  }\n\n  private _onTagSlotChange(e: Event): void {\n    this._hasTagSlot = this._slotHasContent(e);\n  }\n\n  private renderGraphic(): TemplateResult {\n    if (this.medium === SpecialtyTankMedium.regular) {\n      return html`<div class=\"area area-single\"></div>`;\n    }\n    if (this.splitMode === SpecialtyTankSplitMode.diagonal) {\n      return this.renderDiagonalSplit();\n    }\n    return html`\n      <div class=\"halves\">\n        <div class=\"area area-hot\"></div>\n        <div class=\"area area-cold\"></div>\n      </div>\n    `;\n  }\n\n  /**\n   * Diagonal split in a unit viewBox stretched over the area\n   * (`preserveAspectRatio=\"none\"`); every stroke is `non-scaling` so the\n   * borders and the gap keep their pixel widths at any aspect ratio. The\n   * gap edges are drawn as one wide line per half, clipped to that half,\n   * under the narrower frame-coloured gap line.\n   */\n  private renderDiagonalSplit(): TemplateResult {\n    const hot = '0,0 1,0 0,1';\n    const cold = '1,0 1,1 0,1';\n    return html`\n      <div class=\"diagonal\">\n        <svg viewBox=\"0 0 1 1\" preserveAspectRatio=\"none\" aria-hidden=\"true\">\n          ${svg`\n            <defs>\n              <clipPath id=\"clip-hot\"><polygon points=${hot} /></clipPath>\n              <clipPath id=\"clip-cold\"><polygon points=${cold} /></clipPath>\n            </defs>\n            <polygon class=\"area-fill area-hot\" points=${hot} />\n            <polygon class=\"area-fill area-cold\" points=${cold} />\n            <polygon class=\"area-stroke area-hot\" points=${hot} clip-path=\"url(#clip-hot)\" vector-effect=\"non-scaling-stroke\" />\n            <polygon class=\"area-stroke area-cold\" points=${cold} clip-path=\"url(#clip-cold)\" vector-effect=\"non-scaling-stroke\" />\n            <line class=\"gap-edge area-hot\" x1=\"1\" y1=\"0\" x2=\"0\" y2=\"1\" clip-path=\"url(#clip-hot)\" vector-effect=\"non-scaling-stroke\" />\n            <line class=\"gap-edge area-cold\" x1=\"1\" y1=\"0\" x2=\"0\" y2=\"1\" clip-path=\"url(#clip-cold)\" vector-effect=\"non-scaling-stroke\" />\n            <line class=\"gap\" x1=\"1\" y1=\"0\" x2=\"0\" y2=\"1\" vector-effect=\"non-scaling-stroke\" />\n          `}\n        </svg>\n      </div>\n    `;\n  }\n\n  override render() {\n    const controlBadge = this._badgeControlType();\n    const alertBadge = this._badgeAlertType();\n    const interlockBadge = this._badgeInterlockType();\n    const commandLockedBadge = this._badgeCommandLockedType();\n    const hasEnumBadges =\n      controlBadge !== null ||\n      alertBadge !== null ||\n      interlockBadge !== null ||\n      commandLockedBadge !== null;\n\n    const badgesHidden = !this._hasBadges && !hasEnumBadges;\n    const tagHidden = !this._hasTagSlot && !this.tag;\n\n    const badgesCell = html`\n      <div class=\"badges\" ?hidden=${badgesHidden}>\n        <slot name=\"badges\" @slotchange=${this._onBadgesSlotChange}>\n          ${\n            controlBadge\n              ? html`<obc-automation-badge\n                  .type=${controlBadge}\n                ></obc-automation-badge>`\n              : nothing\n          }\n          ${\n            alertBadge\n              ? html`<obc-automation-badge\n                  .type=${alertBadge}\n                ></obc-automation-badge>`\n              : nothing\n          }\n          ${\n            interlockBadge\n              ? html`<obc-automation-badge\n                  .type=${interlockBadge}\n                ></obc-automation-badge>`\n              : nothing\n          }\n          ${\n            commandLockedBadge\n              ? html`<obc-automation-badge\n                  .type=${commandLockedBadge}\n                ></obc-automation-badge>`\n              : nothing\n          }\n        </slot>\n      </div>\n    `;\n\n    const tagCell = html`\n      <div class=\"tag\" ?hidden=${tagHidden}>\n        <slot name=\"tag\" @slotchange=${this._onTagSlotChange}>${this.tag}</slot>\n      </div>\n    `;\n\n    const pressurized = this.frame === SpecialtyTankFrame.pressurized;\n    const cap = (side: 'start' | 'end') =>\n      pressurized\n        ? html`<div class=\"cap cap-${side}\"><div class=\"cap-dome\"></div></div>`\n        : nothing;\n    const frameClasses = classMap({\n      'tank-frame': true,\n      [`frame-${this.frame}`]: true,\n      [`split-${this.splitMode}`]: true,\n      [`medium-${this.medium}`]: true,\n      static: this.static,\n    });\n    const tankFrame = html`\n      <div class=${frameClasses}>\n        ${cap('start')}\n        <div class=\"middle\">\n          <div class=\"content\">\n            ${this.static ? nothing : this.renderGraphic()}\n            ${\n              this.showIcon\n                ? html`<div class=\"icon-frame\">${this.equipmentIcon}</div>`\n                : nothing\n            }\n          </div>\n        </div>\n        ${cap('end')}\n      </div>\n    `;\n\n    const alertFrameOverlay = this.alert\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\n    const halo = html`\n      <div class=\"halo\">\n        ${badgesCell}${tankFrame}${tagCell}${alertFrameOverlay}\n      </div>\n    `;\n\n    const isClickable = this.clickable && !this.static;\n    const rootClasses = classMap({\n      root: true,\n      activated: this.activated,\n      clickable: isClickable,\n    });\n    const name = this.tag || this.equipmentName;\n\n    // Same three root shapes as obc-automation-tank; the live region stays on\n    // all of them so a slotted alert label is announced regardless.\n    if (this.static) {\n      return html`<div\n        class=${rootClasses}\n        role=\"img\"\n        aria-label=${name}\n        aria-live=\"polite\"\n        aria-atomic=\"true\"\n      >\n        ${halo}\n      </div>`;\n    }\n    if (!isClickable) {\n      return html`<div\n        class=${rootClasses}\n        aria-live=\"polite\"\n        aria-atomic=\"true\"\n      >\n        ${halo}\n      </div>`;\n    }\n    return html`<button\n      class=${rootClasses}\n      type=\"button\"\n      aria-label=${name}\n      aria-live=\"polite\"\n      aria-atomic=\"true\"\n    >\n      ${halo}\n    </button>`;\n  }\n\n  static override styles: CSSResultGroup = unsafeCSS(componentStyle);\n}\n"],"mappings":"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"}

package/dist/automation/specialty-tank/specialty-tank-story-meta.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"specialty-tank-story-meta.d.ts","sourceRoot":"","sources":["../../../src/automation/specialty-tank/specialty-tank-story-meta.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,KAAK,CAAC;AACxC,OAAO,EAAO,OAAO,EAAC,MAAM,oBAAoB,CAAC;AACjD,OAAO,KAAK,EAAC,WAAW,EAAC,MAAM,oBAAoB,CAAC;AACpD,OAAO,EAAC,cAAc,EAAC,MAAM,yBAAyB,CAAC;AAavD,OAAO,EACL,wBAAwB,EAEzB,MAAM,8BAA8B,CAAC;AAEtC,MAAM,MAAM,sBAAsB,GAAG,wBAAwB,CAAC;AAE9D,+EAA+E;AAC/E,MAAM,WAAW,kBAAkB;IACjC,IAAI,CAAC,EAAE,OAAO,CAAC,sBAAsB,CAAC,CAAC;CACxC;AAED,UAAU,aAAa;IACrB,OAAO,EAAE,MAAM,EAAE,CAAC;IAClB,OAAO,EAAE;QAAC,IAAI,EAAE,OAAO,GAAG,QAAQ,CAAA;KAAC,CAAC;CACrC;AAED;;;;GAIG;AACH,wBAAgB,iBAAiB,CAAC,GAAG,EAAE,WAAW,GAAG;IACnD,IAAI,EAAE,OAAO,CAAC,sBAAsB,CAAC,CAAC;IACtC,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,aAAa,CAAC,CAAC;IACxC,UAAU,EAAE,CAAC,OAAO,cAAc,CAAC,EAAE,CAAC;IACtC,MAAM,EAAE,CAAC,IAAI,EAAE,sBAAsB,KAAK,cAAc,CAAC;CAC1D,CAkFA;AAED,8DAA8D;AAC9D,eAAO,MAAM,oBAAoB,EAAE,MAAM,CAAC,MAAM,EAAE,kBAAkB,CAgBnE,CAAC;AAEF,OAAO,EAAC,OAAO,EAAC,CAAC"}
+{"version":3,"file":"specialty-tank-story-meta.d.ts","sourceRoot":"","sources":["../../../src/automation/specialty-tank/specialty-tank-story-meta.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,KAAK,CAAC;AACxC,OAAO,EAAO,OAAO,EAAC,MAAM,oBAAoB,CAAC;AACjD,OAAO,KAAK,EAAC,WAAW,EAAC,MAAM,oBAAoB,CAAC;AACpD,OAAO,EAAC,cAAc,EAAC,MAAM,yBAAyB,CAAC;AAevD,OAAO,EACL,wBAAwB,EAEzB,MAAM,8BAA8B,CAAC;AAEtC,MAAM,MAAM,sBAAsB,GAAG,wBAAwB,CAAC;AAE9D,+EAA+E;AAC/E,MAAM,WAAW,kBAAkB;IACjC,IAAI,CAAC,EAAE,OAAO,CAAC,sBAAsB,CAAC,CAAC;CACxC;AAED,UAAU,aAAa;IACrB,OAAO,EAAE,MAAM,EAAE,CAAC;IAClB,OAAO,EAAE;QAAC,IAAI,EAAE,OAAO,GAAG,QAAQ,CAAA;KAAC,CAAC;CACrC;AAED;;;;GAIG;AACH,wBAAgB,iBAAiB,CAAC,GAAG,EAAE,WAAW,GAAG;IACnD,IAAI,EAAE,OAAO,CAAC,sBAAsB,CAAC,CAAC;IACtC,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,aAAa,CAAC,CAAC;IACxC,UAAU,EAAE,CAAC,OAAO,cAAc,CAAC,EAAE,CAAC;IACtC,MAAM,EAAE,CAAC,IAAI,EAAE,sBAAsB,KAAK,cAAc,CAAC;CAC1D,CAyEA;AAED,8DAA8D;AAC9D,eAAO,MAAM,oBAAoB,EAAE,MAAM,CAAC,MAAM,EAAE,kBAAkB,CAgBnE,CAAC;AAEF,OAAO,EAAC,OAAO,EAAC,CAAC"}

package/dist/automation/specialty-tank/specialty-tank-story-meta.js

@@ -1,6 +1,7 @@
 import { AlertType } from "../../types.js";
-import { ObcAlertFrameThickness, ObcAlertFrameType } from "../../components/alert-frame/alert-frame.js";
+import { ObcAlertFrameMode, ObcAlertFrameThickness, ObcAlertFrameType } from "../../components/alert-frame/alert-frame.js";
 import { AutomationButtonBadgeAlert, AutomationButtonBadgeCommandLocked, AutomationButtonBadgeControl, AutomationButtonBadgeInterlock } from "../automation-button/abstract-automation-button.js";
+import { argTypesAlertFrame } from "../../components/alert-frame/alert-frame-storybook-helpers.js";
 import { TankPositioning } from "../automation-tank/tank-positioning.js";
 import { SpecialtyTankMedium } from "./abstract-specialty-tank.js";
 import { crossDecorator } from "../../storybook-util.js";
@@ -29,6 +30,7 @@ function specialtyTankMeta(tag) {
 			alertFrameType: ObcAlertFrameType.SmallSideFlip,
 			alertFrameThickness: ObcAlertFrameThickness.Small,
 			alertFrameStatus: AlertType.Alarm,
+			alertFrameMode: ObcAlertFrameMode.ackedActive,
 			showAlertCategoryIcon: true,
 			showAlertIcon: false
 		},
@@ -57,18 +59,7 @@ function specialtyTankMeta(tag) {
 				options: Object.values(AutomationButtonBadgeCommandLocked),
 				control: { type: "select" }
 			},
-			alertFrameType: {
-				options: Object.values(ObcAlertFrameType),
-				control: { type: "select" }
-			},
-			alertFrameThickness: {
-				options: Object.values(ObcAlertFrameThickness),
-				control: { type: "select" }
-			},
-			alertFrameStatus: {
-				options: Object.values(AlertType),
-				control: { type: "select" }
-			}
+			...argTypesAlertFrame
 		},
 		decorators: [crossDecorator],
 		render: (args) => html`
@@ -88,6 +79,7 @@ function specialtyTankMeta(tag) {
         .alertFrameType=${args.alertFrameType}
         .alertFrameThickness=${args.alertFrameThickness}
         .alertFrameStatus=${args.alertFrameStatus}
+        .alertFrameMode=${args.alertFrameMode}
         .showAlertCategoryIcon=${args.showAlertCategoryIcon}
         .showAlertIcon=${args.showAlertIcon}
       ></${tag}>

package/dist/automation/specialty-tank/specialty-tank-story-meta.js.map

@@ -1 +1 @@
-{"version":3,"file":"specialty-tank-story-meta.js","names":[],"sources":["../../../src/automation/specialty-tank/specialty-tank-story-meta.ts"],"sourcesContent":["import type {TemplateResult} from 'lit';\nimport {html, literal} from 'lit/static-html.js';\nimport type {StaticValue} from 'lit/static-html.js';\nimport {crossDecorator} from '../../storybook-util.js';\nimport {\n  ObcAlertFrameStatus,\n  ObcAlertFrameThickness,\n  ObcAlertFrameType,\n} from '../../components/alert-frame/alert-frame.js';\nimport {\n  AutomationButtonBadgeAlert,\n  AutomationButtonBadgeCommandLocked,\n  AutomationButtonBadgeControl,\n  AutomationButtonBadgeInterlock,\n} from '../automation-button/abstract-automation-button.js';\nimport {TankPositioning} from '../automation-tank/tank-positioning.js';\nimport {\n  ObcAbstractSpecialtyTank,\n  SpecialtyTankMedium,\n} from './abstract-specialty-tank.js';\n\nexport type SpecialtyTankStoryArgs = ObcAbstractSpecialtyTank;\n\n/** A story of the shared set: only `args`, everything else comes from meta. */\nexport interface SpecialtyTankStory {\n  args?: Partial<SpecialtyTankStoryArgs>;\n}\n\ninterface SelectArgType {\n  options: string[];\n  control: {type: 'radio' | 'select'};\n}\n\n/**\n * Shared story meta for the three specialty-tank tiles. Every public property\n * is bound in `render`, so a story can set any of them as an arg; the tag\n * name is a static literal because the tiles share one template.\n */\nexport function specialtyTankMeta(tag: StaticValue): {\n  args: Partial<SpecialtyTankStoryArgs>;\n  argTypes: Record<string, SelectArgType>;\n  decorators: (typeof crossDecorator)[];\n  render: (args: SpecialtyTankStoryArgs) => TemplateResult;\n} {\n  return {\n    args: {\n      medium: SpecialtyTankMedium.regular,\n      static: false,\n      showIcon: true,\n      tag: '#0000',\n      positioning: TankPositioning.point,\n      clickable: true,\n      activated: false,\n      badgeControl: AutomationButtonBadgeControl.None,\n      badgeAlert: AutomationButtonBadgeAlert.None,\n      badgeInterlock: AutomationButtonBadgeInterlock.None,\n      badgeCommandLocked: AutomationButtonBadgeCommandLocked.None,\n      alert: false,\n      alertFrameType: ObcAlertFrameType.SmallSideFlip,\n      alertFrameThickness: ObcAlertFrameThickness.Small,\n      alertFrameStatus: ObcAlertFrameStatus.Alarm,\n      showAlertCategoryIcon: true,\n      showAlertIcon: false,\n    },\n    argTypes: {\n      medium: {\n        options: Object.values(SpecialtyTankMedium),\n        control: {type: 'radio'},\n      },\n      positioning: {\n        options: Object.values(TankPositioning),\n        control: {type: 'radio'},\n      },\n      badgeControl: {\n        options: Object.values(AutomationButtonBadgeControl),\n        control: {type: 'select'},\n      },\n      badgeAlert: {\n        options: Object.values(AutomationButtonBadgeAlert),\n        control: {type: 'select'},\n      },\n      badgeInterlock: {\n        options: Object.values(AutomationButtonBadgeInterlock),\n        control: {type: 'select'},\n      },\n      badgeCommandLocked: {\n        options: Object.values(AutomationButtonBadgeCommandLocked),\n        control: {type: 'select'},\n      },\n      alertFrameType: {\n        options: Object.values(ObcAlertFrameType),\n        control: {type: 'select'},\n      },\n      alertFrameThickness: {\n        options: Object.values(ObcAlertFrameThickness),\n        control: {type: 'select'},\n      },\n      alertFrameStatus: {\n        options: Object.values(ObcAlertFrameStatus),\n        control: {type: 'select'},\n      },\n    },\n    decorators: [crossDecorator],\n    render: (args) => html`\n      <${tag}\n        .medium=${args.medium}\n        .static=${args.static}\n        .showIcon=${args.showIcon}\n        .tag=${args.tag}\n        .positioning=${args.positioning}\n        .clickable=${args.clickable}\n        ?activated=${args.activated}\n        .badgeControl=${args.badgeControl}\n        .badgeAlert=${args.badgeAlert}\n        .badgeInterlock=${args.badgeInterlock}\n        .badgeCommandLocked=${args.badgeCommandLocked}\n        ?alert=${args.alert}\n        .alertFrameType=${args.alertFrameType}\n        .alertFrameThickness=${args.alertFrameThickness}\n        .alertFrameStatus=${args.alertFrameStatus}\n        .showAlertCategoryIcon=${args.showAlertCategoryIcon}\n        .showAlertIcon=${args.showAlertIcon}\n      ></${tag}>\n    `,\n  };\n}\n\n/** The story set every tile exports, keyed by export name. */\nexport const specialtyTankStories: Record<string, SpecialtyTankStory> = {\n  Default: {},\n  Graphic: {args: {medium: SpecialtyTankMedium.graphic}},\n  Medium: {args: {medium: SpecialtyTankMedium.medium}},\n  Static: {args: {static: true}},\n  WithoutIcon: {args: {medium: SpecialtyTankMedium.medium, showIcon: false}},\n  WithBadges: {\n    args: {\n      medium: SpecialtyTankMedium.medium,\n      badgeControl: AutomationButtonBadgeControl.Auto,\n      badgeAlert: AutomationButtonBadgeAlert.Silence,\n      badgeInterlock: AutomationButtonBadgeInterlock.Interlock,\n      badgeCommandLocked: AutomationButtonBadgeCommandLocked.CommandLocked,\n    },\n  },\n  WithAlert: {args: {medium: SpecialtyTankMedium.medium, alert: true}},\n};\n\nexport {literal};\n"],"mappings":";;;;;;;;;;;;;AAsCA,SAAgB,kBAAkB,KAKhC;CACA,OAAO;EACL,MAAM;GACJ,QAAQ,oBAAoB;GAC5B,QAAQ;GACR,UAAU;GACV,KAAK;GACL,aAAa,gBAAgB;GAC7B,WAAW;GACX,WAAW;GACX,cAAc,6BAA6B;GAC3C,YAAY,2BAA2B;GACvC,gBAAgB,+BAA+B;GAC/C,oBAAoB,mCAAmC;GACvD,OAAO;GACP,gBAAgB,kBAAkB;GAClC,qBAAqB,uBAAuB;GAC5C,kBAAkB,UAAoB;GACtC,uBAAuB;GACvB,eAAe;EACjB;EACA,UAAU;GACR,QAAQ;IACN,SAAS,OAAO,OAAO,mBAAmB;IAC1C,SAAS,EAAC,MAAM,QAAO;GACzB;GACA,aAAa;IACX,SAAS,OAAO,OAAO,eAAe;IACtC,SAAS,EAAC,MAAM,QAAO;GACzB;GACA,cAAc;IACZ,SAAS,OAAO,OAAO,4BAA4B;IACnD,SAAS,EAAC,MAAM,SAAQ;GAC1B;GACA,YAAY;IACV,SAAS,OAAO,OAAO,0BAA0B;IACjD,SAAS,EAAC,MAAM,SAAQ;GAC1B;GACA,gBAAgB;IACd,SAAS,OAAO,OAAO,8BAA8B;IACrD,SAAS,EAAC,MAAM,SAAQ;GAC1B;GACA,oBAAoB;IAClB,SAAS,OAAO,OAAO,kCAAkC;IACzD,SAAS,EAAC,MAAM,SAAQ;GAC1B;GACA,gBAAgB;IACd,SAAS,OAAO,OAAO,iBAAiB;IACxC,SAAS,EAAC,MAAM,SAAQ;GAC1B;GACA,qBAAqB;IACnB,SAAS,OAAO,OAAO,sBAAsB;IAC7C,SAAS,EAAC,MAAM,SAAQ;GAC1B;GACA,kBAAkB;IAChB,SAAS,OAAO,OAAO,SAAmB;IAC1C,SAAS,EAAC,MAAM,SAAQ;GAC1B;EACF;EACA,YAAY,CAAC,cAAc;EAC3B,SAAS,SAAS,IAAI;SACjB,IAAI;kBACK,KAAK,OAAO;kBACZ,KAAK,OAAO;oBACV,KAAK,SAAS;eACnB,KAAK,IAAI;uBACD,KAAK,YAAY;qBACnB,KAAK,UAAU;qBACf,KAAK,UAAU;wBACZ,KAAK,aAAa;sBACpB,KAAK,WAAW;0BACZ,KAAK,eAAe;8BAChB,KAAK,mBAAmB;iBACrC,KAAK,MAAM;0BACF,KAAK,eAAe;+BACf,KAAK,oBAAoB;4BAC5B,KAAK,iBAAiB;iCACjB,KAAK,sBAAsB;yBACnC,KAAK,cAAc;WACjC,IAAI;;CAEb;AACF;;AAGA,IAAa,uBAA2D;CACtE,SAAS,CAAC;CACV,SAAS,EAAC,MAAM,EAAC,QAAQ,oBAAoB,QAAO,EAAC;CACrD,QAAQ,EAAC,MAAM,EAAC,QAAQ,oBAAoB,OAAM,EAAC;CACnD,QAAQ,EAAC,MAAM,EAAC,QAAQ,KAAI,EAAC;CAC7B,aAAa,EAAC,MAAM;EAAC,QAAQ,oBAAoB;EAAQ,UAAU;CAAK,EAAC;CACzE,YAAY,EACV,MAAM;EACJ,QAAQ,oBAAoB;EAC5B,cAAc,6BAA6B;EAC3C,YAAY,2BAA2B;EACvC,gBAAgB,+BAA+B;EAC/C,oBAAoB,mCAAmC;CACzD,EACF;CACA,WAAW,EAAC,MAAM;EAAC,QAAQ,oBAAoB;EAAQ,OAAO;CAAI,EAAC;AACrE"}
+{"version":3,"file":"specialty-tank-story-meta.js","names":[],"sources":["../../../src/automation/specialty-tank/specialty-tank-story-meta.ts"],"sourcesContent":["import type {TemplateResult} from 'lit';\nimport {html, literal} from 'lit/static-html.js';\nimport type {StaticValue} from 'lit/static-html.js';\nimport {crossDecorator} from '../../storybook-util.js';\nimport {\n  ObcAlertFrameMode,\n  ObcAlertFrameStatus,\n  ObcAlertFrameThickness,\n  ObcAlertFrameType,\n} from '../../components/alert-frame/alert-frame.js';\nimport {argTypesAlertFrame} from '../../components/alert-frame/alert-frame-storybook-helpers.js';\nimport {\n  AutomationButtonBadgeAlert,\n  AutomationButtonBadgeCommandLocked,\n  AutomationButtonBadgeControl,\n  AutomationButtonBadgeInterlock,\n} from '../automation-button/abstract-automation-button.js';\nimport {TankPositioning} from '../automation-tank/tank-positioning.js';\nimport {\n  ObcAbstractSpecialtyTank,\n  SpecialtyTankMedium,\n} from './abstract-specialty-tank.js';\n\nexport type SpecialtyTankStoryArgs = ObcAbstractSpecialtyTank;\n\n/** A story of the shared set: only `args`, everything else comes from meta. */\nexport interface SpecialtyTankStory {\n  args?: Partial<SpecialtyTankStoryArgs>;\n}\n\ninterface SelectArgType {\n  options: string[];\n  control: {type: 'radio' | 'select'};\n}\n\n/**\n * Shared story meta for the three specialty-tank tiles. Every public property\n * is bound in `render`, so a story can set any of them as an arg; the tag\n * name is a static literal because the tiles share one template.\n */\nexport function specialtyTankMeta(tag: StaticValue): {\n  args: Partial<SpecialtyTankStoryArgs>;\n  argTypes: Record<string, SelectArgType>;\n  decorators: (typeof crossDecorator)[];\n  render: (args: SpecialtyTankStoryArgs) => TemplateResult;\n} {\n  return {\n    args: {\n      medium: SpecialtyTankMedium.regular,\n      static: false,\n      showIcon: true,\n      tag: '#0000',\n      positioning: TankPositioning.point,\n      clickable: true,\n      activated: false,\n      badgeControl: AutomationButtonBadgeControl.None,\n      badgeAlert: AutomationButtonBadgeAlert.None,\n      badgeInterlock: AutomationButtonBadgeInterlock.None,\n      badgeCommandLocked: AutomationButtonBadgeCommandLocked.None,\n      alert: false,\n      alertFrameType: ObcAlertFrameType.SmallSideFlip,\n      alertFrameThickness: ObcAlertFrameThickness.Small,\n      alertFrameStatus: ObcAlertFrameStatus.Alarm,\n      alertFrameMode: ObcAlertFrameMode.ackedActive,\n      showAlertCategoryIcon: true,\n      showAlertIcon: false,\n    },\n    argTypes: {\n      medium: {\n        options: Object.values(SpecialtyTankMedium),\n        control: {type: 'radio'},\n      },\n      positioning: {\n        options: Object.values(TankPositioning),\n        control: {type: 'radio'},\n      },\n      badgeControl: {\n        options: Object.values(AutomationButtonBadgeControl),\n        control: {type: 'select'},\n      },\n      badgeAlert: {\n        options: Object.values(AutomationButtonBadgeAlert),\n        control: {type: 'select'},\n      },\n      badgeInterlock: {\n        options: Object.values(AutomationButtonBadgeInterlock),\n        control: {type: 'select'},\n      },\n      badgeCommandLocked: {\n        options: Object.values(AutomationButtonBadgeCommandLocked),\n        control: {type: 'select'},\n      },\n      ...argTypesAlertFrame,\n    },\n    decorators: [crossDecorator],\n    render: (args) => html`\n      <${tag}\n        .medium=${args.medium}\n        .static=${args.static}\n        .showIcon=${args.showIcon}\n        .tag=${args.tag}\n        .positioning=${args.positioning}\n        .clickable=${args.clickable}\n        ?activated=${args.activated}\n        .badgeControl=${args.badgeControl}\n        .badgeAlert=${args.badgeAlert}\n        .badgeInterlock=${args.badgeInterlock}\n        .badgeCommandLocked=${args.badgeCommandLocked}\n        ?alert=${args.alert}\n        .alertFrameType=${args.alertFrameType}\n        .alertFrameThickness=${args.alertFrameThickness}\n        .alertFrameStatus=${args.alertFrameStatus}\n        .alertFrameMode=${args.alertFrameMode}\n        .showAlertCategoryIcon=${args.showAlertCategoryIcon}\n        .showAlertIcon=${args.showAlertIcon}\n      ></${tag}>\n    `,\n  };\n}\n\n/** The story set every tile exports, keyed by export name. */\nexport const specialtyTankStories: Record<string, SpecialtyTankStory> = {\n  Default: {},\n  Graphic: {args: {medium: SpecialtyTankMedium.graphic}},\n  Medium: {args: {medium: SpecialtyTankMedium.medium}},\n  Static: {args: {static: true}},\n  WithoutIcon: {args: {medium: SpecialtyTankMedium.medium, showIcon: false}},\n  WithBadges: {\n    args: {\n      medium: SpecialtyTankMedium.medium,\n      badgeControl: AutomationButtonBadgeControl.Auto,\n      badgeAlert: AutomationButtonBadgeAlert.Silence,\n      badgeInterlock: AutomationButtonBadgeInterlock.Interlock,\n      badgeCommandLocked: AutomationButtonBadgeCommandLocked.CommandLocked,\n    },\n  },\n  WithAlert: {args: {medium: SpecialtyTankMedium.medium, alert: true}},\n};\n\nexport {literal};\n"],"mappings":";;;;;;;;;;;;;;AAwCA,SAAgB,kBAAkB,KAKhC;CACA,OAAO;EACL,MAAM;GACJ,QAAQ,oBAAoB;GAC5B,QAAQ;GACR,UAAU;GACV,KAAK;GACL,aAAa,gBAAgB;GAC7B,WAAW;GACX,WAAW;GACX,cAAc,6BAA6B;GAC3C,YAAY,2BAA2B;GACvC,gBAAgB,+BAA+B;GAC/C,oBAAoB,mCAAmC;GACvD,OAAO;GACP,gBAAgB,kBAAkB;GAClC,qBAAqB,uBAAuB;GAC5C,kBAAkB,UAAoB;GACtC,gBAAgB,kBAAkB;GAClC,uBAAuB;GACvB,eAAe;EACjB;EACA,UAAU;GACR,QAAQ;IACN,SAAS,OAAO,OAAO,mBAAmB;IAC1C,SAAS,EAAC,MAAM,QAAO;GACzB;GACA,aAAa;IACX,SAAS,OAAO,OAAO,eAAe;IACtC,SAAS,EAAC,MAAM,QAAO;GACzB;GACA,cAAc;IACZ,SAAS,OAAO,OAAO,4BAA4B;IACnD,SAAS,EAAC,MAAM,SAAQ;GAC1B;GACA,YAAY;IACV,SAAS,OAAO,OAAO,0BAA0B;IACjD,SAAS,EAAC,MAAM,SAAQ;GAC1B;GACA,gBAAgB;IACd,SAAS,OAAO,OAAO,8BAA8B;IACrD,SAAS,EAAC,MAAM,SAAQ;GAC1B;GACA,oBAAoB;IAClB,SAAS,OAAO,OAAO,kCAAkC;IACzD,SAAS,EAAC,MAAM,SAAQ;GAC1B;GACA,GAAG;EACL;EACA,YAAY,CAAC,cAAc;EAC3B,SAAS,SAAS,IAAI;SACjB,IAAI;kBACK,KAAK,OAAO;kBACZ,KAAK,OAAO;oBACV,KAAK,SAAS;eACnB,KAAK,IAAI;uBACD,KAAK,YAAY;qBACnB,KAAK,UAAU;qBACf,KAAK,UAAU;wBACZ,KAAK,aAAa;sBACpB,KAAK,WAAW;0BACZ,KAAK,eAAe;8BAChB,KAAK,mBAAmB;iBACrC,KAAK,MAAM;0BACF,KAAK,eAAe;+BACf,KAAK,oBAAoB;4BAC5B,KAAK,iBAAiB;0BACxB,KAAK,eAAe;iCACb,KAAK,sBAAsB;yBACnC,KAAK,cAAc;WACjC,IAAI;;CAEb;AACF;;AAGA,IAAa,uBAA2D;CACtE,SAAS,CAAC;CACV,SAAS,EAAC,MAAM,EAAC,QAAQ,oBAAoB,QAAO,EAAC;CACrD,QAAQ,EAAC,MAAM,EAAC,QAAQ,oBAAoB,OAAM,EAAC;CACnD,QAAQ,EAAC,MAAM,EAAC,QAAQ,KAAI,EAAC;CAC7B,aAAa,EAAC,MAAM;EAAC,QAAQ,oBAAoB;EAAQ,UAAU;CAAK,EAAC;CACzE,YAAY,EACV,MAAM;EACJ,QAAQ,oBAAoB;EAC5B,cAAc,6BAA6B;EAC3C,YAAY,2BAA2B;EACvC,gBAAgB,+BAA+B;EAC/C,oBAAoB,mCAAmC;CACzD,EACF;CACA,WAAW,EAAC,MAAM;EAAC,QAAQ,oBAAoB;EAAQ,OAAO;CAAI,EAAC;AACrE"}

package/dist/automation/transmitter/transmitter.d.ts

@@ -1,7 +1,9 @@
-import { LitElement } from 'lit';
+import { LitElement, TemplateResult } from 'lit';
 import { LineType } from '../index.js';
 import { TransmitterOrientation } from './transmitter-shared.js';
 import { TransmitterButtonSize } from '../transmitter-button/transmitter-button.js';
+import { ObcAlertFrameMode, ObcAlertFrameThickness, ObcAlertFrameType } from '../../components/alert-frame/alert-frame.js';
+import { AlertType } from '../../types.js';
 import '../transmitter-button/transmitter-button.js';
 import '../../navigation-instruments/indicator-graph/indicator-graph.js';
 import '../../components/alert-frame/alert-frame.js';
@@ -29,7 +31,12 @@ export declare enum TransmitterType {
  * - **Segments** – opt into a leading advice segment with `hasAdvice`/
  *   `adviceValue` and a setpoint segment with `hasSetPoint`/`setpointValue`;
  *   both are read-only and shown in the value chip for non-`indicator` types.
- * - **`hasAlert`** – wraps the whole transmitter in an alarm `<obc-alert-frame>`.
+ * - **Alert frame** – `hasAlert` wraps the whole transmitter in an
+ *   `<obc-alert-frame>`. `alertFrameStatus`, `alertFrameType`,
+ *   `alertFrameThickness` and `alertFrameMode` set its severity, flap, border
+ *   and flashing, with the same names as on the automation devices; a flap
+ *   carries the status badge and the `alert-icon`, `alert-label` and
+ *   `alert-timer` slots.
  * - **Formatting** – `fractionDigits`, `maxDigits`, `hintedZeros` and
  *   `hasSignSpacer` are forwarded to the value chip to control decimal
  *   precision, muted leading-zero padding (e.g. `0012.3`) and the sign
@@ -38,23 +45,48 @@ export declare enum TransmitterType {
  *   `value`, `adviceValue` and `setpointValue` render dashes when they are
  *   `NaN`, `null` or `undefined`.
  *
+ * **TODO(designer):** the Figma Transmitter set (25656:45081) draws no alert
+ * state, so the frame and its flaps follow the automation devices.
+ *
  * ### Slots
- * | Slot Name | Conditions              | Purpose                         |
- * |-----------|-------------------------|---------------------------------|
- * | icon      | value/graph + `hasIcon` | Leading icon in the value chip. |
+ * | Slot Name   | Conditions                                               | Purpose                         |
+ * |-------------|----------------------------------------------------------|---------------------------------|
+ * | icon        | value/graph + `hasIcon`                                  | Leading icon in the value chip. |
+ * | alert-icon  | `hasAlert` + `showAlertIcon`, large side/bottom/top flap | Custom icon in the alert flap.  |
+ * | alert-label | `hasAlert`, bottom/top flap                              | Label in the alert flap.        |
+ * | alert-timer | `hasAlert`, bottom/top flap                              | Timer in the alert flap.        |
  *
  * @property maxDigits - Integer digits to reserve / hint (independent of `fractionDigits`).
  * @property hasSignSpacer - Reserve a minus-sign column on every segment, filled by the real sign
  *   only while a value is negative, so the chip's width does not change
  *   across zero.
  * @property hasDegree - Show a degree column between the value and the unit (e.g. `12.3°` then `C`).
- * @property hasAlert - Wrap the transmitter in an `<obc-alert-frame>` (alarm) when true.
+ * @property hasAlert - Wrap the transmitter in an `<obc-alert-frame>` when true.
+ * @property alertFrameStatus - Severity of the alert frame, which picks its colour and flap badge:
+ *   `alarm` (default), `warning`, `caution` or one of the `level-*` severities.
+ * @availableWhen alertFrameStatus hasAlert==true
+ * @property alertFrameType - Flap of the alert frame: `regular` (default) draws the outline alone,
+ *   `small-side-flip`, `large-side-flip`, `bottom-flip` and `top-flip` add a flap
+ *   with the status badge.
+ * @availableWhen alertFrameType hasAlert==true
+ * @property alertFrameThickness - Border of the alert frame: `small` (default) or `large`.
+ * @availableWhen alertFrameThickness hasAlert==true
+ * @property alertFrameMode - Acknowledgement state of the alert: `acked-active` (default) is steady,
+ *   `unacked-active` flashes, `unacked-rectified` flashes a dashed frame.
+ * @availableWhen alertFrameMode hasAlert==true
+ * @property showAlertCategoryIcon - Show the status badge in the flap; a small side flap without it is not drawn.
+ * @availableWhen showAlertCategoryIcon hasAlert==true && alertFrameType in [SmallSideFlip, LargeSideFlip, BottomFlip, TopFlip]
+ * @property showAlertIcon - Show the `alert-icon` slot in a large side, bottom or top flap.
+ * @availableWhen showAlertIcon hasAlert==true && alertFrameType in [LargeSideFlip, BottomFlip, TopFlip]
  * @property adviceValue - Advisory value shown in the leading advice segment when `hasAdvice`.
  * @property setpointValue - Target value shown in the setpoint segment when `hasSetPoint`.
  * @property tag - Tag identifier shown when `type` is `indicator` (e.g. `TT`).
  * @property idTag - Optional identifier shown below the chip (e.g. `#0000`).
  * @property data - Trend data for the graph types: `[xValues, yValues]`.
  * @slot icon - Leading icon in the value chip.
+ * @slot alert-icon - Custom icon in the alert flap, shown when `hasAlert` and `showAlertIcon`.
+ * @slot alert-label - Label in a bottom or top alert flap, shown when `hasAlert`.
+ * @slot alert-timer - Timer in a bottom or top alert flap, shown when `hasAlert`.
  *
  * @experimental
  */
@@ -75,8 +107,44 @@ export declare class ObcTransmitter extends LitElement {
     size: TransmitterButtonSize;
     hasIcon: boolean;
     hasAdvice: boolean;
-    /** Wrap the transmitter in an `<obc-alert-frame>` (alarm) when true. */
+    /** Wrap the transmitter in an `<obc-alert-frame>` when true. */
     hasAlert: boolean;
+    /**
+     * Severity of the alert frame, which picks its colour and flap badge: `alarm` (default), `warning`, `caution` or one of the `level-*` severities.
+     *
+     * Available when `hasAlert==true`.
+     */
+    alertFrameStatus: AlertType;
+    /**
+     * Flap of the alert frame: `regular` (default) draws the outline alone, `small-side-flip`, `large-side-flip`, `bottom-flip` and `top-flip` add a flap with the status badge.
+     *
+     * Available when `hasAlert==true`.
+     */
+    alertFrameType: ObcAlertFrameType;
+    /**
+     * Border of the alert frame: `small` (default) or `large`.
+     *
+     * Available when `hasAlert==true`.
+     */
+    alertFrameThickness: ObcAlertFrameThickness;
+    /**
+     * Acknowledgement state of the alert: `acked-active` (default) is steady, `unacked-active` flashes, `unacked-rectified` flashes a dashed frame.
+     *
+     * Available when `hasAlert==true`.
+     */
+    alertFrameMode: ObcAlertFrameMode;
+    /**
+     * Show the status badge in the flap; a small side flap without it is not drawn.
+     *
+     * Available when `hasAlert==true && alertFrameType in [SmallSideFlip, LargeSideFlip, BottomFlip, TopFlip]`.
+     */
+    showAlertCategoryIcon: boolean;
+    /**
+     * Show the `alert-icon` slot in a large side, bottom or top flap.
+     *
+     * Available when `hasAlert==true && alertFrameType in [LargeSideFlip, BottomFlip, TopFlip]`.
+     */
+    showAlertIcon: boolean;
     /** Advisory value shown in the leading advice segment when `hasAdvice`. */
     adviceValue?: number | null;
     hasSetPoint: boolean;
@@ -93,7 +161,8 @@ export declare class ObcTransmitter extends LitElement {
     private renderGraph;
     private renderLabel;
     private renderContent;
-    render(): import('lit-html').TemplateResult<1>;
+    private renderAlertFrame;
+    render(): TemplateResult<1>;
     static styles: import('lit').CSSResult;
 }
 declare global {

package/dist/automation/transmitter/transmitter.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"transmitter.d.ts","sourceRoot":"","sources":["../../../src/automation/transmitter/transmitter.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAA2B,MAAM,KAAK,CAAC;AAKzD,OAAO,EAAC,QAAQ,EAAC,MAAM,aAAa,CAAC;AACrC,OAAO,EACL,sBAAsB,EAEvB,MAAM,yBAAyB,CAAC;AACjC,OAAO,EACL,qBAAqB,EAEtB,MAAM,6CAA6C,CAAC;AACrD,OAAO,6CAA6C,CAAC;AAKrD,OAAO,iEAAiE,CAAC;AAEzE,OAAO,6CAA6C,CAAC;AAErD,OAAO,EACL,sBAAsB,EACtB,uBAAuB,GACxB,MAAM,yBAAyB,CAAC;AAEjC,oBAAY,eAAe;IACzB,SAAS,cAAc;IACvB,KAAK,UAAU;IACf,eAAe,qBAAqB;IACpC,aAAa,mBAAmB;CACjC;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6CG;AACH,qBACa,cAAe,SAAQ,UAAU;IAClB,WAAW,EAAE,sBAAsB,CAC7B;IACN,IAAI,EAAE,eAAe,CAAyB;IAC9C,QAAQ,EAAE,QAAQ,GAAG,SAAS,CAAa;IAE3C,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,IAAI,SAAM;IACV,cAAc,SAAK;IAEnB,SAAS,SAAK;IAEb,WAAW,UAAS;IACpB,aAAa,UAAS;IACtB,SAAS,UAAS;IACnB,IAAI,EAAE,qBAAqB,CACrB;IACL,OAAO,UAAS;IAChB,SAAS,UAAS;IAElB,QAAQ,UAAS;IAElB,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAE3B,WAAW,UAAS;IAErB,aAAa,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAE9B,GAAG,SAAM;IAET,KAAK,SAAM;IAEZ,IAAI,EAAE,CAAC,MAAM,EAAE,EAAE,MAAM,EAAE,CAAC,CAAY;IAE/D,OAAO,KAAK,QAAQ,GAKnB;IAED,OAAO,CAAC,YAAY;IA+BpB,OAAO,CAAC,WAAW;IAgBnB,OAAO,CAAC,WAAW;IAOnB,OAAO,CAAC,aAAa;IASZ,MAAM;IA4Bf,OAAgB,MAAM,0BAA6B;CACpD;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,iBAAiB,EAAE,cAAc,CAAC;KACnC;CACF"}
+{"version":3,"file":"transmitter.d.ts","sourceRoot":"","sources":["../../../src/automation/transmitter/transmitter.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAA2B,MAAM,KAAK,CAAC;AACzD,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,KAAK,CAAC;AAKxC,OAAO,EAAC,QAAQ,EAAC,MAAM,aAAa,CAAC;AACrC,OAAO,EACL,sBAAsB,EAEvB,MAAM,yBAAyB,CAAC;AACjC,OAAO,EACL,qBAAqB,EAEtB,MAAM,6CAA6C,CAAC;AACrD,OAAO,6CAA6C,CAAC;AAKrD,OAAO,iEAAiE,CAAC;AACzE,OAAO,EACL,iBAAiB,EACjB,sBAAsB,EACtB,iBAAiB,EAClB,MAAM,6CAA6C,CAAC;AACrD,OAAO,6CAA6C,CAAC;AACrD,OAAO,EAAC,SAAS,EAAC,MAAM,gBAAgB,CAAC;AAEzC,OAAO,EACL,sBAAsB,EACtB,uBAAuB,GACxB,MAAM,yBAAyB,CAAC;AAEjC,oBAAY,eAAe;IACzB,SAAS,cAAc;IACvB,KAAK,UAAU;IACf,eAAe,qBAAqB;IACpC,aAAa,mBAAmB;CACjC;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2EG;AACH,qBACa,cAAe,SAAQ,UAAU;IAClB,WAAW,EAAE,sBAAsB,CAC7B;IACN,IAAI,EAAE,eAAe,CAAyB;IAC9C,QAAQ,EAAE,QAAQ,GAAG,SAAS,CAAa;IAE3C,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,IAAI,SAAM;IACV,cAAc,SAAK;IAEnB,SAAS,SAAK;IAEb,WAAW,UAAS;IACpB,aAAa,UAAS;IACtB,SAAS,UAAS;IACnB,IAAI,EAAE,qBAAqB,CACrB;IACL,OAAO,UAAS;IAChB,SAAS,UAAS;IAElB,QAAQ,UAAS;IAClB,gBAAgB,EAAE,SAAS,CAAmB;IAC9C,cAAc,EAAE,iBAAiB,CAC/B;IACF,mBAAmB,EAAE,sBAAsB,CACtC;IACL,cAAc,EAAE,iBAAiB,CAC3B;IACa,qBAAqB,UAAQ;IAC/C,aAAa,UAAS;IAEvB,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAE3B,WAAW,UAAS;IAErB,aAAa,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAE9B,GAAG,SAAM;IAET,KAAK,SAAM;IAEZ,IAAI,EAAE,CAAC,MAAM,EAAE,EAAE,MAAM,EAAE,CAAC,CAAY;IAE/D,OAAO,KAAK,QAAQ,GAKnB;IAED,OAAO,CAAC,YAAY;IA+BpB,OAAO,CAAC,WAAW;IAgBnB,OAAO,CAAC,WAAW;IAOnB,OAAO,CAAC,aAAa;IASrB,OAAO,CAAC,gBAAgB;IAoBf,MAAM;IAoBf,OAAgB,MAAM,0BAA6B;CACpD;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,iBAAiB,EAAE,cAAc,CAAC;KACnC;CACF"}

package/dist/automation/transmitter/transmitter.js

@@ -1,6 +1,7 @@
+import { AlertType } from "../../types.js";
 import { customElement } from "../../decorator.js";
 import __decorate from "../../_virtual/_@oxc-project_runtime@0.150.0/helpers/esm/decorate.js";
-import { ObcAlertFrameType } from "../../components/alert-frame/alert-frame.js";
+import { ObcAlertFrameMode, ObcAlertFrameThickness, ObcAlertFrameType } from "../../components/alert-frame/alert-frame.js";
 import { TransmitterOrientation, transmitterLeaderOffset } from "./transmitter-shared.js";
 import transmitter_default from "./transmitter.css.js";
 import { TransmitterButtonSize, TransmitterButtonVariant } from "../transmitter-button/transmitter-button.js";
@@ -32,6 +33,12 @@ var ObcTransmitter = class ObcTransmitter extends LitElement {
 		this.hasIcon = false;
 		this.hasAdvice = false;
 		this.hasAlert = false;
+		this.alertFrameStatus = AlertType.Alarm;
+		this.alertFrameType = ObcAlertFrameType.Regular;
+		this.alertFrameThickness = ObcAlertFrameThickness.Small;
+		this.alertFrameMode = ObcAlertFrameMode.ackedActive;
+		this.showAlertCategoryIcon = true;
+		this.showAlertIcon = false;
 		this.hasSetPoint = false;
 		this.tag = "";
 		this.idTag = "";
@@ -89,18 +96,29 @@ var ObcTransmitter = class ObcTransmitter extends LitElement {
         <div class="body">${this.renderButton()} ${this.renderGraph()}</div>
         ${this.renderLabel()}
       </div>
+    `;
+	}
+	renderAlertFrame(content) {
+		return 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}
+        .wrapContent=${true}
+      >
+        ${content}
+        <span slot="icon"><slot name="alert-icon"></slot></span>
+        <span slot="label"><slot name="alert-label"></slot></span>
+        <span slot="timer"><slot name="alert-timer"></slot></span>
+      </obc-alert-frame>
     `;
 	}
 	render() {
-		const content = this.hasAlert ? html`
-          <obc-alert-frame
-            class="alert-frame"
-            .type=${ObcAlertFrameType.Regular}
-            .wrapContent=${true}
-          >
-            ${this.renderContent()}
-          </obc-alert-frame>
-        ` : this.renderContent();
+		const content = this.hasAlert ? this.renderAlertFrame(this.renderContent()) : this.renderContent();
 		return html`
       <div
         class=${classMap({
@@ -133,6 +151,15 @@ __decorate([property({ type: String })], ObcTransmitter.prototype, "size", void
 __decorate([property({ type: Boolean })], ObcTransmitter.prototype, "hasIcon", void 0);
 __decorate([property({ type: Boolean })], ObcTransmitter.prototype, "hasAdvice", void 0);
 __decorate([property({ type: Boolean })], ObcTransmitter.prototype, "hasAlert", void 0);
+__decorate([property({ type: String })], ObcTransmitter.prototype, "alertFrameStatus", void 0);
+__decorate([property({ type: String })], ObcTransmitter.prototype, "alertFrameType", void 0);
+__decorate([property({ type: String })], ObcTransmitter.prototype, "alertFrameThickness", void 0);
+__decorate([property({ type: String })], ObcTransmitter.prototype, "alertFrameMode", void 0);
+__decorate([property({
+	type: Boolean,
+	attribute: false
+})], ObcTransmitter.prototype, "showAlertCategoryIcon", void 0);
+__decorate([property({ type: Boolean })], ObcTransmitter.prototype, "showAlertIcon", void 0);
 __decorate([property({ type: Number })], ObcTransmitter.prototype, "adviceValue", void 0);
 __decorate([property({ type: Boolean })], ObcTransmitter.prototype, "hasSetPoint", void 0);
 __decorate([property({ type: Number })], ObcTransmitter.prototype, "setpointValue", void 0);