@oicl/openbridge-webcomponents-full-bundle 2.0.0-next.136 → 2.0.0-next.137

package/dist/automation/hydraulic-check-valve/hydraulic-check-valve.css.js

@@ -0,0 +1,12 @@
+import { css } from "lit";
+const componentStyle = css`* {
+  -webkit-tap-highlight-color: transparent
+}
+.thumb {
+  cursor: default; /* display-only symbol, nothing to select */
+}
+`;
+export {
+  componentStyle as default
+};
+//# sourceMappingURL=hydraulic-check-valve.css.js.map

package/dist/automation/hydraulic-check-valve/hydraulic-check-valve.css.js.map

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

package/dist/automation/hydraulic-check-valve/hydraulic-check-valve.d.ts

@@ -0,0 +1,33 @@
+import { LitElement } from 'lit';
+import '../../icons/icon-hydraulic-13.js';
+/**
+ * `<obc-hydraulic-check-valve>` – Static check valve symbol.
+ *
+ * Renders the check valve symbol in the same thumb-on-track visual style as
+ * the position-selector valve components, sized to a single slot (48px at
+ * regular size). A check valve has no selectable positions, so the component
+ * is display-only and not focusable.
+ *
+ * ## Usage Guidelines
+ * Use alongside `<obc-hydraulic-valve-4-3>` and `<obc-hydraulic-valve-x-2>`
+ * for consistent styling of valves without switchable positions.
+ *
+ * @experimental
+ *
+ * @property ariaLabel - Accessible name for the symbol.
+ * @property vertical - Rotates the symbol 90° counter-clockwise to match a vertical flow path.
+ */
+export declare class ObcHydraulicCheckValve extends LitElement {
+    /** Accessible name for the symbol. */
+    ariaLabel: string;
+    /** Rotates the symbol 90° counter-clockwise to match a vertical flow path. */
+    vertical: boolean;
+    render(): import('lit-html').TemplateResult<1>;
+    static styles: import('lit').CSSResult[];
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'obc-hydraulic-check-valve': ObcHydraulicCheckValve;
+    }
+}
+//# sourceMappingURL=hydraulic-check-valve.d.ts.map

package/dist/automation/hydraulic-check-valve/hydraulic-check-valve.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"hydraulic-check-valve.d.ts","sourceRoot":"","sources":["../../../src/automation/hydraulic-check-valve/hydraulic-check-valve.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAkB,MAAM,KAAK,CAAC;AAMhD,OAAO,kCAAkC,CAAC;AAE1C;;;;;;;;;;;;;;;;GAgBG;AACH,qBACa,sBAAuB,SAAQ,UAAU;IACjB,SAAS,SAAiB;IAElC,QAAQ,UAAS;IAEnC,MAAM;IAqBf,OAAgB,MAAM,4BAAuD;CAC9E;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,2BAA2B,EAAE,sBAAsB,CAAC;KACrD;CACF"}

package/dist/automation/hydraulic-check-valve/hydraulic-check-valve.js

@@ -0,0 +1,58 @@
+import { unsafeCSS, LitElement, html } from "lit";
+import { property } from "lit/decorators.js";
+import { classMap } from "lit/directives/class-map.js";
+import { customElement } from "../../decorator.js";
+import componentStyle from "../shuffle-button/shuffle-button.css.js";
+import componentStyle$1 from "./hydraulic-check-valve.css.js";
+import "../../icons/icon-hydraulic-13.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;
+};
+let ObcHydraulicCheckValve = class extends LitElement {
+  constructor() {
+    super(...arguments);
+    this.ariaLabel = "Check valve";
+    this.vertical = false;
+  }
+  render() {
+    return html`
+      <div
+        class=${classMap({ shuffle: true, vertical: this.vertical })}
+        role="img"
+        aria-label=${this.ariaLabel}
+      >
+        <div class="window">
+          <div class="track"></div>
+          <div class="thumb selected">
+            <div class="visible-wrapper">
+              <div class="icon-container">
+                <obi-hydraulic-13></obi-hydraulic-13>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    `;
+  }
+};
+ObcHydraulicCheckValve.styles = [unsafeCSS(componentStyle), unsafeCSS(componentStyle$1)];
+__decorateClass([
+  property({ type: String })
+], ObcHydraulicCheckValve.prototype, "ariaLabel", 2);
+__decorateClass([
+  property({ type: Boolean })
+], ObcHydraulicCheckValve.prototype, "vertical", 2);
+ObcHydraulicCheckValve = __decorateClass([
+  customElement("obc-hydraulic-check-valve")
+], ObcHydraulicCheckValve);
+export {
+  ObcHydraulicCheckValve
+};
+//# sourceMappingURL=hydraulic-check-valve.js.map

