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

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":";;;;;;;;;;;;;;;;;;;;;;;;;AAgBY,IAAA,yCAAAA,0BAAL;AACLA,wBAAA,OAAQ,IAAA;AACRA,wBAAA,SAAU,IAAA;AACVA,wBAAA,OAAQ,IAAA;AACRA,wBAAA,IAAK,IAAA;AAJKA,SAAAA;AAAA,GAAA,wBAAA,CAAA,CAAA;AAOA,IAAA,4CAAAC,6BAAL;AACLA,2BAAA,SAAU,IAAA;AACVA,2BAAA,QAAS,IAAA;AACTA,2BAAA,QAAS,IAAA;AAHCA,SAAAA;AAAA,GAAA,2BAAA,CAAA,CAAA;AAMA,IAAA,0CAAAC,2BAAL;AACLA,yBAAA,QAAS,IAAA;AACTA,yBAAA,MAAO,IAAA;AACPA,yBAAA,cAAe,IAAA;AACfA,yBAAA,YAAa,IAAA;AACbA,yBAAA,QAAS,IAAA;AALCA,SAAAA;AAAA,GAAA,yBAAA,CAAA,CAAA;AAQA,IAAA,8CAAAC,+BAAL;AACLA,6BAAA,OAAQ,IAAA;AACRA,6BAAA,SAAU,IAAA;AACVA,6BAAA,UAAW,IAAA;AAHDA,SAAAA;AAAA,GAAA,6BAAA,CAAA,CAAA;AAMA,IAAA,+CAAAC,gCAAL;AACLA,8BAAA,SAAU,IAAA;AACVA,8BAAA,UAAW,IAAA;AACXA,8BAAA,QAAS,IAAA;AAHCA,SAAAA;AAAA,GAAA,8BAAA,CAAA,CAAA;AA0BA,IAAA,kDAAAC,mCAAL;AACLA,iCAAA,KAAM,IAAA;AACNA,iCAAA,QAAS,IAAA;AACTA,iCAAA,MAAO,IAAA;AACPA,iCAAA,OAAQ,IAAA;AAJEA,SAAAA;AAAA,GAAA,iCAAA,CAAA,CAAA;AAOA,IAAA,8CAAAC,+BAAL;AACLA,6BAAA,SAAU,IAAA;AACVA,6BAAA,aAAc,IAAA;AACdA,6BAAA,gBAAiB,IAAA;AACjBA,6BAAA,UAAW,IAAA;AACXA,6BAAA,cAAe,IAAA;AACfA,6BAAA,iBAAkB,IAAA;AAClBA,6BAAA,SAAU,IAAA;AAPAA,SAAAA;AAAA,GAAA,6BAAA,CAAA,CAAA;AAeZ,SAAS,YAAY,OAAkD;AACjE,MAAA,MAAM,SAAS,SAAS;AAC1B,WAAO,yBAAyB,MAAM,OAAO,SAAS,EAAE;AAAA,QACpD,MAAM,IAAI;AAAA;AAAA,EAAA,WAEL,MAAM,SAAS,OAAO;AACxB,WAAA;AAAA,QACH,MAAM,WAAW,kCAAkC,IAAI,IAAI,MAAM,IAAI;AAAA;AAAA,EAAA,OAEpE;AACL,UAAM,IAAI,MAAM,MAAM,QAAQ,CAAC;AACzB,UAAA,cACJ,EAAE,SAAS,MAAM,UAAU,IAAI,OAAO,MAAM,UAAU,EAAE,MAAM,IAAI;AAEhE,QAAA;AACA,QAAA,MAAM,cAAc,MAAM;AACZ,sBAAA;AAAA;AAAA;AAAA,IAAA,WAGP,MAAM,cAAc,QAAQ;AACrB,sBAAA;AAAA;AAAA;AAAA,IAAA,WAGP,MAAM,cAAc,QAAQ;AACrB,sBAAA;AAAA;AAAA;AAAA,IAAA,WAGP,MAAM,cAAc,SAAS;AACtB,sBAAA;AAAA;AAAA;AAAA,IAAA,OAGX;AACC,YAAA,IAAI,MAAM,mBAAmB;AAAA,IAAA;AAE9B,WAAA;AAAA,QACH,aAAa;AAAA,4BACO,WAAW;AAAA,4BACX,CAAC;AAAA,2BACF,MAAM,SAAS,YAAY,MAAM,MAAM,IAAI;AAAA;AAAA,EAAA;AAGtE;AAGa,IAAA,sBAAN,cAAkC,WAAW;AAAA,EAA7C,cAAA;AAAA,UAAA,GAAA,SAAA;AAEH,SAAA,OAAA;AAEA,SAAA,UAAA;AAEA,SAAA,QAAA;AACyC,SAAA,SACzC,CAAC;AAED,SAAA,gBAAA;AAEA,SAAA,YAAA;AAEA,SAAA,aAAA;AAC0C,SAAA,QAAA;AACG,SAAA,WAAA;AAE7C,SAAA,YAAA;AAAA,EAAA;AAAA,EAEO,SAAS;AAChB,UAAM,SAAS,KAAK,OAAO,IAAI,WAAW;AACpC,UAAA,kBAAkB,KAAK,mBAAmB;AAC1C,UAAA,YAAY,KAAK,iBAAiB;AAEjC,WAAA;AAAA;AAAA;AAAA,kBAGO,SAAS;AAAA,MACf,SAAS;AAAA,MACT,CAAC,UAAU,KAAK,IAAI,GAAG;AAAA,MACvB,CAAC,aAAa,KAAK,OAAO,GAAG;AAAA,MAC7B,CAAC,WAAW,KAAK,KAAK,GAAG;AAAA,MACzB,CAAC,WAAW,KAAK,aAAa,GAAG;AAAA,MACjC,CAAC,gBAAgB,KAAK,SAAS,GAAG;AAAA,MAClC,CAAC,iBAAiB,KAAK,UAAU,GAAG;AAAA,MACpC,OAAO,KAAK;AAAA,MACZ,UAAU,KAAK;AAAA,IAAA,CAChB,CAAC;AAAA;AAAA;AAAA,cAGE,SAAS;AAAA,cACT,KAAK,YAAY,YACnB,KAAK,SAAS,UACV;AAAA;AAAA,0BAGA,EAAE;AAAA,cACJ,eAAe;AAAA,cACf,KAAK,QACH;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,2BAqBA,EAAE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,+BAca,MAAM;AAAA;AAAA;AAAA;AAAA,EAAA;AAAA,EAQ3B,qBAAgD;AAClD,QAAA,CAAC,KAAK,UAAU;AACX,aAAA;AAAA,IAAA;AAGL,QAAA;AACA,QAAA,KAAK,SAAS,SAA4B;AAC7B,qBAAA;AAAA,IAAA,WACN,KAAK,SAAS,WAA8B;AACtC,qBAAA;AAAA,IAAA,WACN,KAAK,SAAS,SAA4B;AACpC,qBAAA;AAAA,IAAA,OACV;AACU,qBAAA;AAAA,IAAA;AAEjB,UAAM,kBAAkB;AAAA,eACb,YAAY;AAAA,gBACX,YAAY;AAAA,qBACP,YAAY,IAAI,YAAY;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,gBAMjC,eAAe,CAAC,MAAM,eAAe,IAAI,CAAC,IAAI,eAAe,IACrE,CAAC,UAAU,eAAe,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAMxB,WAAA;AAAA,EAAA;AAAA,EAGD,mBAA8C;AAChD,QAAA,KAAK,YAAY,UAAgC;AAC5C,aAAA;AAAA,IAAA,WACE,KAAK,cAAc,WAAmC;AACxD,aAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAAA,WAeE,KAAK,cAAc,gBAAuC;AAC5D,aAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAAA,WAeE,KAAK,cAAc,mBAA0C;AAC/D,aAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAAA,WAeE,KAAK,cAAc,YAAoC;AACzD,aAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAAA,WAeE,KAAK,cAAc,iBAAwC;AAC7D,aAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAAA,WAeE,KAAK,cAAc,oBAA2C;AAChE,aAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAAA,WAeE,KAAK,cAAc,WAAmC;AACxD,aAAA;AAAA;AAAA;AAAA;AAAA,IAAA;AAKH,UAAA,IAAI,MAAM,mBAAmB;AAAA,EAAA;AAEvC;AA1Oa,oBA2FK,SAAS,UAAU,YAAY;AA1FrB,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,OAAO,CAAA;AAAA,GADb,oBACe,WAAA,QAAA,CAAA;AAEA,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,OAAO,CAAA;AAAA,GAHb,oBAGe,WAAA,WAAA,CAAA;AAEA,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,OAAO,CAAA;AAAA,GALb,oBAKe,WAAA,SAAA,CAAA;AAEiB,gBAAA;AAAA,EAA1C,SAAS,EAAC,MAAM,OAAO,WAAW,MAAM,CAAA;AAAA,GAP9B,oBAOgC,WAAA,UAAA,CAAA;AAEjB,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,OAAO,CAAA;AAAA,GATb,oBASe,WAAA,iBAAA,CAAA;AAEA,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,OAAO,CAAA;AAAA,GAXb,oBAWe,WAAA,aAAA,CAAA;AAEA,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,OAAO,CAAA;AAAA,GAbb,oBAae,WAAA,cAAA,CAAA;AAEC,gBAAA;AAAA,EAA1B,SAAS,EAAC,MAAM,QAAQ,CAAA;AAAA,GAfd,oBAegB,WAAA,SAAA,CAAA;AACA,gBAAA;AAAA,EAA1B,SAAS,EAAC,MAAM,QAAQ,CAAA;AAAA,GAhBd,oBAgBgB,WAAA,YAAA,CAAA;AACD,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,OAAO,CAAA;AAAA,GAjBb,oBAiBe,WAAA,aAAA,CAAA;AAjBf,sBAAN,gBAAA;AAAA,EADN,cAAc,uBAAuB;AAAA,GACzB,mBAAA;"}

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.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.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.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.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.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.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.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.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 {

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

@@ -1 +1 @@
-{"version":3,"file":"line-overlap.js","sources":["../../../src/automation/line-overlap/line-overlap.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-overlap')\nexport class ObcLineOverlap 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\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${12 - h} -1V25h${width}V-1z\"\n          fill=\"var(${color.inner})\"\n          stroke=\"var(${color.outer})\"\n        />\n\n        <path\n          d=\"M-1 ${12 - h}H25v${width}H-1z\"\n          fill=\"var(${color.inner})\"\n          stroke=\"var(${color.outer})\"\n        />\n\n        <defs>\n          <mask id=\"clip\">\n            <rect x=\"0\" y=\"0\" width=\"24\" height=\"24\" fill=\"white\" />\n            <rect\n              x=\"0\"\n              y=\"${12 - 2 - h}\"\n              width=\"24\"\n              height=\"${width + 4}\"\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      left: -12px;\n      top: -12px;\n    }\n  `;\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'obc-line-overlap': ObcLineOverlap;\n  }\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;AAKa,IAAA,iBAAN,cAA6B,WAAW;AAAA,EAAxC,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;AAEX,WAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,gBAWK,KAAK,CAAC,UAAU,KAAK;AAAA,sBACf,MAAM,KAAK;AAAA,wBACT,MAAM,KAAK;AAAA;AAAA;AAAA;AAAA,mBAIhB,KAAK,CAAC,OAAO,KAAK;AAAA,sBACf,MAAM,KAAK;AAAA,wBACT,MAAM,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAQhB,KAAK,IAAI,CAAC;AAAA;AAAA,wBAEL,QAAQ,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAO/B;AAcF;AA/Da,eAmDK,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAlDC,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,QAAO;AAAA,GADb,eACe,WAAA,UAAA,CAAA;AACA,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,QAAO;AAAA,GAFb,eAEe,WAAA,YAAA,CAAA;AAFf,iBAAN,gBAAA;AAAA,EADN,cAAc,kBAAkB;AAAA,GACpB,cAAA;"}
+{"version":3,"file":"line-overlap.js","sources":["../../../src/automation/line-overlap/line-overlap.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-overlap')\nexport class ObcLineOverlap 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\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${12 - h} -1V25h${width}V-1z\"\n          fill=\"var(${color.inner})\"\n          stroke=\"var(${color.outer})\"\n        />\n\n        <path\n          d=\"M-1 ${12 - h}H25v${width}H-1z\"\n          fill=\"var(${color.inner})\"\n          stroke=\"var(${color.outer})\"\n        />\n\n        <defs>\n          <mask id=\"clip\">\n            <rect x=\"0\" y=\"0\" width=\"24\" height=\"24\" fill=\"white\" />\n            <rect\n              x=\"0\"\n              y=\"${12 - 2 - h}\"\n              width=\"24\"\n              height=\"${width + 4}\"\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      left: -12px;\n      top: -12px;\n    }\n  `;\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'obc-line-overlap': ObcLineOverlap;\n  }\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;AAKa,IAAA,iBAAN,cAA6B,WAAW;AAAA,EAAxC,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;AAEX,WAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,gBAWK,KAAK,CAAC,UAAU,KAAK;AAAA,sBACf,MAAM,KAAK;AAAA,wBACT,MAAM,KAAK;AAAA;AAAA;AAAA;AAAA,mBAIhB,KAAK,CAAC,OAAO,KAAK;AAAA,sBACf,MAAM,KAAK;AAAA,wBACT,MAAM,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAQhB,KAAK,IAAI,CAAC;AAAA;AAAA,wBAEL,QAAQ,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAA;AAqBjC;AA/Da,eAmDK,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAlDC,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,OAAO,CAAA;AAAA,GADb,eACe,WAAA,UAAA,CAAA;AACA,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,OAAO,CAAA;AAAA,GAFb,eAEe,WAAA,YAAA,CAAA;AAFf,iBAAN,gBAAA;AAAA,EADN,cAAc,kBAAkB;AAAA,GACpB,cAAA;"}

package/dist/automation/three-way-line/three-way-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 ThreeWayLineDirection = /* @__PURE__ */ ((ThreeWayLineDirection2) => {

package/dist/automation/three-way-line/three-way-line.js.map

@@ -1 +1 @@
-{"version":3,"file":"three-way-line.js","sources":["../../../src/automation/three-way-line/three-way-line.ts"],"sourcesContent":["import {LitElement, css, html} from 'lit';\nimport {customElement, property} from 'lit/decorators.js';\nimport {LineMedium, LineType, lineColor, lineWidth} from '..';\n\nexport enum ThreeWayLineDirection {\n  top = 'top',\n  right = 'right',\n  bottom = 'bottom',\n  left = 'left',\n}\n\n@customElement('obc-three-way-line')\nexport class ObcThreeWayLine extends LitElement {\n  @property({type: String}) medium: LineMedium = LineMedium.normal;\n  @property({type: String}) direction: ThreeWayLineDirection =\n    ThreeWayLineDirection.top;\n  @property({type: String}) lineType: LineType = LineType.fluid;\n\n  override render() {\n    let rotation = 0;\n    if (this.direction === ThreeWayLineDirection.top) {\n      rotation = 180;\n    } else if (this.direction === ThreeWayLineDirection.right) {\n      rotation = 270;\n    } else if (this.direction === ThreeWayLineDirection.bottom) {\n      rotation = 0;\n    } else if (this.direction === ThreeWayLineDirection.left) {\n      rotation = 90;\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=\"M10 11.5H14V12.5L10 12.5V11.5Z\"\n            fill=\"var(--element-neutral-color)\"\n          />\n          <path\n            d=\"M4 11.5H8V12.5L4 12.5V11.5Z\"\n            fill=\"var(--element-neutral-color)\"\n          />\n          <path\n            d=\"M0 11.5H2L2 12.5L0 12.5V11.5Z\"\n            fill=\"var(--element-neutral-color)\"\n          />\n          <path\n            d=\"M22 11.5L24 11.5V12.5L22 12.5V11.5Z\"\n            fill=\"var(--element-neutral-color)\"\n          />\n          <path\n            d=\"M16 11.5H20V12.5L16 12.5V11.5Z\"\n            fill=\"var(--element-neutral-color)\"\n          />\n          <path\n            d=\"M12.5 24V22.1667H11.5V24H12.5Z\"\n            fill=\"var(--element-neutral-color)\"\n          />\n          <path\n            d=\"M12.5 20.3333L12.5 16.6667H11.5L11.5 20.3333H12.5Z\"\n            fill=\"var(--element-neutral-color)\"\n          />\n          <path\n            d=\"M12.5 14.8333V13L11.5 13V14.8333H12.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    const c = 13 - h; // inner corner lenght\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      >\n        <path\n          d=\"M-1 ${12 + h} v${-width}h26v${width}h-${c}v${c}h-${width}v-${c}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-three-way-line': ObcThreeWayLine;\n  }\n}\n"],"names":["ThreeWayLineDirection"],"mappings":";;;;;;;;;;;;;;AAIY,IAAA,0CAAAA,2BAAL;AACLA,yBAAA,KAAM,IAAA;AACNA,yBAAA,OAAQ,IAAA;AACRA,yBAAA,QAAS,IAAA;AACTA,yBAAA,MAAO,IAAA;AAJGA,SAAAA;AAAA,GAAA,yBAAA,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,OAA2B;AACrC,iBAAA;AAAA,IAAA,WACF,KAAK,cAAc,SAA6B;AAC9C,iBAAA;AAAA,IAAA,WACF,KAAK,cAAc,UAA8B;AAC/C,iBAAA;AAAA,IAAA,WACF,KAAK,cAAc,QAA4B;AAC7C,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;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAoClC;AAEM,UAAA,QAAQ,UAAU,KAAK,MAAM;AACnC,UAAM,QAAQ,UAAU,KAAK,QAAQ,IAAI;AACzC,UAAM,IAAI,QAAQ;AAClB,UAAM,IAAI,KAAK;AAER,WAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,4BAQiB,QAAQ;AAAA;AAAA;AAAA,mBAGjB,KAAK,CAAC,KAAK,CAAC,KAAK,OAAO,KAAK,KAAK,CAAC,IAAI,CAAC,KAAK,KAAK,KAAK,CAAC;AAAA,sBACrD,MAAM,KAAK;AAAA,wBACT,MAAM,KAAK;AAAA;AAAA;AAAA;AAAA,EAIjC;AAcF;AApGa,gBAwFK,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAvFC,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":"three-way-line.js","sources":["../../../src/automation/three-way-line/three-way-line.ts"],"sourcesContent":["import {LitElement, css, html} from 'lit';\nimport {customElement, property} from 'lit/decorators.js';\nimport {LineMedium, LineType, lineColor, lineWidth} from '..';\n\nexport enum ThreeWayLineDirection {\n  top = 'top',\n  right = 'right',\n  bottom = 'bottom',\n  left = 'left',\n}\n\n@customElement('obc-three-way-line')\nexport class ObcThreeWayLine extends LitElement {\n  @property({type: String}) medium: LineMedium = LineMedium.normal;\n  @property({type: String}) direction: ThreeWayLineDirection =\n    ThreeWayLineDirection.top;\n  @property({type: String}) lineType: LineType = LineType.fluid;\n\n  override render() {\n    let rotation = 0;\n    if (this.direction === ThreeWayLineDirection.top) {\n      rotation = 180;\n    } else if (this.direction === ThreeWayLineDirection.right) {\n      rotation = 270;\n    } else if (this.direction === ThreeWayLineDirection.bottom) {\n      rotation = 0;\n    } else if (this.direction === ThreeWayLineDirection.left) {\n      rotation = 90;\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=\"M10 11.5H14V12.5L10 12.5V11.5Z\"\n            fill=\"var(--element-neutral-color)\"\n          />\n          <path\n            d=\"M4 11.5H8V12.5L4 12.5V11.5Z\"\n            fill=\"var(--element-neutral-color)\"\n          />\n          <path\n            d=\"M0 11.5H2L2 12.5L0 12.5V11.5Z\"\n            fill=\"var(--element-neutral-color)\"\n          />\n          <path\n            d=\"M22 11.5L24 11.5V12.5L22 12.5V11.5Z\"\n            fill=\"var(--element-neutral-color)\"\n          />\n          <path\n            d=\"M16 11.5H20V12.5L16 12.5V11.5Z\"\n            fill=\"var(--element-neutral-color)\"\n          />\n          <path\n            d=\"M12.5 24V22.1667H11.5V24H12.5Z\"\n            fill=\"var(--element-neutral-color)\"\n          />\n          <path\n            d=\"M12.5 20.3333L12.5 16.6667H11.5L11.5 20.3333H12.5Z\"\n            fill=\"var(--element-neutral-color)\"\n          />\n          <path\n            d=\"M12.5 14.8333V13L11.5 13V14.8333H12.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    const c = 13 - h; // inner corner lenght\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      >\n        <path\n          d=\"M-1 ${12 + h} v${-width}h26v${width}h-${c}v${c}h-${width}v-${c}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-three-way-line': ObcThreeWayLine;\n  }\n}\n"],"names":["ThreeWayLineDirection"],"mappings":";;;;;;;;;;;;;AAIY,IAAA,0CAAAA,2BAAL;AACLA,yBAAA,KAAM,IAAA;AACNA,yBAAA,OAAQ,IAAA;AACRA,yBAAA,QAAS,IAAA;AACTA,yBAAA,MAAO,IAAA;AAJGA,SAAAA;AAAA,GAAA,yBAAA,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,OAA2B;AACrC,iBAAA;AAAA,IAAA,WACF,KAAK,cAAc,SAA6B;AAC9C,iBAAA;AAAA,IAAA,WACF,KAAK,cAAc,UAA8B;AAC/C,iBAAA;AAAA,IAAA,WACF,KAAK,cAAc,QAA4B;AAC7C,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;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAAA;AAsC5B,UAAA,QAAQ,UAAU,KAAK,MAAM;AACnC,UAAM,QAAQ,UAAU,KAAK,QAAQ,IAAI;AACzC,UAAM,IAAI,QAAQ;AAClB,UAAM,IAAI,KAAK;AAER,WAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,4BAQiB,QAAQ;AAAA;AAAA;AAAA,mBAGjB,KAAK,CAAC,KAAK,CAAC,KAAK,OAAO,KAAK,KAAK,CAAC,IAAI,CAAC,KAAK,KAAK,KAAK,CAAC;AAAA,sBACrD,MAAM,KAAK;AAAA,wBACT,MAAM,KAAK;AAAA;AAAA;AAAA;AAAA,EAAA;AAkBnC;AApGa,gBAwFK,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAvFC,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/valve-analog-three-way-icon/valve-analog-three-way-icon.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 ObcValveAnalogThreeWayIcon = class extends LitElement {

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

@@ -1 +1 @@
-{"version":3,"file":"valve-analog-three-way-icon.js","sources":["../../../src/automation/valve-analog-three-way-icon/valve-analog-three-way-icon.ts"],"sourcesContent":["import {LitElement, html, svg, unsafeCSS} from 'lit';\nimport {customElement, property} from 'lit/decorators.js';\nimport compentStyle from './valve-analog-three-way-icon.css?inline';\n\n@customElement('obc-valve-analog-three-way-icon')\nexport class ObcValveAnalogThreeWayIcon extends LitElement {\n  @property({type: Number}) value: number = 0;\n  @property({type: Number}) value2: number = 0;\n  @property({type: Boolean}) closed: boolean = false;\n  @property({type: Boolean}) horisontal: boolean = false;\n\n  override render() {\n    if (this.closed) {\n      return html` <div class=\"wrapper\">\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            fill-rule=\"evenodd\"\n            clip-rule=\"evenodd\"\n            d=\"M2.72361 6.3618C2.39116 6.19558 2 6.43733 2 6.80902V17.191C2 17.5627 2.39116 17.8044 2.72361 17.6382L9 14.5V9.5L2.72361 6.3618ZM9.5 9H14.5L17.6382 2.72361C17.8044 2.39116 17.5627 2 17.191 2H6.80902C6.43733 2 6.19558 2.39116 6.3618 2.72361L9.5 9ZM13.882 8L16.382 3H7.61803L10.118 8H13.882ZM15 14.5L21.2764 17.6382C21.6088 17.8044 22 17.5627 22 17.191V6.80902C22 6.43733 21.6088 6.19558 21.2764 6.3618L15 9.5V14.5ZM16 10.118V13.882L21 16.382V7.61803L16 10.118ZM8 10.118L3 7.61803V16.382L8 13.882V10.118ZM12 11C11.4477 11 11 11.4477 11 12V20C11 20.5523 11.4477 21 12 21C12.5523 21 13 20.5523 13 20V12C13 11.4477 12.5523 11 12 11Z\"\n            fill=\"var(--automation-device-tertiary-inverted-color)\"\n          />\n          <path\n            d=\"M16.382 3L13.882 8H10.118L7.61803 3H16.382Z\"\n            fill=\"var(--automation-device-primary-inverted-color\"\n          />\n          <path\n            d=\"M16 13.882V10.118L21 7.61803V16.382L16 13.882Z\"\n            fill=\"var(--automation-device-primary-inverted-color\"\n          />\n          <path\n            d=\"M3 7.61803L8 10.118V13.882L3 16.382V7.61803Z\"\n            fill=\"var(--automation-device-primary-inverted-color\"\n          />\n        </svg>\n      </div>`;\n    }\n\n    const valueRotation = 0.5 * this.value - 0.5 * this.value2 + 50;\n\n    const handleRotation =\n      -(1 - valueRotation / 100) * (this.horisontal ? 180 : 90);\n    const handle = svg`\n      <g transform=\"rotate(${handleRotation} 12 18.5)\">\n        <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M9.49942 20.1303H14.4994C15.3278 20.1303 15.9994 19.4587 15.9994 18.6303C15.9994 17.8019 15.3278 17.1303 14.4994 17.1303H9.49942C8.67099 17.1303 7.99942 17.8019 7.99942 18.6303C7.99942 19.4587 8.67099 20.1303 9.49942 20.1303ZM9.49942 19.1303L14.4994 19.1303C14.7756 19.1303 14.9994 18.9064 14.9994 18.6303C14.9994 18.3542 14.7756 18.1303 14.4994 18.1303L9.49942 18.1303C9.22328 18.1303 8.99942 18.3542 8.99942 18.6303C8.99942 18.9064 9.22328 19.1303 9.49942 19.1303Z\" fill=\"var(--automation-device-tertiary-color)\"/>\n        <path d=\"M14.4994 19.1303L9.49942 19.1303C9.22328 19.1303 8.99942 18.9064 8.99942 18.6303C8.99942 18.3542 9.22328 18.1303 9.49942 18.1303L14.4994 18.1303C14.7756 18.1303 14.9994 18.3542 14.9994 18.6303C14.9994 18.9064 14.7756 19.1303 14.4994 19.1303Z\" fill=\"var(--automation-device-primary-color)\"/>\n      </g>\n    `;\n\n    const xmin = 10.5;\n    const xmax = 2.5;\n\n    const x =\n      xmin +\n      ((xmax - xmin) * (this.horisontal ? this.value2 : this.value)) / 100;\n\n    const ymin = 10.5;\n    const ymax = 2.5;\n\n    const y =\n      ymin +\n      ((ymax - ymin) * (this.horisontal ? this.value : this.value2)) / 100;\n\n    return html`\n      <div class=\"wrapper\">\n        <div class=\"wrapper\">\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=\"M6.80902 2H17.191C17.5627 2 17.8044 2.39116 17.6382 2.72361L14 10L21.2764 6.3618C21.6088 6.19558 22 6.43733 22 6.80902V17.191C22 17.5627 21.6088 17.8044 21.2764 17.6382L17.6382 15.8191L14 14H10L2.72361 17.6382C2.39116 17.8044 2 17.5627 2 17.191V6.80902C2 6.43733 2.39116 6.19558 2.72361 6.3618L10 10L6.3618 2.72361C6.19558 2.39116 6.43733 2 6.80902 2Z\"\n              fill=\"black\"\n            />\n            <path\n              d=\"M13 9.76224L16.3811 3H7.61719L11 9.76562V11H9.76416L3 7.61792V16.3819L9.7637 13H14.2363L21 16.3819V7.61792L14.2358 11H13V9.76224Z\"\n              fill=\"var(--automation-device-primary-color)\"\n            />\n            ${handle}\n            <g clip-path=\"url(#clip0)\">\n              <rect\n                x=${24 - x}\n                y=\"0\"\n                width=${x - xmax}\n                height=\"24\"\n                fill=\"var(--automation-device-secondary-color)\"\n              />\n              <line\n                x1=${24 - x}\n                y1=\"0\"\n                x2=${24 - x}\n                y2=\"24\"\n                stroke=\"var(--automation-device-tertiary-color)\"\n                stroke-width=\"1\"\n              />\n            </g>\n            ${this.horisontal\n              ? svg`\n        <g clip-path=\"url(#clip2)\">\n          <rect y=\"0\" x=${ymax} height=\"24\" width=${y - ymax} fill=\"var(--automation-device-secondary-color)\"/>\n          <line y1=\"0\" x1=${y} y2=\"24\" x2=${y} stroke=\"var(--automation-device-tertiary-color)\" stroke-width=\"1\"/>\n        </g>\n          `\n              : svg`\n        <g clip-path=\"url(#clip1)\">\n          <rect x=\"0\" y=${ymax} width=\"24\" height=${y - ymax} fill=\"var(--automation-device-secondary-color)\"/>\n          <line x1=\"0\" y1=${y} x2=\"24\" y2=${y} stroke=\"var(--automation-device-tertiary-color)\" stroke-width=\"1\"/>\n        </g>\n        `}\n            <defs>\n              <clipPath id=\"clip0\">\n                <path\n                  d=\"M 13 11 L 13 13 H 14.2363 L 21 16.3819 V 7.6179 L 14.2358 11 Z\"\n                />\n              </clipPath>\n              <clipPath id=\"clip1\">\n                <path\n                  d=\"M 13 9.7622 L 16.3811 3 H 7.6172 L 11 9.7656 L 11 13 H 13 V 9.7622 Z\"\n                />\n              </clipPath>\n              <clipPath id=\"clip2\">\n                <path\n                  d=\"M 11 11 V 11 H 9.7642 L 3 7.6179 V 16.3819 L 9.7637 13 H 14.2363 L 14.2358 11 Z\"\n                />\n              </clipPath>\n            </defs>\n          </svg>\n        </div>\n      </div>\n    `;\n  }\n\n  static override styles = unsafeCSS(compentStyle);\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'obc-valve-analog-three-way-icon': ObcValveAnalogThreeWayIcon;\n  }\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;AAKa,IAAA,6BAAN,cAAyC,WAAW;AAAA,EAApD,cAAA;AAAA,UAAA,GAAA,SAAA;AACqC,SAAA,QAAA;AACC,SAAA,SAAA;AACE,SAAA,SAAA;AACI,SAAA,aAAA;AAAA,EAAA;AAAA,EAExC,SAAS;AAChB,QAAI,KAAK,QAAQ;AACR,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,IA4BT;AAEA,UAAM,gBAAgB,MAAM,KAAK,QAAQ,MAAM,KAAK,SAAS;AAE7D,UAAM,iBACJ,EAAE,IAAI,gBAAgB,QAAQ,KAAK,aAAa,MAAM;AACxD,UAAM,SAAS;AAAA,6BACU,cAAc;AAAA;AAAA;AAAA;AAAA;AAMvC,UAAM,OAAO;AACb,UAAM,OAAO;AAEP,UAAA,IACJ,QACE,OAAO,SAAS,KAAK,aAAa,KAAK,SAAS,KAAK,SAAU;AAEnE,UAAM,OAAO;AACb,UAAM,OAAO;AAEP,UAAA,IACJ,QACE,OAAO,SAAS,KAAK,aAAa,KAAK,QAAQ,KAAK,UAAW;AAE5D,WAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,cAkBG,MAAM;AAAA;AAAA;AAAA,oBAGA,KAAK,CAAC;AAAA;AAAA,wBAEF,IAAI,IAAI;AAAA;AAAA;AAAA;AAAA;AAAA,qBAKX,KAAK,CAAC;AAAA;AAAA,qBAEN,KAAK,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,cAMb,KAAK,aACH;AAAA;AAAA,0BAEU,IAAI,sBAAsB,IAAI,IAAI;AAAA,4BAChC,CAAC,eAAe,CAAC;AAAA;AAAA,cAG7B;AAAA;AAAA,0BAEU,IAAI,sBAAsB,IAAI,IAAI;AAAA,4BAChC,CAAC,eAAe,CAAC;AAAA;AAAA,SAEpC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAsBP;AAGF;AAxIa,2BAuIK,SAAS,UAAU,YAAY;AAtIrB,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,QAAO;AAAA,GADb,2BACe,WAAA,SAAA,CAAA;AACA,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,QAAO;AAAA,GAFb,2BAEe,WAAA,UAAA,CAAA;AACC,gBAAA;AAAA,EAA1B,SAAS,EAAC,MAAM,SAAQ;AAAA,GAHd,2BAGgB,WAAA,UAAA,CAAA;AACA,gBAAA;AAAA,EAA1B,SAAS,EAAC,MAAM,SAAQ;AAAA,GAJd,2BAIgB,WAAA,cAAA,CAAA;AAJhB,6BAAN,gBAAA;AAAA,EADN,cAAc,iCAAiC;AAAA,GACnC,0BAAA;"}
+{"version":3,"file":"valve-analog-three-way-icon.js","sources":["../../../src/automation/valve-analog-three-way-icon/valve-analog-three-way-icon.ts"],"sourcesContent":["import {LitElement, html, svg, unsafeCSS} from 'lit';\nimport {customElement, property} from 'lit/decorators.js';\nimport compentStyle from './valve-analog-three-way-icon.css?inline';\n\n@customElement('obc-valve-analog-three-way-icon')\nexport class ObcValveAnalogThreeWayIcon extends LitElement {\n  @property({type: Number}) value: number = 0;\n  @property({type: Number}) value2: number = 0;\n  @property({type: Boolean}) closed: boolean = false;\n  @property({type: Boolean}) horisontal: boolean = false;\n\n  override render() {\n    if (this.closed) {\n      return html` <div class=\"wrapper\">\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            fill-rule=\"evenodd\"\n            clip-rule=\"evenodd\"\n            d=\"M2.72361 6.3618C2.39116 6.19558 2 6.43733 2 6.80902V17.191C2 17.5627 2.39116 17.8044 2.72361 17.6382L9 14.5V9.5L2.72361 6.3618ZM9.5 9H14.5L17.6382 2.72361C17.8044 2.39116 17.5627 2 17.191 2H6.80902C6.43733 2 6.19558 2.39116 6.3618 2.72361L9.5 9ZM13.882 8L16.382 3H7.61803L10.118 8H13.882ZM15 14.5L21.2764 17.6382C21.6088 17.8044 22 17.5627 22 17.191V6.80902C22 6.43733 21.6088 6.19558 21.2764 6.3618L15 9.5V14.5ZM16 10.118V13.882L21 16.382V7.61803L16 10.118ZM8 10.118L3 7.61803V16.382L8 13.882V10.118ZM12 11C11.4477 11 11 11.4477 11 12V20C11 20.5523 11.4477 21 12 21C12.5523 21 13 20.5523 13 20V12C13 11.4477 12.5523 11 12 11Z\"\n            fill=\"var(--automation-device-tertiary-inverted-color)\"\n          />\n          <path\n            d=\"M16.382 3L13.882 8H10.118L7.61803 3H16.382Z\"\n            fill=\"var(--automation-device-primary-inverted-color\"\n          />\n          <path\n            d=\"M16 13.882V10.118L21 7.61803V16.382L16 13.882Z\"\n            fill=\"var(--automation-device-primary-inverted-color\"\n          />\n          <path\n            d=\"M3 7.61803L8 10.118V13.882L3 16.382V7.61803Z\"\n            fill=\"var(--automation-device-primary-inverted-color\"\n          />\n        </svg>\n      </div>`;\n    }\n\n    const valueRotation = 0.5 * this.value - 0.5 * this.value2 + 50;\n\n    const handleRotation =\n      -(1 - valueRotation / 100) * (this.horisontal ? 180 : 90);\n    const handle = svg`\n      <g transform=\"rotate(${handleRotation} 12 18.5)\">\n        <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M9.49942 20.1303H14.4994C15.3278 20.1303 15.9994 19.4587 15.9994 18.6303C15.9994 17.8019 15.3278 17.1303 14.4994 17.1303H9.49942C8.67099 17.1303 7.99942 17.8019 7.99942 18.6303C7.99942 19.4587 8.67099 20.1303 9.49942 20.1303ZM9.49942 19.1303L14.4994 19.1303C14.7756 19.1303 14.9994 18.9064 14.9994 18.6303C14.9994 18.3542 14.7756 18.1303 14.4994 18.1303L9.49942 18.1303C9.22328 18.1303 8.99942 18.3542 8.99942 18.6303C8.99942 18.9064 9.22328 19.1303 9.49942 19.1303Z\" fill=\"var(--automation-device-tertiary-color)\"/>\n        <path d=\"M14.4994 19.1303L9.49942 19.1303C9.22328 19.1303 8.99942 18.9064 8.99942 18.6303C8.99942 18.3542 9.22328 18.1303 9.49942 18.1303L14.4994 18.1303C14.7756 18.1303 14.9994 18.3542 14.9994 18.6303C14.9994 18.9064 14.7756 19.1303 14.4994 19.1303Z\" fill=\"var(--automation-device-primary-color)\"/>\n      </g>\n    `;\n\n    const xmin = 10.5;\n    const xmax = 2.5;\n\n    const x =\n      xmin +\n      ((xmax - xmin) * (this.horisontal ? this.value2 : this.value)) / 100;\n\n    const ymin = 10.5;\n    const ymax = 2.5;\n\n    const y =\n      ymin +\n      ((ymax - ymin) * (this.horisontal ? this.value : this.value2)) / 100;\n\n    return html`\n      <div class=\"wrapper\">\n        <div class=\"wrapper\">\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=\"M6.80902 2H17.191C17.5627 2 17.8044 2.39116 17.6382 2.72361L14 10L21.2764 6.3618C21.6088 6.19558 22 6.43733 22 6.80902V17.191C22 17.5627 21.6088 17.8044 21.2764 17.6382L17.6382 15.8191L14 14H10L2.72361 17.6382C2.39116 17.8044 2 17.5627 2 17.191V6.80902C2 6.43733 2.39116 6.19558 2.72361 6.3618L10 10L6.3618 2.72361C6.19558 2.39116 6.43733 2 6.80902 2Z\"\n              fill=\"black\"\n            />\n            <path\n              d=\"M13 9.76224L16.3811 3H7.61719L11 9.76562V11H9.76416L3 7.61792V16.3819L9.7637 13H14.2363L21 16.3819V7.61792L14.2358 11H13V9.76224Z\"\n              fill=\"var(--automation-device-primary-color)\"\n            />\n            ${handle}\n            <g clip-path=\"url(#clip0)\">\n              <rect\n                x=${24 - x}\n                y=\"0\"\n                width=${x - xmax}\n                height=\"24\"\n                fill=\"var(--automation-device-secondary-color)\"\n              />\n              <line\n                x1=${24 - x}\n                y1=\"0\"\n                x2=${24 - x}\n                y2=\"24\"\n                stroke=\"var(--automation-device-tertiary-color)\"\n                stroke-width=\"1\"\n              />\n            </g>\n            ${this.horisontal\n              ? svg`\n        <g clip-path=\"url(#clip2)\">\n          <rect y=\"0\" x=${ymax} height=\"24\" width=${y - ymax} fill=\"var(--automation-device-secondary-color)\"/>\n          <line y1=\"0\" x1=${y} y2=\"24\" x2=${y} stroke=\"var(--automation-device-tertiary-color)\" stroke-width=\"1\"/>\n        </g>\n          `\n              : svg`\n        <g clip-path=\"url(#clip1)\">\n          <rect x=\"0\" y=${ymax} width=\"24\" height=${y - ymax} fill=\"var(--automation-device-secondary-color)\"/>\n          <line x1=\"0\" y1=${y} x2=\"24\" y2=${y} stroke=\"var(--automation-device-tertiary-color)\" stroke-width=\"1\"/>\n        </g>\n        `}\n            <defs>\n              <clipPath id=\"clip0\">\n                <path\n                  d=\"M 13 11 L 13 13 H 14.2363 L 21 16.3819 V 7.6179 L 14.2358 11 Z\"\n                />\n              </clipPath>\n              <clipPath id=\"clip1\">\n                <path\n                  d=\"M 13 9.7622 L 16.3811 3 H 7.6172 L 11 9.7656 L 11 13 H 13 V 9.7622 Z\"\n                />\n              </clipPath>\n              <clipPath id=\"clip2\">\n                <path\n                  d=\"M 11 11 V 11 H 9.7642 L 3 7.6179 V 16.3819 L 9.7637 13 H 14.2363 L 14.2358 11 Z\"\n                />\n              </clipPath>\n            </defs>\n          </svg>\n        </div>\n      </div>\n    `;\n  }\n\n  static override styles = unsafeCSS(compentStyle);\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'obc-valve-analog-three-way-icon': ObcValveAnalogThreeWayIcon;\n  }\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;AAKa,IAAA,6BAAN,cAAyC,WAAW;AAAA,EAApD,cAAA;AAAA,UAAA,GAAA,SAAA;AACqC,SAAA,QAAA;AACC,SAAA,SAAA;AACE,SAAA,SAAA;AACI,SAAA,aAAA;AAAA,EAAA;AAAA,EAExC,SAAS;AAChB,QAAI,KAAK,QAAQ;AACR,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;AA8BT,UAAM,gBAAgB,MAAM,KAAK,QAAQ,MAAM,KAAK,SAAS;AAE7D,UAAM,iBACJ,EAAE,IAAI,gBAAgB,QAAQ,KAAK,aAAa,MAAM;AACxD,UAAM,SAAS;AAAA,6BACU,cAAc;AAAA;AAAA;AAAA;AAAA;AAMvC,UAAM,OAAO;AACb,UAAM,OAAO;AAEP,UAAA,IACJ,QACE,OAAO,SAAS,KAAK,aAAa,KAAK,SAAS,KAAK,SAAU;AAEnE,UAAM,OAAO;AACb,UAAM,OAAO;AAEP,UAAA,IACJ,QACE,OAAO,SAAS,KAAK,aAAa,KAAK,QAAQ,KAAK,UAAW;AAE5D,WAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,cAkBG,MAAM;AAAA;AAAA;AAAA,oBAGA,KAAK,CAAC;AAAA;AAAA,wBAEF,IAAI,IAAI;AAAA;AAAA;AAAA;AAAA;AAAA,qBAKX,KAAK,CAAC;AAAA;AAAA,qBAEN,KAAK,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,cAMb,KAAK,aACH;AAAA;AAAA,0BAEU,IAAI,sBAAsB,IAAI,IAAI;AAAA,4BAChC,CAAC,eAAe,CAAC;AAAA;AAAA,cAG7B;AAAA;AAAA,0BAEU,IAAI,sBAAsB,IAAI,IAAI;AAAA,4BAChC,CAAC,eAAe,CAAC;AAAA;AAAA,SAEpC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAA;AAyBT;AAxIa,2BAuIK,SAAS,UAAU,YAAY;AAtIrB,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,OAAO,CAAA;AAAA,GADb,2BACe,WAAA,SAAA,CAAA;AACA,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,OAAO,CAAA;AAAA,GAFb,2BAEe,WAAA,UAAA,CAAA;AACC,gBAAA;AAAA,EAA1B,SAAS,EAAC,MAAM,QAAQ,CAAA;AAAA,GAHd,2BAGgB,WAAA,UAAA,CAAA;AACA,gBAAA;AAAA,EAA1B,SAAS,EAAC,MAAM,QAAQ,CAAA;AAAA,GAJd,2BAIgB,WAAA,cAAA,CAAA;AAJhB,6BAAN,gBAAA;AAAA,EADN,cAAc,iCAAiC;AAAA,GACnC,0BAAA;"}

package/dist/automation/valve-analoge-two-way-icon/valve-analog-two-way-icon.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 ObcValveAnalogTwoWayIcon = class extends LitElement {