@oicl/openbridge-webcomponents 2.0.0-next.110 → 2.0.0-next.112

package/dist/automation/indicator-battery/indicator-battery.css.js

@@ -0,0 +1,52 @@
+import { css } from "lit";
+const componentStyle = css`* {
+  -webkit-tap-highlight-color: transparent;
+}
+
+:host {
+  display: block;
+  position: relative;
+  width: 48px;
+  height: 48px;
+}
+
+svg {
+  display: block;
+  width: 100%;
+  height: 100%;
+}
+
+.shell {
+  fill: var(--instrument-frame-primary-color);
+  stroke: var(--instrument-frame-tertiary-color);
+}
+
+.tip {
+  fill: var(--instrument-frame-tertiary-color);
+}
+
+.icon-wrapper {
+  position: absolute;
+  inset: 12px;
+  color: var(--element-neutral-color);
+}
+
+:host([value="enhanced"]) .icon-wrapper {
+  color: var(--element-neutral-enhanced-color);
+}
+
+:host([value="categorical"]) .icon-wrapper {
+  color: var(--base-teal-500);
+}
+
+.icon-wrapper ::slotted(*),
+.icon-wrapper obi-energy-battery {
+  display: block;
+  width: 100%;
+  height: 100%;
+}
+`;
+export {
+  componentStyle as default
+};
+//# sourceMappingURL=indicator-battery.css.js.map

package/dist/automation/indicator-battery/indicator-battery.css.js.map

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

package/dist/automation/indicator-battery/indicator-battery.d.ts

@@ -0,0 +1,65 @@
+import { LitElement } from 'lit';
+import { IndicatorDirection } from '../indicator-shared/linear-indicator.js';
+import '../../icons/icon-energy-battery.js';
+export declare enum IndicatorBatteryVariant {
+    bar = "bar",
+    trend = "trend"
+}
+export declare enum IndicatorBatteryValue {
+    regular = "regular",
+    enhanced = "enhanced",
+    categorical = "categorical"
+}
+/**
+ * Compact 48×48 battery charge indicator.
+ *
+ * ## Features / Variants
+ * - `variant`: `bar` (bottom-up percentage fill) or `trend` (history graph
+ *   with a current-value micro-bar)
+ * - `direction`: `vertical` or `horizontal` battery shell
+ * - `value`: color scheme — `regular`, `enhanced` or `categorical`
+ * - `level`: current charge 0–100 (%), drives the fill and micro-bar
+ * - `data`: history samples 0–100 (%) drawn as the trend graph
+ * - `hasIcon`: centered icon overlay (bar variant only)
+ *
+ * ## Usage Guidelines
+ * Use as an at-a-glance charge indicator in dashboards and lists. For a
+ * full-featured tank/battery cell with readouts, badges and setpoints, use
+ * `obc-automation-tank` (type `battery`) instead.
+ *
+ * ## Best Practices / Constraints
+ * - `level` and `data` values are clamped to 0–100; values outside that
+ *   range are pinned to the nearest bound.
+ * - The `trend` variant needs at least two `data` samples to draw a line;
+ *   with fewer it shows only the current-value micro-bar.
+ * - The `icon` slot renders only in the `bar` variant; it is ignored in
+ *   `trend`.
+ * - Display-only: the root SVG is `aria-hidden`; convey battery state to
+ *   assistive tech through adjacent text if it is not otherwise available.
+ *
+ * ## Slots
+ * | Slot   | Condition                     | Purpose                        |
+ * | ------ | ----------------------------- | ------------------------------ |
+ * | `icon` | `hasIcon` and `variant='bar'` | Icon overlay (`obi-*` element) |
+ *
+ * @slot icon - Centered icon overlay, defaults to `obi-energy-battery`
+ */
+export declare class ObcIndicatorBattery extends LitElement {
+    direction: IndicatorDirection;
+    variant: IndicatorBatteryVariant;
+    value: IndicatorBatteryValue;
+    /** Current charge, 0-100 (%) */
+    level: number;
+    /** History samples, 0-100 (%) each, oldest first */
+    data: number[];
+    hasIcon: boolean;
+    private get scheme();
+    render(): import('lit-html').TemplateResult<1>;
+    static styles: import('lit').CSSResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'obc-indicator-battery': ObcIndicatorBattery;
+    }
+}
+//# sourceMappingURL=indicator-battery.d.ts.map

package/dist/automation/indicator-battery/indicator-battery.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"indicator-battery.d.ts","sourceRoot":"","sources":["../../../src/automation/indicator-battery/indicator-battery.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAA2B,MAAM,KAAK,CAAC;AAIzD,OAAO,oCAAoC,CAAC;AAC5C,OAAO,EACL,kBAAkB,EAKnB,MAAM,yCAAyC,CAAC;AAEjD,oBAAY,uBAAuB;IACjC,GAAG,QAAQ;IACX,KAAK,UAAU;CAChB;AAED,oBAAY,qBAAqB;IAC/B,OAAO,YAAY;IACnB,QAAQ,aAAa;IACrB,WAAW,gBAAgB;CAC5B;AAaD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiCG;AACH,qBACa,mBAAoB,SAAQ,UAAU;IACR,SAAS,EAAE,kBAAkB,CACxC;IACW,OAAO,EAAE,uBAAuB,CAC3C;IACW,KAAK,EAAE,qBAAqB,CACrC;IAChC,gCAAgC;IACN,KAAK,SAAK;IACpC,oDAAoD;IAC3B,IAAI,EAAE,MAAM,EAAE,CAAM;IAClB,OAAO,UAAS;IAE3C,OAAO,KAAK,MAAM,GASjB;IAEQ,MAAM;IA+Cf,OAAgB,MAAM,0BAA6B;CACpD;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,uBAAuB,EAAE,mBAAmB,CAAC;KAC9C;CACF"}

package/dist/automation/indicator-battery/indicator-battery.js

