@oicl/openbridge-webcomponents 0.0.12 → 0.0.14

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

@@ -0,0 +1,95 @@
+import { LitElement } from 'lit';
+import '../../icons/icon-08-forward';
+import '../../icons/icon-08-forward-fast';
+import '../../icons/icon-08-forward-stopped';
+import '../../icons/icon-08-backward';
+import '../../icons/icon-08-backward-fast';
+import '../../icons/icon-08-backward-stopped';
+import '../../icons/icon-08-standby';
+import '../../icons/icon-02-arrow-up';
+import '../../icons/icon-02-arrow-down';
+import '../../icons/icon-02-arrow-back';
+import '../../icons/icon-02-arrow-forward';
+export declare enum AutomationButtonSize {
+    small = "small",
+    regular = "regular",
+    large = "large",
+    xl = "xl"
+}
+export declare enum AutomationButtonVariant {
+    regular = "regular",
+    double = "double",
+    switch = "switch"
+}
+export declare enum AutomationButtonState {
+    closed = "closed",
+    open = "open",
+    openEnhanced = "open-enhanced",
+    openMedium = "open-medium",
+    static = "static"
+}
+export declare enum AutomationButtonLabelSize {
+    small = "small",
+    regular = "regular",
+    enhanced = "enhanced"
+}
+export declare enum AutomationBottonLabelStyle {
+    regular = "regular",
+    enhanced = "enhanced",
+    active = "active"
+}
+export interface AutomationButtonStateLabel {
+    type: 'state';
+    text: string;
+    bold: boolean;
+}
+export interface AutomationButtonTagLabel {
+    type: 'tag';
+    text: string;
+    showHash: boolean;
+}
+export interface AutomationButtonDirectonValueLabel {
+    type: 'direction';
+    value: number;
+    nDigits: number;
+    unit: 'percent';
+    direction: 'up' | 'down' | 'left' | 'right';
+}
+export declare enum AutomationButtonLabelPosition {
+    top = "top",
+    bottom = "bottom",
+    left = "left",
+    right = "right"
+}
+export declare enum AutomationButtonDirection {
+    forward = "forward",
+    forwardFast = "forward-fast",
+    forwardStopped = "forward-stopped",
+    backward = "backward",
+    backwardFast = "backward-fast",
+    backwardStopped = "backward-stopped",
+    standby = "standby"
+}
+export type AutomationButtonLabel = AutomationButtonStateLabel | AutomationButtonTagLabel | AutomationButtonDirectonValueLabel;
+export declare class ObcAutomationButton extends LitElement {
+    size: AutomationButtonSize;
+    variant: AutomationButtonVariant;
+    state: AutomationButtonState;
+    labels: AutomationButtonLabel[];
+    labelPosition: AutomationButtonLabelPosition;
+    labelSize: AutomationButtonLabelSize;
+    labelStyle: AutomationBottonLabelStyle;
+    alert: boolean;
+    progress: boolean;
+    direction: AutomationButtonDirection;
+    render(): import("lit-html").TemplateResult<1>;
+    static styles: import("lit").CSSResult;
+    private getProgressSpinner;
+    private getDirectionIcon;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'obc-automation-button': ObcAutomationButton;
+    }
+}
+//# sourceMappingURL=automation-button.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"automation-button.d.ts","sourceRoot":"","sources":["../../../src/automation/automation-button/automation-button.ts"],"names":[],"mappings":"AAAA,OAAO,EAAqB,UAAU,EAAkB,MAAM,KAAK,CAAC;AAIpE,OAAO,6BAA6B,CAAC;AACrC,OAAO,kCAAkC,CAAC;AAC1C,OAAO,qCAAqC,CAAC;AAC7C,OAAO,8BAA8B,CAAC;AACtC,OAAO,mCAAmC,CAAC;AAC3C,OAAO,sCAAsC,CAAC;AAC9C,OAAO,6BAA6B,CAAC;AACrC,OAAO,8BAA8B,CAAC;AACtC,OAAO,gCAAgC,CAAC;AACxC,OAAO,gCAAgC,CAAC;AACxC,OAAO,mCAAmC,CAAC;AAE3C,oBAAY,oBAAoB;IAC9B,KAAK,UAAU;IACf,OAAO,YAAY;IACnB,KAAK,UAAU;IACf,EAAE,OAAO;CACV;AAED,oBAAY,uBAAuB;IACjC,OAAO,YAAY;IACnB,MAAM,WAAW;IACjB,MAAM,WAAW;CAClB;AAED,oBAAY,qBAAqB;IAC/B,MAAM,WAAW;IACjB,IAAI,SAAS;IACb,YAAY,kBAAkB;IAC9B,UAAU,gBAAgB;IAC1B,MAAM,WAAW;CAClB;AAED,oBAAY,yBAAyB;IACnC,KAAK,UAAU;IACf,OAAO,YAAY;IACnB,QAAQ,aAAa;CACtB;AAED,oBAAY,0BAA0B;IACpC,OAAO,YAAY;IACnB,QAAQ,aAAa;IACrB,MAAM,WAAW;CAClB;AAED,MAAM,WAAW,0BAA0B;IACzC,IAAI,EAAE,OAAO,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,OAAO,CAAC;CACf;AAED,MAAM,WAAW,wBAAwB;IACvC,IAAI,EAAE,KAAK,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,OAAO,CAAC;CACnB;AAED,MAAM,WAAW,kCAAkC;IACjD,IAAI,EAAE,WAAW,CAAC;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,EAAE,SAAS,CAAC;IAChB,SAAS,EAAE,IAAI,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,CAAC;CAC7C;AAED,oBAAY,6BAA6B;IACvC,GAAG,QAAQ;IACX,MAAM,WAAW;IACjB,IAAI,SAAS;IACb,KAAK,UAAU;CAChB;AAED,oBAAY,yBAAyB;IACnC,OAAO,YAAY;IACnB,WAAW,iBAAiB;IAC5B,cAAc,oBAAoB;IAClC,QAAQ,aAAa;IACrB,YAAY,kBAAkB;IAC9B,eAAe,qBAAqB;IACpC,OAAO,YAAY;CACpB;AAED,MAAM,MAAM,qBAAqB,GAC7B,0BAA0B,GAC1B,wBAAwB,GACxB,kCAAkC,CAAC;AA6CvC,qBACa,mBAAoB,SAAQ,UAAU;IACvB,IAAI,EAAE,oBAAoB,CACrB;IACL,OAAO,EAAE,uBAAuB,CACxB;IACR,KAAK,EAAE,qBAAqB,CACzB;IACc,MAAM,EAAE,qBAAqB,EAAE,CACrE;IACqB,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,SAAS,EAAE,yBAAyB,CAC1B;IAE3B,MAAM;IAuEf,OAAgB,MAAM,0BAA2B;IAEjD,OAAO,CAAC,kBAAkB;IAkC1B,OAAO,CAAC,gBAAgB;CA2GzB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,uBAAuB,EAAE,mBAAmB,CAAC;KAC9C;CACF"}

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