package/dist/automation/hydraulic-check-valve/hydraulic-check-valve.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"hydraulic-check-valve.js","sources":["../../../src/automation/hydraulic-check-valve/hydraulic-check-valve.ts"],"sourcesContent":["import {LitElement, html, unsafeCSS} from 'lit';\nimport {property} from 'lit/decorators.js';\nimport {classMap} from 'lit/directives/class-map.js';\nimport {customElement} from '../../decorator.js';\nimport sharedStyle from '../shuffle-button/shuffle-button.css?inline';\nimport componentStyle from './hydraulic-check-valve.css?inline';\nimport '../../icons/icon-hydraulic-13.js';\n\n/**\n * `<obc-hydraulic-check-valve>` – Static check valve symbol.\n *\n * Renders the check valve symbol in the same thumb-on-track visual style as\n * the position-selector valve components, sized to a single slot (48px at\n * regular size). A check valve has no selectable positions, so the component\n * is display-only and not focusable.\n *\n * ## Usage Guidelines\n * Use alongside `<obc-hydraulic-valve-4-3>` and `<obc-hydraulic-valve-x-2>`\n * for consistent styling of valves without switchable positions.\n *\n * @experimental\n *\n * @property ariaLabel - Accessible name for the symbol.\n * @property vertical - Rotates the symbol 90° counter-clockwise to match a vertical flow path.\n */\n@customElement('obc-hydraulic-check-valve')\nexport class ObcHydraulicCheckValve extends LitElement {\n  @property({type: String}) override ariaLabel = 'Check valve';\n\n  @property({type: Boolean}) vertical = false;\n\n  override render() {\n    return html`\n      <div\n        class=${classMap({shuffle: true, vertical: this.vertical})}\n        role=\"img\"\n        aria-label=${this.ariaLabel}\n      >\n        <div class=\"window\">\n          <div class=\"track\"></div>\n          <div class=\"thumb selected\">\n            <div class=\"visible-wrapper\">\n              <div class=\"icon-container\">\n                <obi-hydraulic-13></obi-hydraulic-13>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n    `;\n  }\n\n  static override styles = [unsafeCSS(sharedStyle), unsafeCSS(componentStyle)];\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'obc-hydraulic-check-valve': ObcHydraulicCheckValve;\n  }\n}\n"],"names":["sharedStyle","componentStyle"],"mappings":";;;;;;;;;;;;;;;;;AA0BO,IAAM,yBAAN,cAAqC,WAAW;AAAA,EAAhD,cAAA;AAAA,UAAA,GAAA,SAAA;AACqB,SAAS,YAAY;AAEpB,SAAA,WAAW;AAAA,EAAA;AAAA,EAE7B,SAAS;AAChB,WAAO;AAAA;AAAA,gBAEK,SAAS,EAAC,SAAS,MAAM,UAAU,KAAK,UAAS,CAAC;AAAA;AAAA,qBAE7C,KAAK,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAcjC;AAGF;AA3Ba,uBA0BK,SAAS,CAAC,UAAUA,cAAW,GAAG,UAAUC,gBAAc,CAAC;AAzBxC,gBAAA;AAAA,EAAlC,SAAS,EAAC,MAAM,OAAA,CAAO;AAAA,GADb,uBACwB,WAAA,aAAA,CAAA;AAER,gBAAA;AAAA,EAA1B,SAAS,EAAC,MAAM,QAAA,CAAQ;AAAA,GAHd,uBAGgB,WAAA,YAAA,CAAA;AAHhB,yBAAN,gBAAA;AAAA,EADN,cAAc,2BAA2B;AAAA,GAC7B,sBAAA;"}

package/dist/automation/hydraulic-valve-4-3/hydraulic-valve-4-3.d.ts

@@ -0,0 +1,77 @@
+import { TemplateResult } from 'lit';
+import { ObcShuffleButtonBase } from '../shuffle-button/shuffle-button-base.js';
+import '../../icons/icon-hydraulic-01.js';
+import '../../icons/icon-hydraulic-02.js';
+import '../../icons/icon-hydraulic-05.js';
+import '../../icons/icon-hydraulic-06.js';
+import '../../icons/icon-hydraulic-07.js';
+import '../../icons/icon-hydraulic-08.js';
+import '../../icons/icon-hydraulic-16.js';
+/**
+ * Detail payload for the `position-selected` event: the zero-based position
+ * the user requested (0 = left, 1 = center, 2 = right).
+ *
+ * Declared here rather than imported from the base: the wrapper generators
+ * resolve event types in the component's own module only.
+ */
+export interface PositionSelectedDetail {
+    position: number;
+}
+/**
+ * Center-position symbol variant of `<obc-hydraulic-valve-4-3>`.
+ * Each value maps to a different center (neutral) position symbol.
+ */
+export declare enum HydraulicValve43Type {
+    One = "1",
+    Two = "2",
+    Three = "3",
+    Four = "4",
+    Five = "5"
+}
+/**
+ * `<obc-hydraulic-valve-4-3>` – Position selector symbol for a 4/3 directional valve.
+ *
+ * Shows the valve's three positions as icon thumbs on a shared track. The
+ * selected position always occupies the fixed center slot; the other position
+ * thumbs keep their logical order and shift to either side, so the component's
+ * total width never changes (five 48px slots at regular size).
+ *
+ * ## Features / Variants
+ * - `type` selects the center-position symbol (five variants).
+ * - `vertical` stacks the positions top to bottom and rotates the symbols to
+ *   match a vertical flow path.
+ * - Controlled selection: clicking an option or pressing arrow keys fires
+ *   `position-selected` with the requested position; the application updates
+ *   `selectedPosition` once the change is confirmed.
+ * - Scales with the component size classes (`obc-component-size-*`).
+ *
+ * ## Usage Guidelines
+ * Use to display and command the position of a 4/3 directional valve. For
+ * two-position valves use `<obc-hydraulic-valve-x-2>`; for a static check
+ * valve symbol use `<obc-hydraulic-check-valve>`. Bind `selectedPosition` to
+ * the position the device reports, not to the last request, so the symbol
+ * never shows a position the valve has not reached.
+ *
+ * ## Events
+ * - `position-selected` – Fired when the user requests a position (click or
+ *   arrow key). Detail: `{position: number}` (0 = left, 1 = center, 2 = right).
+ *
+ * @property type - Center-position symbol variant.
+ * @property ariaLabel - Accessible name for the control.
+ * @fires {CustomEvent<PositionSelectedDetail>} position-selected - Fired when the user requests a position (click or arrow key).
+ * @experimental
+ */
+export declare class ObcHydraulicValve43 extends ObcShuffleButtonBase {
+    /** Center-position symbol variant. */
+    type: HydraulicValve43Type;
+    /** Accessible name for the control. */
+    ariaLabel: string;
+    protected get positionCount(): number;
+    protected renderPositionIcon(position: number): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'obc-hydraulic-valve-4-3': ObcHydraulicValve43;
+    }
+}
+//# sourceMappingURL=hydraulic-valve-4-3.d.ts.map