@@ -0,0 +1,119 @@
+import { unsafeCSS, LitElement, nothing, html } from "lit";
+import { property } from "lit/decorators.js";
+import componentStyle from "./indicator-battery.css.js";
+import { customElement } from "../../decorator.js";
+import "../../icons/icon-energy-battery.js";
+import { IndicatorDirection, LinearIndicatorScheme, renderTrendGraph, renderLinearBar } from "../indicator-shared/linear-indicator.js";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __decorateClass = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
+  for (var i = decorators.length - 1, decorator; i >= 0; i--)
+    if (decorator = decorators[i])
+      result = (kind ? decorator(target, key, result) : decorator(result)) || result;
+  if (kind && result) __defProp(target, key, result);
+  return result;
+};
+var IndicatorBatteryVariant = /* @__PURE__ */ ((IndicatorBatteryVariant2) => {
+  IndicatorBatteryVariant2["bar"] = "bar";
+  IndicatorBatteryVariant2["trend"] = "trend";
+  return IndicatorBatteryVariant2;
+})(IndicatorBatteryVariant || {});
+var IndicatorBatteryValue = /* @__PURE__ */ ((IndicatorBatteryValue2) => {
+  IndicatorBatteryValue2["regular"] = "regular";
+  IndicatorBatteryValue2["enhanced"] = "enhanced";
+  IndicatorBatteryValue2["categorical"] = "categorical";
+  return IndicatorBatteryValue2;
+})(IndicatorBatteryValue || {});
+const HORIZONTAL_SHELL = { x: 6, y: 8, width: 36, height: 32 };
+const VERTICAL_SHELL = { x: 8, y: 6, width: 32, height: 36 };
+const HORIZONTAL_BAR = { x: 9, y: 11, width: 30, height: 26 };
+const VERTICAL_BAR = { x: 11, y: 9, width: 26, height: 30 };
+const HORIZONTAL_TREND = { x: 8, y: 10, width: 32, height: 28 };
+const VERTICAL_TREND = { x: 10, y: 8, width: 28, height: 32 };
+const HORIZONTAL_TIP_PATH = "M42 18 H44 A2 2 0 0 1 46 20 V28 A2 2 0 0 1 44 30 H42 Z";
+const VERTICAL_TIP_PATH = "M18 6 V4 A2 2 0 0 1 20 2 H28 A2 2 0 0 1 30 4 V6 Z";
+let ObcIndicatorBattery = class extends LitElement {
+  constructor() {
+    super(...arguments);
+    this.direction = IndicatorDirection.vertical;
+    this.variant = "bar";
+    this.value = "regular";
+    this.level = 0;
+    this.data = [];
+    this.hasIcon = false;
+  }
+  get scheme() {
+    switch (this.value) {
+      case "enhanced":
+        return LinearIndicatorScheme.enhanced;
+      case "categorical":
+        return LinearIndicatorScheme.categorical;
+      default:
+        return LinearIndicatorScheme.regular;
+    }
+  }
+  render() {
+    const horizontal = this.direction === IndicatorDirection.horizontal;
+    const trend = this.variant === "trend";
+    const shell = horizontal ? HORIZONTAL_SHELL : VERTICAL_SHELL;
+    const barRect = horizontal ? trend ? HORIZONTAL_TREND : HORIZONTAL_BAR : trend ? VERTICAL_TREND : VERTICAL_BAR;
+    const showIcon = this.hasIcon && this.variant === "bar";
+    return html`
+      <svg viewBox="0 0 48 48" aria-hidden="true">
+        <path
+          class="tip"
+          d=${horizontal ? HORIZONTAL_TIP_PATH : VERTICAL_TIP_PATH}
+        />
+        <rect
+          class="shell"
+          x=${shell.x}
+          y=${shell.y}
+          width=${shell.width}
+          height=${shell.height}
+          rx="4"
+        />
+        ${this.variant === "trend" ? renderTrendGraph(
+      barRect,
+      this.data,
+      this.level,
+      this.scheme,
+      "battery"
+    ) : renderLinearBar(barRect, this.level, this.scheme, "battery")}
+      </svg>
+      ${showIcon ? html`<div class="icon-wrapper">
+            <slot name="icon">
+              <obi-energy-battery usecsscolor></obi-energy-battery>
+            </slot>
+          </div>` : nothing}
+    `;
+  }
+};
+ObcIndicatorBattery.styles = unsafeCSS(componentStyle);
+__decorateClass([
+  property({ type: String, reflect: true })
+], ObcIndicatorBattery.prototype, "direction", 2);
+__decorateClass([
+  property({ type: String, reflect: true })
+], ObcIndicatorBattery.prototype, "variant", 2);
+__decorateClass([
+  property({ type: String, reflect: true })
+], ObcIndicatorBattery.prototype, "value", 2);
+__decorateClass([
+  property({ type: Number })
+], ObcIndicatorBattery.prototype, "level", 2);
+__decorateClass([
+  property({ type: Array })
+], ObcIndicatorBattery.prototype, "data", 2);
+__decorateClass([
+  property({ type: Boolean })
+], ObcIndicatorBattery.prototype, "hasIcon", 2);
+ObcIndicatorBattery = __decorateClass([
+  customElement("obc-indicator-battery")
+], ObcIndicatorBattery);
+export {
+  IndicatorBatteryValue,
+  IndicatorBatteryVariant,
+  ObcIndicatorBattery
+};
+//# sourceMappingURL=indicator-battery.js.map