@@ -0,0 +1,378 @@
+import { unsafeCSS, LitElement, html } from "lit";
+import { property, customElement } from "lit/decorators.js";
+import compentStyle from "./automation-button.css.js";
+import { classMap } from "lit/directives/class-map.js";
+import "../../icons/icon-08-forward.js";
+import "../../icons/icon-08-forward-fast.js";
+import "../../icons/icon-08-forward-stopped.js";
+import "../../icons/icon-08-backward.js";
+import "../../icons/icon-08-backward-fast.js";
+import "../../icons/icon-08-backward-stopped.js";
+import "../../icons/icon-08-standby.js";
+import "../../icons/icon-02-arrow-up.js";
+import "../../icons/icon-02-arrow-down.js";
+import "../../icons/icon-02-arrow-back.js";
+import "../../icons/icon-02-arrow-forward.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 AutomationButtonSize = /* @__PURE__ */ ((AutomationButtonSize2) => {
+  AutomationButtonSize2["small"] = "small";
+  AutomationButtonSize2["regular"] = "regular";
+  AutomationButtonSize2["large"] = "large";
+  AutomationButtonSize2["xl"] = "xl";
+  return AutomationButtonSize2;
+})(AutomationButtonSize || {});
+var AutomationButtonVariant = /* @__PURE__ */ ((AutomationButtonVariant2) => {
+  AutomationButtonVariant2["regular"] = "regular";
+  AutomationButtonVariant2["double"] = "double";
+  AutomationButtonVariant2["switch"] = "switch";
+  return AutomationButtonVariant2;
+})(AutomationButtonVariant || {});
+var AutomationButtonState = /* @__PURE__ */ ((AutomationButtonState2) => {
+  AutomationButtonState2["closed"] = "closed";
+  AutomationButtonState2["open"] = "open";
+  AutomationButtonState2["openEnhanced"] = "open-enhanced";
+  AutomationButtonState2["openMedium"] = "open-medium";
+  AutomationButtonState2["static"] = "static";
+  return AutomationButtonState2;
+})(AutomationButtonState || {});
+var AutomationButtonLabelSize = /* @__PURE__ */ ((AutomationButtonLabelSize2) => {
+  AutomationButtonLabelSize2["small"] = "small";
+  AutomationButtonLabelSize2["regular"] = "regular";
+  AutomationButtonLabelSize2["enhanced"] = "enhanced";
+  return AutomationButtonLabelSize2;
+})(AutomationButtonLabelSize || {});
+var AutomationBottonLabelStyle = /* @__PURE__ */ ((AutomationBottonLabelStyle2) => {
+  AutomationBottonLabelStyle2["regular"] = "regular";
+  AutomationBottonLabelStyle2["enhanced"] = "enhanced";
+  AutomationBottonLabelStyle2["active"] = "active";
+  return AutomationBottonLabelStyle2;
+})(AutomationBottonLabelStyle || {});
+var AutomationButtonLabelPosition = /* @__PURE__ */ ((AutomationButtonLabelPosition2) => {
+  AutomationButtonLabelPosition2["top"] = "top";
+  AutomationButtonLabelPosition2["bottom"] = "bottom";
+  AutomationButtonLabelPosition2["left"] = "left";
+  AutomationButtonLabelPosition2["right"] = "right";
+  return AutomationButtonLabelPosition2;
+})(AutomationButtonLabelPosition || {});
+var AutomationButtonDirection = /* @__PURE__ */ ((AutomationButtonDirection2) => {
+  AutomationButtonDirection2["forward"] = "forward";
+  AutomationButtonDirection2["forwardFast"] = "forward-fast";
+  AutomationButtonDirection2["forwardStopped"] = "forward-stopped";
+  AutomationButtonDirection2["backward"] = "backward";
+  AutomationButtonDirection2["backwardFast"] = "backward-fast";
+  AutomationButtonDirection2["backwardStopped"] = "backward-stopped";
+  AutomationButtonDirection2["standby"] = "standby";
+  return AutomationButtonDirection2;
+})(AutomationButtonDirection || {});
+function renderLabel(label) {
+  if (label.type === "state") {
+    return html`<div class="state ${label.bold ? "bold" : ""}">
+      ${label.text}
+    </div>`;
+  } else if (label.type === "tag") {
+    return html`<div class="tag">
+      ${label.showHash ? html`<div class="hash">#</div>` : null} ${label.text}
+    </div>`;
+  } else {
+    const v = label.value.toFixed(0);
+    const zeroPadding = v.length < label.nDigits ? "0".repeat(label.nDigits - v.length) : "";
+    let directionIcon;
+    if (label.direction === "up") {
+      directionIcon = html`<obi-02-arrow-up
+        class="direction-icon"
+      ></obi-02-arrow-up>`;
+    } else if (label.direction === "down") {
+      directionIcon = html`<obi-02-arrow-down
+        class="direction-icon"
+      ></obi-02-arrow-down>`;
+    } else if (label.direction === "left") {
+      directionIcon = html`<obi-02-arrow-back
+        class="direction-icon"
+      ></obi-02-arrow-back>`;
+    } else if (label.direction === "right") {
+      directionIcon = html`<obi-02-arrow-forward
+        class="direction-icon"
+      ></obi-02-arrow-forward>`;
+    } else {
+      throw new Error("Invalid direction");
+    }
+    return html` <div class="direction">
+      ${directionIcon}
+      <span class="zeros">${zeroPadding}</span>
+      <span class="value">${v}</span>
+      <span class="unit">${label.unit === "percent" ? "%" : label.unit}</span>
+    </div>`;
+  }
+}
+let ObcAutomationButton = class extends LitElement {
+  constructor() {
+    super(...arguments);
+    this.size = "regular";
+    this.variant = "regular";
+    this.state = "open";
+    this.labels = [];
+    this.labelPosition = "bottom";
+    this.labelSize = "regular";
+    this.labelStyle = "regular";
+    this.alert = false;
+    this.progress = false;
+    this.direction = "forward";
+  }
+  render() {
+    const labels = this.labels.map(renderLabel);
+    const progressSpinner = this.getProgressSpinner();
+    const direction = this.getDirectionIcon();
+    return html`
+      <div class="outer-wrapper">
+        <button
+          class=${classMap({
+      wrapper: true,
+      ["size-" + this.size]: true,
+      ["variant-" + this.variant]: true,
+      ["state-" + this.state]: true,
+      ["label-" + this.labelPosition]: true,
+      ["label-size-" + this.labelSize]: true,
+      ["label-style-" + this.labelStyle]: true,
+      alert: this.alert,
+      progress: this.progress
+    })}
+        >
+          <div class="icon-holder">
+            ${direction}
+            ${this.variant !== "double" || this.size !== "small" ? html`<div class="icon-primary">
+                  <slot name="icon"></slot>
+                </div>` : ""}
+            ${progressSpinner}
+            ${this.alert ? html`<svg
+                  class="alert-icon"
+                  width="18"
+                  height="31"
+                  viewBox="0 0 18 31"
+                  fill="none"
+                  xmlns="http://www.w3.org/2000/svg"
+                >
+                  <path
+                    d="M 0 0 L 16 0 C 17.1046 0 18 0.8954 18 2 V 14.7889 C 18 15.5786 17.7662 16.3506 17.3282 17.0077 L 9 30 V 3 L  7 1 H 0  Z"
+                    fill="var(--alert-alarm-color)"
+                  />
+                  <path
+                    d="M12 4H14V11.5H12V4Z"
+                    fill="var(--on-alarm-active-color)"
+                  />
+                  <path
+                    d="M12 13.5H14V15.5H12V13.5Z"
+                    fill="var(--on-alarm-active-color)"
+                  />
+                </svg> ` : ""}
+            <div class="badge-top-right">
+              <slot name="badge-top-right"></slot>
+            </div>
+            <div class="badge-top-left">
+              <slot name="badge-top-left"></slot>
+            </div>
+            <div class="badge-bottom-left">
+              <slot name="badge-bottom-left"></slot>
+            </div>
+            <div class="badge-bottom-right">
+              <slot name="badge-bottom-right"></slot>
+            </div>
+          </div>
+          <div class="label">${labels}</div>
+        </button>
+      </div>
+    `;
+  }
+  getProgressSpinner() {
+    if (!this.progress) {
+      return null;
+    }
+    let spinnerWidth;
+    if (this.size === "small") {
+      spinnerWidth = 40;
+    } else if (this.size === "regular") {
+      spinnerWidth = 56;
+    } else if (this.size === "large") {
+      spinnerWidth = 72;
+    } else {
+      spinnerWidth = 104;
+    }
+    const progressSpinner = html`<svg
+      width="${spinnerWidth}"
+      height="${spinnerWidth}"
+      viewBox="0 0 ${spinnerWidth} ${spinnerWidth}"
+      fill="none"
+      class="progress-spinner"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <path
+        d="M2 ${spinnerWidth / 2} A ${spinnerWidth / 2 - 2} ${spinnerWidth / 2 - 2} 0 0 1 ${spinnerWidth / 2} 2"
+        stroke="var(--instrument-enhanced-secondary-color)"
+        stroke-width="4"
+        stroke-linecap="round"
+      />
+    </svg> `;
+    return progressSpinner;
+  }
+  getDirectionIcon() {
+    if (this.variant !== "double") {
+      return null;
+    } else if (this.direction === "forward") {
+      return html`<svg
+        class="icon-direction"
+        width="24"
+        height="24"
+        viewBox="0 0 24 24"
+        fill="none"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          d="M8 5 v 14 L 20 12Z"
+          stroke="var(--automation-device-tertiary-color)"
+          fill="var(--automation-device-primary-color)"
+          vector-effect="non-scaling-stroke"
+        />
+      </svg> `;
+    } else if (this.direction === "forward-fast") {
+      return html`<svg
+        class="icon-direction"
+        width="24"
+        height="24"
+        viewBox="0 0 24 24"
+        fill="none"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          d="M3.5 5 v 14 l 8.5 -7 Z M14.5 5 v 14 l 8.5 -7 Z"
+          stroke="var(--automation-device-tertiary-color)"
+          fill="var(--automation-device-primary-color)"
+          vector-effect="non-scaling-stroke"
+        />
+      </svg> `;
+    } else if (this.direction === "forward-stopped") {
+      return html`<svg
+        class="icon-direction"
+        width="24"
+        height="24"
+        viewBox="0 0 24 24"
+        fill="none"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          d="M8 5 v 14 L 20 12Z"
+          fill="var(--automation-device-tertiary-color)"
+          stroke="var(--automation-device-tertiary-inverted-color)"
+          vector-effect="non-scaling-stroke"
+        />
+      </svg> `;
+    } else if (this.direction === "backward") {
+      return html`<svg
+        class="icon-direction"
+        width="24"
+        height="24"
+        viewBox="0 0 24 24"
+        fill="none"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          d="M16 5 v 14 L 4 12Z"
+          stroke="var(--automation-device-tertiary-color)"
+          fill="var(--automation-device-primary-color)"
+          vector-effect="non-scaling-stroke"
+        />
+      </svg>`;
+    } else if (this.direction === "backward-fast") {
+      return html`<svg
+        class="icon-direction"
+        width="24"
+        height="24"
+        viewBox="0 0 24 24"
+        fill="none"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          d="M20.5 5 v 14 l -8.5 -7 Z M9.5 5 v 14 l -8.5 -7 Z"
+          stroke="var(--automation-device-tertiary-color)"
+          fill="var(--automation-device-primary-color)"
+          vector-effect="non-scaling-stroke"
+        />
+      </svg>`;
+    } else if (this.direction === "backward-stopped") {
+      return html`<svg
+        class="icon-direction"
+        width="24"
+        height="24"
+        viewBox="0 0 24 24"
+        fill="none"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          d="M16 5 v 14 L 4 12Z"
+          fill="var(--automation-device-tertiary-color)"
+          stroke="var(--automation-device-tertiary-inverted-color)"
+          vector-effect="non-scaling-stroke"
+        />
+      </svg> `;
+    } else if (this.direction === "standby") {
+      return html`<obi-08-standby
+        class="icon-direction"
+        use-css-color
+      ></obi-08-standby>`;
+    }
+    throw new Error("Invalid direction");
+  }
+};
+ObcAutomationButton.styles = unsafeCSS(compentStyle);
+__decorateClass([
+  property({ type: String })
+], ObcAutomationButton.prototype, "size", 2);
+__decorateClass([
+  property({ type: String })
+], ObcAutomationButton.prototype, "variant", 2);
+__decorateClass([
+  property({ type: String })
+], ObcAutomationButton.prototype, "state", 2);
+__decorateClass([
+  property({ type: Array, attribute: false })
+], ObcAutomationButton.prototype, "labels", 2);
+__decorateClass([
+  property({ type: String })
+], ObcAutomationButton.prototype, "labelPosition", 2);
+__decorateClass([
+  property({ type: String })
+], ObcAutomationButton.prototype, "labelSize", 2);
+__decorateClass([
+  property({ type: String })
+], ObcAutomationButton.prototype, "labelStyle", 2);
+__decorateClass([
+  property({ type: Boolean })
+], ObcAutomationButton.prototype, "alert", 2);
+__decorateClass([
+  property({ type: Boolean })
+], ObcAutomationButton.prototype, "progress", 2);
+__decorateClass([
+  property({ type: String })
+], ObcAutomationButton.prototype, "direction", 2);
+ObcAutomationButton = __decorateClass([
+  customElement("obc-automation-button")
+], ObcAutomationButton);
+export {
+  AutomationBottonLabelStyle,
+  AutomationButtonDirection,
+  AutomationButtonLabelPosition,
+  AutomationButtonLabelSize,
+  AutomationButtonSize,
+  AutomationButtonState,
+  AutomationButtonVariant,
+  ObcAutomationButton
+};
+//# sourceMappingURL=automation-button.js.map

package/dist/automation/automation-button/automation-button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"automation-button.js","sources":["../../../src/automation/automation-button/automation-button.ts"],"sourcesContent":["import {HTMLTemplateResult, LitElement, html, unsafeCSS} from 'lit';\nimport {customElement, property} from 'lit/decorators.js';\nimport compentStyle from './automation-button.css?inline';\nimport {classMap} from 'lit/directives/class-map.js';\nimport '../../icons/icon-08-forward';\nimport '../../icons/icon-08-forward-fast';\nimport '../../icons/icon-08-forward-stopped';\nimport '../../icons/icon-08-backward';\nimport '../../icons/icon-08-backward-fast';\nimport '../../icons/icon-08-backward-stopped';\nimport '../../icons/icon-08-standby';\nimport '../../icons/icon-02-arrow-up';\nimport '../../icons/icon-02-arrow-down';\nimport '../../icons/icon-02-arrow-back';\nimport '../../icons/icon-02-arrow-forward';\n\nexport enum AutomationButtonSize {\n  small = 'small',\n  regular = 'regular',\n  large = 'large',\n  xl = 'xl',\n}\n\nexport enum AutomationButtonVariant {\n  regular = 'regular',\n  double = 'double',\n  switch = 'switch',\n}\n\nexport enum AutomationButtonState {\n  closed = 'closed',\n  open = 'open',\n  openEnhanced = 'open-enhanced',\n  openMedium = 'open-medium',\n  static = 'static',\n}\n\nexport enum AutomationButtonLabelSize {\n  small = 'small',\n  regular = 'regular',\n  enhanced = 'enhanced',\n}\n\nexport enum AutomationBottonLabelStyle {\n  regular = 'regular',\n  enhanced = 'enhanced',\n  active = 'active',\n}\n\nexport interface AutomationButtonStateLabel {\n  type: 'state';\n  text: string;\n  bold: boolean;\n}\n\nexport interface AutomationButtonTagLabel {\n  type: 'tag';\n  text: string;\n  showHash: boolean;\n}\n\nexport interface AutomationButtonDirectonValueLabel {\n  type: 'direction';\n  value: number;\n  nDigits: number;\n  unit: 'percent';\n  direction: 'up' | 'down' | 'left' | 'right';\n}\n\nexport enum AutomationButtonLabelPosition {\n  top = 'top',\n  bottom = 'bottom',\n  left = 'left',\n  right = 'right',\n}\n\nexport enum AutomationButtonDirection {\n  forward = 'forward',\n  forwardFast = 'forward-fast',\n  forwardStopped = 'forward-stopped',\n  backward = 'backward',\n  backwardFast = 'backward-fast',\n  backwardStopped = 'backward-stopped',\n  standby = 'standby',\n}\n\nexport type AutomationButtonLabel =\n  | AutomationButtonStateLabel\n  | AutomationButtonTagLabel\n  | AutomationButtonDirectonValueLabel;\n\nfunction renderLabel(label: AutomationButtonLabel): HTMLTemplateResult {\n  if (label.type === 'state') {\n    return html`<div class=\"state ${label.bold ? 'bold' : ''}\">\n      ${label.text}\n    </div>`;\n  } else if (label.type === 'tag') {\n    return html`<div class=\"tag\">\n      ${label.showHash ? html`<div class=\"hash\">#</div>` : null} ${label.text}\n    </div>`;\n  } else {\n    const v = label.value.toFixed(0);\n    const zeroPadding =\n      v.length < label.nDigits ? '0'.repeat(label.nDigits - v.length) : '';\n\n    let directionIcon: HTMLTemplateResult;\n    if (label.direction === 'up') {\n      directionIcon = html`<obi-02-arrow-up\n        class=\"direction-icon\"\n      ></obi-02-arrow-up>`;\n    } else if (label.direction === 'down') {\n      directionIcon = html`<obi-02-arrow-down\n        class=\"direction-icon\"\n      ></obi-02-arrow-down>`;\n    } else if (label.direction === 'left') {\n      directionIcon = html`<obi-02-arrow-back\n        class=\"direction-icon\"\n      ></obi-02-arrow-back>`;\n    } else if (label.direction === 'right') {\n      directionIcon = html`<obi-02-arrow-forward\n        class=\"direction-icon\"\n      ></obi-02-arrow-forward>`;\n    } else {\n      throw new Error('Invalid direction');\n    }\n    return html` <div class=\"direction\">\n      ${directionIcon}\n      <span class=\"zeros\">${zeroPadding}</span>\n      <span class=\"value\">${v}</span>\n      <span class=\"unit\">${label.unit === 'percent' ? '%' : label.unit}</span>\n    </div>`;\n  }\n}\n\n@customElement('obc-automation-button')\nexport class ObcAutomationButton extends LitElement {\n  @property({type: String}) size: AutomationButtonSize =\n    AutomationButtonSize.regular;\n  @property({type: String}) variant: AutomationButtonVariant =\n    AutomationButtonVariant.regular;\n  @property({type: String}) state: AutomationButtonState =\n    AutomationButtonState.open;\n  @property({type: Array, attribute: false}) labels: AutomationButtonLabel[] =\n    [];\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}) direction: AutomationButtonDirection =\n    AutomationButtonDirection.forward;\n\n  override render() {\n    const labels = this.labels.map(renderLabel);\n    const progressSpinner = this.getProgressSpinner();\n    const direction = this.getDirectionIcon();\n\n    return html`\n      <div class=\"outer-wrapper\">\n        <button\n          class=${classMap({\n            wrapper: true,\n            ['size-' + this.size]: true,\n            ['variant-' + this.variant]: true,\n            ['state-' + this.state]: true,\n            ['label-' + this.labelPosition]: true,\n            ['label-size-' + this.labelSize]: true,\n            ['label-style-' + this.labelStyle]: true,\n            alert: this.alert,\n            progress: this.progress,\n          })}\n        >\n          <div class=\"icon-holder\">\n            ${direction}\n            ${this.variant !== AutomationButtonVariant.double ||\n            this.size !== AutomationButtonSize.small\n              ? html`<div class=\"icon-primary\">\n                  <slot name=\"icon\"></slot>\n                </div>`\n              : ''}\n            ${progressSpinner}\n            ${this.alert\n              ? html`<svg\n                  class=\"alert-icon\"\n                  width=\"18\"\n                  height=\"31\"\n                  viewBox=\"0 0 18 31\"\n                  fill=\"none\"\n                  xmlns=\"http://www.w3.org/2000/svg\"\n                >\n                  <path\n                    d=\"M 0 0 L 16 0 C 17.1046 0 18 0.8954 18 2 V 14.7889 C 18 15.5786 17.7662 16.3506 17.3282 17.0077 L 9 30 V 3 L  7 1 H 0  Z\"\n                    fill=\"var(--alert-alarm-color)\"\n                  />\n                  <path\n                    d=\"M12 4H14V11.5H12V4Z\"\n                    fill=\"var(--on-alarm-active-color)\"\n                  />\n                  <path\n                    d=\"M12 13.5H14V15.5H12V13.5Z\"\n                    fill=\"var(--on-alarm-active-color)\"\n                  />\n                </svg> `\n              : ''}\n            <div class=\"badge-top-right\">\n              <slot name=\"badge-top-right\"></slot>\n            </div>\n            <div class=\"badge-top-left\">\n              <slot name=\"badge-top-left\"></slot>\n            </div>\n            <div class=\"badge-bottom-left\">\n              <slot name=\"badge-bottom-left\"></slot>\n            </div>\n            <div class=\"badge-bottom-right\">\n              <slot name=\"badge-bottom-right\"></slot>\n            </div>\n          </div>\n          <div class=\"label\">${labels}</div>\n        </button>\n      </div>\n    `;\n  }\n\n  static override styles = unsafeCSS(compentStyle);\n\n  private getProgressSpinner(): null | HTMLTemplateResult {\n    if (!this.progress) {\n      return null;\n    }\n\n    let spinnerWidth: number;\n    if (this.size === AutomationButtonSize.small) {\n      spinnerWidth = 40;\n    } else if (this.size === AutomationButtonSize.regular) {\n      spinnerWidth = 56;\n    } else if (this.size === AutomationButtonSize.large) {\n      spinnerWidth = 72;\n    } else {\n      spinnerWidth = 104;\n    }\n    const progressSpinner = html`<svg\n      width=\"${spinnerWidth}\"\n      height=\"${spinnerWidth}\"\n      viewBox=\"0 0 ${spinnerWidth} ${spinnerWidth}\"\n      fill=\"none\"\n      class=\"progress-spinner\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <path\n        d=\"M2 ${spinnerWidth / 2} A ${spinnerWidth / 2 - 2} ${spinnerWidth / 2 -\n        2} 0 0 1 ${spinnerWidth / 2} 2\"\n        stroke=\"var(--instrument-enhanced-secondary-color)\"\n        stroke-width=\"4\"\n        stroke-linecap=\"round\"\n      />\n    </svg> `;\n    return progressSpinner;\n  }\n\n  private getDirectionIcon(): null | HTMLTemplateResult {\n    if (this.variant !== AutomationButtonVariant.double) {\n      return null;\n    } else if (this.direction === AutomationButtonDirection.forward) {\n      return html`<svg\n        class=\"icon-direction\"\n        width=\"24\"\n        height=\"24\"\n        viewBox=\"0 0 24 24\"\n        fill=\"none\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n      >\n        <path\n          d=\"M8 5 v 14 L 20 12Z\"\n          stroke=\"var(--automation-device-tertiary-color)\"\n          fill=\"var(--automation-device-primary-color)\"\n          vector-effect=\"non-scaling-stroke\"\n        />\n      </svg> `;\n    } else if (this.direction === AutomationButtonDirection.forwardFast) {\n      return html`<svg\n        class=\"icon-direction\"\n        width=\"24\"\n        height=\"24\"\n        viewBox=\"0 0 24 24\"\n        fill=\"none\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n      >\n        <path\n          d=\"M3.5 5 v 14 l 8.5 -7 Z M14.5 5 v 14 l 8.5 -7 Z\"\n          stroke=\"var(--automation-device-tertiary-color)\"\n          fill=\"var(--automation-device-primary-color)\"\n          vector-effect=\"non-scaling-stroke\"\n        />\n      </svg> `;\n    } else if (this.direction === AutomationButtonDirection.forwardStopped) {\n      return html`<svg\n        class=\"icon-direction\"\n        width=\"24\"\n        height=\"24\"\n        viewBox=\"0 0 24 24\"\n        fill=\"none\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n      >\n        <path\n          d=\"M8 5 v 14 L 20 12Z\"\n          fill=\"var(--automation-device-tertiary-color)\"\n          stroke=\"var(--automation-device-tertiary-inverted-color)\"\n          vector-effect=\"non-scaling-stroke\"\n        />\n      </svg> `;\n    } else if (this.direction === AutomationButtonDirection.backward) {\n      return html`<svg\n        class=\"icon-direction\"\n        width=\"24\"\n        height=\"24\"\n        viewBox=\"0 0 24 24\"\n        fill=\"none\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n      >\n        <path\n          d=\"M16 5 v 14 L 4 12Z\"\n          stroke=\"var(--automation-device-tertiary-color)\"\n          fill=\"var(--automation-device-primary-color)\"\n          vector-effect=\"non-scaling-stroke\"\n        />\n      </svg>`;\n    } else if (this.direction === AutomationButtonDirection.backwardFast) {\n      return html`<svg\n        class=\"icon-direction\"\n        width=\"24\"\n        height=\"24\"\n        viewBox=\"0 0 24 24\"\n        fill=\"none\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n      >\n        <path\n          d=\"M20.5 5 v 14 l -8.5 -7 Z M9.5 5 v 14 l -8.5 -7 Z\"\n          stroke=\"var(--automation-device-tertiary-color)\"\n          fill=\"var(--automation-device-primary-color)\"\n          vector-effect=\"non-scaling-stroke\"\n        />\n      </svg>`;\n    } else if (this.direction === AutomationButtonDirection.backwardStopped) {\n      return html`<svg\n        class=\"icon-direction\"\n        width=\"24\"\n        height=\"24\"\n        viewBox=\"0 0 24 24\"\n        fill=\"none\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n      >\n        <path\n          d=\"M16 5 v 14 L 4 12Z\"\n          fill=\"var(--automation-device-tertiary-color)\"\n          stroke=\"var(--automation-device-tertiary-inverted-color)\"\n          vector-effect=\"non-scaling-stroke\"\n        />\n      </svg> `;\n    } else if (this.direction === AutomationButtonDirection.standby) {\n      return html`<obi-08-standby\n        class=\"icon-direction\"\n        use-css-color\n      ></obi-08-standby>`;\n    }\n    throw new Error('Invalid direction');\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'obc-automation-button': ObcAutomationButton;\n  }\n}\n"],"names":["AutomationButtonSize","AutomationButtonVariant","AutomationButtonState","AutomationButtonLabelSize","AutomationBottonLabelStyle","AutomationButtonLabelPosition","AutomationButtonDirection"],"mappings":"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"}

