@oicl/openbridge-webcomponents 0.0.15-dev-20241119201940 → 0.0.15-dev-20241123190545

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

@@ -1,4 +1,5 @@
 import { LitElement } from 'lit';
+
 import '../../icons/icon-08-forward';
 import '../../icons/icon-08-forward-fast';
 import '../../icons/icon-08-forward-stopped';
@@ -82,8 +83,8 @@ export declare class ObcAutomationButton extends LitElement {
     alert: boolean;
     progress: boolean;
     direction: AutomationButtonDirection;
-    render(): import("lit-html").TemplateResult<1>;
-    static styles: import("lit").CSSResult;
+    render(): import('lit-html').TemplateResult<1>;
+    static styles: import('lit').CSSResult;
     private getProgressSpinner;
     private getDirectionIcon;
 }

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

@@ -20,8 +20,7 @@ var __decorateClass = (decorators, target, key, kind) => {
   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);
+  if (kind && result) __defProp(target, key, result);
   return result;
 };
 var AutomationButtonSize = /* @__PURE__ */ ((AutomationButtonSize2) => {

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

@@ -1 +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        usecsscolor\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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"}
+{"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        usecsscolor\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.d.ts

@@ -1,7 +1,8 @@
 import { LitElement } from 'lit';
+
 export declare class ObcAutomationInputModal extends LitElement {
-    render(): import("lit-html").TemplateResult<1>;
-    static styles: import("lit").CSSResult;
+    render(): import('lit-html').TemplateResult<1>;
+    static styles: import('lit').CSSResult;
 }
 declare global {
     interface HTMLElementTagNameMap {

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

@@ -8,8 +8,7 @@ var __decorateClass = (decorators, target, key, kind) => {
   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);
+  if (kind && result) __defProp(target, key, result);
   return result;
 };
 let ObcAutomationInputModal = class extends LitElement {

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

@@ -1 +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;"}
+{"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,EAAA;AAcX;AAhBa,wBAeK,SAAS,UAAU,YAAY;AAfpC,0BAAN,gBAAA;AAAA,EADN,cAAc,4BAA4B;AAAA,GAC9B,uBAAA;"}

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

@@ -1,5 +1,6 @@
 import { LitElement } from 'lit';
 import { LineType } from '..';
+
 export declare enum AutomationReadoutPosition {
     Left = "left",
     Right = "right",
@@ -12,9 +13,9 @@ export declare class ObcAutomationReadout extends LitElement {
     numberOfDigits: number;
     position: AutomationReadoutPosition;
     lineType: LineType | undefined;
-    render(): import("lit-html").TemplateResult<1>;
+    render(): import('lit-html').TemplateResult<1>;
     getLineWidth(): number;
-    static styles: import("lit").CSSResult;
+    static styles: import('lit').CSSResult;
 }
 declare global {
     interface HTMLElementTagNameMap {

package/dist/automation/automation-readout/automation-readout.js

@@ -10,8 +10,7 @@ var __decorateClass = (decorators, target, key, kind) => {
   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);
+  if (kind && result) __defProp(target, key, result);
   return result;
 };
 var AutomationReadoutPosition = /* @__PURE__ */ ((AutomationReadoutPosition2) => {

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

@@ -1 +1 @@
-{"version":3,"file":"automation-readout.js","sources":["../../../src/automation/automation-readout/automation-readout.ts"],"sourcesContent":["import {LitElement, html, unsafeCSS} from 'lit';\nimport {customElement, property} from 'lit/decorators.js';\nimport compentStyle from './automation-readout.css?inline';\nimport {classMap} from 'lit/directives/class-map.js';\nimport {LineType, lineWidth} from '..';\n\nexport enum AutomationReadoutPosition {\n  Left = 'left',\n  Right = 'right',\n  Top = 'top',\n  Bottom = 'bottom',\n}\n\n@customElement('obc-automation-readout')\nexport class ObcAutomationReadout extends LitElement {\n  @property({type: Number}) value = 0;\n  @property({type: String}) unit = '';\n  @property({type: Number}) numberOfDigits = 3;\n  @property({type: String}) position: AutomationReadoutPosition =\n    AutomationReadoutPosition.Bottom;\n  @property({type: String}) lineType: LineType | undefined = undefined;\n\n  override render() {\n    const offset = this.getLineWidth() / 2;\n\n    return html`\n      <button\n        class=${classMap({\n          wrapper: true,\n          [`position-${this.position}`]: true,\n        })}\n        style=\"--offset: ${offset}px;\"\n      >\n        <div class=\"visible-wrapper\">\n          <div\n            class=\"value\"\n            style=\"min-width: ${this.numberOfDigits.toFixed(0)}ch\"\n          >\n            ${this.value.toFixed(0)}\n          </div>\n          <div class=\"unit\">${this.unit}</div>\n        </div>\n      </button>\n    `;\n  }\n\n  getLineWidth(): number {\n    if (this.lineType === undefined) {\n      return 0;\n    }\n    return lineWidth(this.lineType);\n  }\n\n  static override styles = unsafeCSS(compentStyle);\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'obc-automation-readout': ObcAutomationReadout;\n  }\n}\n"],"names":["AutomationReadoutPosition"],"mappings":";;;;;;;;;;;;;;;;AAMY,IAAA,8CAAAA,+BAAL;AACLA,6BAAA,MAAO,IAAA;AACPA,6BAAA,OAAQ,IAAA;AACRA,6BAAA,KAAM,IAAA;AACNA,6BAAA,QAAS,IAAA;AAJCA,SAAAA;AAAA,GAAA,6BAAA,CAAA,CAAA;AAQC,IAAA,uBAAN,cAAmC,WAAW;AAAA,EAA9C,cAAA;AAAA,UAAA,GAAA,SAAA;AAC6B,SAAA,QAAA;AACD,SAAA,OAAA;AACU,SAAA,iBAAA;AAEzC,SAAA,WAAA;AACyD,SAAA,WAAA;AAAA,EAAA;AAAA,EAElD,SAAS;AACV,UAAA,SAAS,KAAK,aAAA,IAAiB;AAE9B,WAAA;AAAA;AAAA,gBAEK,SAAS;AAAA,MACf,SAAS;AAAA,MACT,CAAC,YAAY,KAAK,QAAQ,EAAE,GAAG;AAAA,IAAA,CAChC,CAAC;AAAA,2BACiB,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA,gCAKD,KAAK,eAAe,QAAQ,CAAC,CAAC;AAAA;AAAA,cAEhD,KAAK,MAAM,QAAQ,CAAC,CAAC;AAAA;AAAA,8BAEL,KAAK,IAAI;AAAA;AAAA;AAAA;AAAA,EAIrC;AAAA,EAEA,eAAuB;AACjB,QAAA,KAAK,aAAa,QAAW;AACxB,aAAA;AAAA,IACT;AACO,WAAA,UAAU,KAAK,QAAQ;AAAA,EAChC;AAGF;AAxCa,qBAuCK,SAAS,UAAU,YAAY;AAtCrB,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,QAAO;AAAA,GADb,qBACe,WAAA,SAAA,CAAA;AACA,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,QAAO;AAAA,GAFb,qBAEe,WAAA,QAAA,CAAA;AACA,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,QAAO;AAAA,GAHb,qBAGe,WAAA,kBAAA,CAAA;AACA,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,QAAO;AAAA,GAJb,qBAIe,WAAA,YAAA,CAAA;AAEA,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,QAAO;AAAA,GANb,qBAMe,WAAA,YAAA,CAAA;AANf,uBAAN,gBAAA;AAAA,EADN,cAAc,wBAAwB;AAAA,GAC1B,oBAAA;"}
+{"version":3,"file":"automation-readout.js","sources":["../../../src/automation/automation-readout/automation-readout.ts"],"sourcesContent":["import {LitElement, html, unsafeCSS} from 'lit';\nimport {customElement, property} from 'lit/decorators.js';\nimport compentStyle from './automation-readout.css?inline';\nimport {classMap} from 'lit/directives/class-map.js';\nimport {LineType, lineWidth} from '..';\n\nexport enum AutomationReadoutPosition {\n  Left = 'left',\n  Right = 'right',\n  Top = 'top',\n  Bottom = 'bottom',\n}\n\n@customElement('obc-automation-readout')\nexport class ObcAutomationReadout extends LitElement {\n  @property({type: Number}) value = 0;\n  @property({type: String}) unit = '';\n  @property({type: Number}) numberOfDigits = 3;\n  @property({type: String}) position: AutomationReadoutPosition =\n    AutomationReadoutPosition.Bottom;\n  @property({type: String}) lineType: LineType | undefined = undefined;\n\n  override render() {\n    const offset = this.getLineWidth() / 2;\n\n    return html`\n      <button\n        class=${classMap({\n          wrapper: true,\n          [`position-${this.position}`]: true,\n        })}\n        style=\"--offset: ${offset}px;\"\n      >\n        <div class=\"visible-wrapper\">\n          <div\n            class=\"value\"\n            style=\"min-width: ${this.numberOfDigits.toFixed(0)}ch\"\n          >\n            ${this.value.toFixed(0)}\n          </div>\n          <div class=\"unit\">${this.unit}</div>\n        </div>\n      </button>\n    `;\n  }\n\n  getLineWidth(): number {\n    if (this.lineType === undefined) {\n      return 0;\n    }\n    return lineWidth(this.lineType);\n  }\n\n  static override styles = unsafeCSS(compentStyle);\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'obc-automation-readout': ObcAutomationReadout;\n  }\n}\n"],"names":["AutomationReadoutPosition"],"mappings":";;;;;;;;;;;;;;;AAMY,IAAA,8CAAAA,+BAAL;AACLA,6BAAA,MAAO,IAAA;AACPA,6BAAA,OAAQ,IAAA;AACRA,6BAAA,KAAM,IAAA;AACNA,6BAAA,QAAS,IAAA;AAJCA,SAAAA;AAAA,GAAA,6BAAA,CAAA,CAAA;AAQC,IAAA,uBAAN,cAAmC,WAAW;AAAA,EAA9C,cAAA;AAAA,UAAA,GAAA,SAAA;AAC6B,SAAA,QAAA;AACD,SAAA,OAAA;AACU,SAAA,iBAAA;AAEzC,SAAA,WAAA;AACyD,SAAA,WAAA;AAAA,EAAA;AAAA,EAElD,SAAS;AACV,UAAA,SAAS,KAAK,aAAA,IAAiB;AAE9B,WAAA;AAAA;AAAA,gBAEK,SAAS;AAAA,MACf,SAAS;AAAA,MACT,CAAC,YAAY,KAAK,QAAQ,EAAE,GAAG;AAAA,IAAA,CAChC,CAAC;AAAA,2BACiB,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA,gCAKD,KAAK,eAAe,QAAQ,CAAC,CAAC;AAAA;AAAA,cAEhD,KAAK,MAAM,QAAQ,CAAC,CAAC;AAAA;AAAA,8BAEL,KAAK,IAAI;AAAA;AAAA;AAAA;AAAA,EAAA;AAAA,EAMrC,eAAuB;AACjB,QAAA,KAAK,aAAa,QAAW;AACxB,aAAA;AAAA,IAAA;AAEF,WAAA,UAAU,KAAK,QAAQ;AAAA,EAAA;AAIlC;AAxCa,qBAuCK,SAAS,UAAU,YAAY;AAtCrB,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,OAAO,CAAA;AAAA,GADb,qBACe,WAAA,SAAA,CAAA;AACA,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,OAAO,CAAA;AAAA,GAFb,qBAEe,WAAA,QAAA,CAAA;AACA,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,OAAO,CAAA;AAAA,GAHb,qBAGe,WAAA,kBAAA,CAAA;AACA,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,OAAO,CAAA;AAAA,GAJb,qBAIe,WAAA,YAAA,CAAA;AAEA,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,OAAO,CAAA;AAAA,GANb,qBAMe,WAAA,YAAA,CAAA;AANf,uBAAN,gBAAA;AAAA,EADN,cAAc,wBAAwB;AAAA,GAC1B,oBAAA;"}

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

@@ -1,5 +1,6 @@
 import { HTMLTemplateResult, LitElement } from 'lit';
 import { LineMedium } from '..';
+
 import '../../icons/icon-02-chevron-double-up';
 import '../../icons/icon-02-chevron-up';
 import '../../icons/icon-02-chevron-double-down';
@@ -31,8 +32,8 @@ export declare class ObcAutomationTank extends LitElement {
     variant: TankVariant;
     tag: string;
     trendIcon(): HTMLTemplateResult;
-    render(): import("lit-html").TemplateResult<1>;
-    static styles: import("lit").CSSResult;
+    render(): import('lit-html').TemplateResult<1>;
+    static styles: import('lit').CSSResult;
 }
 declare global {
     interface HTMLElementTagNameMap {

package/dist/automation/automation-tank/automation-tank.js

@@ -15,8 +15,7 @@ var __decorateClass = (decorators, target, key, kind) => {
   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);
+  if (kind && result) __defProp(target, key, result);
   return result;
 };
 var TankTrend = /* @__PURE__ */ ((TankTrend2) => {

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

@@ -1 +1 @@
-{"version":3,"file":"automation-tank.js","sources":["../../../src/automation/automation-tank/automation-tank.ts"],"sourcesContent":["import {HTMLTemplateResult, LitElement, html, unsafeCSS} from 'lit';\nimport {customElement, property} from 'lit/decorators.js';\nimport compentStyle from './automation-tank.css?inline';\nimport {LineMedium} from '..';\n\nimport '../../icons/icon-02-chevron-double-up';\nimport '../../icons/icon-02-chevron-up';\nimport '../../icons/icon-02-chevron-double-down';\nimport '../../icons/icon-02-chevron-down';\nimport '../../icons/icon-01-off';\nimport {classMap} from 'lit/directives/class-map.js';\n\nexport enum TankTrend {\n  fastRising = 'fast-rising',\n  rising = 'rising',\n  stable = 'stable',\n  falling = 'falling',\n  fastFalling = 'fast-falling',\n}\n\nexport enum TankVariant {\n  vertical = 'vertical',\n  compact = 'compact',\n}\n\n/**\n *\n *\n * @ignition-base-height: 173px\n * @ignition-base-width: 168px\n * @ignition-center\n */\n@customElement('obc-automation-tank')\nexport class ObcAutomationTank extends LitElement {\n  @property({type: String}) medium: LineMedium = LineMedium.water;\n  @property({type: Number}) value: number = 0;\n  @property({type: Number}) max: number = 100;\n  @property({type: String}) trend: TankTrend = TankTrend.stable;\n  @property({type: String}) variant: TankVariant = TankVariant.vertical;\n  @property({type: String}) tag: string = '';\n\n  trendIcon(): HTMLTemplateResult {\n    if (this.trend === TankTrend.fastRising) {\n      return html`<obi-02-chevron-double-up\n        class=\"trend-icon\"\n      ></obi-02-chevron-double-up>`;\n    } else if (this.trend === TankTrend.rising) {\n      return html`<obi-02-chevron-up class=\"trend-icon\"></obi-02-chevron-up>`;\n    } else if (this.trend === TankTrend.fastFalling) {\n      return html`<obi-02-chevron-double-down\n        class=\"trend-icon\"\n      ></obi-02-chevron-double-down>`;\n    } else if (this.trend === TankTrend.falling) {\n      return html`<obi-02-chevron-down\n        class=\"trend-icon\"\n      ></obi-02-chevron-down>`;\n    } else {\n      return html`<obi-01-off class=\"trend-icon\"></obi-01-off>`;\n    }\n  }\n\n  override render() {\n    const percent = (this.value / this.max) * 100;\n\n    return html`\n      <div class=\"outer\">\n        <div class=\"badges\">\n          <slot name=\"badges\"></slot>\n        </div>\n        <button\n          class=${classMap({\n            wrapper: true,\n            [this.variant]: true,\n            [this.medium]: true,\n          })}\n          style=\"--percent: ${percent / 100}\"\n        >\n          <div class=\"bar-container\">\n            <div class=\"bar\"></div>\n          </div>\n          <div class=\"content\">\n            <div class=\"header\">\n              ${this.trendIcon()}\n              <div class=\"percent\">\n                ${percent.toFixed(0)}<span class=\"percent-symbol\">%</span>\n              </div>\n            </div>\n            <div class=\"value\">\n              <div class=\"current\">\n                <slot name=\"current-value\" class=\"current-value\"\n                  >${this.value.toFixed(0)}</slot\n                ><span class=\"divider\">/</span>\n              </div>\n              <div class=\"max\">\n                <slot class=\"max-value\" name=\"max-value\"\n                  >${this.max.toFixed(0)}</slot\n                >\n                <slot class=\"unit\" name=\"unit\">m<sup>3</sup></slot>\n              </div>\n            </div>\n          </div>\n        </button>\n        <div class=\"tag\"><slot name=\"tag\">${this.tag}</slot></div>\n      </div>\n    `;\n  }\n\n  static override styles = unsafeCSS(compentStyle);\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'obc-automation-tank': ObcAutomationTank;\n  }\n}\n"],"names":["TankTrend","TankVariant"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAYY,IAAA,8BAAAA,eAAL;AACLA,aAAA,YAAa,IAAA;AACbA,aAAA,QAAS,IAAA;AACTA,aAAA,QAAS,IAAA;AACTA,aAAA,SAAU,IAAA;AACVA,aAAA,aAAc,IAAA;AALJA,SAAAA;AAAA,GAAA,aAAA,CAAA,CAAA;AAQA,IAAA,gCAAAC,iBAAL;AACLA,eAAA,UAAW,IAAA;AACXA,eAAA,SAAU,IAAA;AAFAA,SAAAA;AAAA,GAAA,eAAA,CAAA,CAAA;AAaC,IAAA,oBAAN,cAAgC,WAAW;AAAA,EAA3C,cAAA;AAAA,UAAA,GAAA,SAAA;AACqB,SAAA,SAAqB,WAAW;AAChB,SAAA,QAAA;AACF,SAAA,MAAA;AACK,SAAA,QAAA;AACI,SAAA,UAAA;AACT,SAAA,MAAA;AAAA,EAAA;AAAA,EAExC,YAAgC;AAC1B,QAAA,KAAK,UAAU,eAAsB;AAChC,aAAA;AAAA;AAAA;AAAA,IAAA,WAGE,KAAK,UAAU,UAAkB;AACnC,aAAA;AAAA,IAAA,WACE,KAAK,UAAU,gBAAuB;AACxC,aAAA;AAAA;AAAA;AAAA,IAAA,WAGE,KAAK,UAAU,WAAmB;AACpC,aAAA;AAAA;AAAA;AAAA,IAAA,OAGF;AACE,aAAA;AAAA,IACT;AAAA,EACF;AAAA,EAES,SAAS;AAChB,UAAM,UAAW,KAAK,QAAQ,KAAK,MAAO;AAEnC,WAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAMO,SAAS;AAAA,MACf,SAAS;AAAA,MACT,CAAC,KAAK,OAAO,GAAG;AAAA,MAChB,CAAC,KAAK,MAAM,GAAG;AAAA,IAAA,CAChB,CAAC;AAAA,8BACkB,UAAU,GAAG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,gBAO3B,KAAK,WAAW;AAAA;AAAA,kBAEd,QAAQ,QAAQ,CAAC,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,qBAMf,KAAK,MAAM,QAAQ,CAAC,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA,qBAKrB,KAAK,IAAI,QAAQ,CAAC,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,4CAOI,KAAK,GAAG;AAAA;AAAA;AAAA,EAGlD;AAGF;AA3Ea,kBA0EK,SAAS,UAAU,YAAY;AAzErB,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,QAAO;AAAA,GADb,kBACe,WAAA,UAAA,CAAA;AACA,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,QAAO;AAAA,GAFb,kBAEe,WAAA,SAAA,CAAA;AACA,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,QAAO;AAAA,GAHb,kBAGe,WAAA,OAAA,CAAA;AACA,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,QAAO;AAAA,GAJb,kBAIe,WAAA,SAAA,CAAA;AACA,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,QAAO;AAAA,GALb,kBAKe,WAAA,WAAA,CAAA;AACA,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,QAAO;AAAA,GANb,kBAMe,WAAA,OAAA,CAAA;AANf,oBAAN,gBAAA;AAAA,EADN,cAAc,qBAAqB;AAAA,GACvB,iBAAA;"}
+{"version":3,"file":"automation-tank.js","sources":["../../../src/automation/automation-tank/automation-tank.ts"],"sourcesContent":["import {HTMLTemplateResult, LitElement, html, unsafeCSS} from 'lit';\nimport {customElement, property} from 'lit/decorators.js';\nimport compentStyle from './automation-tank.css?inline';\nimport {LineMedium} from '..';\n\nimport '../../icons/icon-02-chevron-double-up';\nimport '../../icons/icon-02-chevron-up';\nimport '../../icons/icon-02-chevron-double-down';\nimport '../../icons/icon-02-chevron-down';\nimport '../../icons/icon-01-off';\nimport {classMap} from 'lit/directives/class-map.js';\n\nexport enum TankTrend {\n  fastRising = 'fast-rising',\n  rising = 'rising',\n  stable = 'stable',\n  falling = 'falling',\n  fastFalling = 'fast-falling',\n}\n\nexport enum TankVariant {\n  vertical = 'vertical',\n  compact = 'compact',\n}\n\n/**\n *\n *\n * @ignition-base-height: 173px\n * @ignition-base-width: 168px\n * @ignition-center\n */\n@customElement('obc-automation-tank')\nexport class ObcAutomationTank extends LitElement {\n  @property({type: String}) medium: LineMedium = LineMedium.water;\n  @property({type: Number}) value: number = 0;\n  @property({type: Number}) max: number = 100;\n  @property({type: String}) trend: TankTrend = TankTrend.stable;\n  @property({type: String}) variant: TankVariant = TankVariant.vertical;\n  @property({type: String}) tag: string = '';\n\n  trendIcon(): HTMLTemplateResult {\n    if (this.trend === TankTrend.fastRising) {\n      return html`<obi-02-chevron-double-up\n        class=\"trend-icon\"\n      ></obi-02-chevron-double-up>`;\n    } else if (this.trend === TankTrend.rising) {\n      return html`<obi-02-chevron-up class=\"trend-icon\"></obi-02-chevron-up>`;\n    } else if (this.trend === TankTrend.fastFalling) {\n      return html`<obi-02-chevron-double-down\n        class=\"trend-icon\"\n      ></obi-02-chevron-double-down>`;\n    } else if (this.trend === TankTrend.falling) {\n      return html`<obi-02-chevron-down\n        class=\"trend-icon\"\n      ></obi-02-chevron-down>`;\n    } else {\n      return html`<obi-01-off class=\"trend-icon\"></obi-01-off>`;\n    }\n  }\n\n  override render() {\n    const percent = (this.value / this.max) * 100;\n\n    return html`\n      <div class=\"outer\">\n        <div class=\"badges\">\n          <slot name=\"badges\"></slot>\n        </div>\n        <button\n          class=${classMap({\n            wrapper: true,\n            [this.variant]: true,\n            [this.medium]: true,\n          })}\n          style=\"--percent: ${percent / 100}\"\n        >\n          <div class=\"bar-container\">\n            <div class=\"bar\"></div>\n          </div>\n          <div class=\"content\">\n            <div class=\"header\">\n              ${this.trendIcon()}\n              <div class=\"percent\">\n                ${percent.toFixed(0)}<span class=\"percent-symbol\">%</span>\n              </div>\n            </div>\n            <div class=\"value\">\n              <div class=\"current\">\n                <slot name=\"current-value\" class=\"current-value\"\n                  >${this.value.toFixed(0)}</slot\n                ><span class=\"divider\">/</span>\n              </div>\n              <div class=\"max\">\n                <slot class=\"max-value\" name=\"max-value\"\n                  >${this.max.toFixed(0)}</slot\n                >\n                <slot class=\"unit\" name=\"unit\">m<sup>3</sup></slot>\n              </div>\n            </div>\n          </div>\n        </button>\n        <div class=\"tag\"><slot name=\"tag\">${this.tag}</slot></div>\n      </div>\n    `;\n  }\n\n  static override styles = unsafeCSS(compentStyle);\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'obc-automation-tank': ObcAutomationTank;\n  }\n}\n"],"names":["TankTrend","TankVariant"],"mappings":";;;;;;;;;;;;;;;;;;;;AAYY,IAAA,8BAAAA,eAAL;AACLA,aAAA,YAAa,IAAA;AACbA,aAAA,QAAS,IAAA;AACTA,aAAA,QAAS,IAAA;AACTA,aAAA,SAAU,IAAA;AACVA,aAAA,aAAc,IAAA;AALJA,SAAAA;AAAA,GAAA,aAAA,CAAA,CAAA;AAQA,IAAA,gCAAAC,iBAAL;AACLA,eAAA,UAAW,IAAA;AACXA,eAAA,SAAU,IAAA;AAFAA,SAAAA;AAAA,GAAA,eAAA,CAAA,CAAA;AAaC,IAAA,oBAAN,cAAgC,WAAW;AAAA,EAA3C,cAAA;AAAA,UAAA,GAAA,SAAA;AACqB,SAAA,SAAqB,WAAW;AAChB,SAAA,QAAA;AACF,SAAA,MAAA;AACK,SAAA,QAAA;AACI,SAAA,UAAA;AACT,SAAA,MAAA;AAAA,EAAA;AAAA,EAExC,YAAgC;AAC1B,QAAA,KAAK,UAAU,eAAsB;AAChC,aAAA;AAAA;AAAA;AAAA,IAAA,WAGE,KAAK,UAAU,UAAkB;AACnC,aAAA;AAAA,IAAA,WACE,KAAK,UAAU,gBAAuB;AACxC,aAAA;AAAA;AAAA;AAAA,IAAA,WAGE,KAAK,UAAU,WAAmB;AACpC,aAAA;AAAA;AAAA;AAAA,IAAA,OAGF;AACE,aAAA;AAAA,IAAA;AAAA,EACT;AAAA,EAGO,SAAS;AAChB,UAAM,UAAW,KAAK,QAAQ,KAAK,MAAO;AAEnC,WAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAMO,SAAS;AAAA,MACf,SAAS;AAAA,MACT,CAAC,KAAK,OAAO,GAAG;AAAA,MAChB,CAAC,KAAK,MAAM,GAAG;AAAA,IAAA,CAChB,CAAC;AAAA,8BACkB,UAAU,GAAG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,gBAO3B,KAAK,UAAW,CAAA;AAAA;AAAA,kBAEd,QAAQ,QAAQ,CAAC,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,qBAMf,KAAK,MAAM,QAAQ,CAAC,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA,qBAKrB,KAAK,IAAI,QAAQ,CAAC,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,4CAOI,KAAK,GAAG;AAAA;AAAA;AAAA,EAAA;AAMpD;AA3Ea,kBA0EK,SAAS,UAAU,YAAY;AAzErB,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,OAAO,CAAA;AAAA,GADb,kBACe,WAAA,UAAA,CAAA;AACA,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,OAAO,CAAA;AAAA,GAFb,kBAEe,WAAA,SAAA,CAAA;AACA,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,OAAO,CAAA;AAAA,GAHb,kBAGe,WAAA,OAAA,CAAA;AACA,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,OAAO,CAAA;AAAA,GAJb,kBAIe,WAAA,SAAA,CAAA;AACA,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,OAAO,CAAA;AAAA,GALb,kBAKe,WAAA,WAAA,CAAA;AACA,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,OAAO,CAAA;AAAA,GANb,kBAMe,WAAA,OAAA,CAAA;AANf,oBAAN,gBAAA;AAAA,EADN,cAAc,qBAAqB;AAAA,GACvB,iBAAA;"}

package/dist/automation/corner-line/corner-line.d.ts

@@ -1,5 +1,6 @@
 import { LitElement } from 'lit';
 import { LineMedium, LineType } from '../index';
+
 export declare enum CornerLineDirection {
     topRight = "top-right",
     topLeft = "top-left",
@@ -11,8 +12,8 @@ export declare class ObcCornerLine extends LitElement {
     medium: LineMedium;
     direction: CornerLineDirectionType;
     lineType: LineType;
-    render(): import("lit-html").TemplateResult<1>;
-    static styles: import("lit").CSSResult;
+    render(): import('lit-html').TemplateResult<1>;
+    static styles: import('lit').CSSResult;
 }
 declare global {
     interface HTMLElementTagNameMap {

package/dist/automation/corner-line/corner-line.js

@@ -8,8 +8,7 @@ var __decorateClass = (decorators, target, key, kind) => {
   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);
+  if (kind && result) __defProp(target, key, result);
   return result;
 };
 var CornerLineDirection = /* @__PURE__ */ ((CornerLineDirection2) => {

package/dist/automation/corner-line/corner-line.js.map

@@ -1 +1 @@
-{"version":3,"file":"corner-line.js","sources":["../../../src/automation/corner-line/corner-line.ts"],"sourcesContent":["import {LitElement, html, css} from 'lit';\nimport {customElement, property} from 'lit/decorators.js';\nimport {LineMedium, lineColor, LineType, lineWidth} from '../index';\n\nexport enum CornerLineDirection {\n  topRight = 'top-right',\n  topLeft = 'top-left',\n  bottomRight = 'bottom-right',\n  bottomLeft = 'bottom-left',\n}\n\nexport type CornerLineDirectionType =\n  | 'top-right'\n  | 'top-left'\n  | 'bottom-right'\n  | 'bottom-left';\n\n@customElement('obc-corner-line')\nexport class ObcCornerLine extends LitElement {\n  @property({type: String}) medium: LineMedium = LineMedium.normal;\n  @property({type: String}) direction: CornerLineDirectionType =\n    CornerLineDirection.topRight;\n  @property({type: String}) lineType: LineType = LineType.fluid;\n\n  override render() {\n    let rotation = 270;\n    if (this.direction === CornerLineDirection.topLeft) {\n      rotation = 180;\n    } else if (this.direction === CornerLineDirection.bottomLeft) {\n      rotation = 90;\n    } else if (this.direction === CornerLineDirection.bottomRight) {\n      rotation = 0;\n    }\n\n    if (this.lineType === LineType.connector) {\n      return html`\n        <svg\n          width=\"24\"\n          height=\"24\"\n          viewBox=\"0 0 24 24\"\n          fill=\"none\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n          transform=\"rotate(${rotation})\"\n        >\n          <path\n            d=\"M16.5 11.5L15 11.5C14.9951 11.5 14.9902 11.5 14.9853 11.5C13.0826 11.5079 11.5382 13.0339 11.5007 14.9294C11.5002 14.9529 11.5 14.9764 11.5 15V16.5L12.5 16.5L12.5 15C12.5 13.6355 13.5932 12.5263 14.9516 12.5005C14.9677 12.5002 14.9838 12.5 15 12.5L16.5 12.5V11.5Z\"\n            fill=\"var(--element-neutral-color)\"\n          />\n          <path\n            d=\"M24 11.5H22.5V12.5L24 12.5V11.5Z\"\n            fill=\"var(--element-neutral-color)\"\n          />\n          <path\n            d=\"M21 11.5H18V12.5L21 12.5V11.5Z\"\n            fill=\"var(--element-neutral-color)\"\n          />\n          <path\n            d=\"M11.5 18V21H12.5L12.5 18H11.5Z\"\n            fill=\"var(--element-neutral-color)\"\n          />\n          <path\n            d=\"M11.5 22.5V24H12.5V22.5H11.5Z\"\n            fill=\"var(--element-neutral-color)\"\n          />\n        </svg>\n      `;\n    }\n\n    const color = lineColor(this.medium);\n    const width = lineWidth(this.lineType);\n\n    const r1 = 6 - 0.5 - width / 2;\n    const r2 = 6 + 0.5 + width / 2;\n\n    if (this.lineType === LineType.air) {\n      const r1 = 2.5;\n      const r2 = 11.5;\n      return html`\n        <svg\n          class=\"line\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n          viewBox=\"0 0 24 24\"\n          height=\"24\"\n          width=\"24\"\n          transform=\"rotate(${rotation})\"\n        >\n          <path\n            d=\"M 17 24 v -4 a 3 3 0 0 1 3 -3 h 4 v -10 h -6 a 11 11 0 0 0 -11 11 v 6 z\"\n            stroke=\"none\"\n            fill=\"var(${color.inner})\"\n          />\n          <path\n            d=\"M ${12 +\n            0.5 +\n            width / 2} 24 v -4 a ${r1} ${r1} 0 0 1 ${r1} -${r1} h 4\"\n            stroke-width=\"1\"\n            stroke=\"var(${color.outer})\"\n            fill=\"none\"\n          />\n          <path\n            d=\"M ${12 -\n            0.5 -\n            width / 2} 24 v -6 a ${r2} ${r2} 0 0 1 ${r2} -${r2} h 6\"\n            stroke-width=\"1\"\n            stroke=\"var(${color.outer})\"\n            fill=\"none\"\n          />\n        </svg>\n      `;\n    } else {\n      return html`\n        <svg\n          class=\"line\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n          viewBox=\"0 0 24 24\"\n          height=\"24\"\n          width=\"24\"\n          transform=\"rotate(${rotation})\"\n        >\n          <path\n            d=\"M 12 24 v -6 a 6 6 0 0 1 6 -6 h 6\"\n            stroke-width=${width}\n            stroke=\"var(${color.inner})\"\n            fill=\"none\"\n          />\n          <path\n            d=\"M ${12 +\n            0.5 +\n            width / 2} 24 v -6 a ${r1} ${r1} 0 0 1 ${r1} -${r1} h 6\"\n            stroke-width=\"1\"\n            stroke=\"var(${color.outer})\"\n            fill=\"none\"\n          />\n          <path\n            d=\"M ${12 -\n            0.5 -\n            width / 2} 24 v -6 a ${r2} ${r2} 0 0 1 ${r2} -${r2} h 6\"\n            stroke-width=\"1\"\n            stroke=\"var(${color.outer})\"\n            fill=\"none\"\n          />\n        </svg>\n      `;\n    }\n  }\n\n  static override styles = css`\n    :host {\n      display: block;\n      line-height: 0;\n    }\n\n    svg {\n      position: relative;\n      top: -12px;\n      left: -12px;\n    }\n  `;\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'obc-corner-line': ObcCornerLine;\n  }\n}\n"],"names":["CornerLineDirection","r1","r2"],"mappings":";;;;;;;;;;;;;;AAIY,IAAA,wCAAAA,yBAAL;AACLA,uBAAA,UAAW,IAAA;AACXA,uBAAA,SAAU,IAAA;AACVA,uBAAA,aAAc,IAAA;AACdA,uBAAA,YAAa,IAAA;AAJHA,SAAAA;AAAA,GAAA,uBAAA,CAAA,CAAA;AAcC,IAAA,gBAAN,cAA4B,WAAW;AAAA,EAAvC,cAAA;AAAA,UAAA,GAAA,SAAA;AACqB,SAAA,SAAqB,WAAW;AAExD,SAAA,YAAA;AACwB,SAAA,WAAqB,SAAS;AAAA,EAAA;AAAA,EAE/C,SAAS;AAChB,QAAI,WAAW;AACX,QAAA,KAAK,cAAc,YAA6B;AACvC,iBAAA;AAAA,IAAA,WACF,KAAK,cAAc,eAAgC;AACjD,iBAAA;AAAA,IAAA,WACF,KAAK,cAAc,gBAAiC;AAClD,iBAAA;AAAA,IACb;AAEI,QAAA,KAAK,aAAa,SAAS,WAAW;AACjC,aAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,8BAOiB,QAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAwBlC;AAEM,UAAA,QAAQ,UAAU,KAAK,MAAM;AAC7B,UAAA,QAAQ,UAAU,KAAK,QAAQ;AAE/B,UAAA,KAAK,IAAI,MAAM,QAAQ;AACvB,UAAA,KAAK,IAAI,MAAM,QAAQ;AAEzB,QAAA,KAAK,aAAa,SAAS,KAAK;AAClC,YAAMC,MAAK;AACX,YAAMC,MAAK;AACJ,aAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,8BAOiB,QAAQ;AAAA;AAAA;AAAA;AAAA;AAAA,wBAKd,MAAM,KAAK;AAAA;AAAA;AAAA,mBAGhB,KACP,MACA,QAAQ,CAAC,cAAcD,GAAE,IAAIA,GAAE,UAAUA,GAAE,KAAKA,GAAE;AAAA;AAAA,0BAEpC,MAAM,KAAK;AAAA;AAAA;AAAA;AAAA,mBAIlB,KACP,MACA,QAAQ,CAAC,cAAcC,GAAE,IAAIA,GAAE,UAAUA,GAAE,KAAKA,GAAE;AAAA;AAAA,0BAEpC,MAAM,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA,IAAA,OAK1B;AACE,aAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,8BAOiB,QAAQ;AAAA;AAAA;AAAA;AAAA,2BAIX,KAAK;AAAA,0BACN,MAAM,KAAK;AAAA;AAAA;AAAA;AAAA,mBAIlB,KACP,MACA,QAAQ,CAAC,cAAc,EAAE,IAAI,EAAE,UAAU,EAAE,KAAK,EAAE;AAAA;AAAA,0BAEpC,MAAM,KAAK;AAAA;AAAA;AAAA;AAAA,mBAIlB,KACP,MACA,QAAQ,CAAC,cAAc,EAAE,IAAI,EAAE,UAAU,EAAE,KAAK,EAAE;AAAA;AAAA,0BAEpC,MAAM,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA,IAKjC;AAAA,EACF;AAcF;AA5Ia,cAgIK,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA/HC,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,QAAO;AAAA,GADb,cACe,WAAA,UAAA,CAAA;AACA,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,QAAO;AAAA,GAFb,cAEe,WAAA,aAAA,CAAA;AAEA,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,QAAO;AAAA,GAJb,cAIe,WAAA,YAAA,CAAA;AAJf,gBAAN,gBAAA;AAAA,EADN,cAAc,iBAAiB;AAAA,GACnB,aAAA;"}
+{"version":3,"file":"corner-line.js","sources":["../../../src/automation/corner-line/corner-line.ts"],"sourcesContent":["import {LitElement, html, css} from 'lit';\nimport {customElement, property} from 'lit/decorators.js';\nimport {LineMedium, lineColor, LineType, lineWidth} from '../index';\n\nexport enum CornerLineDirection {\n  topRight = 'top-right',\n  topLeft = 'top-left',\n  bottomRight = 'bottom-right',\n  bottomLeft = 'bottom-left',\n}\n\nexport type CornerLineDirectionType =\n  | 'top-right'\n  | 'top-left'\n  | 'bottom-right'\n  | 'bottom-left';\n\n@customElement('obc-corner-line')\nexport class ObcCornerLine extends LitElement {\n  @property({type: String}) medium: LineMedium = LineMedium.normal;\n  @property({type: String}) direction: CornerLineDirectionType =\n    CornerLineDirection.topRight;\n  @property({type: String}) lineType: LineType = LineType.fluid;\n\n  override render() {\n    let rotation = 270;\n    if (this.direction === CornerLineDirection.topLeft) {\n      rotation = 180;\n    } else if (this.direction === CornerLineDirection.bottomLeft) {\n      rotation = 90;\n    } else if (this.direction === CornerLineDirection.bottomRight) {\n      rotation = 0;\n    }\n\n    if (this.lineType === LineType.connector) {\n      return html`\n        <svg\n          width=\"24\"\n          height=\"24\"\n          viewBox=\"0 0 24 24\"\n          fill=\"none\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n          transform=\"rotate(${rotation})\"\n        >\n          <path\n            d=\"M16.5 11.5L15 11.5C14.9951 11.5 14.9902 11.5 14.9853 11.5C13.0826 11.5079 11.5382 13.0339 11.5007 14.9294C11.5002 14.9529 11.5 14.9764 11.5 15V16.5L12.5 16.5L12.5 15C12.5 13.6355 13.5932 12.5263 14.9516 12.5005C14.9677 12.5002 14.9838 12.5 15 12.5L16.5 12.5V11.5Z\"\n            fill=\"var(--element-neutral-color)\"\n          />\n          <path\n            d=\"M24 11.5H22.5V12.5L24 12.5V11.5Z\"\n            fill=\"var(--element-neutral-color)\"\n          />\n          <path\n            d=\"M21 11.5H18V12.5L21 12.5V11.5Z\"\n            fill=\"var(--element-neutral-color)\"\n          />\n          <path\n            d=\"M11.5 18V21H12.5L12.5 18H11.5Z\"\n            fill=\"var(--element-neutral-color)\"\n          />\n          <path\n            d=\"M11.5 22.5V24H12.5V22.5H11.5Z\"\n            fill=\"var(--element-neutral-color)\"\n          />\n        </svg>\n      `;\n    }\n\n    const color = lineColor(this.medium);\n    const width = lineWidth(this.lineType);\n\n    const r1 = 6 - 0.5 - width / 2;\n    const r2 = 6 + 0.5 + width / 2;\n\n    if (this.lineType === LineType.air) {\n      const r1 = 2.5;\n      const r2 = 11.5;\n      return html`\n        <svg\n          class=\"line\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n          viewBox=\"0 0 24 24\"\n          height=\"24\"\n          width=\"24\"\n          transform=\"rotate(${rotation})\"\n        >\n          <path\n            d=\"M 17 24 v -4 a 3 3 0 0 1 3 -3 h 4 v -10 h -6 a 11 11 0 0 0 -11 11 v 6 z\"\n            stroke=\"none\"\n            fill=\"var(${color.inner})\"\n          />\n          <path\n            d=\"M ${12 +\n            0.5 +\n            width / 2} 24 v -4 a ${r1} ${r1} 0 0 1 ${r1} -${r1} h 4\"\n            stroke-width=\"1\"\n            stroke=\"var(${color.outer})\"\n            fill=\"none\"\n          />\n          <path\n            d=\"M ${12 -\n            0.5 -\n            width / 2} 24 v -6 a ${r2} ${r2} 0 0 1 ${r2} -${r2} h 6\"\n            stroke-width=\"1\"\n            stroke=\"var(${color.outer})\"\n            fill=\"none\"\n          />\n        </svg>\n      `;\n    } else {\n      return html`\n        <svg\n          class=\"line\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n          viewBox=\"0 0 24 24\"\n          height=\"24\"\n          width=\"24\"\n          transform=\"rotate(${rotation})\"\n        >\n          <path\n            d=\"M 12 24 v -6 a 6 6 0 0 1 6 -6 h 6\"\n            stroke-width=${width}\n            stroke=\"var(${color.inner})\"\n            fill=\"none\"\n          />\n          <path\n            d=\"M ${12 +\n            0.5 +\n            width / 2} 24 v -6 a ${r1} ${r1} 0 0 1 ${r1} -${r1} h 6\"\n            stroke-width=\"1\"\n            stroke=\"var(${color.outer})\"\n            fill=\"none\"\n          />\n          <path\n            d=\"M ${12 -\n            0.5 -\n            width / 2} 24 v -6 a ${r2} ${r2} 0 0 1 ${r2} -${r2} h 6\"\n            stroke-width=\"1\"\n            stroke=\"var(${color.outer})\"\n            fill=\"none\"\n          />\n        </svg>\n      `;\n    }\n  }\n\n  static override styles = css`\n    :host {\n      display: block;\n      line-height: 0;\n    }\n\n    svg {\n      position: relative;\n      top: -12px;\n      left: -12px;\n    }\n  `;\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'obc-corner-line': ObcCornerLine;\n  }\n}\n"],"names":["CornerLineDirection","r1","r2"],"mappings":";;;;;;;;;;;;;AAIY,IAAA,wCAAAA,yBAAL;AACLA,uBAAA,UAAW,IAAA;AACXA,uBAAA,SAAU,IAAA;AACVA,uBAAA,aAAc,IAAA;AACdA,uBAAA,YAAa,IAAA;AAJHA,SAAAA;AAAA,GAAA,uBAAA,CAAA,CAAA;AAcC,IAAA,gBAAN,cAA4B,WAAW;AAAA,EAAvC,cAAA;AAAA,UAAA,GAAA,SAAA;AACqB,SAAA,SAAqB,WAAW;AAExD,SAAA,YAAA;AACwB,SAAA,WAAqB,SAAS;AAAA,EAAA;AAAA,EAE/C,SAAS;AAChB,QAAI,WAAW;AACX,QAAA,KAAK,cAAc,YAA6B;AACvC,iBAAA;AAAA,IAAA,WACF,KAAK,cAAc,eAAgC;AACjD,iBAAA;AAAA,IAAA,WACF,KAAK,cAAc,gBAAiC;AAClD,iBAAA;AAAA,IAAA;AAGT,QAAA,KAAK,aAAa,SAAS,WAAW;AACjC,aAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,8BAOiB,QAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAAA;AA0B5B,UAAA,QAAQ,UAAU,KAAK,MAAM;AAC7B,UAAA,QAAQ,UAAU,KAAK,QAAQ;AAE/B,UAAA,KAAK,IAAI,MAAM,QAAQ;AACvB,UAAA,KAAK,IAAI,MAAM,QAAQ;AAEzB,QAAA,KAAK,aAAa,SAAS,KAAK;AAClC,YAAMC,MAAK;AACX,YAAMC,MAAK;AACJ,aAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,8BAOiB,QAAQ;AAAA;AAAA;AAAA;AAAA;AAAA,wBAKd,MAAM,KAAK;AAAA;AAAA;AAAA,mBAGhB,KACP,MACA,QAAQ,CAAC,cAAcD,GAAE,IAAIA,GAAE,UAAUA,GAAE,KAAKA,GAAE;AAAA;AAAA,0BAEpC,MAAM,KAAK;AAAA;AAAA;AAAA;AAAA,mBAIlB,KACP,MACA,QAAQ,CAAC,cAAcC,GAAE,IAAIA,GAAE,UAAUA,GAAE,KAAKA,GAAE;AAAA;AAAA,0BAEpC,MAAM,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA,IAAA,OAK1B;AACE,aAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,8BAOiB,QAAQ;AAAA;AAAA;AAAA;AAAA,2BAIX,KAAK;AAAA,0BACN,MAAM,KAAK;AAAA;AAAA;AAAA;AAAA,mBAIlB,KACP,MACA,QAAQ,CAAC,cAAc,EAAE,IAAI,EAAE,UAAU,EAAE,KAAK,EAAE;AAAA;AAAA,0BAEpC,MAAM,KAAK;AAAA;AAAA;AAAA;AAAA,mBAIlB,KACP,MACA,QAAQ,CAAC,cAAc,EAAE,IAAI,EAAE,UAAU,EAAE,KAAK,EAAE;AAAA;AAAA,0BAEpC,MAAM,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA,IAAA;AAAA,EAKjC;AAeJ;AA5Ia,cAgIK,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA/HC,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,OAAO,CAAA;AAAA,GADb,cACe,WAAA,UAAA,CAAA;AACA,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,OAAO,CAAA;AAAA,GAFb,cAEe,WAAA,aAAA,CAAA;AAEA,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,OAAO,CAAA;AAAA,GAJb,cAIe,WAAA,YAAA,CAAA;AAJf,gBAAN,gBAAA;AAAA,EADN,cAAc,iBAAiB;AAAA,GACnB,aAAA;"}

package/dist/automation/direction-line/direction-line.d.ts

@@ -1,10 +1,11 @@
 import { LitElement } from 'lit';
 import { LineMedium, LineType } from '..';
+
 export declare class ObcDirectionLine extends LitElement {
     medium: LineMedium;
     lineType: LineType;
-    render(): import("lit-html").TemplateResult<1>;
-    static styles: import("lit").CSSResult;
+    render(): import('lit-html').TemplateResult<1>;
+    static styles: import('lit').CSSResult;
 }
 declare global {
     interface HTMLElementTagNameMap {

package/dist/automation/direction-line/direction-line.js

@@ -8,8 +8,7 @@ var __decorateClass = (decorators, target, key, kind) => {
   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);
+  if (kind && result) __defProp(target, key, result);
   return result;
 };
 let ObcDirectionLine = class extends LitElement {

package/dist/automation/direction-line/direction-line.js.map

@@ -1 +1 @@
-{"version":3,"file":"direction-line.js","sources":["../../../src/automation/direction-line/direction-line.ts"],"sourcesContent":["import {LitElement, css, html} from 'lit';\nimport {customElement, property} from 'lit/decorators.js';\nimport {LineMedium, LineType, lineColor, lineWidth} from '..';\n\n@customElement('obc-direction-line')\nexport class ObcDirectionLine extends LitElement {\n  @property({type: String}) medium: LineMedium = LineMedium.normal;\n  @property({type: String}) lineType: LineType = LineType.fluid;\n\n  override render() {\n    if (this.lineType === LineType.connector) {\n      throw new Error('Connector line type not supported for line overlap');\n    }\n\n    const color = lineColor(this.medium);\n    const width = lineWidth(this.lineType) + 1;\n    const h = width / 2;\n    return html`\n      <svg\n        class=\"line\"\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          mask=\"url(#clip)\"\n          d=\"M-1 ${12 - h}H25v${width}H-1z\"\n          fill=\"var(${color.inner})\"\n          stroke=\"var(${color.outer})\"\n        />\n        <path\n          transform=\"translate(8 6)\"\n          d=\"M0.5 0L6.5 6L0.5 12H3.31068L9.31068 6L3.31068 0H0.5Z\"\n          fill=\"var(${color.outer})\"\n        />\n        <defs>\n          <mask id=\"clip\">\n            <rect width=\"100%\" height=\"100%\" fill=\"white\" />\n            <path\n              transform=\"translate(6.5 6)\"\n              d=\"M0.5 0L6.5 6L0.5 12v1H6.31068v-1L12.31068 6L6.31068 0v-1H0.5v1Z\"\n              fill=\"black\"\n            />\n          </mask>\n        </defs>\n      </svg>\n    `;\n  }\n\n  static override styles = css`\n    :host {\n      display: block;\n      line-height: 0;\n    }\n\n    svg {\n      position: relative;\n      top: -12px;\n    }\n  `;\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'obc-direction-line': ObcDirectionLine;\n  }\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;AAKa,IAAA,mBAAN,cAA+B,WAAW;AAAA,EAA1C,cAAA;AAAA,UAAA,GAAA,SAAA;AACqB,SAAA,SAAqB,WAAW;AAChC,SAAA,WAAqB,SAAS;AAAA,EAAA;AAAA,EAE/C,SAAS;AACZ,QAAA,KAAK,aAAa,SAAS,WAAW;AAClC,YAAA,IAAI,MAAM,oDAAoD;AAAA,IACtE;AAEM,UAAA,QAAQ,UAAU,KAAK,MAAM;AACnC,UAAM,QAAQ,UAAU,KAAK,QAAQ,IAAI;AACzC,UAAM,IAAI,QAAQ;AACX,WAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAWQ,KAAK,CAAC,OAAO,KAAK;AAAA,sBACf,MAAM,KAAK;AAAA,wBACT,MAAM,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA,sBAKb,MAAM,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAc/B;AAaF;AAzDa,iBA8CK,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA7CC,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,QAAO;AAAA,GADb,iBACe,WAAA,UAAA,CAAA;AACA,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,QAAO;AAAA,GAFb,iBAEe,WAAA,YAAA,CAAA;AAFf,mBAAN,gBAAA;AAAA,EADN,cAAc,oBAAoB;AAAA,GACtB,gBAAA;"}
+{"version":3,"file":"direction-line.js","sources":["../../../src/automation/direction-line/direction-line.ts"],"sourcesContent":["import {LitElement, css, html} from 'lit';\nimport {customElement, property} from 'lit/decorators.js';\nimport {LineMedium, LineType, lineColor, lineWidth} from '..';\n\n@customElement('obc-direction-line')\nexport class ObcDirectionLine extends LitElement {\n  @property({type: String}) medium: LineMedium = LineMedium.normal;\n  @property({type: String}) lineType: LineType = LineType.fluid;\n\n  override render() {\n    if (this.lineType === LineType.connector) {\n      throw new Error('Connector line type not supported for line overlap');\n    }\n\n    const color = lineColor(this.medium);\n    const width = lineWidth(this.lineType) + 1;\n    const h = width / 2;\n    return html`\n      <svg\n        class=\"line\"\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          mask=\"url(#clip)\"\n          d=\"M-1 ${12 - h}H25v${width}H-1z\"\n          fill=\"var(${color.inner})\"\n          stroke=\"var(${color.outer})\"\n        />\n        <path\n          transform=\"translate(8 6)\"\n          d=\"M0.5 0L6.5 6L0.5 12H3.31068L9.31068 6L3.31068 0H0.5Z\"\n          fill=\"var(${color.outer})\"\n        />\n        <defs>\n          <mask id=\"clip\">\n            <rect width=\"100%\" height=\"100%\" fill=\"white\" />\n            <path\n              transform=\"translate(6.5 6)\"\n              d=\"M0.5 0L6.5 6L0.5 12v1H6.31068v-1L12.31068 6L6.31068 0v-1H0.5v1Z\"\n              fill=\"black\"\n            />\n          </mask>\n        </defs>\n      </svg>\n    `;\n  }\n\n  static override styles = css`\n    :host {\n      display: block;\n      line-height: 0;\n    }\n\n    svg {\n      position: relative;\n      top: -12px;\n    }\n  `;\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'obc-direction-line': ObcDirectionLine;\n  }\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;AAKa,IAAA,mBAAN,cAA+B,WAAW;AAAA,EAA1C,cAAA;AAAA,UAAA,GAAA,SAAA;AACqB,SAAA,SAAqB,WAAW;AAChC,SAAA,WAAqB,SAAS;AAAA,EAAA;AAAA,EAE/C,SAAS;AACZ,QAAA,KAAK,aAAa,SAAS,WAAW;AAClC,YAAA,IAAI,MAAM,oDAAoD;AAAA,IAAA;AAGhE,UAAA,QAAQ,UAAU,KAAK,MAAM;AACnC,UAAM,QAAQ,UAAU,KAAK,QAAQ,IAAI;AACzC,UAAM,IAAI,QAAQ;AACX,WAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAWQ,KAAK,CAAC,OAAO,KAAK;AAAA,sBACf,MAAM,KAAK;AAAA,wBACT,MAAM,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA,sBAKb,MAAM,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAA;AA2BjC;AAzDa,iBA8CK,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA7CC,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,OAAO,CAAA;AAAA,GADb,iBACe,WAAA,UAAA,CAAA;AACA,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,OAAO,CAAA;AAAA,GAFb,iBAEe,WAAA,YAAA,CAAA;AAFf,mBAAN,gBAAA;AAAA,EADN,cAAc,oBAAoB;AAAA,GACtB,gBAAA;"}

package/dist/automation/end-point-line/end-point-line.d.ts

@@ -1,5 +1,6 @@
 import { LitElement } from 'lit';
 import { LineMedium, LineType } from '..';
+
 export declare enum EndPointDirection {
     top = "top",
     right = "right",
@@ -10,8 +11,8 @@ export declare class ObcEndPointLine extends LitElement {
     medium: LineMedium;
     direction: EndPointDirection;
     lineType: LineType;
-    render(): import("lit-html").TemplateResult<1>;
-    static styles: import("lit").CSSResult;
+    render(): import('lit-html').TemplateResult<1>;
+    static styles: import('lit').CSSResult;
 }
 declare global {
     interface HTMLElementTagNameMap {

package/dist/automation/end-point-line/end-point-line.js

@@ -8,8 +8,7 @@ var __decorateClass = (decorators, target, key, kind) => {
   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);
+  if (kind && result) __defProp(target, key, result);
   return result;
 };
 var EndPointDirection = /* @__PURE__ */ ((EndPointDirection2) => {

package/dist/automation/end-point-line/end-point-line.js.map

@@ -1 +1 @@
-{"version":3,"file":"end-point-line.js","sources":["../../../src/automation/end-point-line/end-point-line.ts"],"sourcesContent":["import {LitElement, css, html} from 'lit';\nimport {customElement, property} from 'lit/decorators.js';\nimport {LineMedium, LineType, lineColor, lineWidth} from '..';\nexport enum EndPointDirection {\n  top = 'top',\n  right = 'right',\n  bottom = 'bottom',\n  left = 'left',\n}\n\n@customElement('obc-end-point-line')\nexport class ObcEndPointLine extends LitElement {\n  @property({type: String}) medium: LineMedium = LineMedium.normal;\n  @property({type: String}) direction: EndPointDirection =\n    EndPointDirection.top;\n  @property({type: String}) lineType: LineType = LineType.fluid;\n\n  override render() {\n    let rotation = 0;\n    if (this.direction === EndPointDirection.top) {\n      rotation = 180;\n    } else if (this.direction === EndPointDirection.right) {\n      rotation = 270;\n    } else if (this.direction === EndPointDirection.bottom) {\n      rotation = 0;\n    } else if (this.direction === EndPointDirection.left) {\n      rotation = 90;\n    }\n\n    if (this.lineType === LineType.connector) {\n      throw new Error(\n        'Connector line type is not supported for end-point line'\n      );\n    }\n\n    const color = lineColor(this.medium);\n    const width = lineWidth(this.lineType) + 1;\n    const h = width / 2;\n    let terminalWidth: number;\n    if (this.lineType === LineType.electric) {\n      terminalWidth = 15;\n    } else if (this.lineType === LineType.air) {\n      terminalWidth = 22;\n    } else if (this.lineType === LineType.fluid) {\n      terminalWidth = 16;\n    } else {\n      throw new Error('Invalid line type');\n    }\n    terminalWidth -= 1;\n\n    return html`\n      <svg\n        class=\"line\"\n        width=\"24\"\n        height=\"24\"\n        viewBox=\"0 0 24 24\"\n        fill=\"none\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n        transform=\"rotate(${rotation})\"\n        class=\"${this.direction}\"\n      >\n        <path\n          d=\"M${12 - h} 25 V${12 + h}h-${(terminalWidth - width) /\n          2}v-${width}h${terminalWidth}v${width}h-${(terminalWidth - width) /\n          2}V25Z\"\n          fill=\"var(${color.inner})\"\n          stroke=\"var(${color.outer})\"\n        />\n      </svg>\n    `;\n  }\n\n  static override styles = css`\n    :host {\n      display: block;\n      line-height: 0;\n    }\n\n    svg {\n      position: relative;\n\n      &.top,\n      &.bottom {\n        left: -12px;\n      }\n\n      &.bottom {\n        top: -24px;\n      }\n\n      &.left,\n      &.right {\n        top: -12px;\n      }\n\n      &.right {\n        left: -24px;\n      }\n    }\n  `;\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'obc-end-point-line': ObcEndPointLine;\n  }\n}\n"],"names":["EndPointDirection"],"mappings":";;;;;;;;;;;;;;AAGY,IAAA,sCAAAA,uBAAL;AACLA,qBAAA,KAAM,IAAA;AACNA,qBAAA,OAAQ,IAAA;AACRA,qBAAA,QAAS,IAAA;AACTA,qBAAA,MAAO,IAAA;AAJGA,SAAAA;AAAA,GAAA,qBAAA,CAAA,CAAA;AAQC,IAAA,kBAAN,cAA8B,WAAW;AAAA,EAAzC,cAAA;AAAA,UAAA,GAAA,SAAA;AACqB,SAAA,SAAqB,WAAW;AAExD,SAAA,YAAA;AACwB,SAAA,WAAqB,SAAS;AAAA,EAAA;AAAA,EAE/C,SAAS;AAChB,QAAI,WAAW;AACX,QAAA,KAAK,cAAc,OAAuB;AACjC,iBAAA;AAAA,IAAA,WACF,KAAK,cAAc,SAAyB;AAC1C,iBAAA;AAAA,IAAA,WACF,KAAK,cAAc,UAA0B;AAC3C,iBAAA;AAAA,IAAA,WACF,KAAK,cAAc,QAAwB;AACzC,iBAAA;AAAA,IACb;AAEI,QAAA,KAAK,aAAa,SAAS,WAAW;AACxC,YAAM,IAAI;AAAA,QACR;AAAA,MAAA;AAAA,IAEJ;AAEM,UAAA,QAAQ,UAAU,KAAK,MAAM;AACnC,UAAM,QAAQ,UAAU,KAAK,QAAQ,IAAI;AACzC,UAAM,IAAI,QAAQ;AACd,QAAA;AACA,QAAA,KAAK,aAAa,SAAS,UAAU;AACvB,sBAAA;AAAA,IACP,WAAA,KAAK,aAAa,SAAS,KAAK;AACzB,sBAAA;AAAA,IACP,WAAA,KAAK,aAAa,SAAS,OAAO;AAC3B,sBAAA;AAAA,IAAA,OACX;AACC,YAAA,IAAI,MAAM,mBAAmB;AAAA,IACrC;AACiB,qBAAA;AAEV,WAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,4BAQiB,QAAQ;AAAA,iBACnB,KAAK,SAAS;AAAA;AAAA;AAAA,gBAGf,KAAK,CAAC,QAAQ,KAAK,CAAC,MAAM,gBAAgB,SAChD,CAAC,KAAK,KAAK,IAAI,aAAa,IAAI,KAAK,MAAM,gBAAgB,SAC3D,CAAC;AAAA,sBACW,MAAM,KAAK;AAAA,wBACT,MAAM,KAAK;AAAA;AAAA;AAAA;AAAA,EAIjC;AA8BF;AAzFa,gBA6DK,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA5DC,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,QAAO;AAAA,GADb,gBACe,WAAA,UAAA,CAAA;AACA,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,QAAO;AAAA,GAFb,gBAEe,WAAA,aAAA,CAAA;AAEA,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,QAAO;AAAA,GAJb,gBAIe,WAAA,YAAA,CAAA;AAJf,kBAAN,gBAAA;AAAA,EADN,cAAc,oBAAoB;AAAA,GACtB,eAAA;"}
+{"version":3,"file":"end-point-line.js","sources":["../../../src/automation/end-point-line/end-point-line.ts"],"sourcesContent":["import {LitElement, css, html} from 'lit';\nimport {customElement, property} from 'lit/decorators.js';\nimport {LineMedium, LineType, lineColor, lineWidth} from '..';\nexport enum EndPointDirection {\n  top = 'top',\n  right = 'right',\n  bottom = 'bottom',\n  left = 'left',\n}\n\n@customElement('obc-end-point-line')\nexport class ObcEndPointLine extends LitElement {\n  @property({type: String}) medium: LineMedium = LineMedium.normal;\n  @property({type: String}) direction: EndPointDirection =\n    EndPointDirection.top;\n  @property({type: String}) lineType: LineType = LineType.fluid;\n\n  override render() {\n    let rotation = 0;\n    if (this.direction === EndPointDirection.top) {\n      rotation = 180;\n    } else if (this.direction === EndPointDirection.right) {\n      rotation = 270;\n    } else if (this.direction === EndPointDirection.bottom) {\n      rotation = 0;\n    } else if (this.direction === EndPointDirection.left) {\n      rotation = 90;\n    }\n\n    if (this.lineType === LineType.connector) {\n      throw new Error(\n        'Connector line type is not supported for end-point line'\n      );\n    }\n\n    const color = lineColor(this.medium);\n    const width = lineWidth(this.lineType) + 1;\n    const h = width / 2;\n    let terminalWidth: number;\n    if (this.lineType === LineType.electric) {\n      terminalWidth = 15;\n    } else if (this.lineType === LineType.air) {\n      terminalWidth = 22;\n    } else if (this.lineType === LineType.fluid) {\n      terminalWidth = 16;\n    } else {\n      throw new Error('Invalid line type');\n    }\n    terminalWidth -= 1;\n\n    return html`\n      <svg\n        class=\"line\"\n        width=\"24\"\n        height=\"24\"\n        viewBox=\"0 0 24 24\"\n        fill=\"none\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n        transform=\"rotate(${rotation})\"\n        class=\"${this.direction}\"\n      >\n        <path\n          d=\"M${12 - h} 25 V${12 + h}h-${(terminalWidth - width) /\n          2}v-${width}h${terminalWidth}v${width}h-${(terminalWidth - width) /\n          2}V25Z\"\n          fill=\"var(${color.inner})\"\n          stroke=\"var(${color.outer})\"\n        />\n      </svg>\n    `;\n  }\n\n  static override styles = css`\n    :host {\n      display: block;\n      line-height: 0;\n    }\n\n    svg {\n      position: relative;\n\n      &.top,\n      &.bottom {\n        left: -12px;\n      }\n\n      &.bottom {\n        top: -24px;\n      }\n\n      &.left,\n      &.right {\n        top: -12px;\n      }\n\n      &.right {\n        left: -24px;\n      }\n    }\n  `;\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'obc-end-point-line': ObcEndPointLine;\n  }\n}\n"],"names":["EndPointDirection"],"mappings":";;;;;;;;;;;;;AAGY,IAAA,sCAAAA,uBAAL;AACLA,qBAAA,KAAM,IAAA;AACNA,qBAAA,OAAQ,IAAA;AACRA,qBAAA,QAAS,IAAA;AACTA,qBAAA,MAAO,IAAA;AAJGA,SAAAA;AAAA,GAAA,qBAAA,CAAA,CAAA;AAQC,IAAA,kBAAN,cAA8B,WAAW;AAAA,EAAzC,cAAA;AAAA,UAAA,GAAA,SAAA;AACqB,SAAA,SAAqB,WAAW;AAExD,SAAA,YAAA;AACwB,SAAA,WAAqB,SAAS;AAAA,EAAA;AAAA,EAE/C,SAAS;AAChB,QAAI,WAAW;AACX,QAAA,KAAK,cAAc,OAAuB;AACjC,iBAAA;AAAA,IAAA,WACF,KAAK,cAAc,SAAyB;AAC1C,iBAAA;AAAA,IAAA,WACF,KAAK,cAAc,UAA0B;AAC3C,iBAAA;AAAA,IAAA,WACF,KAAK,cAAc,QAAwB;AACzC,iBAAA;AAAA,IAAA;AAGT,QAAA,KAAK,aAAa,SAAS,WAAW;AACxC,YAAM,IAAI;AAAA,QACR;AAAA,MACF;AAAA,IAAA;AAGI,UAAA,QAAQ,UAAU,KAAK,MAAM;AACnC,UAAM,QAAQ,UAAU,KAAK,QAAQ,IAAI;AACzC,UAAM,IAAI,QAAQ;AACd,QAAA;AACA,QAAA,KAAK,aAAa,SAAS,UAAU;AACvB,sBAAA;AAAA,IACP,WAAA,KAAK,aAAa,SAAS,KAAK;AACzB,sBAAA;AAAA,IACP,WAAA,KAAK,aAAa,SAAS,OAAO;AAC3B,sBAAA;AAAA,IAAA,OACX;AACC,YAAA,IAAI,MAAM,mBAAmB;AAAA,IAAA;AAEpB,qBAAA;AAEV,WAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,4BAQiB,QAAQ;AAAA,iBACnB,KAAK,SAAS;AAAA;AAAA;AAAA,gBAGf,KAAK,CAAC,QAAQ,KAAK,CAAC,MAAM,gBAAgB,SAChD,CAAC,KAAK,KAAK,IAAI,aAAa,IAAI,KAAK,MAAM,gBAAgB,SAC3D,CAAC;AAAA,sBACW,MAAM,KAAK;AAAA,wBACT,MAAM,KAAK;AAAA;AAAA;AAAA;AAAA,EAAA;AAkCnC;AAzFa,gBA6DK,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA5DC,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,OAAO,CAAA;AAAA,GADb,gBACe,WAAA,UAAA,CAAA;AACA,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,OAAO,CAAA;AAAA,GAFb,gBAEe,WAAA,aAAA,CAAA;AAEA,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,OAAO,CAAA;AAAA,GAJb,gBAIe,WAAA,YAAA,CAAA;AAJf,kBAAN,gBAAA;AAAA,EADN,cAAc,oBAAoB;AAAA,GACtB,eAAA;"}

package/dist/automation/horizontal-line/horizontal-line.d.ts

@@ -1,11 +1,12 @@
 import { LitElement } from 'lit';
 import { LineMedium, LineType } from '../index';
+
 export declare class ObcHorizontalLine extends LitElement {
     medium: LineMedium;
     lineType: LineType;
     length: number;
-    render(): import("lit-html").TemplateResult<1>;
-    static styles: import("lit").CSSResult;
+    render(): import('lit-html').TemplateResult<1>;
+    static styles: import('lit').CSSResult;
 }
 declare global {
     interface HTMLElementTagNameMap {

package/dist/automation/horizontal-line/horizontal-line.js

@@ -8,8 +8,7 @@ var __decorateClass = (decorators, target, key, kind) => {
   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);
+  if (kind && result) __defProp(target, key, result);
   return result;
 };
 let ObcHorizontalLine = class extends LitElement {

package/dist/automation/horizontal-line/horizontal-line.js.map

@@ -1 +1 @@
-{"version":3,"file":"horizontal-line.js","sources":["../../../src/automation/horizontal-line/horizontal-line.ts"],"sourcesContent":["import {LitElement, html, css} from 'lit';\nimport {customElement, property} from 'lit/decorators.js';\nimport {LineMedium, lineColor, LineType, lineWidth} from '../index';\n\n@customElement('obc-horizontal-line')\nexport class ObcHorizontalLine extends LitElement {\n  @property({type: String}) medium: LineMedium = LineMedium.normal;\n  @property({type: String}) lineType: LineType = LineType.fluid;\n  @property({type: Number}) length: number = 1;\n\n  override render() {\n    if (this.lineType === LineType.connector) {\n      const length = this.length * 24;\n      return html`<svg\n        width=\"${length}\"\n        height=\"24\"\n        viewBox=\"0 0 ${length} 24\"\n        fill=\"none\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n      >\n        <line\n          x1=\"0\"\n          y1=\"12\"\n          x2=\"${length}\"\n          y2=\"12\"\n          stroke-width=\"1\"\n          stroke=\"var(--element-neutral-color)\"\n          stroke-dasharray=\"4,2\"\n          stroke-dashoffset=\"2\"\n        />\n      </svg> `;\n    }\n\n    const color = lineColor(this.medium);\n    const length = this.length * 24 + 1;\n    const width = lineWidth(this.lineType);\n\n    return html`\n      <div class=\"wrapper\" style=\"height: 24px; width: ${this.length * 24}px;\">\n        <svg\n          class=\"line\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n          viewBox=\"-.5 0 ${length} 24\"\n          height=\"24\"\n          width=${length}\n        >\n          <line\n            x1=\"-0.5\"\n            y1=\"12\"\n            x2=\"${length - 0.5}\"\n            y2=\"12\"\n            stroke-width=${width}\n            stroke=\"var(${color.inner})\"\n          />\n          <line\n            x1=\"-0.5\"\n            y1=\"${12 - 0.5 - width / 2}\"\n            x2=\"${length - 0.5}\"\n            y2=\"${12 - 0.5 - width / 2}\"\n            stroke-width=\"1\"\n            stroke=\"var(${color.outer})\"\n          />\n          <line\n            x1=\"-0.5\"\n            y1=\"${12 + 0.5 + width / 2}\"\n            x2=\"${length - 0.5}\"\n            y2=\"${12 + 0.5 + width / 2}\"\n            stroke-width=\"1\"\n            stroke=\"var(${color.outer})\"\n          />\n        </svg>\n      </div>\n    `;\n  }\n\n  static override styles = css`\n    :host {\n      display: block;\n      line-height: 0;\n    }\n    svg {\n      position: relative;\n      left: -0.5px;\n      top: -12px;\n    }\n  `;\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'obc-horizontal-line': ObcHorizontalLine;\n  }\n}\n"],"names":["length"],"mappings":";;;;;;;;;;;;;;AAKa,IAAA,oBAAN,cAAgC,WAAW;AAAA,EAA3C,cAAA;AAAA,UAAA,GAAA,SAAA;AACqB,SAAA,SAAqB,WAAW;AAChC,SAAA,WAAqB,SAAS;AACb,SAAA,SAAA;AAAA,EAAA;AAAA,EAElC,SAAS;AACZ,QAAA,KAAK,aAAa,SAAS,WAAW;AAClCA,YAAAA,UAAS,KAAK,SAAS;AACtB,aAAA;AAAA,iBACIA,OAAM;AAAA;AAAA,uBAEAA,OAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,gBAObA,OAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAQlB;AAEM,UAAA,QAAQ,UAAU,KAAK,MAAM;AAC7B,UAAA,SAAS,KAAK,SAAS,KAAK;AAC5B,UAAA,QAAQ,UAAU,KAAK,QAAQ;AAE9B,WAAA;AAAA,yDAC8C,KAAK,SAAS,EAAE;AAAA;AAAA;AAAA;AAAA,2BAI9C,MAAM;AAAA;AAAA,kBAEf,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA,kBAKN,SAAS,GAAG;AAAA;AAAA,2BAEH,KAAK;AAAA,0BACN,MAAM,KAAK;AAAA;AAAA;AAAA;AAAA,kBAInB,KAAK,MAAM,QAAQ,CAAC;AAAA,kBACpB,SAAS,GAAG;AAAA,kBACZ,KAAK,MAAM,QAAQ,CAAC;AAAA;AAAA,0BAEZ,MAAM,KAAK;AAAA;AAAA;AAAA;AAAA,kBAInB,KAAK,MAAM,QAAQ,CAAC;AAAA,kBACpB,SAAS,GAAG;AAAA,kBACZ,KAAK,MAAM,QAAQ,CAAC;AAAA;AAAA,0BAEZ,MAAM,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA,EAKnC;AAaF;AAjFa,kBAsEK,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AArEC,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,QAAO;AAAA,GADb,kBACe,WAAA,UAAA,CAAA;AACA,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,QAAO;AAAA,GAFb,kBAEe,WAAA,YAAA,CAAA;AACA,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,QAAO;AAAA,GAHb,kBAGe,WAAA,UAAA,CAAA;AAHf,oBAAN,gBAAA;AAAA,EADN,cAAc,qBAAqB;AAAA,GACvB,iBAAA;"}
+{"version":3,"file":"horizontal-line.js","sources":["../../../src/automation/horizontal-line/horizontal-line.ts"],"sourcesContent":["import {LitElement, html, css} from 'lit';\nimport {customElement, property} from 'lit/decorators.js';\nimport {LineMedium, lineColor, LineType, lineWidth} from '../index';\n\n@customElement('obc-horizontal-line')\nexport class ObcHorizontalLine extends LitElement {\n  @property({type: String}) medium: LineMedium = LineMedium.normal;\n  @property({type: String}) lineType: LineType = LineType.fluid;\n  @property({type: Number}) length: number = 1;\n\n  override render() {\n    if (this.lineType === LineType.connector) {\n      const length = this.length * 24;\n      return html`<svg\n        width=\"${length}\"\n        height=\"24\"\n        viewBox=\"0 0 ${length} 24\"\n        fill=\"none\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n      >\n        <line\n          x1=\"0\"\n          y1=\"12\"\n          x2=\"${length}\"\n          y2=\"12\"\n          stroke-width=\"1\"\n          stroke=\"var(--element-neutral-color)\"\n          stroke-dasharray=\"4,2\"\n          stroke-dashoffset=\"2\"\n        />\n      </svg> `;\n    }\n\n    const color = lineColor(this.medium);\n    const length = this.length * 24 + 1;\n    const width = lineWidth(this.lineType);\n\n    return html`\n      <div class=\"wrapper\" style=\"height: 24px; width: ${this.length * 24}px;\">\n        <svg\n          class=\"line\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n          viewBox=\"-.5 0 ${length} 24\"\n          height=\"24\"\n          width=${length}\n        >\n          <line\n            x1=\"-0.5\"\n            y1=\"12\"\n            x2=\"${length - 0.5}\"\n            y2=\"12\"\n            stroke-width=${width}\n            stroke=\"var(${color.inner})\"\n          />\n          <line\n            x1=\"-0.5\"\n            y1=\"${12 - 0.5 - width / 2}\"\n            x2=\"${length - 0.5}\"\n            y2=\"${12 - 0.5 - width / 2}\"\n            stroke-width=\"1\"\n            stroke=\"var(${color.outer})\"\n          />\n          <line\n            x1=\"-0.5\"\n            y1=\"${12 + 0.5 + width / 2}\"\n            x2=\"${length - 0.5}\"\n            y2=\"${12 + 0.5 + width / 2}\"\n            stroke-width=\"1\"\n            stroke=\"var(${color.outer})\"\n          />\n        </svg>\n      </div>\n    `;\n  }\n\n  static override styles = css`\n    :host {\n      display: block;\n      line-height: 0;\n    }\n    svg {\n      position: relative;\n      left: -0.5px;\n      top: -12px;\n    }\n  `;\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'obc-horizontal-line': ObcHorizontalLine;\n  }\n}\n"],"names":["length"],"mappings":";;;;;;;;;;;;;AAKa,IAAA,oBAAN,cAAgC,WAAW;AAAA,EAA3C,cAAA;AAAA,UAAA,GAAA,SAAA;AACqB,SAAA,SAAqB,WAAW;AAChC,SAAA,WAAqB,SAAS;AACb,SAAA,SAAA;AAAA,EAAA;AAAA,EAElC,SAAS;AACZ,QAAA,KAAK,aAAa,SAAS,WAAW;AAClCA,YAAAA,UAAS,KAAK,SAAS;AACtB,aAAA;AAAA,iBACIA,OAAM;AAAA;AAAA,uBAEAA,OAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,gBAObA,OAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAAA;AAUZ,UAAA,QAAQ,UAAU,KAAK,MAAM;AAC7B,UAAA,SAAS,KAAK,SAAS,KAAK;AAC5B,UAAA,QAAQ,UAAU,KAAK,QAAQ;AAE9B,WAAA;AAAA,yDAC8C,KAAK,SAAS,EAAE;AAAA;AAAA;AAAA;AAAA,2BAI9C,MAAM;AAAA;AAAA,kBAEf,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA,kBAKN,SAAS,GAAG;AAAA;AAAA,2BAEH,KAAK;AAAA,0BACN,MAAM,KAAK;AAAA;AAAA;AAAA;AAAA,kBAInB,KAAK,MAAM,QAAQ,CAAC;AAAA,kBACpB,SAAS,GAAG;AAAA,kBACZ,KAAK,MAAM,QAAQ,CAAC;AAAA;AAAA,0BAEZ,MAAM,KAAK;AAAA;AAAA;AAAA;AAAA,kBAInB,KAAK,MAAM,QAAQ,CAAC;AAAA,kBACpB,SAAS,GAAG;AAAA,kBACZ,KAAK,MAAM,QAAQ,CAAC;AAAA;AAAA,0BAEZ,MAAM,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA,EAAA;AAkBrC;AAjFa,kBAsEK,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AArEC,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,OAAO,CAAA;AAAA,GADb,kBACe,WAAA,UAAA,CAAA;AACA,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,OAAO,CAAA;AAAA,GAFb,kBAEe,WAAA,YAAA,CAAA;AACA,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,OAAO,CAAA;AAAA,GAHb,kBAGe,WAAA,UAAA,CAAA;AAHf,oBAAN,gBAAA;AAAA,EADN,cAAc,qBAAqB;AAAA,GACvB,iBAAA;"}

package/dist/automation/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../src/automation/index.ts"],"sourcesContent":["export enum LineMedium {\n  normal = 'normal',\n  empty = 'empty',\n  water = 'water',\n  air = 'air',\n}\n\nexport enum LineType {\n  fluid = 'fluid',\n  electric = 'electric',\n  air = 'air',\n  connector = 'connector',\n}\n\nexport function lineColor(medium: LineMedium): {\n  inner: string;\n  outer: string;\n} {\n  let innerColor = '--automation-pipe-primary-color';\n  if (medium === LineMedium.empty) {\n    innerColor = '--automation-pipe-primary-inverted-color';\n  } else if (medium === LineMedium.water || medium === LineMedium.air) {\n    innerColor = '--automation-fresh-water';\n  }\n  return {inner: innerColor, outer: '--automation-pipe-tertiary-color'};\n}\n\nexport function lineWidth(lineType: LineType): number {\n  if (lineType === LineType.electric) {\n    return 2;\n  } else if (lineType === LineType.connector) {\n    return 1;\n  } else if (lineType === LineType.fluid) {\n    return 4;\n  } else if (lineType === LineType.air) {\n    return 10;\n  }\n  throw new Error('Unknown line type');\n}\n"],"names":["LineMedium","LineType"],"mappings":"AAAY,IAAA,+BAAAA,gBAAL;AACLA,cAAA,QAAS,IAAA;AACTA,cAAA,OAAQ,IAAA;AACRA,cAAA,OAAQ,IAAA;AACRA,cAAA,KAAM,IAAA;AAJIA,SAAAA;AAAA,GAAA,cAAA,CAAA,CAAA;AAOA,IAAA,6BAAAC,cAAL;AACLA,YAAA,OAAQ,IAAA;AACRA,YAAA,UAAW,IAAA;AACXA,YAAA,KAAM,IAAA;AACNA,YAAA,WAAY,IAAA;AAJFA,SAAAA;AAAA,GAAA,YAAA,CAAA,CAAA;AAOL,SAAS,UAAU,QAGxB;AACA,MAAI,aAAa;AACjB,MAAI,WAAW,SAAkB;AAClB,iBAAA;AAAA,EACJ,WAAA,WAAW,WAAoB,WAAW,OAAgB;AACtD,iBAAA;AAAA,EACf;AACA,SAAO,EAAC,OAAO,YAAY,OAAO,mCAAkC;AACtE;AAEO,SAAS,UAAU,UAA4B;AACpD,MAAI,aAAa,YAAmB;AAC3B,WAAA;AAAA,EAAA,WACE,aAAa,aAAoB;AACnC,WAAA;AAAA,EAAA,WACE,aAAa,SAAgB;AAC/B,WAAA;AAAA,EAAA,WACE,aAAa,OAAc;AAC7B,WAAA;AAAA,EACT;AACM,QAAA,IAAI,MAAM,mBAAmB;AACrC;"}
+{"version":3,"file":"index.js","sources":["../../src/automation/index.ts"],"sourcesContent":["export enum LineMedium {\n  normal = 'normal',\n  empty = 'empty',\n  water = 'water',\n  air = 'air',\n}\n\nexport enum LineType {\n  fluid = 'fluid',\n  electric = 'electric',\n  air = 'air',\n  connector = 'connector',\n}\n\nexport function lineColor(medium: LineMedium): {\n  inner: string;\n  outer: string;\n} {\n  let innerColor = '--automation-pipe-primary-color';\n  if (medium === LineMedium.empty) {\n    innerColor = '--automation-pipe-primary-inverted-color';\n  } else if (medium === LineMedium.water || medium === LineMedium.air) {\n    innerColor = '--automation-fresh-water';\n  }\n  return {inner: innerColor, outer: '--automation-pipe-tertiary-color'};\n}\n\nexport function lineWidth(lineType: LineType): number {\n  if (lineType === LineType.electric) {\n    return 2;\n  } else if (lineType === LineType.connector) {\n    return 1;\n  } else if (lineType === LineType.fluid) {\n    return 4;\n  } else if (lineType === LineType.air) {\n    return 10;\n  }\n  throw new Error('Unknown line type');\n}\n"],"names":["LineMedium","LineType"],"mappings":"AAAY,IAAA,+BAAAA,gBAAL;AACLA,cAAA,QAAS,IAAA;AACTA,cAAA,OAAQ,IAAA;AACRA,cAAA,OAAQ,IAAA;AACRA,cAAA,KAAM,IAAA;AAJIA,SAAAA;AAAA,GAAA,cAAA,CAAA,CAAA;AAOA,IAAA,6BAAAC,cAAL;AACLA,YAAA,OAAQ,IAAA;AACRA,YAAA,UAAW,IAAA;AACXA,YAAA,KAAM,IAAA;AACNA,YAAA,WAAY,IAAA;AAJFA,SAAAA;AAAA,GAAA,YAAA,CAAA,CAAA;AAOL,SAAS,UAAU,QAGxB;AACA,MAAI,aAAa;AACjB,MAAI,WAAW,SAAkB;AAClB,iBAAA;AAAA,EACJ,WAAA,WAAW,WAAoB,WAAW,OAAgB;AACtD,iBAAA;AAAA,EAAA;AAEf,SAAO,EAAC,OAAO,YAAY,OAAO,mCAAkC;AACtE;AAEO,SAAS,UAAU,UAA4B;AACpD,MAAI,aAAa,YAAmB;AAC3B,WAAA;AAAA,EAAA,WACE,aAAa,aAAoB;AACnC,WAAA;AAAA,EAAA,WACE,aAAa,SAAgB;AAC/B,WAAA;AAAA,EAAA,WACE,aAAa,OAAc;AAC7B,WAAA;AAAA,EAAA;AAEH,QAAA,IAAI,MAAM,mBAAmB;AACrC;"}

package/dist/automation/line-cross/line-cross.d.ts

@@ -1,10 +1,11 @@
 import { LitElement } from 'lit';
 import { LineMedium, LineType } from '..';
+
 export declare class ObcLineCross extends LitElement {
     medium: LineMedium;
     lineType: LineType;
-    render(): import("lit-html").TemplateResult<1>;
-    static styles: import("lit").CSSResult;
+    render(): import('lit-html').TemplateResult<1>;
+    static styles: import('lit').CSSResult;
 }
 declare global {
     interface HTMLElementTagNameMap {

package/dist/automation/line-cross/line-cross.js

@@ -8,8 +8,7 @@ var __decorateClass = (decorators, target, key, kind) => {
   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);
+  if (kind && result) __defProp(target, key, result);
   return result;
 };
 let ObcLineCross = class extends LitElement {

package/dist/automation/line-cross/line-cross.js.map

@@ -1 +1 @@
-{"version":3,"file":"line-cross.js","sources":["../../../src/automation/line-cross/line-cross.ts"],"sourcesContent":["import {LitElement, css, html} from 'lit';\nimport {customElement, property} from 'lit/decorators.js';\nimport {LineMedium, LineType, lineColor, lineWidth} from '..';\n\n@customElement('obc-line-cross')\nexport class ObcLineCross extends LitElement {\n  @property({type: String}) medium: LineMedium = LineMedium.normal;\n  @property({type: String}) lineType: LineType = LineType.fluid;\n\n  override render() {\n    if (this.lineType === LineType.connector) {\n      return html`\n        <svg\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=\"M11.5 1.83333V0H12.5V1.83333H11.5Z\"\n            fill=\"var(--element-neutral-color)\"\n          />\n          <path\n            d=\"M11.5 7.33333V3.66667H12.5V7.33333H11.5Z\"\n            fill=\"var(--element-neutral-color)\"\n          />\n          <path\n            d=\"M11.5 11V9.16667H12.5V11H11.5Z\"\n            fill=\"var(--element-neutral-color)\"\n          />\n          <path\n            d=\"M0 12.5H2V11.5H0V12.5Z\"\n            fill=\"var(--element-neutral-color)\"\n          />\n          <path\n            d=\"M4 12.5H8V11.5H4V12.5Z\"\n            fill=\"var(--element-neutral-color)\"\n          />\n          <path\n            d=\"M10 12.5H14V11.5H10V12.5Z\"\n            fill=\"var(--element-neutral-color)\"\n          />\n          <path\n            d=\"M16 12.5H20V11.5H16V12.5Z\"\n            fill=\"var(--element-neutral-color)\"\n          />\n          <path\n            d=\"M22 12.5H24V11.5H22V12.5Z\"\n            fill=\"var(--element-neutral-color)\"\n          />\n          <path\n            d=\"M11.5 13V14.8333H12.5V13H11.5Z\"\n            fill=\"var(--element-neutral-color)\"\n          />\n          <path\n            d=\"M11.5 16.6667V20.3333H12.5V16.6667H11.5Z\"\n            fill=\"var(--element-neutral-color)\"\n          />\n          <path\n            d=\"M11.5 22.1667V24H12.5V22.1667H11.5Z\"\n            fill=\"var(--element-neutral-color)\"\n          />\n        </svg>\n      `;\n    }\n\n    const color = lineColor(this.medium);\n    const width = lineWidth(this.lineType) + 1;\n    const h = width / 2;\n\n    let r: number;\n    if (this.lineType === LineType.electric) {\n      r = 4.5;\n    } else if (this.lineType === LineType.air) {\n      r = 10;\n    } else if (this.lineType === LineType.fluid) {\n      r = 6;\n    } else {\n      throw new Error('Invalid line type');\n    }\n\n    return html`\n      <svg\n        class=\"line\"\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=\"M-1 ${12 - h} H${12 - r} A${r} ${r} 0 0 1 ${12 - h} ${12 -\n          r} V${-1}\n            h${width} V${12 - r} A${r} ${r} 0 0 1 ${12 + r} ${12 - h} H25\n            V${12 + h} H${12 + r} A${r} ${r} 0 0 1 ${12 + h} ${12 + r} V25\n            h-${width} V${12 + r} A${r} ${r} 0 0 1 ${12 - r} ${12 + h} H-1 Z\"\n          fill=\"var(${color.inner})\"\n          stroke=\"var(${color.outer})\"\n        />\n      </svg>\n    `;\n  }\n\n  static override styles = css`\n    :host {\n      display: block;\n      line-height: 0;\n    }\n\n    svg {\n      position: relative;\n      top: -12px;\n      left: -12px;\n    }\n  `;\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'obc-line-cross': ObcLineCross;\n  }\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;AAKa,IAAA,eAAN,cAA2B,WAAW;AAAA,EAAtC,cAAA;AAAA,UAAA,GAAA,SAAA;AACqB,SAAA,SAAqB,WAAW;AAChC,SAAA,WAAqB,SAAS;AAAA,EAAA;AAAA,EAE/C,SAAS;AACZ,QAAA,KAAK,aAAa,SAAS,WAAW;AACjC,aAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAsDT;AAEM,UAAA,QAAQ,UAAU,KAAK,MAAM;AACnC,UAAM,QAAQ,UAAU,KAAK,QAAQ,IAAI;AACzC,UAAM,IAAI,QAAQ;AAEd,QAAA;AACA,QAAA,KAAK,aAAa,SAAS,UAAU;AACnC,UAAA;AAAA,IACK,WAAA,KAAK,aAAa,SAAS,KAAK;AACrC,UAAA;AAAA,IACK,WAAA,KAAK,aAAa,SAAS,OAAO;AACvC,UAAA;AAAA,IAAA,OACC;AACC,YAAA,IAAI,MAAM,mBAAmB;AAAA,IACrC;AAEO,WAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAUQ,KAAK,CAAC,KAAK,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,UAAU,KAAK,CAAC,IAAI,KACzD,CAAC,KAAK,EAAE;AAAA,eACH,KAAK,KAAK,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,UAAU,KAAK,CAAC,IAAI,KAAK,CAAC;AAAA,eACrD,KAAK,CAAC,KAAK,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,UAAU,KAAK,CAAC,IAAI,KAAK,CAAC;AAAA,gBACrD,KAAK,KAAK,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,UAAU,KAAK,CAAC,IAAI,KAAK,CAAC;AAAA,sBAC/C,MAAM,KAAK;AAAA,wBACT,MAAM,KAAK;AAAA;AAAA;AAAA;AAAA,EAIjC;AAcF;AA/Ga,aAmGK,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAlGC,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,QAAO;AAAA,GADb,aACe,WAAA,UAAA,CAAA;AACA,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,QAAO;AAAA,GAFb,aAEe,WAAA,YAAA,CAAA;AAFf,eAAN,gBAAA;AAAA,EADN,cAAc,gBAAgB;AAAA,GAClB,YAAA;"}
+{"version":3,"file":"line-cross.js","sources":["../../../src/automation/line-cross/line-cross.ts"],"sourcesContent":["import {LitElement, css, html} from 'lit';\nimport {customElement, property} from 'lit/decorators.js';\nimport {LineMedium, LineType, lineColor, lineWidth} from '..';\n\n@customElement('obc-line-cross')\nexport class ObcLineCross extends LitElement {\n  @property({type: String}) medium: LineMedium = LineMedium.normal;\n  @property({type: String}) lineType: LineType = LineType.fluid;\n\n  override render() {\n    if (this.lineType === LineType.connector) {\n      return html`\n        <svg\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=\"M11.5 1.83333V0H12.5V1.83333H11.5Z\"\n            fill=\"var(--element-neutral-color)\"\n          />\n          <path\n            d=\"M11.5 7.33333V3.66667H12.5V7.33333H11.5Z\"\n            fill=\"var(--element-neutral-color)\"\n          />\n          <path\n            d=\"M11.5 11V9.16667H12.5V11H11.5Z\"\n            fill=\"var(--element-neutral-color)\"\n          />\n          <path\n            d=\"M0 12.5H2V11.5H0V12.5Z\"\n            fill=\"var(--element-neutral-color)\"\n          />\n          <path\n            d=\"M4 12.5H8V11.5H4V12.5Z\"\n            fill=\"var(--element-neutral-color)\"\n          />\n          <path\n            d=\"M10 12.5H14V11.5H10V12.5Z\"\n            fill=\"var(--element-neutral-color)\"\n          />\n          <path\n            d=\"M16 12.5H20V11.5H16V12.5Z\"\n            fill=\"var(--element-neutral-color)\"\n          />\n          <path\n            d=\"M22 12.5H24V11.5H22V12.5Z\"\n            fill=\"var(--element-neutral-color)\"\n          />\n          <path\n            d=\"M11.5 13V14.8333H12.5V13H11.5Z\"\n            fill=\"var(--element-neutral-color)\"\n          />\n          <path\n            d=\"M11.5 16.6667V20.3333H12.5V16.6667H11.5Z\"\n            fill=\"var(--element-neutral-color)\"\n          />\n          <path\n            d=\"M11.5 22.1667V24H12.5V22.1667H11.5Z\"\n            fill=\"var(--element-neutral-color)\"\n          />\n        </svg>\n      `;\n    }\n\n    const color = lineColor(this.medium);\n    const width = lineWidth(this.lineType) + 1;\n    const h = width / 2;\n\n    let r: number;\n    if (this.lineType === LineType.electric) {\n      r = 4.5;\n    } else if (this.lineType === LineType.air) {\n      r = 10;\n    } else if (this.lineType === LineType.fluid) {\n      r = 6;\n    } else {\n      throw new Error('Invalid line type');\n    }\n\n    return html`\n      <svg\n        class=\"line\"\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=\"M-1 ${12 - h} H${12 - r} A${r} ${r} 0 0 1 ${12 - h} ${12 -\n          r} V${-1}\n            h${width} V${12 - r} A${r} ${r} 0 0 1 ${12 + r} ${12 - h} H25\n            V${12 + h} H${12 + r} A${r} ${r} 0 0 1 ${12 + h} ${12 + r} V25\n            h-${width} V${12 + r} A${r} ${r} 0 0 1 ${12 - r} ${12 + h} H-1 Z\"\n          fill=\"var(${color.inner})\"\n          stroke=\"var(${color.outer})\"\n        />\n      </svg>\n    `;\n  }\n\n  static override styles = css`\n    :host {\n      display: block;\n      line-height: 0;\n    }\n\n    svg {\n      position: relative;\n      top: -12px;\n      left: -12px;\n    }\n  `;\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'obc-line-cross': ObcLineCross;\n  }\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;AAKa,IAAA,eAAN,cAA2B,WAAW;AAAA,EAAtC,cAAA;AAAA,UAAA,GAAA,SAAA;AACqB,SAAA,SAAqB,WAAW;AAChC,SAAA,WAAqB,SAAS;AAAA,EAAA;AAAA,EAE/C,SAAS;AACZ,QAAA,KAAK,aAAa,SAAS,WAAW;AACjC,aAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAAA;AAwDH,UAAA,QAAQ,UAAU,KAAK,MAAM;AACnC,UAAM,QAAQ,UAAU,KAAK,QAAQ,IAAI;AACzC,UAAM,IAAI,QAAQ;AAEd,QAAA;AACA,QAAA,KAAK,aAAa,SAAS,UAAU;AACnC,UAAA;AAAA,IACK,WAAA,KAAK,aAAa,SAAS,KAAK;AACrC,UAAA;AAAA,IACK,WAAA,KAAK,aAAa,SAAS,OAAO;AACvC,UAAA;AAAA,IAAA,OACC;AACC,YAAA,IAAI,MAAM,mBAAmB;AAAA,IAAA;AAG9B,WAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAUQ,KAAK,CAAC,KAAK,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,UAAU,KAAK,CAAC,IAAI,KACzD,CAAC,KAAK,EAAE;AAAA,eACH,KAAK,KAAK,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,UAAU,KAAK,CAAC,IAAI,KAAK,CAAC;AAAA,eACrD,KAAK,CAAC,KAAK,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,UAAU,KAAK,CAAC,IAAI,KAAK,CAAC;AAAA,gBACrD,KAAK,KAAK,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,UAAU,KAAK,CAAC,IAAI,KAAK,CAAC;AAAA,sBAC/C,MAAM,KAAK;AAAA,wBACT,MAAM,KAAK;AAAA;AAAA;AAAA;AAAA,EAAA;AAkBnC;AA/Ga,aAmGK,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAlGC,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,OAAO,CAAA;AAAA,GADb,aACe,WAAA,UAAA,CAAA;AACA,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,OAAO,CAAA;AAAA,GAFb,aAEe,WAAA,YAAA,CAAA;AAFf,eAAN,gBAAA;AAAA,EADN,cAAc,gBAAgB;AAAA,GAClB,YAAA;"}

package/dist/automation/line-overlap/line-overlap.d.ts

@@ -1,10 +1,11 @@
 import { LitElement } from 'lit';
 import { LineMedium, LineType } from '..';
+
 export declare class ObcLineOverlap extends LitElement {
     medium: LineMedium;
     lineType: LineType;
-    render(): import("lit-html").TemplateResult<1>;
-    static styles: import("lit").CSSResult;
+    render(): import('lit-html').TemplateResult<1>;
+    static styles: import('lit').CSSResult;
 }
 declare global {
     interface HTMLElementTagNameMap {

package/dist/automation/line-overlap/line-overlap.js

@@ -8,8 +8,7 @@ var __decorateClass = (decorators, target, key, kind) => {
   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);
+  if (kind && result) __defProp(target, key, result);
   return result;
 };
 let ObcLineOverlap = class extends LitElement {