package/dist/automation/indicator-battery/indicator-battery.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"indicator-battery.js","sources":["../../../src/automation/indicator-battery/indicator-battery.ts"],"sourcesContent":["import {LitElement, html, unsafeCSS, nothing} from 'lit';\nimport {property} from 'lit/decorators.js';\nimport componentStyle from './indicator-battery.css?inline';\nimport {customElement} from '../../decorator.js';\nimport '../../icons/icon-energy-battery.js';\nimport {\n  IndicatorDirection,\n  LinearIndicatorScheme,\n  Rect,\n  renderLinearBar,\n  renderTrendGraph,\n} from '../indicator-shared/linear-indicator.js';\n\nexport enum IndicatorBatteryVariant {\n  bar = 'bar',\n  trend = 'trend',\n}\n\nexport enum IndicatorBatteryValue {\n  regular = 'regular',\n  enhanced = 'enhanced',\n  categorical = 'categorical',\n}\n\nconst HORIZONTAL_SHELL: Rect = {x: 6, y: 8, width: 36, height: 32};\nconst VERTICAL_SHELL: Rect = {x: 8, y: 6, width: 32, height: 36};\nconst HORIZONTAL_BAR: Rect = {x: 9, y: 11, width: 30, height: 26};\nconst VERTICAL_BAR: Rect = {x: 11, y: 9, width: 26, height: 30};\nconst HORIZONTAL_TREND: Rect = {x: 8, y: 10, width: 32, height: 28};\nconst VERTICAL_TREND: Rect = {x: 10, y: 8, width: 28, height: 32};\n\nconst HORIZONTAL_TIP_PATH =\n  'M42 18 H44 A2 2 0 0 1 46 20 V28 A2 2 0 0 1 44 30 H42 Z';\nconst VERTICAL_TIP_PATH = 'M18 6 V4 A2 2 0 0 1 20 2 H28 A2 2 0 0 1 30 4 V6 Z';\n\n/**\n * Compact 48×48 battery charge indicator.\n *\n * ## Features / Variants\n * - `variant`: `bar` (bottom-up percentage fill) or `trend` (history graph\n *   with a current-value micro-bar)\n * - `direction`: `vertical` or `horizontal` battery shell\n * - `value`: color scheme — `regular`, `enhanced` or `categorical`\n * - `level`: current charge 0–100 (%), drives the fill and micro-bar\n * - `data`: history samples 0–100 (%) drawn as the trend graph\n * - `hasIcon`: centered icon overlay (bar variant only)\n *\n * ## Usage Guidelines\n * Use as an at-a-glance charge indicator in dashboards and lists. For a\n * full-featured tank/battery cell with readouts, badges and setpoints, use\n * `obc-automation-tank` (type `battery`) instead.\n *\n * ## Best Practices / Constraints\n * - `level` and `data` values are clamped to 0–100; values outside that\n *   range are pinned to the nearest bound.\n * - The `trend` variant needs at least two `data` samples to draw a line;\n *   with fewer it shows only the current-value micro-bar.\n * - The `icon` slot renders only in the `bar` variant; it is ignored in\n *   `trend`.\n * - Display-only: the root SVG is `aria-hidden`; convey battery state to\n *   assistive tech through adjacent text if it is not otherwise available.\n *\n * ## Slots\n * | Slot   | Condition                     | Purpose                        |\n * | ------ | ----------------------------- | ------------------------------ |\n * | `icon` | `hasIcon` and `variant='bar'` | Icon overlay (`obi-*` element) |\n *\n * @slot icon - Centered icon overlay, defaults to `obi-energy-battery`\n */\n@customElement('obc-indicator-battery')\nexport class ObcIndicatorBattery extends LitElement {\n  @property({type: String, reflect: true}) direction: IndicatorDirection =\n    IndicatorDirection.vertical;\n  @property({type: String, reflect: true}) variant: IndicatorBatteryVariant =\n    IndicatorBatteryVariant.bar;\n  @property({type: String, reflect: true}) value: IndicatorBatteryValue =\n    IndicatorBatteryValue.regular;\n  /** Current charge, 0-100 (%) */\n  @property({type: Number}) level = 0;\n  /** History samples, 0-100 (%) each, oldest first */\n  @property({type: Array}) data: number[] = [];\n  @property({type: Boolean}) hasIcon = false;\n\n  private get scheme(): LinearIndicatorScheme {\n    switch (this.value) {\n      case IndicatorBatteryValue.enhanced:\n        return LinearIndicatorScheme.enhanced;\n      case IndicatorBatteryValue.categorical:\n        return LinearIndicatorScheme.categorical;\n      default:\n        return LinearIndicatorScheme.regular;\n    }\n  }\n\n  override render() {\n    const horizontal = this.direction === IndicatorDirection.horizontal;\n    const trend = this.variant === IndicatorBatteryVariant.trend;\n    const shell = horizontal ? HORIZONTAL_SHELL : VERTICAL_SHELL;\n    const barRect = horizontal\n      ? trend\n        ? HORIZONTAL_TREND\n        : HORIZONTAL_BAR\n      : trend\n        ? VERTICAL_TREND\n        : VERTICAL_BAR;\n    const showIcon =\n      this.hasIcon && this.variant === IndicatorBatteryVariant.bar;\n    return html`\n      <svg viewBox=\"0 0 48 48\" aria-hidden=\"true\">\n        <path\n          class=\"tip\"\n          d=${horizontal ? HORIZONTAL_TIP_PATH : VERTICAL_TIP_PATH}\n        />\n        <rect\n          class=\"shell\"\n          x=${shell.x}\n          y=${shell.y}\n          width=${shell.width}\n          height=${shell.height}\n          rx=\"4\"\n        />\n        ${this.variant === IndicatorBatteryVariant.trend\n          ? renderTrendGraph(\n              barRect,\n              this.data,\n              this.level,\n              this.scheme,\n              'battery'\n            )\n          : renderLinearBar(barRect, this.level, this.scheme, 'battery')}\n      </svg>\n      ${showIcon\n        ? html`<div class=\"icon-wrapper\">\n            <slot name=\"icon\">\n              <obi-energy-battery usecsscolor></obi-energy-battery>\n            </slot>\n          </div>`\n        : nothing}\n    `;\n  }\n\n  static override styles = unsafeCSS(componentStyle);\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'obc-indicator-battery': ObcIndicatorBattery;\n  }\n}\n"],"names":["IndicatorBatteryVariant","IndicatorBatteryValue"],"mappings":"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"}

package/dist/automation/indicator-engine/indicator-engine.css.js