package/dist/automation/automation-input-modal/automation-input-modal.css.js

@@ -0,0 +1,40 @@
+import { css } from "lit";
+const compentStyle = css`* {
+    box-sizing: border-box;
+}
+
+.wrapper {
+    width: min-content;
+    display: grid;
+    grid-template-columns: min-content min-content;
+    grid-template-areas: "actions header";
+
+    border-radius: 12px;
+    background: var(--container-global-color);
+    box-shadow: var(--shadow-floating);
+}
+
+.header {
+    grid-area: header;
+    display: flex;
+    align-items: center;
+    justify-items: center;
+    border-left: 1px solid var(--border-outline-color);
+    padding: 8px;
+}
+
+.prewiev {
+    grid-area: prewiev;
+    display: none;
+}
+
+.actions {
+    grid-area: actions;
+    display: flex;
+    flex-direction: column;
+    padding: 8px 16px;
+}`;
+export {
+  compentStyle as default
+};
+//# sourceMappingURL=automation-input-modal.css.js.map

package/dist/automation/automation-input-modal/automation-input-modal.css.js.map

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

package/dist/automation/automation-input-modal/automation-input-modal.d.ts

@@ -0,0 +1,11 @@
+import { LitElement } from 'lit';
+export declare class ObcAutomationInputModal extends LitElement {
+    render(): import("lit-html").TemplateResult<1>;
+    static styles: import("lit").CSSResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'obc-automation-input-modal': ObcAutomationInputModal;
+    }
+}
+//# sourceMappingURL=automation-input-modal.d.ts.map