package/dist/automation/hydraulic-valve-4-3/hydraulic-valve-4-3.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"hydraulic-valve-4-3.d.ts","sourceRoot":"","sources":["../../../src/automation/hydraulic-valve-4-3/hydraulic-valve-4-3.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,KAAK,CAAC;AAGxC,OAAO,EAAC,oBAAoB,EAAC,MAAM,0CAA0C,CAAC;AAC9E,OAAO,kCAAkC,CAAC;AAC1C,OAAO,kCAAkC,CAAC;AAC1C,OAAO,kCAAkC,CAAC;AAC1C,OAAO,kCAAkC,CAAC;AAC1C,OAAO,kCAAkC,CAAC;AAC1C,OAAO,kCAAkC,CAAC;AAC1C,OAAO,kCAAkC,CAAC;AAE1C;;;;;;GAMG;AACH,MAAM,WAAW,sBAAsB;IACrC,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED;;;GAGG;AACH,oBAAY,oBAAoB;IAC9B,GAAG,MAAM;IACT,GAAG,MAAM;IACT,KAAK,MAAM;IACX,IAAI,MAAM;IACV,IAAI,MAAM;CACX;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCG;AACH,qBACa,mBAAoB,SAAQ,oBAAoB;IACjC,IAAI,EAAE,oBAAoB,CACzB;IAEQ,SAAS,SAAyB;IAErE,cAAuB,aAAa,IAAI,MAAM,CAE7C;cAEkB,kBAAkB,CAAC,QAAQ,EAAE,MAAM,GAAG,cAAc;CAqBxE;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,yBAAyB,EAAE,mBAAmB,CAAC;KAChD;CACF"}

package/dist/automation/hydraulic-valve-4-3/hydraulic-valve-4-3.js

@@ -0,0 +1,74 @@
+import { html } from "lit";
+import { property } from "lit/decorators.js";
+import { customElement } from "../../decorator.js";
+import { ObcShuffleButtonBase } from "../shuffle-button/shuffle-button-base.js";
+import "../../icons/icon-hydraulic-01.js";
+import "../../icons/icon-hydraulic-02.js";
+import "../../icons/icon-hydraulic-05.js";
+import "../../icons/icon-hydraulic-06.js";
+import "../../icons/icon-hydraulic-07.js";
+import "../../icons/icon-hydraulic-08.js";
+import "../../icons/icon-hydraulic-16.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 HydraulicValve43Type = /* @__PURE__ */ ((HydraulicValve43Type2) => {
+  HydraulicValve43Type2["One"] = "1";
+  HydraulicValve43Type2["Two"] = "2";
+  HydraulicValve43Type2["Three"] = "3";
+  HydraulicValve43Type2["Four"] = "4";
+  HydraulicValve43Type2["Five"] = "5";
+  return HydraulicValve43Type2;
+})(HydraulicValve43Type || {});
+let ObcHydraulicValve43 = class extends ObcShuffleButtonBase {
+  constructor() {
+    super(...arguments);
+    this.type = "1";
+    this.ariaLabel = "Hydraulic 4/3 valve";
+  }
+  get positionCount() {
+    return 3;
+  }
+  renderPositionIcon(position) {
+    if (position === 0) {
+      return html`<obi-hydraulic-02></obi-hydraulic-02>`;
+    }
+    if (position === 2) {
+      return html`<obi-hydraulic-07></obi-hydraulic-07>`;
+    }
+    switch (this.type) {
+      case "2":
+        return html`<obi-hydraulic-16></obi-hydraulic-16>`;
+      case "3":
+        return html`<obi-hydraulic-08></obi-hydraulic-08>`;
+      case "4":
+        return html`<obi-hydraulic-05></obi-hydraulic-05>`;
+      case "5":
+        return html`<obi-hydraulic-06></obi-hydraulic-06>`;
+      case "1":
+      default:
+        return html`<obi-hydraulic-01></obi-hydraulic-01>`;
+    }
+  }
+};
+__decorateClass([
+  property({ type: String })
+], ObcHydraulicValve43.prototype, "type", 2);
+__decorateClass([
+  property({ type: String })
+], ObcHydraulicValve43.prototype, "ariaLabel", 2);
+ObcHydraulicValve43 = __decorateClass([
+  customElement("obc-hydraulic-valve-4-3")
+], ObcHydraulicValve43);
+export {
+  HydraulicValve43Type,
+  ObcHydraulicValve43
+};
+//# sourceMappingURL=hydraulic-valve-4-3.js.map