@@ -0,0 +1,45 @@
+import { css } from "lit";
+const componentStyle = css`* {
+  -webkit-tap-highlight-color: transparent;
+}
+
+:host {
+  display: block;
+  width: 48px;
+  height: 48px;
+}
+
+svg {
+  display: block;
+  width: 100%;
+  height: 100%;
+}
+
+.frame {
+  fill: var(--instrument-frame-primary-color);
+  stroke: var(--instrument-frame-tertiary-color);
+}
+
+.rail {
+  fill: var(--instrument-frame-tertiary-color);
+}
+
+.cylinder {
+  fill: var(--instrument-frame-tertiary-color);
+  stroke: var(--instrument-frame-tertiary-color);
+}
+
+:host([value="regular"]) .cylinder {
+  fill: var(--automation-device-secondary-color);
+  stroke: var(--element-neutral-color);
+}
+
+:host([value="enhanced"]) .cylinder {
+  fill: var(--base-blue-300);
+  stroke: var(--element-neutral-enhanced-color);
+}
+`;
+export {
+  componentStyle as default
+};
+//# sourceMappingURL=indicator-engine.css.js.map

package/dist/automation/indicator-engine/indicator-engine.css.js.map

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

package/dist/automation/indicator-engine/indicator-engine.d.ts

@@ -0,0 +1,34 @@
+import { LitElement } from 'lit';
+import { IndicatorDirection } from '../indicator-shared/linear-indicator.js';
+export declare enum IndicatorEngineValue {
+    static = "static",
+    regular = "regular",
+    enhanced = "enhanced"
+}
+/**
+ * Compact 48×48 engine indicator glyph.
+ *
+ * ## Features / Variants
+ * - `direction`: `vertical` (upright block with side rails) or `horizontal`
+ *   (lying block on a base rail)
+ * - `value`: cylinder color — `static`, `regular` or `enhanced`
+ *
+ * ## Usage Guidelines
+ * Use as a static engine presence/state glyph in dashboards and lists.
+ * It carries no numeric value; pair it with readouts or other indicators
+ * when quantities must be shown.
+ */
+export declare class ObcIndicatorEngine extends LitElement {
+    value: IndicatorEngineValue;
+    direction: IndicatorDirection;
+    private renderHorizontal;
+    private renderVertical;
+    render(): import('lit-html').TemplateResult<1>;
+    static styles: import('lit').CSSResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'obc-indicator-engine': ObcIndicatorEngine;
+    }
+}
+//# sourceMappingURL=indicator-engine.d.ts.map

package/dist/automation/indicator-engine/indicator-engine.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"indicator-engine.d.ts","sourceRoot":"","sources":["../../../src/automation/indicator-engine/indicator-engine.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAuB,MAAM,KAAK,CAAC;AAIrD,OAAO,EAAC,kBAAkB,EAAC,MAAM,yCAAyC,CAAC;AAE3E,oBAAY,oBAAoB;IAC9B,MAAM,WAAW;IACjB,OAAO,YAAY;IACnB,QAAQ,aAAa;CACtB;AAMD;;;;;;;;;;;;GAYG;AACH,qBACa,kBAAmB,SAAQ,UAAU;IACP,KAAK,EAAE,oBAAoB,CACtC;IACW,SAAS,EAAE,kBAAkB,CACxC;IAE9B,OAAO,CAAC,gBAAgB;IAYxB,OAAO,CAAC,cAAc;IAYb,MAAM;IAUf,OAAgB,MAAM,0BAA6B;CACpD;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,sBAAsB,EAAE,kBAAkB,CAAC;KAC5C;CACF"}

package/dist/automation/indicator-engine/indicator-engine.js

@@ -0,0 +1,73 @@
+import { unsafeCSS, LitElement, svg, html } from "lit";
+import { property } from "lit/decorators.js";
+import componentStyle from "./indicator-engine.css.js";
+import { customElement } from "../../decorator.js";
+import { IndicatorDirection } from "../indicator-shared/linear-indicator.js";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __decorateClass = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
+  for (var i = decorators.length - 1, decorator; i >= 0; i--)
+    if (decorator = decorators[i])
+      result = (kind ? decorator(target, key, result) : decorator(result)) || result;
+  if (kind && result) __defProp(target, key, result);
+  return result;
+};
+var IndicatorEngineValue = /* @__PURE__ */ ((IndicatorEngineValue2) => {
+  IndicatorEngineValue2["static"] = "static";
+  IndicatorEngineValue2["regular"] = "regular";
+  IndicatorEngineValue2["enhanced"] = "enhanced";
+  return IndicatorEngineValue2;
+})(IndicatorEngineValue || {});
+const CYLINDER_RADIUS = 3;
+const HORIZONTAL_CYLINDER_CENTERS = [12, 20, 28, 36];
+const VERTICAL_CYLINDER_CENTERS = [12, 20, 28, 36];
+let ObcIndicatorEngine = class extends LitElement {
+  constructor() {
+    super(...arguments);
+    this.value = "static";
+    this.direction = IndicatorDirection.vertical;
+  }
+  renderHorizontal() {
+    return svg`
+      <rect class="rail" x="6" y="38" width="36" height="4" rx="2" />
+      <rect class="frame" x="6" y="12" width="36" height="24" rx="4" />
+      <rect class="rail" x="9" y="24" width="30" height="1" rx="0.5" />
+      ${HORIZONTAL_CYLINDER_CENTERS.map(
+      (cx) => svg`<circle class="cylinder" cx=${cx} cy="18" r=${CYLINDER_RADIUS} />`
+    )}
+    `;
+  }
+  renderVertical() {
+    return svg`
+      <rect class="frame" x="12" y="6" width="24" height="36" rx="4" />
+      <rect class="rail" x="16" y="10" width="1" height="28" rx="0.5" />
+      <rect class="rail" x="31" y="10" width="1" height="28" rx="0.5" />
+      ${VERTICAL_CYLINDER_CENTERS.map(
+      (cy) => svg`<circle class="cylinder" cx="24" cy=${cy} r=${CYLINDER_RADIUS} />`
+    )}
+    `;
+  }
+  render() {
+    return html`
+      <svg viewBox="0 0 48 48" aria-hidden="true">
+        ${this.direction === IndicatorDirection.horizontal ? this.renderHorizontal() : this.renderVertical()}
+      </svg>
+    `;
+  }
+};
+ObcIndicatorEngine.styles = unsafeCSS(componentStyle);
+__decorateClass([
+  property({ type: String, reflect: true })
+], ObcIndicatorEngine.prototype, "value", 2);
+__decorateClass([
+  property({ type: String, reflect: true })
+], ObcIndicatorEngine.prototype, "direction", 2);
+ObcIndicatorEngine = __decorateClass([
+  customElement("obc-indicator-engine")
+], ObcIndicatorEngine);
+export {
+  IndicatorEngineValue,
+  ObcIndicatorEngine
+};
+//# sourceMappingURL=indicator-engine.js.map

