@oicl/openbridge-webcomponents 0.0.15-dev-20241203212146 → 0.0.15-dev-20241204123732

package/custom-elements.json

@@ -39480,6 +39480,247 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "src/automation/valve/valve.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "ObcValve",
+          "members": [
+            {
+              "kind": "field",
+              "name": "size",
+              "type": {
+                "text": "AutomationButtonSize"
+              },
+              "attribute": "size"
+            },
+            {
+              "kind": "field",
+              "name": "labelPosition",
+              "type": {
+                "text": "AutomationButtonLabelPosition"
+              },
+              "attribute": "labelPosition"
+            },
+            {
+              "kind": "field",
+              "name": "labelSize",
+              "type": {
+                "text": "AutomationButtonLabelSize"
+              },
+              "attribute": "labelSize"
+            },
+            {
+              "kind": "field",
+              "name": "labelStyle",
+              "type": {
+                "text": "AutomationBottonLabelStyle"
+              },
+              "attribute": "labelStyle"
+            },
+            {
+              "kind": "field",
+              "name": "alert",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "attribute": "alert"
+            },
+            {
+              "kind": "field",
+              "name": "progress",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "attribute": "progress"
+            },
+            {
+              "kind": "field",
+              "name": "tag",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "attribute": "tag"
+            },
+            {
+              "kind": "field",
+              "name": "direction",
+              "type": {
+                "text": "Direction"
+              },
+              "attribute": "direction"
+            },
+            {
+              "kind": "field",
+              "name": "value",
+              "type": {
+                "text": "number"
+              },
+              "default": "100",
+              "attribute": "value"
+            },
+            {
+              "kind": "field",
+              "name": "closed",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "attribute": "closed"
+            },
+            {
+              "kind": "field",
+              "name": "showDirectionLabel",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "attribute": "showDirectionLabel"
+            },
+            {
+              "kind": "field",
+              "name": "flat",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "attribute": "flat"
+            },
+            {
+              "kind": "field",
+              "name": "rotation",
+              "type": {
+                "text": "number"
+              },
+              "readonly": true
+            }
+          ],
+          "attributes": [
+            {
+              "name": "size",
+              "type": {
+                "text": "AutomationButtonSize"
+              },
+              "fieldName": "size"
+            },
+            {
+              "name": "labelPosition",
+              "type": {
+                "text": "AutomationButtonLabelPosition"
+              },
+              "fieldName": "labelPosition"
+            },
+            {
+              "name": "labelSize",
+              "type": {
+                "text": "AutomationButtonLabelSize"
+              },
+              "fieldName": "labelSize"
+            },
+            {
+              "name": "labelStyle",
+              "type": {
+                "text": "AutomationBottonLabelStyle"
+              },
+              "fieldName": "labelStyle"
+            },
+            {
+              "name": "alert",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "fieldName": "alert"
+            },
+            {
+              "name": "progress",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "fieldName": "progress"
+            },
+            {
+              "name": "tag",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "fieldName": "tag"
+            },
+            {
+              "name": "direction",
+              "type": {
+                "text": "Direction"
+              },
+              "fieldName": "direction"
+            },
+            {
+              "name": "value",
+              "type": {
+                "text": "number"
+              },
+              "default": "100",
+              "fieldName": "value"
+            },
+            {
+              "name": "closed",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "fieldName": "closed"
+            },
+            {
+              "name": "showDirectionLabel",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "fieldName": "showDirectionLabel"
+            },
+            {
+              "name": "flat",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "fieldName": "flat"
+            }
+          ],
+          "superclass": {
+            "name": "LitElement",
+            "package": "lit"
+          },
+          "tagName": "obc-valve",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "ObcValve",
+          "declaration": {
+            "name": "ObcValve",
+            "module": "src/automation/valve/valve.ts"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "obc-valve",
+          "declaration": {
+            "name": "ObcValve",
+            "module": "src/automation/valve/valve.ts"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "src/automation/valve-analog-three-way-icon/valve-analog-three-way-icon.ts",

package/dist/automation/valve/valve.d.ts

@@ -0,0 +1,27 @@
+import { LitElement } from 'lit';
+import { AutomationBottonLabelStyle, AutomationButtonLabelPosition, AutomationButtonLabelSize, AutomationButtonSize } from '../automation-button/automation-button';
+import { Direction } from '../../types';
+import '../automation-button/automation-button';
+import '../valve-analoge-two-way-icon/valve-analog-two-way-icon';
+export declare class ObcValve extends LitElement {
+    size: AutomationButtonSize;
+    labelPosition: AutomationButtonLabelPosition;
+    labelSize: AutomationButtonLabelSize;
+    labelStyle: AutomationBottonLabelStyle;
+    alert: boolean;
+    progress: boolean;
+    tag: string;
+    direction: Direction;
+    value: number;
+    closed: boolean;
+    showDirectionLabel: boolean;
+    flat: boolean;
+    get rotation(): number;
+    render(): import('lit-html').TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'obc-valve': ObcValve;
+    }
+}
+//# sourceMappingURL=valve.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"valve.d.ts","sourceRoot":"","sources":["../../../src/automation/valve/valve.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAO,MAAM,KAAK,CAAC;AAErC,OAAO,wCAAwC,CAAC;AAChD,OAAO,EACL,0BAA0B,EAE1B,6BAA6B,EAC7B,yBAAyB,EACzB,oBAAoB,EAGrB,MAAM,wCAAwC,CAAC;AAChD,OAAO,EAAC,SAAS,EAAC,MAAM,aAAa,CAAC;AACtC,OAAO,yDAAyD,CAAC;AAEjE,qBACa,QAAS,SAAQ,UAAU;IACZ,IAAI,EAAE,oBAAoB,CACrB;IACL,aAAa,EAAE,6BAA6B,CAC/B;IACb,SAAS,EAAE,yBAAyB,CAC1B;IACV,UAAU,EAAE,0BAA0B,CAC3B;IACV,KAAK,EAAE,OAAO,CAAS;IACvB,QAAQ,EAAE,OAAO,CAAS;IAC3B,GAAG,EAAE,MAAM,CAAM;IACjB,SAAS,EAAE,SAAS,CAAmB;IACvC,KAAK,EAAE,MAAM,CAAO;IACnB,MAAM,EAAE,OAAO,CAAS;IACxB,kBAAkB,EAAE,OAAO,CAAS;IACpC,IAAI,EAAE,OAAO,CAAS;IAEjD,IAAI,QAAQ,IAAI,MAAM,CAQrB;IAEQ,MAAM;CA0ChB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,WAAW,EAAE,QAAQ,CAAC;KACvB;CACF"}

package/dist/automation/valve/valve.js

@@ -0,0 +1,123 @@
+import { LitElement, html } from "lit";
+import { property, customElement } from "lit/decorators.js";
+import { AutomationButtonSize, AutomationButtonLabelPosition, AutomationButtonLabelSize, AutomationBottonLabelStyle, AutomationButtonState } from "../automation-button/automation-button.js";
+import { Direction } from "../../types.js";
+import "../valve-analoge-two-way-icon/valve-analog-two-way-icon.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 ObcValve = class extends LitElement {
+  constructor() {
+    super(...arguments);
+    this.size = AutomationButtonSize.regular;
+    this.labelPosition = AutomationButtonLabelPosition.bottom;
+    this.labelSize = AutomationButtonLabelSize.regular;
+    this.labelStyle = AutomationBottonLabelStyle.regular;
+    this.alert = false;
+    this.progress = false;
+    this.tag = "";
+    this.direction = Direction.Right;
+    this.value = 100;
+    this.closed = false;
+    this.showDirectionLabel = false;
+    this.flat = false;
+  }
+  get rotation() {
+    if (this.direction === "up") {
+      return -90;
+    }
+    if (this.direction === "down") {
+      return 90;
+    }
+    return 0;
+  }
+  render() {
+    const labels = [
+      {
+        type: "tag",
+        text: this.tag,
+        showHash: this.showDirectionLabel
+      },
+      {
+        type: "direction",
+        nDigits: 3,
+        value: this.value,
+        direction: this.direction,
+        unit: "percent"
+      }
+    ];
+    return html`
+      <obc-automation-button
+        .state=${this.closed ? AutomationButtonState.closed : AutomationButtonState.open}
+        .size=${this.size}
+        .labels=${labels}
+        .labelPosition=${this.labelPosition}
+        .labelSize=${this.labelSize}
+        .labelStyle=${this.labelStyle}
+        ?alert=${this.alert}
+        ?progress=${this.progress}
+        ?flat=${this.flat}
+      >
+        <obc-valve-analog-two-way-icon
+          slot="icon"
+          .rotation=${this.rotation}
+          ?closed=${this.closed}
+        ></obc-valve-analog-two-way-icon>
+        <slot name="badge-top-right"></slot>
+        <slot name="badge-top-left"></slot>
+        <slot name="badge-bottom-left"></slot>
+        <slot name="badge-bottom-right"></slot>
+      </obc-automation-button>
+    `;
+  }
+};
+__decorateClass([
+  property({ type: String })
+], ObcValve.prototype, "size", 2);
+__decorateClass([
+  property({ type: String })
+], ObcValve.prototype, "labelPosition", 2);
+__decorateClass([
+  property({ type: String })
+], ObcValve.prototype, "labelSize", 2);
+__decorateClass([
+  property({ type: String })
+], ObcValve.prototype, "labelStyle", 2);
+__decorateClass([
+  property({ type: Boolean })
+], ObcValve.prototype, "alert", 2);
+__decorateClass([
+  property({ type: Boolean })
+], ObcValve.prototype, "progress", 2);
+__decorateClass([
+  property({ type: String })
+], ObcValve.prototype, "tag", 2);
+__decorateClass([
+  property({ type: String })
+], ObcValve.prototype, "direction", 2);
+__decorateClass([
+  property({ type: Number })
+], ObcValve.prototype, "value", 2);
+__decorateClass([
+  property({ type: Boolean })
+], ObcValve.prototype, "closed", 2);
+__decorateClass([
+  property({ type: Boolean })
+], ObcValve.prototype, "showDirectionLabel", 2);
+__decorateClass([
+  property({ type: Boolean })
+], ObcValve.prototype, "flat", 2);
+ObcValve = __decorateClass([
+  customElement("obc-valve")
+], ObcValve);
+export {
+  ObcValve
+};
+//# sourceMappingURL=valve.js.map

