@oicl/openbridge-webcomponents 0.0.14 → 0.0.15-dev-20240814145458

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

@@ -325,7 +325,7 @@ let ObcAutomationButton = class extends LitElement {
     } else if (this.direction === "standby") {
       return html`<obi-08-standby
         class="icon-direction"
-        use-css-color
+        usecsscolor
       ></obi-08-standby>`;
     }
     throw new Error("Invalid direction");

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

@@ -1 +1 @@
-{"version":3,"file":"automation-button.js","sources":["../../../src/automation/automation-button/automation-button.ts"],"sourcesContent":["import {HTMLTemplateResult, LitElement, html, unsafeCSS} from 'lit';\nimport {customElement, property} from 'lit/decorators.js';\nimport compentStyle from './automation-button.css?inline';\nimport {classMap} from 'lit/directives/class-map.js';\nimport '../../icons/icon-08-forward';\nimport '../../icons/icon-08-forward-fast';\nimport '../../icons/icon-08-forward-stopped';\nimport '../../icons/icon-08-backward';\nimport '../../icons/icon-08-backward-fast';\nimport '../../icons/icon-08-backward-stopped';\nimport '../../icons/icon-08-standby';\nimport '../../icons/icon-02-arrow-up';\nimport '../../icons/icon-02-arrow-down';\nimport '../../icons/icon-02-arrow-back';\nimport '../../icons/icon-02-arrow-forward';\n\nexport enum AutomationButtonSize {\n  small = 'small',\n  regular = 'regular',\n  large = 'large',\n  xl = 'xl',\n}\n\nexport enum AutomationButtonVariant {\n  regular = 'regular',\n  double = 'double',\n  switch = 'switch',\n}\n\nexport enum AutomationButtonState {\n  closed = 'closed',\n  open = 'open',\n  openEnhanced = 'open-enhanced',\n  openMedium = 'open-medium',\n  static = 'static',\n}\n\nexport enum AutomationButtonLabelSize {\n  small = 'small',\n  regular = 'regular',\n  enhanced = 'enhanced',\n}\n\nexport enum AutomationBottonLabelStyle {\n  regular = 'regular',\n  enhanced = 'enhanced',\n  active = 'active',\n}\n\nexport interface AutomationButtonStateLabel {\n  type: 'state';\n  text: string;\n  bold: boolean;\n}\n\nexport interface AutomationButtonTagLabel {\n  type: 'tag';\n  text: string;\n  showHash: boolean;\n}\n\nexport interface AutomationButtonDirectonValueLabel {\n  type: 'direction';\n  value: number;\n  nDigits: number;\n  unit: 'percent';\n  direction: 'up' | 'down' | 'left' | 'right';\n}\n\nexport enum AutomationButtonLabelPosition {\n  top = 'top',\n  bottom = 'bottom',\n  left = 'left',\n  right = 'right',\n}\n\nexport enum AutomationButtonDirection {\n  forward = 'forward',\n  forwardFast = 'forward-fast',\n  forwardStopped = 'forward-stopped',\n  backward = 'backward',\n  backwardFast = 'backward-fast',\n  backwardStopped = 'backward-stopped',\n  standby = 'standby',\n}\n\nexport type AutomationButtonLabel =\n  | AutomationButtonStateLabel\n  | AutomationButtonTagLabel\n  | AutomationButtonDirectonValueLabel;\n\nfunction renderLabel(label: AutomationButtonLabel): HTMLTemplateResult {\n  if (label.type === 'state') {\n    return html`<div class=\"state ${label.bold ? 'bold' : ''}\">\n      ${label.text}\n    </div>`;\n  } else if (label.type === 'tag') {\n    return html`<div class=\"tag\">\n      ${label.showHash ? html`<div class=\"hash\">#</div>` : null} ${label.text}\n    </div>`;\n  } else {\n    const v = label.value.toFixed(0);\n    const zeroPadding =\n      v.length < label.nDigits ? '0'.repeat(label.nDigits - v.length) : '';\n\n    let directionIcon: HTMLTemplateResult;\n    if (label.direction === 'up') {\n      directionIcon = html`<obi-02-arrow-up\n        class=\"direction-icon\"\n      ></obi-02-arrow-up>`;\n    } else if (label.direction === 'down') {\n      directionIcon = html`<obi-02-arrow-down\n        class=\"direction-icon\"\n      ></obi-02-arrow-down>`;\n    } else if (label.direction === 'left') {\n      directionIcon = html`<obi-02-arrow-back\n        class=\"direction-icon\"\n      ></obi-02-arrow-back>`;\n    } else if (label.direction === 'right') {\n      directionIcon = html`<obi-02-arrow-forward\n        class=\"direction-icon\"\n      ></obi-02-arrow-forward>`;\n    } else {\n      throw new Error('Invalid direction');\n    }\n    return html` <div class=\"direction\">\n      ${directionIcon}\n      <span class=\"zeros\">${zeroPadding}</span>\n      <span class=\"value\">${v}</span>\n      <span class=\"unit\">${label.unit === 'percent' ? '%' : label.unit}</span>\n    </div>`;\n  }\n}\n\n@customElement('obc-automation-button')\nexport class ObcAutomationButton extends LitElement {\n  @property({type: String}) size: AutomationButtonSize =\n    AutomationButtonSize.regular;\n  @property({type: String}) variant: AutomationButtonVariant =\n    AutomationButtonVariant.regular;\n  @property({type: String}) state: AutomationButtonState =\n    AutomationButtonState.open;\n  @property({type: Array, attribute: false}) labels: AutomationButtonLabel[] =\n    [];\n  @property({type: String}) labelPosition: AutomationButtonLabelPosition =\n    AutomationButtonLabelPosition.bottom;\n  @property({type: String}) labelSize: AutomationButtonLabelSize =\n    AutomationButtonLabelSize.regular;\n  @property({type: String}) labelStyle: AutomationBottonLabelStyle =\n    AutomationBottonLabelStyle.regular;\n  @property({type: Boolean}) alert: boolean = false;\n  @property({type: Boolean}) progress: boolean = false;\n  @property({type: String}) direction: AutomationButtonDirection =\n    AutomationButtonDirection.forward;\n\n  override render() {\n    const labels = this.labels.map(renderLabel);\n    const progressSpinner = this.getProgressSpinner();\n    const direction = this.getDirectionIcon();\n\n    return html`\n      <div class=\"outer-wrapper\">\n        <button\n          class=${classMap({\n            wrapper: true,\n            ['size-' + this.size]: true,\n            ['variant-' + this.variant]: true,\n            ['state-' + this.state]: true,\n            ['label-' + this.labelPosition]: true,\n            ['label-size-' + this.labelSize]: true,\n            ['label-style-' + this.labelStyle]: true,\n            alert: this.alert,\n            progress: this.progress,\n          })}\n        >\n          <div class=\"icon-holder\">\n            ${direction}\n            ${this.variant !== AutomationButtonVariant.double ||\n            this.size !== AutomationButtonSize.small\n              ? html`<div class=\"icon-primary\">\n                  <slot name=\"icon\"></slot>\n                </div>`\n              : ''}\n            ${progressSpinner}\n            ${this.alert\n              ? html`<svg\n                  class=\"alert-icon\"\n                  width=\"18\"\n                  height=\"31\"\n                  viewBox=\"0 0 18 31\"\n                  fill=\"none\"\n                  xmlns=\"http://www.w3.org/2000/svg\"\n                >\n                  <path\n                    d=\"M 0 0 L 16 0 C 17.1046 0 18 0.8954 18 2 V 14.7889 C 18 15.5786 17.7662 16.3506 17.3282 17.0077 L 9 30 V 3 L  7 1 H 0  Z\"\n                    fill=\"var(--alert-alarm-color)\"\n                  />\n                  <path\n                    d=\"M12 4H14V11.5H12V4Z\"\n                    fill=\"var(--on-alarm-active-color)\"\n                  />\n                  <path\n                    d=\"M12 13.5H14V15.5H12V13.5Z\"\n                    fill=\"var(--on-alarm-active-color)\"\n                  />\n                </svg> `\n              : ''}\n            <div class=\"badge-top-right\">\n              <slot name=\"badge-top-right\"></slot>\n            </div>\n            <div class=\"badge-top-left\">\n              <slot name=\"badge-top-left\"></slot>\n            </div>\n            <div class=\"badge-bottom-left\">\n              <slot name=\"badge-bottom-left\"></slot>\n            </div>\n            <div class=\"badge-bottom-right\">\n              <slot name=\"badge-bottom-right\"></slot>\n            </div>\n          </div>\n          <div class=\"label\">${labels}</div>\n        </button>\n      </div>\n    `;\n  }\n\n  static override styles = unsafeCSS(compentStyle);\n\n  private getProgressSpinner(): null | HTMLTemplateResult {\n    if (!this.progress) {\n      return null;\n    }\n\n    let spinnerWidth: number;\n    if (this.size === AutomationButtonSize.small) {\n      spinnerWidth = 40;\n    } else if (this.size === AutomationButtonSize.regular) {\n      spinnerWidth = 56;\n    } else if (this.size === AutomationButtonSize.large) {\n      spinnerWidth = 72;\n    } else {\n      spinnerWidth = 104;\n    }\n    const progressSpinner = html`<svg\n      width=\"${spinnerWidth}\"\n      height=\"${spinnerWidth}\"\n      viewBox=\"0 0 ${spinnerWidth} ${spinnerWidth}\"\n      fill=\"none\"\n      class=\"progress-spinner\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <path\n        d=\"M2 ${spinnerWidth / 2} A ${spinnerWidth / 2 - 2} ${spinnerWidth / 2 -\n        2} 0 0 1 ${spinnerWidth / 2} 2\"\n        stroke=\"var(--instrument-enhanced-secondary-color)\"\n        stroke-width=\"4\"\n        stroke-linecap=\"round\"\n      />\n    </svg> `;\n    return progressSpinner;\n  }\n\n  private getDirectionIcon(): null | HTMLTemplateResult {\n    if (this.variant !== AutomationButtonVariant.double) {\n      return null;\n    } else if (this.direction === AutomationButtonDirection.forward) {\n      return html`<svg\n        class=\"icon-direction\"\n        width=\"24\"\n        height=\"24\"\n        viewBox=\"0 0 24 24\"\n        fill=\"none\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n      >\n        <path\n          d=\"M8 5 v 14 L 20 12Z\"\n          stroke=\"var(--automation-device-tertiary-color)\"\n          fill=\"var(--automation-device-primary-color)\"\n          vector-effect=\"non-scaling-stroke\"\n        />\n      </svg> `;\n    } else if (this.direction === AutomationButtonDirection.forwardFast) {\n      return html`<svg\n        class=\"icon-direction\"\n        width=\"24\"\n        height=\"24\"\n        viewBox=\"0 0 24 24\"\n        fill=\"none\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n      >\n        <path\n          d=\"M3.5 5 v 14 l 8.5 -7 Z M14.5 5 v 14 l 8.5 -7 Z\"\n          stroke=\"var(--automation-device-tertiary-color)\"\n          fill=\"var(--automation-device-primary-color)\"\n          vector-effect=\"non-scaling-stroke\"\n        />\n      </svg> `;\n    } else if (this.direction === AutomationButtonDirection.forwardStopped) {\n      return html`<svg\n        class=\"icon-direction\"\n        width=\"24\"\n        height=\"24\"\n        viewBox=\"0 0 24 24\"\n        fill=\"none\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n      >\n        <path\n          d=\"M8 5 v 14 L 20 12Z\"\n          fill=\"var(--automation-device-tertiary-color)\"\n          stroke=\"var(--automation-device-tertiary-inverted-color)\"\n          vector-effect=\"non-scaling-stroke\"\n        />\n      </svg> `;\n    } else if (this.direction === AutomationButtonDirection.backward) {\n      return html`<svg\n        class=\"icon-direction\"\n        width=\"24\"\n        height=\"24\"\n        viewBox=\"0 0 24 24\"\n        fill=\"none\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n      >\n        <path\n          d=\"M16 5 v 14 L 4 12Z\"\n          stroke=\"var(--automation-device-tertiary-color)\"\n          fill=\"var(--automation-device-primary-color)\"\n          vector-effect=\"non-scaling-stroke\"\n        />\n      </svg>`;\n    } else if (this.direction === AutomationButtonDirection.backwardFast) {\n      return html`<svg\n        class=\"icon-direction\"\n        width=\"24\"\n        height=\"24\"\n        viewBox=\"0 0 24 24\"\n        fill=\"none\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n      >\n        <path\n          d=\"M20.5 5 v 14 l -8.5 -7 Z M9.5 5 v 14 l -8.5 -7 Z\"\n          stroke=\"var(--automation-device-tertiary-color)\"\n          fill=\"var(--automation-device-primary-color)\"\n          vector-effect=\"non-scaling-stroke\"\n        />\n      </svg>`;\n    } else if (this.direction === AutomationButtonDirection.backwardStopped) {\n      return html`<svg\n        class=\"icon-direction\"\n        width=\"24\"\n        height=\"24\"\n        viewBox=\"0 0 24 24\"\n        fill=\"none\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n      >\n        <path\n          d=\"M16 5 v 14 L 4 12Z\"\n          fill=\"var(--automation-device-tertiary-color)\"\n          stroke=\"var(--automation-device-tertiary-inverted-color)\"\n          vector-effect=\"non-scaling-stroke\"\n        />\n      </svg> `;\n    } else if (this.direction === AutomationButtonDirection.standby) {\n      return html`<obi-08-standby\n        class=\"icon-direction\"\n        use-css-color\n      ></obi-08-standby>`;\n    }\n    throw new Error('Invalid direction');\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'obc-automation-button': ObcAutomationButton;\n  }\n}\n"],"names":["AutomationButtonSize","AutomationButtonVariant","AutomationButtonState","AutomationButtonLabelSize","AutomationBottonLabelStyle","AutomationButtonLabelPosition","AutomationButtonDirection"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAgBY,IAAA,yCAAAA,0BAAL;AACLA,wBAAA,OAAQ,IAAA;AACRA,wBAAA,SAAU,IAAA;AACVA,wBAAA,OAAQ,IAAA;AACRA,wBAAA,IAAK,IAAA;AAJKA,SAAAA;AAAA,GAAA,wBAAA,CAAA,CAAA;AAOA,IAAA,4CAAAC,6BAAL;AACLA,2BAAA,SAAU,IAAA;AACVA,2BAAA,QAAS,IAAA;AACTA,2BAAA,QAAS,IAAA;AAHCA,SAAAA;AAAA,GAAA,2BAAA,CAAA,CAAA;AAMA,IAAA,0CAAAC,2BAAL;AACLA,yBAAA,QAAS,IAAA;AACTA,yBAAA,MAAO,IAAA;AACPA,yBAAA,cAAe,IAAA;AACfA,yBAAA,YAAa,IAAA;AACbA,yBAAA,QAAS,IAAA;AALCA,SAAAA;AAAA,GAAA,yBAAA,CAAA,CAAA;AAQA,IAAA,8CAAAC,+BAAL;AACLA,6BAAA,OAAQ,IAAA;AACRA,6BAAA,SAAU,IAAA;AACVA,6BAAA,UAAW,IAAA;AAHDA,SAAAA;AAAA,GAAA,6BAAA,CAAA,CAAA;AAMA,IAAA,+CAAAC,gCAAL;AACLA,8BAAA,SAAU,IAAA;AACVA,8BAAA,UAAW,IAAA;AACXA,8BAAA,QAAS,IAAA;AAHCA,SAAAA;AAAA,GAAA,8BAAA,CAAA,CAAA;AA0BA,IAAA,kDAAAC,mCAAL;AACLA,iCAAA,KAAM,IAAA;AACNA,iCAAA,QAAS,IAAA;AACTA,iCAAA,MAAO,IAAA;AACPA,iCAAA,OAAQ,IAAA;AAJEA,SAAAA;AAAA,GAAA,iCAAA,CAAA,CAAA;AAOA,IAAA,8CAAAC,+BAAL;AACLA,6BAAA,SAAU,IAAA;AACVA,6BAAA,aAAc,IAAA;AACdA,6BAAA,gBAAiB,IAAA;AACjBA,6BAAA,UAAW,IAAA;AACXA,6BAAA,cAAe,IAAA;AACfA,6BAAA,iBAAkB,IAAA;AAClBA,6BAAA,SAAU,IAAA;AAPAA,SAAAA;AAAA,GAAA,6BAAA,CAAA,CAAA;AAeZ,SAAS,YAAY,OAAkD;AACjE,MAAA,MAAM,SAAS,SAAS;AAC1B,WAAO,yBAAyB,MAAM,OAAO,SAAS,EAAE;AAAA,QACpD,MAAM,IAAI;AAAA;AAAA,EAAA,WAEL,MAAM,SAAS,OAAO;AACxB,WAAA;AAAA,QACH,MAAM,WAAW,kCAAkC,IAAI,IAAI,MAAM,IAAI;AAAA;AAAA,EAAA,OAEpE;AACL,UAAM,IAAI,MAAM,MAAM,QAAQ,CAAC;AACzB,UAAA,cACJ,EAAE,SAAS,MAAM,UAAU,IAAI,OAAO,MAAM,UAAU,EAAE,MAAM,IAAI;AAEhE,QAAA;AACA,QAAA,MAAM,cAAc,MAAM;AACZ,sBAAA;AAAA;AAAA;AAAA,IAAA,WAGP,MAAM,cAAc,QAAQ;AACrB,sBAAA;AAAA;AAAA;AAAA,IAAA,WAGP,MAAM,cAAc,QAAQ;AACrB,sBAAA;AAAA;AAAA;AAAA,IAAA,WAGP,MAAM,cAAc,SAAS;AACtB,sBAAA;AAAA;AAAA;AAAA,IAAA,OAGX;AACC,YAAA,IAAI,MAAM,mBAAmB;AAAA,IACrC;AACO,WAAA;AAAA,QACH,aAAa;AAAA,4BACO,WAAW;AAAA,4BACX,CAAC;AAAA,2BACF,MAAM,SAAS,YAAY,MAAM,MAAM,IAAI;AAAA;AAAA,EAEpE;AACF;AAGa,IAAA,sBAAN,cAAkC,WAAW;AAAA,EAA7C,cAAA;AAAA,UAAA,GAAA,SAAA;AAEH,SAAA,OAAA;AAEA,SAAA,UAAA;AAEA,SAAA,QAAA;AACyC,SAAA,SACzC;AAEA,SAAA,gBAAA;AAEA,SAAA,YAAA;AAEA,SAAA,aAAA;AAC0C,SAAA,QAAA;AACG,SAAA,WAAA;AAE7C,SAAA,YAAA;AAAA,EAAA;AAAA,EAEO,SAAS;AAChB,UAAM,SAAS,KAAK,OAAO,IAAI,WAAW;AACpC,UAAA,kBAAkB,KAAK;AACvB,UAAA,YAAY,KAAK;AAEhB,WAAA;AAAA;AAAA;AAAA,kBAGO,SAAS;AAAA,MACf,SAAS;AAAA,MACT,CAAC,UAAU,KAAK,IAAI,GAAG;AAAA,MACvB,CAAC,aAAa,KAAK,OAAO,GAAG;AAAA,MAC7B,CAAC,WAAW,KAAK,KAAK,GAAG;AAAA,MACzB,CAAC,WAAW,KAAK,aAAa,GAAG;AAAA,MACjC,CAAC,gBAAgB,KAAK,SAAS,GAAG;AAAA,MAClC,CAAC,iBAAiB,KAAK,UAAU,GAAG;AAAA,MACpC,OAAO,KAAK;AAAA,MACZ,UAAU,KAAK;AAAA,IAAA,CAChB,CAAC;AAAA;AAAA;AAAA,cAGE,SAAS;AAAA,cACT,KAAK,YAAY,YACnB,KAAK,SAAS,UACV;AAAA;AAAA,0BAGA,EAAE;AAAA,cACJ,eAAe;AAAA,cACf,KAAK,QACH;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,2BAqBA,EAAE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,+BAca,MAAM;AAAA;AAAA;AAAA;AAAA,EAInC;AAAA,EAIQ,qBAAgD;AAClD,QAAA,CAAC,KAAK,UAAU;AACX,aAAA;AAAA,IACT;AAEI,QAAA;AACA,QAAA,KAAK,SAAS,SAA4B;AAC7B,qBAAA;AAAA,IAAA,WACN,KAAK,SAAS,WAA8B;AACtC,qBAAA;AAAA,IAAA,WACN,KAAK,SAAS,SAA4B;AACpC,qBAAA;AAAA,IAAA,OACV;AACU,qBAAA;AAAA,IACjB;AACA,UAAM,kBAAkB;AAAA,eACb,YAAY;AAAA,gBACX,YAAY;AAAA,qBACP,YAAY,IAAI,YAAY;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,gBAMjC,eAAe,CAAC,MAAM,eAAe,IAAI,CAAC,IAAI,eAAe,IACrE,CAAC,UAAU,eAAe,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAMxB,WAAA;AAAA,EACT;AAAA,EAEQ,mBAA8C;AAChD,QAAA,KAAK,YAAY,UAAgC;AAC5C,aAAA;AAAA,IAAA,WACE,KAAK,cAAc,WAAmC;AACxD,aAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAAA,WAeE,KAAK,cAAc,gBAAuC;AAC5D,aAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAAA,WAeE,KAAK,cAAc,mBAA0C;AAC/D,aAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAAA,WAeE,KAAK,cAAc,YAAoC;AACzD,aAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAAA,WAeE,KAAK,cAAc,iBAAwC;AAC7D,aAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAAA,WAeE,KAAK,cAAc,oBAA2C;AAChE,aAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAAA,WAeE,KAAK,cAAc,WAAmC;AACxD,aAAA;AAAA;AAAA;AAAA;AAAA,IAIT;AACM,UAAA,IAAI,MAAM,mBAAmB;AAAA,EACrC;AACF;AA1Oa,oBA2FK,SAAS,UAAU,YAAY;AA1FrB,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,QAAO;AAAA,GADb,oBACe,WAAA,QAAA,CAAA;AAEA,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,QAAO;AAAA,GAHb,oBAGe,WAAA,WAAA,CAAA;AAEA,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,QAAO;AAAA,GALb,oBAKe,WAAA,SAAA,CAAA;AAEiB,gBAAA;AAAA,EAA1C,SAAS,EAAC,MAAM,OAAO,WAAW,OAAM;AAAA,GAP9B,oBAOgC,WAAA,UAAA,CAAA;AAEjB,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,QAAO;AAAA,GATb,oBASe,WAAA,iBAAA,CAAA;AAEA,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,QAAO;AAAA,GAXb,oBAWe,WAAA,aAAA,CAAA;AAEA,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,QAAO;AAAA,GAbb,oBAae,WAAA,cAAA,CAAA;AAEC,gBAAA;AAAA,EAA1B,SAAS,EAAC,MAAM,SAAQ;AAAA,GAfd,oBAegB,WAAA,SAAA,CAAA;AACA,gBAAA;AAAA,EAA1B,SAAS,EAAC,MAAM,SAAQ;AAAA,GAhBd,oBAgBgB,WAAA,YAAA,CAAA;AACD,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,QAAO;AAAA,GAjBb,oBAiBe,WAAA,aAAA,CAAA;AAjBf,sBAAN,gBAAA;AAAA,EADN,cAAc,uBAAuB;AAAA,GACzB,mBAAA;"}
+{"version":3,"file":"automation-button.js","sources":["../../../src/automation/automation-button/automation-button.ts"],"sourcesContent":["import {HTMLTemplateResult, LitElement, html, unsafeCSS} from 'lit';\nimport {customElement, property} from 'lit/decorators.js';\nimport compentStyle from './automation-button.css?inline';\nimport {classMap} from 'lit/directives/class-map.js';\nimport '../../icons/icon-08-forward';\nimport '../../icons/icon-08-forward-fast';\nimport '../../icons/icon-08-forward-stopped';\nimport '../../icons/icon-08-backward';\nimport '../../icons/icon-08-backward-fast';\nimport '../../icons/icon-08-backward-stopped';\nimport '../../icons/icon-08-standby';\nimport '../../icons/icon-02-arrow-up';\nimport '../../icons/icon-02-arrow-down';\nimport '../../icons/icon-02-arrow-back';\nimport '../../icons/icon-02-arrow-forward';\n\nexport enum AutomationButtonSize {\n  small = 'small',\n  regular = 'regular',\n  large = 'large',\n  xl = 'xl',\n}\n\nexport enum AutomationButtonVariant {\n  regular = 'regular',\n  double = 'double',\n  switch = 'switch',\n}\n\nexport enum AutomationButtonState {\n  closed = 'closed',\n  open = 'open',\n  openEnhanced = 'open-enhanced',\n  openMedium = 'open-medium',\n  static = 'static',\n}\n\nexport enum AutomationButtonLabelSize {\n  small = 'small',\n  regular = 'regular',\n  enhanced = 'enhanced',\n}\n\nexport enum AutomationBottonLabelStyle {\n  regular = 'regular',\n  enhanced = 'enhanced',\n  active = 'active',\n}\n\nexport interface AutomationButtonStateLabel {\n  type: 'state';\n  text: string;\n  bold: boolean;\n}\n\nexport interface AutomationButtonTagLabel {\n  type: 'tag';\n  text: string;\n  showHash: boolean;\n}\n\nexport interface AutomationButtonDirectonValueLabel {\n  type: 'direction';\n  value: number;\n  nDigits: number;\n  unit: 'percent';\n  direction: 'up' | 'down' | 'left' | 'right';\n}\n\nexport enum AutomationButtonLabelPosition {\n  top = 'top',\n  bottom = 'bottom',\n  left = 'left',\n  right = 'right',\n}\n\nexport enum AutomationButtonDirection {\n  forward = 'forward',\n  forwardFast = 'forward-fast',\n  forwardStopped = 'forward-stopped',\n  backward = 'backward',\n  backwardFast = 'backward-fast',\n  backwardStopped = 'backward-stopped',\n  standby = 'standby',\n}\n\nexport type AutomationButtonLabel =\n  | AutomationButtonStateLabel\n  | AutomationButtonTagLabel\n  | AutomationButtonDirectonValueLabel;\n\nfunction renderLabel(label: AutomationButtonLabel): HTMLTemplateResult {\n  if (label.type === 'state') {\n    return html`<div class=\"state ${label.bold ? 'bold' : ''}\">\n      ${label.text}\n    </div>`;\n  } else if (label.type === 'tag') {\n    return html`<div class=\"tag\">\n      ${label.showHash ? html`<div class=\"hash\">#</div>` : null} ${label.text}\n    </div>`;\n  } else {\n    const v = label.value.toFixed(0);\n    const zeroPadding =\n      v.length < label.nDigits ? '0'.repeat(label.nDigits - v.length) : '';\n\n    let directionIcon: HTMLTemplateResult;\n    if (label.direction === 'up') {\n      directionIcon = html`<obi-02-arrow-up\n        class=\"direction-icon\"\n      ></obi-02-arrow-up>`;\n    } else if (label.direction === 'down') {\n      directionIcon = html`<obi-02-arrow-down\n        class=\"direction-icon\"\n      ></obi-02-arrow-down>`;\n    } else if (label.direction === 'left') {\n      directionIcon = html`<obi-02-arrow-back\n        class=\"direction-icon\"\n      ></obi-02-arrow-back>`;\n    } else if (label.direction === 'right') {\n      directionIcon = html`<obi-02-arrow-forward\n        class=\"direction-icon\"\n      ></obi-02-arrow-forward>`;\n    } else {\n      throw new Error('Invalid direction');\n    }\n    return html` <div class=\"direction\">\n      ${directionIcon}\n      <span class=\"zeros\">${zeroPadding}</span>\n      <span class=\"value\">${v}</span>\n      <span class=\"unit\">${label.unit === 'percent' ? '%' : label.unit}</span>\n    </div>`;\n  }\n}\n\n@customElement('obc-automation-button')\nexport class ObcAutomationButton extends LitElement {\n  @property({type: String}) size: AutomationButtonSize =\n    AutomationButtonSize.regular;\n  @property({type: String}) variant: AutomationButtonVariant =\n    AutomationButtonVariant.regular;\n  @property({type: String}) state: AutomationButtonState =\n    AutomationButtonState.open;\n  @property({type: Array, attribute: false}) labels: AutomationButtonLabel[] =\n    [];\n  @property({type: String}) labelPosition: AutomationButtonLabelPosition =\n    AutomationButtonLabelPosition.bottom;\n  @property({type: String}) labelSize: AutomationButtonLabelSize =\n    AutomationButtonLabelSize.regular;\n  @property({type: String}) labelStyle: AutomationBottonLabelStyle =\n    AutomationBottonLabelStyle.regular;\n  @property({type: Boolean}) alert: boolean = false;\n  @property({type: Boolean}) progress: boolean = false;\n  @property({type: String}) direction: AutomationButtonDirection =\n    AutomationButtonDirection.forward;\n\n  override render() {\n    const labels = this.labels.map(renderLabel);\n    const progressSpinner = this.getProgressSpinner();\n    const direction = this.getDirectionIcon();\n\n    return html`\n      <div class=\"outer-wrapper\">\n        <button\n          class=${classMap({\n            wrapper: true,\n            ['size-' + this.size]: true,\n            ['variant-' + this.variant]: true,\n            ['state-' + this.state]: true,\n            ['label-' + this.labelPosition]: true,\n            ['label-size-' + this.labelSize]: true,\n            ['label-style-' + this.labelStyle]: true,\n            alert: this.alert,\n            progress: this.progress,\n          })}\n        >\n          <div class=\"icon-holder\">\n            ${direction}\n            ${this.variant !== AutomationButtonVariant.double ||\n            this.size !== AutomationButtonSize.small\n              ? html`<div class=\"icon-primary\">\n                  <slot name=\"icon\"></slot>\n                </div>`\n              : ''}\n            ${progressSpinner}\n            ${this.alert\n              ? html`<svg\n                  class=\"alert-icon\"\n                  width=\"18\"\n                  height=\"31\"\n                  viewBox=\"0 0 18 31\"\n                  fill=\"none\"\n                  xmlns=\"http://www.w3.org/2000/svg\"\n                >\n                  <path\n                    d=\"M 0 0 L 16 0 C 17.1046 0 18 0.8954 18 2 V 14.7889 C 18 15.5786 17.7662 16.3506 17.3282 17.0077 L 9 30 V 3 L  7 1 H 0  Z\"\n                    fill=\"var(--alert-alarm-color)\"\n                  />\n                  <path\n                    d=\"M12 4H14V11.5H12V4Z\"\n                    fill=\"var(--on-alarm-active-color)\"\n                  />\n                  <path\n                    d=\"M12 13.5H14V15.5H12V13.5Z\"\n                    fill=\"var(--on-alarm-active-color)\"\n                  />\n                </svg> `\n              : ''}\n            <div class=\"badge-top-right\">\n              <slot name=\"badge-top-right\"></slot>\n            </div>\n            <div class=\"badge-top-left\">\n              <slot name=\"badge-top-left\"></slot>\n            </div>\n            <div class=\"badge-bottom-left\">\n              <slot name=\"badge-bottom-left\"></slot>\n            </div>\n            <div class=\"badge-bottom-right\">\n              <slot name=\"badge-bottom-right\"></slot>\n            </div>\n          </div>\n          <div class=\"label\">${labels}</div>\n        </button>\n      </div>\n    `;\n  }\n\n  static override styles = unsafeCSS(compentStyle);\n\n  private getProgressSpinner(): null | HTMLTemplateResult {\n    if (!this.progress) {\n      return null;\n    }\n\n    let spinnerWidth: number;\n    if (this.size === AutomationButtonSize.small) {\n      spinnerWidth = 40;\n    } else if (this.size === AutomationButtonSize.regular) {\n      spinnerWidth = 56;\n    } else if (this.size === AutomationButtonSize.large) {\n      spinnerWidth = 72;\n    } else {\n      spinnerWidth = 104;\n    }\n    const progressSpinner = html`<svg\n      width=\"${spinnerWidth}\"\n      height=\"${spinnerWidth}\"\n      viewBox=\"0 0 ${spinnerWidth} ${spinnerWidth}\"\n      fill=\"none\"\n      class=\"progress-spinner\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <path\n        d=\"M2 ${spinnerWidth / 2} A ${spinnerWidth / 2 - 2} ${spinnerWidth / 2 -\n        2} 0 0 1 ${spinnerWidth / 2} 2\"\n        stroke=\"var(--instrument-enhanced-secondary-color)\"\n        stroke-width=\"4\"\n        stroke-linecap=\"round\"\n      />\n    </svg> `;\n    return progressSpinner;\n  }\n\n  private getDirectionIcon(): null | HTMLTemplateResult {\n    if (this.variant !== AutomationButtonVariant.double) {\n      return null;\n    } else if (this.direction === AutomationButtonDirection.forward) {\n      return html`<svg\n        class=\"icon-direction\"\n        width=\"24\"\n        height=\"24\"\n        viewBox=\"0 0 24 24\"\n        fill=\"none\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n      >\n        <path\n          d=\"M8 5 v 14 L 20 12Z\"\n          stroke=\"var(--automation-device-tertiary-color)\"\n          fill=\"var(--automation-device-primary-color)\"\n          vector-effect=\"non-scaling-stroke\"\n        />\n      </svg> `;\n    } else if (this.direction === AutomationButtonDirection.forwardFast) {\n      return html`<svg\n        class=\"icon-direction\"\n        width=\"24\"\n        height=\"24\"\n        viewBox=\"0 0 24 24\"\n        fill=\"none\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n      >\n        <path\n          d=\"M3.5 5 v 14 l 8.5 -7 Z M14.5 5 v 14 l 8.5 -7 Z\"\n          stroke=\"var(--automation-device-tertiary-color)\"\n          fill=\"var(--automation-device-primary-color)\"\n          vector-effect=\"non-scaling-stroke\"\n        />\n      </svg> `;\n    } else if (this.direction === AutomationButtonDirection.forwardStopped) {\n      return html`<svg\n        class=\"icon-direction\"\n        width=\"24\"\n        height=\"24\"\n        viewBox=\"0 0 24 24\"\n        fill=\"none\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n      >\n        <path\n          d=\"M8 5 v 14 L 20 12Z\"\n          fill=\"var(--automation-device-tertiary-color)\"\n          stroke=\"var(--automation-device-tertiary-inverted-color)\"\n          vector-effect=\"non-scaling-stroke\"\n        />\n      </svg> `;\n    } else if (this.direction === AutomationButtonDirection.backward) {\n      return html`<svg\n        class=\"icon-direction\"\n        width=\"24\"\n        height=\"24\"\n        viewBox=\"0 0 24 24\"\n        fill=\"none\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n      >\n        <path\n          d=\"M16 5 v 14 L 4 12Z\"\n          stroke=\"var(--automation-device-tertiary-color)\"\n          fill=\"var(--automation-device-primary-color)\"\n          vector-effect=\"non-scaling-stroke\"\n        />\n      </svg>`;\n    } else if (this.direction === AutomationButtonDirection.backwardFast) {\n      return html`<svg\n        class=\"icon-direction\"\n        width=\"24\"\n        height=\"24\"\n        viewBox=\"0 0 24 24\"\n        fill=\"none\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n      >\n        <path\n          d=\"M20.5 5 v 14 l -8.5 -7 Z M9.5 5 v 14 l -8.5 -7 Z\"\n          stroke=\"var(--automation-device-tertiary-color)\"\n          fill=\"var(--automation-device-primary-color)\"\n          vector-effect=\"non-scaling-stroke\"\n        />\n      </svg>`;\n    } else if (this.direction === AutomationButtonDirection.backwardStopped) {\n      return html`<svg\n        class=\"icon-direction\"\n        width=\"24\"\n        height=\"24\"\n        viewBox=\"0 0 24 24\"\n        fill=\"none\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n      >\n        <path\n          d=\"M16 5 v 14 L 4 12Z\"\n          fill=\"var(--automation-device-tertiary-color)\"\n          stroke=\"var(--automation-device-tertiary-inverted-color)\"\n          vector-effect=\"non-scaling-stroke\"\n        />\n      </svg> `;\n    } else if (this.direction === AutomationButtonDirection.standby) {\n      return html`<obi-08-standby\n        class=\"icon-direction\"\n        usecsscolor\n      ></obi-08-standby>`;\n    }\n    throw new Error('Invalid direction');\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'obc-automation-button': ObcAutomationButton;\n  }\n}\n"],"names":["AutomationButtonSize","AutomationButtonVariant","AutomationButtonState","AutomationButtonLabelSize","AutomationBottonLabelStyle","AutomationButtonLabelPosition","AutomationButtonDirection"],"mappings":"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"}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

package/dist/components/badge/badge.js

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

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

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

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

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

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

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

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

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

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

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

package/dist/components/button/button.js

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

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

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

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

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

package/dist/components/clock/clock.js

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

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, attribute: 'show-date'}) showDate = false;\n  @property({type: Number, attribute: 'blink-only-breakpoint-px'})\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;AAC6B,SAAA,WAAA;AAEtC,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;AACyB,gBAAA;AAAA,EAAlD,SAAS,EAAC,MAAM,SAAS,WAAW,aAAY;AAAA,GAFtC,SAEwC,WAAA,YAAA,CAAA;AAEnD,gBAAA;AAAA,EADC,SAAS,EAAC,MAAM,QAAQ,WAAW,4BAA2B;AAAA,GAHpD,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;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;"}

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