package/dist/automation/hydraulic-valve-4-3/hydraulic-valve-4-3.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"hydraulic-valve-4-3.js","sources":["../../../src/automation/hydraulic-valve-4-3/hydraulic-valve-4-3.ts"],"sourcesContent":["import {html} from 'lit';\nimport type {TemplateResult} from 'lit';\nimport {property} from 'lit/decorators.js';\nimport {customElement} from '../../decorator.js';\nimport {ObcShuffleButtonBase} from '../shuffle-button/shuffle-button-base.js';\nimport '../../icons/icon-hydraulic-01.js';\nimport '../../icons/icon-hydraulic-02.js';\nimport '../../icons/icon-hydraulic-05.js';\nimport '../../icons/icon-hydraulic-06.js';\nimport '../../icons/icon-hydraulic-07.js';\nimport '../../icons/icon-hydraulic-08.js';\nimport '../../icons/icon-hydraulic-16.js';\n\n/**\n * Detail payload for the `position-selected` event: the zero-based position\n * the user requested (0 = left, 1 = center, 2 = right).\n *\n * Declared here rather than imported from the base: the wrapper generators\n * resolve event types in the component's own module only.\n */\nexport interface PositionSelectedDetail {\n  position: number;\n}\n\n/**\n * Center-position symbol variant of `<obc-hydraulic-valve-4-3>`.\n * Each value maps to a different center (neutral) position symbol.\n */\nexport enum HydraulicValve43Type {\n  One = '1',\n  Two = '2',\n  Three = '3',\n  Four = '4',\n  Five = '5',\n}\n\n/**\n * `<obc-hydraulic-valve-4-3>` – Position selector symbol for a 4/3 directional valve.\n *\n * Shows the valve's three positions as icon thumbs on a shared track. The\n * selected position always occupies the fixed center slot; the other position\n * thumbs keep their logical order and shift to either side, so the component's\n * total width never changes (five 48px slots at regular size).\n *\n * ## Features / Variants\n * - `type` selects the center-position symbol (five variants).\n * - `vertical` stacks the positions top to bottom and rotates the symbols to\n *   match a vertical flow path.\n * - Controlled selection: clicking an option or pressing arrow keys fires\n *   `position-selected` with the requested position; the application updates\n *   `selectedPosition` once the change is confirmed.\n * - Scales with the component size classes (`obc-component-size-*`).\n *\n * ## Usage Guidelines\n * Use to display and command the position of a 4/3 directional valve. For\n * two-position valves use `<obc-hydraulic-valve-x-2>`; for a static check\n * valve symbol use `<obc-hydraulic-check-valve>`. Bind `selectedPosition` to\n * the position the device reports, not to the last request, so the symbol\n * never shows a position the valve has not reached.\n *\n * ## Events\n * - `position-selected` – Fired when the user requests a position (click or\n *   arrow key). Detail: `{position: number}` (0 = left, 1 = center, 2 = right).\n *\n * @property type - Center-position symbol variant.\n * @property ariaLabel - Accessible name for the control.\n * @fires {CustomEvent<PositionSelectedDetail>} position-selected - Fired when the user requests a position (click or arrow key).\n * @experimental\n */\n@customElement('obc-hydraulic-valve-4-3')\nexport class ObcHydraulicValve43 extends ObcShuffleButtonBase {\n  @property({type: String}) type: HydraulicValve43Type =\n    HydraulicValve43Type.One;\n\n  @property({type: String}) override ariaLabel = 'Hydraulic 4/3 valve';\n\n  protected override get positionCount(): number {\n    return 3;\n  }\n\n  protected override renderPositionIcon(position: number): TemplateResult {\n    if (position === 0) {\n      return html`<obi-hydraulic-02></obi-hydraulic-02>`;\n    }\n    if (position === 2) {\n      return html`<obi-hydraulic-07></obi-hydraulic-07>`;\n    }\n    switch (this.type) {\n      case HydraulicValve43Type.Two:\n        return html`<obi-hydraulic-16></obi-hydraulic-16>`;\n      case HydraulicValve43Type.Three:\n        return html`<obi-hydraulic-08></obi-hydraulic-08>`;\n      case HydraulicValve43Type.Four:\n        return html`<obi-hydraulic-05></obi-hydraulic-05>`;\n      case HydraulicValve43Type.Five:\n        return html`<obi-hydraulic-06></obi-hydraulic-06>`;\n      case HydraulicValve43Type.One:\n      default:\n        return html`<obi-hydraulic-01></obi-hydraulic-01>`;\n    }\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'obc-hydraulic-valve-4-3': ObcHydraulicValve43;\n  }\n}\n"],"names":["HydraulicValve43Type"],"mappings":";;;;;;;;;;;;;;;;;;;;;AA4BO,IAAK,yCAAAA,0BAAL;AACLA,wBAAA,KAAA,IAAM;AACNA,wBAAA,KAAA,IAAM;AACNA,wBAAA,OAAA,IAAQ;AACRA,wBAAA,MAAA,IAAO;AACPA,wBAAA,MAAA,IAAO;AALG,SAAAA;AAAA,GAAA,wBAAA,CAAA,CAAA;AA0CL,IAAM,sBAAN,cAAkC,qBAAqB;AAAA,EAAvD,cAAA;AAAA,UAAA,GAAA,SAAA;AACqB,SAAA,OACxB;AAEwB,SAAS,YAAY;AAAA,EAAA;AAAA,EAE/C,IAAuB,gBAAwB;AAC7C,WAAO;AAAA,EACT;AAAA,EAEmB,mBAAmB,UAAkC;AACtE,QAAI,aAAa,GAAG;AAClB,aAAO;AAAA,IACT;AACA,QAAI,aAAa,GAAG;AAClB,aAAO;AAAA,IACT;AACA,YAAQ,KAAK,MAAA;AAAA,MACX,KAAK;AACH,eAAO;AAAA,MACT,KAAK;AACH,eAAO;AAAA,MACT,KAAK;AACH,eAAO;AAAA,MACT,KAAK;AACH,eAAO;AAAA,MACT,KAAK;AAAA,MACL;AACE,eAAO;AAAA,IAAA;AAAA,EAEb;AACF;AA9B4B,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,OAAA,CAAO;AAAA,GADb,oBACe,WAAA,QAAA,CAAA;AAGS,gBAAA;AAAA,EAAlC,SAAS,EAAC,MAAM,OAAA,CAAO;AAAA,GAJb,oBAIwB,WAAA,aAAA,CAAA;AAJxB,sBAAN,gBAAA;AAAA,EADN,cAAc,yBAAyB;AAAA,GAC3B,mBAAA;"}