package/dist/automation/indicator-engine/indicator-engine.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"indicator-engine.js","sources":["../../../src/automation/indicator-engine/indicator-engine.ts"],"sourcesContent":["import {LitElement, html, svg, unsafeCSS} from 'lit';\nimport {property} from 'lit/decorators.js';\nimport componentStyle from './indicator-engine.css?inline';\nimport {customElement} from '../../decorator.js';\nimport {IndicatorDirection} from '../indicator-shared/linear-indicator.js';\n\nexport enum IndicatorEngineValue {\n  static = 'static',\n  regular = 'regular',\n  enhanced = 'enhanced',\n}\n\nconst CYLINDER_RADIUS = 3;\nconst HORIZONTAL_CYLINDER_CENTERS = [12, 20, 28, 36];\nconst VERTICAL_CYLINDER_CENTERS = [12, 20, 28, 36];\n\n/**\n * Compact 48×48 engine indicator glyph.\n *\n * ## Features / Variants\n * - `direction`: `vertical` (upright block with side rails) or `horizontal`\n *   (lying block on a base rail)\n * - `value`: cylinder color — `static`, `regular` or `enhanced`\n *\n * ## Usage Guidelines\n * Use as a static engine presence/state glyph in dashboards and lists.\n * It carries no numeric value; pair it with readouts or other indicators\n * when quantities must be shown.\n */\n@customElement('obc-indicator-engine')\nexport class ObcIndicatorEngine extends LitElement {\n  @property({type: String, reflect: true}) value: IndicatorEngineValue =\n    IndicatorEngineValue.static;\n  @property({type: String, reflect: true}) direction: IndicatorDirection =\n    IndicatorDirection.vertical;\n\n  private renderHorizontal() {\n    return svg`\n      <rect class=\"rail\" x=\"6\" y=\"38\" width=\"36\" height=\"4\" rx=\"2\" />\n      <rect class=\"frame\" x=\"6\" y=\"12\" width=\"36\" height=\"24\" rx=\"4\" />\n      <rect class=\"rail\" x=\"9\" y=\"24\" width=\"30\" height=\"1\" rx=\"0.5\" />\n      ${HORIZONTAL_CYLINDER_CENTERS.map(\n        (cx) =>\n          svg`<circle class=\"cylinder\" cx=${cx} cy=\"18\" r=${CYLINDER_RADIUS} />`\n      )}\n    `;\n  }\n\n  private renderVertical() {\n    return svg`\n      <rect class=\"frame\" x=\"12\" y=\"6\" width=\"24\" height=\"36\" rx=\"4\" />\n      <rect class=\"rail\" x=\"16\" y=\"10\" width=\"1\" height=\"28\" rx=\"0.5\" />\n      <rect class=\"rail\" x=\"31\" y=\"10\" width=\"1\" height=\"28\" rx=\"0.5\" />\n      ${VERTICAL_CYLINDER_CENTERS.map(\n        (cy) =>\n          svg`<circle class=\"cylinder\" cx=\"24\" cy=${cy} r=${CYLINDER_RADIUS} />`\n      )}\n    `;\n  }\n\n  override render() {\n    return html`\n      <svg viewBox=\"0 0 48 48\" aria-hidden=\"true\">\n        ${this.direction === IndicatorDirection.horizontal\n          ? this.renderHorizontal()\n          : this.renderVertical()}\n      </svg>\n    `;\n  }\n\n  static override styles = unsafeCSS(componentStyle);\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'obc-indicator-engine': ObcIndicatorEngine;\n  }\n}\n"],"names":["IndicatorEngineValue"],"mappings":";;;;;;;;;;;;;;;AAMO,IAAK,yCAAAA,0BAAL;AACLA,wBAAA,QAAA,IAAS;AACTA,wBAAA,SAAA,IAAU;AACVA,wBAAA,UAAA,IAAW;AAHD,SAAAA;AAAA,GAAA,wBAAA,CAAA,CAAA;AAMZ,MAAM,kBAAkB;AACxB,MAAM,8BAA8B,CAAC,IAAI,IAAI,IAAI,EAAE;AACnD,MAAM,4BAA4B,CAAC,IAAI,IAAI,IAAI,EAAE;AAgB1C,IAAM,qBAAN,cAAiC,WAAW;AAAA,EAA5C,cAAA;AAAA,UAAA,GAAA,SAAA;AACoC,SAAA,QACvC;AACuC,SAAA,YACvC,mBAAmB;AAAA,EAAA;AAAA,EAEb,mBAAmB;AACzB,WAAO;AAAA;AAAA;AAAA;AAAA,QAIH,4BAA4B;AAAA,MAC5B,CAAC,OACC,kCAAkC,EAAE,cAAc,eAAe;AAAA,IAAA,CACpE;AAAA;AAAA,EAEL;AAAA,EAEQ,iBAAiB;AACvB,WAAO;AAAA;AAAA;AAAA;AAAA,QAIH,0BAA0B;AAAA,MAC1B,CAAC,OACC,0CAA0C,EAAE,MAAM,eAAe;AAAA,IAAA,CACpE;AAAA;AAAA,EAEL;AAAA,EAES,SAAS;AAChB,WAAO;AAAA;AAAA,UAED,KAAK,cAAc,mBAAmB,aACpC,KAAK,iBAAA,IACL,KAAK,eAAA,CAAgB;AAAA;AAAA;AAAA,EAG/B;AAGF;AAzCa,mBAwCK,SAAS,UAAU,cAAc;AAvCR,gBAAA;AAAA,EAAxC,SAAS,EAAC,MAAM,QAAQ,SAAS,MAAK;AAAA,GAD5B,mBAC8B,WAAA,SAAA,CAAA;AAEA,gBAAA;AAAA,EAAxC,SAAS,EAAC,MAAM,QAAQ,SAAS,MAAK;AAAA,GAH5B,mBAG8B,WAAA,aAAA,CAAA;AAH9B,qBAAN,gBAAA;AAAA,EADN,cAAc,sBAAsB;AAAA,GACxB,kBAAA;"}