package/dist/automation/valve/valve.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"valve.js","sources":["../../../src/automation/valve/valve.ts"],"sourcesContent":["import {LitElement, html} from 'lit';\nimport {customElement, property} from 'lit/decorators.js';\nimport '../automation-button/automation-button';\nimport {\n  AutomationBottonLabelStyle,\n  AutomationButtonDirectonValueLabel,\n  AutomationButtonLabelPosition,\n  AutomationButtonLabelSize,\n  AutomationButtonSize,\n  AutomationButtonState,\n  AutomationButtonTagLabel,\n} from '../automation-button/automation-button';\nimport {Direction} from '../../types';\nimport '../valve-analoge-two-way-icon/valve-analog-two-way-icon';\n\n@customElement('obc-valve')\nexport class ObcValve extends LitElement {\n  @property({type: String}) size: AutomationButtonSize =\n    AutomationButtonSize.regular;\n  @property({type: String}) labelPosition: AutomationButtonLabelPosition =\n    AutomationButtonLabelPosition.bottom;\n  @property({type: String}) labelSize: AutomationButtonLabelSize =\n    AutomationButtonLabelSize.regular;\n  @property({type: String}) labelStyle: AutomationBottonLabelStyle =\n    AutomationBottonLabelStyle.regular;\n  @property({type: Boolean}) alert: boolean = false;\n  @property({type: Boolean}) progress: boolean = false;\n  @property({type: String}) tag: string = '';\n  @property({type: String}) direction: Direction = Direction.Right;\n  @property({type: Number}) value: number = 100;\n  @property({type: Boolean}) closed: boolean = false;\n  @property({type: Boolean}) showDirectionLabel: boolean = false;\n  @property({type: Boolean}) flat: boolean = false;\n\n  get rotation(): number {\n    if (this.direction === 'up') {\n      return -90;\n    }\n    if (this.direction === 'down') {\n      return 90;\n    }\n    return 0;\n  }\n\n  override render() {\n    const labels = [\n      {\n        type: 'tag',\n        text: this.tag,\n        showHash: this.showDirectionLabel,\n      } as AutomationButtonTagLabel,\n      {\n        type: 'direction',\n        nDigits: 3,\n        value: this.value,\n        direction: this.direction,\n        unit: 'percent',\n      } as AutomationButtonDirectonValueLabel,\n    ];\n\n    return html`\n      <obc-automation-button\n        .state=${this.closed\n          ? AutomationButtonState.closed\n          : AutomationButtonState.open}\n        .size=${this.size}\n        .labels=${labels}\n        .labelPosition=${this.labelPosition}\n        .labelSize=${this.labelSize}\n        .labelStyle=${this.labelStyle}\n        ?alert=${this.alert}\n        ?progress=${this.progress}\n        ?flat=${this.flat}\n      >\n        <obc-valve-analog-two-way-icon\n          slot=\"icon\"\n          .rotation=${this.rotation}\n          ?closed=${this.closed}\n        ></obc-valve-analog-two-way-icon>\n        <slot name=\"badge-top-right\"></slot>\n        <slot name=\"badge-top-left\"></slot>\n        <slot name=\"badge-bottom-left\"></slot>\n        <slot name=\"badge-bottom-right\"></slot>\n      </obc-automation-button>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'obc-valve': ObcValve;\n  }\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;;AAgBa,IAAA,WAAN,cAAuB,WAAW;AAAA,EAAlC,cAAA;AAAA,UAAA,GAAA,SAAA;AACqB,SAAA,OACxB,qBAAqB;AACG,SAAA,gBACxB,8BAA8B;AACN,SAAA,YACxB,0BAA0B;AACF,SAAA,aACxB,2BAA2B;AACe,SAAA,QAAA;AACG,SAAA,WAAA;AACP,SAAA,MAAA;AACd,SAAA,YAAuB,UAAU;AACjB,SAAA,QAAA;AACG,SAAA,SAAA;AACY,SAAA,qBAAA;AACd,SAAA,OAAA;AAAA,EAAA;AAAA,EAE3C,IAAI,WAAmB;AACjB,QAAA,KAAK,cAAc,MAAM;AACpB,aAAA;AAAA,IAAA;AAEL,QAAA,KAAK,cAAc,QAAQ;AACtB,aAAA;AAAA,IAAA;AAEF,WAAA;AAAA,EAAA;AAAA,EAGA,SAAS;AAChB,UAAM,SAAS;AAAA,MACb;AAAA,QACE,MAAM;AAAA,QACN,MAAM,KAAK;AAAA,QACX,UAAU,KAAK;AAAA,MACjB;AAAA,MACA;AAAA,QACE,MAAM;AAAA,QACN,SAAS;AAAA,QACT,OAAO,KAAK;AAAA,QACZ,WAAW,KAAK;AAAA,QAChB,MAAM;AAAA,MAAA;AAAA,IAEV;AAEO,WAAA;AAAA;AAAA,iBAEM,KAAK,SACV,sBAAsB,SACtB,sBAAsB,IAAI;AAAA,gBACtB,KAAK,IAAI;AAAA,kBACP,MAAM;AAAA,yBACC,KAAK,aAAa;AAAA,qBACtB,KAAK,SAAS;AAAA,sBACb,KAAK,UAAU;AAAA,iBACpB,KAAK,KAAK;AAAA,oBACP,KAAK,QAAQ;AAAA,gBACjB,KAAK,IAAI;AAAA;AAAA;AAAA;AAAA,sBAIH,KAAK,QAAQ;AAAA,oBACf,KAAK,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAA;AAS/B;AArE4B,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,OAAO,CAAA;AAAA,GADb,SACe,WAAA,QAAA,CAAA;AAEA,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,OAAO,CAAA;AAAA,GAHb,SAGe,WAAA,iBAAA,CAAA;AAEA,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,OAAO,CAAA;AAAA,GALb,SAKe,WAAA,aAAA,CAAA;AAEA,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,OAAO,CAAA;AAAA,GAPb,SAOe,WAAA,cAAA,CAAA;AAEC,gBAAA;AAAA,EAA1B,SAAS,EAAC,MAAM,QAAQ,CAAA;AAAA,GATd,SASgB,WAAA,SAAA,CAAA;AACA,gBAAA;AAAA,EAA1B,SAAS,EAAC,MAAM,QAAQ,CAAA;AAAA,GAVd,SAUgB,WAAA,YAAA,CAAA;AACD,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,OAAO,CAAA;AAAA,GAXb,SAWe,WAAA,OAAA,CAAA;AACA,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,OAAO,CAAA;AAAA,GAZb,SAYe,WAAA,aAAA,CAAA;AACA,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,OAAO,CAAA;AAAA,GAbb,SAae,WAAA,SAAA,CAAA;AACC,gBAAA;AAAA,EAA1B,SAAS,EAAC,MAAM,QAAQ,CAAA;AAAA,GAdd,SAcgB,WAAA,UAAA,CAAA;AACA,gBAAA;AAAA,EAA1B,SAAS,EAAC,MAAM,QAAQ,CAAA;AAAA,GAfd,SAegB,WAAA,sBAAA,CAAA;AACA,gBAAA;AAAA,EAA1B,SAAS,EAAC,MAAM,QAAQ,CAAA;AAAA,GAhBd,SAgBgB,WAAA,QAAA,CAAA;AAhBhB,WAAN,gBAAA;AAAA,EADN,cAAc,WAAW;AAAA,GACb,QAAA;"}