package/dist/automation/hydraulic-valve-x-2/hydraulic-valve-x-2.d.ts

@@ -0,0 +1,74 @@
+import { TemplateResult } from 'lit';
+import { ObcShuffleButtonBase } from '../shuffle-button/shuffle-button-base.js';
+import '../../icons/icon-hydraulic-01.js';
+import '../../icons/icon-hydraulic-02.js';
+import '../../icons/icon-hydraulic-07.js';
+import '../../icons/icon-hydraulic-10.js';
+import '../../icons/icon-hydraulic-11.js';
+/**
+ * Detail payload for the `position-selected` event: the zero-based position
+ * the user requested (0 = first, 1 = second).
+ *
+ * Declared here rather than imported from the base: the wrapper generators
+ * resolve event types in the component's own module only.
+ */
+export interface PositionSelectedDetail {
+    position: number;
+}
+/**
+ * Port/position configuration of `<obc-hydraulic-valve-x-2>`:
+ * `2/2`, `3/2` or `4/2` (ports/positions). Each value maps to its own pair of
+ * position symbols.
+ */
+export declare enum HydraulicValveX2Type {
+    TwoTwo = "2/2",
+    ThreeTwo = "3/2",
+    FourTwo = "4/2"
+}
+/**
+ * `<obc-hydraulic-valve-x-2>` – Position selector symbol for a two-position valve.
+ *
+ * Shows the valve's two positions as icon thumbs on a shared track. The
+ * selected position always occupies the fixed center slot; the option thumb
+ * sits to its left or right depending on logical order, and an empty spacer
+ * slot keeps the total width constant (three 48px slots at regular size).
+ *
+ * ## Features / Variants
+ * - `type` selects the port/position configuration: `2/2`, `3/2` or `4/2`.
+ * - `vertical` stacks the positions top to bottom and rotates the symbols to
+ *   match a vertical flow path.
+ * - Controlled selection: clicking the option or pressing arrow keys fires
+ *   `position-selected`; the application updates `selectedPosition` once the
+ *   change is confirmed.
+ * - Scales with the component size classes (`obc-component-size-*`).
+ *
+ * ## Usage Guidelines
+ * Use to display and command the position of a two-position valve. For 4/3
+ * directional valves use `<obc-hydraulic-valve-4-3>`; for a static check
+ * valve symbol use `<obc-hydraulic-check-valve>`. Bind `selectedPosition` to
+ * the position the device reports, not to the last request, so the symbol
+ * never shows a position the valve has not reached.
+ *
+ * ## Events
+ * - `position-selected` – Fired when the user requests a position (click or
+ *   arrow key). Detail: `{position: number}` (0 = first, 1 = second).
+ *
+ * @property type - Port/position configuration.
+ * @property ariaLabel - Accessible name for the control.
+ * @fires {CustomEvent<PositionSelectedDetail>} position-selected - Fired when the user requests a position (click or arrow key).
+ * @experimental
+ */
+export declare class ObcHydraulicValveX2 extends ObcShuffleButtonBase {
+    /** Port/position configuration. */
+    type: HydraulicValveX2Type;
+    /** Accessible name for the control. */
+    ariaLabel: string;
+    protected get positionCount(): number;
+    protected renderPositionIcon(position: number): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'obc-hydraulic-valve-x-2': ObcHydraulicValveX2;
+    }
+}
+//# sourceMappingURL=hydraulic-valve-x-2.d.ts.map

package/dist/automation/hydraulic-valve-x-2/hydraulic-valve-x-2.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"hydraulic-valve-x-2.d.ts","sourceRoot":"","sources":["../../../src/automation/hydraulic-valve-x-2/hydraulic-valve-x-2.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,KAAK,CAAC;AAGxC,OAAO,EAAC,oBAAoB,EAAC,MAAM,0CAA0C,CAAC;AAC9E,OAAO,kCAAkC,CAAC;AAC1C,OAAO,kCAAkC,CAAC;AAC1C,OAAO,kCAAkC,CAAC;AAC1C,OAAO,kCAAkC,CAAC;AAC1C,OAAO,kCAAkC,CAAC;AAE1C;;;;;;GAMG;AACH,MAAM,WAAW,sBAAsB;IACrC,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED;;;;GAIG;AACH,oBAAY,oBAAoB;IAC9B,MAAM,QAAQ;IACd,QAAQ,QAAQ;IAChB,OAAO,QAAQ;CAChB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCG;AACH,qBACa,mBAAoB,SAAQ,oBAAoB;IACjC,IAAI,EAAE,oBAAoB,CACtB;IAEK,SAAS,SAAqB;IAEjE,cAAuB,aAAa,IAAI,MAAM,CAE7C;cAEkB,kBAAkB,CAAC,QAAQ,EAAE,MAAM,GAAG,cAAc;CAiBxE;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,yBAAyB,EAAE,mBAAmB,CAAC;KAChD;CACF"}

package/dist/automation/hydraulic-valve-x-2/hydraulic-valve-x-2.js

