@oicl/openbridge-webcomponents 2.1.0-next.3 → 2.1.0-next.4

package/dist/automation/analog-threeway-valve/analog-threeway-valve.d.ts

@@ -0,0 +1,76 @@
+import { ObcAbstractAutomationButton } from '../automation-button/abstract-automation-button.js';
+import { AutomationButtonReadoutStack } from '../../components/automation-button-readout-stack/automation-button-readout-stack.js';
+import { ThreewayValveFlow, ThreewayValveOrientation } from '../threeway-valve-shared/threeway-valve-shared.js';
+import '../valve-analog-three-way-icon/valve-analog-three-way-icon.js';
+export declare enum AnalogThreewayValveVariant {
+    regular = "regular",
+    flat = "flat"
+}
+/**
+ * `<obc-analog-threeway-valve>` – three-way control valve for process
+ * diagrams, with a continuous opening per port.
+ *
+ * ## Features
+ *
+ * - **Three ports:** `open1`, `open2` and `open3` set each port's opening in
+ *   percent. Ports are numbered from the side without a port: with
+ *   `orientation` `bottom`, port 1 is left, port 2 is the stem at the bottom
+ *   and port 3 is right. The numbering turns with the symbol.
+ * - **Symbol:** a partly open port shows its shut part as a band at the port
+ *   end, a port at 0 % is drawn plugged, and the handle shows how the most
+ *   open port splits between the two others (`obc-valve-analog-three-way-icon`).
+ * - **Orientation:** `bottom` and `top` lay the valve on a horizontal pipe,
+ *   `left` and `right` on a vertical one; the value names the side the stem
+ *   points to.
+ * - **Flow readout:** `flows` lists one readout row per flow, each with an
+ *   optional arrow direction and either a value with a unit (`%` when left out)
+ *   or a state, `{open}`, shown as `Open` or `Closed` after the arrow, or
+ *   after the on/off icon when there is no direction. Without flows the
+ *   readout shows `Open` or `Closed`.
+ * - Badges, alert frame, progress and readout placement come from the shared
+ *   automation button base.
+ *
+ * ## Usage Guidelines
+ *
+ * Use for a mixing or diverting valve that opens its ports continuously.
+ * With fewer than two ports open no flow can pass, and the valve shows as
+ * closed. For on/off ports use `obc-digital-threeway-valve`; for a two-port
+ * control valve use `obc-analog-valve`.
+ *
+ * @property open1 - Opening of port 1 in percent (0–100).
+ * @property open2 - Opening of port 2, the stem, in percent (0–100).
+ * @property open3 - Opening of port 3 in percent (0–100).
+ * @property orientation - Side the stem points to.
+ * @property flows - Readout rows, one per flow: an optional arrow direction with either a value and optional unit (default `%`) or `open` for an `Open`/`Closed` state.
+ * @property variant - Visual style of the button surround.
+ * @slot badge-top-right - Content projected into the top-right badge position; overrides `badgeAlert`.
+ * @slot badge-top-left - Content projected into the top-left badge position; overrides `badgeControl`.
+ * @slot badge-bottom-left - Content projected into the bottom-left badge position; overrides `badgeInterlock`.
+ * @slot badge-bottom-right - Content projected into the bottom-right badge position; overrides `badgeCommandLocked`.
+ * @fires click - Fired when the valve is clicked.
+ * @experimental
+ */
+export declare class ObcAnalogThreewayValve extends ObcAbstractAutomationButton {
+    /** Opening of port 1 in percent (0–100). */
+    open1: number;
+    /** Opening of port 2, the stem, in percent (0–100). */
+    open2: number;
+    /** Opening of port 3 in percent (0–100). */
+    open3: number;
+    /** Side the stem points to. */
+    orientation: ThreewayValveOrientation;
+    /** Readout rows, one per flow: an optional arrow direction with either a value and optional unit (default `%`) or `open` for an `Open`/`Closed` state. */
+    flows: ThreewayValveFlow[];
+    /** Visual style of the button surround. */
+    variant: AnalogThreewayValveVariant;
+    get _on(): boolean;
+    get extraReadouts(): AutomationButtonReadoutStack[];
+    private renderIcon;
+    get icon(): import('lit-html').TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'obc-analog-threeway-valve': ObcAnalogThreewayValve;
+    }
+}
+//# sourceMappingURL=analog-threeway-valve.d.ts.map

package/dist/automation/analog-threeway-valve/analog-threeway-valve.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"analog-threeway-valve.d.ts","sourceRoot":"","sources":["../../../src/automation/analog-threeway-valve/analog-threeway-valve.ts"],"names":[],"mappings":"AAEA,OAAO,+DAA+D,CAAC;AAEvE,OAAO,EAAC,2BAA2B,EAAC,MAAM,oDAAoD,CAAC;AAC/F,OAAO,EAAC,4BAA4B,EAAC,MAAM,qFAAqF,CAAC;AACjI,OAAO,EACL,iBAAiB,EACjB,wBAAwB,EAEzB,MAAM,mDAAmD,CAAC;AAE3D,oBAAY,0BAA0B;IACpC,OAAO,YAAY;IACnB,IAAI,SAAS;CACd;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2CG;AACH,qBACa,sBAAuB,SAAQ,2BAA2B;IAC3C,KAAK,EAAE,MAAM,CAAK;IAClB,KAAK,EAAE,MAAM,CAAK;IAClB,KAAK,EAAE,MAAM,CAAK;IAClB,WAAW,EAAE,wBAAwB,CAC7B;IACS,KAAK,EAAE,iBAAiB,EAAE,CAAM;IACjD,OAAO,EAAE,0BAA0B,CACxB;IAErC,IAAa,GAAG,IAAI,OAAO,CAI1B;IAED,IAAa,aAAa,IAAI,4BAA4B,EAAE,CAK3D;IAED,OAAO,CAAC,UAAU;IAUlB,IAAa,IAAI,yCAEhB;CACF;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,2BAA2B,EAAE,sBAAsB,CAAC;KACrD;CACF"}

package/dist/automation/analog-threeway-valve/analog-threeway-valve.js