package/dist/automation/automation-input-modal/automation-input-modal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"automation-input-modal.d.ts","sourceRoot":"","sources":["../../../src/automation/automation-input-modal/automation-input-modal.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAkB,MAAM,KAAK,CAAC;AAIhD,qBACa,uBAAwB,SAAQ,UAAU;IAC5C,MAAM;IAcf,OAAgB,MAAM,0BAA2B;CAClD;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,4BAA4B,EAAE,uBAAuB,CAAC;KACvD;CACF"}

package/dist/automation/automation-input-modal/automation-input-modal.js

@@ -0,0 +1,37 @@
+import { unsafeCSS, LitElement, html } from "lit";
+import { customElement } from "lit/decorators.js";
+import compentStyle from "./automation-input-modal.css.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 ObcAutomationInputModal = class extends LitElement {
+  render() {
+    return html`
+      <div class="wrapper">
+        <div class="header">
+          <slot name="header"></slot>
+        </div>
+        <div class="preview">
+          <slot name="preview"></slot>
+        </div>
+        <slot class="actions" name="actions"></slot>
+      </div>
+    `;
+  }
+};
+ObcAutomationInputModal.styles = unsafeCSS(compentStyle);
+ObcAutomationInputModal = __decorateClass([
+  customElement("obc-automation-input-modal")
+], ObcAutomationInputModal);
+export {
+  ObcAutomationInputModal
+};
+//# sourceMappingURL=automation-input-modal.js.map