@@ -0,0 +1,60 @@
+import { html } from "lit";
+import { property } from "lit/decorators.js";
+import { customElement } from "../../decorator.js";
+import { ObcShuffleButtonBase } from "../shuffle-button/shuffle-button-base.js";
+import "../../icons/icon-hydraulic-01.js";
+import "../../icons/icon-hydraulic-02.js";
+import "../../icons/icon-hydraulic-07.js";
+import "../../icons/icon-hydraulic-10.js";
+import "../../icons/icon-hydraulic-11.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 HydraulicValveX2Type = /* @__PURE__ */ ((HydraulicValveX2Type2) => {
+  HydraulicValveX2Type2["TwoTwo"] = "2/2";
+  HydraulicValveX2Type2["ThreeTwo"] = "3/2";
+  HydraulicValveX2Type2["FourTwo"] = "4/2";
+  return HydraulicValveX2Type2;
+})(HydraulicValveX2Type || {});
+let ObcHydraulicValveX2 = class extends ObcShuffleButtonBase {
+  constructor() {
+    super(...arguments);
+    this.type = "2/2";
+    this.ariaLabel = "Hydraulic valve";
+  }
+  get positionCount() {
+    return 2;
+  }
+  renderPositionIcon(position) {
+    switch (this.type) {
+      case "3/2":
+        return position === 0 ? html`<obi-hydraulic-11></obi-hydraulic-11>` : html`<obi-hydraulic-10></obi-hydraulic-10>`;
+      case "4/2":
+        return position === 0 ? html`<obi-hydraulic-02></obi-hydraulic-02>` : html`<obi-hydraulic-07></obi-hydraulic-07>`;
+      case "2/2":
+      default:
+        return position === 0 ? html`<obi-hydraulic-02></obi-hydraulic-02>` : html`<obi-hydraulic-01></obi-hydraulic-01>`;
+    }
+  }
+};
+__decorateClass([
+  property({ type: String })
+], ObcHydraulicValveX2.prototype, "type", 2);
+__decorateClass([
+  property({ type: String })
+], ObcHydraulicValveX2.prototype, "ariaLabel", 2);
+ObcHydraulicValveX2 = __decorateClass([
+  customElement("obc-hydraulic-valve-x-2")
+], ObcHydraulicValveX2);
+export {
+  HydraulicValveX2Type,
+  ObcHydraulicValveX2
+};
+//# sourceMappingURL=hydraulic-valve-x-2.js.map

package/dist/automation/hydraulic-valve-x-2/hydraulic-valve-x-2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"hydraulic-valve-x-2.js","sources":["../../../src/automation/hydraulic-valve-x-2/hydraulic-valve-x-2.ts"],"sourcesContent":["import {html} from 'lit';\nimport type {TemplateResult} from 'lit';\nimport {property} from 'lit/decorators.js';\nimport {customElement} from '../../decorator.js';\nimport {ObcShuffleButtonBase} from '../shuffle-button/shuffle-button-base.js';\nimport '../../icons/icon-hydraulic-01.js';\nimport '../../icons/icon-hydraulic-02.js';\nimport '../../icons/icon-hydraulic-07.js';\nimport '../../icons/icon-hydraulic-10.js';\nimport '../../icons/icon-hydraulic-11.js';\n\n/**\n * Detail payload for the `position-selected` event: the zero-based position\n * the user requested (0 = first, 1 = second).\n *\n * Declared here rather than imported from the base: the wrapper generators\n * resolve event types in the component's own module only.\n */\nexport interface PositionSelectedDetail {\n  position: number;\n}\n\n/**\n * Port/position configuration of `<obc-hydraulic-valve-x-2>`:\n * `2/2`, `3/2` or `4/2` (ports/positions). Each value maps to its own pair of\n * position symbols.\n */\nexport enum HydraulicValveX2Type {\n  TwoTwo = '2/2',\n  ThreeTwo = '3/2',\n  FourTwo = '4/2',\n}\n\n/**\n * `<obc-hydraulic-valve-x-2>` – Position selector symbol for a two-position valve.\n *\n * Shows the valve's two positions as icon thumbs on a shared track. The\n * selected position always occupies the fixed center slot; the option thumb\n * sits to its left or right depending on logical order, and an empty spacer\n * slot keeps the total width constant (three 48px slots at regular size).\n *\n * ## Features / Variants\n * - `type` selects the port/position configuration: `2/2`, `3/2` or `4/2`.\n * - `vertical` stacks the positions top to bottom and rotates the symbols to\n *   match a vertical flow path.\n * - Controlled selection: clicking the option or pressing arrow keys fires\n *   `position-selected`; the application updates `selectedPosition` once the\n *   change is confirmed.\n * - Scales with the component size classes (`obc-component-size-*`).\n *\n * ## Usage Guidelines\n * Use to display and command the position of a two-position valve. For 4/3\n * directional valves use `<obc-hydraulic-valve-4-3>`; for a static check\n * valve symbol use `<obc-hydraulic-check-valve>`. Bind `selectedPosition` to\n * the position the device reports, not to the last request, so the symbol\n * never shows a position the valve has not reached.\n *\n * ## Events\n * - `position-selected` – Fired when the user requests a position (click or\n *   arrow key). Detail: `{position: number}` (0 = first, 1 = second).\n *\n * @property type - Port/position configuration.\n * @property ariaLabel - Accessible name for the control.\n * @fires {CustomEvent<PositionSelectedDetail>} position-selected - Fired when the user requests a position (click or arrow key).\n * @experimental\n */\n@customElement('obc-hydraulic-valve-x-2')\nexport class ObcHydraulicValveX2 extends ObcShuffleButtonBase {\n  @property({type: String}) type: HydraulicValveX2Type =\n    HydraulicValveX2Type.TwoTwo;\n\n  @property({type: String}) override ariaLabel = 'Hydraulic valve';\n\n  protected override get positionCount(): number {\n    return 2;\n  }\n\n  protected override renderPositionIcon(position: number): TemplateResult {\n    switch (this.type) {\n      case HydraulicValveX2Type.ThreeTwo:\n        return position === 0\n          ? html`<obi-hydraulic-11></obi-hydraulic-11>`\n          : html`<obi-hydraulic-10></obi-hydraulic-10>`;\n      case HydraulicValveX2Type.FourTwo:\n        return position === 0\n          ? html`<obi-hydraulic-02></obi-hydraulic-02>`\n          : html`<obi-hydraulic-07></obi-hydraulic-07>`;\n      case HydraulicValveX2Type.TwoTwo:\n      default:\n        return position === 0\n          ? html`<obi-hydraulic-02></obi-hydraulic-02>`\n          : html`<obi-hydraulic-01></obi-hydraulic-01>`;\n    }\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'obc-hydraulic-valve-x-2': ObcHydraulicValveX2;\n  }\n}\n"],"names":["HydraulicValveX2Type"],"mappings":";;;;;;;;;;;;;;;;;;;AA2BO,IAAK,yCAAAA,0BAAL;AACLA,wBAAA,QAAA,IAAS;AACTA,wBAAA,UAAA,IAAW;AACXA,wBAAA,SAAA,IAAU;AAHA,SAAAA;AAAA,GAAA,wBAAA,CAAA,CAAA;AAwCL,IAAM,sBAAN,cAAkC,qBAAqB;AAAA,EAAvD,cAAA;AAAA,UAAA,GAAA,SAAA;AACqB,SAAA,OACxB;AAEwB,SAAS,YAAY;AAAA,EAAA;AAAA,EAE/C,IAAuB,gBAAwB;AAC7C,WAAO;AAAA,EACT;AAAA,EAEmB,mBAAmB,UAAkC;AACtE,YAAQ,KAAK,MAAA;AAAA,MACX,KAAK;AACH,eAAO,aAAa,IAChB,8CACA;AAAA,MACN,KAAK;AACH,eAAO,aAAa,IAChB,8CACA;AAAA,MACN,KAAK;AAAA,MACL;AACE,eAAO,aAAa,IAChB,8CACA;AAAA,IAAA;AAAA,EAEV;AACF;AA1B4B,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,OAAA,CAAO;AAAA,GADb,oBACe,WAAA,QAAA,CAAA;AAGS,gBAAA;AAAA,EAAlC,SAAS,EAAC,MAAM,OAAA,CAAO;AAAA,GAJb,oBAIwB,WAAA,aAAA,CAAA;AAJxB,sBAAN,gBAAA;AAAA,EADN,cAAc,yBAAyB;AAAA,GAC3B,mBAAA;"}

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