package/dist/index.js

@@ -1,5 +1,6 @@
-import { AlertType } from "./types.js";
+import { AlertType, Direction } from "./types.js";
 export {
-  AlertType
+  AlertType,
+  Direction
 };
 //# sourceMappingURL=index.js.map

package/dist/types.d.ts

@@ -8,4 +8,10 @@ export declare enum AlertType {
     None = "none",
     Flat = "flat"
 }
+export declare enum Direction {
+    Up = "up",
+    Down = "down",
+    Left = "left",
+    Right = "right"
+}
 //# sourceMappingURL=types.d.ts.map

package/dist/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAAA,oBAAY,SAAS;IACnB,KAAK,UAAU;IACf,OAAO,YAAY;IACnB,OAAO,YAAY;IACnB,OAAO,YAAY;IACnB,OAAO,YAAY;IACnB,YAAY,iBAAiB;IAC7B,IAAI,SAAS;IACb,IAAI,SAAS;CACd"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAAA,oBAAY,SAAS;IACnB,KAAK,UAAU;IACf,OAAO,YAAY;IACnB,OAAO,YAAY;IACnB,OAAO,YAAY;IACnB,OAAO,YAAY;IACnB,YAAY,iBAAiB;IAC7B,IAAI,SAAS;IACb,IAAI,SAAS;CACd;AAED,oBAAY,SAAS;IACnB,EAAE,OAAO;IACT,IAAI,SAAS;IACb,IAAI,SAAS;IACb,KAAK,UAAU;CAChB"}