@@ -0,0 +1,61 @@
+import { customElement } from "../../decorator.js";
+import __decorate from "../../_virtual/_@oxc-project_runtime@0.150.0/helpers/esm/decorate.js";
+import { ThreewayValveOrientation, threewayValveReadouts } from "../threeway-valve-shared/threeway-valve-shared.js";
+import "../valve-analog-three-way-icon/valve-analog-three-way-icon.js";
+import { ObcAbstractAutomationButton } from "../automation-button/abstract-automation-button.js";
+import { html } from "lit";
+import { property } from "lit/decorators.js";
+//#region src/automation/analog-threeway-valve/analog-threeway-valve.ts
+var AnalogThreewayValveVariant = /* @__PURE__ */ function(AnalogThreewayValveVariant) {
+	AnalogThreewayValveVariant["regular"] = "regular";
+	AnalogThreewayValveVariant["flat"] = "flat";
+	return AnalogThreewayValveVariant;
+}({});
+var ObcAnalogThreewayValve = class ObcAnalogThreewayValve extends ObcAbstractAutomationButton {
+	constructor(..._args) {
+		super(..._args);
+		this.open1 = 0;
+		this.open2 = 0;
+		this.open3 = 0;
+		this.orientation = ThreewayValveOrientation.bottom;
+		this.flows = [];
+		this.variant = "regular";
+	}
+	get _on() {
+		return [
+			this.open1,
+			this.open2,
+			this.open3
+		].filter((o) => o > 0).length >= 2;
+	}
+	get extraReadouts() {
+		if (!this.showStatus) return [];
+		return threewayValveReadouts(this._on, this.flows);
+	}
+	renderIcon(slot) {
+		return html`<obc-valve-analog-three-way-icon
+      .open1=${this.open1}
+      .open2=${this.open2}
+      .open3=${this.open3}
+      .orientation=${this.orientation}
+      slot=${slot}
+    ></obc-valve-analog-three-way-icon>`;
+	}
+	get icon() {
+		return html`${this.renderIcon("icon")}${this.renderIcon("icon-silhouette")}`;
+	}
+};
+__decorate([property({ type: Number })], ObcAnalogThreewayValve.prototype, "open1", void 0);
+__decorate([property({ type: Number })], ObcAnalogThreewayValve.prototype, "open2", void 0);
+__decorate([property({ type: Number })], ObcAnalogThreewayValve.prototype, "open3", void 0);
+__decorate([property({ type: String })], ObcAnalogThreewayValve.prototype, "orientation", void 0);
+__decorate([property({
+	type: Array,
+	attribute: false
+})], ObcAnalogThreewayValve.prototype, "flows", void 0);
+__decorate([property({ type: String })], ObcAnalogThreewayValve.prototype, "variant", void 0);
+ObcAnalogThreewayValve = __decorate([customElement("obc-analog-threeway-valve")], ObcAnalogThreewayValve);
+//#endregion
+export { AnalogThreewayValveVariant, ObcAnalogThreewayValve };
+
+//# sourceMappingURL=analog-threeway-valve.js.map

package/dist/automation/analog-threeway-valve/analog-threeway-valve.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"analog-threeway-valve.js","names":[],"sources":["../../../src/automation/analog-threeway-valve/analog-threeway-valve.ts"],"sourcesContent":["import {html} from 'lit';\nimport {property} from 'lit/decorators.js';\nimport '../valve-analog-three-way-icon/valve-analog-three-way-icon.js';\nimport {customElement} from '../../decorator.js';\nimport {ObcAbstractAutomationButton} from '../automation-button/abstract-automation-button.js';\nimport {AutomationButtonReadoutStack} from '../../components/automation-button-readout-stack/automation-button-readout-stack.js';\nimport {\n  ThreewayValveFlow,\n  ThreewayValveOrientation,\n  threewayValveReadouts,\n} from '../threeway-valve-shared/threeway-valve-shared.js';\n\nexport enum AnalogThreewayValveVariant {\n  regular = 'regular',\n  flat = 'flat',\n}\n\n/**\n * `<obc-analog-threeway-valve>` – three-way control valve for process\n * diagrams, with a continuous opening per port.\n *\n * ## Features\n *\n * - **Three ports:** `open1`, `open2` and `open3` set each port's opening in\n *   percent. Ports are numbered from the side without a port: with\n *   `orientation` `bottom`, port 1 is left, port 2 is the stem at the bottom\n *   and port 3 is right. The numbering turns with the symbol.\n * - **Symbol:** a partly open port shows its shut part as a band at the port\n *   end, a port at 0 % is drawn plugged, and the handle shows how the most\n *   open port splits between the two others (`obc-valve-analog-three-way-icon`).\n * - **Orientation:** `bottom` and `top` lay the valve on a horizontal pipe,\n *   `left` and `right` on a vertical one; the value names the side the stem\n *   points to.\n * - **Flow readout:** `flows` lists one readout row per flow, each with an\n *   optional arrow direction and either a value with a unit (`%` when left out)\n *   or a state, `{open}`, shown as `Open` or `Closed` after the arrow, or\n *   after the on/off icon when there is no direction. Without flows the\n *   readout shows `Open` or `Closed`.\n * - Badges, alert frame, progress and readout placement come from the shared\n *   automation button base.\n *\n * ## Usage Guidelines\n *\n * Use for a mixing or diverting valve that opens its ports continuously.\n * With fewer than two ports open no flow can pass, and the valve shows as\n * closed. For on/off ports use `obc-digital-threeway-valve`; for a two-port\n * control valve use `obc-analog-valve`.\n *\n * @property open1 - Opening of port 1 in percent (0–100).\n * @property open2 - Opening of port 2, the stem, in percent (0–100).\n * @property open3 - Opening of port 3 in percent (0–100).\n * @property orientation - Side the stem points to.\n * @property flows - Readout rows, one per flow: an optional arrow direction with either a value and optional unit (default `%`) or `open` for an `Open`/`Closed` state.\n * @property variant - Visual style of the button surround.\n * @slot badge-top-right - Content projected into the top-right badge position; overrides `badgeAlert`.\n * @slot badge-top-left - Content projected into the top-left badge position; overrides `badgeControl`.\n * @slot badge-bottom-left - Content projected into the bottom-left badge position; overrides `badgeInterlock`.\n * @slot badge-bottom-right - Content projected into the bottom-right badge position; overrides `badgeCommandLocked`.\n * @fires click - Fired when the valve is clicked.\n * @experimental\n */\n@customElement('obc-analog-threeway-valve')\nexport class ObcAnalogThreewayValve extends ObcAbstractAutomationButton {\n  @property({type: Number}) open1: number = 0;\n  @property({type: Number}) open2: number = 0;\n  @property({type: Number}) open3: number = 0;\n  @property({type: String}) orientation: ThreewayValveOrientation =\n    ThreewayValveOrientation.bottom;\n  @property({type: Array, attribute: false}) flows: ThreewayValveFlow[] = [];\n  @property({type: String}) variant: AnalogThreewayValveVariant =\n    AnalogThreewayValveVariant.regular;\n\n  override get _on(): boolean {\n    return (\n      [this.open1, this.open2, this.open3].filter((o) => o > 0).length >= 2\n    );\n  }\n\n  override get extraReadouts(): AutomationButtonReadoutStack[] {\n    if (!this.showStatus) {\n      return [];\n    }\n    return threewayValveReadouts(this._on, this.flows);\n  }\n\n  private renderIcon(slot: string) {\n    return html`<obc-valve-analog-three-way-icon\n      .open1=${this.open1}\n      .open2=${this.open2}\n      .open3=${this.open3}\n      .orientation=${this.orientation}\n      slot=${slot}\n    ></obc-valve-analog-three-way-icon>`;\n  }\n\n  override get icon() {\n    return html`${this.renderIcon('icon')}${this.renderIcon('icon-silhouette')}`;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'obc-analog-threeway-valve': ObcAnalogThreewayValve;\n  }\n}\n"],"mappings":";;;;;;;;AAYA,IAAY,6BAAL,yBAAA,4BAAA;CACL,2BAAA,aAAA;CACA,2BAAA,UAAA;;AACF,EAAA,CAAA,CAAA;AA+CO,IAAM,yBAAN,MAAM,+BAA+B,4BAA4B;;;EAC5B,KAAA,QAAA;EACA,KAAA,QAAA;EACA,KAAA,QAAA;EAExC,KAAA,cAAA,yBAAyB;EAC6C,KAAA,QAAA,CAAC;;;CAIzE,IAAa,MAAe;EAC1B,OACE;GAAC,KAAK;GAAO,KAAK;GAAO,KAAK;EAAK,CAAC,CAAC,QAAQ,MAAM,IAAI,CAAC,CAAC,CAAC,UAAU;CAExE;CAEA,IAAa,gBAAgD;EAC3D,IAAI,CAAC,KAAK,YACR,OAAO,CAAC;EAEV,OAAO,sBAAsB,KAAK,KAAK,KAAK,KAAK;CACnD;CAEA,WAAmB,MAAc;EAC/B,OAAO,IAAI;eACA,KAAK,MAAM;eACX,KAAK,MAAM;eACX,KAAK,MAAM;qBACL,KAAK,YAAY;aACzB,KAAK;;CAEhB;CAEA,IAAa,OAAO;EAClB,OAAO,IAAI,GAAG,KAAK,WAAW,MAAM,IAAI,KAAK,WAAW,iBAAiB;CAC3E;AACF;AAnCG,WAAA,CAAA,SAAS,EAAC,MAAM,OAAM,CAAC,CAAA,GAAA,uBAAA,WAAA,SAAA,KAAA,CAAA;AACvB,WAAA,CAAA,SAAS,EAAC,MAAM,OAAM,CAAC,CAAA,GAAA,uBAAA,WAAA,SAAA,KAAA,CAAA;AACvB,WAAA,CAAA,SAAS,EAAC,MAAM,OAAM,CAAC,CAAA,GAAA,uBAAA,WAAA,SAAA,KAAA,CAAA;AACvB,WAAA,CAAA,SAAS,EAAC,MAAM,OAAM,CAAC,CAAA,GAAA,uBAAA,WAAA,eAAA,KAAA,CAAA;AAEvB,WAAA,CAAA,SAAS;CAAC,MAAM;CAAO,WAAW;AAAK,CAAC,CAAA,GAAA,uBAAA,WAAA,SAAA,KAAA,CAAA;AACxC,WAAA,CAAA,SAAS,EAAC,MAAM,OAAM,CAAC,CAAA,GAAA,uBAAA,WAAA,WAAA,KAAA,CAAA;AARzB,yBAAA,WAAA,CAAA,cAAc,2BAA2B,CAAA,GAAA,sBAAA"}