@@ -0,0 +1,67 @@
+import { LitElement, PropertyValues, TemplateResult } from 'lit';
+/**
+ * Detail payload for the `position-selected` event dispatched by
+ * shuffle-button components. `position` is the zero-based position the user
+ * requested.
+ */
+export interface PositionSelectedDetail {
+    position: number;
+}
+/**
+ * The `position-selected` event dispatched by shuffle-button components.
+ */
+export type PositionSelectedEvent = CustomEvent<PositionSelectedDetail>;
+/**
+ * Base class for shuffle-button selectors: a control whose selected thumb
+ * always occupies the fixed center slot of a (2·n−1)-slot row (or column when
+ * `vertical`). Option thumbs keep their logical order and redistribute to
+ * either side of the selected thumb; empty spacer slots absorb the remaining
+ * length so the total size never changes.
+ *
+ * ## Controlled selection
+ * Clicking an option or pressing an arrow key only fires `position-selected`.
+ * The host application sets `selectedPosition` once the device confirms the
+ * change, so the control never shows a position the device has not reached.
+ *
+ * ## Keyboard
+ * Follows the WAI-ARIA radio group pattern
+ * (https://www.w3.org/WAI/ARIA/apg/patterns/radio/): `role="radiogroup"` with
+ * one `role="radio"` thumb per position, a single tab stop on the selected
+ * thumb, and Left/Up and Right/Down moving to the previous/next position with
+ * wrap-around. Departures: arrow keys request the position rather than moving
+ * the checked state (controlled selection above), and focus follows the thumb
+ * only once the host confirms it. Space/Enter on a focused thumb request it
+ * through the native button click. Home/End are out of scope.
+ *
+ * Subclasses define `positionCount` and `renderPositionIcon()` and carry the
+ * `@fires position-selected` tag: the manifest and the framework wrappers read
+ * events from the registered element, not from this base.
+ *
+ * Not declared `abstract`: the wrapper generators wrap every `LitElement`
+ * subclass and pass its constructor as a concrete `Constructor<T>`, so the
+ * default implementations below stand in for abstract members (same as
+ * `ObcAbstractAutomationButton`).
+ *
+ * @property selectedPosition - Zero-based index of the currently selected position. Out-of-range values are clamped.
+ * @property vertical - Lays the control out vertically: positions stack top to bottom and the position symbols rotate 90° counter-clockwise to match a vertical flow path.
+ * @property ariaLabel - Accessible name for the radio group (the control is icon-only). Concrete components override the default with a device-specific name.
+ */
+export declare class ObcShuffleButtonBase extends LitElement {
+    /** Zero-based index of the currently selected position. Out-of-range values are clamped. */
+    selectedPosition: number;
+    /** Lays the control out vertically: positions stack top to bottom and the position symbols rotate 90° counter-clockwise to match a vertical flow path. */
+    vertical: boolean;
+    /** Accessible name for the radio group (the control is icon-only). Concrete components override the default with a device-specific name. */
+    ariaLabel: string;
+    private suppressHover;
+    protected get positionCount(): number;
+    protected renderPositionIcon(_position: number): TemplateResult;
+    render(): TemplateResult<1>;
+    private renderThumb;
+    private requestPosition;
+    private restoreHover;
+    private handleKeydown;
+    protected updated(changed: PropertyValues): void;
+    static styles: import('lit').CSSResult;
+}
+//# sourceMappingURL=shuffle-button-base.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"shuffle-button-base.d.ts","sourceRoot":"","sources":["../../../src/automation/shuffle-button/shuffle-button-base.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAkB,MAAM,KAAK,CAAC;AAChD,OAAO,KAAK,EAAC,cAAc,EAAE,cAAc,EAAC,MAAM,KAAK,CAAC;AAUxD;;;;GAIG;AACH,MAAM,WAAW,sBAAsB;IACrC,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED;;GAEG;AACH,MAAM,MAAM,qBAAqB,GAAG,WAAW,CAAC,sBAAsB,CAAC,CAAC;AAExE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkCG;AACH,qBAAa,oBAAqB,SAAQ,UAAU;IACxB,gBAAgB,SAAK;IAEpB,QAAQ,UAAS;IAET,SAAS,SAAuB;IAE1D,OAAO,CAAC,aAAa,CAAS;IAEvC,SAAS,KAAK,aAAa,IAAI,MAAM,CAEpC;IAED,SAAS,CAAC,kBAAkB,CAAC,SAAS,EAAE,MAAM,GAAG,cAAc;IAItD,MAAM;IA4Bf,OAAO,CAAC,WAAW;IAkBnB,OAAO,CAAC,eAAe;IAevB,OAAO,CAAC,YAAY;IAIpB,OAAO,CAAC,aAAa;cAeF,OAAO,CAAC,OAAO,EAAE,cAAc;IAWlD,OAAgB,MAAM,0BAA6B;CACpD"}

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