package/dist/automation/indicator-generator/indicator-generator-geometry.d.ts

@@ -0,0 +1,30 @@
+export declare const BUTTON_SILHOUETTE_RADIUS = 18.5;
+export declare const DISC_RADIUS = 17.5;
+export declare const FILLED_DISC_RADIUS = 18.5;
+export declare const BAR_SILHOUETTE_RADIUS = 19.5;
+export declare const BAR_SILHOUETTE_STROKE_WIDTH = 3;
+export declare const BAR_OUTLINE_RADIUS = 16.5;
+export declare const DOUBLE_BAR_OUTLINE_RADIUS = 17.5;
+export declare const OUTLINE_STROKE_WIDTH = 3;
+export declare const BAR_TRACK_RADIUS = 18;
+export declare const BAR_TRACK_STROKE_WIDTH = 4;
+export declare const DOUBLE_BAR_OUTER_RADIUS = 22;
+export declare const DOUBLE_BAR_OUTER_STROKE_WIDTH = 4;
+export declare const DOUBLE_BAR_INNER_RADIUS = 18;
+export declare const DOUBLE_BAR_INNER_STROKE_WIDTH = 2;
+export declare function clampPercent(value: number): number;
+/** Sweep (deg) of the progress arc, clockwise from 12 o'clock. */
+export declare function progressSweep(level: number): number;
+/** Point on a circle; angle in degrees clockwise from 12 o'clock. */
+export declare function polarPoint(cx: number, cy: number, radius: number, angleDeg: number): {
+    x: number;
+    y: number;
+};
+/**
+ * Circular arc path from startAngle to endAngle (deg, clockwise from
+ * 12 o'clock), meant to be stroked. Sweeps above 180° are split into two
+ * arc segments; non-positive sweeps yield an empty string. Full circles
+ * (sweep 360) should be drawn with a `<circle>` element instead.
+ */
+export declare function arcPath(cx: number, cy: number, radius: number, startAngleDeg: number, endAngleDeg: number): string;
+//# sourceMappingURL=indicator-generator-geometry.d.ts.map

package/dist/automation/indicator-generator/indicator-generator-geometry.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"indicator-generator-geometry.d.ts","sourceRoot":"","sources":["../../../src/automation/indicator-generator/indicator-generator-geometry.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,wBAAwB,OAAO,CAAC;AAC7C,eAAO,MAAM,WAAW,OAAO,CAAC;AAChC,eAAO,MAAM,kBAAkB,OAAO,CAAC;AACvC,eAAO,MAAM,qBAAqB,OAAO,CAAC;AAC1C,eAAO,MAAM,2BAA2B,IAAI,CAAC;AAC7C,eAAO,MAAM,kBAAkB,OAAO,CAAC;AACvC,eAAO,MAAM,yBAAyB,OAAO,CAAC;AAC9C,eAAO,MAAM,oBAAoB,IAAI,CAAC;AACtC,eAAO,MAAM,gBAAgB,KAAK,CAAC;AACnC,eAAO,MAAM,sBAAsB,IAAI,CAAC;AACxC,eAAO,MAAM,uBAAuB,KAAK,CAAC;AAC1C,eAAO,MAAM,6BAA6B,IAAI,CAAC;AAC/C,eAAO,MAAM,uBAAuB,KAAK,CAAC;AAC1C,eAAO,MAAM,6BAA6B,IAAI,CAAC;AAE/C,wBAAgB,YAAY,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAGlD;AAED,kEAAkE;AAClE,wBAAgB,aAAa,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAEnD;AAED,qEAAqE;AACrE,wBAAgB,UAAU,CACxB,EAAE,EAAE,MAAM,EACV,EAAE,EAAE,MAAM,EACV,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,MAAM,GACf;IAAC,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAA;CAAC,CAMxB;AAED;;;;;GAKG;AACH,wBAAgB,OAAO,CACrB,EAAE,EAAE,MAAM,EACV,EAAE,EAAE,MAAM,EACV,MAAM,EAAE,MAAM,EACd,aAAa,EAAE,MAAM,EACrB,WAAW,EAAE,MAAM,GAClB,MAAM,CAWR"}

package/dist/automation/indicator-generator/indicator-generator-geometry.js