package/dist/automation/analog-valve/analog-valve.js

@@ -1,8 +1,8 @@
 import { customElement } from "../../decorator.js";
 import __decorate from "../../_virtual/_@oxc-project_runtime@0.150.0/helpers/esm/decorate.js";
-import "../valve-analoge-two-way-icon/valve-analog-two-way-icon.js";
 import { AutomationButtonLabelDirection } from "../automation-button/automation-button.js";
 import { ObcAbstractAutomationButton } from "../automation-button/abstract-automation-button.js";
+import "../valve-analoge-two-way-icon/valve-analog-two-way-icon.js";
 import { html } from "lit";
 import { property } from "lit/decorators.js";
 //#region src/automation/analog-valve/analog-valve.ts

package/dist/automation/digital-threeway-valve/digital-threeway-valve.d.ts

@@ -0,0 +1,82 @@
+import { ObcAbstractAutomationButton } from '../automation-button/abstract-automation-button.js';
+import { AutomationButtonReadoutStack } from '../../components/automation-button-readout-stack/automation-button-readout-stack.js';
+import { ThreewayValveFlow, ThreewayValveOrientation } from '../threeway-valve-shared/threeway-valve-shared.js';
+import '../../icons/icon-threeway-digital-open.js';
+import '../../icons/icon-threeway-digital-closed.js';
+import '../../icons/icon-threeway-digital-closed-left.js';
+import '../../icons/icon-threeway-digital-closed-bottom.js';
+import '../../icons/icon-threeway-digital-closed-right.js';
+export declare enum DigitalThreewayValveVariant {
+    regular = "regular",
+    flat = "flat"
+}
+/**
+ * `<obc-digital-threeway-valve>` – three-way on/off valve for process
+ * diagrams, with one open/closed state per port.
+ *
+ * ## Features
+ *
+ * - **Three ports:** `open1`, `open2` and `open3` open or close each port.
+ *   Ports are numbered from the side without a port: with `orientation`
+ *   `bottom`, port 1 is left, port 2 is the stem at the bottom and port 3 is
+ *   right. The numbering turns with the symbol.
+ * - **Orientation:** `bottom` and `top` lay the valve on a horizontal pipe,
+ *   `left` and `right` on a vertical one; the value names the side the stem
+ *   points to.
+ * - **Flow readout:** `flows` lists one readout row per flow, each with an
+ *   optional arrow direction and either a value with a unit (`%` when left out)
+ *   or a state, `{open}`, shown as `Open` or `Closed` after the arrow, or
+ *   after the on/off icon when there is no direction. Without flows the
+ *   readout shows `Open` or `Closed`.
+ * - Badges, alert frame, progress and readout placement come from the shared
+ *   automation button base.
+ *
+ * ## Usage Guidelines
+ *
+ * Use where a valve directs flow between three pipes and each port is either
+ * open or closed. With one port closed the symbol shows that port plugged;
+ * with fewer than two ports open no flow can pass, and the valve shows as
+ * closed. For a valve that opens its ports continuously use
+ * `obc-analog-threeway-valve`; for a two-port valve use `obc-digital-valve`.
+ *
+ * TODO(designer): no icon shows a single open port, so that case uses the
+ * closed symbol.
+ *
+ * @property open1 - Opens port 1.
+ * @property open2 - Opens port 2, the stem.
+ * @property open3 - Opens port 3.
+ * @property orientation - Side the stem points to.
+ * @property flows - Readout rows, one per flow: an optional arrow direction with either a value and optional unit (default `%`) or `open` for an `Open`/`Closed` state.
+ * @property variant - Visual style of the button surround.
+ * @slot badge-top-right - Content projected into the top-right badge position; overrides `badgeAlert`.
+ * @slot badge-top-left - Content projected into the top-left badge position; overrides `badgeControl`.
+ * @slot badge-bottom-left - Content projected into the bottom-left badge position; overrides `badgeInterlock`.
+ * @slot badge-bottom-right - Content projected into the bottom-right badge position; overrides `badgeCommandLocked`.
+ * @fires click - Fired when the valve is clicked.
+ * @experimental
+ */
+export declare class ObcDigitalThreewayValve extends ObcAbstractAutomationButton {
+    /** Opens port 1. */
+    open1: boolean;
+    /** Opens port 2, the stem. */
+    open2: boolean;
+    /** Opens port 3. */
+    open3: boolean;
+    /** Side the stem points to. */
+    orientation: ThreewayValveOrientation;
+    /** Readout rows, one per flow: an optional arrow direction with either a value and optional unit (default `%`) or `open` for an `Open`/`Closed` state. */
+    flows: ThreewayValveFlow[];
+    /** Visual style of the button surround. */
+    variant: DigitalThreewayValveVariant;
+    private get ports();
+    get _on(): boolean;
+    get extraReadouts(): AutomationButtonReadoutStack[];
+    private renderIcon;
+    get icon(): import('lit-html').TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'obc-digital-threeway-valve': ObcDigitalThreewayValve;
+    }
+}
+//# sourceMappingURL=digital-threeway-valve.d.ts.map