package/dist/types.js

@@ -9,7 +9,15 @@ var AlertType = /* @__PURE__ */ ((AlertType2) => {
   AlertType2["Flat"] = "flat";
   return AlertType2;
 })(AlertType || {});
+var Direction = /* @__PURE__ */ ((Direction2) => {
+  Direction2["Up"] = "up";
+  Direction2["Down"] = "down";
+  Direction2["Left"] = "left";
+  Direction2["Right"] = "right";
+  return Direction2;
+})(Direction || {});
 export {
-  AlertType
+  AlertType,
+  Direction
 };
 //# sourceMappingURL=types.js.map

package/dist/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","sources":["../src/types.ts"],"sourcesContent":["export enum AlertType {\n  Alarm = 'alarm',\n  Warning = 'warning',\n  Caution = 'caution',\n  Running = 'running',\n  Command = 'command',\n  Notification = 'notification',\n  None = 'none',\n  Flat = 'flat',\n}\n"],"names":["AlertType"],"mappings":"AAAY,IAAA,8BAAAA,eAAL;AACLA,aAAA,OAAQ,IAAA;AACRA,aAAA,SAAU,IAAA;AACVA,aAAA,SAAU,IAAA;AACVA,aAAA,SAAU,IAAA;AACVA,aAAA,SAAU,IAAA;AACVA,aAAA,cAAe,IAAA;AACfA,aAAA,MAAO,IAAA;AACPA,aAAA,MAAO,IAAA;AARGA,SAAAA;AAAA,GAAA,aAAA,CAAA,CAAA;"}
+{"version":3,"file":"types.js","sources":["../src/types.ts"],"sourcesContent":["export enum AlertType {\n  Alarm = 'alarm',\n  Warning = 'warning',\n  Caution = 'caution',\n  Running = 'running',\n  Command = 'command',\n  Notification = 'notification',\n  None = 'none',\n  Flat = 'flat',\n}\n\nexport enum Direction {\n  Up = 'up',\n  Down = 'down',\n  Left = 'left',\n  Right = 'right',\n}\n"],"names":["AlertType","Direction"],"mappings":"AAAY,IAAA,8BAAAA,eAAL;AACLA,aAAA,OAAQ,IAAA;AACRA,aAAA,SAAU,IAAA;AACVA,aAAA,SAAU,IAAA;AACVA,aAAA,SAAU,IAAA;AACVA,aAAA,SAAU,IAAA;AACVA,aAAA,cAAe,IAAA;AACfA,aAAA,MAAO,IAAA;AACPA,aAAA,MAAO,IAAA;AARGA,SAAAA;AAAA,GAAA,aAAA,CAAA,CAAA;AAWA,IAAA,8BAAAC,eAAL;AACLA,aAAA,IAAK,IAAA;AACLA,aAAA,MAAO,IAAA;AACPA,aAAA,MAAO,IAAA;AACPA,aAAA,OAAQ,IAAA;AAJEA,SAAAA;AAAA,GAAA,aAAA,CAAA,CAAA;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oicl/openbridge-webcomponents",
-  "version": "0.0.15-dev-20241203212146",
+  "version": "0.0.15-dev-20241204123732",
   "type": "module",
   "repository": {
     "type": "git",
@@ -46,18 +46,18 @@
     "@lit-labs/gen-wrapper-vue": "^0.4.0",
     "@open-wc/lit-helpers": "^0.7.0",
     "@playwright/test": "^1.49.0",
-    "@storybook/addon-essentials": "^8.4.4",
-    "@storybook/addon-interactions": "^8.4.4",
-    "@storybook/addon-links": "^8.4.4",
-    "@storybook/addon-storysource": "^8.4.4",
-    "@storybook/addon-themes": "^8.4.4",
-    "@storybook/blocks": "^8.4.4",
-    "@storybook/manager-api": "^8.4.4",
-    "@storybook/test": "^8.4.4",
-    "@storybook/test-runner": "^0.19.1",
-    "@storybook/theming": "^8.4.4",
-    "@storybook/web-components": "^8.4.4",
-    "@storybook/web-components-vite": "^8.4.4",
+    "@storybook/addon-essentials": "^8.4.6",
+    "@storybook/addon-interactions": "^8.4.6",
+    "@storybook/addon-links": "^8.4.6",
+    "@storybook/addon-storysource": "^8.4.6",
+    "@storybook/addon-themes": "^8.4.6",
+    "@storybook/blocks": "^8.4.6",
+    "@storybook/manager-api": "^8.4.6",
+    "@storybook/test": "^8.4.6",
+    "@storybook/test-runner": "^0.20.1",
+    "@storybook/theming": "^8.4.6",
+    "@storybook/web-components": "^8.4.6",
+    "@storybook/web-components-vite": "^8.4.6",
     "@topcli/prompts": "^2.0.0",
     "@types/jest-image-snapshot": "^6",
     "@types/node": "^22.4.1",

package/src/automation/valve/valve.ts

@@ -0,0 +1,93 @@
+import {LitElement, html} from 'lit';
+import {customElement, property} from 'lit/decorators.js';
+import '../automation-button/automation-button';
+import {
+  AutomationBottonLabelStyle,
+  AutomationButtonDirectonValueLabel,
+  AutomationButtonLabelPosition,
+  AutomationButtonLabelSize,
+  AutomationButtonSize,
+  AutomationButtonState,
+  AutomationButtonTagLabel,
+} from '../automation-button/automation-button';
+import {Direction} from '../../types';
+import '../valve-analoge-two-way-icon/valve-analog-two-way-icon';
+
+@customElement('obc-valve')
+export class ObcValve extends LitElement {
+  @property({type: String}) size: AutomationButtonSize =
+    AutomationButtonSize.regular;
+  @property({type: String}) labelPosition: AutomationButtonLabelPosition =
+    AutomationButtonLabelPosition.bottom;
+  @property({type: String}) labelSize: AutomationButtonLabelSize =
+    AutomationButtonLabelSize.regular;
+  @property({type: String}) labelStyle: AutomationBottonLabelStyle =
+    AutomationBottonLabelStyle.regular;
+  @property({type: Boolean}) alert: boolean = false;
+  @property({type: Boolean}) progress: boolean = false;
+  @property({type: String}) tag: string = '';
+  @property({type: String}) direction: Direction = Direction.Right;
+  @property({type: Number}) value: number = 100;
+  @property({type: Boolean}) closed: boolean = false;
+  @property({type: Boolean}) showDirectionLabel: boolean = false;
+  @property({type: Boolean}) flat: boolean = false;
+
+  get rotation(): number {
+    if (this.direction === 'up') {
+      return -90;
+    }
+    if (this.direction === 'down') {
+      return 90;
+    }
+    return 0;
+  }
+
+  override render() {
+    const labels = [
+      {
+        type: 'tag',
+        text: this.tag,
+        showHash: this.showDirectionLabel,
+      } as AutomationButtonTagLabel,
+      {
+        type: 'direction',
+        nDigits: 3,
+        value: this.value,
+        direction: this.direction,
+        unit: 'percent',
+      } as AutomationButtonDirectonValueLabel,
+    ];
+
+    return html`
+      <obc-automation-button
+        .state=${this.closed
+          ? AutomationButtonState.closed
+          : AutomationButtonState.open}
+        .size=${this.size}
+        .labels=${labels}
+        .labelPosition=${this.labelPosition}
+        .labelSize=${this.labelSize}
+        .labelStyle=${this.labelStyle}
+        ?alert=${this.alert}
+        ?progress=${this.progress}
+        ?flat=${this.flat}
+      >
+        <obc-valve-analog-two-way-icon
+          slot="icon"
+          .rotation=${this.rotation}
+          ?closed=${this.closed}
+        ></obc-valve-analog-two-way-icon>
+        <slot name="badge-top-right"></slot>
+        <slot name="badge-top-left"></slot>
+        <slot name="badge-bottom-left"></slot>
+        <slot name="badge-bottom-right"></slot>
+      </obc-automation-button>
+    `;
+  }
+}
+
+declare global {
+  interface HTMLElementTagNameMap {
+    'obc-valve': ObcValve;
+  }
+}

package/src/types.ts

@@ -8,3 +8,10 @@ export enum AlertType {
   None = 'none',
   Flat = 'flat',
 }
+
+export enum Direction {
+  Up = 'up',
+  Down = 'down',
+  Left = 'left',
+  Right = 'right',
+}