@oicl/openbridge-webcomponents 0.0.13 → 0.0.15

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

@@ -68,6 +68,12 @@ ObcLineOverlap.styles = css`
       display: block;
       line-height: 0;
     }
+
+    svg {
+      position: relative;
+      left: -12px;
+      top: -12px;
+    }
   `;
 __decorateClass([
   property({ type: String })

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}\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;AAQF;AAzDa,eAmDK,SAAS;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,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;"}

package/dist/automation/three-way-line/three-way-line.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"three-way-line.d.ts","sourceRoot":"","sources":["../../../src/automation/three-way-line/three-way-line.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAY,MAAM,KAAK,CAAC;AAE1C,OAAO,EAAC,UAAU,EAAE,QAAQ,EAAuB,MAAM,IAAI,CAAC;AAE9D,oBAAY,qBAAqB;IAC/B,GAAG,QAAQ;IACX,KAAK,UAAU;IACf,MAAM,WAAW;IACjB,IAAI,SAAS;CACd;AAED,qBACa,eAAgB,SAAQ,UAAU;IACnB,MAAM,EAAE,UAAU,CAAqB;IACvC,SAAS,EAAE,qBAAqB,CAC9B;IACF,QAAQ,EAAE,QAAQ,CAAkB;IAErD,MAAM;IAkFf,OAAgB,MAAM,0BAKpB;CACH;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,oBAAoB,EAAE,eAAe,CAAC;KACvC;CACF"}
+{"version":3,"file":"three-way-line.d.ts","sourceRoot":"","sources":["../../../src/automation/three-way-line/three-way-line.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAY,MAAM,KAAK,CAAC;AAE1C,OAAO,EAAC,UAAU,EAAE,QAAQ,EAAuB,MAAM,IAAI,CAAC;AAE9D,oBAAY,qBAAqB;IAC/B,GAAG,QAAQ;IACX,KAAK,UAAU;IACf,MAAM,WAAW;IACjB,IAAI,SAAS;CACd;AAED,qBACa,eAAgB,SAAQ,UAAU;IACnB,MAAM,EAAE,UAAU,CAAqB;IACvC,SAAS,EAAE,qBAAqB,CAC9B;IACF,QAAQ,EAAE,QAAQ,CAAkB;IAErD,MAAM;IAkFf,OAAgB,MAAM,0BAWpB;CACH;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,oBAAoB,EAAE,eAAe,CAAC;KACvC;CACF"}

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

@@ -110,6 +110,12 @@ ObcThreeWayLine.styles = css`
       display: block;
       line-height: 0;
     }
+
+    svg {
+      position: relative;
+      top: -12px;
+      left: -12px;
+    }
   `;
 __decorateClass([
   property({ type: String })

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}\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;AAQF;AA9Fa,gBAwFK,SAAS;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,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;"}

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

@@ -1 +1 @@
-{"version":3,"file":"vertical-line.d.ts","sourceRoot":"","sources":["../../../src/automation/vertical-line/vertical-line.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAY,MAAM,KAAK,CAAC;AAE1C,OAAO,EAAC,UAAU,EAAa,QAAQ,EAAY,MAAM,UAAU,CAAC;AAMpE,qBACa,eAAgB,SAAQ,UAAU;IACnB,MAAM,EAAE,UAAU,CAAqB;IACvC,QAAQ,EAAE,QAAQ,CAAkB;IACpC,MAAM,EAAE,MAAM,CAAK;IAEpC,MAAM;IAgEf,OAAgB,MAAM,0BAUpB;CACH;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,mBAAmB,EAAE,eAAe,CAAC;KACtC;CACF"}
+{"version":3,"file":"vertical-line.d.ts","sourceRoot":"","sources":["../../../src/automation/vertical-line/vertical-line.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAY,MAAM,KAAK,CAAC;AAE1C,OAAO,EAAC,UAAU,EAAa,QAAQ,EAAY,MAAM,UAAU,CAAC;AAMpE,qBACa,eAAgB,SAAQ,UAAU;IACnB,MAAM,EAAE,UAAU,CAAqB;IACvC,QAAQ,EAAE,QAAQ,CAAkB;IACpC,MAAM,EAAE,MAAM,CAAK;IAEpC,MAAM;IAgEf,OAAgB,MAAM,0BAWpB;CACH;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,mBAAmB,EAAE,eAAe,CAAC;KACtC;CACF"}

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

@@ -88,9 +88,10 @@ ObcVerticalLine.styles = css`
       line-height: 0;
     }
 
-    .line {
+    svg {
       position: relative;
       top: -0.5px;
+      left: -12px;
     }
   `;
 __decorateClass([

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    .line {\n      position: relative;\n      top: -0.5px;\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;AAaF;AAhFa,gBAqEK,SAAS;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,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;"}

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

@@ -1 +1 @@
-{"version":3,"file":"alert-button.d.ts","sourceRoot":"","sources":["../../../src/components/alert-button/alert-button.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAkB,MAAM,KAAK,CAAC;AAGhD,OAAO,4BAA4B,CAAC;AACpC,OAAO,EAAC,SAAS,EAAC,MAAM,aAAa,CAAC;AAGtC;;;;;;;;;;;;GAYG;AACH,qBACa,cAAe,SAAQ,UAAU;IACK,OAAO,SAAK;IACV,SAAS,YAAkB;IACnD,UAAU,UAAS;IACnB,OAAO,UAAS;IACgB,eAAe,UAClE;IAER,iBAAiB,UAAS;IAEjB,MAAM;IA6Bf,OAAgB,MAAM,0BAA2B;CAClD;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,kBAAkB,EAAE,cAAc,CAAC;KACpC;CACF"}
+{"version":3,"file":"alert-button.d.ts","sourceRoot":"","sources":["../../../src/components/alert-button/alert-button.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAkB,MAAM,KAAK,CAAC;AAGhD,OAAO,4BAA4B,CAAC;AACpC,OAAO,EAAC,SAAS,EAAC,MAAM,aAAa,CAAC;AAGtC;;;;;;;;;;;;GAYG;AACH,qBACa,cAAe,SAAQ,UAAU;IAClB,OAAO,SAAK;IACZ,SAAS,YAAkB;IAC1B,UAAU,UAAS;IACnB,OAAO,UAAS;IAChB,eAAe,UAAS;IACxB,iBAAiB,UAAS;IAE5C,MAAM;IA6Bf,OAAgB,MAAM,0BAA2B;CAClD;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,kBAAkB,EAAE,cAAc,CAAC;KACpC;CACF"}

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

@@ -51,10 +51,10 @@ let ObcAlertButton = class extends LitElement {
 };
 ObcAlertButton.styles = unsafeCSS(compentStyle);
 __decorateClass([
-  property({ type: Number, attribute: "n-alerts" })
+  property({ type: Number })
 ], ObcAlertButton.prototype, "nAlerts", 2);
 __decorateClass([
-  property({ type: String, attribute: "alert-type" })
+  property({ type: String })
 ], ObcAlertButton.prototype, "alertType", 2);
 __decorateClass([
   property({ type: Boolean })
@@ -63,10 +63,10 @@ __decorateClass([
   property({ type: Boolean })
 ], ObcAlertButton.prototype, "counter", 2);
 __decorateClass([
-  property({ type: Boolean, attribute: "blink-alarm-value" })
+  property({ type: Boolean })
 ], ObcAlertButton.prototype, "blinkAlarmValue", 2);
 __decorateClass([
-  property({ type: Boolean, attribute: "blink-warning-value" })
+  property({ type: Boolean })
 ], ObcAlertButton.prototype, "blinkWarningValue", 2);
 ObcAlertButton = __decorateClass([
   customElement("obc-alert-button")

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, attribute: 'n-alerts'}) nAlerts = 0;\n  @property({type: String, attribute: 'alert-type'}) alertType = AlertType.None;\n  @property({type: Boolean}) standalone = false;\n  @property({type: Boolean}) counter = false;\n  @property({type: Boolean, attribute: 'blink-alarm-value'}) blinkAlarmValue =\n    false;\n  @property({type: Boolean, attribute: 'blink-warning-value'})\n  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;AACsD,SAAA,UAAA;AACR,SAAA,YAAY,UAAU;AACjC,SAAA,aAAA;AACH,SAAA,UAAA;AAEnC,SAAA,kBAAA;AAEkB,SAAA,oBAAA;AAAA,EAAA;AAAA,EAEX,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;AAxCa,eAuCK,SAAS,UAAU,YAAY;AAtCE,gBAAA;AAAA,EAAhD,SAAS,EAAC,MAAM,QAAQ,WAAW,YAAW;AAAA,GADpC,eACsC,WAAA,WAAA,CAAA;AACE,gBAAA;AAAA,EAAlD,SAAS,EAAC,MAAM,QAAQ,WAAW,cAAa;AAAA,GAFtC,eAEwC,WAAA,aAAA,CAAA;AACxB,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;AACgC,gBAAA;AAAA,EAA1D,SAAS,EAAC,MAAM,SAAS,WAAW,qBAAoB;AAAA,GAL9C,eAKgD,WAAA,mBAAA,CAAA;AAG3D,gBAAA;AAAA,EADC,SAAS,EAAC,MAAM,SAAS,WAAW,uBAAsB;AAAA,GAPhD,eAQX,WAAA,qBAAA,CAAA;AARW,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,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;"}

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

@@ -1 +1 @@
-{"version":3,"file":"alert-icon.d.ts","sourceRoot":"","sources":["../../../src/components/alert-icon/alert-icon.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAY,MAAM,KAAK,CAAC;AAU1C,QAAA,MAAM,OAAO;;;;;;;;;;;;;CAIZ,CAAC;AAEF,eAAO,MAAM,cAAc,wDAA0C,CAAC;AACtE,MAAM,MAAM,aAAa,GAAG,MAAM,OAAO,OAAO,CAAC;AAEjD;;;;;GAKG;AACH,qBACa,YAAa,SAAQ,UAAU;IACW,UAAU,UAAS;IAC9C,IAAI,EAAE,aAAa,CAAiB;IAErD,MAAM;IAgBf,OAAgB,MAAM,0BAqBpB;CACH;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,gBAAgB,EAAE,YAAY,CAAC;KAChC;CACF"}
+{"version":3,"file":"alert-icon.d.ts","sourceRoot":"","sources":["../../../src/components/alert-icon/alert-icon.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAY,MAAM,KAAK,CAAC;AAU1C,QAAA,MAAM,OAAO;;;;;;;;;;;;;CAIZ,CAAC;AAEF,eAAO,MAAM,cAAc,wDAA0C,CAAC;AACtE,MAAM,MAAM,aAAa,GAAG,MAAM,OAAO,OAAO,CAAC;AAEjD;;;;;GAKG;AACH,qBACa,YAAa,SAAQ,UAAU;IACf,UAAU,UAAS;IACpB,IAAI,EAAE,aAAa,CAAiB;IAErD,MAAM;IAgBf,OAAgB,MAAM,0BAqBpB;CACH;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,gBAAgB,EAAE,YAAY,CAAC;KAChC;CACF"}

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

@@ -69,7 +69,7 @@ ObcAlertIcon.styles = css`
     }
   `;
 __decorateClass([
-  property({ type: Boolean, attribute: "blink-value" })
+  property({ type: Boolean })
 ], ObcAlertIcon.prototype, "blinkValue", 2);
 __decorateClass([
   property({ type: String })

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, attribute: 'blink-value'}) 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;AAC6D,SAAA,aAAA;AAClB,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;AAnB4B,gBAAA;AAAA,EAApD,SAAS,EAAC,MAAM,SAAS,WAAW,eAAc;AAAA,GADxC,aAC0C,WAAA,cAAA,CAAA;AAC3B,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,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;"}

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

@@ -1 +1 @@
-{"version":3,"file":"alert-menu-item.d.ts","sourceRoot":"","sources":["../../../src/components/alert-menu-item/alert-menu-item.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAuB,MAAM,KAAK,CAAC;AAIrD,OAAO,kBAAkB,CAAC;AAC1B;;;GAGG;AACH,qBACa,gBAAiB,SAAQ,UAAU;IACpB,OAAO,SAAa;IACpB,IAAI,SAA0B;IACL,SAAS,SAAQ;IACzC,cAAc,UAAS;IACvB,YAAY,UAAS;IAEhD,kBAAkB,SAAO;IAEhB,MAAM;IA8Cf,OAAgB,MAAM,0BAA2B;CAClD;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,oBAAoB,EAAE,gBAAgB,CAAC;KACxC;CACF"}
+{"version":3,"file":"alert-menu-item.d.ts","sourceRoot":"","sources":["../../../src/components/alert-menu-item/alert-menu-item.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAuB,MAAM,KAAK,CAAC;AAIrD,OAAO,kBAAkB,CAAC;AAC1B;;;GAGG;AACH,qBACa,gBAAiB,SAAQ,UAAU;IACpB,OAAO,SAAa;IACpB,IAAI,SAA0B;IAC9B,SAAS,SAAQ;IAChB,cAAc,UAAS;IACvB,YAAY,UAAS;IAEhD,kBAAkB,SAAO;IAEhB,MAAM;IA8Cf,OAAgB,MAAM,0BAA2B;CAClD;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,oBAAoB,EAAE,gBAAgB,CAAC;KACxC;CACF"}

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

@@ -56,7 +56,7 @@ let ObcAlertMenuItem = class extends LitElement {
           ${this.acknowledgeble && !this.acknowledged ? html`
                 <obc-button
                   class="acknowledge-button"
-                  full-width
+                  fullWidth
                   @click=${() => this.dispatchEvent(new CustomEvent("ack-click"))}
                   >ACK</obc-button
                 >
@@ -74,7 +74,7 @@ __decorateClass([
   property({ type: String })
 ], ObcAlertMenuItem.prototype, "time", 2);
 __decorateClass([
-  property({ type: String, attribute: "time-since" })
+  property({ type: String })
 ], ObcAlertMenuItem.prototype, "timeSince", 2);
 __decorateClass([
   property({ type: Boolean })
@@ -83,7 +83,7 @@ __decorateClass([
   property({ type: Boolean })
 ], ObcAlertMenuItem.prototype, "acknowledged", 2);
 __decorateClass([
-  property({ type: Number, attribute: "narrow-breakpoint-px" })
+  property({ type: Number })
 ], ObcAlertMenuItem.prototype, "narrowBreakpointPx", 2);
 ObcAlertMenuItem = __decorateClass([
   customElement("obc-alert-menu-item")

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, attribute: 'time-since'}) timeSince = '1h';\n  @property({type: Boolean}) acknowledgeble = false;\n  @property({type: Boolean}) acknowledged = false;\n  @property({type: Number, attribute: 'narrow-breakpoint-px'})\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                  full-width\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;AAC8B,SAAA,YAAA;AACnB,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;AACyB,gBAAA;AAAA,EAAlD,SAAS,EAAC,MAAM,QAAQ,WAAW,cAAa;AAAA,GAHtC,iBAGwC,WAAA,aAAA,CAAA;AACxB,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,QAAQ,WAAW,wBAAuB;AAAA,GANhD,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,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;"}

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

@@ -1 +1 @@
-{"version":3,"file":"alert-topbar-element.d.ts","sourceRoot":"","sources":["../../../src/components/alert-topbar-element/alert-topbar-element.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAkB,MAAM,KAAK,CAAC;AAGhD,OAAO,8BAA8B,CAAC;AACtC,OAAO,4CAA4C,CAAC;AACpD,OAAO,8CAA8C,CAAC;AAEtD,OAAO,0BAA0B,CAAC;AAClC,OAAO,EAAC,SAAS,EAAC,MAAM,aAAa,CAAC;AAGtC;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,qBACa,qBAAsB,SAAQ,UAAU;IACF,OAAO,SAAK;IACV,SAAS,EAAE,SAAS,CACtD;IAC0C,eAAe,UAClE;IAER,iBAAiB,UAAS;IACwB,OAAO,UAAS;IACb,UAAU,UAAS;IAC7C,SAAS,UAAS;IACK,QAAQ,SAAO;IAExD,MAAM;IAsEf,OAAgB,MAAM,0BAA2B;CAClD;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,yBAAyB,EAAE,qBAAqB,CAAC;KAClD;CACF"}
+{"version":3,"file":"alert-topbar-element.d.ts","sourceRoot":"","sources":["../../../src/components/alert-topbar-element/alert-topbar-element.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAkB,MAAM,KAAK,CAAC;AAGhD,OAAO,8BAA8B,CAAC;AACtC,OAAO,4CAA4C,CAAC;AACpD,OAAO,8CAA8C,CAAC;AAEtD,OAAO,0BAA0B,CAAC;AAClC,OAAO,EAAC,SAAS,EAAC,MAAM,aAAa,CAAC;AAGtC;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,qBACa,qBAAsB,SAAQ,UAAU;IACzB,OAAO,SAAK;IACZ,SAAS,EAAE,SAAS,CAAkB;IACrC,eAAe,UAAS;IACxB,iBAAiB,UAAS;IAC1B,OAAO,UAAS;IAChB,UAAU,UAAS;IACnB,SAAS,UAAS;IACnB,QAAQ,SAAO;IAEhC,MAAM;IAsEf,OAAgB,MAAM,0BAA2B;CAClD;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,yBAAyB,EAAE,qBAAqB,CAAC;KAClD;CACF"}

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

@@ -37,8 +37,8 @@ let ObcAlertTopbarElement = class extends LitElement {
     if (this.minimized) {
       firstPart = html`<obc-notification-button
         icon
-        open-right
-        corner-left
+        openright
+        cornerleft
         @click=${() => this.dispatchEvent(new CustomEvent("muteclick"))}
       >
         <obi-14-mute></obi-14-mute>
@@ -46,22 +46,22 @@ let ObcAlertTopbarElement = class extends LitElement {
     } else {
       firstPart = html`<obc-notification-message
           class="notification-message"
-          ?empty=${empty}
+          .empty=${empty}
           @click=${() => this.dispatchEvent(new CustomEvent("messageclick"))}
         >
           <slot></slot>
           <div slot="empty">No active alerts</div>
         </obc-notification-message>
         ${this.showAck ? html`<obc-notification-button
-              open-right
+              openright
               @click=${() => this.dispatchEvent(new CustomEvent("ackclick"))}
               >ACK</obc-notification-button
             >` : html``}
         <obc-notification-button
           icon
-          open-right
-          ?indent=${empty}
-          ?disabled=${disabledMute}
+          openright
+          .indent=${empty}
+          .disabled=${disabledMute}
           @click=${() => this.dispatchEvent(new CustomEvent("muteclick"))}
         >
           <obi-14-mute></obi-14-mute>
@@ -82,11 +82,11 @@ let ObcAlertTopbarElement = class extends LitElement {
       >
         ${firstPart}
         <obc-alert-button
-          alert-type=${this.alertType}
-          n-alerts=${this.nAlerts}
-          ?counter=${!empty}
-          ?blink-alarm-value=${this.blinkAlarmValue}
-          ?blink-warning-value=${this.blinkWarningValue}
+          .alertType=${this.alertType}
+          .nAlerts=${this.nAlerts}
+          .counter=${!empty}
+          .blinkAlarmValue=${this.blinkAlarmValue}
+          .blinkWarningValue=${this.blinkWarningValue}
           @click=${() => this.dispatchEvent(new CustomEvent("alertclick"))}
         ></obc-alert-button>
       </div>
@@ -95,28 +95,28 @@ let ObcAlertTopbarElement = class extends LitElement {
 };
 ObcAlertTopbarElement.styles = unsafeCSS(compentStyle);
 __decorateClass([
-  property({ type: Number, attribute: "n-alerts" })
+  property({ type: Number })
 ], ObcAlertTopbarElement.prototype, "nAlerts", 2);
 __decorateClass([
-  property({ type: String, attribute: "alert-type" })
+  property({ type: String })
 ], ObcAlertTopbarElement.prototype, "alertType", 2);
 __decorateClass([
-  property({ type: Boolean, attribute: "blink-alarm-value" })
+  property({ type: Boolean })
 ], ObcAlertTopbarElement.prototype, "blinkAlarmValue", 2);
 __decorateClass([
-  property({ type: Boolean, attribute: "blink-warning-value" })
+  property({ type: Boolean })
 ], ObcAlertTopbarElement.prototype, "blinkWarningValue", 2);
 __decorateClass([
-  property({ type: Boolean, attribute: "show-ack" })
+  property({ type: Boolean })
 ], ObcAlertTopbarElement.prototype, "showAck", 2);
 __decorateClass([
-  property({ type: Boolean, attribute: "alert-muted" })
+  property({ type: Boolean })
 ], ObcAlertTopbarElement.prototype, "alertMuted", 2);
 __decorateClass([
   property({ type: Boolean })
 ], ObcAlertTopbarElement.prototype, "minimized", 2);
 __decorateClass([
-  property({ type: Number, attribute: "max-width" })
+  property({ type: Number })
 ], ObcAlertTopbarElement.prototype, "maxWidth", 2);
 ObcAlertTopbarElement = __decorateClass([
   customElement("obc-alert-topbar-element")

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, attribute: 'n-alerts'}) nAlerts = 0;\n  @property({type: String, attribute: 'alert-type'}) alertType: AlertType =\n    AlertType.None;\n  @property({type: Boolean, attribute: 'blink-alarm-value'}) blinkAlarmValue =\n    false;\n  @property({type: Boolean, attribute: 'blink-warning-value'})\n  blinkWarningValue = false;\n  @property({type: Boolean, attribute: 'show-ack'}) showAck = false;\n  @property({type: Boolean, attribute: 'alert-muted'}) alertMuted = false;\n  @property({type: Boolean}) minimized = false;\n  @property({type: Number, attribute: 'max-width'}) 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        open-right\n        corner-left\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              open-right\n              @click=${() => this.dispatchEvent(new CustomEvent('ackclick'))}\n              >ACK</obc-notification-button\n            >`\n          : html``}\n        <obc-notification-button\n          icon\n          open-right\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          alert-type=${this.alertType}\n          n-alerts=${this.nAlerts}\n          ?counter=${!empty}\n          ?blink-alarm-value=${this.blinkAlarmValue}\n          ?blink-warning-value=${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;AACsD,SAAA,UAAA;AACR,SAAA,YACjD,UAAU;AAEV,SAAA,kBAAA;AAEkB,SAAA,oBAAA;AACwC,SAAA,UAAA;AACM,SAAA,aAAA;AAC3B,SAAA,YAAA;AACsB,SAAA,WAAA;AAAA,EAAA;AAAA,EAEpD,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,+BACI,KAAK,eAAe;AAAA,iCAClB,KAAK,iBAAiB;AAAA,mBACpC,MAAM,KAAK,cAAc,IAAI,YAAY,YAAY,CAAC,CAAC;AAAA;AAAA;AAAA;AAAA,EAIxE;AAGF;AApFa,sBAmFK,SAAS,UAAU,YAAY;AAlFE,gBAAA;AAAA,EAAhD,SAAS,EAAC,MAAM,QAAQ,WAAW,YAAW;AAAA,GADpC,sBACsC,WAAA,WAAA,CAAA;AACE,gBAAA;AAAA,EAAlD,SAAS,EAAC,MAAM,QAAQ,WAAW,cAAa;AAAA,GAFtC,sBAEwC,WAAA,aAAA,CAAA;AAEQ,gBAAA;AAAA,EAA1D,SAAS,EAAC,MAAM,SAAS,WAAW,qBAAoB;AAAA,GAJ9C,sBAIgD,WAAA,mBAAA,CAAA;AAG3D,gBAAA;AAAA,EADC,SAAS,EAAC,MAAM,SAAS,WAAW,uBAAsB;AAAA,GANhD,sBAOX,WAAA,qBAAA,CAAA;AACkD,gBAAA;AAAA,EAAjD,SAAS,EAAC,MAAM,SAAS,WAAW,YAAW;AAAA,GARrC,sBAQuC,WAAA,WAAA,CAAA;AACG,gBAAA;AAAA,EAApD,SAAS,EAAC,MAAM,SAAS,WAAW,eAAc;AAAA,GATxC,sBAS0C,WAAA,cAAA,CAAA;AAC1B,gBAAA;AAAA,EAA1B,SAAS,EAAC,MAAM,SAAQ;AAAA,GAVd,sBAUgB,WAAA,aAAA,CAAA;AACuB,gBAAA;AAAA,EAAjD,SAAS,EAAC,MAAM,QAAQ,WAAW,aAAY;AAAA,GAXrC,sBAWuC,WAAA,YAAA,CAAA;AAXvC,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,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;"}

package/dist/components/badge/badge.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"badge.d.ts","sourceRoot":"","sources":["../../../src/components/badge/badge.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAkB,MAAM,KAAK,CAAC;AAKhD,oBAAY,SAAS;IACnB,OAAO,YAAY;IACnB,KAAK,UAAU;CAChB;AAED,oBAAY,SAAS;IACnB,KAAK,UAAU;IACf,OAAO,YAAY;IACnB,OAAO,YAAY;IACnB,OAAO,YAAY;IACnB,YAAY,iBAAiB;IAC7B,OAAO,YAAY;IACnB,OAAO,YAAY;IACnB,IAAI,SAAS;IACb,KAAK,UAAU;IACf,UAAU,eAAe;CAC1B;AAED,qBACa,QAAS,SAAQ,UAAU;IACZ,MAAM,SAAK;IACgB,UAAU,UAAS;IAC9C,IAAI,EAAE,SAAS,CAAqB;IACpC,IAAI,EAAE,SAAS,CAAqB;IAErD,MAAM;IAqBf,OAAgB,MAAM,0BAA2B;CAClD;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,WAAW,EAAE,QAAQ,CAAC;KACvB;CACF"}
+{"version":3,"file":"badge.d.ts","sourceRoot":"","sources":["../../../src/components/badge/badge.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAkB,MAAM,KAAK,CAAC;AAKhD,oBAAY,SAAS;IACnB,OAAO,YAAY;IACnB,KAAK,UAAU;CAChB;AAED,oBAAY,SAAS;IACnB,KAAK,UAAU;IACf,OAAO,YAAY;IACnB,OAAO,YAAY;IACnB,OAAO,YAAY;IACnB,YAAY,iBAAiB;IAC7B,OAAO,YAAY;IACnB,OAAO,YAAY;IACnB,IAAI,SAAS;IACb,KAAK,UAAU;IACf,UAAU,eAAe;CAC1B;AAED,qBACa,QAAS,SAAQ,UAAU;IACZ,MAAM,SAAK;IACV,UAAU,UAAS;IACpB,IAAI,EAAE,SAAS,CAAqB;IACpC,IAAI,EAAE,SAAS,CAAqB;IAErD,MAAM;IAqBf,OAAgB,MAAM,0BAA2B;CAClD;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,WAAW,EAAE,QAAQ,CAAC;KACvB;CACF"}

package/dist/components/badge/badge.js

@@ -61,7 +61,7 @@ __decorateClass([
   property({ type: Number })
 ], ObcBadge.prototype, "number", 2);
 __decorateClass([
-  property({ type: Boolean, attribute: "hide-number" })
+  property({ type: Boolean })
 ], ObcBadge.prototype, "hideNumber", 2);
 __decorateClass([
   property({ type: String })

package/dist/components/badge/badge.js.map

@@ -1 +1 @@
-{"version":3,"file":"badge.js","sources":["../../../src/components/badge/badge.ts"],"sourcesContent":["import {LitElement, html, unsafeCSS} from 'lit';\nimport {customElement, property} from 'lit/decorators.js';\nimport compentStyle from './badge.css?inline';\nimport {classMap} from 'lit/directives/class-map.js';\n\nexport enum BadgeSize {\n  regular = 'regular',\n  large = 'large',\n}\n\nexport enum BadgeType {\n  alarm = 'alarm',\n  warning = 'warning',\n  caution = 'caution',\n  running = 'running',\n  notification = 'notification',\n  enhance = 'enhance',\n  regular = 'regular',\n  flat = 'flat',\n  empty = 'empty',\n  automation = 'automation',\n}\n\n@customElement('obc-badge')\nexport class ObcBadge extends LitElement {\n  @property({type: Number}) number = 0;\n  @property({type: Boolean, attribute: 'hide-number'}) hideNumber = false;\n  @property({type: String}) size: BadgeSize = BadgeSize.regular;\n  @property({type: String}) type: BadgeType = BadgeType.regular;\n\n  override render() {\n    return html`\n      <div\n        class=${classMap({\n          wrapper: true,\n          ['size-' + this.size]: true,\n          ['type-' + this.type]: true,\n        })}\n      >\n        ${this.type !== BadgeType.empty\n          ? html`\n              <div class=\"icon\"><slot></slot></div>\n              ${!this.hideNumber\n                ? html`<div class=\"number\">${this.number}</div>`\n                : ''}\n            `\n          : ''}\n      </div>\n    `;\n  }\n\n  static override styles = unsafeCSS(compentStyle);\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'obc-badge': ObcBadge;\n  }\n}\n"],"names":["BadgeSize","BadgeType"],"mappings":";;;;;;;;;;;;;;;AAKY,IAAA,8BAAAA,eAAL;AACLA,aAAA,SAAU,IAAA;AACVA,aAAA,OAAQ,IAAA;AAFEA,SAAAA;AAAA,GAAA,aAAA,CAAA,CAAA;AAKA,IAAA,8BAAAC,eAAL;AACLA,aAAA,OAAQ,IAAA;AACRA,aAAA,SAAU,IAAA;AACVA,aAAA,SAAU,IAAA;AACVA,aAAA,SAAU,IAAA;AACVA,aAAA,cAAe,IAAA;AACfA,aAAA,SAAU,IAAA;AACVA,aAAA,SAAU,IAAA;AACVA,aAAA,MAAO,IAAA;AACPA,aAAA,OAAQ,IAAA;AACRA,aAAA,YAAa,IAAA;AAVHA,SAAAA;AAAA,GAAA,aAAA,CAAA,CAAA;AAcC,IAAA,WAAN,cAAuB,WAAW;AAAA,EAAlC,cAAA;AAAA,UAAA,GAAA,SAAA;AAC8B,SAAA,SAAA;AAC+B,SAAA,aAAA;AACtB,SAAA,OAAA;AACA,SAAA,OAAA;AAAA,EAAA;AAAA,EAEnC,SAAS;AACT,WAAA;AAAA;AAAA,gBAEK,SAAS;AAAA,MACf,SAAS;AAAA,MACT,CAAC,UAAU,KAAK,IAAI,GAAG;AAAA,MACvB,CAAC,UAAU,KAAK,IAAI,GAAG;AAAA,IAAA,CACxB,CAAC;AAAA;AAAA,UAEA,KAAK,SAAS,UACZ;AAAA;AAAA,gBAEI,CAAC,KAAK,aACJ,2BAA2B,KAAK,MAAM,WACtC,EAAE;AAAA,gBAER,EAAE;AAAA;AAAA;AAAA,EAGZ;AAGF;AA5Ba,SA2BK,SAAS,UAAU,YAAY;AA1BrB,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,QAAO;AAAA,GADb,SACe,WAAA,UAAA,CAAA;AAC2B,gBAAA;AAAA,EAApD,SAAS,EAAC,MAAM,SAAS,WAAW,eAAc;AAAA,GAFxC,SAE0C,WAAA,cAAA,CAAA;AAC3B,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,QAAO;AAAA,GAHb,SAGe,WAAA,QAAA,CAAA;AACA,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,QAAO;AAAA,GAJb,SAIe,WAAA,QAAA,CAAA;AAJf,WAAN,gBAAA;AAAA,EADN,cAAc,WAAW;AAAA,GACb,QAAA;"}
+{"version":3,"file":"badge.js","sources":["../../../src/components/badge/badge.ts"],"sourcesContent":["import {LitElement, html, unsafeCSS} from 'lit';\nimport {customElement, property} from 'lit/decorators.js';\nimport compentStyle from './badge.css?inline';\nimport {classMap} from 'lit/directives/class-map.js';\n\nexport enum BadgeSize {\n  regular = 'regular',\n  large = 'large',\n}\n\nexport enum BadgeType {\n  alarm = 'alarm',\n  warning = 'warning',\n  caution = 'caution',\n  running = 'running',\n  notification = 'notification',\n  enhance = 'enhance',\n  regular = 'regular',\n  flat = 'flat',\n  empty = 'empty',\n  automation = 'automation',\n}\n\n@customElement('obc-badge')\nexport class ObcBadge extends LitElement {\n  @property({type: Number}) number = 0;\n  @property({type: Boolean}) hideNumber = false;\n  @property({type: String}) size: BadgeSize = BadgeSize.regular;\n  @property({type: String}) type: BadgeType = BadgeType.regular;\n\n  override render() {\n    return html`\n      <div\n        class=${classMap({\n          wrapper: true,\n          ['size-' + this.size]: true,\n          ['type-' + this.type]: true,\n        })}\n      >\n        ${this.type !== BadgeType.empty\n          ? html`\n              <div class=\"icon\"><slot></slot></div>\n              ${!this.hideNumber\n                ? html`<div class=\"number\">${this.number}</div>`\n                : ''}\n            `\n          : ''}\n      </div>\n    `;\n  }\n\n  static override styles = unsafeCSS(compentStyle);\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'obc-badge': ObcBadge;\n  }\n}\n"],"names":["BadgeSize","BadgeType"],"mappings":";;;;;;;;;;;;;;;AAKY,IAAA,8BAAAA,eAAL;AACLA,aAAA,SAAU,IAAA;AACVA,aAAA,OAAQ,IAAA;AAFEA,SAAAA;AAAA,GAAA,aAAA,CAAA,CAAA;AAKA,IAAA,8BAAAC,eAAL;AACLA,aAAA,OAAQ,IAAA;AACRA,aAAA,SAAU,IAAA;AACVA,aAAA,SAAU,IAAA;AACVA,aAAA,SAAU,IAAA;AACVA,aAAA,cAAe,IAAA;AACfA,aAAA,SAAU,IAAA;AACVA,aAAA,SAAU,IAAA;AACVA,aAAA,MAAO,IAAA;AACPA,aAAA,OAAQ,IAAA;AACRA,aAAA,YAAa,IAAA;AAVHA,SAAAA;AAAA,GAAA,aAAA,CAAA,CAAA;AAcC,IAAA,WAAN,cAAuB,WAAW;AAAA,EAAlC,cAAA;AAAA,UAAA,GAAA,SAAA;AAC8B,SAAA,SAAA;AACK,SAAA,aAAA;AACI,SAAA,OAAA;AACA,SAAA,OAAA;AAAA,EAAA;AAAA,EAEnC,SAAS;AACT,WAAA;AAAA;AAAA,gBAEK,SAAS;AAAA,MACf,SAAS;AAAA,MACT,CAAC,UAAU,KAAK,IAAI,GAAG;AAAA,MACvB,CAAC,UAAU,KAAK,IAAI,GAAG;AAAA,IAAA,CACxB,CAAC;AAAA;AAAA,UAEA,KAAK,SAAS,UACZ;AAAA;AAAA,gBAEI,CAAC,KAAK,aACJ,2BAA2B,KAAK,MAAM,WACtC,EAAE;AAAA,gBAER,EAAE;AAAA;AAAA;AAAA,EAGZ;AAGF;AA5Ba,SA2BK,SAAS,UAAU,YAAY;AA1BrB,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,QAAO;AAAA,GADb,SACe,WAAA,UAAA,CAAA;AACC,gBAAA;AAAA,EAA1B,SAAS,EAAC,MAAM,SAAQ;AAAA,GAFd,SAEgB,WAAA,cAAA,CAAA;AACD,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,QAAO;AAAA,GAHb,SAGe,WAAA,QAAA,CAAA;AACA,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,QAAO;AAAA,GAJb,SAIe,WAAA,QAAA,CAAA;AAJf,WAAN,gBAAA;AAAA,EADN,cAAc,WAAW;AAAA,GACb,QAAA;"}

package/dist/components/brilliance-menu/brilliance-menu.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"brilliance-menu.d.ts","sourceRoot":"","sources":["../../../src/components/brilliance-menu/brilliance-menu.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAkB,MAAM,KAAK,CAAC;AAGhD,OAAO,4BAA4B,CAAC;AACpC,OAAO,kBAAkB,CAAC;AAC1B,OAAO,gCAAgC,CAAC;AACxC,OAAO,4CAA4C,CAAC;AACpD,OAAO,8CAA8C,CAAC;AACtD,OAAO,oCAAoC,CAAC;AAC5C,OAAO,qCAAqC,CAAC;AAC7C,OAAO,2BAA2B,CAAC;AACnC,OAAO,0BAA0B,CAAC;AAClC,OAAO,yBAAyB,CAAC;AACjC,OAAO,gCAAgC,CAAC;AAExC;;;;;;;;;;GAUG;AACH,qBACa,iBAAkB,SAAQ,UAAU;IACrB,OAAO,EAAE,OAAO,GAAG,MAAM,GAAG,KAAK,GAAG,QAAQ,CAC9D;IACkB,UAAU,SAAM;IAE1C,kBAAkB,UAAS;IACgC,eAAe,UAClE;IAER,gBAAgB,CAAC,KAAK,EAAE,WAAW;IASnC,mBAAmB,CAAC,KAAK,EAAE,WAAW;IAS7B,MAAM;IAkDf,OAAgB,MAAM,0BAA6B;CACpD;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,qBAAqB,EAAE,iBAAiB,CAAC;KAC1C;CACF"}
+{"version":3,"file":"brilliance-menu.d.ts","sourceRoot":"","sources":["../../../src/components/brilliance-menu/brilliance-menu.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAkB,MAAM,KAAK,CAAC;AAGhD,OAAO,4BAA4B,CAAC;AACpC,OAAO,kBAAkB,CAAC;AAC1B,OAAO,gCAAgC,CAAC;AACxC,OAAO,4CAA4C,CAAC;AACpD,OAAO,8CAA8C,CAAC;AACtD,OAAO,oCAAoC,CAAC;AAC5C,OAAO,qCAAqC,CAAC;AAC7C,OAAO,2BAA2B,CAAC;AACnC,OAAO,0BAA0B,CAAC;AAClC,OAAO,yBAAyB,CAAC;AACjC,OAAO,gCAAgC,CAAC;AAExC;;;;;;;;;;GAUG;AACH,qBACa,iBAAkB,SAAQ,UAAU;IACrB,OAAO,EAAE,OAAO,GAAG,MAAM,GAAG,KAAK,GAAG,QAAQ,CAC9D;IACkB,UAAU,SAAM;IAE1C,kBAAkB,UAAS;IACA,eAAe,UAAS;IAEnD,gBAAgB,CAAC,KAAK,EAAE,WAAW;IASnC,mBAAmB,CAAC,KAAK,EAAE,WAAW;IAS7B,MAAM;IAkDf,OAAgB,MAAM,0BAA6B;CACpD;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,qBAAqB,EAAE,iBAAiB,CAAC;KAC1C;CACF"}

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

@@ -56,9 +56,9 @@ let ObcBrillianceMenu = class extends LitElement {
           @value=${this.onBrightnessChanged}
           min="0"
           max="100"
-          hug-container
-          has-left-icon
-          has-right-icon
+          hugcontainer
+          haslefticon
+          hasrighticon
         >
           <obi-04-brilliance-low slot="icon-left"></obi-04-brilliance-low>
           <obi-04-brilliance-high slot="icon-right"></obi-04-brilliance-high>
@@ -101,10 +101,10 @@ __decorateClass([
   property({ type: Number })
 ], ObcBrillianceMenu.prototype, "brightness", 2);
 __decorateClass([
-  property({ type: Boolean, attribute: "show-auto-brightness" })
+  property({ type: Boolean })
 ], ObcBrillianceMenu.prototype, "showAutoBrightness", 2);
 __decorateClass([
-  property({ type: Boolean, attribute: "show-auto-palette" })
+  property({ type: Boolean })
 ], ObcBrillianceMenu.prototype, "showAutoPalette", 2);
 ObcBrillianceMenu = __decorateClass([
   customElement("obc-brilliance-menu")

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

@@ -1 +1 @@
-{"version":3,"file":"brilliance-menu.js","sources":["../../../src/components/brilliance-menu/brilliance-menu.ts"],"sourcesContent":["import {LitElement, html, unsafeCSS} from 'lit';\nimport {customElement, property} from 'lit/decorators.js';\nimport componentStyle from './brilliance-menu.css?inline';\nimport '../icon-button/icon-button';\nimport '../slider/slider';\nimport '../toggle-switch/toggle-switch';\nimport '../toggle-button-group/toggle-button-group';\nimport '../toggle-button-option/toggle-button-option';\nimport '../../icons/icon-04-brilliance-low';\nimport '../../icons/icon-04-brilliance-high';\nimport '../../icons/icon-04-night';\nimport '../../icons/icon-04-dusk';\nimport '../../icons/icon-04-day';\nimport '../../icons/icon-04-day-bright';\n\n/**\n * @element obc-brilliance-menu\n *\n * @prop {String} palette - The palette to use. Possible values are 'night', 'dusk', 'day', 'bright'\n * @prop {Number} brightness - The brightness value\n * @prop {Boolean} showAutoBrightness - Show the auto brightness toggle\n * @prop {Boolean} showAutoPalette - Show the auto palette toggle\n *\n * @fires palette-changed - Fires when the palette is changed\n * @fires brightness-changed - Fires when the brightness is changed\n */\n@customElement('obc-brilliance-menu')\nexport class ObcBrillianceMenu extends LitElement {\n  @property({type: String}) palette: 'night' | 'dusk' | 'day' | 'bright' =\n    'day';\n  @property({type: Number}) brightness = 50;\n  @property({type: Boolean, attribute: 'show-auto-brightness'})\n  showAutoBrightness = false;\n  @property({type: Boolean, attribute: 'show-auto-palette'}) showAutoPalette =\n    false;\n\n  onPaletteChanged(event: CustomEvent) {\n    this.palette = event.detail.value;\n    this.dispatchEvent(\n      new CustomEvent('palette-changed', {\n        detail: {value: event.detail.value},\n      })\n    );\n  }\n\n  onBrightnessChanged(event: CustomEvent) {\n    this.brightness = event.detail;\n    this.dispatchEvent(\n      new CustomEvent('brightness-changed', {\n        detail: {value: event.detail},\n      })\n    );\n  }\n\n  override render() {\n    return html`\n      <div class=\"card\">\n        <h3>Brilliance</h3>\n        <obc-slider\n          value=${this.brightness}\n          @value=${this.onBrightnessChanged}\n          min=\"0\"\n          max=\"100\"\n          hug-container\n          has-left-icon\n          has-right-icon\n        >\n          <obi-04-brilliance-low slot=\"icon-left\"></obi-04-brilliance-low>\n          <obi-04-brilliance-high slot=\"icon-right\"></obi-04-brilliance-high>\n        </obc-slider>\n        ${this.showAutoBrightness\n          ? html`<obc-toggle-switch\n              label=\"Auto brilliance\"\n            ></obc-toggle-switch>`\n          : ''}\n        <div class=\"divider\"></div>\n        <h3>Day - Night</h3>\n        <obc-toggle-button-group\n          value=${this.palette}\n          @value=${this.onPaletteChanged}\n        >\n          <obc-toggle-button-option value=\"night\">\n            <obi-04-night slot=\"icon\"></obi-04-night>\n          </obc-toggle-button-option>\n          <obc-toggle-button-option value=\"dusk\">\n            <obi-04-dusk slot=\"icon\"></obi-04-dusk>\n          </obc-toggle-button-option>\n          <obc-toggle-button-option value=\"day\">\n            <obi-04-day slot=\"icon\"></obi-04-day>\n          </obc-toggle-button-option>\n          <obc-toggle-button-option value=\"bright\">\n            <obi-04-day-bright slot=\"icon\"></obi-04-day-bright>\n          </obc-toggle-button-option>\n        </obc-toggle-button-group>\n        ${this.showAutoPalette\n          ? html`<obc-toggle-switch\n              label=\"Auto day - night\"\n              checked\n            ></obc-toggle-switch>`\n          : ''}\n      </div>\n    `;\n  }\n\n  static override styles = unsafeCSS(componentStyle);\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'obc-brilliance-menu': ObcBrillianceMenu;\n  }\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AA2Ba,IAAA,oBAAN,cAAgC,WAAW;AAAA,EAA3C,cAAA;AAAA,UAAA,GAAA,SAAA;AAEH,SAAA,UAAA;AACqC,SAAA,aAAA;AAElB,SAAA,qBAAA;AAEnB,SAAA,kBAAA;AAAA,EAAA;AAAA,EAEF,iBAAiB,OAAoB;AAC9B,SAAA,UAAU,MAAM,OAAO;AACvB,SAAA;AAAA,MACH,IAAI,YAAY,mBAAmB;AAAA,QACjC,QAAQ,EAAC,OAAO,MAAM,OAAO,MAAK;AAAA,MAAA,CACnC;AAAA,IAAA;AAAA,EAEL;AAAA,EAEA,oBAAoB,OAAoB;AACtC,SAAK,aAAa,MAAM;AACnB,SAAA;AAAA,MACH,IAAI,YAAY,sBAAsB;AAAA,QACpC,QAAQ,EAAC,OAAO,MAAM,OAAM;AAAA,MAAA,CAC7B;AAAA,IAAA;AAAA,EAEL;AAAA,EAES,SAAS;AACT,WAAA;AAAA;AAAA;AAAA;AAAA,kBAIO,KAAK,UAAU;AAAA,mBACd,KAAK,mBAAmB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,UAUjC,KAAK,qBACH;AAAA;AAAA,qCAGA,EAAE;AAAA;AAAA;AAAA;AAAA,kBAII,KAAK,OAAO;AAAA,mBACX,KAAK,gBAAgB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,UAe9B,KAAK,kBACH;AAAA;AAAA;AAAA,qCAIA,EAAE;AAAA;AAAA;AAAA,EAGZ;AAGF;AA9Ea,kBA6EK,SAAS,UAAU,cAAc;AA5EvB,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,QAAO;AAAA,GADb,kBACe,WAAA,WAAA,CAAA;AAEA,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,QAAO;AAAA,GAHb,kBAGe,WAAA,cAAA,CAAA;AAE1B,gBAAA;AAAA,EADC,SAAS,EAAC,MAAM,SAAS,WAAW,wBAAuB;AAAA,GAJjD,kBAKX,WAAA,sBAAA,CAAA;AAC2D,gBAAA;AAAA,EAA1D,SAAS,EAAC,MAAM,SAAS,WAAW,qBAAoB;AAAA,GAN9C,kBAMgD,WAAA,mBAAA,CAAA;AANhD,oBAAN,gBAAA;AAAA,EADN,cAAc,qBAAqB;AAAA,GACvB,iBAAA;"}
+{"version":3,"file":"brilliance-menu.js","sources":["../../../src/components/brilliance-menu/brilliance-menu.ts"],"sourcesContent":["import {LitElement, html, unsafeCSS} from 'lit';\nimport {customElement, property} from 'lit/decorators.js';\nimport componentStyle from './brilliance-menu.css?inline';\nimport '../icon-button/icon-button';\nimport '../slider/slider';\nimport '../toggle-switch/toggle-switch';\nimport '../toggle-button-group/toggle-button-group';\nimport '../toggle-button-option/toggle-button-option';\nimport '../../icons/icon-04-brilliance-low';\nimport '../../icons/icon-04-brilliance-high';\nimport '../../icons/icon-04-night';\nimport '../../icons/icon-04-dusk';\nimport '../../icons/icon-04-day';\nimport '../../icons/icon-04-day-bright';\n\n/**\n * @element obc-brilliance-menu\n *\n * @prop {String} palette - The palette to use. Possible values are 'night', 'dusk', 'day', 'bright'\n * @prop {Number} brightness - The brightness value\n * @prop {Boolean} showAutoBrightness - Show the auto brightness toggle\n * @prop {Boolean} showAutoPalette - Show the auto palette toggle\n *\n * @fires palette-changed - Fires when the palette is changed\n * @fires brightness-changed - Fires when the brightness is changed\n */\n@customElement('obc-brilliance-menu')\nexport class ObcBrillianceMenu extends LitElement {\n  @property({type: String}) palette: 'night' | 'dusk' | 'day' | 'bright' =\n    'day';\n  @property({type: Number}) brightness = 50;\n  @property({type: Boolean})\n  showAutoBrightness = false;\n  @property({type: Boolean}) showAutoPalette = false;\n\n  onPaletteChanged(event: CustomEvent) {\n    this.palette = event.detail.value;\n    this.dispatchEvent(\n      new CustomEvent('palette-changed', {\n        detail: {value: event.detail.value},\n      })\n    );\n  }\n\n  onBrightnessChanged(event: CustomEvent) {\n    this.brightness = event.detail;\n    this.dispatchEvent(\n      new CustomEvent('brightness-changed', {\n        detail: {value: event.detail},\n      })\n    );\n  }\n\n  override render() {\n    return html`\n      <div class=\"card\">\n        <h3>Brilliance</h3>\n        <obc-slider\n          value=${this.brightness}\n          @value=${this.onBrightnessChanged}\n          min=\"0\"\n          max=\"100\"\n          hugcontainer\n          haslefticon\n          hasrighticon\n        >\n          <obi-04-brilliance-low slot=\"icon-left\"></obi-04-brilliance-low>\n          <obi-04-brilliance-high slot=\"icon-right\"></obi-04-brilliance-high>\n        </obc-slider>\n        ${this.showAutoBrightness\n          ? html`<obc-toggle-switch\n              label=\"Auto brilliance\"\n            ></obc-toggle-switch>`\n          : ''}\n        <div class=\"divider\"></div>\n        <h3>Day - Night</h3>\n        <obc-toggle-button-group\n          value=${this.palette}\n          @value=${this.onPaletteChanged}\n        >\n          <obc-toggle-button-option value=\"night\">\n            <obi-04-night slot=\"icon\"></obi-04-night>\n          </obc-toggle-button-option>\n          <obc-toggle-button-option value=\"dusk\">\n            <obi-04-dusk slot=\"icon\"></obi-04-dusk>\n          </obc-toggle-button-option>\n          <obc-toggle-button-option value=\"day\">\n            <obi-04-day slot=\"icon\"></obi-04-day>\n          </obc-toggle-button-option>\n          <obc-toggle-button-option value=\"bright\">\n            <obi-04-day-bright slot=\"icon\"></obi-04-day-bright>\n          </obc-toggle-button-option>\n        </obc-toggle-button-group>\n        ${this.showAutoPalette\n          ? html`<obc-toggle-switch\n              label=\"Auto day - night\"\n              checked\n            ></obc-toggle-switch>`\n          : ''}\n      </div>\n    `;\n  }\n\n  static override styles = unsafeCSS(componentStyle);\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'obc-brilliance-menu': ObcBrillianceMenu;\n  }\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AA2Ba,IAAA,oBAAN,cAAgC,WAAW;AAAA,EAA3C,cAAA;AAAA,UAAA,GAAA,SAAA;AAEH,SAAA,UAAA;AACqC,SAAA,aAAA;AAElB,SAAA,qBAAA;AACwB,SAAA,kBAAA;AAAA,EAAA;AAAA,EAE7C,iBAAiB,OAAoB;AAC9B,SAAA,UAAU,MAAM,OAAO;AACvB,SAAA;AAAA,MACH,IAAI,YAAY,mBAAmB;AAAA,QACjC,QAAQ,EAAC,OAAO,MAAM,OAAO,MAAK;AAAA,MAAA,CACnC;AAAA,IAAA;AAAA,EAEL;AAAA,EAEA,oBAAoB,OAAoB;AACtC,SAAK,aAAa,MAAM;AACnB,SAAA;AAAA,MACH,IAAI,YAAY,sBAAsB;AAAA,QACpC,QAAQ,EAAC,OAAO,MAAM,OAAM;AAAA,MAAA,CAC7B;AAAA,IAAA;AAAA,EAEL;AAAA,EAES,SAAS;AACT,WAAA;AAAA;AAAA;AAAA;AAAA,kBAIO,KAAK,UAAU;AAAA,mBACd,KAAK,mBAAmB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,UAUjC,KAAK,qBACH;AAAA;AAAA,qCAGA,EAAE;AAAA;AAAA;AAAA;AAAA,kBAII,KAAK,OAAO;AAAA,mBACX,KAAK,gBAAgB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,UAe9B,KAAK,kBACH;AAAA;AAAA;AAAA,qCAIA,EAAE;AAAA;AAAA;AAAA,EAGZ;AAGF;AA7Ea,kBA4EK,SAAS,UAAU,cAAc;AA3EvB,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,QAAO;AAAA,GADb,kBACe,WAAA,WAAA,CAAA;AAEA,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,QAAO;AAAA,GAHb,kBAGe,WAAA,cAAA,CAAA;AAE1B,gBAAA;AAAA,EADC,SAAS,EAAC,MAAM,SAAQ;AAAA,GAJd,kBAKX,WAAA,sBAAA,CAAA;AAC2B,gBAAA;AAAA,EAA1B,SAAS,EAAC,MAAM,SAAQ;AAAA,GANd,kBAMgB,WAAA,mBAAA,CAAA;AANhB,oBAAN,gBAAA;AAAA,EADN,cAAc,qBAAqB;AAAA,GACvB,iBAAA;"}

package/dist/components/button/button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../src/components/button/button.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAkB,MAAM,KAAK,CAAC;AAUhD,qBACa,SAAU,SAAQ,UAAU;IACb,IAAI,SAAoB;IACxB,OAAO,SAAY;IACnB,IAAI,SAAa;IACS,SAAS,UAAS;IACpB,OAAO,UAAS;IACvC,OAAO,UAAS;IAChB,QAAQ,UAAS;IAG5C,WAAW,EAAG,UAAU,CAAC,WAAW,CAAC,CAAC;IAEtC,YAAY,EAAG,UAAU,CAAC,WAAW,CAAC,CAAC;IAC9B,cAAc,UAAS;IACvB,eAAe,UAAS;IAExB,YAAY;IAKZ,MAAM;IAwBf,OAAgB,MAAM,0BAAwB;CAC/C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,YAAY,EAAE,SAAS,CAAC;KACzB;CACF"}
+{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../src/components/button/button.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAkB,MAAM,KAAK,CAAC;AAUhD,qBACa,SAAU,SAAQ,UAAU;IACb,IAAI,SAAoB;IACxB,OAAO,SAAY;IACnB,IAAI,SAAa;IAChB,SAAS,UAAS;IAClB,OAAO,UAAS;IAChB,OAAO,UAAS;IAChB,QAAQ,UAAS;IAG5C,WAAW,EAAG,UAAU,CAAC,WAAW,CAAC,CAAC;IAEtC,YAAY,EAAG,UAAU,CAAC,WAAW,CAAC,CAAC;IAC9B,cAAc,UAAS;IACvB,eAAe,UAAS;IAExB,YAAY;IAKZ,MAAM;IAwBf,OAAgB,MAAM,0BAAwB;CAC/C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,YAAY,EAAE,SAAS,CAAC;KACzB;CACF"}

package/dist/components/button/button.js

@@ -65,10 +65,10 @@ __decorateClass([
   property({ type: String })
 ], ObcButton.prototype, "size", 2);
 __decorateClass([
-  property({ type: Boolean, attribute: "full-width" })
+  property({ type: Boolean })
 ], ObcButton.prototype, "fullWidth", 2);
 __decorateClass([
-  property({ type: Boolean, attribute: "hug-text" })
+  property({ type: Boolean })
 ], ObcButton.prototype, "hugText", 2);
 __decorateClass([
   property({ type: Boolean })

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

@@ -1 +1 @@
-{"version":3,"file":"button.js","sources":["../../../src/components/button/button.ts"],"sourcesContent":["import {LitElement, html, unsafeCSS} from 'lit';\nimport {\n  customElement,\n  property,\n  queryAssignedElements,\n  state,\n} from 'lit/decorators.js';\nimport iconStyle from './button.css?inline';\nimport {classMap} from 'lit/directives/class-map.js';\n\n@customElement('obc-button')\nexport class ObcButton extends LitElement {\n  @property({type: String}) icon = '01-placeholder';\n  @property({type: String}) variant = 'normal';\n  @property({type: String}) size = 'regular';\n  @property({type: Boolean, attribute: 'full-width'}) fullWidth = false;\n  @property({type: Boolean, attribute: 'hug-text'}) hugText = false;\n  @property({type: Boolean}) checked = false;\n  @property({type: Boolean}) disabled = false;\n\n  @queryAssignedElements({slot: 'leading-icon'})\n  leadingIcon!: NodeListOf<HTMLElement>;\n  @queryAssignedElements({slot: 'trailing-icon'})\n  trailingIcon!: NodeListOf<HTMLElement>;\n  @state() hasIconLeading = false;\n  @state() hasIconTrailing = false;\n\n  override firstUpdated() {\n    this.hasIconLeading = this.leadingIcon.length > 0;\n    this.hasIconTrailing = this.trailingIcon.length > 0;\n  }\n\n  override render() {\n    return html`\n      <button\n        class=${classMap({\n          wrapper: true,\n          ['variant-' + this.variant]: true,\n          ['size-' + this.size]: true,\n          hasIconLeading: this.hasIconLeading,\n          hasIconTrailing: this.hasIconTrailing,\n          'full-width': this.fullWidth,\n          'hug-text': this.hugText,\n          checked: this.checked,\n        })}\n        ?disabled=${this.disabled}\n      >\n        <div class=\"visible-wrapper\">\n          <span class=\"icon leading\"><slot name=\"leading-icon\"></slot></span>\n          <span class=\"label\"><slot></slot></span>\n          <span class=\"icon trailing\"><slot name=\"trailing-icon\"></slot></span>\n        </div>\n      </button>\n    `;\n  }\n\n  static override styles = unsafeCSS(iconStyle);\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'obc-button': ObcButton;\n  }\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;;AAWa,IAAA,YAAN,cAAwB,WAAW;AAAA,EAAnC,cAAA;AAAA,UAAA,GAAA,SAAA;AAC4B,SAAA,OAAA;AACG,SAAA,UAAA;AACH,SAAA,OAAA;AAC+B,SAAA,YAAA;AACJ,SAAA,UAAA;AACvB,SAAA,UAAA;AACC,SAAA,WAAA;AAMZ,SAAA,iBAAA;AACC,SAAA,kBAAA;AAAA,EAAA;AAAA,EAElB,eAAe;AACjB,SAAA,iBAAiB,KAAK,YAAY,SAAS;AAC3C,SAAA,kBAAkB,KAAK,aAAa,SAAS;AAAA,EACpD;AAAA,EAES,SAAS;AACT,WAAA;AAAA;AAAA,gBAEK,SAAS;AAAA,MACf,SAAS;AAAA,MACT,CAAC,aAAa,KAAK,OAAO,GAAG;AAAA,MAC7B,CAAC,UAAU,KAAK,IAAI,GAAG;AAAA,MACvB,gBAAgB,KAAK;AAAA,MACrB,iBAAiB,KAAK;AAAA,MACtB,cAAc,KAAK;AAAA,MACnB,YAAY,KAAK;AAAA,MACjB,SAAS,KAAK;AAAA,IAAA,CACf,CAAC;AAAA,oBACU,KAAK,QAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAS/B;AAGF;AA9Ca,UA6CK,SAAS,UAAU,SAAS;AA5ClB,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,QAAO;AAAA,GADb,UACe,WAAA,QAAA,CAAA;AACA,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,QAAO;AAAA,GAFb,UAEe,WAAA,WAAA,CAAA;AACA,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,QAAO;AAAA,GAHb,UAGe,WAAA,QAAA,CAAA;AAC0B,gBAAA;AAAA,EAAnD,SAAS,EAAC,MAAM,SAAS,WAAW,cAAa;AAAA,GAJvC,UAIyC,WAAA,aAAA,CAAA;AACF,gBAAA;AAAA,EAAjD,SAAS,EAAC,MAAM,SAAS,WAAW,YAAW;AAAA,GALrC,UAKuC,WAAA,WAAA,CAAA;AACvB,gBAAA;AAAA,EAA1B,SAAS,EAAC,MAAM,SAAQ;AAAA,GANd,UAMgB,WAAA,WAAA,CAAA;AACA,gBAAA;AAAA,EAA1B,SAAS,EAAC,MAAM,SAAQ;AAAA,GAPd,UAOgB,WAAA,YAAA,CAAA;AAG3B,gBAAA;AAAA,EADC,sBAAsB,EAAC,MAAM,gBAAe;AAAA,GATlC,UAUX,WAAA,eAAA,CAAA;AAEA,gBAAA;AAAA,EADC,sBAAsB,EAAC,MAAM,iBAAgB;AAAA,GAXnC,UAYX,WAAA,gBAAA,CAAA;AACS,gBAAA;AAAA,EAAR,MAAM;AAAA,GAbI,UAaF,WAAA,kBAAA,CAAA;AACA,gBAAA;AAAA,EAAR,MAAM;AAAA,GAdI,UAcF,WAAA,mBAAA,CAAA;AAdE,YAAN,gBAAA;AAAA,EADN,cAAc,YAAY;AAAA,GACd,SAAA;"}
+{"version":3,"file":"button.js","sources":["../../../src/components/button/button.ts"],"sourcesContent":["import {LitElement, html, unsafeCSS} from 'lit';\nimport {\n  customElement,\n  property,\n  queryAssignedElements,\n  state,\n} from 'lit/decorators.js';\nimport iconStyle from './button.css?inline';\nimport {classMap} from 'lit/directives/class-map.js';\n\n@customElement('obc-button')\nexport class ObcButton extends LitElement {\n  @property({type: String}) icon = '01-placeholder';\n  @property({type: String}) variant = 'normal';\n  @property({type: String}) size = 'regular';\n  @property({type: Boolean}) fullWidth = false;\n  @property({type: Boolean}) hugText = false;\n  @property({type: Boolean}) checked = false;\n  @property({type: Boolean}) disabled = false;\n\n  @queryAssignedElements({slot: 'leading-icon'})\n  leadingIcon!: NodeListOf<HTMLElement>;\n  @queryAssignedElements({slot: 'trailing-icon'})\n  trailingIcon!: NodeListOf<HTMLElement>;\n  @state() hasIconLeading = false;\n  @state() hasIconTrailing = false;\n\n  override firstUpdated() {\n    this.hasIconLeading = this.leadingIcon.length > 0;\n    this.hasIconTrailing = this.trailingIcon.length > 0;\n  }\n\n  override render() {\n    return html`\n      <button\n        class=${classMap({\n          wrapper: true,\n          ['variant-' + this.variant]: true,\n          ['size-' + this.size]: true,\n          hasIconLeading: this.hasIconLeading,\n          hasIconTrailing: this.hasIconTrailing,\n          'full-width': this.fullWidth,\n          'hug-text': this.hugText,\n          checked: this.checked,\n        })}\n        ?disabled=${this.disabled}\n      >\n        <div class=\"visible-wrapper\">\n          <span class=\"icon leading\"><slot name=\"leading-icon\"></slot></span>\n          <span class=\"label\"><slot></slot></span>\n          <span class=\"icon trailing\"><slot name=\"trailing-icon\"></slot></span>\n        </div>\n      </button>\n    `;\n  }\n\n  static override styles = unsafeCSS(iconStyle);\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'obc-button': ObcButton;\n  }\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;;AAWa,IAAA,YAAN,cAAwB,WAAW;AAAA,EAAnC,cAAA;AAAA,UAAA,GAAA,SAAA;AAC4B,SAAA,OAAA;AACG,SAAA,UAAA;AACH,SAAA,OAAA;AACM,SAAA,YAAA;AACF,SAAA,UAAA;AACA,SAAA,UAAA;AACC,SAAA,WAAA;AAMZ,SAAA,iBAAA;AACC,SAAA,kBAAA;AAAA,EAAA;AAAA,EAElB,eAAe;AACjB,SAAA,iBAAiB,KAAK,YAAY,SAAS;AAC3C,SAAA,kBAAkB,KAAK,aAAa,SAAS;AAAA,EACpD;AAAA,EAES,SAAS;AACT,WAAA;AAAA;AAAA,gBAEK,SAAS;AAAA,MACf,SAAS;AAAA,MACT,CAAC,aAAa,KAAK,OAAO,GAAG;AAAA,MAC7B,CAAC,UAAU,KAAK,IAAI,GAAG;AAAA,MACvB,gBAAgB,KAAK;AAAA,MACrB,iBAAiB,KAAK;AAAA,MACtB,cAAc,KAAK;AAAA,MACnB,YAAY,KAAK;AAAA,MACjB,SAAS,KAAK;AAAA,IAAA,CACf,CAAC;AAAA,oBACU,KAAK,QAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAS/B;AAGF;AA9Ca,UA6CK,SAAS,UAAU,SAAS;AA5ClB,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,QAAO;AAAA,GADb,UACe,WAAA,QAAA,CAAA;AACA,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,QAAO;AAAA,GAFb,UAEe,WAAA,WAAA,CAAA;AACA,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,QAAO;AAAA,GAHb,UAGe,WAAA,QAAA,CAAA;AACC,gBAAA;AAAA,EAA1B,SAAS,EAAC,MAAM,SAAQ;AAAA,GAJd,UAIgB,WAAA,aAAA,CAAA;AACA,gBAAA;AAAA,EAA1B,SAAS,EAAC,MAAM,SAAQ;AAAA,GALd,UAKgB,WAAA,WAAA,CAAA;AACA,gBAAA;AAAA,EAA1B,SAAS,EAAC,MAAM,SAAQ;AAAA,GANd,UAMgB,WAAA,WAAA,CAAA;AACA,gBAAA;AAAA,EAA1B,SAAS,EAAC,MAAM,SAAQ;AAAA,GAPd,UAOgB,WAAA,YAAA,CAAA;AAG3B,gBAAA;AAAA,EADC,sBAAsB,EAAC,MAAM,gBAAe;AAAA,GATlC,UAUX,WAAA,eAAA,CAAA;AAEA,gBAAA;AAAA,EADC,sBAAsB,EAAC,MAAM,iBAAgB;AAAA,GAXnC,UAYX,WAAA,gBAAA,CAAA;AACS,gBAAA;AAAA,EAAR,MAAM;AAAA,GAbI,UAaF,WAAA,kBAAA,CAAA;AACA,gBAAA;AAAA,EAAR,MAAM;AAAA,GAdI,UAcF,WAAA,mBAAA,CAAA;AAdE,YAAN,gBAAA;AAAA,EADN,cAAc,YAAY;AAAA,GACd,SAAA;"}

package/dist/components/clock/clock.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"clock.d.ts","sourceRoot":"","sources":["../../../src/components/clock/clock.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAkB,MAAM,KAAK,CAAC;AAEhD,OAAO,4BAA4B,CAAC;AAkBpC,qBACa,QAAS,SAAQ,UAAU;IACZ,IAAI,SAA8B;IACT,QAAQ,UAAS;IAEpE,qBAAqB,SAAK;IAEjB,MAAM;IAoCf,OAAgB,MAAM,0BAA2B;CAClD;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,WAAW,EAAE,QAAQ,CAAC;KACvB;CACF"}
+{"version":3,"file":"clock.d.ts","sourceRoot":"","sources":["../../../src/components/clock/clock.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAkB,MAAM,KAAK,CAAC;AAEhD,OAAO,4BAA4B,CAAC;AAkBpC,qBACa,QAAS,SAAQ,UAAU;IACZ,IAAI,SAA8B;IACjC,QAAQ,UAAS;IAE5C,qBAAqB,SAAK;IAEjB,MAAM;IAoCf,OAAgB,MAAM,0BAA2B;CAClD;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,WAAW,EAAE,QAAQ,CAAC;KACvB;CACF"}

package/dist/components/clock/clock.js

@@ -73,10 +73,10 @@ __decorateClass([
   property({ type: String })
 ], ObcClock.prototype, "date", 2);
 __decorateClass([
-  property({ type: Boolean, attribute: "show-date" })
+  property({ type: Boolean })
 ], ObcClock.prototype, "showDate", 2);
 __decorateClass([
-  property({ type: Number, attribute: "blink-only-breakpoint-px" })
+  property({ type: Number })
 ], ObcClock.prototype, "blinkOnlyBreakpointPx", 2);
 ObcClock = __decorateClass([
   customElement("obc-clock")