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

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.d.ts

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

package/dist/automation/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.d.ts

@@ -1,11 +1,12 @@
 import { LitElement } from 'lit';
+
 export declare class ObcValveAnalogThreeWayIcon extends LitElement {
     value: number;
     value2: number;
     closed: boolean;
     horisontal: boolean;
-    render(): import("lit-html").TemplateResult<1>;
-    static styles: import("lit").CSSResult;
+    render(): import('lit-html').TemplateResult<1>;
+    static styles: import('lit').CSSResult;
 }
 declare global {
     interface HTMLElementTagNameMap {

package/dist/automation/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.d.ts

@@ -1,9 +1,10 @@
 import { LitElement } from 'lit';
+
 export declare class ObcValveAnalogTwoWayIcon extends LitElement {
     value: number;
     closed: boolean;
-    render(): import("lit-html").TemplateResult<1>;
-    static styles: import("lit").CSSResult;
+    render(): import('lit-html').TemplateResult<1>;
+    static styles: import('lit').CSSResult;
 }
 declare global {
     interface HTMLElementTagNameMap {

package/dist/automation/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 {

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

@@ -1 +1 @@
-{"version":3,"file":"valve-analog-two-way-icon.js","sources":["../../../src/automation/valve-analoge-two-way-icon/valve-analog-two-way-icon.ts"],"sourcesContent":["import {LitElement, html, svg, unsafeCSS} from 'lit';\nimport {customElement, property} from 'lit/decorators.js';\nimport compentStyle from './valve-analog-two-way-icon.css?inline';\n\n@customElement('obc-valve-analog-two-way-icon')\nexport class ObcValveAnalogTwoWayIcon extends LitElement {\n  @property({type: Number}) value: number = 0;\n  @property({type: Boolean}) closed: 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=\"M3 16.8892L10 12.8059V10.4546L3 6.37127V16.8892ZM11 9.88024V13.3802L2.75194 18.1916C2.41861 18.386 2 18.1456 2 17.7597V5.50075C2 5.11486 2.41861 4.87442 2.75193 5.06886L11 9.88024ZM21 16.8892V6.37127L14 10.4546V12.8059L21 16.8892ZM13 13.3802L21.2481 18.1916C21.5814 18.386 22 18.1456 22 17.7597V5.50075C22 5.11486 21.5814 4.87442 21.2481 5.06886L13 9.88024V13.3802ZM12 22.6301C11.4477 22.6301 11 22.1824 11 21.6301V15.6301C11 15.0778 11.4477 14.6301 12 14.6301C12.5523 14.6301 13 15.0778 13 15.6301V21.6301C13 22.1824 12.5523 22.6301 12 22.6301Z\"\n            fill=\"var(--automation-device-secondary-color)\"\n          />\n          <path\n            d=\"M10 12.8059L3 16.8892V6.37127L10 10.4546V12.8059Z\"\n            fill=\"var(--automation-device-tertiary-color)\"\n          />\n          <path\n            d=\"M21 6.37127V16.8892L14 12.8059V10.4546L21 6.37127Z\"\n            fill=\"var(--automation-device-tertiary-color)\"\n          />\n        </svg>\n      </div>`;\n    }\n\n    const handleRotation = -(1 - this.value / 100) * 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    const x = xmin + ((xmax - xmin) * this.value) / 100;\n\n    return html`\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=\"M2 5.50075V17.7597C2 18.1456 2.41861 18.386 2.75194 18.1916L10.5714 13.6302H13.4286L21.2481 18.1916C21.5814 18.386 22 18.1456 22 17.7597V5.50075C22 5.11486 21.5814 4.87442 21.2481 5.06886L13.4286 9.63024H10.5714L2.75193 5.06886C2.41861 4.87442 2 5.11486 2 5.50075Z\"\n            fill=\"var(--automation-device-tertiary-color)\"\n          />\n          <path\n            d=\"M3 6.3712V16.8891L10.3011 12.6302H13.6989L21 16.8891V6.3712L13.6989 10.6302H10.3011L3 6.3712Z\"\n            fill=\"var(--automation-device-primary-color)\"\n          />\n          ${handle}\n          <g clip-path=\"url(#clip0)\">\n            <rect\n              x=${xmax}\n              y=\"0\"\n              width=${x - xmax}\n              height=\"24\"\n              fill=\"var(--automation-device-secondary-color)\"\n            />\n            <line\n              x1=${x}\n              y1=\"0\"\n              x2=${x}\n              y2=\"24\"\n              stroke=\"var(--automation-device-tertiary-color)\"\n              stroke-width=\"1\"\n            />\n\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          <defs>\n            <clipPath id=\"clip0\">\n              <path\n                d=\"M3 6.3712V16.8891L10.3011 12.6302H13.6989L21 16.8891V6.3712L13.6989 10.6302H10.3011L3 6.3712Z\"\n              />\n            </clipPath>\n          </defs>\n        </svg>\n      </div>\n    `;\n  }\n\n  static override styles = unsafeCSS(compentStyle);\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'obc-valve-analog-two-way-icon': ObcValveAnalogTwoWayIcon;\n  }\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;AAKa,IAAA,2BAAN,cAAuC,WAAW;AAAA,EAAlD,cAAA;AAAA,UAAA,GAAA,SAAA;AACqC,SAAA,QAAA;AACG,SAAA,SAAA;AAAA,EAAA;AAAA,EAEpC,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,IAwBT;AAEA,UAAM,iBAAiB,EAAE,IAAI,KAAK,QAAQ,OAAO;AACjD,UAAM,SAAS;AAAA,6BACU,cAAc;AAAA;AAAA;AAAA;AAAA;AAMvC,UAAM,OAAO;AACb,UAAM,OAAO;AACb,UAAM,IAAI,QAAS,OAAO,QAAQ,KAAK,QAAS;AAEzC,WAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,YAiBC,MAAM;AAAA;AAAA;AAAA,kBAGA,IAAI;AAAA;AAAA,sBAEA,IAAI,IAAI;AAAA;AAAA;AAAA;AAAA;AAAA,mBAKX,CAAC;AAAA;AAAA,mBAED,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAOF,KAAK,CAAC;AAAA;AAAA,sBAEF,IAAI,IAAI;AAAA;AAAA;AAAA;AAAA;AAAA,mBAKX,KAAK,CAAC;AAAA;AAAA,mBAEN,KAAK,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAgBvB;AAGF;AA5Ga,yBA2GK,SAAS,UAAU,YAAY;AA1GrB,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,QAAO;AAAA,GADb,yBACe,WAAA,SAAA,CAAA;AACC,gBAAA;AAAA,EAA1B,SAAS,EAAC,MAAM,SAAQ;AAAA,GAFd,yBAEgB,WAAA,UAAA,CAAA;AAFhB,2BAAN,gBAAA;AAAA,EADN,cAAc,+BAA+B;AAAA,GACjC,wBAAA;"}
+{"version":3,"file":"valve-analog-two-way-icon.js","sources":["../../../src/automation/valve-analoge-two-way-icon/valve-analog-two-way-icon.ts"],"sourcesContent":["import {LitElement, html, svg, unsafeCSS} from 'lit';\nimport {customElement, property} from 'lit/decorators.js';\nimport compentStyle from './valve-analog-two-way-icon.css?inline';\n\n@customElement('obc-valve-analog-two-way-icon')\nexport class ObcValveAnalogTwoWayIcon extends LitElement {\n  @property({type: Number}) value: number = 0;\n  @property({type: Boolean}) closed: 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=\"M3 16.8892L10 12.8059V10.4546L3 6.37127V16.8892ZM11 9.88024V13.3802L2.75194 18.1916C2.41861 18.386 2 18.1456 2 17.7597V5.50075C2 5.11486 2.41861 4.87442 2.75193 5.06886L11 9.88024ZM21 16.8892V6.37127L14 10.4546V12.8059L21 16.8892ZM13 13.3802L21.2481 18.1916C21.5814 18.386 22 18.1456 22 17.7597V5.50075C22 5.11486 21.5814 4.87442 21.2481 5.06886L13 9.88024V13.3802ZM12 22.6301C11.4477 22.6301 11 22.1824 11 21.6301V15.6301C11 15.0778 11.4477 14.6301 12 14.6301C12.5523 14.6301 13 15.0778 13 15.6301V21.6301C13 22.1824 12.5523 22.6301 12 22.6301Z\"\n            fill=\"var(--automation-device-secondary-color)\"\n          />\n          <path\n            d=\"M10 12.8059L3 16.8892V6.37127L10 10.4546V12.8059Z\"\n            fill=\"var(--automation-device-tertiary-color)\"\n          />\n          <path\n            d=\"M21 6.37127V16.8892L14 12.8059V10.4546L21 6.37127Z\"\n            fill=\"var(--automation-device-tertiary-color)\"\n          />\n        </svg>\n      </div>`;\n    }\n\n    const handleRotation = -(1 - this.value / 100) * 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    const x = xmin + ((xmax - xmin) * this.value) / 100;\n\n    return html`\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=\"M2 5.50075V17.7597C2 18.1456 2.41861 18.386 2.75194 18.1916L10.5714 13.6302H13.4286L21.2481 18.1916C21.5814 18.386 22 18.1456 22 17.7597V5.50075C22 5.11486 21.5814 4.87442 21.2481 5.06886L13.4286 9.63024H10.5714L2.75193 5.06886C2.41861 4.87442 2 5.11486 2 5.50075Z\"\n            fill=\"var(--automation-device-tertiary-color)\"\n          />\n          <path\n            d=\"M3 6.3712V16.8891L10.3011 12.6302H13.6989L21 16.8891V6.3712L13.6989 10.6302H10.3011L3 6.3712Z\"\n            fill=\"var(--automation-device-primary-color)\"\n          />\n          ${handle}\n          <g clip-path=\"url(#clip0)\">\n            <rect\n              x=${xmax}\n              y=\"0\"\n              width=${x - xmax}\n              height=\"24\"\n              fill=\"var(--automation-device-secondary-color)\"\n            />\n            <line\n              x1=${x}\n              y1=\"0\"\n              x2=${x}\n              y2=\"24\"\n              stroke=\"var(--automation-device-tertiary-color)\"\n              stroke-width=\"1\"\n            />\n\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          <defs>\n            <clipPath id=\"clip0\">\n              <path\n                d=\"M3 6.3712V16.8891L10.3011 12.6302H13.6989L21 16.8891V6.3712L13.6989 10.6302H10.3011L3 6.3712Z\"\n              />\n            </clipPath>\n          </defs>\n        </svg>\n      </div>\n    `;\n  }\n\n  static override styles = unsafeCSS(compentStyle);\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'obc-valve-analog-two-way-icon': ObcValveAnalogTwoWayIcon;\n  }\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;AAKa,IAAA,2BAAN,cAAuC,WAAW;AAAA,EAAlD,cAAA;AAAA,UAAA,GAAA,SAAA;AACqC,SAAA,QAAA;AACG,SAAA,SAAA;AAAA,EAAA;AAAA,EAEpC,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,IAAA;AA0BT,UAAM,iBAAiB,EAAE,IAAI,KAAK,QAAQ,OAAO;AACjD,UAAM,SAAS;AAAA,6BACU,cAAc;AAAA;AAAA;AAAA;AAAA;AAMvC,UAAM,OAAO;AACb,UAAM,OAAO;AACb,UAAM,IAAI,QAAS,OAAO,QAAQ,KAAK,QAAS;AAEzC,WAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,YAiBC,MAAM;AAAA;AAAA;AAAA,kBAGA,IAAI;AAAA;AAAA,sBAEA,IAAI,IAAI;AAAA;AAAA;AAAA;AAAA;AAAA,mBAKX,CAAC;AAAA;AAAA,mBAED,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAOF,KAAK,CAAC;AAAA;AAAA,sBAEF,IAAI,IAAI;AAAA;AAAA;AAAA;AAAA;AAAA,mBAKX,KAAK,CAAC;AAAA;AAAA,mBAEN,KAAK,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAA;AAmBzB;AA5Ga,yBA2GK,SAAS,UAAU,YAAY;AA1GrB,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,OAAO,CAAA;AAAA,GADb,yBACe,WAAA,SAAA,CAAA;AACC,gBAAA;AAAA,EAA1B,SAAS,EAAC,MAAM,QAAQ,CAAA;AAAA,GAFd,yBAEgB,WAAA,UAAA,CAAA;AAFhB,2BAAN,gBAAA;AAAA,EADN,cAAc,+BAA+B;AAAA,GACjC,wBAAA;"}

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

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

package/dist/automation/vertical-line/vertical-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 ObcVerticalLine = class extends LitElement {

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

@@ -1 +1 @@
-{"version":3,"file":"vertical-line.js","sources":["../../../src/automation/vertical-line/vertical-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/* Vertical line component\n *\n * The vertical line is 24px * length + 1px. +1 px to make sure that connecting lines are overlapping, to hide the gap between them.\n */\n@customElement('obc-vertical-line')\nexport class ObcVerticalLine 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=\"24\"\n        height=\"${length}\"\n        viewBox=\"0 0 24 ${length}\"\n        fill=\"none\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n      >\n        <line\n          y1=\"0\"\n          x1=\"12\"\n          y2=\"${length}\"\n          x2=\"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 length = this.length * 24 + 1;\n    const color = lineColor(this.medium);\n    const width = lineWidth(this.lineType);\n    return html`\n      <div class=\"wrapper\" style=\"width: 24px; height: ${this.length * 24}px;\">\n        <svg\n          class=\"line\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n          viewBox=\"0 -.5  24 ${length}\"\n          width=\"24\"\n          height=${length}\n        >\n          <line\n            y1=\"-.5\"\n            x1=\"12\"\n            y2=\"${length - 0.5}\"\n            x2=\"12\"\n            stroke-width=${width}\n            stroke=\"var(${color.inner})\"\n          />\n          <line\n            y1=\"-.5\"\n            x1=${12 - 0.5 - width / 2}\n            y2=\"${length - 0.5}\"\n            x2=${12 - 0.5 - width / 2}\n            stroke-width=\"1\"\n            stroke=\"var(${color.outer})\"\n          />\n          <line\n            y1=\"-.5\"\n            x1=${12 + 0.5 + width / 2}\n            y2=\"${length - 0.5}\"\n            x2=${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\n    svg {\n      position: relative;\n      top: -0.5px;\n      left: -12px;\n    }\n  `;\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'obc-vertical-line': ObcVerticalLine;\n  }\n}\n"],"names":["length"],"mappings":";;;;;;;;;;;;;;AASa,IAAA,kBAAN,cAA8B,WAAW;AAAA,EAAzC,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;AAAA,kBAEKA,OAAM;AAAA,0BACEA,OAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,gBAOhBA,OAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAQlB;AAEM,UAAA,SAAS,KAAK,SAAS,KAAK;AAC5B,UAAA,QAAQ,UAAU,KAAK,MAAM;AAC7B,UAAA,QAAQ,UAAU,KAAK,QAAQ;AAC9B,WAAA;AAAA,yDAC8C,KAAK,SAAS,EAAE;AAAA;AAAA;AAAA;AAAA,+BAI1C,MAAM;AAAA;AAAA,mBAElB,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA,kBAKP,SAAS,GAAG;AAAA;AAAA,2BAEH,KAAK;AAAA,0BACN,MAAM,KAAK;AAAA;AAAA;AAAA;AAAA,iBAIpB,KAAK,MAAM,QAAQ,CAAC;AAAA,kBACnB,SAAS,GAAG;AAAA,iBACb,KAAK,MAAM,QAAQ,CAAC;AAAA;AAAA,0BAEX,MAAM,KAAK;AAAA;AAAA;AAAA;AAAA,iBAIpB,KAAK,MAAM,QAAQ,CAAC;AAAA,kBACnB,SAAS,GAAG;AAAA,iBACb,KAAK,MAAM,QAAQ,CAAC;AAAA;AAAA,0BAEX,MAAM,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA,EAKnC;AAcF;AAjFa,gBAqEK,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AApEC,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,YAAA,CAAA;AACA,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,QAAO;AAAA,GAHb,gBAGe,WAAA,UAAA,CAAA;AAHf,kBAAN,gBAAA;AAAA,EADN,cAAc,mBAAmB;AAAA,GACrB,eAAA;"}
+{"version":3,"file":"vertical-line.js","sources":["../../../src/automation/vertical-line/vertical-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/* Vertical line component\n *\n * The vertical line is 24px * length + 1px. +1 px to make sure that connecting lines are overlapping, to hide the gap between them.\n */\n@customElement('obc-vertical-line')\nexport class ObcVerticalLine 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=\"24\"\n        height=\"${length}\"\n        viewBox=\"0 0 24 ${length}\"\n        fill=\"none\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n      >\n        <line\n          y1=\"0\"\n          x1=\"12\"\n          y2=\"${length}\"\n          x2=\"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 length = this.length * 24 + 1;\n    const color = lineColor(this.medium);\n    const width = lineWidth(this.lineType);\n    return html`\n      <div class=\"wrapper\" style=\"width: 24px; height: ${this.length * 24}px;\">\n        <svg\n          class=\"line\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n          viewBox=\"0 -.5  24 ${length}\"\n          width=\"24\"\n          height=${length}\n        >\n          <line\n            y1=\"-.5\"\n            x1=\"12\"\n            y2=\"${length - 0.5}\"\n            x2=\"12\"\n            stroke-width=${width}\n            stroke=\"var(${color.inner})\"\n          />\n          <line\n            y1=\"-.5\"\n            x1=${12 - 0.5 - width / 2}\n            y2=\"${length - 0.5}\"\n            x2=${12 - 0.5 - width / 2}\n            stroke-width=\"1\"\n            stroke=\"var(${color.outer})\"\n          />\n          <line\n            y1=\"-.5\"\n            x1=${12 + 0.5 + width / 2}\n            y2=\"${length - 0.5}\"\n            x2=${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\n    svg {\n      position: relative;\n      top: -0.5px;\n      left: -12px;\n    }\n  `;\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'obc-vertical-line': ObcVerticalLine;\n  }\n}\n"],"names":["length"],"mappings":";;;;;;;;;;;;;AASa,IAAA,kBAAN,cAA8B,WAAW;AAAA,EAAzC,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;AAAA,kBAEKA,OAAM;AAAA,0BACEA,OAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,gBAOhBA,OAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAAA;AAUZ,UAAA,SAAS,KAAK,SAAS,KAAK;AAC5B,UAAA,QAAQ,UAAU,KAAK,MAAM;AAC7B,UAAA,QAAQ,UAAU,KAAK,QAAQ;AAC9B,WAAA;AAAA,yDAC8C,KAAK,SAAS,EAAE;AAAA;AAAA;AAAA;AAAA,+BAI1C,MAAM;AAAA;AAAA,mBAElB,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA,kBAKP,SAAS,GAAG;AAAA;AAAA,2BAEH,KAAK;AAAA,0BACN,MAAM,KAAK;AAAA;AAAA;AAAA;AAAA,iBAIpB,KAAK,MAAM,QAAQ,CAAC;AAAA,kBACnB,SAAS,GAAG;AAAA,iBACb,KAAK,MAAM,QAAQ,CAAC;AAAA;AAAA,0BAEX,MAAM,KAAK;AAAA;AAAA;AAAA;AAAA,iBAIpB,KAAK,MAAM,QAAQ,CAAC;AAAA,kBACnB,SAAS,GAAG;AAAA,iBACb,KAAK,MAAM,QAAQ,CAAC;AAAA;AAAA,0BAEX,MAAM,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA,EAAA;AAmBrC;AAjFa,gBAqEK,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AApEC,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,YAAA,CAAA;AACA,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,OAAO,CAAA;AAAA,GAHb,gBAGe,WAAA,UAAA,CAAA;AAHf,kBAAN,gBAAA;AAAA,EADN,cAAc,mBAAmB;AAAA,GACrB,eAAA;"}

package/dist/components/alert-button/alert-button.d.ts

@@ -1,6 +1,7 @@
 import { LitElement } from 'lit';
-import '../../icons/icon-14-alerts';
 import { AlertType } from '../../types';
+
+import '../../icons/icon-14-alerts';
 /**
  * Button used for alerts and notification
  *
@@ -21,8 +22,8 @@ export declare class ObcAlertButton extends LitElement {
     counter: boolean;
     blinkAlarmValue: boolean;
     blinkWarningValue: boolean;
-    render(): import("lit-html").TemplateResult<1>;
-    static styles: import("lit").CSSResult;
+    render(): import('lit-html').TemplateResult<1>;
+    static styles: import('lit').CSSResult;
 }
 declare global {
     interface HTMLElementTagNameMap {

package/dist/components/alert-button/alert-button.js

@@ -11,8 +11,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 ObcAlertButton = class extends LitElement {

package/dist/components/alert-button/alert-button.js.map

@@ -1 +1 @@
-{"version":3,"file":"alert-button.js","sources":["../../../src/components/alert-button/alert-button.ts"],"sourcesContent":["import {LitElement, html, unsafeCSS} from 'lit';\nimport {customElement, property} from 'lit/decorators.js';\nimport compentStyle from './alert-button.css?inline';\nimport '../../icons/icon-14-alerts';\nimport {AlertType} from '../../types';\nimport {classMap} from 'lit/directives/class-map.js';\n\n/**\n * Button used for alerts and notification\n *\n * @prop {number} nAlerts - Number of alerts.\n * @prop {AlertType} alertType - Type of alert.\n * @prop {boolean} standalone - If the button is standalone and not used together with an notification-message.\n * @prop {boolean} counter - If the button should display a counter.\n * @prop {boolean} blinkAlarmValue - This value should alternate between true and false to make the icon blink.\n *                        It should be synchronized with the blinkValue of other alarms.\n * @prop {boolean} blinkWarningValue - This value should alternate between true and false to make the icon blink.\n *\n * @fires click - Fires when the button is clicked.\n */\n@customElement('obc-alert-button')\nexport class ObcAlertButton extends LitElement {\n  @property({type: Number}) nAlerts = 0;\n  @property({type: String}) alertType = AlertType.None;\n  @property({type: Boolean}) standalone = false;\n  @property({type: Boolean}) counter = false;\n  @property({type: Boolean}) blinkAlarmValue = false;\n  @property({type: Boolean}) blinkWarningValue = false;\n\n  override render() {\n    let alertType = this.alertType;\n    if (this.alertType === AlertType.Alarm && !this.blinkAlarmValue) {\n      alertType = AlertType.None;\n    } else if (\n      this.alertType === AlertType.Warning &&\n      !this.blinkWarningValue\n    ) {\n      alertType = AlertType.None;\n    }\n    return html`\n      <button\n        class=${classMap({\n          wrapper: true,\n          [`type-${alertType}`]: true,\n          counter: this.counter,\n          standalone: this.standalone,\n        })}\n      >\n        <div class=\"visible-wrapper\">\n          <obi-14-alerts class=\"icon\"></obi-14-alerts>\n          ${this.counter\n            ? html`<div class=\"badge\">${this.nAlerts}</div>`\n            : null}\n        </div>\n      </button>\n    `;\n  }\n\n  static override styles = unsafeCSS(compentStyle);\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'obc-alert-button': ObcAlertButton;\n  }\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAqBa,IAAA,iBAAN,cAA6B,WAAW;AAAA,EAAxC,cAAA;AAAA,UAAA,GAAA,SAAA;AAC+B,SAAA,UAAA;AACV,SAAA,YAAY,UAAU;AACR,SAAA,aAAA;AACH,SAAA,UAAA;AACQ,SAAA,kBAAA;AACE,SAAA,oBAAA;AAAA,EAAA;AAAA,EAEtC,SAAS;AAChB,QAAI,YAAY,KAAK;AACrB,QAAI,KAAK,cAAc,UAAU,SAAS,CAAC,KAAK,iBAAiB;AAC/D,kBAAY,UAAU;AAAA,IAAA,WAEtB,KAAK,cAAc,UAAU,WAC7B,CAAC,KAAK,mBACN;AACA,kBAAY,UAAU;AAAA,IACxB;AACO,WAAA;AAAA;AAAA,gBAEK,SAAS;AAAA,MACf,SAAS;AAAA,MACT,CAAC,QAAQ,SAAS,EAAE,GAAG;AAAA,MACvB,SAAS,KAAK;AAAA,MACd,YAAY,KAAK;AAAA,IAAA,CAClB,CAAC;AAAA;AAAA;AAAA;AAAA,YAIE,KAAK,UACH,0BAA0B,KAAK,OAAO,WACtC,IAAI;AAAA;AAAA;AAAA;AAAA,EAIhB;AAGF;AAtCa,eAqCK,SAAS,UAAU,YAAY;AApCrB,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,QAAO;AAAA,GADb,eACe,WAAA,WAAA,CAAA;AACA,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,QAAO;AAAA,GAFb,eAEe,WAAA,aAAA,CAAA;AACC,gBAAA;AAAA,EAA1B,SAAS,EAAC,MAAM,SAAQ;AAAA,GAHd,eAGgB,WAAA,cAAA,CAAA;AACA,gBAAA;AAAA,EAA1B,SAAS,EAAC,MAAM,SAAQ;AAAA,GAJd,eAIgB,WAAA,WAAA,CAAA;AACA,gBAAA;AAAA,EAA1B,SAAS,EAAC,MAAM,SAAQ;AAAA,GALd,eAKgB,WAAA,mBAAA,CAAA;AACA,gBAAA;AAAA,EAA1B,SAAS,EAAC,MAAM,SAAQ;AAAA,GANd,eAMgB,WAAA,qBAAA,CAAA;AANhB,iBAAN,gBAAA;AAAA,EADN,cAAc,kBAAkB;AAAA,GACpB,cAAA;"}
+{"version":3,"file":"alert-button.js","sources":["../../../src/components/alert-button/alert-button.ts"],"sourcesContent":["import {LitElement, html, unsafeCSS} from 'lit';\nimport {customElement, property} from 'lit/decorators.js';\nimport compentStyle from './alert-button.css?inline';\nimport '../../icons/icon-14-alerts';\nimport {AlertType} from '../../types';\nimport {classMap} from 'lit/directives/class-map.js';\n\n/**\n * Button used for alerts and notification\n *\n * @prop {number} nAlerts - Number of alerts.\n * @prop {AlertType} alertType - Type of alert.\n * @prop {boolean} standalone - If the button is standalone and not used together with an notification-message.\n * @prop {boolean} counter - If the button should display a counter.\n * @prop {boolean} blinkAlarmValue - This value should alternate between true and false to make the icon blink.\n *                        It should be synchronized with the blinkValue of other alarms.\n * @prop {boolean} blinkWarningValue - This value should alternate between true and false to make the icon blink.\n *\n * @fires click - Fires when the button is clicked.\n */\n@customElement('obc-alert-button')\nexport class ObcAlertButton extends LitElement {\n  @property({type: Number}) nAlerts = 0;\n  @property({type: String}) alertType = AlertType.None;\n  @property({type: Boolean}) standalone = false;\n  @property({type: Boolean}) counter = false;\n  @property({type: Boolean}) blinkAlarmValue = false;\n  @property({type: Boolean}) blinkWarningValue = false;\n\n  override render() {\n    let alertType = this.alertType;\n    if (this.alertType === AlertType.Alarm && !this.blinkAlarmValue) {\n      alertType = AlertType.None;\n    } else if (\n      this.alertType === AlertType.Warning &&\n      !this.blinkWarningValue\n    ) {\n      alertType = AlertType.None;\n    }\n    return html`\n      <button\n        class=${classMap({\n          wrapper: true,\n          [`type-${alertType}`]: true,\n          counter: this.counter,\n          standalone: this.standalone,\n        })}\n      >\n        <div class=\"visible-wrapper\">\n          <obi-14-alerts class=\"icon\"></obi-14-alerts>\n          ${this.counter\n            ? html`<div class=\"badge\">${this.nAlerts}</div>`\n            : null}\n        </div>\n      </button>\n    `;\n  }\n\n  static override styles = unsafeCSS(compentStyle);\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'obc-alert-button': ObcAlertButton;\n  }\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAqBa,IAAA,iBAAN,cAA6B,WAAW;AAAA,EAAxC,cAAA;AAAA,UAAA,GAAA,SAAA;AAC+B,SAAA,UAAA;AACV,SAAA,YAAY,UAAU;AACR,SAAA,aAAA;AACH,SAAA,UAAA;AACQ,SAAA,kBAAA;AACE,SAAA,oBAAA;AAAA,EAAA;AAAA,EAEtC,SAAS;AAChB,QAAI,YAAY,KAAK;AACrB,QAAI,KAAK,cAAc,UAAU,SAAS,CAAC,KAAK,iBAAiB;AAC/D,kBAAY,UAAU;AAAA,IAAA,WAEtB,KAAK,cAAc,UAAU,WAC7B,CAAC,KAAK,mBACN;AACA,kBAAY,UAAU;AAAA,IAAA;AAEjB,WAAA;AAAA;AAAA,gBAEK,SAAS;AAAA,MACf,SAAS;AAAA,MACT,CAAC,QAAQ,SAAS,EAAE,GAAG;AAAA,MACvB,SAAS,KAAK;AAAA,MACd,YAAY,KAAK;AAAA,IAAA,CAClB,CAAC;AAAA;AAAA;AAAA;AAAA,YAIE,KAAK,UACH,0BAA0B,KAAK,OAAO,WACtC,IAAI;AAAA;AAAA;AAAA;AAAA,EAAA;AAOlB;AAtCa,eAqCK,SAAS,UAAU,YAAY;AApCrB,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,OAAO,CAAA;AAAA,GADb,eACe,WAAA,WAAA,CAAA;AACA,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,OAAO,CAAA;AAAA,GAFb,eAEe,WAAA,aAAA,CAAA;AACC,gBAAA;AAAA,EAA1B,SAAS,EAAC,MAAM,QAAQ,CAAA;AAAA,GAHd,eAGgB,WAAA,cAAA,CAAA;AACA,gBAAA;AAAA,EAA1B,SAAS,EAAC,MAAM,QAAQ,CAAA;AAAA,GAJd,eAIgB,WAAA,WAAA,CAAA;AACA,gBAAA;AAAA,EAA1B,SAAS,EAAC,MAAM,QAAQ,CAAA;AAAA,GALd,eAKgB,WAAA,mBAAA,CAAA;AACA,gBAAA;AAAA,EAA1B,SAAS,EAAC,MAAM,QAAQ,CAAA;AAAA,GANd,eAMgB,WAAA,qBAAA,CAAA;AANhB,iBAAN,gBAAA;AAAA,EADN,cAAc,kBAAkB;AAAA,GACpB,cAAA;"}

package/dist/components/alert-icon/alert-icon.d.ts

@@ -1,16 +1,17 @@
 import { LitElement } from 'lit';
+
 declare const mapping: {
     'alarm-silenced': {
-        a: import("lit-html").TemplateResult<2>;
-        b: import("lit-html").TemplateResult<2>;
+        a: import('lit-html').TemplateResult<2>;
+        b: import('lit-html').TemplateResult<2>;
     };
     'alarm-unack': {
-        a: import("lit-html").TemplateResult<2>;
-        b: import("lit-html").TemplateResult<2>;
+        a: import('lit-html').TemplateResult<2>;
+        b: import('lit-html').TemplateResult<2>;
     };
     'warning-unack': {
-        a: import("lit-html").TemplateResult<2>;
-        b: import("lit-html").TemplateResult<2>;
+        a: import('lit-html').TemplateResult<2>;
+        b: import('lit-html').TemplateResult<2>;
     };
 };
 export declare const AlertIconNames: ("alarm-silenced" | "alarm-unack" | "warning-unack")[];
@@ -24,8 +25,8 @@ export type AlertIconName = keyof typeof mapping;
 export declare class ObcAlertIcon extends LitElement {
     blinkValue: boolean;
     name: AlertIconName;
-    render(): import("lit-html").TemplateResult<1>;
-    static styles: import("lit").CSSResult;
+    render(): import('lit-html').TemplateResult<1>;
+    static styles: import('lit').CSSResult;
 }
 declare global {
     interface HTMLElementTagNameMap {

package/dist/components/alert-icon/alert-icon.js

@@ -14,8 +14,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;
 };
 const mapping = {

package/dist/components/alert-icon/alert-icon.js.map

@@ -1 +1 @@
-{"version":3,"file":"alert-icon.js","sources":["../../../src/components/alert-icon/alert-icon.ts"],"sourcesContent":["import {LitElement, html, css} from 'lit';\nimport {customElement, property} from 'lit/decorators.js';\nimport {classMap} from 'lit/directives/class-map.js';\nimport {svg14AlarmSilencedA} from './icons/icon-14-alarm-silenced-a';\nimport {svg14AlarmSilencedB} from './icons/icon-14-alarm-silenced-b';\nimport {svg14AlarmUnackA} from './icons/icon-14-alarm-unack-a';\nimport {svg14AlarmUnackB} from './icons/icon-14-alarm-unack-b';\nimport {svg14WarningUnackA} from './icons/icon-14-warning-unack-a';\nimport {svg14WarningUnackB} from './icons/icon-14-warning-unack-b';\n\nconst mapping = {\n  'alarm-silenced': {a: svg14AlarmSilencedA, b: svg14AlarmSilencedB},\n  'alarm-unack': {a: svg14AlarmUnackA, b: svg14AlarmUnackB},\n  'warning-unack': {a: svg14WarningUnackA, b: svg14WarningUnackB},\n};\n\nexport const AlertIconNames = Object.keys(mapping) as AlertIconName[];\nexport type AlertIconName = keyof typeof mapping;\n\n/**\n * Icon used for alerts and notification with blinking effect\n *\n * @prop {boolean} blinkValue - This value should alternate between true and false to make the icon blink.\n * @prop {AlertIconName} name - Name of the icon.\n */\n@customElement('obc-alert-icon')\nexport class ObcAlertIcon extends LitElement {\n  @property({type: Boolean}) blinkValue = false;\n  @property({type: String}) name: AlertIconName = 'alarm-unack';\n\n  override render() {\n    const icons = mapping[this.name];\n    return html`\n      <div\n        class=${classMap({\n          wrapper: true,\n          'show-a': this.blinkValue,\n          'show-b': !this.blinkValue,\n        })}\n      >\n        <span class=\"a\">${icons.a}</span>\n        <span class=\"b\">${icons.b}</span>\n      </div>\n    `;\n  }\n\n  static override styles = css`\n    .wrapper {\n      height: 100%;\n      width: 100%;\n    }\n    .wrapper * {\n      height: 100%;\n      width: 100%;\n    }\n    .a,\n    .b {\n      display: none;\n    }\n\n    .show-a .a {\n      display: revert;\n    }\n\n    .show-b .b {\n      display: revert;\n    }\n  `;\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'obc-alert-icon': ObcAlertIcon;\n  }\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;AAUA,MAAM,UAAU;AAAA,EACd,kBAAkB,EAAC,GAAG,qBAAqB,GAAG,oBAAmB;AAAA,EACjE,eAAe,EAAC,GAAG,kBAAkB,GAAG,iBAAgB;AAAA,EACxD,iBAAiB,EAAC,GAAG,oBAAoB,GAAG,mBAAkB;AAChE;AAEa,MAAA,iBAAiB,OAAO,KAAK,OAAO;AAUpC,IAAA,eAAN,cAA2B,WAAW;AAAA,EAAtC,cAAA;AAAA,UAAA,GAAA,SAAA;AACmC,SAAA,aAAA;AACQ,SAAA,OAAA;AAAA,EAAA;AAAA,EAEvC,SAAS;AACV,UAAA,QAAQ,QAAQ,KAAK,IAAI;AACxB,WAAA;AAAA;AAAA,gBAEK,SAAS;AAAA,MACf,SAAS;AAAA,MACT,UAAU,KAAK;AAAA,MACf,UAAU,CAAC,KAAK;AAAA,IAAA,CACjB,CAAC;AAAA;AAAA,0BAEgB,MAAM,CAAC;AAAA,0BACP,MAAM,CAAC;AAAA;AAAA;AAAA,EAG/B;AAwBF;AA1Ca,aAoBK,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAnBE,gBAAA;AAAA,EAA1B,SAAS,EAAC,MAAM,SAAQ;AAAA,GADd,aACgB,WAAA,cAAA,CAAA;AACD,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,QAAO;AAAA,GAFb,aAEe,WAAA,QAAA,CAAA;AAFf,eAAN,gBAAA;AAAA,EADN,cAAc,gBAAgB;AAAA,GAClB,YAAA;"}
+{"version":3,"file":"alert-icon.js","sources":["../../../src/components/alert-icon/alert-icon.ts"],"sourcesContent":["import {LitElement, html, css} from 'lit';\nimport {customElement, property} from 'lit/decorators.js';\nimport {classMap} from 'lit/directives/class-map.js';\nimport {svg14AlarmSilencedA} from './icons/icon-14-alarm-silenced-a';\nimport {svg14AlarmSilencedB} from './icons/icon-14-alarm-silenced-b';\nimport {svg14AlarmUnackA} from './icons/icon-14-alarm-unack-a';\nimport {svg14AlarmUnackB} from './icons/icon-14-alarm-unack-b';\nimport {svg14WarningUnackA} from './icons/icon-14-warning-unack-a';\nimport {svg14WarningUnackB} from './icons/icon-14-warning-unack-b';\n\nconst mapping = {\n  'alarm-silenced': {a: svg14AlarmSilencedA, b: svg14AlarmSilencedB},\n  'alarm-unack': {a: svg14AlarmUnackA, b: svg14AlarmUnackB},\n  'warning-unack': {a: svg14WarningUnackA, b: svg14WarningUnackB},\n};\n\nexport const AlertIconNames = Object.keys(mapping) as AlertIconName[];\nexport type AlertIconName = keyof typeof mapping;\n\n/**\n * Icon used for alerts and notification with blinking effect\n *\n * @prop {boolean} blinkValue - This value should alternate between true and false to make the icon blink.\n * @prop {AlertIconName} name - Name of the icon.\n */\n@customElement('obc-alert-icon')\nexport class ObcAlertIcon extends LitElement {\n  @property({type: Boolean}) blinkValue = false;\n  @property({type: String}) name: AlertIconName = 'alarm-unack';\n\n  override render() {\n    const icons = mapping[this.name];\n    return html`\n      <div\n        class=${classMap({\n          wrapper: true,\n          'show-a': this.blinkValue,\n          'show-b': !this.blinkValue,\n        })}\n      >\n        <span class=\"a\">${icons.a}</span>\n        <span class=\"b\">${icons.b}</span>\n      </div>\n    `;\n  }\n\n  static override styles = css`\n    .wrapper {\n      height: 100%;\n      width: 100%;\n    }\n    .wrapper * {\n      height: 100%;\n      width: 100%;\n    }\n    .a,\n    .b {\n      display: none;\n    }\n\n    .show-a .a {\n      display: revert;\n    }\n\n    .show-b .b {\n      display: revert;\n    }\n  `;\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'obc-alert-icon': ObcAlertIcon;\n  }\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;AAUA,MAAM,UAAU;AAAA,EACd,kBAAkB,EAAC,GAAG,qBAAqB,GAAG,oBAAmB;AAAA,EACjE,eAAe,EAAC,GAAG,kBAAkB,GAAG,iBAAgB;AAAA,EACxD,iBAAiB,EAAC,GAAG,oBAAoB,GAAG,mBAAkB;AAChE;AAEa,MAAA,iBAAiB,OAAO,KAAK,OAAO;AAUpC,IAAA,eAAN,cAA2B,WAAW;AAAA,EAAtC,cAAA;AAAA,UAAA,GAAA,SAAA;AACmC,SAAA,aAAA;AACQ,SAAA,OAAA;AAAA,EAAA;AAAA,EAEvC,SAAS;AACV,UAAA,QAAQ,QAAQ,KAAK,IAAI;AACxB,WAAA;AAAA;AAAA,gBAEK,SAAS;AAAA,MACf,SAAS;AAAA,MACT,UAAU,KAAK;AAAA,MACf,UAAU,CAAC,KAAK;AAAA,IAAA,CACjB,CAAC;AAAA;AAAA,0BAEgB,MAAM,CAAC;AAAA,0BACP,MAAM,CAAC;AAAA;AAAA;AAAA,EAAA;AA2BjC;AA1Ca,aAoBK,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAnBE,gBAAA;AAAA,EAA1B,SAAS,EAAC,MAAM,QAAQ,CAAA;AAAA,GADd,aACgB,WAAA,cAAA,CAAA;AACD,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,OAAO,CAAA;AAAA,GAFb,aAEe,WAAA,QAAA,CAAA;AAFf,eAAN,gBAAA;AAAA,EADN,cAAc,gBAAgB;AAAA,GAClB,YAAA;"}

package/dist/components/alert-icon/icons/icon-14-alarm-silenced-a.d.ts

@@ -1,2 +1,2 @@
-export declare const svg14AlarmSilencedA: import("lit-html").TemplateResult<2>;
+export declare const svg14AlarmSilencedA: import('lit-html').TemplateResult<2>;
 //# sourceMappingURL=icon-14-alarm-silenced-a.d.ts.map

package/dist/components/alert-icon/icons/icon-14-alarm-silenced-b.d.ts

@@ -1,2 +1,2 @@
-export declare const svg14AlarmSilencedB: import("lit-html").TemplateResult<2>;
+export declare const svg14AlarmSilencedB: import('lit-html').TemplateResult<2>;
 //# sourceMappingURL=icon-14-alarm-silenced-b.d.ts.map

package/dist/components/alert-icon/icons/icon-14-alarm-unack-a.d.ts

@@ -1,2 +1,2 @@
-export declare const svg14AlarmUnackA: import("lit-html").TemplateResult<2>;
+export declare const svg14AlarmUnackA: import('lit-html').TemplateResult<2>;
 //# sourceMappingURL=icon-14-alarm-unack-a.d.ts.map

package/dist/components/alert-icon/icons/icon-14-alarm-unack-b.d.ts

@@ -1,2 +1,2 @@
-export declare const svg14AlarmUnackB: import("lit-html").TemplateResult<2>;
+export declare const svg14AlarmUnackB: import('lit-html').TemplateResult<2>;
 //# sourceMappingURL=icon-14-alarm-unack-b.d.ts.map

package/dist/components/alert-icon/icons/icon-14-warning-unack-a.d.ts

@@ -1,2 +1,2 @@
-export declare const svg14WarningUnackA: import("lit-html").TemplateResult<2>;
+export declare const svg14WarningUnackA: import('lit-html').TemplateResult<2>;
 //# sourceMappingURL=icon-14-warning-unack-a.d.ts.map

package/dist/components/alert-icon/icons/icon-14-warning-unack-b.d.ts

@@ -1,2 +1,2 @@
-export declare const svg14WarningUnackB: import("lit-html").TemplateResult<2>;
+export declare const svg14WarningUnackB: import('lit-html').TemplateResult<2>;
 //# sourceMappingURL=icon-14-warning-unack-b.d.ts.map

package/dist/components/alert-menu/alert-menu.d.ts

@@ -1,4 +1,5 @@
 import { LitElement } from 'lit';
+
 import '../button/button';
 import '../card-list-button/card-list-button';
 import '../../icons/icon-02-chevron-right';
@@ -10,8 +11,8 @@ import '../../icons/icon-14-alert-list';
  */
 export declare class ObcAlertMenu extends LitElement {
     empty: boolean;
-    render(): import("lit-html").TemplateResult<1>;
-    static styles: import("lit").CSSResult;
+    render(): import('lit-html').TemplateResult<1>;
+    static styles: import('lit').CSSResult;
 }
 declare global {
     interface HTMLElementTagNameMap {

package/dist/components/alert-menu/alert-menu.js

@@ -12,8 +12,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 ObcAlertMenu = class extends LitElement {

package/dist/components/alert-menu/alert-menu.js.map

@@ -1 +1 @@
-{"version":3,"file":"alert-menu.js","sources":["../../../src/components/alert-menu/alert-menu.ts"],"sourcesContent":["import {LitElement, html, unsafeCSS} from 'lit';\nimport {customElement, property} from 'lit/decorators.js';\nimport compentStyle from './alert-menu.css?inline';\nimport '../button/button';\nimport '../card-list-button/card-list-button';\nimport '../../icons/icon-02-chevron-right';\nimport '../../icons/icon-14-alert-list';\n\n/**\n *\n * @fires ack-all-click - Fired when the ack button is clicked\n * @fires alert-list-click - Fired when the alert list button is clicked\n */\n@customElement('obc-alert-menu')\nexport class ObcAlertMenu extends LitElement {\n  @property({type: Boolean}) empty: boolean = false;\n\n  override render() {\n    return html`\n      <div class=\"wrapper\">\n        <div class=\"header\">\n          <div class=\"title\">Active alerts</div>\n          ${this.empty\n            ? null\n            : html`<obc-button\n                variant=\"raised\"\n                class=\"ack-all-btn\"\n                @click=${() =>\n                  this.dispatchEvent(new CustomEvent('ack-all-click'))}\n              >\n                ACK ALL\n              </obc-button> `}\n        </div>\n        <div class=\"divider\"></div>\n        <slot></slot>\n        ${this.empty\n          ? html`<div class=\"empty\">\n              <slot name=\"empty\">No active alerts</slot>\n            </div>`\n          : null}\n        <div class=\"spacer\"></div>\n        <div class=\"divider\"></div>\n        <obc-card-list-button\n          class=\"alert-list-btn\"\n          @click=${() => {\n            this.dispatchEvent(new CustomEvent('alert-list-click'));\n          }}\n        >\n          <obi-14-alert-list slot=\"leading-icon\"></obi-14-alert-list>\n          Alert list\n          <obi-02-chevron-right slot=\"trailing-icon\"></obi-02-chevron-right>\n        </obc-card-list-button>\n      </div>\n    `;\n  }\n\n  static override styles = unsafeCSS(compentStyle);\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'obc-alert-menu': ObcAlertMenu;\n  }\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAca,IAAA,eAAN,cAA2B,WAAW;AAAA,EAAtC,cAAA;AAAA,UAAA,GAAA,SAAA;AACuC,SAAA,QAAA;AAAA,EAAA;AAAA,EAEnC,SAAS;AACT,WAAA;AAAA;AAAA;AAAA;AAAA,YAIC,KAAK,QACH,OACA;AAAA;AAAA;AAAA,yBAGW,MACP,KAAK,cAAc,IAAI,YAAY,eAAe,CAAC,CAAC;AAAA;AAAA;AAAA,6BAGzC;AAAA;AAAA;AAAA;AAAA,UAInB,KAAK,QACH;AAAA;AAAA,sBAGA,IAAI;AAAA;AAAA;AAAA;AAAA;AAAA,mBAKG,MAAM;AACb,WAAK,cAAc,IAAI,YAAY,kBAAkB,CAAC;AAAA,IAAA,CACvD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAQT;AAGF;AA3Ca,aA0CK,SAAS,UAAU,YAAY;AAzCpB,gBAAA;AAAA,EAA1B,SAAS,EAAC,MAAM,SAAQ;AAAA,GADd,aACgB,WAAA,SAAA,CAAA;AADhB,eAAN,gBAAA;AAAA,EADN,cAAc,gBAAgB;AAAA,GAClB,YAAA;"}
+{"version":3,"file":"alert-menu.js","sources":["../../../src/components/alert-menu/alert-menu.ts"],"sourcesContent":["import {LitElement, html, unsafeCSS} from 'lit';\nimport {customElement, property} from 'lit/decorators.js';\nimport compentStyle from './alert-menu.css?inline';\nimport '../button/button';\nimport '../card-list-button/card-list-button';\nimport '../../icons/icon-02-chevron-right';\nimport '../../icons/icon-14-alert-list';\n\n/**\n *\n * @fires ack-all-click - Fired when the ack button is clicked\n * @fires alert-list-click - Fired when the alert list button is clicked\n */\n@customElement('obc-alert-menu')\nexport class ObcAlertMenu extends LitElement {\n  @property({type: Boolean}) empty: boolean = false;\n\n  override render() {\n    return html`\n      <div class=\"wrapper\">\n        <div class=\"header\">\n          <div class=\"title\">Active alerts</div>\n          ${this.empty\n            ? null\n            : html`<obc-button\n                variant=\"raised\"\n                class=\"ack-all-btn\"\n                @click=${() =>\n                  this.dispatchEvent(new CustomEvent('ack-all-click'))}\n              >\n                ACK ALL\n              </obc-button> `}\n        </div>\n        <div class=\"divider\"></div>\n        <slot></slot>\n        ${this.empty\n          ? html`<div class=\"empty\">\n              <slot name=\"empty\">No active alerts</slot>\n            </div>`\n          : null}\n        <div class=\"spacer\"></div>\n        <div class=\"divider\"></div>\n        <obc-card-list-button\n          class=\"alert-list-btn\"\n          @click=${() => {\n            this.dispatchEvent(new CustomEvent('alert-list-click'));\n          }}\n        >\n          <obi-14-alert-list slot=\"leading-icon\"></obi-14-alert-list>\n          Alert list\n          <obi-02-chevron-right slot=\"trailing-icon\"></obi-02-chevron-right>\n        </obc-card-list-button>\n      </div>\n    `;\n  }\n\n  static override styles = unsafeCSS(compentStyle);\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'obc-alert-menu': ObcAlertMenu;\n  }\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAca,IAAA,eAAN,cAA2B,WAAW;AAAA,EAAtC,cAAA;AAAA,UAAA,GAAA,SAAA;AACuC,SAAA,QAAA;AAAA,EAAA;AAAA,EAEnC,SAAS;AACT,WAAA;AAAA;AAAA;AAAA;AAAA,YAIC,KAAK,QACH,OACA;AAAA;AAAA;AAAA,yBAGW,MACP,KAAK,cAAc,IAAI,YAAY,eAAe,CAAC,CAAC;AAAA;AAAA;AAAA,6BAGzC;AAAA;AAAA;AAAA;AAAA,UAInB,KAAK,QACH;AAAA;AAAA,sBAGA,IAAI;AAAA;AAAA;AAAA;AAAA;AAAA,mBAKG,MAAM;AACb,WAAK,cAAc,IAAI,YAAY,kBAAkB,CAAC;AAAA,IACvD,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAA;AAWX;AA3Ca,aA0CK,SAAS,UAAU,YAAY;AAzCpB,gBAAA;AAAA,EAA1B,SAAS,EAAC,MAAM,QAAQ,CAAA;AAAA,GADd,aACgB,WAAA,SAAA,CAAA;AADhB,eAAN,gBAAA;AAAA,EADN,cAAc,gBAAgB;AAAA,GAClB,YAAA;"}

package/dist/components/alert-menu-item/alert-menu-item.d.ts

@@ -1,4 +1,5 @@
 import { LitElement } from 'lit';
+
 import '../button/button';
 /**
  *
@@ -11,8 +12,8 @@ export declare class ObcAlertMenuItem extends LitElement {
     acknowledgeble: boolean;
     acknowledged: boolean;
     narrowBreakpointPx: number;
-    render(): import("lit-html").TemplateResult<1>;
-    static styles: import("lit").CSSResult;
+    render(): import('lit-html').TemplateResult<1>;
+    static styles: import('lit').CSSResult;
 }
 declare global {
     interface HTMLElementTagNameMap {

package/dist/components/alert-menu-item/alert-menu-item.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;
 };
 let ObcAlertMenuItem = class extends LitElement {

package/dist/components/alert-menu-item/alert-menu-item.js.map

@@ -1 +1 @@
-{"version":3,"file":"alert-menu-item.js","sources":["../../../src/components/alert-menu-item/alert-menu-item.ts"],"sourcesContent":["import {LitElement, css, html, unsafeCSS} from 'lit';\nimport {customElement, property} from 'lit/decorators.js';\nimport compentStyle from './alert-menu-item.css?inline';\nimport {renderTime} from '../../time';\nimport '../button/button';\n/**\n *\n * @fires ack-click - Fired when the ack button is clicked\n */\n@customElement('obc-alert-menu-item')\nexport class ObcAlertMenuItem extends LitElement {\n  @property({type: String}) message = 'Message';\n  @property({type: String}) time = '2021-01-01T00:00:00Z';\n  @property({type: String}) timeSince = '1h';\n  @property({type: Boolean}) acknowledgeble = false;\n  @property({type: Boolean}) acknowledged = false;\n  @property({type: Number})\n  narrowBreakpointPx = 400;\n\n  override render() {\n    const style = css`\n      @media (max-width: ${this.narrowBreakpointPx}px) {\n        .alert .time-wrapper {\n          grid-column-start: 3;\n          grid-column-end: -2;\n          display: flex !important;\n          flex-direction: column;\n          align-items: center;\n          justify-content: flex-start;\n          flex-shrink: 0;\n        }\n      }\n    `;\n\n    const time = renderTime(new Date(this.time));\n    return html`\n      <style>\n        ${style}\n      </style>\n      <div class=\"alert\">\n        <div class=\"icon\">\n          <slot name=\"icon\"> </slot>\n        </div>\n        <div class=\"message\">${this.message}</div>\n        <div class=\"time-wrapper\">\n          <div class=\"time\">${time}</div>\n          <div class=\"time-since\">${this.timeSince}</div>\n        </div>\n        <div class=\"acknowledge\">\n          ${this.acknowledgeble && !this.acknowledged\n            ? html`\n                <obc-button\n                  class=\"acknowledge-button\"\n                  fullWidth\n                  @click=${() =>\n                    this.dispatchEvent(new CustomEvent('ack-click'))}\n                  >ACK</obc-button\n                >\n              `\n            : ''}\n        </div>\n      </div>\n    `;\n  }\n\n  static override styles = unsafeCSS(compentStyle);\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'ob-alert-menu-item': ObcAlertMenuItem;\n  }\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAUa,IAAA,mBAAN,cAA+B,WAAW;AAAA,EAA1C,cAAA;AAAA,UAAA,GAAA,SAAA;AAC+B,SAAA,UAAA;AACH,SAAA,OAAA;AACK,SAAA,YAAA;AACM,SAAA,iBAAA;AACF,SAAA,eAAA;AAErB,SAAA,qBAAA;AAAA,EAAA;AAAA,EAEZ,SAAS;AAChB,UAAM,QAAQ;AAAA,2BACS,KAAK,kBAAkB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAa9C,UAAM,OAAO,WAAW,IAAI,KAAK,KAAK,IAAI,CAAC;AACpC,WAAA;AAAA;AAAA,UAED,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,+BAMgB,KAAK,OAAO;AAAA;AAAA,8BAEb,IAAI;AAAA,oCACE,KAAK,SAAS;AAAA;AAAA;AAAA,YAGtC,KAAK,kBAAkB,CAAC,KAAK,eAC3B;AAAA;AAAA;AAAA;AAAA,2BAIa,MACP,KAAK,cAAc,IAAI,YAAY,WAAW,CAAC,CAAC;AAAA;AAAA;AAAA,kBAItD,EAAE;AAAA;AAAA;AAAA;AAAA,EAId;AAGF;AAxDa,iBAuDK,SAAS,UAAU,YAAY;AAtDrB,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,QAAO;AAAA,GADb,iBACe,WAAA,WAAA,CAAA;AACA,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,QAAO;AAAA,GAFb,iBAEe,WAAA,QAAA,CAAA;AACA,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,QAAO;AAAA,GAHb,iBAGe,WAAA,aAAA,CAAA;AACC,gBAAA;AAAA,EAA1B,SAAS,EAAC,MAAM,SAAQ;AAAA,GAJd,iBAIgB,WAAA,kBAAA,CAAA;AACA,gBAAA;AAAA,EAA1B,SAAS,EAAC,MAAM,SAAQ;AAAA,GALd,iBAKgB,WAAA,gBAAA,CAAA;AAE3B,gBAAA;AAAA,EADC,SAAS,EAAC,MAAM,QAAO;AAAA,GANb,iBAOX,WAAA,sBAAA,CAAA;AAPW,mBAAN,gBAAA;AAAA,EADN,cAAc,qBAAqB;AAAA,GACvB,gBAAA;"}
+{"version":3,"file":"alert-menu-item.js","sources":["../../../src/components/alert-menu-item/alert-menu-item.ts"],"sourcesContent":["import {LitElement, css, html, unsafeCSS} from 'lit';\nimport {customElement, property} from 'lit/decorators.js';\nimport compentStyle from './alert-menu-item.css?inline';\nimport {renderTime} from '../../time';\nimport '../button/button';\n/**\n *\n * @fires ack-click - Fired when the ack button is clicked\n */\n@customElement('obc-alert-menu-item')\nexport class ObcAlertMenuItem extends LitElement {\n  @property({type: String}) message = 'Message';\n  @property({type: String}) time = '2021-01-01T00:00:00Z';\n  @property({type: String}) timeSince = '1h';\n  @property({type: Boolean}) acknowledgeble = false;\n  @property({type: Boolean}) acknowledged = false;\n  @property({type: Number})\n  narrowBreakpointPx = 400;\n\n  override render() {\n    const style = css`\n      @media (max-width: ${this.narrowBreakpointPx}px) {\n        .alert .time-wrapper {\n          grid-column-start: 3;\n          grid-column-end: -2;\n          display: flex !important;\n          flex-direction: column;\n          align-items: center;\n          justify-content: flex-start;\n          flex-shrink: 0;\n        }\n      }\n    `;\n\n    const time = renderTime(new Date(this.time));\n    return html`\n      <style>\n        ${style}\n      </style>\n      <div class=\"alert\">\n        <div class=\"icon\">\n          <slot name=\"icon\"> </slot>\n        </div>\n        <div class=\"message\">${this.message}</div>\n        <div class=\"time-wrapper\">\n          <div class=\"time\">${time}</div>\n          <div class=\"time-since\">${this.timeSince}</div>\n        </div>\n        <div class=\"acknowledge\">\n          ${this.acknowledgeble && !this.acknowledged\n            ? html`\n                <obc-button\n                  class=\"acknowledge-button\"\n                  fullWidth\n                  @click=${() =>\n                    this.dispatchEvent(new CustomEvent('ack-click'))}\n                  >ACK</obc-button\n                >\n              `\n            : ''}\n        </div>\n      </div>\n    `;\n  }\n\n  static override styles = unsafeCSS(compentStyle);\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'ob-alert-menu-item': ObcAlertMenuItem;\n  }\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;;AAUa,IAAA,mBAAN,cAA+B,WAAW;AAAA,EAA1C,cAAA;AAAA,UAAA,GAAA,SAAA;AAC+B,SAAA,UAAA;AACH,SAAA,OAAA;AACK,SAAA,YAAA;AACM,SAAA,iBAAA;AACF,SAAA,eAAA;AAErB,SAAA,qBAAA;AAAA,EAAA;AAAA,EAEZ,SAAS;AAChB,UAAM,QAAQ;AAAA,2BACS,KAAK,kBAAkB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAa9C,UAAM,OAAO,WAAW,IAAI,KAAK,KAAK,IAAI,CAAC;AACpC,WAAA;AAAA;AAAA,UAED,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,+BAMgB,KAAK,OAAO;AAAA;AAAA,8BAEb,IAAI;AAAA,oCACE,KAAK,SAAS;AAAA;AAAA;AAAA,YAGtC,KAAK,kBAAkB,CAAC,KAAK,eAC3B;AAAA;AAAA;AAAA;AAAA,2BAIa,MACP,KAAK,cAAc,IAAI,YAAY,WAAW,CAAC,CAAC;AAAA;AAAA;AAAA,kBAItD,EAAE;AAAA;AAAA;AAAA;AAAA,EAAA;AAOhB;AAxDa,iBAuDK,SAAS,UAAU,YAAY;AAtDrB,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,OAAO,CAAA;AAAA,GADb,iBACe,WAAA,WAAA,CAAA;AACA,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,OAAO,CAAA;AAAA,GAFb,iBAEe,WAAA,QAAA,CAAA;AACA,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,OAAO,CAAA;AAAA,GAHb,iBAGe,WAAA,aAAA,CAAA;AACC,gBAAA;AAAA,EAA1B,SAAS,EAAC,MAAM,QAAQ,CAAA;AAAA,GAJd,iBAIgB,WAAA,kBAAA,CAAA;AACA,gBAAA;AAAA,EAA1B,SAAS,EAAC,MAAM,QAAQ,CAAA;AAAA,GALd,iBAKgB,WAAA,gBAAA,CAAA;AAE3B,gBAAA;AAAA,EADC,SAAS,EAAC,MAAM,OAAO,CAAA;AAAA,GANb,iBAOX,WAAA,sBAAA,CAAA;AAPW,mBAAN,gBAAA;AAAA,EADN,cAAc,qBAAqB;AAAA,GACvB,gBAAA;"}

package/dist/components/alert-topbar-element/alert-topbar-element.d.ts

@@ -1,9 +1,10 @@
 import { LitElement } from 'lit';
+import { AlertType } from '../../types';
+
 import '../alert-button/alert-button';
 import '../notification-button/notification-button';
 import '../notification-message/notification-message';
 import '../../icons/icon-14-mute';
-import { AlertType } from '../../types';
 /**
  * Element that displays the alert in topbar
  * Use the element in the alerts slot in topbar
@@ -35,8 +36,8 @@ export declare class ObcAlertTopbarElement extends LitElement {
     alertMuted: boolean;
     minimized: boolean;
     maxWidth: number;
-    render(): import("lit-html").TemplateResult<1>;
-    static styles: import("lit").CSSResult;
+    render(): import('lit-html').TemplateResult<1>;
+    static styles: import('lit').CSSResult;
 }
 declare global {
     interface HTMLElementTagNameMap {

package/dist/components/alert-topbar-element/alert-topbar-element.js

@@ -14,8 +14,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 ObcAlertTopbarElement = class extends LitElement {

package/dist/components/alert-topbar-element/alert-topbar-element.js.map

@@ -1 +1 @@
-{"version":3,"file":"alert-topbar-element.js","sources":["../../../src/components/alert-topbar-element/alert-topbar-element.ts"],"sourcesContent":["import {LitElement, html, unsafeCSS} from 'lit';\nimport {customElement, property} from 'lit/decorators.js';\nimport compentStyle from './alert-topbar-element.css?inline';\nimport '../alert-button/alert-button';\nimport '../notification-button/notification-button';\nimport '../notification-message/notification-message';\n\nimport '../../icons/icon-14-mute';\nimport {AlertType} from '../../types';\nimport {classMap} from 'lit/directives/class-map.js';\n\n/**\n * Element that displays the alert in topbar\n * Use the element in the alerts slot in topbar\n *\n * @prop {number} nAlerts - Number of alerts.\n * @prop {AlertType} alertType - Type of alert.\n * @prop {boolean} blinkAlarmValue - This value should alternate between true and false to make the icon blink.\n *                       It should be synchronized with the blinkValue of other alarms.\n * @prop {boolean} blinkWarningValue - This value should alternate between true and false to make the icon blink.\n * @prop {boolean} showAck - If the ack button should be shown.\n * @prop {boolean} alertMuted - If the alert is muted.\n * @prop {boolean} minimized - If the alert is minimized.\n * @prop {number} maxWidth - The maximum width of the alert.\n *\n * @fires muteclick - Fired when the mute button is clicked\n * @fires ackclick - Fired when the ack button is clicked\n * @fires alertclick - Fired when the alert button is clicked\n * @fires messageclick - Fired when the message is clicked\n *\n * @slot  - The message to display in the alert element of type `obc-notification-message-item`\n * @slot empty - The message to display when there are no alerts\n */\n@customElement('obc-alert-topbar-element')\nexport class ObcAlertTopbarElement extends LitElement {\n  @property({type: Number}) nAlerts = 0;\n  @property({type: String}) alertType: AlertType = AlertType.None;\n  @property({type: Boolean}) blinkAlarmValue = false;\n  @property({type: Boolean}) blinkWarningValue = false;\n  @property({type: Boolean}) showAck = false;\n  @property({type: Boolean}) alertMuted = false;\n  @property({type: Boolean}) minimized = false;\n  @property({type: Number}) maxWidth = 480;\n\n  override render() {\n    const empty = this.nAlerts === 0;\n    const disabledMute =\n      this.alertMuted ||\n      empty ||\n      this.alertType === AlertType.None ||\n      this.alertType === AlertType.Running ||\n      this.alertType === AlertType.Caution;\n    let firstPart;\n    if (this.minimized) {\n      firstPart = html`<obc-notification-button\n        icon\n        openright\n        cornerleft\n        @click=${() => this.dispatchEvent(new CustomEvent('muteclick'))}\n      >\n        <obi-14-mute></obi-14-mute>\n      </obc-notification-button>`;\n    } else {\n      firstPart = html`<obc-notification-message\n          class=\"notification-message\"\n          .empty=${empty}\n          @click=${() => this.dispatchEvent(new CustomEvent('messageclick'))}\n        >\n          <slot></slot>\n          <div slot=\"empty\">No active alerts</div>\n        </obc-notification-message>\n        ${this.showAck\n          ? html`<obc-notification-button\n              openright\n              @click=${() => this.dispatchEvent(new CustomEvent('ackclick'))}\n              >ACK</obc-notification-button\n            >`\n          : html``}\n        <obc-notification-button\n          icon\n          openright\n          .indent=${empty}\n          .disabled=${disabledMute}\n          @click=${() => this.dispatchEvent(new CustomEvent('muteclick'))}\n        >\n          <obi-14-mute></obi-14-mute>\n        </obc-notification-button>`;\n    }\n    return html`\n      <style>\n        :host {\n          max-width: ${this.maxWidth}px;\n        }\n      </style>\n      <div\n        class=${classMap({\n          wrapper: true,\n          minimized: this.minimized,\n        })}\n        style=${`max-width: ${this.maxWidth - 8}px;`}\n      >\n        ${firstPart}\n        <obc-alert-button\n          .alertType=${this.alertType}\n          .nAlerts=${this.nAlerts}\n          .counter=${!empty}\n          .blinkAlarmValue=${this.blinkAlarmValue}\n          .blinkWarningValue=${this.blinkWarningValue}\n          @click=${() => this.dispatchEvent(new CustomEvent('alertclick'))}\n        ></obc-alert-button>\n      </div>\n    `;\n  }\n\n  static override styles = unsafeCSS(compentStyle);\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'ob-alert-topbar-element': ObcAlertTopbarElement;\n  }\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;AAkCa,IAAA,wBAAN,cAAoC,WAAW;AAAA,EAA/C,cAAA;AAAA,UAAA,GAAA,SAAA;AAC+B,SAAA,UAAA;AACV,SAAA,YAAuB,UAAU;AACd,SAAA,kBAAA;AACE,SAAA,oBAAA;AACV,SAAA,UAAA;AACG,SAAA,aAAA;AACD,SAAA,YAAA;AACF,SAAA,WAAA;AAAA,EAAA;AAAA,EAE5B,SAAS;AACV,UAAA,QAAQ,KAAK,YAAY;AAC/B,UAAM,eACJ,KAAK,cACL,SACA,KAAK,cAAc,UAAU,QAC7B,KAAK,cAAc,UAAU,WAC7B,KAAK,cAAc,UAAU;AAC3B,QAAA;AACJ,QAAI,KAAK,WAAW;AACN,kBAAA;AAAA;AAAA;AAAA;AAAA,iBAID,MAAM,KAAK,cAAc,IAAI,YAAY,WAAW,CAAC,CAAC;AAAA;AAAA;AAAA;AAAA,IAAA,OAI5D;AACO,kBAAA;AAAA;AAAA,mBAEC,KAAK;AAAA,mBACL,MAAM,KAAK,cAAc,IAAI,YAAY,cAAc,CAAC,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA,UAKlE,KAAK,UACH;AAAA;AAAA,uBAEW,MAAM,KAAK,cAAc,IAAI,YAAY,UAAU,CAAC,CAAC;AAAA;AAAA,iBAGhE,MAAM;AAAA;AAAA;AAAA;AAAA,oBAIE,KAAK;AAAA,sBACH,YAAY;AAAA,mBACf,MAAM,KAAK,cAAc,IAAI,YAAY,WAAW,CAAC,CAAC;AAAA;AAAA;AAAA;AAAA,IAIrE;AACO,WAAA;AAAA;AAAA;AAAA,uBAGY,KAAK,QAAQ;AAAA;AAAA;AAAA;AAAA,gBAIpB,SAAS;AAAA,MACf,SAAS;AAAA,MACT,WAAW,KAAK;AAAA,IAAA,CACjB,CAAC;AAAA,gBACM,cAAc,KAAK,WAAW,CAAC,KAAK;AAAA;AAAA,UAE1C,SAAS;AAAA;AAAA,uBAEI,KAAK,SAAS;AAAA,qBAChB,KAAK,OAAO;AAAA,qBACZ,CAAC,KAAK;AAAA,6BACE,KAAK,eAAe;AAAA,+BAClB,KAAK,iBAAiB;AAAA,mBAClC,MAAM,KAAK,cAAc,IAAI,YAAY,YAAY,CAAC,CAAC;AAAA;AAAA;AAAA;AAAA,EAIxE;AAGF;AAjFa,sBAgFK,SAAS,UAAU,YAAY;AA/ErB,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,QAAO;AAAA,GADb,sBACe,WAAA,WAAA,CAAA;AACA,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,QAAO;AAAA,GAFb,sBAEe,WAAA,aAAA,CAAA;AACC,gBAAA;AAAA,EAA1B,SAAS,EAAC,MAAM,SAAQ;AAAA,GAHd,sBAGgB,WAAA,mBAAA,CAAA;AACA,gBAAA;AAAA,EAA1B,SAAS,EAAC,MAAM,SAAQ;AAAA,GAJd,sBAIgB,WAAA,qBAAA,CAAA;AACA,gBAAA;AAAA,EAA1B,SAAS,EAAC,MAAM,SAAQ;AAAA,GALd,sBAKgB,WAAA,WAAA,CAAA;AACA,gBAAA;AAAA,EAA1B,SAAS,EAAC,MAAM,SAAQ;AAAA,GANd,sBAMgB,WAAA,cAAA,CAAA;AACA,gBAAA;AAAA,EAA1B,SAAS,EAAC,MAAM,SAAQ;AAAA,GAPd,sBAOgB,WAAA,aAAA,CAAA;AACD,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,QAAO;AAAA,GARb,sBAQe,WAAA,YAAA,CAAA;AARf,wBAAN,gBAAA;AAAA,EADN,cAAc,0BAA0B;AAAA,GAC5B,qBAAA;"}
+{"version":3,"file":"alert-topbar-element.js","sources":["../../../src/components/alert-topbar-element/alert-topbar-element.ts"],"sourcesContent":["import {LitElement, html, unsafeCSS} from 'lit';\nimport {customElement, property} from 'lit/decorators.js';\nimport compentStyle from './alert-topbar-element.css?inline';\nimport '../alert-button/alert-button';\nimport '../notification-button/notification-button';\nimport '../notification-message/notification-message';\n\nimport '../../icons/icon-14-mute';\nimport {AlertType} from '../../types';\nimport {classMap} from 'lit/directives/class-map.js';\n\n/**\n * Element that displays the alert in topbar\n * Use the element in the alerts slot in topbar\n *\n * @prop {number} nAlerts - Number of alerts.\n * @prop {AlertType} alertType - Type of alert.\n * @prop {boolean} blinkAlarmValue - This value should alternate between true and false to make the icon blink.\n *                       It should be synchronized with the blinkValue of other alarms.\n * @prop {boolean} blinkWarningValue - This value should alternate between true and false to make the icon blink.\n * @prop {boolean} showAck - If the ack button should be shown.\n * @prop {boolean} alertMuted - If the alert is muted.\n * @prop {boolean} minimized - If the alert is minimized.\n * @prop {number} maxWidth - The maximum width of the alert.\n *\n * @fires muteclick - Fired when the mute button is clicked\n * @fires ackclick - Fired when the ack button is clicked\n * @fires alertclick - Fired when the alert button is clicked\n * @fires messageclick - Fired when the message is clicked\n *\n * @slot  - The message to display in the alert element of type `obc-notification-message-item`\n * @slot empty - The message to display when there are no alerts\n */\n@customElement('obc-alert-topbar-element')\nexport class ObcAlertTopbarElement extends LitElement {\n  @property({type: Number}) nAlerts = 0;\n  @property({type: String}) alertType: AlertType = AlertType.None;\n  @property({type: Boolean}) blinkAlarmValue = false;\n  @property({type: Boolean}) blinkWarningValue = false;\n  @property({type: Boolean}) showAck = false;\n  @property({type: Boolean}) alertMuted = false;\n  @property({type: Boolean}) minimized = false;\n  @property({type: Number}) maxWidth = 480;\n\n  override render() {\n    const empty = this.nAlerts === 0;\n    const disabledMute =\n      this.alertMuted ||\n      empty ||\n      this.alertType === AlertType.None ||\n      this.alertType === AlertType.Running ||\n      this.alertType === AlertType.Caution;\n    let firstPart;\n    if (this.minimized) {\n      firstPart = html`<obc-notification-button\n        icon\n        openright\n        cornerleft\n        @click=${() => this.dispatchEvent(new CustomEvent('muteclick'))}\n      >\n        <obi-14-mute></obi-14-mute>\n      </obc-notification-button>`;\n    } else {\n      firstPart = html`<obc-notification-message\n          class=\"notification-message\"\n          .empty=${empty}\n          @click=${() => this.dispatchEvent(new CustomEvent('messageclick'))}\n        >\n          <slot></slot>\n          <div slot=\"empty\">No active alerts</div>\n        </obc-notification-message>\n        ${this.showAck\n          ? html`<obc-notification-button\n              openright\n              @click=${() => this.dispatchEvent(new CustomEvent('ackclick'))}\n              >ACK</obc-notification-button\n            >`\n          : html``}\n        <obc-notification-button\n          icon\n          openright\n          .indent=${empty}\n          .disabled=${disabledMute}\n          @click=${() => this.dispatchEvent(new CustomEvent('muteclick'))}\n        >\n          <obi-14-mute></obi-14-mute>\n        </obc-notification-button>`;\n    }\n    return html`\n      <style>\n        :host {\n          max-width: ${this.maxWidth}px;\n        }\n      </style>\n      <div\n        class=${classMap({\n          wrapper: true,\n          minimized: this.minimized,\n        })}\n        style=${`max-width: ${this.maxWidth - 8}px;`}\n      >\n        ${firstPart}\n        <obc-alert-button\n          .alertType=${this.alertType}\n          .nAlerts=${this.nAlerts}\n          .counter=${!empty}\n          .blinkAlarmValue=${this.blinkAlarmValue}\n          .blinkWarningValue=${this.blinkWarningValue}\n          @click=${() => this.dispatchEvent(new CustomEvent('alertclick'))}\n        ></obc-alert-button>\n      </div>\n    `;\n  }\n\n  static override styles = unsafeCSS(compentStyle);\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'ob-alert-topbar-element': ObcAlertTopbarElement;\n  }\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;AAkCa,IAAA,wBAAN,cAAoC,WAAW;AAAA,EAA/C,cAAA;AAAA,UAAA,GAAA,SAAA;AAC+B,SAAA,UAAA;AACV,SAAA,YAAuB,UAAU;AACd,SAAA,kBAAA;AACE,SAAA,oBAAA;AACV,SAAA,UAAA;AACG,SAAA,aAAA;AACD,SAAA,YAAA;AACF,SAAA,WAAA;AAAA,EAAA;AAAA,EAE5B,SAAS;AACV,UAAA,QAAQ,KAAK,YAAY;AAC/B,UAAM,eACJ,KAAK,cACL,SACA,KAAK,cAAc,UAAU,QAC7B,KAAK,cAAc,UAAU,WAC7B,KAAK,cAAc,UAAU;AAC3B,QAAA;AACJ,QAAI,KAAK,WAAW;AACN,kBAAA;AAAA;AAAA;AAAA;AAAA,iBAID,MAAM,KAAK,cAAc,IAAI,YAAY,WAAW,CAAC,CAAC;AAAA;AAAA;AAAA;AAAA,IAAA,OAI5D;AACO,kBAAA;AAAA;AAAA,mBAEC,KAAK;AAAA,mBACL,MAAM,KAAK,cAAc,IAAI,YAAY,cAAc,CAAC,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA,UAKlE,KAAK,UACH;AAAA;AAAA,uBAEW,MAAM,KAAK,cAAc,IAAI,YAAY,UAAU,CAAC,CAAC;AAAA;AAAA,iBAGhE,MAAM;AAAA;AAAA;AAAA;AAAA,oBAIE,KAAK;AAAA,sBACH,YAAY;AAAA,mBACf,MAAM,KAAK,cAAc,IAAI,YAAY,WAAW,CAAC,CAAC;AAAA;AAAA;AAAA;AAAA,IAAA;AAK9D,WAAA;AAAA;AAAA;AAAA,uBAGY,KAAK,QAAQ;AAAA;AAAA;AAAA;AAAA,gBAIpB,SAAS;AAAA,MACf,SAAS;AAAA,MACT,WAAW,KAAK;AAAA,IAAA,CACjB,CAAC;AAAA,gBACM,cAAc,KAAK,WAAW,CAAC,KAAK;AAAA;AAAA,UAE1C,SAAS;AAAA;AAAA,uBAEI,KAAK,SAAS;AAAA,qBAChB,KAAK,OAAO;AAAA,qBACZ,CAAC,KAAK;AAAA,6BACE,KAAK,eAAe;AAAA,+BAClB,KAAK,iBAAiB;AAAA,mBAClC,MAAM,KAAK,cAAc,IAAI,YAAY,YAAY,CAAC,CAAC;AAAA;AAAA;AAAA;AAAA,EAAA;AAO1E;AAjFa,sBAgFK,SAAS,UAAU,YAAY;AA/ErB,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,OAAO,CAAA;AAAA,GADb,sBACe,WAAA,WAAA,CAAA;AACA,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,OAAO,CAAA;AAAA,GAFb,sBAEe,WAAA,aAAA,CAAA;AACC,gBAAA;AAAA,EAA1B,SAAS,EAAC,MAAM,QAAQ,CAAA;AAAA,GAHd,sBAGgB,WAAA,mBAAA,CAAA;AACA,gBAAA;AAAA,EAA1B,SAAS,EAAC,MAAM,QAAQ,CAAA;AAAA,GAJd,sBAIgB,WAAA,qBAAA,CAAA;AACA,gBAAA;AAAA,EAA1B,SAAS,EAAC,MAAM,QAAQ,CAAA;AAAA,GALd,sBAKgB,WAAA,WAAA,CAAA;AACA,gBAAA;AAAA,EAA1B,SAAS,EAAC,MAAM,QAAQ,CAAA;AAAA,GANd,sBAMgB,WAAA,cAAA,CAAA;AACA,gBAAA;AAAA,EAA1B,SAAS,EAAC,MAAM,QAAQ,CAAA;AAAA,GAPd,sBAOgB,WAAA,aAAA,CAAA;AACD,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,OAAO,CAAA;AAAA,GARb,sBAQe,WAAA,YAAA,CAAA;AARf,wBAAN,gBAAA;AAAA,EADN,cAAc,0BAA0B;AAAA,GAC5B,qBAAA;"}