package/dist/automation/automation-input-modal/automation-input-modal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"automation-input-modal.js","sources":["../../../src/automation/automation-input-modal/automation-input-modal.ts"],"sourcesContent":["import {LitElement, html, unsafeCSS} from 'lit';\nimport {customElement} from 'lit/decorators.js';\nimport compentStyle from './automation-input-modal.css?inline';\n\n@customElement('obc-automation-input-modal')\nexport class ObcAutomationInputModal extends LitElement {\n  override render() {\n    return html`\n      <div class=\"wrapper\">\n        <div class=\"header\">\n          <slot name=\"header\"></slot>\n        </div>\n        <div class=\"preview\">\n          <slot name=\"preview\"></slot>\n        </div>\n        <slot class=\"actions\" name=\"actions\"></slot>\n      </div>\n    `;\n  }\n\n  static override styles = unsafeCSS(compentStyle);\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'obc-automation-input-modal': ObcAutomationInputModal;\n  }\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;AAKa,IAAA,0BAAN,cAAsC,WAAW;AAAA,EAC7C,SAAS;AACT,WAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAWT;AAGF;AAhBa,wBAeK,SAAS,UAAU,YAAY;AAfpC,0BAAN,gBAAA;AAAA,EADN,cAAc,4BAA4B;AAAA,GAC9B,uBAAA;"}