package/dist/automation/digital-threeway-valve/digital-threeway-valve.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"digital-threeway-valve.d.ts","sourceRoot":"","sources":["../../../src/automation/digital-threeway-valve/digital-threeway-valve.ts"],"names":[],"mappings":"AAEA,OAAO,2CAA2C,CAAC;AACnD,OAAO,6CAA6C,CAAC;AACrD,OAAO,kDAAkD,CAAC;AAC1D,OAAO,oDAAoD,CAAC;AAC5D,OAAO,mDAAmD,CAAC;AAE3D,OAAO,EAAC,2BAA2B,EAAC,MAAM,oDAAoD,CAAC;AAC/F,OAAO,EAAC,4BAA4B,EAAC,MAAM,qFAAqF,CAAC;AACjI,OAAO,EACL,iBAAiB,EACjB,wBAAwB,EAGzB,MAAM,mDAAmD,CAAC;AAE3D,oBAAY,2BAA2B;IACrC,OAAO,YAAY;IACnB,IAAI,SAAS;CACd;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4CG;AACH,qBACa,uBAAwB,SAAQ,2BAA2B;IAC3C,KAAK,EAAE,OAAO,CAAS;IACvB,KAAK,EAAE,OAAO,CAAS;IACvB,KAAK,EAAE,OAAO,CAAS;IACxB,WAAW,EAAE,wBAAwB,CAC7B;IACS,KAAK,EAAE,iBAAiB,EAAE,CAAM;IACjD,OAAO,EAAE,2BAA2B,CACxB;IAEtC,OAAO,KAAK,KAAK,GAEhB;IAED,IAAa,GAAG,IAAI,OAAO,CAE1B;IAED,IAAa,aAAa,IAAI,4BAA4B,EAAE,CAK3D;IAED,OAAO,CAAC,UAAU;IAwClB,IAAa,IAAI,yCAEhB;CACF;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,4BAA4B,EAAE,uBAAuB,CAAC;KACvD;CACF"}

package/dist/automation/digital-threeway-valve/digital-threeway-valve.js

@@ -0,0 +1,90 @@
+import { customElement } from "../../decorator.js";
+import __decorate from "../../_virtual/_@oxc-project_runtime@0.150.0/helpers/esm/decorate.js";
+import "../../icons/icon-threeway-digital-closed-bottom.js";
+import "../../icons/icon-threeway-digital-closed-left.js";
+import "../../icons/icon-threeway-digital-closed-right.js";
+import "../../icons/icon-threeway-digital-closed.js";
+import "../../icons/icon-threeway-digital-open.js";
+import { ThreewayValveOrientation, threewayValveReadouts, threewayValveRotation } from "../threeway-valve-shared/threeway-valve-shared.js";
+import { ObcAbstractAutomationButton } from "../automation-button/abstract-automation-button.js";
+import { html } from "lit";
+import { property } from "lit/decorators.js";
+//#region src/automation/digital-threeway-valve/digital-threeway-valve.ts
+var DigitalThreewayValveVariant = /* @__PURE__ */ function(DigitalThreewayValveVariant) {
+	DigitalThreewayValveVariant["regular"] = "regular";
+	DigitalThreewayValveVariant["flat"] = "flat";
+	return DigitalThreewayValveVariant;
+}({});
+var ObcDigitalThreewayValve = class ObcDigitalThreewayValve extends ObcAbstractAutomationButton {
+	constructor(..._args) {
+		super(..._args);
+		this.open1 = false;
+		this.open2 = false;
+		this.open3 = false;
+		this.orientation = ThreewayValveOrientation.bottom;
+		this.flows = [];
+		this.variant = "regular";
+	}
+	get ports() {
+		return [
+			this.open1,
+			this.open2,
+			this.open3
+		];
+	}
+	get _on() {
+		return this.ports.filter(Boolean).length >= 2;
+	}
+	get extraReadouts() {
+		if (!this.showStatus) return [];
+		return threewayValveReadouts(this._on, this.flows);
+	}
+	renderIcon(slot) {
+		const style = `display: block; transform: rotate(${threewayValveRotation(this.orientation)}deg); line-height: 0;`;
+		const ports = this.ports;
+		if (!this._on) return html`<obi-threeway-digital-closed
+        usecsscolor
+        slot=${slot}
+        style=${style}
+      ></obi-threeway-digital-closed>`;
+		switch (ports.indexOf(false)) {
+			case 0: return html`<obi-threeway-digital-closed-left
+          usecsscolor
+          slot=${slot}
+          style=${style}
+        ></obi-threeway-digital-closed-left>`;
+			case 1: return html`<obi-threeway-digital-closed-bottom
+          usecsscolor
+          slot=${slot}
+          style=${style}
+        ></obi-threeway-digital-closed-bottom>`;
+			case 2: return html`<obi-threeway-digital-closed-right
+          usecsscolor
+          slot=${slot}
+          style=${style}
+        ></obi-threeway-digital-closed-right>`;
+			default: return html`<obi-threeway-digital-open
+          usecsscolor
+          slot=${slot}
+          style=${style}
+        ></obi-threeway-digital-open>`;
+		}
+	}
+	get icon() {
+		return html`${this.renderIcon("icon")}${this.renderIcon("icon-silhouette")}`;
+	}
+};
+__decorate([property({ type: Boolean })], ObcDigitalThreewayValve.prototype, "open1", void 0);
+__decorate([property({ type: Boolean })], ObcDigitalThreewayValve.prototype, "open2", void 0);
+__decorate([property({ type: Boolean })], ObcDigitalThreewayValve.prototype, "open3", void 0);
+__decorate([property({ type: String })], ObcDigitalThreewayValve.prototype, "orientation", void 0);
+__decorate([property({
+	type: Array,
+	attribute: false
+})], ObcDigitalThreewayValve.prototype, "flows", void 0);
+__decorate([property({ type: String })], ObcDigitalThreewayValve.prototype, "variant", void 0);
+ObcDigitalThreewayValve = __decorate([customElement("obc-digital-threeway-valve")], ObcDigitalThreewayValve);
+//#endregion
+export { DigitalThreewayValveVariant, ObcDigitalThreewayValve };
+
+//# sourceMappingURL=digital-threeway-valve.js.map