@@ -0,0 +1,61 @@
+const BUTTON_SILHOUETTE_RADIUS = 18.5;
+const DISC_RADIUS = 17.5;
+const FILLED_DISC_RADIUS = 18.5;
+const BAR_SILHOUETTE_RADIUS = 19.5;
+const BAR_SILHOUETTE_STROKE_WIDTH = 3;
+const BAR_OUTLINE_RADIUS = 16.5;
+const DOUBLE_BAR_OUTLINE_RADIUS = 17.5;
+const OUTLINE_STROKE_WIDTH = 3;
+const BAR_TRACK_RADIUS = 18;
+const BAR_TRACK_STROKE_WIDTH = 4;
+const DOUBLE_BAR_OUTER_RADIUS = 22;
+const DOUBLE_BAR_OUTER_STROKE_WIDTH = 4;
+const DOUBLE_BAR_INNER_RADIUS = 18;
+const DOUBLE_BAR_INNER_STROKE_WIDTH = 2;
+function clampPercent(value) {
+  if (Number.isNaN(value)) return 0;
+  return Math.min(100, Math.max(0, value));
+}
+function progressSweep(level) {
+  return 360 * clampPercent(level) / 100;
+}
+function polarPoint(cx, cy, radius, angleDeg) {
+  const rad = angleDeg * Math.PI / 180;
+  return {
+    x: Math.round((cx + radius * Math.sin(rad)) * 1e3) / 1e3,
+    y: Math.round((cy - radius * Math.cos(rad)) * 1e3) / 1e3
+  };
+}
+function arcPath(cx, cy, radius, startAngleDeg, endAngleDeg) {
+  const sweep = endAngleDeg - startAngleDeg;
+  if (sweep <= 0) return "";
+  const start = polarPoint(cx, cy, radius, startAngleDeg);
+  if (sweep > 180) {
+    const mid = polarPoint(cx, cy, radius, startAngleDeg + sweep / 2);
+    const end2 = polarPoint(cx, cy, radius, endAngleDeg);
+    return `M ${start.x} ${start.y} A ${radius} ${radius} 0 0 1 ${mid.x} ${mid.y} A ${radius} ${radius} 0 0 1 ${end2.x} ${end2.y}`;
+  }
+  const end = polarPoint(cx, cy, radius, endAngleDeg);
+  return `M ${start.x} ${start.y} A ${radius} ${radius} 0 0 1 ${end.x} ${end.y}`;
+}
+export {
+  BAR_OUTLINE_RADIUS,
+  BAR_SILHOUETTE_RADIUS,
+  BAR_SILHOUETTE_STROKE_WIDTH,
+  BAR_TRACK_RADIUS,
+  BAR_TRACK_STROKE_WIDTH,
+  BUTTON_SILHOUETTE_RADIUS,
+  DISC_RADIUS,
+  DOUBLE_BAR_INNER_RADIUS,
+  DOUBLE_BAR_INNER_STROKE_WIDTH,
+  DOUBLE_BAR_OUTER_RADIUS,
+  DOUBLE_BAR_OUTER_STROKE_WIDTH,
+  DOUBLE_BAR_OUTLINE_RADIUS,
+  FILLED_DISC_RADIUS,
+  OUTLINE_STROKE_WIDTH,
+  arcPath,
+  clampPercent,
+  polarPoint,
+  progressSweep
+};
+//# sourceMappingURL=indicator-generator-geometry.js.map

package/dist/automation/indicator-generator/indicator-generator-geometry.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"indicator-generator-geometry.js","sources":["../../../src/automation/indicator-generator/indicator-generator-geometry.ts"],"sourcesContent":["export const BUTTON_SILHOUETTE_RADIUS = 18.5;\nexport const DISC_RADIUS = 17.5;\nexport const FILLED_DISC_RADIUS = 18.5;\nexport const BAR_SILHOUETTE_RADIUS = 19.5;\nexport const BAR_SILHOUETTE_STROKE_WIDTH = 3;\nexport const BAR_OUTLINE_RADIUS = 16.5;\nexport const DOUBLE_BAR_OUTLINE_RADIUS = 17.5;\nexport const OUTLINE_STROKE_WIDTH = 3;\nexport const BAR_TRACK_RADIUS = 18;\nexport const BAR_TRACK_STROKE_WIDTH = 4;\nexport const DOUBLE_BAR_OUTER_RADIUS = 22;\nexport const DOUBLE_BAR_OUTER_STROKE_WIDTH = 4;\nexport const DOUBLE_BAR_INNER_RADIUS = 18;\nexport const DOUBLE_BAR_INNER_STROKE_WIDTH = 2;\n\nexport function clampPercent(value: number): number {\n  if (Number.isNaN(value)) return 0;\n  return Math.min(100, Math.max(0, value));\n}\n\n/** Sweep (deg) of the progress arc, clockwise from 12 o'clock. */\nexport function progressSweep(level: number): number {\n  return (360 * clampPercent(level)) / 100;\n}\n\n/** Point on a circle; angle in degrees clockwise from 12 o'clock. */\nexport function polarPoint(\n  cx: number,\n  cy: number,\n  radius: number,\n  angleDeg: number\n): {x: number; y: number} {\n  const rad = (angleDeg * Math.PI) / 180;\n  return {\n    x: Math.round((cx + radius * Math.sin(rad)) * 1000) / 1000,\n    y: Math.round((cy - radius * Math.cos(rad)) * 1000) / 1000,\n  };\n}\n\n/**\n * Circular arc path from startAngle to endAngle (deg, clockwise from\n * 12 o'clock), meant to be stroked. Sweeps above 180° are split into two\n * arc segments; non-positive sweeps yield an empty string. Full circles\n * (sweep 360) should be drawn with a `<circle>` element instead.\n */\nexport function arcPath(\n  cx: number,\n  cy: number,\n  radius: number,\n  startAngleDeg: number,\n  endAngleDeg: number\n): string {\n  const sweep = endAngleDeg - startAngleDeg;\n  if (sweep <= 0) return '';\n  const start = polarPoint(cx, cy, radius, startAngleDeg);\n  if (sweep > 180) {\n    const mid = polarPoint(cx, cy, radius, startAngleDeg + sweep / 2);\n    const end = polarPoint(cx, cy, radius, endAngleDeg);\n    return `M ${start.x} ${start.y} A ${radius} ${radius} 0 0 1 ${mid.x} ${mid.y} A ${radius} ${radius} 0 0 1 ${end.x} ${end.y}`;\n  }\n  const end = polarPoint(cx, cy, radius, endAngleDeg);\n  return `M ${start.x} ${start.y} A ${radius} ${radius} 0 0 1 ${end.x} ${end.y}`;\n}\n"],"names":["end"],"mappings":"AAAO,MAAM,2BAA2B;AACjC,MAAM,cAAc;AACpB,MAAM,qBAAqB;AAC3B,MAAM,wBAAwB;AAC9B,MAAM,8BAA8B;AACpC,MAAM,qBAAqB;AAC3B,MAAM,4BAA4B;AAClC,MAAM,uBAAuB;AAC7B,MAAM,mBAAmB;AACzB,MAAM,yBAAyB;AAC/B,MAAM,0BAA0B;AAChC,MAAM,gCAAgC;AACtC,MAAM,0BAA0B;AAChC,MAAM,gCAAgC;AAEtC,SAAS,aAAa,OAAuB;AAClD,MAAI,OAAO,MAAM,KAAK,EAAG,QAAO;AAChC,SAAO,KAAK,IAAI,KAAK,KAAK,IAAI,GAAG,KAAK,CAAC;AACzC;AAGO,SAAS,cAAc,OAAuB;AACnD,SAAQ,MAAM,aAAa,KAAK,IAAK;AACvC;AAGO,SAAS,WACd,IACA,IACA,QACA,UACwB;AACxB,QAAM,MAAO,WAAW,KAAK,KAAM;AACnC,SAAO;AAAA,IACL,GAAG,KAAK,OAAO,KAAK,SAAS,KAAK,IAAI,GAAG,KAAK,GAAI,IAAI;AAAA,IACtD,GAAG,KAAK,OAAO,KAAK,SAAS,KAAK,IAAI,GAAG,KAAK,GAAI,IAAI;AAAA,EAAA;AAE1D;AAQO,SAAS,QACd,IACA,IACA,QACA,eACA,aACQ;AACR,QAAM,QAAQ,cAAc;AAC5B,MAAI,SAAS,EAAG,QAAO;AACvB,QAAM,QAAQ,WAAW,IAAI,IAAI,QAAQ,aAAa;AACtD,MAAI,QAAQ,KAAK;AACf,UAAM,MAAM,WAAW,IAAI,IAAI,QAAQ,gBAAgB,QAAQ,CAAC;AAChE,UAAMA,OAAM,WAAW,IAAI,IAAI,QAAQ,WAAW;AAClD,WAAO,KAAK,MAAM,CAAC,IAAI,MAAM,CAAC,MAAM,MAAM,IAAI,MAAM,UAAU,IAAI,CAAC,IAAI,IAAI,CAAC,MAAM,MAAM,IAAI,MAAM,UAAUA,KAAI,CAAC,IAAIA,KAAI,CAAC;AAAA,EAC5H;AACA,QAAM,MAAM,WAAW,IAAI,IAAI,QAAQ,WAAW;AAClD,SAAO,KAAK,MAAM,CAAC,IAAI,MAAM,CAAC,MAAM,MAAM,IAAI,MAAM,UAAU,IAAI,CAAC,IAAI,IAAI,CAAC;AAC9E;"}