@@ -1 +1 @@
-{"version":3,"file":"icon-button.d.ts","sourceRoot":"","sources":["../../../src/components/icon-button/icon-button.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAkB,MAAM,KAAK,CAAC;AAKhD,qBACa,aAAc,SAAQ,UAAU;IACjB,OAAO,SAAY;IACnB,IAAI,SAAa;IAChB,SAAS,UAAS;IACQ,UAAU,UAAS;IAClB,WAAW,UAAS;IACpB,WAAW,UAAS;IAEjE,MAAM;IAsBf,OAAgB,MAAM,0BAAwB;CAC/C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,iBAAiB,EAAE,aAAa,CAAC;KAClC;CACF"}
+{"version":3,"file":"icon-button.d.ts","sourceRoot":"","sources":["../../../src/components/icon-button/icon-button.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAkB,MAAM,KAAK,CAAC;AAKhD,qBACa,aAAc,SAAQ,UAAU;IACjB,OAAO,SAAY;IACnB,IAAI,SAAa;IAChB,SAAS,UAAS;IAClB,UAAU,UAAS;IACnB,WAAW,UAAS;IACpB,WAAW,UAAS;IAEtC,MAAM;IAsBf,OAAgB,MAAM,0BAAwB;CAC/C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,iBAAiB,EAAE,aAAa,CAAC;KAClC;CACF"}