package/dist/automation/digital-threeway-valve/digital-threeway-valve.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"digital-threeway-valve.js","names":[],"sources":["../../../src/automation/digital-threeway-valve/digital-threeway-valve.ts"],"sourcesContent":["import {html} from 'lit';\nimport {property} from 'lit/decorators.js';\nimport '../../icons/icon-threeway-digital-open.js';\nimport '../../icons/icon-threeway-digital-closed.js';\nimport '../../icons/icon-threeway-digital-closed-left.js';\nimport '../../icons/icon-threeway-digital-closed-bottom.js';\nimport '../../icons/icon-threeway-digital-closed-right.js';\nimport {customElement} from '../../decorator.js';\nimport {ObcAbstractAutomationButton} from '../automation-button/abstract-automation-button.js';\nimport {AutomationButtonReadoutStack} from '../../components/automation-button-readout-stack/automation-button-readout-stack.js';\nimport {\n  ThreewayValveFlow,\n  ThreewayValveOrientation,\n  threewayValveReadouts,\n  threewayValveRotation,\n} from '../threeway-valve-shared/threeway-valve-shared.js';\n\nexport enum DigitalThreewayValveVariant {\n  regular = 'regular',\n  flat = 'flat',\n}\n\n/**\n * `<obc-digital-threeway-valve>` – three-way on/off valve for process\n * diagrams, with one open/closed state per port.\n *\n * ## Features\n *\n * - **Three ports:** `open1`, `open2` and `open3` open or close each port.\n *   Ports are numbered from the side without a port: with `orientation`\n *   `bottom`, port 1 is left, port 2 is the stem at the bottom and port 3 is\n *   right. The numbering turns with the symbol.\n * - **Orientation:** `bottom` and `top` lay the valve on a horizontal pipe,\n *   `left` and `right` on a vertical one; the value names the side the stem\n *   points to.\n * - **Flow readout:** `flows` lists one readout row per flow, each with an\n *   optional arrow direction and either a value with a unit (`%` when left out)\n *   or a state, `{open}`, shown as `Open` or `Closed` after the arrow, or\n *   after the on/off icon when there is no direction. Without flows the\n *   readout shows `Open` or `Closed`.\n * - Badges, alert frame, progress and readout placement come from the shared\n *   automation button base.\n *\n * ## Usage Guidelines\n *\n * Use where a valve directs flow between three pipes and each port is either\n * open or closed. With one port closed the symbol shows that port plugged;\n * with fewer than two ports open no flow can pass, and the valve shows as\n * closed. For a valve that opens its ports continuously use\n * `obc-analog-threeway-valve`; for a two-port valve use `obc-digital-valve`.\n *\n * TODO(designer): no icon shows a single open port, so that case uses the\n * closed symbol.\n *\n * @property open1 - Opens port 1.\n * @property open2 - Opens port 2, the stem.\n * @property open3 - Opens port 3.\n * @property orientation - Side the stem points to.\n * @property flows - Readout rows, one per flow: an optional arrow direction with either a value and optional unit (default `%`) or `open` for an `Open`/`Closed` state.\n * @property variant - Visual style of the button surround.\n * @slot badge-top-right - Content projected into the top-right badge position; overrides `badgeAlert`.\n * @slot badge-top-left - Content projected into the top-left badge position; overrides `badgeControl`.\n * @slot badge-bottom-left - Content projected into the bottom-left badge position; overrides `badgeInterlock`.\n * @slot badge-bottom-right - Content projected into the bottom-right badge position; overrides `badgeCommandLocked`.\n * @fires click - Fired when the valve is clicked.\n * @experimental\n */\n@customElement('obc-digital-threeway-valve')\nexport class ObcDigitalThreewayValve extends ObcAbstractAutomationButton {\n  @property({type: Boolean}) open1: boolean = false;\n  @property({type: Boolean}) open2: boolean = false;\n  @property({type: Boolean}) open3: boolean = false;\n  @property({type: String}) orientation: ThreewayValveOrientation =\n    ThreewayValveOrientation.bottom;\n  @property({type: Array, attribute: false}) flows: ThreewayValveFlow[] = [];\n  @property({type: String}) variant: DigitalThreewayValveVariant =\n    DigitalThreewayValveVariant.regular;\n\n  private get ports(): boolean[] {\n    return [this.open1, this.open2, this.open3];\n  }\n\n  override get _on(): boolean {\n    return this.ports.filter(Boolean).length >= 2;\n  }\n\n  override get extraReadouts(): AutomationButtonReadoutStack[] {\n    if (!this.showStatus) {\n      return [];\n    }\n    return threewayValveReadouts(this._on, this.flows);\n  }\n\n  private renderIcon(slot: string) {\n    const style = `display: block; transform: rotate(${threewayValveRotation(\n      this.orientation\n    )}deg); line-height: 0;`;\n    const ports = this.ports;\n    if (!this._on) {\n      return html`<obi-threeway-digital-closed\n        usecsscolor\n        slot=${slot}\n        style=${style}\n      ></obi-threeway-digital-closed>`;\n    }\n    switch (ports.indexOf(false)) {\n      case 0:\n        return html`<obi-threeway-digital-closed-left\n          usecsscolor\n          slot=${slot}\n          style=${style}\n        ></obi-threeway-digital-closed-left>`;\n      case 1:\n        return html`<obi-threeway-digital-closed-bottom\n          usecsscolor\n          slot=${slot}\n          style=${style}\n        ></obi-threeway-digital-closed-bottom>`;\n      case 2:\n        return html`<obi-threeway-digital-closed-right\n          usecsscolor\n          slot=${slot}\n          style=${style}\n        ></obi-threeway-digital-closed-right>`;\n      default:\n        return html`<obi-threeway-digital-open\n          usecsscolor\n          slot=${slot}\n          style=${style}\n        ></obi-threeway-digital-open>`;\n    }\n  }\n\n  override get icon() {\n    return html`${this.renderIcon('icon')}${this.renderIcon('icon-silhouette')}`;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'obc-digital-threeway-valve': ObcDigitalThreewayValve;\n  }\n}\n"],"mappings":";;;;;;;;;;;;AAiBA,IAAY,8BAAL,yBAAA,6BAAA;CACL,4BAAA,aAAA;CACA,4BAAA,UAAA;;AACF,EAAA,CAAA,CAAA;AAgDO,IAAM,0BAAN,MAAM,gCAAgC,4BAA4B;;;EAC3B,KAAA,QAAA;EACA,KAAA,QAAA;EACA,KAAA,QAAA;EAE1C,KAAA,cAAA,yBAAyB;EAC6C,KAAA,QAAA,CAAC;;;CAIzE,IAAY,QAAmB;EAC7B,OAAO;GAAC,KAAK;GAAO,KAAK;GAAO,KAAK;EAAK;CAC5C;CAEA,IAAa,MAAe;EAC1B,OAAO,KAAK,MAAM,OAAO,OAAO,CAAC,CAAC,UAAU;CAC9C;CAEA,IAAa,gBAAgD;EAC3D,IAAI,CAAC,KAAK,YACR,OAAO,CAAC;EAEV,OAAO,sBAAsB,KAAK,KAAK,KAAK,KAAK;CACnD;CAEA,WAAmB,MAAc;EAC/B,MAAM,QAAQ,qCAAqC,sBACjD,KAAK,WACP,EAAE;EACF,MAAM,QAAQ,KAAK;EACnB,IAAI,CAAC,KAAK,KACR,OAAO,IAAI;;eAEF,KAAK;gBACJ,MAAM;;EAGlB,QAAQ,MAAM,QAAQ,KAAK,GAA3B;GACE,KAAK,GACH,OAAO,IAAI;;iBAEF,KAAK;kBACJ,MAAM;;GAElB,KAAK,GACH,OAAO,IAAI;;iBAEF,KAAK;kBACJ,MAAM;;GAElB,KAAK,GACH,OAAO,IAAI;;iBAEF,KAAK;kBACJ,MAAM;;GAElB,SACE,OAAO,IAAI;;iBAEF,KAAK;kBACJ,MAAM;;EAEpB;CACF;CAEA,IAAa,OAAO;EAClB,OAAO,IAAI,GAAG,KAAK,WAAW,MAAM,IAAI,KAAK,WAAW,iBAAiB;CAC3E;AACF;AAnEG,WAAA,CAAA,SAAS,EAAC,MAAM,QAAO,CAAC,CAAA,GAAA,wBAAA,WAAA,SAAA,KAAA,CAAA;AACxB,WAAA,CAAA,SAAS,EAAC,MAAM,QAAO,CAAC,CAAA,GAAA,wBAAA,WAAA,SAAA,KAAA,CAAA;AACxB,WAAA,CAAA,SAAS,EAAC,MAAM,QAAO,CAAC,CAAA,GAAA,wBAAA,WAAA,SAAA,KAAA,CAAA;AACxB,WAAA,CAAA,SAAS,EAAC,MAAM,OAAM,CAAC,CAAA,GAAA,wBAAA,WAAA,eAAA,KAAA,CAAA;AAEvB,WAAA,CAAA,SAAS;CAAC,MAAM;CAAO,WAAW;AAAK,CAAC,CAAA,GAAA,wBAAA,WAAA,SAAA,KAAA,CAAA;AACxC,WAAA,CAAA,SAAS,EAAC,MAAM,OAAM,CAAC,CAAA,GAAA,wBAAA,WAAA,WAAA,KAAA,CAAA;AARzB,0BAAA,WAAA,CAAA,cAAc,4BAA4B,CAAA,GAAA,uBAAA"}