@@ -0,0 +1,126 @@
+import { LitElement, html, unsafeCSS } from "lit";
+import { property, state } from "lit/decorators.js";
+import { classMap } from "lit/directives/class-map.js";
+import componentStyle from "./shuffle-button.css.js";
+import { clampPosition, shuffleSlotCount, shuffleWindowOffset } from "./shuffle-layout.js";
+var __defProp = Object.defineProperty;
+var __decorateClass = (decorators, target, key, kind) => {
+  var result = void 0;
+  for (var i = decorators.length - 1, decorator; i >= 0; i--)
+    if (decorator = decorators[i])
+      result = decorator(target, key, result) || result;
+  if (result) __defProp(target, key, result);
+  return result;
+};
+const _ObcShuffleButtonBase = class _ObcShuffleButtonBase extends LitElement {
+  constructor() {
+    super(...arguments);
+    this.selectedPosition = 1;
+    this.vertical = false;
+    this.ariaLabel = "Position selector";
+    this.suppressHover = false;
+  }
+  get positionCount() {
+    return 1;
+  }
+  renderPositionIcon(_position) {
+    return html``;
+  }
+  render() {
+    const count = this.positionCount;
+    const selected = clampPosition(count, this.selectedPosition);
+    return html`
+      <div
+        class=${classMap({ shuffle: true, vertical: this.vertical })}
+        role="radiogroup"
+        aria-label=${this.ariaLabel}
+        aria-orientation=${this.vertical ? "vertical" : "horizontal"}
+        style="--_shuffle-slot-count: ${shuffleSlotCount(
+      count
+    )}; --_shuffle-window-offset: ${shuffleWindowOffset(
+      count,
+      selected
+    )};${this.suppressHover ? " --obc-can-hover: 0;" : ""}"
+        @keydown=${this.handleKeydown}
+        @pointermove=${this.restoreHover}
+      >
+        <div class="window">
+          <div class="track"></div>
+          ${Array.from(
+      { length: count },
+      (_, position) => this.renderThumb(position, selected)
+    )}
+        </div>
+      </div>
+    `;
+  }
+  renderThumb(position, selected) {
+    const isSelected = position === selected;
+    return html`
+      <button
+        class=${classMap({ thumb: true, selected: isSelected })}
+        type="button"
+        role="radio"
+        aria-checked=${isSelected}
+        tabindex=${isSelected ? 0 : -1}
+        @click=${() => this.requestPosition(position)}
+      >
+        <div class="visible-wrapper">
+          <div class="icon-container">${this.renderPositionIcon(position)}</div>
+        </div>
+      </button>
+    `;
+  }
+  requestPosition(position) {
+    if (position === clampPosition(this.positionCount, this.selectedPosition)) {
+      return;
+    }
+    this.suppressHover = true;
+    const event = new CustomEvent("position-selected", {
+      detail: { position },
+      bubbles: true,
+      composed: true
+    });
+    this.dispatchEvent(event);
+  }
+  restoreHover() {
+    this.suppressHover = false;
+  }
+  handleKeydown(event) {
+    let delta;
+    if (event.key === "ArrowRight" || event.key === "ArrowDown") {
+      delta = 1;
+    } else if (event.key === "ArrowLeft" || event.key === "ArrowUp") {
+      delta = -1;
+    } else {
+      return;
+    }
+    event.preventDefault();
+    const count = this.positionCount;
+    const selected = clampPosition(count, this.selectedPosition);
+    this.requestPosition((selected + delta + count) % count);
+  }
+  updated(changed) {
+    if (changed.has("selectedPosition") && this.shadowRoot?.activeElement instanceof HTMLElement) {
+      this.shadowRoot.querySelector("button.thumb.selected")?.focus();
+    }
+  }
+};
+_ObcShuffleButtonBase.styles = unsafeCSS(componentStyle);
+let ObcShuffleButtonBase = _ObcShuffleButtonBase;
+__decorateClass([
+  property({ type: Number })
+], ObcShuffleButtonBase.prototype, "selectedPosition");
+__decorateClass([
+  property({ type: Boolean })
+], ObcShuffleButtonBase.prototype, "vertical");
+__decorateClass([
+  property({ type: String })
+], ObcShuffleButtonBase.prototype, "ariaLabel");
+__decorateClass([
+  state()
+], ObcShuffleButtonBase.prototype, "suppressHover");
+export {
+  ObcShuffleButtonBase
+};
+//# sourceMappingURL=shuffle-button-base.js.map