package/dist/automation/indicator-generator/indicator-generator.css.js

@@ -0,0 +1,121 @@
+import { css } from "lit";
+const componentStyle = css`* {
+  -webkit-tap-highlight-color: transparent;
+}
+
+:host {
+  display: block;
+  position: relative;
+  width: 48px;
+  height: 48px;
+}
+
+:host([variant="double-bar"]) {
+  width: 56px;
+  height: 56px;
+}
+
+svg {
+  display: block;
+  width: 100%;
+  height: 100%;
+}
+
+.silhouette {
+  fill: var(--instrument-frame-primary-color);
+  stroke: var(--border-silhouette-color);
+}
+
+.silhouette-ring {
+  fill: none;
+  stroke: var(--border-silhouette-color);
+}
+
+.disc {
+  fill: var(--instrument-frame-primary-color);
+  stroke: var(--instrument-frame-tertiary-color);
+}
+
+:host([value="off"]) .disc {
+  fill: var(--automation-button-off-background-color);
+  stroke: var(--automation-button-off-border-color);
+}
+
+:host([value="filled"]) .disc {
+  stroke: var(--element-neutral-color);
+}
+
+:host([value="filled"][variant="double-bar"]) .disc {
+  fill: var(--element-neutral-color);
+  stroke: var(--element-neutral-color);
+}
+
+:host([value="enhanced"]) .disc {
+  fill: var(--element-neutral-enhanced-color);
+  stroke: var(--base-blue-600);
+}
+
+:host([value="categorical"]) .disc {
+  fill: var(--base-teal-400);
+  stroke: var(--base-teal-500);
+}
+
+.outline {
+  fill: none;
+  stroke: var(--border-silhouette-color);
+}
+
+.ring-track {
+  fill: none;
+  stroke: var(--border-divider-color);
+}
+
+.ring-progress {
+  fill: none;
+  stroke: var(--element-neutral-color);
+}
+
+:host([value="enhanced"]) .ring-progress {
+  stroke: var(--element-neutral-enhanced-color);
+}
+
+:host([value="categorical"]) .ring-progress {
+  stroke: var(--base-teal-400);
+}
+
+.icon-wrapper {
+  position: absolute;
+  inset: 12px;
+  color: var(--element-neutral-color);
+  pointer-events: none;
+}
+
+:host([variant="double-bar"]) .icon-wrapper {
+  inset: 16px;
+}
+
+:host([value="off"]) .icon-wrapper {
+  color: var(--instrument-frame-tertiary-color);
+}
+
+:host([value="filled"]) .icon-wrapper,
+:host([value="enhanced"]) .icon-wrapper,
+:host([value="categorical"]) .icon-wrapper {
+  color: var(--instrument-frame-primary-color);
+}
+
+.icon-wrapper ::slotted(*),
+.default-icon {
+  display: block;
+  width: 100%;
+  height: 100%;
+}
+
+.default-icon path {
+  fill: currentColor;
+}
+`;
+export {
+  componentStyle as default
+};
+//# sourceMappingURL=indicator-generator.css.js.map

package/dist/automation/indicator-generator/indicator-generator.css.js.map

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