package/dist/automation/threeway-valve-shared/threeway-valve-shared.d.ts

@@ -0,0 +1,39 @@
+import { AutomationButtonLabelDirection } from '../automation-button/automation-button.js';
+import { AutomationButtonReadoutStack } from '../../components/automation-button-readout-stack/automation-button-readout-stack.js';
+/**
+ * The side the stem (port 2) points to. `bottom` and `top` lay the valve on a
+ * horizontal pipe, `left` and `right` on a vertical one.
+ */
+export declare enum ThreewayValveOrientation {
+    bottom = "bottom",
+    left = "left",
+    top = "top",
+    right = "right"
+}
+/** Clockwise rotation from the `bottom` drawing, in degrees. */
+export declare function threewayValveRotation(orientation: ThreewayValveOrientation): number;
+/** A flow readout row with a value: `→ 060 %`. */
+export interface ThreewayValveValueFlow {
+    /** Arrow direction on screen; left out or `none` hides the arrow. */
+    direction?: AutomationButtonLabelDirection;
+    value: number;
+    /** Defaults to `%`. */
+    unit?: string;
+}
+/** A flow readout row with a state: `→ Open`, `→ Closed`, or the on/off icon without a direction. */
+export interface ThreewayValveStateFlow {
+    /**
+     * Arrow direction on screen; left out or `none` shows the on or off icon
+     * instead.
+     */
+    direction?: AutomationButtonLabelDirection;
+    open: boolean;
+}
+/** One row of the flow readout. */
+export type ThreewayValveFlow = ThreewayValveValueFlow | ThreewayValveStateFlow;
+/**
+ * The readout rows of a three-way valve: `Closed` while no flow can pass,
+ * the flow rows while it can, and `Open` when the application gives no flows.
+ */
+export declare function threewayValveReadouts(passing: boolean, flows: ThreewayValveFlow[]): AutomationButtonReadoutStack[];
+//# sourceMappingURL=threeway-valve-shared.d.ts.map

package/dist/automation/threeway-valve-shared/threeway-valve-shared.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"threeway-valve-shared.d.ts","sourceRoot":"","sources":["../../../src/automation/threeway-valve-shared/threeway-valve-shared.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,OAAO,EAAC,8BAA8B,EAAC,MAAM,2CAA2C,CAAC;AACzF,OAAO,EAAC,4BAA4B,EAAC,MAAM,qFAAqF,CAAC;AAEjI;;;GAGG;AACH,oBAAY,wBAAwB;IAClC,MAAM,WAAW;IACjB,IAAI,SAAS;IACb,GAAG,QAAQ;IACX,KAAK,UAAU;CAChB;AAED,gEAAgE;AAChE,wBAAgB,qBAAqB,CACnC,WAAW,EAAE,wBAAwB,GACpC,MAAM,CAWR;AAED,kDAAkD;AAClD,MAAM,WAAW,sBAAsB;IACrC,qEAAqE;IACrE,SAAS,CAAC,EAAE,8BAA8B,CAAC;IAC3C,KAAK,EAAE,MAAM,CAAC;IACd,uBAAuB;IACvB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,qGAAqG;AACrG,MAAM,WAAW,sBAAsB;IACrC;;;OAGG;IACH,SAAS,CAAC,EAAE,8BAA8B,CAAC;IAC3C,IAAI,EAAE,OAAO,CAAC;CACf;AAED,mCAAmC;AACnC,MAAM,MAAM,iBAAiB,GAAG,sBAAsB,GAAG,sBAAsB,CAAC;AAEhF;;;GAGG;AACH,wBAAgB,qBAAqB,CACnC,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,iBAAiB,EAAE,GACzB,4BAA4B,EAAE,CA6BhC"}

package/dist/automation/threeway-valve-shared/threeway-valve-shared.js

