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

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

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

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

@@ -8,8 +8,7 @@ var __decorateClass = (decorators, target, key, kind) => {
   for (var i = decorators.length - 1, decorator; i >= 0; i--)
     if (decorator = decorators[i])
       result = (kind ? decorator(target, key, result) : decorator(result)) || result;
-  if (kind && result)
-    __defProp(target, key, result);
+  if (kind && result) __defProp(target, key, result);
   return result;
 };
 let ObcVerticalLine = class extends LitElement {

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

@@ -1 +1 @@
-{"version":3,"file":"vertical-line.js","sources":["../../../src/automation/vertical-line/vertical-line.ts"],"sourcesContent":["import {LitElement, html, css} from 'lit';\nimport {customElement, property} from 'lit/decorators.js';\nimport {LineMedium, lineColor, LineType, lineWidth} from '../index';\n\n/* Vertical line component\n *\n * The vertical line is 24px * length + 1px. +1 px to make sure that connecting lines are overlapping, to hide the gap between them.\n */\n@customElement('obc-vertical-line')\nexport class ObcVerticalLine extends LitElement {\n  @property({type: String}) medium: LineMedium = LineMedium.normal;\n  @property({type: String}) lineType: LineType = LineType.fluid;\n  @property({type: Number}) length: number = 1;\n\n  override render() {\n    if (this.lineType === LineType.connector) {\n      const length = this.length * 24;\n      return html`<svg\n        width=\"24\"\n        height=\"${length}\"\n        viewBox=\"0 0 24 ${length}\"\n        fill=\"none\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n      >\n        <line\n          y1=\"0\"\n          x1=\"12\"\n          y2=\"${length}\"\n          x2=\"12\"\n          stroke-width=\"1\"\n          stroke=\"var(--element-neutral-color)\"\n          stroke-dasharray=\"4,2\"\n          stroke-dashoffset=\"2\"\n        />\n      </svg> `;\n    }\n\n    const length = this.length * 24 + 1;\n    const color = lineColor(this.medium);\n    const width = lineWidth(this.lineType);\n    return html`\n      <div class=\"wrapper\" style=\"width: 24px; height: ${this.length * 24}px;\">\n        <svg\n          class=\"line\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n          viewBox=\"0 -.5  24 ${length}\"\n          width=\"24\"\n          height=${length}\n        >\n          <line\n            y1=\"-.5\"\n            x1=\"12\"\n            y2=\"${length - 0.5}\"\n            x2=\"12\"\n            stroke-width=${width}\n            stroke=\"var(${color.inner})\"\n          />\n          <line\n            y1=\"-.5\"\n            x1=${12 - 0.5 - width / 2}\n            y2=\"${length - 0.5}\"\n            x2=${12 - 0.5 - width / 2}\n            stroke-width=\"1\"\n            stroke=\"var(${color.outer})\"\n          />\n          <line\n            y1=\"-.5\"\n            x1=${12 + 0.5 + width / 2}\n            y2=\"${length - 0.5}\"\n            x2=${12 + 0.5 + width / 2}\n            stroke-width=\"1\"\n            stroke=\"var(${color.outer})\"\n          />\n        </svg>\n      </div>\n    `;\n  }\n\n  static override styles = css`\n    :host {\n      display: block;\n      line-height: 0;\n    }\n\n    svg {\n      position: relative;\n      top: -0.5px;\n      left: -12px;\n    }\n  `;\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'obc-vertical-line': ObcVerticalLine;\n  }\n}\n"],"names":["length"],"mappings":";;;;;;;;;;;;;;AASa,IAAA,kBAAN,cAA8B,WAAW;AAAA,EAAzC,cAAA;AAAA,UAAA,GAAA,SAAA;AACqB,SAAA,SAAqB,WAAW;AAChC,SAAA,WAAqB,SAAS;AACb,SAAA,SAAA;AAAA,EAAA;AAAA,EAElC,SAAS;AACZ,QAAA,KAAK,aAAa,SAAS,WAAW;AAClCA,YAAAA,UAAS,KAAK,SAAS;AACtB,aAAA;AAAA;AAAA,kBAEKA,OAAM;AAAA,0BACEA,OAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,gBAOhBA,OAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAQlB;AAEM,UAAA,SAAS,KAAK,SAAS,KAAK;AAC5B,UAAA,QAAQ,UAAU,KAAK,MAAM;AAC7B,UAAA,QAAQ,UAAU,KAAK,QAAQ;AAC9B,WAAA;AAAA,yDAC8C,KAAK,SAAS,EAAE;AAAA;AAAA;AAAA;AAAA,+BAI1C,MAAM;AAAA;AAAA,mBAElB,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA,kBAKP,SAAS,GAAG;AAAA;AAAA,2BAEH,KAAK;AAAA,0BACN,MAAM,KAAK;AAAA;AAAA;AAAA;AAAA,iBAIpB,KAAK,MAAM,QAAQ,CAAC;AAAA,kBACnB,SAAS,GAAG;AAAA,iBACb,KAAK,MAAM,QAAQ,CAAC;AAAA;AAAA,0BAEX,MAAM,KAAK;AAAA;AAAA;AAAA;AAAA,iBAIpB,KAAK,MAAM,QAAQ,CAAC;AAAA,kBACnB,SAAS,GAAG;AAAA,iBACb,KAAK,MAAM,QAAQ,CAAC;AAAA;AAAA,0BAEX,MAAM,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA,EAKnC;AAcF;AAjFa,gBAqEK,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AApEC,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,QAAO;AAAA,GADb,gBACe,WAAA,UAAA,CAAA;AACA,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,QAAO;AAAA,GAFb,gBAEe,WAAA,YAAA,CAAA;AACA,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,QAAO;AAAA,GAHb,gBAGe,WAAA,UAAA,CAAA;AAHf,kBAAN,gBAAA;AAAA,EADN,cAAc,mBAAmB;AAAA,GACrB,eAAA;"}
+{"version":3,"file":"vertical-line.js","sources":["../../../src/automation/vertical-line/vertical-line.ts"],"sourcesContent":["import {LitElement, html, css} from 'lit';\nimport {customElement, property} from 'lit/decorators.js';\nimport {LineMedium, lineColor, LineType, lineWidth} from '../index';\n\n/* Vertical line component\n *\n * The vertical line is 24px * length + 1px. +1 px to make sure that connecting lines are overlapping, to hide the gap between them.\n */\n@customElement('obc-vertical-line')\nexport class ObcVerticalLine extends LitElement {\n  @property({type: String}) medium: LineMedium = LineMedium.normal;\n  @property({type: String}) lineType: LineType = LineType.fluid;\n  @property({type: Number}) length: number = 1;\n\n  override render() {\n    if (this.lineType === LineType.connector) {\n      const length = this.length * 24;\n      return html`<svg\n        width=\"24\"\n        height=\"${length}\"\n        viewBox=\"0 0 24 ${length}\"\n        fill=\"none\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n      >\n        <line\n          y1=\"0\"\n          x1=\"12\"\n          y2=\"${length}\"\n          x2=\"12\"\n          stroke-width=\"1\"\n          stroke=\"var(--element-neutral-color)\"\n          stroke-dasharray=\"4,2\"\n          stroke-dashoffset=\"2\"\n        />\n      </svg> `;\n    }\n\n    const length = this.length * 24 + 1;\n    const color = lineColor(this.medium);\n    const width = lineWidth(this.lineType);\n    return html`\n      <div class=\"wrapper\" style=\"width: 24px; height: ${this.length * 24}px;\">\n        <svg\n          class=\"line\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n          viewBox=\"0 -.5  24 ${length}\"\n          width=\"24\"\n          height=${length}\n        >\n          <line\n            y1=\"-.5\"\n            x1=\"12\"\n            y2=\"${length - 0.5}\"\n            x2=\"12\"\n            stroke-width=${width}\n            stroke=\"var(${color.inner})\"\n          />\n          <line\n            y1=\"-.5\"\n            x1=${12 - 0.5 - width / 2}\n            y2=\"${length - 0.5}\"\n            x2=${12 - 0.5 - width / 2}\n            stroke-width=\"1\"\n            stroke=\"var(${color.outer})\"\n          />\n          <line\n            y1=\"-.5\"\n            x1=${12 + 0.5 + width / 2}\n            y2=\"${length - 0.5}\"\n            x2=${12 + 0.5 + width / 2}\n            stroke-width=\"1\"\n            stroke=\"var(${color.outer})\"\n          />\n        </svg>\n      </div>\n    `;\n  }\n\n  static override styles = css`\n    :host {\n      display: block;\n      line-height: 0;\n    }\n\n    svg {\n      position: relative;\n      top: -0.5px;\n      left: -12px;\n    }\n  `;\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'obc-vertical-line': ObcVerticalLine;\n  }\n}\n"],"names":["length"],"mappings":";;;;;;;;;;;;;AASa,IAAA,kBAAN,cAA8B,WAAW;AAAA,EAAzC,cAAA;AAAA,UAAA,GAAA,SAAA;AACqB,SAAA,SAAqB,WAAW;AAChC,SAAA,WAAqB,SAAS;AACb,SAAA,SAAA;AAAA,EAAA;AAAA,EAElC,SAAS;AACZ,QAAA,KAAK,aAAa,SAAS,WAAW;AAClCA,YAAAA,UAAS,KAAK,SAAS;AACtB,aAAA;AAAA;AAAA,kBAEKA,OAAM;AAAA,0BACEA,OAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,gBAOhBA,OAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAAA;AAUZ,UAAA,SAAS,KAAK,SAAS,KAAK;AAC5B,UAAA,QAAQ,UAAU,KAAK,MAAM;AAC7B,UAAA,QAAQ,UAAU,KAAK,QAAQ;AAC9B,WAAA;AAAA,yDAC8C,KAAK,SAAS,EAAE;AAAA;AAAA;AAAA;AAAA,+BAI1C,MAAM;AAAA;AAAA,mBAElB,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA,kBAKP,SAAS,GAAG;AAAA;AAAA,2BAEH,KAAK;AAAA,0BACN,MAAM,KAAK;AAAA;AAAA;AAAA;AAAA,iBAIpB,KAAK,MAAM,QAAQ,CAAC;AAAA,kBACnB,SAAS,GAAG;AAAA,iBACb,KAAK,MAAM,QAAQ,CAAC;AAAA;AAAA,0BAEX,MAAM,KAAK;AAAA;AAAA;AAAA;AAAA,iBAIpB,KAAK,MAAM,QAAQ,CAAC;AAAA,kBACnB,SAAS,GAAG;AAAA,iBACb,KAAK,MAAM,QAAQ,CAAC;AAAA;AAAA,0BAEX,MAAM,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA,EAAA;AAmBrC;AAjFa,gBAqEK,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AApEC,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,OAAO,CAAA;AAAA,GADb,gBACe,WAAA,UAAA,CAAA;AACA,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,OAAO,CAAA;AAAA,GAFb,gBAEe,WAAA,YAAA,CAAA;AACA,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,OAAO,CAAA;AAAA,GAHb,gBAGe,WAAA,UAAA,CAAA;AAHf,kBAAN,gBAAA;AAAA,EADN,cAAc,mBAAmB;AAAA,GACrB,eAAA;"}

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

@@ -11,8 +11,7 @@ var __decorateClass = (decorators, target, key, kind) => {
   for (var i = decorators.length - 1, decorator; i >= 0; i--)
     if (decorator = decorators[i])
       result = (kind ? decorator(target, key, result) : decorator(result)) || result;
-  if (kind && result)
-    __defProp(target, key, result);
+  if (kind && result) __defProp(target, key, result);
   return result;
 };
 let ObcAlertButton = class extends LitElement {

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

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

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

@@ -14,8 +14,7 @@ var __decorateClass = (decorators, target, key, kind) => {
   for (var i = decorators.length - 1, decorator; i >= 0; i--)
     if (decorator = decorators[i])
       result = (kind ? decorator(target, key, result) : decorator(result)) || result;
-  if (kind && result)
-    __defProp(target, key, result);
+  if (kind && result) __defProp(target, key, result);
   return result;
 };
 const mapping = {

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

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

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

@@ -12,8 +12,7 @@ var __decorateClass = (decorators, target, key, kind) => {
   for (var i = decorators.length - 1, decorator; i >= 0; i--)
     if (decorator = decorators[i])
       result = (kind ? decorator(target, key, result) : decorator(result)) || result;
-  if (kind && result)
-    __defProp(target, key, result);
+  if (kind && result) __defProp(target, key, result);
   return result;
 };
 let ObcAlertMenu = class extends LitElement {

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

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

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

@@ -10,8 +10,7 @@ var __decorateClass = (decorators, target, key, kind) => {
   for (var i = decorators.length - 1, decorator; i >= 0; i--)
     if (decorator = decorators[i])
       result = (kind ? decorator(target, key, result) : decorator(result)) || result;
-  if (kind && result)
-    __defProp(target, key, result);
+  if (kind && result) __defProp(target, key, result);
   return result;
 };
 let ObcAlertMenuItem = class extends LitElement {

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

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

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

@@ -14,8 +14,7 @@ var __decorateClass = (decorators, target, key, kind) => {
   for (var i = decorators.length - 1, decorator; i >= 0; i--)
     if (decorator = decorators[i])
       result = (kind ? decorator(target, key, result) : decorator(result)) || result;
-  if (kind && result)
-    __defProp(target, key, result);
+  if (kind && result) __defProp(target, key, result);
   return result;
 };
 let ObcAlertTopbarElement = class extends LitElement {

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

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

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

@@ -9,8 +9,7 @@ var __decorateClass = (decorators, target, key, kind) => {
   for (var i = decorators.length - 1, decorator; i >= 0; i--)
     if (decorator = decorators[i])
       result = (kind ? decorator(target, key, result) : decorator(result)) || result;
-  if (kind && result)
-    __defProp(target, key, result);
+  if (kind && result) __defProp(target, key, result);
   return result;
 };
 let ObcAppButton = class extends LitElement {

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

@@ -1 +1 @@
-{"version":3,"file":"app-button.js","sources":["../../../src/components/app-button/app-button.ts"],"sourcesContent":["import {LitElement, html, unsafeCSS} from 'lit';\nimport {customElement, property} from 'lit/decorators.js';\nimport compentStyle from './app-button.css?inline';\nimport {classMap} from 'lit/directives/class-map.js';\n\n@customElement('obc-app-button')\nexport class ObcAppButton extends LitElement {\n  @property({type: String}) label = 'Button';\n  @property({type: Boolean}) checked = false;\n  @property({type: String}) size = 'normal';\n\n  override render() {\n    return html` <div\n      class=\"${classMap({\n        wrapper: true,\n        checked: this.checked,\n        small: this.size === 'small',\n      })}\"\n    >\n      <button>\n        <span class=\"icon\">\n          <slot name=\"icon\"></slot>\n        </span>\n      </button>\n      <span class=\"label\"> ${this.label} </span>\n    </div>`;\n  }\n\n  static override styles = unsafeCSS(compentStyle);\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'obc-app-button': ObcAppButton;\n  }\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;;AAMa,IAAA,eAAN,cAA2B,WAAW;AAAA,EAAtC,cAAA;AAAA,UAAA,GAAA,SAAA;AAC6B,SAAA,QAAA;AACG,SAAA,UAAA;AACJ,SAAA,OAAA;AAAA,EAAA;AAAA,EAExB,SAAS;AACT,WAAA;AAAA,eACI,SAAS;AAAA,MAChB,SAAS;AAAA,MACT,SAAS,KAAK;AAAA,MACd,OAAO,KAAK,SAAS;AAAA,IAAA,CACtB,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,6BAOqB,KAAK,KAAK;AAAA;AAAA,EAErC;AAGF;AAvBa,aAsBK,SAAS,UAAU,YAAY;AArBrB,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,QAAO;AAAA,GADb,aACe,WAAA,SAAA,CAAA;AACC,gBAAA;AAAA,EAA1B,SAAS,EAAC,MAAM,SAAQ;AAAA,GAFd,aAEgB,WAAA,WAAA,CAAA;AACD,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,QAAO;AAAA,GAHb,aAGe,WAAA,QAAA,CAAA;AAHf,eAAN,gBAAA;AAAA,EADN,cAAc,gBAAgB;AAAA,GAClB,YAAA;"}
+{"version":3,"file":"app-button.js","sources":["../../../src/components/app-button/app-button.ts"],"sourcesContent":["import {LitElement, html, unsafeCSS} from 'lit';\nimport {customElement, property} from 'lit/decorators.js';\nimport compentStyle from './app-button.css?inline';\nimport {classMap} from 'lit/directives/class-map.js';\n\n@customElement('obc-app-button')\nexport class ObcAppButton extends LitElement {\n  @property({type: String}) label = 'Button';\n  @property({type: Boolean}) checked = false;\n  @property({type: String}) size = 'normal';\n\n  override render() {\n    return html` <div\n      class=\"${classMap({\n        wrapper: true,\n        checked: this.checked,\n        small: this.size === 'small',\n      })}\"\n    >\n      <button>\n        <span class=\"icon\">\n          <slot name=\"icon\"></slot>\n        </span>\n      </button>\n      <span class=\"label\"> ${this.label} </span>\n    </div>`;\n  }\n\n  static override styles = unsafeCSS(compentStyle);\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'obc-app-button': ObcAppButton;\n  }\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;AAMa,IAAA,eAAN,cAA2B,WAAW;AAAA,EAAtC,cAAA;AAAA,UAAA,GAAA,SAAA;AAC6B,SAAA,QAAA;AACG,SAAA,UAAA;AACJ,SAAA,OAAA;AAAA,EAAA;AAAA,EAExB,SAAS;AACT,WAAA;AAAA,eACI,SAAS;AAAA,MAChB,SAAS;AAAA,MACT,SAAS,KAAK;AAAA,MACd,OAAO,KAAK,SAAS;AAAA,IAAA,CACtB,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,6BAOqB,KAAK,KAAK;AAAA;AAAA,EAAA;AAKvC;AAvBa,aAsBK,SAAS,UAAU,YAAY;AArBrB,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,OAAO,CAAA;AAAA,GADb,aACe,WAAA,SAAA,CAAA;AACC,gBAAA;AAAA,EAA1B,SAAS,EAAC,MAAM,QAAQ,CAAA;AAAA,GAFd,aAEgB,WAAA,WAAA,CAAA;AACD,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,OAAO,CAAA;AAAA,GAHb,aAGe,WAAA,QAAA,CAAA;AAHf,eAAN,gBAAA;AAAA,EADN,cAAc,gBAAgB;AAAA,GAClB,YAAA;"}

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

@@ -11,8 +11,7 @@ var __decorateClass = (decorators, target, key, kind) => {
   for (var i = decorators.length - 1, decorator; i >= 0; i--)
     if (decorator = decorators[i])
       result = (kind ? decorator(target, key, result) : decorator(result)) || result;
-  if (kind && result)
-    __defProp(target, key, result);
+  if (kind && result) __defProp(target, key, result);
   return result;
 };
 let ObcAppMenu = class extends LitElement {

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

@@ -1 +1 @@
-{"version":3,"file":"app-menu.js","sources":["../../../src/components/app-menu/app-menu.ts"],"sourcesContent":["import {LitElement, html, unsafeCSS} from 'lit';\nimport {customElement} from 'lit/decorators.js';\nimport compentStyle from './app-menu.css?inline';\nimport '../input/input';\nimport '../app-button/app-button';\nimport '../../icons/icon-01-search';\n\n@customElement('obc-app-menu')\nexport class ObcAppMenu extends LitElement {\n  onSearchInput(e: Event) {\n    this.dispatchEvent(\n      new CustomEvent('search', {detail: (e.target as HTMLInputElement).value})\n    );\n  }\n\n  override render() {\n    return html`\n      <div class=\"card\">\n        <obc-input placeholder=\"Search\" @input=${this.onSearchInput}>\n          <obi-01-search slot=\"icon\"></obi-01-search>\n        </obc-input>\n        <div class=\"main-apps\">\n          <slot></slot>\n        </div>\n      </div>\n    `;\n  }\n\n  static override styles = unsafeCSS(compentStyle);\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'obc-app-menu': ObcAppMenu;\n  }\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAQa,IAAA,aAAN,cAAyB,WAAW;AAAA,EACzC,cAAc,GAAU;AACjB,SAAA;AAAA,MACH,IAAI,YAAY,UAAU,EAAC,QAAS,EAAE,OAA4B,OAAM;AAAA,IAAA;AAAA,EAE5E;AAAA,EAES,SAAS;AACT,WAAA;AAAA;AAAA,iDAEsC,KAAK,aAAa;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAQjE;AAGF;AArBa,WAoBK,SAAS,UAAU,YAAY;AApBpC,aAAN,gBAAA;AAAA,EADN,cAAc,cAAc;AAAA,GAChB,UAAA;"}
+{"version":3,"file":"app-menu.js","sources":["../../../src/components/app-menu/app-menu.ts"],"sourcesContent":["import {LitElement, html, unsafeCSS} from 'lit';\nimport {customElement} from 'lit/decorators.js';\nimport compentStyle from './app-menu.css?inline';\nimport '../input/input';\nimport '../app-button/app-button';\nimport '../../icons/icon-01-search';\n\n@customElement('obc-app-menu')\nexport class ObcAppMenu extends LitElement {\n  onSearchInput(e: Event) {\n    this.dispatchEvent(\n      new CustomEvent('search', {detail: (e.target as HTMLInputElement).value})\n    );\n  }\n\n  override render() {\n    return html`\n      <div class=\"card\">\n        <obc-input placeholder=\"Search\" @input=${this.onSearchInput}>\n          <obi-01-search slot=\"icon\"></obi-01-search>\n        </obc-input>\n        <div class=\"main-apps\">\n          <slot></slot>\n        </div>\n      </div>\n    `;\n  }\n\n  static override styles = unsafeCSS(compentStyle);\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'obc-app-menu': ObcAppMenu;\n  }\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAQa,IAAA,aAAN,cAAyB,WAAW;AAAA,EACzC,cAAc,GAAU;AACjB,SAAA;AAAA,MACH,IAAI,YAAY,UAAU,EAAC,QAAS,EAAE,OAA4B,MAAM,CAAA;AAAA,IAC1E;AAAA,EAAA;AAAA,EAGO,SAAS;AACT,WAAA;AAAA;AAAA,iDAEsC,KAAK,aAAa;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAA;AAWnE;AArBa,WAoBK,SAAS,UAAU,YAAY;AApBpC,aAAN,gBAAA;AAAA,EADN,cAAc,cAAc;AAAA,GAChB,UAAA;"}

package/dist/components/badge/badge.js

@@ -9,8 +9,7 @@ var __decorateClass = (decorators, target, key, kind) => {
   for (var i = decorators.length - 1, decorator; i >= 0; i--)
     if (decorator = decorators[i])
       result = (kind ? decorator(target, key, result) : decorator(result)) || result;
-  if (kind && result)
-    __defProp(target, key, result);
+  if (kind && result) __defProp(target, key, result);
   return result;
 };
 var BadgeSize = /* @__PURE__ */ ((BadgeSize2) => {

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}) 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;"}
+{"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,EAAA;AAMd;AA5Ba,SA2BK,SAAS,UAAU,YAAY;AA1BrB,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,OAAO,CAAA;AAAA,GADb,SACe,WAAA,UAAA,CAAA;AACC,gBAAA;AAAA,EAA1B,SAAS,EAAC,MAAM,QAAQ,CAAA;AAAA,GAFd,SAEgB,WAAA,cAAA,CAAA;AACD,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,OAAO,CAAA;AAAA,GAHb,SAGe,WAAA,QAAA,CAAA;AACA,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,OAAO,CAAA;AAAA,GAJb,SAIe,WAAA,QAAA,CAAA;AAJf,WAAN,gBAAA;AAAA,EADN,cAAc,WAAW;AAAA,GACb,QAAA;"}

package/dist/components/breadcrumb/breadcrumb.js

@@ -9,8 +9,7 @@ var __decorateClass = (decorators, target, key, kind) => {
   for (var i = decorators.length - 1, decorator; i >= 0; i--)
     if (decorator = decorators[i])
       result = (kind ? decorator(target, key, result) : decorator(result)) || result;
-  if (kind && result)
-    __defProp(target, key, result);
+  if (kind && result) __defProp(target, key, result);
   return result;
 };
 let ObcBreadcrumb = class extends LitElement {

package/dist/components/breadcrumb/breadcrumb.js.map

@@ -1 +1 @@
-{"version":3,"file":"breadcrumb.js","sources":["../../../src/components/breadcrumb/breadcrumb.ts"],"sourcesContent":["import {LitElement, html, unsafeCSS} from 'lit';\nimport {customElement, property} from 'lit/decorators.js';\nimport compentStyle from './breadcrumb.css?inline';\nimport '../../icons/icon-02-chevron-right';\n\nexport interface BreadcrumbItem {\n  label: string;\n}\n\n@customElement('obc-breadcrumb')\nexport class ObcBreadcrumb extends LitElement {\n  @property({attribute: false}) items = [] as BreadcrumbItem[];\n\n  override render() {\n    return html`\n      <nav aria-label=\"Breadcrumb\" class=\"breadcrumb\">\n        <ol>\n          ${this.items.map(\n            (item, i) => html`\n              <li>\n                ${i > 0\n                  ? html`<span class=\"icon\">\n                      <obi-02-chevron-right class=\"divider\">\n                      </obi-02-chevron-right>\n                    </span>`\n                  : ''}\n                <span class=\"label\">${item.label}</span>\n              </li>\n            `\n          )}\n        </ol>\n      </nav>\n    `;\n  }\n\n  static override styles = unsafeCSS(compentStyle);\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'obc-breadcrumb': ObcBreadcrumb;\n  }\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;;AAUa,IAAA,gBAAN,cAA4B,WAAW;AAAA,EAAvC,cAAA;AAAA,UAAA,GAAA,SAAA;AACyB,SAAA,QAAQ;EAAC;AAAA,EAE9B,SAAS;AACT,WAAA;AAAA;AAAA;AAAA,YAGC,KAAK,MAAM;AAAA,MACX,CAAC,MAAM,MAAM;AAAA;AAAA,kBAEP,IAAI,IACF;AAAA;AAAA;AAAA,+BAIA,EAAE;AAAA,sCACgB,KAAK,KAAK;AAAA;AAAA;AAAA,IAAA,CAGrC;AAAA;AAAA;AAAA;AAAA,EAIT;AAGF;AA1Ba,cAyBK,SAAS,UAAU,YAAY;AAxBjB,gBAAA;AAAA,EAA7B,SAAS,EAAC,WAAW,OAAM;AAAA,GADjB,cACmB,WAAA,SAAA,CAAA;AADnB,gBAAN,gBAAA;AAAA,EADN,cAAc,gBAAgB;AAAA,GAClB,aAAA;"}
+{"version":3,"file":"breadcrumb.js","sources":["../../../src/components/breadcrumb/breadcrumb.ts"],"sourcesContent":["import {LitElement, html, unsafeCSS} from 'lit';\nimport {customElement, property} from 'lit/decorators.js';\nimport compentStyle from './breadcrumb.css?inline';\nimport '../../icons/icon-02-chevron-right';\n\nexport interface BreadcrumbItem {\n  label: string;\n}\n\n@customElement('obc-breadcrumb')\nexport class ObcBreadcrumb extends LitElement {\n  @property({attribute: false}) items = [] as BreadcrumbItem[];\n\n  override render() {\n    return html`\n      <nav aria-label=\"Breadcrumb\" class=\"breadcrumb\">\n        <ol>\n          ${this.items.map(\n            (item, i) => html`\n              <li>\n                ${i > 0\n                  ? html`<span class=\"icon\">\n                      <obi-02-chevron-right class=\"divider\">\n                      </obi-02-chevron-right>\n                    </span>`\n                  : ''}\n                <span class=\"label\">${item.label}</span>\n              </li>\n            `\n          )}\n        </ol>\n      </nav>\n    `;\n  }\n\n  static override styles = unsafeCSS(compentStyle);\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'obc-breadcrumb': ObcBreadcrumb;\n  }\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;AAUa,IAAA,gBAAN,cAA4B,WAAW;AAAA,EAAvC,cAAA;AAAA,UAAA,GAAA,SAAA;AACyB,SAAA,QAAQ,CAAC;AAAA,EAAA;AAAA,EAE9B,SAAS;AACT,WAAA;AAAA;AAAA;AAAA,YAGC,KAAK,MAAM;AAAA,MACX,CAAC,MAAM,MAAM;AAAA;AAAA,kBAEP,IAAI,IACF;AAAA;AAAA;AAAA,+BAIA,EAAE;AAAA,sCACgB,KAAK,KAAK;AAAA;AAAA;AAAA,IAGrC,CAAA;AAAA;AAAA;AAAA;AAAA,EAAA;AAOX;AA1Ba,cAyBK,SAAS,UAAU,YAAY;AAxBjB,gBAAA;AAAA,EAA7B,SAAS,EAAC,WAAW,MAAM,CAAA;AAAA,GADjB,cACmB,WAAA,SAAA,CAAA;AADnB,gBAAN,gBAAA;AAAA,EADN,cAAc,gBAAgB;AAAA,GAClB,aAAA;"}

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

@@ -19,8 +19,7 @@ var __decorateClass = (decorators, target, key, kind) => {
   for (var i = decorators.length - 1, decorator; i >= 0; i--)
     if (decorator = decorators[i])
       result = (kind ? decorator(target, key, result) : decorator(result)) || result;
-  if (kind && result)
-    __defProp(target, key, result);
+  if (kind && result) __defProp(target, key, result);
   return result;
 };
 let ObcBrillianceMenu = class extends LitElement {

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 * @prop {Boolean} hideBrightness - Show the auto brightness 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  @property({type: Boolean}) hideBrightness = 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        ${this.hideBrightness\n          ? ''\n          : html`\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\n                  slot=\"icon-right\"\n                ></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            `}\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":";;;;;;;;;;;;;;;;;;;;;;;;;AA4Ba,IAAA,oBAAN,cAAgC,WAAW;AAAA,EAA3C,cAAA;AAAA,UAAA,GAAA,SAAA;AAEH,SAAA,UAAA;AACqC,SAAA,aAAA;AAElB,SAAA,qBAAA;AACwB,SAAA,kBAAA;AACD,SAAA,iBAAA;AAAA,EAAA;AAAA,EAE5C,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,UAED,KAAK,iBACH,KACA;AAAA;AAAA;AAAA,wBAGY,KAAK,UAAU;AAAA,yBACd,KAAK,mBAAmB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,gBAYjC,KAAK,qBACH;AAAA;AAAA,2CAGA,EAAE;AAAA;AAAA,aAEP;AAAA;AAAA;AAAA,kBAGK,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;AApFa,kBAmFK,SAAS,UAAU,cAAc;AAlFvB,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;AACA,gBAAA;AAAA,EAA1B,SAAS,EAAC,MAAM,SAAQ;AAAA,GAPd,kBAOgB,WAAA,kBAAA,CAAA;AAPhB,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 * @prop {Boolean} hideBrightness - Show the auto brightness 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  @property({type: Boolean}) hideBrightness = 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        ${this.hideBrightness\n          ? ''\n          : html`\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\n                  slot=\"icon-right\"\n                ></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            `}\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":";;;;;;;;;;;;;;;;;;;;;;;;AA4Ba,IAAA,oBAAN,cAAgC,WAAW;AAAA,EAA3C,cAAA;AAAA,UAAA,GAAA,SAAA;AAEH,SAAA,UAAA;AACqC,SAAA,aAAA;AAElB,SAAA,qBAAA;AACwB,SAAA,kBAAA;AACD,SAAA,iBAAA;AAAA,EAAA;AAAA,EAE5C,iBAAiB,OAAoB;AAC9B,SAAA,UAAU,MAAM,OAAO;AACvB,SAAA;AAAA,MACH,IAAI,YAAY,mBAAmB;AAAA,QACjC,QAAQ,EAAC,OAAO,MAAM,OAAO,MAAK;AAAA,MACnC,CAAA;AAAA,IACH;AAAA,EAAA;AAAA,EAGF,oBAAoB,OAAoB;AACtC,SAAK,aAAa,MAAM;AACnB,SAAA;AAAA,MACH,IAAI,YAAY,sBAAsB;AAAA,QACpC,QAAQ,EAAC,OAAO,MAAM,OAAM;AAAA,MAC7B,CAAA;AAAA,IACH;AAAA,EAAA;AAAA,EAGO,SAAS;AACT,WAAA;AAAA;AAAA,UAED,KAAK,iBACH,KACA;AAAA;AAAA;AAAA,wBAGY,KAAK,UAAU;AAAA,yBACd,KAAK,mBAAmB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,gBAYjC,KAAK,qBACH;AAAA;AAAA,2CAGA,EAAE;AAAA;AAAA,aAEP;AAAA;AAAA;AAAA,kBAGK,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,EAAA;AAMd;AApFa,kBAmFK,SAAS,UAAU,cAAc;AAlFvB,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,OAAO,CAAA;AAAA,GADb,kBACe,WAAA,WAAA,CAAA;AAEA,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,OAAO,CAAA;AAAA,GAHb,kBAGe,WAAA,cAAA,CAAA;AAE1B,gBAAA;AAAA,EADC,SAAS,EAAC,MAAM,QAAQ,CAAA;AAAA,GAJd,kBAKX,WAAA,sBAAA,CAAA;AAC2B,gBAAA;AAAA,EAA1B,SAAS,EAAC,MAAM,QAAQ,CAAA;AAAA,GANd,kBAMgB,WAAA,mBAAA,CAAA;AACA,gBAAA;AAAA,EAA1B,SAAS,EAAC,MAAM,QAAQ,CAAA;AAAA,GAPd,kBAOgB,WAAA,kBAAA,CAAA;AAPhB,oBAAN,gBAAA;AAAA,EADN,cAAc,qBAAqB;AAAA,GACvB,iBAAA;"}

package/dist/components/button/button.js

@@ -9,8 +9,7 @@ var __decorateClass = (decorators, target, key, kind) => {
   for (var i = decorators.length - 1, decorator; i >= 0; i--)
     if (decorator = decorators[i])
       result = (kind ? decorator(target, key, result) : decorator(result)) || result;
-  if (kind && result)
-    __defProp(target, key, result);
+  if (kind && result) __defProp(target, key, result);
   return result;
 };
 let ObcButton = class extends LitElement {

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}) 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;"}
+{"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,EAAA;AAAA,EAG3C,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,EAAA;AAYjC;AA9Ca,UA6CK,SAAS,UAAU,SAAS;AA5ClB,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,OAAO,CAAA;AAAA,GADb,UACe,WAAA,QAAA,CAAA;AACA,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,OAAO,CAAA;AAAA,GAFb,UAEe,WAAA,WAAA,CAAA;AACA,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,OAAO,CAAA;AAAA,GAHb,UAGe,WAAA,QAAA,CAAA;AACC,gBAAA;AAAA,EAA1B,SAAS,EAAC,MAAM,QAAQ,CAAA;AAAA,GAJd,UAIgB,WAAA,aAAA,CAAA;AACA,gBAAA;AAAA,EAA1B,SAAS,EAAC,MAAM,QAAQ,CAAA;AAAA,GALd,UAKgB,WAAA,WAAA,CAAA;AACA,gBAAA;AAAA,EAA1B,SAAS,EAAC,MAAM,QAAQ,CAAA;AAAA,GANd,UAMgB,WAAA,WAAA,CAAA;AACA,gBAAA;AAAA,EAA1B,SAAS,EAAC,MAAM,QAAQ,CAAA;AAAA,GAPd,UAOgB,WAAA,YAAA,CAAA;AAG3B,gBAAA;AAAA,EADC,sBAAsB,EAAC,MAAM,eAAe,CAAA;AAAA,GATlC,UAUX,WAAA,eAAA,CAAA;AAEA,gBAAA;AAAA,EADC,sBAAsB,EAAC,MAAM,gBAAgB,CAAA;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/card-list-button/card-list-button.js

@@ -9,8 +9,7 @@ var __decorateClass = (decorators, target, key, kind) => {
   for (var i = decorators.length - 1, decorator; i >= 0; i--)
     if (decorator = decorators[i])
       result = (kind ? decorator(target, key, result) : decorator(result)) || result;
-  if (kind && result)
-    __defProp(target, key, result);
+  if (kind && result) __defProp(target, key, result);
   return result;
 };
 let ObcCardListButton = class extends LitElement {

package/dist/components/card-list-button/card-list-button.js.map

@@ -1 +1 @@
-{"version":3,"file":"card-list-button.js","sources":["../../../src/components/card-list-button/card-list-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 './card-list-button.css?inline';\nimport {classMap} from 'lit/directives/class-map.js';\n\n@customElement('obc-card-list-button')\nexport class ObcCardListButton extends LitElement {\n  @property({type: String}) icon = '01-placeholder';\n  @property({type: String}) variant = 'normal';\n\n  @queryAssignedElements({slot: 'leading-icon'})\n  private leadingIcon!: NodeListOf<HTMLElement>;\n  @queryAssignedElements({slot: 'trailing-icon'})\n  private trailingIcon!: NodeListOf<HTMLElement>;\n  @state() private hasIconLeading = false;\n  @state() private 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          hasIconLeading: this.hasIconLeading,\n          hasIconTrailing: this.hasIconTrailing,\n        })}\n      >\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      </button>\n    `;\n  }\n\n  static override styles = unsafeCSS(iconStyle);\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'obc-card-list-button': ObcCardListButton;\n  }\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;;AAWa,IAAA,oBAAN,cAAgC,WAAW;AAAA,EAA3C,cAAA;AAAA,UAAA,GAAA,SAAA;AAC4B,SAAA,OAAA;AACG,SAAA,UAAA;AAM3B,SAAQ,iBAAiB;AACzB,SAAQ,kBAAkB;AAAA,EAAA;AAAA,EAE1B,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,gBAAgB,KAAK;AAAA,MACrB,iBAAiB,KAAK;AAAA,IAAA,CACvB,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAOR;AAGF;AAjCa,kBAgCK,SAAS,UAAU,SAAS;AA/BlB,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,QAAO;AAAA,GADb,kBACe,WAAA,QAAA,CAAA;AACA,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,QAAO;AAAA,GAFb,kBAEe,WAAA,WAAA,CAAA;AAGlB,gBAAA;AAAA,EADP,sBAAsB,EAAC,MAAM,gBAAe;AAAA,GAJlC,kBAKH,WAAA,eAAA,CAAA;AAEA,gBAAA;AAAA,EADP,sBAAsB,EAAC,MAAM,iBAAgB;AAAA,GANnC,kBAOH,WAAA,gBAAA,CAAA;AACS,gBAAA;AAAA,EAAhB,MAAM;AAAA,GARI,kBAQM,WAAA,kBAAA,CAAA;AACA,gBAAA;AAAA,EAAhB,MAAM;AAAA,GATI,kBASM,WAAA,mBAAA,CAAA;AATN,oBAAN,gBAAA;AAAA,EADN,cAAc,sBAAsB;AAAA,GACxB,iBAAA;"}
+{"version":3,"file":"card-list-button.js","sources":["../../../src/components/card-list-button/card-list-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 './card-list-button.css?inline';\nimport {classMap} from 'lit/directives/class-map.js';\n\n@customElement('obc-card-list-button')\nexport class ObcCardListButton extends LitElement {\n  @property({type: String}) icon = '01-placeholder';\n  @property({type: String}) variant = 'normal';\n\n  @queryAssignedElements({slot: 'leading-icon'})\n  private leadingIcon!: NodeListOf<HTMLElement>;\n  @queryAssignedElements({slot: 'trailing-icon'})\n  private trailingIcon!: NodeListOf<HTMLElement>;\n  @state() private hasIconLeading = false;\n  @state() private 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          hasIconLeading: this.hasIconLeading,\n          hasIconTrailing: this.hasIconTrailing,\n        })}\n      >\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      </button>\n    `;\n  }\n\n  static override styles = unsafeCSS(iconStyle);\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'obc-card-list-button': ObcCardListButton;\n  }\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;AAWa,IAAA,oBAAN,cAAgC,WAAW;AAAA,EAA3C,cAAA;AAAA,UAAA,GAAA,SAAA;AAC4B,SAAA,OAAA;AACG,SAAA,UAAA;AAM3B,SAAQ,iBAAiB;AACzB,SAAQ,kBAAkB;AAAA,EAAA;AAAA,EAE1B,eAAe;AACjB,SAAA,iBAAiB,KAAK,YAAY,SAAS;AAC3C,SAAA,kBAAkB,KAAK,aAAa,SAAS;AAAA,EAAA;AAAA,EAG3C,SAAS;AACT,WAAA;AAAA;AAAA,gBAEK,SAAS;AAAA,MACf,SAAS;AAAA,MACT,gBAAgB,KAAK;AAAA,MACrB,iBAAiB,KAAK;AAAA,IAAA,CACvB,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAA;AAUV;AAjCa,kBAgCK,SAAS,UAAU,SAAS;AA/BlB,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,OAAO,CAAA;AAAA,GADb,kBACe,WAAA,QAAA,CAAA;AACA,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,OAAO,CAAA;AAAA,GAFb,kBAEe,WAAA,WAAA,CAAA;AAGlB,gBAAA;AAAA,EADP,sBAAsB,EAAC,MAAM,eAAe,CAAA;AAAA,GAJlC,kBAKH,WAAA,eAAA,CAAA;AAEA,gBAAA;AAAA,EADP,sBAAsB,EAAC,MAAM,gBAAgB,CAAA;AAAA,GANnC,kBAOH,WAAA,gBAAA,CAAA;AACS,gBAAA;AAAA,EAAhB,MAAM;AAAA,GARI,kBAQM,WAAA,kBAAA,CAAA;AACA,gBAAA;AAAA,EAAhB,MAAM;AAAA,GATI,kBASM,WAAA,mBAAA,CAAA;AATN,oBAAN,gBAAA;AAAA,EADN,cAAc,sBAAsB;AAAA,GACxB,iBAAA;"}

package/dist/components/clock/clock.js

@@ -9,8 +9,7 @@ var __decorateClass = (decorators, target, key, kind) => {
   for (var i = decorators.length - 1, decorator; i >= 0; i--)
     if (decorator = decorators[i])
       result = (kind ? decorator(target, key, result) : decorator(result)) || result;
-  if (kind && result)
-    __defProp(target, key, result);
+  if (kind && result) __defProp(target, key, result);
   return result;
 };
 const monthNames = [

package/dist/components/clock/clock.js.map

@@ -1 +1 @@
-{"version":3,"file":"clock.js","sources":["../../../src/components/clock/clock.ts"],"sourcesContent":["import {LitElement, html, unsafeCSS} from 'lit';\nimport {customElement, property} from 'lit/decorators.js';\nimport '../icon-button/icon-button';\nimport compentStyle from './clock.css?inline';\n\nconst monthNames = [\n  'Jan',\n  'Feb',\n  'Mar',\n  'Apr',\n  'May',\n  'Jun',\n  'Jul',\n  'Aug',\n  'Sep',\n  'Oct',\n  'Nov',\n  'Dec',\n];\n\n@customElement('obc-clock')\nexport class ObcClock extends LitElement {\n  @property({type: String}) date = '2021-01-01T11:11:11.111Z';\n  @property({type: Boolean}) showDate = false;\n  @property({type: Number})\n  blinkOnlyBreakpointPx = 0;\n\n  override render() {\n    const date = new Date(this.date);\n    const hours = date.getHours();\n    const minutes = date.getMinutes();\n    const hoursString = hours < 10 ? `0${hours}` : `${hours}`;\n    const minutesString = minutes < 10 ? `0${minutes}` : `${minutes}`;\n\n    const day = date.getDate();\n    const month = monthNames[date.getMonth()];\n    const dateString = `${day}. ${month}`;\n\n    return html`\n      <style>\n        @media (max-width: ${this.blinkOnlyBreakpointPx}px) {\n          .clock {\n            display: none;\n          }\n          .clock.blink {\n            display: block;\n          }\n\n          :host {\n            padding: 0 !important;\n          }\n        }\n      </style>\n      <div class=\"clock\">\n        ${hoursString}<span class=\"ticks\">:</span>${minutesString}\n      </div>\n      <div class=\"clock blink\">\n        <span class=\"ticks\">:</span>\n      </div>\n      ${this.showDate ? html`<div class=\"date\">${dateString}</div>` : null}\n    `;\n  }\n\n  static override styles = unsafeCSS(compentStyle);\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'obc-clock': ObcClock;\n  }\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;;AAKA,MAAM,aAAa;AAAA,EACjB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAGa,IAAA,WAAN,cAAuB,WAAW;AAAA,EAAlC,cAAA;AAAA,UAAA,GAAA,SAAA;AAC4B,SAAA,OAAA;AACK,SAAA,WAAA;AAEd,SAAA,wBAAA;AAAA,EAAA;AAAA,EAEf,SAAS;AAChB,UAAM,OAAO,IAAI,KAAK,KAAK,IAAI;AACzB,UAAA,QAAQ,KAAK;AACb,UAAA,UAAU,KAAK;AACrB,UAAM,cAAc,QAAQ,KAAK,IAAI,KAAK,KAAK,GAAG,KAAK;AACvD,UAAM,gBAAgB,UAAU,KAAK,IAAI,OAAO,KAAK,GAAG,OAAO;AAEzD,UAAA,MAAM,KAAK;AACjB,UAAM,QAAQ,WAAW,KAAK,SAAU,CAAA;AACxC,UAAM,aAAa,GAAG,GAAG,KAAK,KAAK;AAE5B,WAAA;AAAA;AAAA,6BAEkB,KAAK,qBAAqB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,UAc7C,WAAW,+BAA+B,aAAa;AAAA;AAAA;AAAA;AAAA;AAAA,QAKzD,KAAK,WAAW,yBAAyB,UAAU,WAAW,IAAI;AAAA;AAAA,EAExE;AAGF;AA3Ca,SA0CK,SAAS,UAAU,YAAY;AAzCrB,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,QAAO;AAAA,GADb,SACe,WAAA,QAAA,CAAA;AACC,gBAAA;AAAA,EAA1B,SAAS,EAAC,MAAM,SAAQ;AAAA,GAFd,SAEgB,WAAA,YAAA,CAAA;AAE3B,gBAAA;AAAA,EADC,SAAS,EAAC,MAAM,QAAO;AAAA,GAHb,SAIX,WAAA,yBAAA,CAAA;AAJW,WAAN,gBAAA;AAAA,EADN,cAAc,WAAW;AAAA,GACb,QAAA;"}
+{"version":3,"file":"clock.js","sources":["../../../src/components/clock/clock.ts"],"sourcesContent":["import {LitElement, html, unsafeCSS} from 'lit';\nimport {customElement, property} from 'lit/decorators.js';\nimport '../icon-button/icon-button';\nimport compentStyle from './clock.css?inline';\n\nconst monthNames = [\n  'Jan',\n  'Feb',\n  'Mar',\n  'Apr',\n  'May',\n  'Jun',\n  'Jul',\n  'Aug',\n  'Sep',\n  'Oct',\n  'Nov',\n  'Dec',\n];\n\n@customElement('obc-clock')\nexport class ObcClock extends LitElement {\n  @property({type: String}) date = '2021-01-01T11:11:11.111Z';\n  @property({type: Boolean}) showDate = false;\n  @property({type: Number})\n  blinkOnlyBreakpointPx = 0;\n\n  override render() {\n    const date = new Date(this.date);\n    const hours = date.getHours();\n    const minutes = date.getMinutes();\n    const hoursString = hours < 10 ? `0${hours}` : `${hours}`;\n    const minutesString = minutes < 10 ? `0${minutes}` : `${minutes}`;\n\n    const day = date.getDate();\n    const month = monthNames[date.getMonth()];\n    const dateString = `${day}. ${month}`;\n\n    return html`\n      <style>\n        @media (max-width: ${this.blinkOnlyBreakpointPx}px) {\n          .clock {\n            display: none;\n          }\n          .clock.blink {\n            display: block;\n          }\n\n          :host {\n            padding: 0 !important;\n          }\n        }\n      </style>\n      <div class=\"clock\">\n        ${hoursString}<span class=\"ticks\">:</span>${minutesString}\n      </div>\n      <div class=\"clock blink\">\n        <span class=\"ticks\">:</span>\n      </div>\n      ${this.showDate ? html`<div class=\"date\">${dateString}</div>` : null}\n    `;\n  }\n\n  static override styles = unsafeCSS(compentStyle);\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'obc-clock': ObcClock;\n  }\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;AAKA,MAAM,aAAa;AAAA,EACjB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAGa,IAAA,WAAN,cAAuB,WAAW;AAAA,EAAlC,cAAA;AAAA,UAAA,GAAA,SAAA;AAC4B,SAAA,OAAA;AACK,SAAA,WAAA;AAEd,SAAA,wBAAA;AAAA,EAAA;AAAA,EAEf,SAAS;AAChB,UAAM,OAAO,IAAI,KAAK,KAAK,IAAI;AACzB,UAAA,QAAQ,KAAK,SAAS;AACtB,UAAA,UAAU,KAAK,WAAW;AAChC,UAAM,cAAc,QAAQ,KAAK,IAAI,KAAK,KAAK,GAAG,KAAK;AACvD,UAAM,gBAAgB,UAAU,KAAK,IAAI,OAAO,KAAK,GAAG,OAAO;AAEzD,UAAA,MAAM,KAAK,QAAQ;AACzB,UAAM,QAAQ,WAAW,KAAK,SAAA,CAAU;AACxC,UAAM,aAAa,GAAG,GAAG,KAAK,KAAK;AAE5B,WAAA;AAAA;AAAA,6BAEkB,KAAK,qBAAqB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,UAc7C,WAAW,+BAA+B,aAAa;AAAA;AAAA;AAAA;AAAA;AAAA,QAKzD,KAAK,WAAW,yBAAyB,UAAU,WAAW,IAAI;AAAA;AAAA,EAAA;AAK1E;AA3Ca,SA0CK,SAAS,UAAU,YAAY;AAzCrB,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,OAAO,CAAA;AAAA,GADb,SACe,WAAA,QAAA,CAAA;AACC,gBAAA;AAAA,EAA1B,SAAS,EAAC,MAAM,QAAQ,CAAA;AAAA,GAFd,SAEgB,WAAA,YAAA,CAAA;AAE3B,gBAAA;AAAA,EADC,SAAS,EAAC,MAAM,OAAO,CAAA;AAAA,GAHb,SAIX,WAAA,yBAAA,CAAA;AAJW,WAAN,gBAAA;AAAA,EADN,cAAc,WAAW;AAAA,GACb,QAAA;"}

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

@@ -8,8 +8,7 @@ var __decorateClass = (decorators, target, key, kind) => {
   for (var i = decorators.length - 1, decorator; i >= 0; i--)
     if (decorator = decorators[i])
       result = (kind ? decorator(target, key, result) : decorator(result)) || result;
-  if (kind && result)
-    __defProp(target, key, result);
+  if (kind && result) __defProp(target, key, result);
   return result;
 };
 let ObcContextMenu = class extends LitElement {

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

@@ -1 +1 @@
-{"version":3,"file":"context-menu.js","sources":["../../../src/components/context-menu/context-menu.ts"],"sourcesContent":["import {LitElement, html, unsafeCSS} from 'lit';\nimport {customElement} from 'lit/decorators.js';\nimport compentStyle from './context-menu.css?inline';\n\n@customElement('obc-context-menu')\nexport class ObcContextMenu extends LitElement {\n  override render() {\n    return html` <ol>\n      <slot></slot>\n    </ol>`;\n  }\n\n  static override styles = unsafeCSS(compentStyle);\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'obc-context-menu': ObcContextMenu;\n  }\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;AAKa,IAAA,iBAAN,cAA6B,WAAW;AAAA,EACpC,SAAS;AACT,WAAA;AAAA;AAAA;AAAA,EAGT;AAGF;AARa,eAOK,SAAS,UAAU,YAAY;AAPpC,iBAAN,gBAAA;AAAA,EADN,cAAc,kBAAkB;AAAA,GACpB,cAAA;"}
+{"version":3,"file":"context-menu.js","sources":["../../../src/components/context-menu/context-menu.ts"],"sourcesContent":["import {LitElement, html, unsafeCSS} from 'lit';\nimport {customElement} from 'lit/decorators.js';\nimport compentStyle from './context-menu.css?inline';\n\n@customElement('obc-context-menu')\nexport class ObcContextMenu extends LitElement {\n  override render() {\n    return html` <ol>\n      <slot></slot>\n    </ol>`;\n  }\n\n  static override styles = unsafeCSS(compentStyle);\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'obc-context-menu': ObcContextMenu;\n  }\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;AAKa,IAAA,iBAAN,cAA6B,WAAW;AAAA,EACpC,SAAS;AACT,WAAA;AAAA;AAAA;AAAA,EAAA;AAMX;AARa,eAOK,SAAS,UAAU,YAAY;AAPpC,iBAAN,gBAAA;AAAA,EADN,cAAc,kBAAkB;AAAA,GACpB,cAAA;"}

package/dist/components/divider/divider.js

@@ -8,8 +8,7 @@ var __decorateClass = (decorators, target, key, kind) => {
   for (var i = decorators.length - 1, decorator; i >= 0; i--)
     if (decorator = decorators[i])
       result = (kind ? decorator(target, key, result) : decorator(result)) || result;
-  if (kind && result)
-    __defProp(target, key, result);
+  if (kind && result) __defProp(target, key, result);
   return result;
 };
 let ObcDivider = class extends LitElement {

package/dist/components/divider/divider.js.map

@@ -1 +1 @@
-{"version":3,"file":"divider.js","sources":["../../../src/components/divider/divider.ts"],"sourcesContent":["import {LitElement, html, unsafeCSS} from 'lit';\nimport {customElement} from 'lit/decorators.js';\nimport compentStyle from './divider.css?inline';\n\n@customElement('obc-divider')\nexport class ObcDivider extends LitElement {\n  override render() {\n    return html``;\n  }\n\n  static override styles = unsafeCSS(compentStyle);\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'obc-divider': ObcDivider;\n  }\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;AAKa,IAAA,aAAN,cAAyB,WAAW;AAAA,EAChC,SAAS;AACT,WAAA;AAAA,EACT;AAGF;AANa,WAKK,SAAS,UAAU,YAAY;AALpC,aAAN,gBAAA;AAAA,EADN,cAAc,aAAa;AAAA,GACf,UAAA;"}
+{"version":3,"file":"divider.js","sources":["../../../src/components/divider/divider.ts"],"sourcesContent":["import {LitElement, html, unsafeCSS} from 'lit';\nimport {customElement} from 'lit/decorators.js';\nimport compentStyle from './divider.css?inline';\n\n@customElement('obc-divider')\nexport class ObcDivider extends LitElement {\n  override render() {\n    return html``;\n  }\n\n  static override styles = unsafeCSS(compentStyle);\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'obc-divider': ObcDivider;\n  }\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;AAKa,IAAA,aAAN,cAAyB,WAAW;AAAA,EAChC,SAAS;AACT,WAAA;AAAA,EAAA;AAIX;AANa,WAKK,SAAS,UAAU,YAAY;AALpC,aAAN,gBAAA;AAAA,EADN,cAAc,aAAa;AAAA,GACf,UAAA;"}

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

@@ -9,8 +9,7 @@ var __decorateClass = (decorators, target, key, kind) => {
   for (var i = decorators.length - 1, decorator; i >= 0; i--)
     if (decorator = decorators[i])
       result = (kind ? decorator(target, key, result) : decorator(result)) || result;
-  if (kind && result)
-    __defProp(target, key, result);
+  if (kind && result) __defProp(target, key, result);
   return result;
 };
 let ObcIconButton = class extends LitElement {

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

@@ -1 +1 @@
-{"version":3,"file":"icon-button.js","sources":["../../../src/components/icon-button/icon-button.ts"],"sourcesContent":["import {LitElement, html, unsafeCSS} from 'lit';\nimport {customElement, property} from 'lit/decorators.js';\nimport iconStyle from './icon-button.css?inline';\nimport {classMap} from 'lit/directives/class-map.js';\n\n@customElement('obc-icon-button')\nexport class ObcIconButton extends LitElement {\n  @property({type: String}) variant = 'normal';\n  @property({type: String}) size = 'regular';\n  @property({type: Boolean}) activated = false;\n  @property({type: Boolean}) cornerLeft = false;\n  @property({type: Boolean}) cornerRight = false;\n  @property({type: Boolean}) activeColor = false;\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          activated: this.activated,\n          'corner-left': this.cornerLeft,\n          'corner-right': this.cornerRight,\n          'active-color': this.activeColor,\n        })}\n      >\n        <div class=\"visible-wrapper\">\n          <div class=\"icon\">\n            <slot></slot>\n          </div>\n        </div>\n      </button>\n    `;\n  }\n\n  static override styles = unsafeCSS(iconStyle);\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'obc-icon-button': ObcIconButton;\n  }\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;;AAMa,IAAA,gBAAN,cAA4B,WAAW;AAAA,EAAvC,cAAA;AAAA,UAAA,GAAA,SAAA;AAC+B,SAAA,UAAA;AACH,SAAA,OAAA;AACM,SAAA,YAAA;AACC,SAAA,aAAA;AACC,SAAA,cAAA;AACA,SAAA,cAAA;AAAA,EAAA;AAAA,EAEhC,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,WAAW,KAAK;AAAA,MAChB,eAAe,KAAK;AAAA,MACpB,gBAAgB,KAAK;AAAA,MACrB,gBAAgB,KAAK;AAAA,IAAA,CACtB,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EASR;AAGF;AA/Ba,cA8BK,SAAS,UAAU,SAAS;AA7BlB,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,QAAO;AAAA,GADb,cACe,WAAA,WAAA,CAAA;AACA,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,QAAO;AAAA,GAFb,cAEe,WAAA,QAAA,CAAA;AACC,gBAAA;AAAA,EAA1B,SAAS,EAAC,MAAM,SAAQ;AAAA,GAHd,cAGgB,WAAA,aAAA,CAAA;AACA,gBAAA;AAAA,EAA1B,SAAS,EAAC,MAAM,SAAQ;AAAA,GAJd,cAIgB,WAAA,cAAA,CAAA;AACA,gBAAA;AAAA,EAA1B,SAAS,EAAC,MAAM,SAAQ;AAAA,GALd,cAKgB,WAAA,eAAA,CAAA;AACA,gBAAA;AAAA,EAA1B,SAAS,EAAC,MAAM,SAAQ;AAAA,GANd,cAMgB,WAAA,eAAA,CAAA;AANhB,gBAAN,gBAAA;AAAA,EADN,cAAc,iBAAiB;AAAA,GACnB,aAAA;"}
+{"version":3,"file":"icon-button.js","sources":["../../../src/components/icon-button/icon-button.ts"],"sourcesContent":["import {LitElement, html, unsafeCSS} from 'lit';\nimport {customElement, property} from 'lit/decorators.js';\nimport iconStyle from './icon-button.css?inline';\nimport {classMap} from 'lit/directives/class-map.js';\n\n@customElement('obc-icon-button')\nexport class ObcIconButton extends LitElement {\n  @property({type: String}) variant = 'normal';\n  @property({type: String}) size = 'regular';\n  @property({type: Boolean}) activated = false;\n  @property({type: Boolean}) cornerLeft = false;\n  @property({type: Boolean}) cornerRight = false;\n  @property({type: Boolean}) activeColor = false;\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          activated: this.activated,\n          'corner-left': this.cornerLeft,\n          'corner-right': this.cornerRight,\n          'active-color': this.activeColor,\n        })}\n      >\n        <div class=\"visible-wrapper\">\n          <div class=\"icon\">\n            <slot></slot>\n          </div>\n        </div>\n      </button>\n    `;\n  }\n\n  static override styles = unsafeCSS(iconStyle);\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'obc-icon-button': ObcIconButton;\n  }\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;AAMa,IAAA,gBAAN,cAA4B,WAAW;AAAA,EAAvC,cAAA;AAAA,UAAA,GAAA,SAAA;AAC+B,SAAA,UAAA;AACH,SAAA,OAAA;AACM,SAAA,YAAA;AACC,SAAA,aAAA;AACC,SAAA,cAAA;AACA,SAAA,cAAA;AAAA,EAAA;AAAA,EAEhC,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,WAAW,KAAK;AAAA,MAChB,eAAe,KAAK;AAAA,MACpB,gBAAgB,KAAK;AAAA,MACrB,gBAAgB,KAAK;AAAA,IAAA,CACtB,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAA;AAYV;AA/Ba,cA8BK,SAAS,UAAU,SAAS;AA7BlB,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,OAAO,CAAA;AAAA,GADb,cACe,WAAA,WAAA,CAAA;AACA,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,OAAO,CAAA;AAAA,GAFb,cAEe,WAAA,QAAA,CAAA;AACC,gBAAA;AAAA,EAA1B,SAAS,EAAC,MAAM,QAAQ,CAAA;AAAA,GAHd,cAGgB,WAAA,aAAA,CAAA;AACA,gBAAA;AAAA,EAA1B,SAAS,EAAC,MAAM,QAAQ,CAAA;AAAA,GAJd,cAIgB,WAAA,cAAA,CAAA;AACA,gBAAA;AAAA,EAA1B,SAAS,EAAC,MAAM,QAAQ,CAAA;AAAA,GALd,cAKgB,WAAA,eAAA,CAAA;AACA,gBAAA;AAAA,EAA1B,SAAS,EAAC,MAAM,QAAQ,CAAA;AAAA,GANd,cAMgB,WAAA,eAAA,CAAA;AANhB,gBAAN,gBAAA;AAAA,EADN,cAAc,iBAAiB;AAAA,GACnB,aAAA;"}

package/dist/components/input/input.js

@@ -9,8 +9,7 @@ var __decorateClass = (decorators, target, key, kind) => {
   for (var i = decorators.length - 1, decorator; i >= 0; i--)
     if (decorator = decorators[i])
       result = (kind ? decorator(target, key, result) : decorator(result)) || result;
-  if (kind && result)
-    __defProp(target, key, result);
+  if (kind && result) __defProp(target, key, result);
   return result;
 };
 let ObcInput = class extends LitElement {