@@ -0,0 +1,80 @@
+import { AutomationButtonLabelDirection } from "../automation-button/automation-button.js";
+//#region src/automation/threeway-valve-shared/threeway-valve-shared.ts
+/**
+* Shared vocabulary of the three-way valves: `obc-digital-threeway-valve`,
+* `obc-analog-threeway-valve` and `obc-valve-analog-three-way-icon`.
+*
+* ## Ports
+*
+* A three-way valve has three ports and one side without a port. The ports
+* are numbered from the side without a port, in the order left, stem, right
+* as seen with the stem pointing down: with `orientation` `bottom`, port 1 is
+* the left port, port 2 the bottom port (the stem) and port 3 the right port.
+* The numbering turns with the symbol, so port 2 is always the stem.
+*
+* ## Flow readouts
+*
+* Flow through a three-way valve can go several ways at once, so the readout
+* is a list: one row per flow, each with an optional arrow direction and
+* either a value with a unit (`%` when left out) or a state (`Open` /
+* `Closed`).
+*
+* @module
+*/
+/**
+* The side the stem (port 2) points to. `bottom` and `top` lay the valve on a
+* horizontal pipe, `left` and `right` on a vertical one.
+*/
+var ThreewayValveOrientation = /* @__PURE__ */ function(ThreewayValveOrientation) {
+	ThreewayValveOrientation["bottom"] = "bottom";
+	ThreewayValveOrientation["left"] = "left";
+	ThreewayValveOrientation["top"] = "top";
+	ThreewayValveOrientation["right"] = "right";
+	return ThreewayValveOrientation;
+}({});
+/** Clockwise rotation from the `bottom` drawing, in degrees. */
+function threewayValveRotation(orientation) {
+	switch (orientation) {
+		case "left": return 90;
+		case "top": return 180;
+		case "right": return 270;
+		default: return 0;
+	}
+}
+/**
+* The readout rows of a three-way valve: `Closed` while no flow can pass,
+* the flow rows while it can, and `Open` when the application gives no flows.
+*/
+function threewayValveReadouts(passing, flows) {
+	if (!passing) return [{
+		type: "state-off",
+		value: "Closed",
+		hasIcon: true
+	}];
+	if (flows.length === 0) return [{
+		type: "state-on",
+		value: "Open",
+		hasIcon: true
+	}];
+	return flows.map((flow) => {
+		if ("open" in flow) return {
+			type: flow.open ? "state-on" : "state-off",
+			value: flow.open ? "Open" : "Closed",
+			hasIcon: flow.direction === void 0 || flow.direction === AutomationButtonLabelDirection.none,
+			direction: flow.direction
+		};
+		const direction = flow.direction ?? AutomationButtonLabelDirection.none;
+		return {
+			type: "value",
+			value: flow.value,
+			nDigits: 3,
+			unit: flow.unit ?? "%",
+			direction,
+			icon: direction === AutomationButtonLabelDirection.none ? "none" : "arrow"
+		};
+	});
+}
+//#endregion
+export { ThreewayValveOrientation, threewayValveReadouts, threewayValveRotation };
+
+//# sourceMappingURL=threeway-valve-shared.js.map

package/dist/automation/threeway-valve-shared/threeway-valve-shared.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"threeway-valve-shared.js","names":[],"sources":["../../../src/automation/threeway-valve-shared/threeway-valve-shared.ts"],"sourcesContent":["/**\n * Shared vocabulary of the three-way valves: `obc-digital-threeway-valve`,\n * `obc-analog-threeway-valve` and `obc-valve-analog-three-way-icon`.\n *\n * ## Ports\n *\n * A three-way valve has three ports and one side without a port. The ports\n * are numbered from the side without a port, in the order left, stem, right\n * as seen with the stem pointing down: with `orientation` `bottom`, port 1 is\n * the left port, port 2 the bottom port (the stem) and port 3 the right port.\n * The numbering turns with the symbol, so port 2 is always the stem.\n *\n * ## Flow readouts\n *\n * Flow through a three-way valve can go several ways at once, so the readout\n * is a list: one row per flow, each with an optional arrow direction and\n * either a value with a unit (`%` when left out) or a state (`Open` /\n * `Closed`).\n *\n * @module\n */\nimport {AutomationButtonLabelDirection} from '../automation-button/automation-button.js';\nimport {AutomationButtonReadoutStack} from '../../components/automation-button-readout-stack/automation-button-readout-stack.js';\n\n/**\n * The side the stem (port 2) points to. `bottom` and `top` lay the valve on a\n * horizontal pipe, `left` and `right` on a vertical one.\n */\nexport enum ThreewayValveOrientation {\n  bottom = 'bottom',\n  left = 'left',\n  top = 'top',\n  right = 'right',\n}\n\n/** Clockwise rotation from the `bottom` drawing, in degrees. */\nexport function threewayValveRotation(\n  orientation: ThreewayValveOrientation\n): number {\n  switch (orientation) {\n    case ThreewayValveOrientation.left:\n      return 90;\n    case ThreewayValveOrientation.top:\n      return 180;\n    case ThreewayValveOrientation.right:\n      return 270;\n    default:\n      return 0;\n  }\n}\n\n/** A flow readout row with a value: `→ 060 %`. */\nexport interface ThreewayValveValueFlow {\n  /** Arrow direction on screen; left out or `none` hides the arrow. */\n  direction?: AutomationButtonLabelDirection;\n  value: number;\n  /** Defaults to `%`. */\n  unit?: string;\n}\n\n/** A flow readout row with a state: `→ Open`, `→ Closed`, or the on/off icon without a direction. */\nexport interface ThreewayValveStateFlow {\n  /**\n   * Arrow direction on screen; left out or `none` shows the on or off icon\n   * instead.\n   */\n  direction?: AutomationButtonLabelDirection;\n  open: boolean;\n}\n\n/** One row of the flow readout. */\nexport type ThreewayValveFlow = ThreewayValveValueFlow | ThreewayValveStateFlow;\n\n/**\n * The readout rows of a three-way valve: `Closed` while no flow can pass,\n * the flow rows while it can, and `Open` when the application gives no flows.\n */\nexport function threewayValveReadouts(\n  passing: boolean,\n  flows: ThreewayValveFlow[]\n): AutomationButtonReadoutStack[] {\n  if (!passing) {\n    return [{type: 'state-off', value: 'Closed', hasIcon: true}];\n  }\n  if (flows.length === 0) {\n    return [{type: 'state-on', value: 'Open', hasIcon: true}];\n  }\n  return flows.map((flow): AutomationButtonReadoutStack => {\n    if ('open' in flow) {\n      return {\n        type: flow.open ? 'state-on' : 'state-off',\n        value: flow.open ? 'Open' : 'Closed',\n        hasIcon:\n          flow.direction === undefined ||\n          flow.direction === AutomationButtonLabelDirection.none,\n        direction: flow.direction,\n      };\n    }\n    const direction = flow.direction ?? AutomationButtonLabelDirection.none;\n    return {\n      type: 'value',\n      value: flow.value,\n      nDigits: 3,\n      unit: flow.unit ?? '%',\n      direction,\n      icon:\n        direction === AutomationButtonLabelDirection.none ? 'none' : 'arrow',\n    };\n  });\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AA4BA,IAAY,2BAAL,yBAAA,0BAAA;CACL,yBAAA,YAAA;CACA,yBAAA,UAAA;CACA,yBAAA,SAAA;CACA,yBAAA,WAAA;;AACF,EAAA,CAAA,CAAA;;AAGA,SAAgB,sBACd,aACQ;CACR,QAAQ,aAAR;EACE,KAAA,QACE,OAAO;EACT,KAAA,OACE,OAAO;EACT,KAAA,SACE,OAAO;EACT,SACE,OAAO;CACX;AACF;;;;;AA4BA,SAAgB,sBACd,SACA,OACgC;CAChC,IAAI,CAAC,SACH,OAAO,CAAC;EAAC,MAAM;EAAa,OAAO;EAAU,SAAS;CAAI,CAAC;CAE7D,IAAI,MAAM,WAAW,GACnB,OAAO,CAAC;EAAC,MAAM;EAAY,OAAO;EAAQ,SAAS;CAAI,CAAC;CAE1D,OAAO,MAAM,KAAK,SAAuC;EACvD,IAAI,UAAU,MACZ,OAAO;GACL,MAAM,KAAK,OAAO,aAAa;GAC/B,OAAO,KAAK,OAAO,SAAS;GAC5B,SACE,KAAK,cAAc,KAAA,KACnB,KAAK,cAAc,+BAA+B;GACpD,WAAW,KAAK;EAClB;EAEF,MAAM,YAAY,KAAK,aAAa,+BAA+B;EACnE,OAAO;GACL,MAAM;GACN,OAAO,KAAK;GACZ,SAAS;GACT,MAAM,KAAK,QAAQ;GACnB;GACA,MACE,cAAc,+BAA+B,OAAO,SAAS;EACjE;CACF,CAAC;AACH"}

package/dist/automation/valve-analog-three-way-icon/valve-analog-three-way-icon.d.ts

@@ -1,12 +1,73 @@
 import { LitElement } from 'lit';
+import { ThreewayValveOrientation } from '../threeway-valve-shared/threeway-valve-shared.js';
 /**
+ * Three-way analog valve symbol whose ports open continuously from 0 to
+ * 100 %.
+ *
+ * Draws the same symbol as the `obi-threeway-analog-*` icons. The bands, the
+ * handle angle and the handle position are linear in the opening: exact at
+ * 0 and 100 %, within a fraction of a unit of the icons' 25/50/75 steps.
+ * Used as the icon of `obc-analog-threeway-valve`, and on its
+ * own inside an `obc-automation-button`.
+ *
+ * ## Ports
+ *
+ * Ports are numbered from the side without a port: with `orientation`
+ * `bottom`, port 1 is left, port 2 is the stem at the bottom and port 3 is
+ * right. The numbering turns with the symbol.
+ *
+ * - A port between 0 and 100 % shows its shut part as a band at the port end.
+ * - A port at 0 % is drawn plugged.
+ * - With fewer than two ports open no flow can pass, and the closed symbol is
+ *   shown.
+ * - With all three ports at 100 % the generic open symbol is shown.
+ *
+ * The handle shows how the most open port (the inlet) splits between the two
+ * others, the way the `inleft-*` icons do.
+ *
+ * TODO(designer): the `inleft-bottom` and `inleft-right` icons name their 0
+ * and 100 steps the other way round from their 25/50/75 steps (at `-0` the
+ * port the series opens is shut). The symbol follows the 25/50/75 steps.
+ *
+ * @property open1 - Opening of port 1 in percent (0–100).
+ * @property open2 - Opening of port 2, the stem, in percent (0–100).
+ * @property open3 - Opening of port 3 in percent (0–100).
+ * @property orientation - Side the stem points to; `bottom` and `top` lay the valve on a horizontal pipe, `left` and `right` on a vertical one.
  * @stable
  */
 export declare class ObcValveAnalogThreeWayIcon extends LitElement {
-    value: number;
-    value2: number;
-    closed: boolean;
-    horisontal: boolean;
+    /** Opening of port 1 in percent (0–100). */
+    open1: number;
+    /** Opening of port 2, the stem, in percent (0–100). */
+    open2: number;
+    /** Opening of port 3 in percent (0–100). */
+    open3: number;
+    /** Side the stem points to; `bottom` and `top` lay the valve on a horizontal pipe, `left` and `right` on a vertical one. */
+    orientation: ThreewayValveOrientation;
+    /**
+     * Opening of the right port with the stem up. Setting any of `value`,
+     * `value2`, `closed` or `horisontal` draws the symbol stem up, with the
+     * left port fully open, and ignores `open1`–`open3` and `orientation`.
+     * @deprecated Use `open1`–`open3` and `orientation`.
+     */
+    value?: number;
+    /**
+     * Opening of the top port (the stem).
+     * @deprecated Use `open1`–`open3` and `orientation`.
+     */
+    value2?: number;
+    /** @deprecated Set every opening to 0. */
+    closed?: boolean;
+    /**
+     * Makes the stem the fully open port; `value` then opens the left port and
+     * `value2` the right one.
+     * @deprecated Use `open1`–`open3` and `orientation`.
+     */
+    horisontal?: boolean;
+    private get usesLegacyProperties();
+    private get ports();
+    private get rotation();
+    private renderOpen;
     render(): import('lit-html').TemplateResult<1>;
     static styles: import('lit').CSSResult;
 }

package/dist/automation/valve-analog-three-way-icon/valve-analog-three-way-icon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"valve-analog-three-way-icon.d.ts","sourceRoot":"","sources":["../../../src/automation/valve-analog-three-way-icon/valve-analog-three-way-icon.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAuB,MAAM,KAAK,CAAC;AAKrD;;GAEG;AACH,qBACa,0BAA2B,SAAQ,UAAU;IAC9B,KAAK,EAAE,MAAM,CAAK;IAClB,MAAM,EAAE,MAAM,CAAK;IAClB,MAAM,EAAE,OAAO,CAAS;IACxB,UAAU,EAAE,OAAO,CAAS;IAE9C,MAAM;IAmIf,OAAgB,MAAM,0BAA2B;CAClD;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,iCAAiC,EAAE,0BAA0B,CAAC;KAC/D;CACF"}
+{"version":3,"file":"valve-analog-three-way-icon.d.ts","sourceRoot":"","sources":["../../../src/automation/valve-analog-three-way-icon/valve-analog-three-way-icon.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAuB,MAAM,KAAK,CAAC;AAKrD,OAAO,EACL,wBAAwB,EAEzB,MAAM,mDAAmD,CAAC;AAqF3D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkCG;AACH,qBACa,0BAA2B,SAAQ,UAAU;IAC9B,KAAK,EAAE,MAAM,CAAK;IAClB,KAAK,EAAE,MAAM,CAAK;IAClB,KAAK,EAAE,MAAM,CAAK;IAClB,WAAW,EAAE,wBAAwB,CAC7B;IAElC;;;;;OAKG;IACuB,KAAK,CAAC,EAAE,MAAM,CAAC;IACzC;;;OAGG;IACuB,MAAM,CAAC,EAAE,MAAM,CAAC;IAC1C,0CAA0C;IACf,MAAM,CAAC,EAAE,OAAO,CAAC;IAC5C;;;;OAIG;IACwB,UAAU,CAAC,EAAE,OAAO,CAAC;IAEhD,OAAO,KAAK,oBAAoB,GAO/B;IAED,OAAO,KAAK,KAAK,GAQhB;IAED,OAAO,KAAK,QAAQ,GAMnB;IAED,OAAO,CAAC,UAAU;IA2CT,MAAM;IAkBf,OAAgB,MAAM,0BAA2B;CAClD;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,iCAAiC,EAAE,0BAA0B,CAAC;KAC/D;CACF"}