@oicl/openbridge-webcomponents 0.0.14 → 0.0.15

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

@@ -56,13 +56,13 @@ __decorateClass([
   property({ type: Boolean })
 ], ObcIconButton.prototype, "activated", 2);
 __decorateClass([
-  property({ type: Boolean, attribute: "corner-left" })
+  property({ type: Boolean })
 ], ObcIconButton.prototype, "cornerLeft", 2);
 __decorateClass([
-  property({ type: Boolean, attribute: "corner-right" })
+  property({ type: Boolean })
 ], ObcIconButton.prototype, "cornerRight", 2);
 __decorateClass([
-  property({ type: Boolean, attribute: "active-color" })
+  property({ type: Boolean })
 ], ObcIconButton.prototype, "activeColor", 2);
 ObcIconButton = __decorateClass([
   customElement("obc-icon-button")

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"notification-button.d.ts","sourceRoot":"","sources":["../../../src/components/notification-button/notification-button.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAkB,MAAM,KAAK,CAAC;AAKhD,qBACa,qBAAsB,SAAQ,UAAU;IACC,SAAS,UAAS;IACnB,QAAQ,UAAS;IACf,UAAU,UAAS;IAClB,WAAW,UAAS;IAC/C,IAAI,UAAS;IACb,QAAQ,UAAS;IACjB,MAAM,UAAS;IAEjC,MAAM;IAqBf,OAAgB,MAAM,0BAA6B;CACpD;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,yBAAyB,EAAE,qBAAqB,CAAC;KAClD;CACF"}
+{"version":3,"file":"notification-button.d.ts","sourceRoot":"","sources":["../../../src/components/notification-button/notification-button.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAkB,MAAM,KAAK,CAAC;AAKhD,qBACa,qBAAsB,SAAQ,UAAU;IACxB,SAAS,UAAS;IAClB,QAAQ,UAAS;IACjB,UAAU,UAAS;IACnB,WAAW,UAAS;IACpB,IAAI,UAAS;IACb,QAAQ,UAAS;IACjB,MAAM,UAAS;IAEjC,MAAM;IAqBf,OAAgB,MAAM,0BAA6B;CACpD;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,yBAAyB,EAAE,qBAAqB,CAAC;KAClD;CACF"}

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

@@ -47,16 +47,16 @@ let ObcNotificationButton = class extends LitElement {
 };
 ObcNotificationButton.styles = unsafeCSS(componentStyle);
 __decorateClass([
-  property({ type: Boolean, attribute: "open-right" })
+  property({ type: Boolean })
 ], ObcNotificationButton.prototype, "openRight", 2);
 __decorateClass([
-  property({ type: Boolean, attribute: "open-left" })
+  property({ type: Boolean })
 ], ObcNotificationButton.prototype, "openLeft", 2);
 __decorateClass([
-  property({ type: Boolean, attribute: "corner-left" })
+  property({ type: Boolean })
 ], ObcNotificationButton.prototype, "cornerLeft", 2);
 __decorateClass([
-  property({ type: Boolean, attribute: "corner-right" })
+  property({ type: Boolean })
 ], ObcNotificationButton.prototype, "cornerRight", 2);
 __decorateClass([
   property({ type: Boolean })

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

@@ -1 +1 @@
-{"version":3,"file":"notification-button.js","sources":["../../../src/components/notification-button/notification-button.ts"],"sourcesContent":["import {LitElement, html, unsafeCSS} from 'lit';\nimport {customElement, property} from 'lit/decorators.js';\nimport componentStyle from './notification-button.css?inline';\nimport {classMap} from 'lit/directives/class-map.js';\n\n@customElement('obc-notification-button')\nexport class ObcNotificationButton extends LitElement {\n  @property({type: Boolean, attribute: 'open-right'}) openRight = false;\n  @property({type: Boolean, attribute: 'open-left'}) openLeft = false;\n  @property({type: Boolean, attribute: 'corner-left'}) cornerLeft = false;\n  @property({type: Boolean, attribute: 'corner-right'}) cornerRight = false;\n  @property({type: Boolean}) icon = false;\n  @property({type: Boolean}) disabled = false;\n  @property({type: Boolean}) indent = false;\n\n  override render() {\n    return html`\n      <button\n        class=${classMap({\n          wrapper: true,\n          'open-right': this.openRight,\n          'open-left': this.openLeft,\n          'corner-left': this.cornerLeft,\n          'corner-right': this.cornerRight,\n          icon: this.icon,\n          indent: this.indent,\n        })}\n        ?disabled=${this.disabled}\n      >\n        <div class=\"visible-wrapper\">\n          <slot></slot>\n        </div>\n      </button>\n    `;\n  }\n\n  static override styles = unsafeCSS(componentStyle);\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'obc-notification-button': ObcNotificationButton;\n  }\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;;AAMa,IAAA,wBAAN,cAAoC,WAAW;AAAA,EAA/C,cAAA;AAAA,UAAA,GAAA,SAAA;AAC2D,SAAA,YAAA;AACF,SAAA,WAAA;AACI,SAAA,aAAA;AACE,SAAA,cAAA;AAClC,SAAA,OAAA;AACI,SAAA,WAAA;AACF,SAAA,SAAA;AAAA,EAAA;AAAA,EAE3B,SAAS;AACT,WAAA;AAAA;AAAA,gBAEK,SAAS;AAAA,MACf,SAAS;AAAA,MACT,cAAc,KAAK;AAAA,MACnB,aAAa,KAAK;AAAA,MAClB,eAAe,KAAK;AAAA,MACpB,gBAAgB,KAAK;AAAA,MACrB,MAAM,KAAK;AAAA,MACX,QAAQ,KAAK;AAAA,IAAA,CACd,CAAC;AAAA,oBACU,KAAK,QAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAO/B;AAGF;AA/Ba,sBA8BK,SAAS,UAAU,cAAc;AA7BG,gBAAA;AAAA,EAAnD,SAAS,EAAC,MAAM,SAAS,WAAW,cAAa;AAAA,GADvC,sBACyC,WAAA,aAAA,CAAA;AACD,gBAAA;AAAA,EAAlD,SAAS,EAAC,MAAM,SAAS,WAAW,aAAY;AAAA,GAFtC,sBAEwC,WAAA,YAAA,CAAA;AACE,gBAAA;AAAA,EAApD,SAAS,EAAC,MAAM,SAAS,WAAW,eAAc;AAAA,GAHxC,sBAG0C,WAAA,cAAA,CAAA;AACC,gBAAA;AAAA,EAArD,SAAS,EAAC,MAAM,SAAS,WAAW,gBAAe;AAAA,GAJzC,sBAI2C,WAAA,eAAA,CAAA;AAC3B,gBAAA;AAAA,EAA1B,SAAS,EAAC,MAAM,SAAQ;AAAA,GALd,sBAKgB,WAAA,QAAA,CAAA;AACA,gBAAA;AAAA,EAA1B,SAAS,EAAC,MAAM,SAAQ;AAAA,GANd,sBAMgB,WAAA,YAAA,CAAA;AACA,gBAAA;AAAA,EAA1B,SAAS,EAAC,MAAM,SAAQ;AAAA,GAPd,sBAOgB,WAAA,UAAA,CAAA;AAPhB,wBAAN,gBAAA;AAAA,EADN,cAAc,yBAAyB;AAAA,GAC3B,qBAAA;"}
+{"version":3,"file":"notification-button.js","sources":["../../../src/components/notification-button/notification-button.ts"],"sourcesContent":["import {LitElement, html, unsafeCSS} from 'lit';\nimport {customElement, property} from 'lit/decorators.js';\nimport componentStyle from './notification-button.css?inline';\nimport {classMap} from 'lit/directives/class-map.js';\n\n@customElement('obc-notification-button')\nexport class ObcNotificationButton extends LitElement {\n  @property({type: Boolean}) openRight = false;\n  @property({type: Boolean}) openLeft = false;\n  @property({type: Boolean}) cornerLeft = false;\n  @property({type: Boolean}) cornerRight = false;\n  @property({type: Boolean}) icon = false;\n  @property({type: Boolean}) disabled = false;\n  @property({type: Boolean}) indent = false;\n\n  override render() {\n    return html`\n      <button\n        class=${classMap({\n          wrapper: true,\n          'open-right': this.openRight,\n          'open-left': this.openLeft,\n          'corner-left': this.cornerLeft,\n          'corner-right': this.cornerRight,\n          icon: this.icon,\n          indent: this.indent,\n        })}\n        ?disabled=${this.disabled}\n      >\n        <div class=\"visible-wrapper\">\n          <slot></slot>\n        </div>\n      </button>\n    `;\n  }\n\n  static override styles = unsafeCSS(componentStyle);\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'obc-notification-button': ObcNotificationButton;\n  }\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;;AAMa,IAAA,wBAAN,cAAoC,WAAW;AAAA,EAA/C,cAAA;AAAA,UAAA,GAAA,SAAA;AACkC,SAAA,YAAA;AACD,SAAA,WAAA;AACE,SAAA,aAAA;AACC,SAAA,cAAA;AACP,SAAA,OAAA;AACI,SAAA,WAAA;AACF,SAAA,SAAA;AAAA,EAAA;AAAA,EAE3B,SAAS;AACT,WAAA;AAAA;AAAA,gBAEK,SAAS;AAAA,MACf,SAAS;AAAA,MACT,cAAc,KAAK;AAAA,MACnB,aAAa,KAAK;AAAA,MAClB,eAAe,KAAK;AAAA,MACpB,gBAAgB,KAAK;AAAA,MACrB,MAAM,KAAK;AAAA,MACX,QAAQ,KAAK;AAAA,IAAA,CACd,CAAC;AAAA,oBACU,KAAK,QAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAO/B;AAGF;AA/Ba,sBA8BK,SAAS,UAAU,cAAc;AA7BtB,gBAAA;AAAA,EAA1B,SAAS,EAAC,MAAM,SAAQ;AAAA,GADd,sBACgB,WAAA,aAAA,CAAA;AACA,gBAAA;AAAA,EAA1B,SAAS,EAAC,MAAM,SAAQ;AAAA,GAFd,sBAEgB,WAAA,YAAA,CAAA;AACA,gBAAA;AAAA,EAA1B,SAAS,EAAC,MAAM,SAAQ;AAAA,GAHd,sBAGgB,WAAA,cAAA,CAAA;AACA,gBAAA;AAAA,EAA1B,SAAS,EAAC,MAAM,SAAQ;AAAA,GAJd,sBAIgB,WAAA,eAAA,CAAA;AACA,gBAAA;AAAA,EAA1B,SAAS,EAAC,MAAM,SAAQ;AAAA,GALd,sBAKgB,WAAA,QAAA,CAAA;AACA,gBAAA;AAAA,EAA1B,SAAS,EAAC,MAAM,SAAQ;AAAA,GANd,sBAMgB,WAAA,YAAA,CAAA;AACA,gBAAA;AAAA,EAA1B,SAAS,EAAC,MAAM,SAAQ;AAAA,GAPd,sBAOgB,WAAA,UAAA,CAAA;AAPhB,wBAAN,gBAAA;AAAA,EADN,cAAc,yBAAyB;AAAA,GAC3B,qBAAA;"}

package/dist/components/notification-message/notification-message.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"notification-message.d.ts","sourceRoot":"","sources":["../../../src/components/notification-message/notification-message.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAkB,MAAM,KAAK,CAAC;AAKhD,qBACa,sBAAuB,SAAQ,UAAU;IACzB,KAAK,UAAS;IACM,KAAK,UAAS;IAEpD,MAAM;IAmBf,OAAgB,MAAM,0BAA2B;CAClD;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,0BAA0B,EAAE,sBAAsB,CAAC;KACpD;CACF"}
+{"version":3,"file":"notification-message.d.ts","sourceRoot":"","sources":["../../../src/components/notification-message/notification-message.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAkB,MAAM,KAAK,CAAC;AAKhD,qBACa,sBAAuB,SAAQ,UAAU;IACzB,KAAK,UAAS;IACd,KAAK,UAAS;IAEhC,MAAM;IAmBf,OAAgB,MAAM,0BAA2B;CAClD;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,0BAA0B,EAAE,sBAAsB,CAAC;KACpD;CACF"}

package/dist/components/notification-message/notification-message.js

@@ -41,7 +41,7 @@ __decorateClass([
   property({ type: Boolean })
 ], ObcNotificationMessage.prototype, "large", 2);
 __decorateClass([
-  property({ type: Boolean, attribute: "empty" })
+  property({ type: Boolean })
 ], ObcNotificationMessage.prototype, "empty", 2);
 ObcNotificationMessage = __decorateClass([
   customElement("obc-notification-message")

package/dist/components/notification-message/notification-message.js.map

@@ -1 +1 @@
-{"version":3,"file":"notification-message.js","sources":["../../../src/components/notification-message/notification-message.ts"],"sourcesContent":["import {LitElement, html, unsafeCSS} from 'lit';\nimport {customElement, property} from 'lit/decorators.js';\nimport compentStyle from './notification-message.css?inline';\nimport {classMap} from 'lit/directives/class-map.js';\n\n@customElement('obc-notification-message')\nexport class ObcNotificationMessage extends LitElement {\n  @property({type: Boolean}) large = false;\n  @property({type: Boolean, attribute: 'empty'}) empty = false;\n\n  override render() {\n    return html`\n      <button\n        class=${classMap({\n          wrapper: true,\n          empty: this.empty,\n          large: this.large,\n        })}\n      >\n        <div class=\"message-wrapper\">\n          <slot></slot>\n          ${this.empty\n            ? html`<div class=\"empty-wapper\"><slot name=\"empty\"></slot></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-notification-message': ObcNotificationMessage;\n  }\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;;AAMa,IAAA,yBAAN,cAAqC,WAAW;AAAA,EAAhD,cAAA;AAAA,UAAA,GAAA,SAAA;AAC8B,SAAA,QAAA;AACoB,SAAA,QAAA;AAAA,EAAA;AAAA,EAE9C,SAAS;AACT,WAAA;AAAA;AAAA,gBAEK,SAAS;AAAA,MACf,SAAS;AAAA,MACT,OAAO,KAAK;AAAA,MACZ,OAAO,KAAK;AAAA,IAAA,CACb,CAAC;AAAA;AAAA;AAAA;AAAA,YAIE,KAAK,QACH,mEACA,IAAI;AAAA;AAAA;AAAA;AAAA,EAIhB;AAGF;AAxBa,uBAuBK,SAAS,UAAU,YAAY;AAtBpB,gBAAA;AAAA,EAA1B,SAAS,EAAC,MAAM,SAAQ;AAAA,GADd,uBACgB,WAAA,SAAA,CAAA;AACoB,gBAAA;AAAA,EAA9C,SAAS,EAAC,MAAM,SAAS,WAAW,SAAQ;AAAA,GAFlC,uBAEoC,WAAA,SAAA,CAAA;AAFpC,yBAAN,gBAAA;AAAA,EADN,cAAc,0BAA0B;AAAA,GAC5B,sBAAA;"}
+{"version":3,"file":"notification-message.js","sources":["../../../src/components/notification-message/notification-message.ts"],"sourcesContent":["import {LitElement, html, unsafeCSS} from 'lit';\nimport {customElement, property} from 'lit/decorators.js';\nimport compentStyle from './notification-message.css?inline';\nimport {classMap} from 'lit/directives/class-map.js';\n\n@customElement('obc-notification-message')\nexport class ObcNotificationMessage extends LitElement {\n  @property({type: Boolean}) large = false;\n  @property({type: Boolean}) empty = false;\n\n  override render() {\n    return html`\n      <button\n        class=${classMap({\n          wrapper: true,\n          empty: this.empty,\n          large: this.large,\n        })}\n      >\n        <div class=\"message-wrapper\">\n          <slot></slot>\n          ${this.empty\n            ? html`<div class=\"empty-wapper\"><slot name=\"empty\"></slot></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-notification-message': ObcNotificationMessage;\n  }\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;;AAMa,IAAA,yBAAN,cAAqC,WAAW;AAAA,EAAhD,cAAA;AAAA,UAAA,GAAA,SAAA;AAC8B,SAAA,QAAA;AACA,SAAA,QAAA;AAAA,EAAA;AAAA,EAE1B,SAAS;AACT,WAAA;AAAA;AAAA,gBAEK,SAAS;AAAA,MACf,SAAS;AAAA,MACT,OAAO,KAAK;AAAA,MACZ,OAAO,KAAK;AAAA,IAAA,CACb,CAAC;AAAA;AAAA;AAAA;AAAA,YAIE,KAAK,QACH,mEACA,IAAI;AAAA;AAAA;AAAA;AAAA,EAIhB;AAGF;AAxBa,uBAuBK,SAAS,UAAU,YAAY;AAtBpB,gBAAA;AAAA,EAA1B,SAAS,EAAC,MAAM,SAAQ;AAAA,GADd,uBACgB,WAAA,SAAA,CAAA;AACA,gBAAA;AAAA,EAA1B,SAAS,EAAC,MAAM,SAAQ;AAAA,GAFd,uBAEgB,WAAA,SAAA,CAAA;AAFhB,yBAAN,gBAAA;AAAA,EADN,cAAc,0BAA0B;AAAA,GAC5B,sBAAA;"}

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

@@ -1 +1 @@
-{"version":3,"file":"rich-button.d.ts","sourceRoot":"","sources":["../../../src/components/rich-button/rich-button.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAA2B,MAAM,KAAK,CAAC;AAKzD,oBAAY,qBAAqB;IAC/B,OAAO,YAAY;IACnB,GAAG,QAAQ;IACX,MAAM,WAAW;IACjB,MAAM,WAAW;CAClB;AACD,MAAM,MAAM,yBAAyB,GAAG,SAAS,GAAG,KAAK,GAAG,QAAQ,GAAG,QAAQ,CAAC;AAEhF,oBAAY,iBAAiB;IAC3B,UAAU,gBAAgB;IAC1B,UAAU,gBAAgB;IAC1B,SAAS,eAAe;CACzB;AACD,MAAM,MAAM,qBAAqB,GAC7B,aAAa,GACb,aAAa,GACb,YAAY,CAAC;AAEjB,qBACa,aAAc,SAAQ,UAAU;IACjB,QAAQ,EAAE,yBAAyB,CAC7B;IACN,IAAI,EAAE,qBAAqB,CACtB;IACJ,IAAI,UAAS;IACkB,cAAc,UAChE;IACmD,eAAe,UAClE;IAC4C,SAAS,UAAS;IACjB,UAAU,UAAS;IAChB,aAAa,UAAS;IACnD,MAAM,UAAS;IAEjC,MAAM;IAkDf,OAAgB,MAAM,0BAA2B;CAClD;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,iBAAiB,EAAE,aAAa,CAAC;KAClC;CACF"}
+{"version":3,"file":"rich-button.d.ts","sourceRoot":"","sources":["../../../src/components/rich-button/rich-button.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAA2B,MAAM,KAAK,CAAC;AAKzD,oBAAY,qBAAqB;IAC/B,OAAO,YAAY;IACnB,GAAG,QAAQ;IACX,MAAM,WAAW;IACjB,MAAM,WAAW;CAClB;AACD,MAAM,MAAM,yBAAyB,GAAG,SAAS,GAAG,KAAK,GAAG,QAAQ,GAAG,QAAQ,CAAC;AAEhF,oBAAY,iBAAiB;IAC3B,UAAU,gBAAgB;IAC1B,UAAU,gBAAgB;IAC1B,SAAS,eAAe;CACzB;AACD,MAAM,MAAM,qBAAqB,GAC7B,aAAa,GACb,aAAa,GACb,YAAY,CAAC;AAEjB,qBACa,aAAc,SAAQ,UAAU;IACjB,QAAQ,EAAE,yBAAyB,CAC7B;IACN,IAAI,EAAE,qBAAqB,CACtB;IACJ,IAAI,UAAS;IACb,cAAc,UAAS;IACvB,eAAe,UAAS;IACxB,SAAS,UAAS;IAClB,UAAU,UAAS;IACnB,aAAa,UAAS;IACtB,MAAM,UAAS;IAEjC,MAAM;IAkDf,OAAgB,MAAM,0BAA2B;CAClD;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,iBAAiB,EAAE,aAAa,CAAC;KAClC;CACF"}

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

@@ -90,19 +90,19 @@ __decorateClass([
   property({ type: Boolean })
 ], ObcRichButton.prototype, "info", 2);
 __decorateClass([
-  property({ type: Boolean, attribute: "has-leading-icon" })
+  property({ type: Boolean })
 ], ObcRichButton.prototype, "hasLeadingIcon", 2);
 __decorateClass([
-  property({ type: Boolean, attribute: "has-trailing-icon" })
+  property({ type: Boolean })
 ], ObcRichButton.prototype, "hasTrailingIcon", 2);
 __decorateClass([
-  property({ type: Boolean, attribute: "has-status" })
+  property({ type: Boolean })
 ], ObcRichButton.prototype, "hasStatus", 2);
 __decorateClass([
-  property({ type: Boolean, attribute: "has-graphic" })
+  property({ type: Boolean })
 ], ObcRichButton.prototype, "hasGraphic", 2);
 __decorateClass([
-  property({ type: Boolean, attribute: "graphic-border" })
+  property({ type: Boolean })
 ], ObcRichButton.prototype, "graphicBorder", 2);
 __decorateClass([
   property({ type: Boolean })

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

@@ -1 +1 @@
-{"version":3,"file":"rich-button.js","sources":["../../../src/components/rich-button/rich-button.ts"],"sourcesContent":["import {LitElement, html, nothing, unsafeCSS} from 'lit';\nimport {customElement, property} from 'lit/decorators.js';\nimport compentStyle from './rich-button.css?inline';\nimport {classMap} from 'lit/directives/class-map.js';\n\nexport enum ObcRichButtonPosition {\n  Regular = 'regular',\n  Top = 'top',\n  Bottom = 'bottom',\n  Center = 'center',\n}\nexport type ObcRichButtonPositionType = 'regular' | 'top' | 'bottom' | 'center';\n\nexport enum ObcRichButtonSize {\n  SingleLine = 'single-line',\n  DoubleLine = 'double-line',\n  MultiLine = 'multi-line',\n}\nexport type ObcRichButtonSizeType =\n  | 'single-line'\n  | 'double-line'\n  | 'multi-line';\n\n@customElement('obc-rich-button')\nexport class ObcRichButton extends LitElement {\n  @property({type: String}) position: ObcRichButtonPositionType =\n    ObcRichButtonPosition.Regular;\n  @property({type: String}) size: ObcRichButtonSizeType =\n    ObcRichButtonSize.SingleLine;\n  @property({type: Boolean}) info = false;\n  @property({type: Boolean, attribute: 'has-leading-icon'}) hasLeadingIcon =\n    false;\n  @property({type: Boolean, attribute: 'has-trailing-icon'}) hasTrailingIcon =\n    false;\n  @property({type: Boolean, attribute: 'has-status'}) hasStatus = false;\n  @property({type: Boolean, attribute: 'has-graphic'}) hasGraphic = false;\n  @property({type: Boolean, attribute: 'graphic-border'}) graphicBorder = false;\n  @property({type: Boolean}) border = false;\n\n  override render() {\n    return html`\n      <div\n        class=${classMap({\n          wrapper: true,\n          [this.position]: true,\n          [this.size]: true,\n          'graphic-border': this.graphicBorder,\n          info: this.info,\n          border: this.border,\n        })}\n      >\n        <button>\n          ${this.hasGraphic\n            ? html`<div class=\"graphic\"><slot name=\"graphic\"></slot></div>`\n            : nothing}\n          <div class=\"container\">\n            <div class=\"container-content\">\n              ${this.hasLeadingIcon\n                ? html`<div class=\"leading-icon\">\n                    <slot name=\"leading-icon\"></slot>\n                  </div>`\n                : nothing}\n              <div class=\"content\">\n                <slot name=\"label\"></slot>\n                ${this.size === ObcRichButtonSize.SingleLine\n                  ? nothing\n                  : html`<slot name=\"description\"></slot>`}\n              </div>\n            </div>\n            ${this.hasStatus\n              ? html`\n                  <div class=\"status\">\n                    <slot name=\"status\"></slot>\n                  </div>\n                `\n              : nothing}\n            ${this.hasTrailingIcon\n              ? html`\n                  <div class=\"trailing-icon\">\n                    <slot name=\"trailing-icon\"></slot>\n                  </div>\n                `\n              : nothing}\n          </div>\n        </button>\n      </div>\n    `;\n  }\n\n  static override styles = unsafeCSS(compentStyle);\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'obc-rich-button': ObcRichButton;\n  }\n}\n"],"names":["ObcRichButtonPosition","ObcRichButtonSize"],"mappings":";;;;;;;;;;;;;;;AAKY,IAAA,0CAAAA,2BAAL;AACLA,yBAAA,SAAU,IAAA;AACVA,yBAAA,KAAM,IAAA;AACNA,yBAAA,QAAS,IAAA;AACTA,yBAAA,QAAS,IAAA;AAJCA,SAAAA;AAAA,GAAA,yBAAA,CAAA,CAAA;AAQA,IAAA,sCAAAC,uBAAL;AACLA,qBAAA,YAAa,IAAA;AACbA,qBAAA,YAAa,IAAA;AACbA,qBAAA,WAAY,IAAA;AAHFA,SAAAA;AAAA,GAAA,qBAAA,CAAA,CAAA;AAWC,IAAA,gBAAN,cAA4B,WAAW;AAAA,EAAvC,cAAA;AAAA,UAAA,GAAA,SAAA;AAEH,SAAA,WAAA;AAEA,SAAA,OAAA;AACgC,SAAA,OAAA;AAEhC,SAAA,iBAAA;AAEA,SAAA,kBAAA;AAC8D,SAAA,YAAA;AACE,SAAA,aAAA;AACM,SAAA,gBAAA;AACpC,SAAA,SAAA;AAAA,EAAA;AAAA,EAE3B,SAAS;AACT,WAAA;AAAA;AAAA,gBAEK,SAAS;AAAA,MACf,SAAS;AAAA,MACT,CAAC,KAAK,QAAQ,GAAG;AAAA,MACjB,CAAC,KAAK,IAAI,GAAG;AAAA,MACb,kBAAkB,KAAK;AAAA,MACvB,MAAM,KAAK;AAAA,MACX,QAAQ,KAAK;AAAA,IAAA,CACd,CAAC;AAAA;AAAA;AAAA,YAGE,KAAK,aACH,gEACA,OAAO;AAAA;AAAA;AAAA,gBAGL,KAAK,iBACH;AAAA;AAAA,4BAGA,OAAO;AAAA;AAAA;AAAA,kBAGP,KAAK,SAAS,gBACZ,UACA,sCAAsC;AAAA;AAAA;AAAA,cAG5C,KAAK,YACH;AAAA;AAAA;AAAA;AAAA,oBAKA,OAAO;AAAA,cACT,KAAK,kBACH;AAAA;AAAA;AAAA;AAAA,oBAKA,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA,EAKrB;AAGF;AAlEa,cAiEK,SAAS,UAAU,YAAY;AAhErB,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,QAAO;AAAA,GADb,cACe,WAAA,YAAA,CAAA;AAEA,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,QAAO;AAAA,GAHb,cAGe,WAAA,QAAA,CAAA;AAEC,gBAAA;AAAA,EAA1B,SAAS,EAAC,MAAM,SAAQ;AAAA,GALd,cAKgB,WAAA,QAAA,CAAA;AAC+B,gBAAA;AAAA,EAAzD,SAAS,EAAC,MAAM,SAAS,WAAW,oBAAmB;AAAA,GAN7C,cAM+C,WAAA,kBAAA,CAAA;AAEC,gBAAA;AAAA,EAA1D,SAAS,EAAC,MAAM,SAAS,WAAW,qBAAoB;AAAA,GAR9C,cAQgD,WAAA,mBAAA,CAAA;AAEP,gBAAA;AAAA,EAAnD,SAAS,EAAC,MAAM,SAAS,WAAW,cAAa;AAAA,GAVvC,cAUyC,WAAA,aAAA,CAAA;AACC,gBAAA;AAAA,EAApD,SAAS,EAAC,MAAM,SAAS,WAAW,eAAc;AAAA,GAXxC,cAW0C,WAAA,cAAA,CAAA;AACG,gBAAA;AAAA,EAAvD,SAAS,EAAC,MAAM,SAAS,WAAW,kBAAiB;AAAA,GAZ3C,cAY6C,WAAA,iBAAA,CAAA;AAC7B,gBAAA;AAAA,EAA1B,SAAS,EAAC,MAAM,SAAQ;AAAA,GAbd,cAagB,WAAA,UAAA,CAAA;AAbhB,gBAAN,gBAAA;AAAA,EADN,cAAc,iBAAiB;AAAA,GACnB,aAAA;"}
+{"version":3,"file":"rich-button.js","sources":["../../../src/components/rich-button/rich-button.ts"],"sourcesContent":["import {LitElement, html, nothing, unsafeCSS} from 'lit';\nimport {customElement, property} from 'lit/decorators.js';\nimport compentStyle from './rich-button.css?inline';\nimport {classMap} from 'lit/directives/class-map.js';\n\nexport enum ObcRichButtonPosition {\n  Regular = 'regular',\n  Top = 'top',\n  Bottom = 'bottom',\n  Center = 'center',\n}\nexport type ObcRichButtonPositionType = 'regular' | 'top' | 'bottom' | 'center';\n\nexport enum ObcRichButtonSize {\n  SingleLine = 'single-line',\n  DoubleLine = 'double-line',\n  MultiLine = 'multi-line',\n}\nexport type ObcRichButtonSizeType =\n  | 'single-line'\n  | 'double-line'\n  | 'multi-line';\n\n@customElement('obc-rich-button')\nexport class ObcRichButton extends LitElement {\n  @property({type: String}) position: ObcRichButtonPositionType =\n    ObcRichButtonPosition.Regular;\n  @property({type: String}) size: ObcRichButtonSizeType =\n    ObcRichButtonSize.SingleLine;\n  @property({type: Boolean}) info = false;\n  @property({type: Boolean}) hasLeadingIcon = false;\n  @property({type: Boolean}) hasTrailingIcon = false;\n  @property({type: Boolean}) hasStatus = false;\n  @property({type: Boolean}) hasGraphic = false;\n  @property({type: Boolean}) graphicBorder = false;\n  @property({type: Boolean}) border = false;\n\n  override render() {\n    return html`\n      <div\n        class=${classMap({\n          wrapper: true,\n          [this.position]: true,\n          [this.size]: true,\n          'graphic-border': this.graphicBorder,\n          info: this.info,\n          border: this.border,\n        })}\n      >\n        <button>\n          ${this.hasGraphic\n            ? html`<div class=\"graphic\"><slot name=\"graphic\"></slot></div>`\n            : nothing}\n          <div class=\"container\">\n            <div class=\"container-content\">\n              ${this.hasLeadingIcon\n                ? html`<div class=\"leading-icon\">\n                    <slot name=\"leading-icon\"></slot>\n                  </div>`\n                : nothing}\n              <div class=\"content\">\n                <slot name=\"label\"></slot>\n                ${this.size === ObcRichButtonSize.SingleLine\n                  ? nothing\n                  : html`<slot name=\"description\"></slot>`}\n              </div>\n            </div>\n            ${this.hasStatus\n              ? html`\n                  <div class=\"status\">\n                    <slot name=\"status\"></slot>\n                  </div>\n                `\n              : nothing}\n            ${this.hasTrailingIcon\n              ? html`\n                  <div class=\"trailing-icon\">\n                    <slot name=\"trailing-icon\"></slot>\n                  </div>\n                `\n              : nothing}\n          </div>\n        </button>\n      </div>\n    `;\n  }\n\n  static override styles = unsafeCSS(compentStyle);\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'obc-rich-button': ObcRichButton;\n  }\n}\n"],"names":["ObcRichButtonPosition","ObcRichButtonSize"],"mappings":";;;;;;;;;;;;;;;AAKY,IAAA,0CAAAA,2BAAL;AACLA,yBAAA,SAAU,IAAA;AACVA,yBAAA,KAAM,IAAA;AACNA,yBAAA,QAAS,IAAA;AACTA,yBAAA,QAAS,IAAA;AAJCA,SAAAA;AAAA,GAAA,yBAAA,CAAA,CAAA;AAQA,IAAA,sCAAAC,uBAAL;AACLA,qBAAA,YAAa,IAAA;AACbA,qBAAA,YAAa,IAAA;AACbA,qBAAA,WAAY,IAAA;AAHFA,SAAAA;AAAA,GAAA,qBAAA,CAAA,CAAA;AAWC,IAAA,gBAAN,cAA4B,WAAW;AAAA,EAAvC,cAAA;AAAA,UAAA,GAAA,SAAA;AAEH,SAAA,WAAA;AAEA,SAAA,OAAA;AACgC,SAAA,OAAA;AACU,SAAA,iBAAA;AACC,SAAA,kBAAA;AACN,SAAA,YAAA;AACC,SAAA,aAAA;AACG,SAAA,gBAAA;AACP,SAAA,SAAA;AAAA,EAAA;AAAA,EAE3B,SAAS;AACT,WAAA;AAAA;AAAA,gBAEK,SAAS;AAAA,MACf,SAAS;AAAA,MACT,CAAC,KAAK,QAAQ,GAAG;AAAA,MACjB,CAAC,KAAK,IAAI,GAAG;AAAA,MACb,kBAAkB,KAAK;AAAA,MACvB,MAAM,KAAK;AAAA,MACX,QAAQ,KAAK;AAAA,IAAA,CACd,CAAC;AAAA;AAAA;AAAA,YAGE,KAAK,aACH,gEACA,OAAO;AAAA;AAAA;AAAA,gBAGL,KAAK,iBACH;AAAA;AAAA,4BAGA,OAAO;AAAA;AAAA;AAAA,kBAGP,KAAK,SAAS,gBACZ,UACA,sCAAsC;AAAA;AAAA;AAAA,cAG5C,KAAK,YACH;AAAA;AAAA;AAAA;AAAA,oBAKA,OAAO;AAAA,cACT,KAAK,kBACH;AAAA;AAAA;AAAA;AAAA,oBAKA,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA,EAKrB;AAGF;AAhEa,cA+DK,SAAS,UAAU,YAAY;AA9DrB,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,QAAO;AAAA,GADb,cACe,WAAA,YAAA,CAAA;AAEA,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,QAAO;AAAA,GAHb,cAGe,WAAA,QAAA,CAAA;AAEC,gBAAA;AAAA,EAA1B,SAAS,EAAC,MAAM,SAAQ;AAAA,GALd,cAKgB,WAAA,QAAA,CAAA;AACA,gBAAA;AAAA,EAA1B,SAAS,EAAC,MAAM,SAAQ;AAAA,GANd,cAMgB,WAAA,kBAAA,CAAA;AACA,gBAAA;AAAA,EAA1B,SAAS,EAAC,MAAM,SAAQ;AAAA,GAPd,cAOgB,WAAA,mBAAA,CAAA;AACA,gBAAA;AAAA,EAA1B,SAAS,EAAC,MAAM,SAAQ;AAAA,GARd,cAQgB,WAAA,aAAA,CAAA;AACA,gBAAA;AAAA,EAA1B,SAAS,EAAC,MAAM,SAAQ;AAAA,GATd,cASgB,WAAA,cAAA,CAAA;AACA,gBAAA;AAAA,EAA1B,SAAS,EAAC,MAAM,SAAQ;AAAA,GAVd,cAUgB,WAAA,iBAAA,CAAA;AACA,gBAAA;AAAA,EAA1B,SAAS,EAAC,MAAM,SAAQ;AAAA,GAXd,cAWgB,WAAA,UAAA,CAAA;AAXhB,gBAAN,gBAAA;AAAA,EADN,cAAc,iBAAiB;AAAA,GACnB,aAAA;"}

package/dist/components/slider/slider.css.js

@@ -12,7 +12,7 @@ const componentStyle = css`* {
   color: var(--element-neutral-color, #1a1a1a);
 }
 
-:host([hug-container]) {
+:host([hugcontainer]) {
   margin-left: -12px;
   margin-right: -12px;
 }

package/dist/components/slider/slider.d.ts

@@ -13,7 +13,7 @@ export type ObcSliderVariantType = 'no-value' | 'no-input';
  * @prop {number} max - The maximum value of the slider
  * @prop {number} step - The step value of the slider
  * @prop {number} stepClick - The step value when clicking the increase or decrease buttons
- * @attr hug-container - If set, the slider will not have any spacing between the slider icons and the container
+ * @attr hugcontainer - If set, the slider will not have any spacing between the slider icons and the container
  *
  * @slot icon-left - Slot for the left icon
  * @slot icon-right - Slot for the right icon

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

@@ -1 +1 @@
-{"version":3,"file":"slider.d.ts","sourceRoot":"","sources":["../../../src/components/slider/slider.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAkB,MAAM,KAAK,CAAC;AAKhD,OAAO,4BAA4B,CAAC;AAGpC,oBAAY,gBAAgB;IAC1B,OAAO,aAAa;IACpB,OAAO,aAAa;CACrB;AAED,MAAM,MAAM,oBAAoB,GAAG,UAAU,GAAG,UAAU,CAAC;AAE3D;;;;;;;;;;;;;;GAcG;AACH,qBACa,SAAU,SAAQ,UAAU;IACb,KAAK,SAAM;IACX,GAAG,SAAK;IACR,GAAG,SAAO;IACV,IAAI,EAAE,MAAM,GAAG,SAAS,CAAC;IACA,SAAS,SAAM;IACxC,OAAO,EAAE,oBAAoB,CAAc;IACd,WAAW,UAAS;IACnB,YAAY,UAAS;IAE7E,OAAO,CAAC,KAAK,EAAE,MAAM;IAKrB,aAAa;IAIb,eAAe;IAIN,MAAM;IA4Cf,OAAgB,MAAM,0BAA6B;CACpD;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,YAAY,EAAE,SAAS,CAAC;KACzB;CACF"}
+{"version":3,"file":"slider.d.ts","sourceRoot":"","sources":["../../../src/components/slider/slider.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAkB,MAAM,KAAK,CAAC;AAKhD,OAAO,4BAA4B,CAAC;AAGpC,oBAAY,gBAAgB;IAC1B,OAAO,aAAa;IACpB,OAAO,aAAa;CACrB;AAED,MAAM,MAAM,oBAAoB,GAAG,UAAU,GAAG,UAAU,CAAC;AAE3D;;;;;;;;;;;;;;GAcG;AACH,qBACa,SAAU,SAAQ,UAAU;IACb,KAAK,SAAM;IACX,GAAG,SAAK;IACR,GAAG,SAAO;IACV,IAAI,EAAE,MAAM,GAAG,SAAS,CAAC;IACzB,SAAS,SAAM;IACf,OAAO,EAAE,oBAAoB,CAAc;IAC1C,WAAW,UAAS;IACpB,YAAY,UAAS;IAEhD,OAAO,CAAC,KAAK,EAAE,MAAM;IAKrB,aAAa;IAIb,eAAe;IAIN,MAAM;IA4Cf,OAAgB,MAAM,0BAA6B;CACpD;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,YAAY,EAAE,SAAS,CAAC;KACzB;CACF"}

package/dist/components/slider/slider.js

@@ -94,16 +94,16 @@ __decorateClass([
   property({ type: Number })
 ], ObcSlider.prototype, "step", 2);
 __decorateClass([
-  property({ type: Number, attribute: "step-click" })
+  property({ type: Number })
 ], ObcSlider.prototype, "stepClick", 2);
 __decorateClass([
   property({ type: String })
 ], ObcSlider.prototype, "variant", 2);
 __decorateClass([
-  property({ type: Boolean, attribute: "has-left-icon" })
+  property({ type: Boolean })
 ], ObcSlider.prototype, "hasLeftIcon", 2);
 __decorateClass([
-  property({ type: Boolean, attribute: "has-right-icon" })
+  property({ type: Boolean })
 ], ObcSlider.prototype, "hasRightIcon", 2);
 ObcSlider = __decorateClass([
   customElement("obc-slider")

package/dist/components/slider/slider.js.map

@@ -1 +1 @@
-{"version":3,"file":"slider.js","sources":["../../../src/components/slider/slider.ts"],"sourcesContent":["import {LitElement, html, unsafeCSS} from 'lit';\nimport {customElement, property} from 'lit/decorators.js';\nimport {styleMap} from 'lit/directives/style-map.js';\nimport {ifDefined} from 'lit/directives/if-defined.js';\nimport componentStyle from './slider.css?inline';\nimport '../icon-button/icon-button';\nimport {classMap} from 'lit/directives/class-map.js';\n\nexport enum ObcSliderVariant {\n  NoValue = 'no-value',\n  NoInput = 'no-input',\n}\n\nexport type ObcSliderVariantType = 'no-value' | 'no-input';\n\n/**\n * @element obc-slider\n *\n * @prop {number} value - The value of the slider\n * @prop {number} min - The minimum value of the slider\n * @prop {number} max - The maximum value of the slider\n * @prop {number} step - The step value of the slider\n * @prop {number} stepClick - The step value when clicking the increase or decrease buttons\n * @attr hug-container - If set, the slider will not have any spacing between the slider icons and the container\n *\n * @slot icon-left - Slot for the left icon\n * @slot icon-right - Slot for the right icon\n *\n * @fires value - Fires when the value is changed\n */\n@customElement('obc-slider')\nexport class ObcSlider extends LitElement {\n  @property({type: Number}) value = 50;\n  @property({type: Number}) min = 0;\n  @property({type: Number}) max = 100;\n  @property({type: Number}) step: number | undefined;\n  @property({type: Number, attribute: 'step-click'}) stepClick = 10;\n  @property({type: String}) variant: ObcSliderVariantType = 'no-value';\n  @property({type: Boolean, attribute: 'has-left-icon'}) hasLeftIcon = false;\n  @property({type: Boolean, attribute: 'has-right-icon'}) hasRightIcon = false;\n\n  onInput(value: number) {\n    this.value = value;\n    this.dispatchEvent(new CustomEvent('value', {detail: this.value}));\n  }\n\n  onReduceClick() {\n    this.onInput(Math.max(this.value - this.stepClick, this.min));\n  }\n\n  onIncreaseClick() {\n    this.onInput(Math.min(this.value + this.stepClick, this.max));\n  }\n\n  override render() {\n    const ratio = (this.value - this.min) / (this.max - this.min);\n    return html`\n      ${this.hasLeftIcon\n        ? html` <obc-icon-button @click=${this.onReduceClick} variant=\"flat\">\n            <slot name=\"icon-left\"></slot>\n          </obc-icon-button>`\n        : null}\n      <div class=${classMap({wrapper: true, [this.variant]: true})}>\n        <div class=\"track\"></div>\n        <div\n          class=\"interactive-track\"\n          style=${styleMap({'--ratio': ratio})}\n        ></div>\n        ${this.variant === ObcSliderVariant.NoInput\n          ? html`<div\n              class=\"passive-thumb\"\n              style=${styleMap({'--ratio': ratio})}\n            ></div>`\n          : html`\n              <input\n                type=\"range\"\n                min=${this.min}\n                max=${this.max}\n                step=${ifDefined(this.step)}\n                .value=${this.value.toString()}\n                class=\"slider\"\n                @input=${(event: Event) => {\n                  this.value = Number((event.target as HTMLInputElement).value);\n                  this.dispatchEvent(\n                    new CustomEvent('value', {detail: this.value})\n                  );\n                }}\n              />\n            `}\n      </div>\n      ${this.hasRightIcon\n        ? html`<obc-icon-button @click=${this.onIncreaseClick} variant=\"flat\">\n            <slot name=\"icon-right\"></slot>\n          </obc-icon-button>`\n        : null}\n    `;\n  }\n\n  static override styles = unsafeCSS(componentStyle);\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'obc-slider': ObcSlider;\n  }\n}\n"],"names":["ObcSliderVariant"],"mappings":";;;;;;;;;;;;;;;;;;AAQY,IAAA,qCAAAA,sBAAL;AACLA,oBAAA,SAAU,IAAA;AACVA,oBAAA,SAAU,IAAA;AAFAA,SAAAA;AAAA,GAAA,oBAAA,CAAA,CAAA;AAuBC,IAAA,YAAN,cAAwB,WAAW;AAAA,EAAnC,cAAA;AAAA,UAAA,GAAA,SAAA;AAC6B,SAAA,QAAA;AACF,SAAA,MAAA;AACA,SAAA,MAAA;AAE+B,SAAA,YAAA;AACL,SAAA,UAAA;AACW,SAAA,cAAA;AACE,SAAA,eAAA;AAAA,EAAA;AAAA,EAEvE,QAAQ,OAAe;AACrB,SAAK,QAAQ;AACR,SAAA,cAAc,IAAI,YAAY,SAAS,EAAC,QAAQ,KAAK,MAAM,CAAA,CAAC;AAAA,EACnE;AAAA,EAEA,gBAAgB;AACT,SAAA,QAAQ,KAAK,IAAI,KAAK,QAAQ,KAAK,WAAW,KAAK,GAAG,CAAC;AAAA,EAC9D;AAAA,EAEA,kBAAkB;AACX,SAAA,QAAQ,KAAK,IAAI,KAAK,QAAQ,KAAK,WAAW,KAAK,GAAG,CAAC;AAAA,EAC9D;AAAA,EAES,SAAS;AAChB,UAAM,SAAS,KAAK,QAAQ,KAAK,QAAQ,KAAK,MAAM,KAAK;AAClD,WAAA;AAAA,QACH,KAAK,cACH,gCAAgC,KAAK,aAAa;AAAA;AAAA,gCAGlD,IAAI;AAAA,mBACK,SAAS,EAAC,SAAS,MAAM,CAAC,KAAK,OAAO,GAAG,KAAI,CAAC,CAAC;AAAA;AAAA;AAAA;AAAA,kBAIhD,SAAS,EAAC,WAAW,MAAM,CAAA,CAAC;AAAA;AAAA,UAEpC,KAAK,YAAY,aACf;AAAA;AAAA,sBAEU,SAAS,EAAC,WAAW,MAAM,CAAA,CAAC;AAAA,uBAEtC;AAAA;AAAA;AAAA,sBAGU,KAAK,GAAG;AAAA,sBACR,KAAK,GAAG;AAAA,uBACP,UAAU,KAAK,IAAI,CAAC;AAAA,yBAClB,KAAK,MAAM,UAAU;AAAA;AAAA,yBAErB,CAAC,UAAiB;AACzB,WAAK,QAAQ,OAAQ,MAAM,OAA4B,KAAK;AACvD,WAAA;AAAA,QACH,IAAI,YAAY,SAAS,EAAC,QAAQ,KAAK,OAAM;AAAA,MAAA;AAAA,IAC/C,CACD;AAAA;AAAA,aAEJ;AAAA;AAAA,QAEL,KAAK,eACH,+BAA+B,KAAK,eAAe;AAAA;AAAA,gCAGnD,IAAI;AAAA;AAAA,EAEZ;AAGF;AApEa,UAmEK,SAAS,UAAU,cAAc;AAlEvB,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,QAAO;AAAA,GADb,UACe,WAAA,SAAA,CAAA;AACA,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,QAAO;AAAA,GAFb,UAEe,WAAA,OAAA,CAAA;AACA,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,QAAO;AAAA,GAHb,UAGe,WAAA,OAAA,CAAA;AACA,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,QAAO;AAAA,GAJb,UAIe,WAAA,QAAA,CAAA;AACyB,gBAAA;AAAA,EAAlD,SAAS,EAAC,MAAM,QAAQ,WAAW,cAAa;AAAA,GALtC,UAKwC,WAAA,aAAA,CAAA;AACzB,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,QAAO;AAAA,GANb,UAMe,WAAA,WAAA,CAAA;AAC6B,gBAAA;AAAA,EAAtD,SAAS,EAAC,MAAM,SAAS,WAAW,iBAAgB;AAAA,GAP1C,UAO4C,WAAA,eAAA,CAAA;AACC,gBAAA;AAAA,EAAvD,SAAS,EAAC,MAAM,SAAS,WAAW,kBAAiB;AAAA,GAR3C,UAQ6C,WAAA,gBAAA,CAAA;AAR7C,YAAN,gBAAA;AAAA,EADN,cAAc,YAAY;AAAA,GACd,SAAA;"}
+{"version":3,"file":"slider.js","sources":["../../../src/components/slider/slider.ts"],"sourcesContent":["import {LitElement, html, unsafeCSS} from 'lit';\nimport {customElement, property} from 'lit/decorators.js';\nimport {styleMap} from 'lit/directives/style-map.js';\nimport {ifDefined} from 'lit/directives/if-defined.js';\nimport componentStyle from './slider.css?inline';\nimport '../icon-button/icon-button';\nimport {classMap} from 'lit/directives/class-map.js';\n\nexport enum ObcSliderVariant {\n  NoValue = 'no-value',\n  NoInput = 'no-input',\n}\n\nexport type ObcSliderVariantType = 'no-value' | 'no-input';\n\n/**\n * @element obc-slider\n *\n * @prop {number} value - The value of the slider\n * @prop {number} min - The minimum value of the slider\n * @prop {number} max - The maximum value of the slider\n * @prop {number} step - The step value of the slider\n * @prop {number} stepClick - The step value when clicking the increase or decrease buttons\n * @attr hugcontainer - If set, the slider will not have any spacing between the slider icons and the container\n *\n * @slot icon-left - Slot for the left icon\n * @slot icon-right - Slot for the right icon\n *\n * @fires value - Fires when the value is changed\n */\n@customElement('obc-slider')\nexport class ObcSlider extends LitElement {\n  @property({type: Number}) value = 50;\n  @property({type: Number}) min = 0;\n  @property({type: Number}) max = 100;\n  @property({type: Number}) step: number | undefined;\n  @property({type: Number}) stepClick = 10;\n  @property({type: String}) variant: ObcSliderVariantType = 'no-value';\n  @property({type: Boolean}) hasLeftIcon = false;\n  @property({type: Boolean}) hasRightIcon = false;\n\n  onInput(value: number) {\n    this.value = value;\n    this.dispatchEvent(new CustomEvent('value', {detail: this.value}));\n  }\n\n  onReduceClick() {\n    this.onInput(Math.max(this.value - this.stepClick, this.min));\n  }\n\n  onIncreaseClick() {\n    this.onInput(Math.min(this.value + this.stepClick, this.max));\n  }\n\n  override render() {\n    const ratio = (this.value - this.min) / (this.max - this.min);\n    return html`\n      ${this.hasLeftIcon\n        ? html` <obc-icon-button @click=${this.onReduceClick} variant=\"flat\">\n            <slot name=\"icon-left\"></slot>\n          </obc-icon-button>`\n        : null}\n      <div class=${classMap({wrapper: true, [this.variant]: true})}>\n        <div class=\"track\"></div>\n        <div\n          class=\"interactive-track\"\n          style=${styleMap({'--ratio': ratio})}\n        ></div>\n        ${this.variant === ObcSliderVariant.NoInput\n          ? html`<div\n              class=\"passive-thumb\"\n              style=${styleMap({'--ratio': ratio})}\n            ></div>`\n          : html`\n              <input\n                type=\"range\"\n                min=${this.min}\n                max=${this.max}\n                step=${ifDefined(this.step)}\n                .value=${this.value.toString()}\n                class=\"slider\"\n                @input=${(event: Event) => {\n                  this.value = Number((event.target as HTMLInputElement).value);\n                  this.dispatchEvent(\n                    new CustomEvent('value', {detail: this.value})\n                  );\n                }}\n              />\n            `}\n      </div>\n      ${this.hasRightIcon\n        ? html`<obc-icon-button @click=${this.onIncreaseClick} variant=\"flat\">\n            <slot name=\"icon-right\"></slot>\n          </obc-icon-button>`\n        : null}\n    `;\n  }\n\n  static override styles = unsafeCSS(componentStyle);\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'obc-slider': ObcSlider;\n  }\n}\n"],"names":["ObcSliderVariant"],"mappings":";;;;;;;;;;;;;;;;;;AAQY,IAAA,qCAAAA,sBAAL;AACLA,oBAAA,SAAU,IAAA;AACVA,oBAAA,SAAU,IAAA;AAFAA,SAAAA;AAAA,GAAA,oBAAA,CAAA,CAAA;AAuBC,IAAA,YAAN,cAAwB,WAAW;AAAA,EAAnC,cAAA;AAAA,UAAA,GAAA,SAAA;AAC6B,SAAA,QAAA;AACF,SAAA,MAAA;AACA,SAAA,MAAA;AAEM,SAAA,YAAA;AACoB,SAAA,UAAA;AACjB,SAAA,cAAA;AACC,SAAA,eAAA;AAAA,EAAA;AAAA,EAE1C,QAAQ,OAAe;AACrB,SAAK,QAAQ;AACR,SAAA,cAAc,IAAI,YAAY,SAAS,EAAC,QAAQ,KAAK,MAAM,CAAA,CAAC;AAAA,EACnE;AAAA,EAEA,gBAAgB;AACT,SAAA,QAAQ,KAAK,IAAI,KAAK,QAAQ,KAAK,WAAW,KAAK,GAAG,CAAC;AAAA,EAC9D;AAAA,EAEA,kBAAkB;AACX,SAAA,QAAQ,KAAK,IAAI,KAAK,QAAQ,KAAK,WAAW,KAAK,GAAG,CAAC;AAAA,EAC9D;AAAA,EAES,SAAS;AAChB,UAAM,SAAS,KAAK,QAAQ,KAAK,QAAQ,KAAK,MAAM,KAAK;AAClD,WAAA;AAAA,QACH,KAAK,cACH,gCAAgC,KAAK,aAAa;AAAA;AAAA,gCAGlD,IAAI;AAAA,mBACK,SAAS,EAAC,SAAS,MAAM,CAAC,KAAK,OAAO,GAAG,KAAI,CAAC,CAAC;AAAA;AAAA;AAAA;AAAA,kBAIhD,SAAS,EAAC,WAAW,MAAM,CAAA,CAAC;AAAA;AAAA,UAEpC,KAAK,YAAY,aACf;AAAA;AAAA,sBAEU,SAAS,EAAC,WAAW,MAAM,CAAA,CAAC;AAAA,uBAEtC;AAAA;AAAA;AAAA,sBAGU,KAAK,GAAG;AAAA,sBACR,KAAK,GAAG;AAAA,uBACP,UAAU,KAAK,IAAI,CAAC;AAAA,yBAClB,KAAK,MAAM,UAAU;AAAA;AAAA,yBAErB,CAAC,UAAiB;AACzB,WAAK,QAAQ,OAAQ,MAAM,OAA4B,KAAK;AACvD,WAAA;AAAA,QACH,IAAI,YAAY,SAAS,EAAC,QAAQ,KAAK,OAAM;AAAA,MAAA;AAAA,IAC/C,CACD;AAAA;AAAA,aAEJ;AAAA;AAAA,QAEL,KAAK,eACH,+BAA+B,KAAK,eAAe;AAAA;AAAA,gCAGnD,IAAI;AAAA;AAAA,EAEZ;AAGF;AApEa,UAmEK,SAAS,UAAU,cAAc;AAlEvB,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,QAAO;AAAA,GADb,UACe,WAAA,SAAA,CAAA;AACA,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,QAAO;AAAA,GAFb,UAEe,WAAA,OAAA,CAAA;AACA,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,QAAO;AAAA,GAHb,UAGe,WAAA,OAAA,CAAA;AACA,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,QAAO;AAAA,GAJb,UAIe,WAAA,QAAA,CAAA;AACA,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,QAAO;AAAA,GALb,UAKe,WAAA,aAAA,CAAA;AACA,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,QAAO;AAAA,GANb,UAMe,WAAA,WAAA,CAAA;AACC,gBAAA;AAAA,EAA1B,SAAS,EAAC,MAAM,SAAQ;AAAA,GAPd,UAOgB,WAAA,eAAA,CAAA;AACA,gBAAA;AAAA,EAA1B,SAAS,EAAC,MAAM,SAAQ;AAAA,GARd,UAQgB,WAAA,gBAAA,CAAA;AARhB,YAAN,gBAAA;AAAA,EADN,cAAc,YAAY;AAAA,GACd,SAAA;"}

package/dist/components/toggle-button-group/toggle-button-group.css.js

@@ -1,15 +1,15 @@
 import { css } from "lit";
-const componentStyle = css`:host {
+const componentStyle = css`.outer-wrapper {
   box-sizing: border-box;
   display: block;
   padding: 8px 0;
   height: 48px;
 }
 
-:host([has-labels]) {
-  padding-top: 4px;
-  height: 64px;
-}
+.outer-wrapper.has-labels {
+    padding-top: 4px;
+    height: 64px;
+  }
 
 .wrapper {
   box-sizing: border-box;

package/dist/components/toggle-button-group/toggle-button-group.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"toggle-button-group.d.ts","sourceRoot":"","sources":["../../../src/components/toggle-button-group/toggle-button-group.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAE,gBAAgB,EAAkB,MAAM,KAAK,CAAC;AAMlE,OAAO,EAAC,qBAAqB,EAAC,MAAM,8CAA8C,CAAC;AAGnF,qBACa,oBAAqB,SAAQ,UAAU;IACE,SAAS,UAAS;IAC5C,KAAK,SAAM;IAGrC,OAAO,EAAG,UAAU,CAAC,qBAAqB,CAAC,CAAC;cAEzB,YAAY,CAC7B,kBAAkB,EAAE,gBAAgB,CAAC,OAAO,CAAC,GAAG,GAAG,CAAC,WAAW,EAAE,OAAO,CAAC,GACxE,IAAI;IAQP,iBAAiB,CAAC,KAAK,EAAE,KAAK;IAQrB,aAAa,CAAC,IAAI,CAAC,EAAE,WAAW,EAAE,QAAQ,CAAC,EAAE,OAAO;IASpD,MAAM;IAQf,OAAgB,MAAM,0BAA6B;CACpD;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,yBAAyB,EAAE,oBAAoB,CAAC;KACjD;CACF"}
+{"version":3,"file":"toggle-button-group.d.ts","sourceRoot":"","sources":["../../../src/components/toggle-button-group/toggle-button-group.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAE,gBAAgB,EAAkB,MAAM,KAAK,CAAC;AAMlE,OAAO,EAAC,qBAAqB,EAAC,MAAM,8CAA8C,CAAC;AAGnF,qBACa,oBAAqB,SAAQ,UAAU;IACvB,SAAS,UAAS;IACnB,KAAK,SAAM;IAGrC,OAAO,EAAG,UAAU,CAAC,qBAAqB,CAAC,CAAC;cAEzB,YAAY,CAC7B,kBAAkB,EAAE,gBAAgB,CAAC,OAAO,CAAC,GAAG,GAAG,CAAC,WAAW,EAAE,OAAO,CAAC,GACxE,IAAI;IAQP,iBAAiB,CAAC,KAAK,EAAE,KAAK;IAQrB,aAAa,CAAC,IAAI,CAAC,EAAE,WAAW,EAAE,QAAQ,CAAC,EAAE,OAAO;IASpD,MAAM;IAUf,OAAgB,MAAM,0BAA6B;CACpD;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,yBAAyB,EAAE,oBAAoB,CAAC;KACjD;CACF"}

package/dist/components/toggle-button-group/toggle-button-group.js

@@ -42,15 +42,17 @@ let ObcToggleButtonGroup = class extends LitElement {
   }
   render() {
     return html`
-      <div class="wrapper ${this.hasLabels ? "has-labels" : ""}">
-        <slot></slot>
+      <div class="outer-wrapper ${this.hasLabels ? "has-labels" : ""}">
+        <div class="wrapper ">
+          <slot></slot>
+        </div>
       </div>
     `;
   }
 };
 ObcToggleButtonGroup.styles = unsafeCSS(componentStyle);
 __decorateClass([
-  property({ type: Boolean, attribute: "has-labels" })
+  property({ type: Boolean })
 ], ObcToggleButtonGroup.prototype, "hasLabels", 2);
 __decorateClass([
   property({ type: String })

package/dist/components/toggle-button-group/toggle-button-group.js.map

@@ -1 +1 @@
-{"version":3,"file":"toggle-button-group.js","sources":["../../../src/components/toggle-button-group/toggle-button-group.ts"],"sourcesContent":["import {LitElement, PropertyValueMap, html, unsafeCSS} from 'lit';\nimport {\n  customElement,\n  property,\n  queryAssignedElements,\n} from 'lit/decorators.js';\nimport {ObcToggleButtonOption} from '../toggle-button-option/toggle-button-option';\nimport componentStyle from './toggle-button-group.css?inline';\n\n@customElement('obc-toggle-button-group')\nexport class ObcToggleButtonGroup extends LitElement {\n  @property({type: Boolean, attribute: 'has-labels'}) hasLabels = false;\n  @property({type: String}) value = '';\n\n  @queryAssignedElements({selector: 'obc-toggle-button-option'})\n  options!: NodeListOf<ObcToggleButtonOption>;\n\n  protected override firstUpdated(\n    _changedProperties: PropertyValueMap<unknown> | Map<PropertyKey, unknown>\n  ): void {\n    super.firstUpdated(_changedProperties);\n    this.options.forEach((slot) => {\n      slot.addEventListener('selected', (e) => this.handleOptionClick(e));\n      slot.selected = slot.value === this.value;\n    });\n  }\n\n  handleOptionClick(event: Event) {\n    const value = (event as CustomEvent).detail.value;\n    this.dispatchEvent(new CustomEvent('value', {detail: {value}}));\n    this.options.forEach((option) => {\n      option.selected = option.value === value;\n    });\n  }\n\n  override requestUpdate(name?: PropertyKey, oldValue?: unknown) {\n    if (name && name == 'value' && this.value !== oldValue) {\n      this.options.forEach((option) => {\n        option.selected = option.value === this.value;\n      });\n    }\n    return super.requestUpdate(name, oldValue);\n  }\n\n  override render() {\n    return html`\n      <div class=\"wrapper ${this.hasLabels ? 'has-labels' : ''}\">\n        <slot></slot>\n      </div>\n    `;\n  }\n\n  static override styles = unsafeCSS(componentStyle);\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'obc-toggle-button-group': ObcToggleButtonGroup;\n  }\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;AAUa,IAAA,uBAAN,cAAmC,WAAW;AAAA,EAA9C,cAAA;AAAA,UAAA,GAAA,SAAA;AAC2D,SAAA,YAAA;AAC9B,SAAA,QAAA;AAAA,EAAA;AAAA,EAKf,aACjB,oBACM;AACN,UAAM,aAAa,kBAAkB;AAChC,SAAA,QAAQ,QAAQ,CAAC,SAAS;AAC7B,WAAK,iBAAiB,YAAY,CAAC,MAAM,KAAK,kBAAkB,CAAC,CAAC;AAC7D,WAAA,WAAW,KAAK,UAAU,KAAK;AAAA,IAAA,CACrC;AAAA,EACH;AAAA,EAEA,kBAAkB,OAAc;AACxB,UAAA,QAAS,MAAsB,OAAO;AACvC,SAAA,cAAc,IAAI,YAAY,SAAS,EAAC,QAAQ,EAAC,QAAO,CAAA,CAAC;AACzD,SAAA,QAAQ,QAAQ,CAAC,WAAW;AACxB,aAAA,WAAW,OAAO,UAAU;AAAA,IAAA,CACpC;AAAA,EACH;AAAA,EAES,cAAc,MAAoB,UAAoB;AAC7D,QAAI,QAAQ,QAAQ,WAAW,KAAK,UAAU,UAAU;AACjD,WAAA,QAAQ,QAAQ,CAAC,WAAW;AACxB,eAAA,WAAW,OAAO,UAAU,KAAK;AAAA,MAAA,CACzC;AAAA,IACH;AACO,WAAA,MAAM,cAAc,MAAM,QAAQ;AAAA,EAC3C;AAAA,EAES,SAAS;AACT,WAAA;AAAA,4BACiB,KAAK,YAAY,eAAe,EAAE;AAAA;AAAA;AAAA;AAAA,EAI5D;AAGF;AA3Ca,qBA0CK,SAAS,UAAU,cAAc;AAzCG,gBAAA;AAAA,EAAnD,SAAS,EAAC,MAAM,SAAS,WAAW,cAAa;AAAA,GADvC,qBACyC,WAAA,aAAA,CAAA;AAC1B,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,QAAO;AAAA,GAFb,qBAEe,WAAA,SAAA,CAAA;AAG1B,gBAAA;AAAA,EADC,sBAAsB,EAAC,UAAU,4BAA2B;AAAA,GAJlD,qBAKX,WAAA,WAAA,CAAA;AALW,uBAAN,gBAAA;AAAA,EADN,cAAc,yBAAyB;AAAA,GAC3B,oBAAA;"}
+{"version":3,"file":"toggle-button-group.js","sources":["../../../src/components/toggle-button-group/toggle-button-group.ts"],"sourcesContent":["import {LitElement, PropertyValueMap, html, unsafeCSS} from 'lit';\nimport {\n  customElement,\n  property,\n  queryAssignedElements,\n} from 'lit/decorators.js';\nimport {ObcToggleButtonOption} from '../toggle-button-option/toggle-button-option';\nimport componentStyle from './toggle-button-group.css?inline';\n\n@customElement('obc-toggle-button-group')\nexport class ObcToggleButtonGroup extends LitElement {\n  @property({type: Boolean}) hasLabels = false;\n  @property({type: String}) value = '';\n\n  @queryAssignedElements({selector: 'obc-toggle-button-option'})\n  options!: NodeListOf<ObcToggleButtonOption>;\n\n  protected override firstUpdated(\n    _changedProperties: PropertyValueMap<unknown> | Map<PropertyKey, unknown>\n  ): void {\n    super.firstUpdated(_changedProperties);\n    this.options.forEach((slot) => {\n      slot.addEventListener('selected', (e) => this.handleOptionClick(e));\n      slot.selected = slot.value === this.value;\n    });\n  }\n\n  handleOptionClick(event: Event) {\n    const value = (event as CustomEvent).detail.value;\n    this.dispatchEvent(new CustomEvent('value', {detail: {value}}));\n    this.options.forEach((option) => {\n      option.selected = option.value === value;\n    });\n  }\n\n  override requestUpdate(name?: PropertyKey, oldValue?: unknown) {\n    if (name && name == 'value' && this.value !== oldValue) {\n      this.options.forEach((option) => {\n        option.selected = option.value === this.value;\n      });\n    }\n    return super.requestUpdate(name, oldValue);\n  }\n\n  override render() {\n    return html`\n      <div class=\"outer-wrapper ${this.hasLabels ? 'has-labels' : ''}\">\n        <div class=\"wrapper \">\n          <slot></slot>\n        </div>\n      </div>\n    `;\n  }\n\n  static override styles = unsafeCSS(componentStyle);\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'obc-toggle-button-group': ObcToggleButtonGroup;\n  }\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;AAUa,IAAA,uBAAN,cAAmC,WAAW;AAAA,EAA9C,cAAA;AAAA,UAAA,GAAA,SAAA;AACkC,SAAA,YAAA;AACL,SAAA,QAAA;AAAA,EAAA;AAAA,EAKf,aACjB,oBACM;AACN,UAAM,aAAa,kBAAkB;AAChC,SAAA,QAAQ,QAAQ,CAAC,SAAS;AAC7B,WAAK,iBAAiB,YAAY,CAAC,MAAM,KAAK,kBAAkB,CAAC,CAAC;AAC7D,WAAA,WAAW,KAAK,UAAU,KAAK;AAAA,IAAA,CACrC;AAAA,EACH;AAAA,EAEA,kBAAkB,OAAc;AACxB,UAAA,QAAS,MAAsB,OAAO;AACvC,SAAA,cAAc,IAAI,YAAY,SAAS,EAAC,QAAQ,EAAC,QAAO,CAAA,CAAC;AACzD,SAAA,QAAQ,QAAQ,CAAC,WAAW;AACxB,aAAA,WAAW,OAAO,UAAU;AAAA,IAAA,CACpC;AAAA,EACH;AAAA,EAES,cAAc,MAAoB,UAAoB;AAC7D,QAAI,QAAQ,QAAQ,WAAW,KAAK,UAAU,UAAU;AACjD,WAAA,QAAQ,QAAQ,CAAC,WAAW;AACxB,eAAA,WAAW,OAAO,UAAU,KAAK;AAAA,MAAA,CACzC;AAAA,IACH;AACO,WAAA,MAAM,cAAc,MAAM,QAAQ;AAAA,EAC3C;AAAA,EAES,SAAS;AACT,WAAA;AAAA,kCACuB,KAAK,YAAY,eAAe,EAAE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAMlE;AAGF;AA7Ca,qBA4CK,SAAS,UAAU,cAAc;AA3CtB,gBAAA;AAAA,EAA1B,SAAS,EAAC,MAAM,SAAQ;AAAA,GADd,qBACgB,WAAA,aAAA,CAAA;AACD,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,QAAO;AAAA,GAFb,qBAEe,WAAA,SAAA,CAAA;AAG1B,gBAAA;AAAA,EADC,sBAAsB,EAAC,UAAU,4BAA2B;AAAA,GAJlD,qBAKX,WAAA,WAAA,CAAA;AALW,uBAAN,gBAAA;AAAA,EADN,cAAc,yBAAyB;AAAA,GAC3B,oBAAA;"}

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

@@ -1 +1 @@
-{"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["../../../src/components/tooltip/tooltip.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAkB,MAAM,KAAK,CAAC;AAGhD,OAAO,4BAA4B,CAAC;AACpC,OAAO,sCAAsC,CAAC;AAG9C,oBAAY,cAAc;IACxB,OAAO,YAAY;IACnB,YAAY,iBAAiB;IAC7B,OAAO,YAAY;IACnB,OAAO,YAAY;IACnB,KAAK,UAAU;CAChB;AAED,qBACa,UAAW,SAAQ,UAAU;IACd,OAAO,iBAA+B;IACtC,KAAK,SAAW;IAChB,IAAI,SAAkB;IACK,UAAU,UAAS;IAE/D,MAAM;IAkCf,OAAgB,MAAM,0BAA2B;CAClD;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,aAAa,EAAE,UAAU,CAAC;KAC3B;CACF"}
+{"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["../../../src/components/tooltip/tooltip.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAkB,MAAM,KAAK,CAAC;AAGhD,OAAO,4BAA4B,CAAC;AACpC,OAAO,sCAAsC,CAAC;AAG9C,oBAAY,cAAc;IACxB,OAAO,YAAY;IACnB,YAAY,iBAAiB;IAC7B,OAAO,YAAY;IACnB,OAAO,YAAY;IACnB,KAAK,UAAU;CAChB;AAED,qBACa,UAAW,SAAQ,UAAU;IACd,OAAO,iBAA+B;IACtC,KAAK,SAAW;IAChB,IAAI,SAAkB;IACrB,UAAU,UAAS;IAErC,MAAM;IAkCf,OAAgB,MAAM,0BAA2B;CAClD;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,aAAa,EAAE,UAAU,CAAC;KAC3B;CACF"}

package/dist/components/tooltip/tooltip.js

@@ -48,7 +48,7 @@ let ObcTooltip = class extends LitElement {
             <div class="title">${this.label}</div>
             <div class="btn">
               <obc-icon-button
-                active-color
+                activecolor
                 variant="flat"
                 @click="${() => this.dispatchEvent(new CustomEvent("click:more"))}"
               >
@@ -75,7 +75,7 @@ __decorateClass([
   property({ type: String })
 ], ObcTooltip.prototype, "text", 2);
 __decorateClass([
-  property({ type: Boolean, attribute: "right-arrow" })
+  property({ type: Boolean })
 ], ObcTooltip.prototype, "rightArrow", 2);
 ObcTooltip = __decorateClass([
   customElement("obc-tooltip")

package/dist/components/tooltip/tooltip.js.map

@@ -1 +1 @@
-{"version":3,"file":"tooltip.js","sources":["../../../src/components/tooltip/tooltip.ts"],"sourcesContent":["import {LitElement, html, unsafeCSS} from 'lit';\nimport {customElement, property} from 'lit/decorators.js';\nimport compentStyle from './tooltip.css?inline';\nimport '../icon-button/icon-button';\nimport '../../icons/icon-01-application-open';\nimport {classMap} from 'lit/directives/class-map.js';\n\nexport enum TooltipVariant {\n  neutral = 'neutral',\n  notification = 'notification',\n  caution = 'caution',\n  warning = 'warning',\n  alarm = 'alarm',\n}\n\n@customElement('obc-tooltip')\nexport class ObcTooltip extends LitElement {\n  @property({type: String}) variant = 'neutral' as TooltipVariant;\n  @property({type: String}) label = 'Title';\n  @property({type: String}) text = 'Tooltip text';\n  @property({type: Boolean, attribute: 'right-arrow'}) rightArrow = false;\n\n  override render() {\n    return html`\n      <div\n        class=${classMap({\n          wrapper: true,\n          [this.variant]: true,\n          'right-arrow': this.rightArrow,\n        })}\n      >\n        <div class=\"icon\">\n          <slot name=\"icon\"></slot>\n        </div>\n        <div class=\"content\">\n          <div class=\"header\">\n            <div class=\"title\">${this.label}</div>\n            <div class=\"btn\">\n              <obc-icon-button\n                active-color\n                variant=\"flat\"\n                @click=\"${() =>\n                  this.dispatchEvent(new CustomEvent('click:more'))}\"\n              >\n                <obi-01-application-open></obi-01-application-open>\n              </obc-icon-button>\n            </div>\n          </div>\n\n          <div class=\"divider\"></div>\n          <div class=\"text\">${this.text}</div>\n        </div>\n      </div>\n    `;\n  }\n\n  static override styles = unsafeCSS(compentStyle);\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'obc-tooltip': ObcTooltip;\n  }\n}\n"],"names":["TooltipVariant"],"mappings":";;;;;;;;;;;;;;;;;AAOY,IAAA,mCAAAA,oBAAL;AACLA,kBAAA,SAAU,IAAA;AACVA,kBAAA,cAAe,IAAA;AACfA,kBAAA,SAAU,IAAA;AACVA,kBAAA,SAAU,IAAA;AACVA,kBAAA,OAAQ,IAAA;AALEA,SAAAA;AAAA,GAAA,kBAAA,CAAA,CAAA;AASC,IAAA,aAAN,cAAyB,WAAW;AAAA,EAApC,cAAA;AAAA,UAAA,GAAA,SAAA;AAC+B,SAAA,UAAA;AACF,SAAA,QAAA;AACD,SAAA,OAAA;AACiC,SAAA,aAAA;AAAA,EAAA;AAAA,EAEzD,SAAS;AACT,WAAA;AAAA;AAAA,gBAEK,SAAS;AAAA,MACf,SAAS;AAAA,MACT,CAAC,KAAK,OAAO,GAAG;AAAA,MAChB,eAAe,KAAK;AAAA,IAAA,CACrB,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,iCAOuB,KAAK,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA,0BAKjB,MACR,KAAK,cAAc,IAAI,YAAY,YAAY,CAAC,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,8BAQrC,KAAK,IAAI;AAAA;AAAA;AAAA;AAAA,EAIrC;AAGF;AAzCa,WAwCK,SAAS,UAAU,YAAY;AAvCrB,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,QAAO;AAAA,GADb,WACe,WAAA,WAAA,CAAA;AACA,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,QAAO;AAAA,GAFb,WAEe,WAAA,SAAA,CAAA;AACA,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,QAAO;AAAA,GAHb,WAGe,WAAA,QAAA,CAAA;AAC2B,gBAAA;AAAA,EAApD,SAAS,EAAC,MAAM,SAAS,WAAW,eAAc;AAAA,GAJxC,WAI0C,WAAA,cAAA,CAAA;AAJ1C,aAAN,gBAAA;AAAA,EADN,cAAc,aAAa;AAAA,GACf,UAAA;"}
+{"version":3,"file":"tooltip.js","sources":["../../../src/components/tooltip/tooltip.ts"],"sourcesContent":["import {LitElement, html, unsafeCSS} from 'lit';\nimport {customElement, property} from 'lit/decorators.js';\nimport compentStyle from './tooltip.css?inline';\nimport '../icon-button/icon-button';\nimport '../../icons/icon-01-application-open';\nimport {classMap} from 'lit/directives/class-map.js';\n\nexport enum TooltipVariant {\n  neutral = 'neutral',\n  notification = 'notification',\n  caution = 'caution',\n  warning = 'warning',\n  alarm = 'alarm',\n}\n\n@customElement('obc-tooltip')\nexport class ObcTooltip extends LitElement {\n  @property({type: String}) variant = 'neutral' as TooltipVariant;\n  @property({type: String}) label = 'Title';\n  @property({type: String}) text = 'Tooltip text';\n  @property({type: Boolean}) rightArrow = false;\n\n  override render() {\n    return html`\n      <div\n        class=${classMap({\n          wrapper: true,\n          [this.variant]: true,\n          'right-arrow': this.rightArrow,\n        })}\n      >\n        <div class=\"icon\">\n          <slot name=\"icon\"></slot>\n        </div>\n        <div class=\"content\">\n          <div class=\"header\">\n            <div class=\"title\">${this.label}</div>\n            <div class=\"btn\">\n              <obc-icon-button\n                activecolor\n                variant=\"flat\"\n                @click=\"${() =>\n                  this.dispatchEvent(new CustomEvent('click:more'))}\"\n              >\n                <obi-01-application-open></obi-01-application-open>\n              </obc-icon-button>\n            </div>\n          </div>\n\n          <div class=\"divider\"></div>\n          <div class=\"text\">${this.text}</div>\n        </div>\n      </div>\n    `;\n  }\n\n  static override styles = unsafeCSS(compentStyle);\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'obc-tooltip': ObcTooltip;\n  }\n}\n"],"names":["TooltipVariant"],"mappings":";;;;;;;;;;;;;;;;;AAOY,IAAA,mCAAAA,oBAAL;AACLA,kBAAA,SAAU,IAAA;AACVA,kBAAA,cAAe,IAAA;AACfA,kBAAA,SAAU,IAAA;AACVA,kBAAA,SAAU,IAAA;AACVA,kBAAA,OAAQ,IAAA;AALEA,SAAAA;AAAA,GAAA,kBAAA,CAAA,CAAA;AASC,IAAA,aAAN,cAAyB,WAAW;AAAA,EAApC,cAAA;AAAA,UAAA,GAAA,SAAA;AAC+B,SAAA,UAAA;AACF,SAAA,QAAA;AACD,SAAA,OAAA;AACO,SAAA,aAAA;AAAA,EAAA;AAAA,EAE/B,SAAS;AACT,WAAA;AAAA;AAAA,gBAEK,SAAS;AAAA,MACf,SAAS;AAAA,MACT,CAAC,KAAK,OAAO,GAAG;AAAA,MAChB,eAAe,KAAK;AAAA,IAAA,CACrB,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,iCAOuB,KAAK,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA,0BAKjB,MACR,KAAK,cAAc,IAAI,YAAY,YAAY,CAAC,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,8BAQrC,KAAK,IAAI;AAAA;AAAA;AAAA;AAAA,EAIrC;AAGF;AAzCa,WAwCK,SAAS,UAAU,YAAY;AAvCrB,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,QAAO;AAAA,GADb,WACe,WAAA,WAAA,CAAA;AACA,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,QAAO;AAAA,GAFb,WAEe,WAAA,SAAA,CAAA;AACA,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,QAAO;AAAA,GAHb,WAGe,WAAA,QAAA,CAAA;AACC,gBAAA;AAAA,EAA1B,SAAS,EAAC,MAAM,SAAQ;AAAA,GAJd,WAIgB,WAAA,cAAA,CAAA;AAJhB,aAAN,gBAAA;AAAA,EADN,cAAc,aAAa;AAAA,GACf,UAAA;"}

package/dist/components/top-bar/top-bar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"top-bar.d.ts","sourceRoot":"","sources":["../../../src/components/top-bar/top-bar.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAkB,MAAM,KAAK,CAAC;AAIhD,OAAO,4BAA4B,CAAC;AACpC,OAAO,gBAAgB,CAAC;AACxB,OAAO,oBAAoB,CAAC;AAC5B,OAAO,0BAA0B,CAAC;AAClC,OAAO,0BAA0B,CAAC;AAClC,OAAO,2BAA2B,CAAC;AACnC,OAAO,gCAAgC,CAAC;AACxC,OAAO,mCAAmC,CAAC;AAC3C,OAAO,6BAA6B,CAAC;AACrC,OAAO,0BAA0B,CAAC;AAClC,OAAO,mCAAmC,CAAC;AAC3C,OAAO,EAAC,cAAc,EAAC,MAAM,0BAA0B,CAAC;AAExD;;;;;;;GAOG;AACH,qBACa,SAAU,SAAQ,UAAU;IACb,QAAQ,SAAS;IACjB,QAAQ,SAAU;IAClB,IAAI,SAA8B;IAE5D,mBAAmB,UAAS;IAE5B,sBAAsB,UAAS;IAE/B,mBAAmB,UAAS;IAE5B,uBAAuB,UAAS;IAE0B,cAAc,UAChE;IACkD,cAAc,UAChE;IAER,iBAAiB,UAAS;IAC0B,SAAS,UAAS;IACnB,QAAQ,UAAS;IACzC,QAAQ,UAAS;IAE5C,qBAAqB,SAAO;IAE5B,yBAAyB,SAAO;IAEhC,oBAAoB,SAAO;IAE3B,yBAAyB,SAAO;IACL,QAAQ,UAAS;IAE5C,eAAe,EAAE,cAAc,EAAE,CAAM;IAEvC,OAAO,CAAC,iBAAiB;IAIzB,OAAO,CAAC,oBAAoB;IAI5B,OAAO,CAAC,iBAAiB;IAIzB,OAAO,CAAC,qBAAqB;IAIpB,MAAM;IA+If,OAAgB,MAAM,0BAA2B;CAClD;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,aAAa,EAAE,SAAS,CAAC;KAC1B;CACF"}
+{"version":3,"file":"top-bar.d.ts","sourceRoot":"","sources":["../../../src/components/top-bar/top-bar.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAkB,MAAM,KAAK,CAAC;AAIhD,OAAO,4BAA4B,CAAC;AACpC,OAAO,gBAAgB,CAAC;AACxB,OAAO,oBAAoB,CAAC;AAC5B,OAAO,0BAA0B,CAAC;AAClC,OAAO,0BAA0B,CAAC;AAClC,OAAO,2BAA2B,CAAC;AACnC,OAAO,gCAAgC,CAAC;AACxC,OAAO,mCAAmC,CAAC;AAC3C,OAAO,6BAA6B,CAAC;AACrC,OAAO,0BAA0B,CAAC;AAClC,OAAO,mCAAmC,CAAC;AAC3C,OAAO,EAAC,cAAc,EAAC,MAAM,0BAA0B,CAAC;AAExD;;;;;;;GAOG;AACH,qBACa,SAAU,SAAQ,UAAU;IACb,QAAQ,SAAS;IACjB,QAAQ,SAAU;IAClB,IAAI,SAA8B;IAE5D,mBAAmB,UAAS;IAE5B,sBAAsB,UAAS;IAE/B,mBAAmB,UAAS;IAE5B,uBAAuB,UAAS;IAEL,cAAc,UAAS;IACvB,cAAc,UAAS;IAElD,iBAAiB,UAAS;IACC,SAAS,UAAS;IAClB,QAAQ,UAAS;IACjB,QAAQ,UAAS;IAE5C,qBAAqB,SAAO;IAE5B,yBAAyB,SAAO;IAEhC,oBAAoB,SAAO;IAE3B,yBAAyB,SAAO;IACL,QAAQ,UAAS;IAE5C,eAAe,EAAE,cAAc,EAAE,CAAM;IAEvC,OAAO,CAAC,iBAAiB;IAIzB,OAAO,CAAC,oBAAoB;IAI5B,OAAO,CAAC,iBAAiB;IAIzB,OAAO,CAAC,qBAAqB;IAIpB,MAAM;IA+If,OAAgB,MAAM,0BAA2B;CAClD;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,aAAa,EAAE,SAAS,CAAC;KAC1B;CACF"}

package/dist/components/top-bar/top-bar.js

@@ -76,7 +76,7 @@ let ObcTopBar = class extends LitElement {
       leftGroup.push(
         html`<obc-icon-button
           variant="flat"
-          corner-left
+          cornerLeft
           @click=${() => this.dispatchEvent(new CustomEvent("back"))}
         >
           <obi-02-arrow-back></obi-02-arrow-back>
@@ -85,7 +85,7 @@ let ObcTopBar = class extends LitElement {
       leftGroup.push(
         html`<obc-icon-button
           variant="flat"
-          corner-right
+          cornerRight
           @click=${() => this.dispatchEvent(new CustomEvent("forward"))}
         >
           <obi-02-arrow-forward></obi-02-arrow-forward>
@@ -158,9 +158,9 @@ let ObcTopBar = class extends LitElement {
         <div class="left group">${leftGroup}</div>
         <div class="right group">
           ${this.showClock ? html`<obc-clock
-                date=${this.date}
-                blink-only-breakpoint-px=${this.clockMinimizeBreakpointPx}
-                ?show-date=${this.showDate}
+                .date=${this.date}
+                .blinkOnlyBreakpointPx=${this.clockMinimizeBreakpointPx}
+                .showDate=${this.showDate}
               ></obc-clock>` : null}
           <slot name="alerts"></slot>
           ${this.showDimmingButton && !this.inactive ? html`<obc-icon-button
@@ -203,52 +203,52 @@ __decorateClass([
   property({ type: String })
 ], ObcTopBar.prototype, "date", 2);
 __decorateClass([
-  property({ type: Boolean, attribute: "menu-button-activated" })
+  property({ type: Boolean })
 ], ObcTopBar.prototype, "menuButtonActivated", 2);
 __decorateClass([
-  property({ type: Boolean, attribute: "dimming-button-activated" })
+  property({ type: Boolean })
 ], ObcTopBar.prototype, "dimmingButtonActivated", 2);
 __decorateClass([
-  property({ type: Boolean, attribute: "apps-button-activated" })
+  property({ type: Boolean })
 ], ObcTopBar.prototype, "appsButtonActivated", 2);
 __decorateClass([
-  property({ type: Boolean, attribute: "left-more-button-activated" })
+  property({ type: Boolean })
 ], ObcTopBar.prototype, "leftMoreButtonActivated", 2);
 __decorateClass([
-  property({ type: Boolean, attribute: "wide-menu-button" })
+  property({ type: Boolean })
 ], ObcTopBar.prototype, "wideMenuButton", 2);
 __decorateClass([
-  property({ type: Boolean, attribute: "show-apps-button" })
+  property({ type: Boolean })
 ], ObcTopBar.prototype, "showAppsButton", 2);
 __decorateClass([
-  property({ type: Boolean, attribute: "show-dimming-button" })
+  property({ type: Boolean })
 ], ObcTopBar.prototype, "showDimmingButton", 2);
 __decorateClass([
-  property({ type: Boolean, attribute: "show-clock" })
+  property({ type: Boolean })
 ], ObcTopBar.prototype, "showClock", 2);
 __decorateClass([
-  property({ type: Boolean, attribute: "show-date" })
+  property({ type: Boolean })
 ], ObcTopBar.prototype, "showDate", 2);
 __decorateClass([
   property({ type: Boolean })
 ], ObcTopBar.prototype, "inactive", 2);
 __decorateClass([
-  property({ type: Number, attribute: "apps-button-breakpoint-px" })
+  property({ type: Number })
 ], ObcTopBar.prototype, "appButtonBreakpointPx", 2);
 __decorateClass([
-  property({ type: Number, attribute: "dimming-button-breakpoint-px" })
+  property({ type: Number })
 ], ObcTopBar.prototype, "dimmingButtonBreakpointPx", 2);
 __decorateClass([
-  property({ type: Number, attribute: "app-title-breakpoint-px" })
+  property({ type: Number })
 ], ObcTopBar.prototype, "appTitleBreakpointPx", 2);
 __decorateClass([
-  property({ type: Number, attribute: "clock-minimize-breakpoint-px" })
+  property({ type: Number })
 ], ObcTopBar.prototype, "clockMinimizeBreakpointPx", 2);
 __decorateClass([
   property({ type: Boolean })
 ], ObcTopBar.prototype, "settings", 2);
 __decorateClass([
-  property({ type: Array, attribute: "breadcrumb-items" })
+  property({ type: Array })
 ], ObcTopBar.prototype, "breadcrumbItems", 2);
 ObcTopBar = __decorateClass([
   customElement("obc-top-bar")

package/dist/components/top-bar/top-bar.js.map

@@ -1 +1 @@
-{"version":3,"file":"top-bar.js","sources":["../../../src/components/top-bar/top-bar.ts"],"sourcesContent":["import {LitElement, html, unsafeCSS} from 'lit';\nimport {customElement, property} from 'lit/decorators.js';\nimport {classMap} from 'lit/directives/class-map.js';\nimport compentStyle from './top-bar.css?inline';\nimport '../icon-button/icon-button';\nimport '../clock/clock';\nimport '../divider/divider';\nimport '../breadcrumb/breadcrumb';\nimport '../../icons/icon-01-menu';\nimport '../../icons/icon-01-close';\nimport '../../icons/icon-02-arrow-back';\nimport '../../icons/icon-02-arrow-forward';\nimport '../../icons/icon-04-dimming';\nimport '../../icons/icon-01-apps';\nimport '../../icons/icon-01-more-vertical';\nimport {BreadcrumbItem} from '../breadcrumb/breadcrumb';\n\n/**\n * Top bar component\n *\n * @fires menu-button-clicked - Menu button clicked\n * @fires dimming-button-clicked - Dimming button clicked\n * @fires apps-button-clicked - Apps button clicked\n * @fires left-more-button-clicked - Left more button clicked\n */\n@customElement('obc-top-bar')\nexport class ObcTopBar extends LitElement {\n  @property({type: String}) appTitle = 'App';\n  @property({type: String}) pageName = 'Page';\n  @property({type: String}) date = '2021-01-01T11:11:11.111Z';\n  @property({type: Boolean, attribute: 'menu-button-activated'})\n  menuButtonActivated = false;\n  @property({type: Boolean, attribute: 'dimming-button-activated'})\n  dimmingButtonActivated = false;\n  @property({type: Boolean, attribute: 'apps-button-activated'})\n  appsButtonActivated = false;\n  @property({type: Boolean, attribute: 'left-more-button-activated'})\n  leftMoreButtonActivated = false;\n\n  @property({type: Boolean, attribute: 'wide-menu-button'}) wideMenuButton =\n    false;\n  @property({type: Boolean, attribute: 'show-apps-button'}) showAppsButton =\n    false;\n  @property({type: Boolean, attribute: 'show-dimming-button'})\n  showDimmingButton = false;\n  @property({type: Boolean, attribute: 'show-clock'}) showClock = false;\n  @property({type: Boolean, attribute: 'show-date'}) showDate = false;\n  @property({type: Boolean}) inactive = false;\n  @property({type: Number, attribute: 'apps-button-breakpoint-px'})\n  appButtonBreakpointPx = 500;\n  @property({type: Number, attribute: 'dimming-button-breakpoint-px'})\n  dimmingButtonBreakpointPx = 500;\n  @property({type: Number, attribute: 'app-title-breakpoint-px'})\n  appTitleBreakpointPx = 500;\n  @property({type: Number, attribute: 'clock-minimize-breakpoint-px'})\n  clockMinimizeBreakpointPx = 300;\n  @property({type: Boolean}) settings = false;\n  @property({type: Array, attribute: 'breadcrumb-items'})\n  breadcrumbItems: BreadcrumbItem[] = [];\n\n  private menuButtonClicked() {\n    this.dispatchEvent(new CustomEvent('menu-button-clicked'));\n  }\n\n  private dimmingButtonClicked() {\n    this.dispatchEvent(new CustomEvent('dimming-button-clicked'));\n  }\n\n  private appsButtonClicked() {\n    this.dispatchEvent(new CustomEvent('apps-button-clicked'));\n  }\n\n  private leftMoreButtonClicked() {\n    this.dispatchEvent(new CustomEvent('left-more-button-clicked'));\n  }\n\n  override render() {\n    const leftGroup = [];\n    if (this.settings) {\n      leftGroup.push(\n        html`<div class=\"menu-button\">\n          <obc-icon-button\n            variant=\"flat\"\n            @click=${() => this.dispatchEvent(new CustomEvent('close'))}\n          >\n            <obi-01-close></obi-01-close>\n          </obc-icon-button>\n        </div>`\n      );\n      leftGroup.push(html`<obc-divider></obc-divider>`);\n      leftGroup.push(\n        html`<obc-icon-button\n          variant=\"flat\"\n          corner-left\n          @click=${() => this.dispatchEvent(new CustomEvent('back'))}\n        >\n          <obi-02-arrow-back></obi-02-arrow-back>\n        </obc-icon-button>`\n      );\n      leftGroup.push(\n        html`<obc-icon-button\n          variant=\"flat\"\n          corner-right\n          @click=${() => this.dispatchEvent(new CustomEvent('forward'))}\n        >\n          <obi-02-arrow-forward></obi-02-arrow-forward>\n        </obc-icon-button>`\n      );\n      leftGroup.push(html`<obc-divider></obc-divider>`);\n      leftGroup.push(html`<div class=\"title\">${this.appTitle}</div>`);\n      leftGroup.push(\n        html`<obc-breadcrumb .items=${this.breadcrumbItems}></obc-breadcrumb>`\n      );\n    } else {\n      if (!this.inactive) {\n        leftGroup.push(\n          html`<div class=\"menu-button ${this.wideMenuButton ? 'wide' : null}\">\n            <obc-icon-button\n              variant=\"flat\"\n              @click=${this.menuButtonClicked}\n              ?activated=${this.menuButtonActivated}\n            >\n              <obi-01-menu></obi-01-menu>\n            </obc-icon-button>\n          </div>`\n        );\n      }\n      leftGroup.push(html`<div class=\"title\">${this.appTitle}</div>`);\n      leftGroup.push(html`<div class=\"page-name\">${this.pageName}</div>`);\n    }\n\n    const breakpointMoreButton = Math.max(\n      this.appButtonBreakpointPx,\n      this.dimmingButtonBreakpointPx\n    );\n\n    return html`\n      <style>\n        @media (max-width: ${breakpointMoreButton}px) {\n          .left-more-button {\n            display: revert !important;\n          }\n\n          .group.left > * {\n            margin-right: 4px;\n            margin-left: 4px;\n          }\n        }\n\n        @media (max-width: ${this.appButtonBreakpointPx}px) {\n          .apps-button {\n            display: none;\n          }\n        }\n\n        @media (max-width: ${this.dimmingButtonBreakpointPx}px) {\n          .dimming-button {\n            display: none;\n          }\n        }\n\n        @media (max-width: ${this.appTitleBreakpointPx}px) {\n          .title {\n            display: none;\n          }\n        }\n      </style>\n      <nav\n        class=${classMap({\n          wrapper: true,\n          inactive: this.inactive,\n          settings: this.settings,\n        })}\n      >\n        <div class=\"left group\">${leftGroup}</div>\n        <div class=\"right group\">\n          ${this.showClock\n            ? html`<obc-clock\n                date=${this.date}\n                blink-only-breakpoint-px=${this.clockMinimizeBreakpointPx}\n                ?show-date=${this.showDate}\n              ></obc-clock>`\n            : null}\n          <slot name=\"alerts\"></slot>\n          ${this.showDimmingButton && !this.inactive\n            ? html`<obc-icon-button\n                class=\"dimming-button\"\n                variant=\"flat\"\n                @click=${this.dimmingButtonClicked}\n                ?activated=${this.dimmingButtonActivated}\n              >\n                <obi-04-dimming></obi-04-dimming>\n              </obc-icon-button>`\n            : null}\n          ${this.showAppsButton && !this.inactive\n            ? html`<obc-icon-button\n                class=\"apps-button\"\n                variant=\"flat\"\n                @click=${this.appsButtonClicked}\n                ?activated=${this.appsButtonActivated}\n              >\n                <obi-01-apps></obi-01-apps>\n              </obc-icon-button>`\n            : null}\n          ${!this.inactive\n            ? html`<obc-icon-button\n                class=\"left-more-button\"\n                variant=\"flat\"\n                @click=${this.leftMoreButtonClicked}\n                ?activated=${this.leftMoreButtonActivated}\n              >\n                <obi-01-more-vertical></obi-01-more-vertical>\n              </obc-icon-button>`\n            : null}\n        </div>\n      </nav>\n    `;\n  }\n\n  static override styles = unsafeCSS(compentStyle);\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'obc-top-bar': ObcTopBar;\n  }\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"top-bar.js","sources":["../../../src/components/top-bar/top-bar.ts"],"sourcesContent":["import {LitElement, html, unsafeCSS} from 'lit';\nimport {customElement, property} from 'lit/decorators.js';\nimport {classMap} from 'lit/directives/class-map.js';\nimport compentStyle from './top-bar.css?inline';\nimport '../icon-button/icon-button';\nimport '../clock/clock';\nimport '../divider/divider';\nimport '../breadcrumb/breadcrumb';\nimport '../../icons/icon-01-menu';\nimport '../../icons/icon-01-close';\nimport '../../icons/icon-02-arrow-back';\nimport '../../icons/icon-02-arrow-forward';\nimport '../../icons/icon-04-dimming';\nimport '../../icons/icon-01-apps';\nimport '../../icons/icon-01-more-vertical';\nimport {BreadcrumbItem} from '../breadcrumb/breadcrumb';\n\n/**\n * Top bar component\n *\n * @fires menu-button-clicked - Menu button clicked\n * @fires dimming-button-clicked - Dimming button clicked\n * @fires apps-button-clicked - Apps button clicked\n * @fires left-more-button-clicked - Left more button clicked\n */\n@customElement('obc-top-bar')\nexport class ObcTopBar extends LitElement {\n  @property({type: String}) appTitle = 'App';\n  @property({type: String}) pageName = 'Page';\n  @property({type: String}) date = '2021-01-01T11:11:11.111Z';\n  @property({type: Boolean})\n  menuButtonActivated = false;\n  @property({type: Boolean})\n  dimmingButtonActivated = false;\n  @property({type: Boolean})\n  appsButtonActivated = false;\n  @property({type: Boolean})\n  leftMoreButtonActivated = false;\n\n  @property({type: Boolean}) wideMenuButton = false;\n  @property({type: Boolean}) showAppsButton = false;\n  @property({type: Boolean})\n  showDimmingButton = false;\n  @property({type: Boolean}) showClock = false;\n  @property({type: Boolean}) showDate = false;\n  @property({type: Boolean}) inactive = false;\n  @property({type: Number})\n  appButtonBreakpointPx = 500;\n  @property({type: Number})\n  dimmingButtonBreakpointPx = 500;\n  @property({type: Number})\n  appTitleBreakpointPx = 500;\n  @property({type: Number})\n  clockMinimizeBreakpointPx = 300;\n  @property({type: Boolean}) settings = false;\n  @property({type: Array})\n  breadcrumbItems: BreadcrumbItem[] = [];\n\n  private menuButtonClicked() {\n    this.dispatchEvent(new CustomEvent('menu-button-clicked'));\n  }\n\n  private dimmingButtonClicked() {\n    this.dispatchEvent(new CustomEvent('dimming-button-clicked'));\n  }\n\n  private appsButtonClicked() {\n    this.dispatchEvent(new CustomEvent('apps-button-clicked'));\n  }\n\n  private leftMoreButtonClicked() {\n    this.dispatchEvent(new CustomEvent('left-more-button-clicked'));\n  }\n\n  override render() {\n    const leftGroup = [];\n    if (this.settings) {\n      leftGroup.push(\n        html`<div class=\"menu-button\">\n          <obc-icon-button\n            variant=\"flat\"\n            @click=${() => this.dispatchEvent(new CustomEvent('close'))}\n          >\n            <obi-01-close></obi-01-close>\n          </obc-icon-button>\n        </div>`\n      );\n      leftGroup.push(html`<obc-divider></obc-divider>`);\n      leftGroup.push(\n        html`<obc-icon-button\n          variant=\"flat\"\n          cornerLeft\n          @click=${() => this.dispatchEvent(new CustomEvent('back'))}\n        >\n          <obi-02-arrow-back></obi-02-arrow-back>\n        </obc-icon-button>`\n      );\n      leftGroup.push(\n        html`<obc-icon-button\n          variant=\"flat\"\n          cornerRight\n          @click=${() => this.dispatchEvent(new CustomEvent('forward'))}\n        >\n          <obi-02-arrow-forward></obi-02-arrow-forward>\n        </obc-icon-button>`\n      );\n      leftGroup.push(html`<obc-divider></obc-divider>`);\n      leftGroup.push(html`<div class=\"title\">${this.appTitle}</div>`);\n      leftGroup.push(\n        html`<obc-breadcrumb .items=${this.breadcrumbItems}></obc-breadcrumb>`\n      );\n    } else {\n      if (!this.inactive) {\n        leftGroup.push(\n          html`<div class=\"menu-button ${this.wideMenuButton ? 'wide' : null}\">\n            <obc-icon-button\n              variant=\"flat\"\n              @click=${this.menuButtonClicked}\n              ?activated=${this.menuButtonActivated}\n            >\n              <obi-01-menu></obi-01-menu>\n            </obc-icon-button>\n          </div>`\n        );\n      }\n      leftGroup.push(html`<div class=\"title\">${this.appTitle}</div>`);\n      leftGroup.push(html`<div class=\"page-name\">${this.pageName}</div>`);\n    }\n\n    const breakpointMoreButton = Math.max(\n      this.appButtonBreakpointPx,\n      this.dimmingButtonBreakpointPx\n    );\n\n    return html`\n      <style>\n        @media (max-width: ${breakpointMoreButton}px) {\n          .left-more-button {\n            display: revert !important;\n          }\n\n          .group.left > * {\n            margin-right: 4px;\n            margin-left: 4px;\n          }\n        }\n\n        @media (max-width: ${this.appButtonBreakpointPx}px) {\n          .apps-button {\n            display: none;\n          }\n        }\n\n        @media (max-width: ${this.dimmingButtonBreakpointPx}px) {\n          .dimming-button {\n            display: none;\n          }\n        }\n\n        @media (max-width: ${this.appTitleBreakpointPx}px) {\n          .title {\n            display: none;\n          }\n        }\n      </style>\n      <nav\n        class=${classMap({\n          wrapper: true,\n          inactive: this.inactive,\n          settings: this.settings,\n        })}\n      >\n        <div class=\"left group\">${leftGroup}</div>\n        <div class=\"right group\">\n          ${this.showClock\n            ? html`<obc-clock\n                .date=${this.date}\n                .blinkOnlyBreakpointPx=${this.clockMinimizeBreakpointPx}\n                .showDate=${this.showDate}\n              ></obc-clock>`\n            : null}\n          <slot name=\"alerts\"></slot>\n          ${this.showDimmingButton && !this.inactive\n            ? html`<obc-icon-button\n                class=\"dimming-button\"\n                variant=\"flat\"\n                @click=${this.dimmingButtonClicked}\n                ?activated=${this.dimmingButtonActivated}\n              >\n                <obi-04-dimming></obi-04-dimming>\n              </obc-icon-button>`\n            : null}\n          ${this.showAppsButton && !this.inactive\n            ? html`<obc-icon-button\n                class=\"apps-button\"\n                variant=\"flat\"\n                @click=${this.appsButtonClicked}\n                ?activated=${this.appsButtonActivated}\n              >\n                <obi-01-apps></obi-01-apps>\n              </obc-icon-button>`\n            : null}\n          ${!this.inactive\n            ? html`<obc-icon-button\n                class=\"left-more-button\"\n                variant=\"flat\"\n                @click=${this.leftMoreButtonClicked}\n                ?activated=${this.leftMoreButtonActivated}\n              >\n                <obi-01-more-vertical></obi-01-more-vertical>\n              </obc-icon-button>`\n            : null}\n        </div>\n      </nav>\n    `;\n  }\n\n  static override styles = unsafeCSS(compentStyle);\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'obc-top-bar': ObcTopBar;\n  }\n}\n"],"names":[],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"vendor-button.d.ts","sourceRoot":"","sources":["../../../src/components/vendor-button/vendor-button.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAkB,MAAM,KAAK,CAAC;AAIhD,qBACa,eAAgB,SAAQ,UAAU;IACK,QAAQ,SAAM;IACtC,GAAG,SAAU;IAE9B,MAAM;IAQf,OAAgB,MAAM,0BAA2B;CAClD;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,mBAAmB,EAAE,eAAe,CAAC;KACtC;CACF"}
+{"version":3,"file":"vendor-button.d.ts","sourceRoot":"","sources":["../../../src/components/vendor-button/vendor-button.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAkB,MAAM,KAAK,CAAC;AAIhD,qBACa,eAAgB,SAAQ,UAAU;IACnB,QAAQ,SAAM;IACd,GAAG,SAAU;IAE9B,MAAM;IAQf,OAAgB,MAAM,0BAA2B;CAClD;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,mBAAmB,EAAE,eAAe,CAAC;KACtC;CACF"}

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

@@ -28,7 +28,7 @@ let ObcVendorButton = class extends LitElement {
 };
 ObcVendorButton.styles = unsafeCSS(compentStyle);
 __decorateClass([
-  property({ type: String, attribute: "image-src" })
+  property({ type: String })
 ], ObcVendorButton.prototype, "imageSrc", 2);
 __decorateClass([
   property({ type: String })

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

@@ -1 +1 @@
-{"version":3,"file":"vendor-button.js","sources":["../../../src/components/vendor-button/vendor-button.ts"],"sourcesContent":["import {LitElement, html, unsafeCSS} from 'lit';\nimport {customElement, property} from 'lit/decorators.js';\nimport compentStyle from './vendor-button.css?inline';\n\n@customElement('obc-vendor-button')\nexport class ObcVendorButton extends LitElement {\n  @property({type: String, attribute: 'image-src'}) imageSrc = '';\n  @property({type: String}) alt = 'logo';\n\n  override render() {\n    return html`\n      <button class=\"wrapper\">\n        <img src=${this.imageSrc} alt=${this.alt} />\n      </button>\n    `;\n  }\n\n  static override styles = unsafeCSS(compentStyle);\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'obc-vendor-button': ObcVendorButton;\n  }\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;AAKa,IAAA,kBAAN,cAA8B,WAAW;AAAA,EAAzC,cAAA;AAAA,UAAA,GAAA,SAAA;AACwD,SAAA,WAAA;AAC7B,SAAA,MAAA;AAAA,EAAA;AAAA,EAEvB,SAAS;AACT,WAAA;AAAA;AAAA,mBAEQ,KAAK,QAAQ,QAAQ,KAAK,GAAG;AAAA;AAAA;AAAA,EAG9C;AAGF;AAba,gBAYK,SAAS,UAAU,YAAY;AAXG,gBAAA;AAAA,EAAjD,SAAS,EAAC,MAAM,QAAQ,WAAW,aAAY;AAAA,GADrC,gBACuC,WAAA,YAAA,CAAA;AACxB,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,QAAO;AAAA,GAFb,gBAEe,WAAA,OAAA,CAAA;AAFf,kBAAN,gBAAA;AAAA,EADN,cAAc,mBAAmB;AAAA,GACrB,eAAA;"}
+{"version":3,"file":"vendor-button.js","sources":["../../../src/components/vendor-button/vendor-button.ts"],"sourcesContent":["import {LitElement, html, unsafeCSS} from 'lit';\nimport {customElement, property} from 'lit/decorators.js';\nimport compentStyle from './vendor-button.css?inline';\n\n@customElement('obc-vendor-button')\nexport class ObcVendorButton extends LitElement {\n  @property({type: String}) imageSrc = '';\n  @property({type: String}) alt = 'logo';\n\n  override render() {\n    return html`\n      <button class=\"wrapper\">\n        <img src=${this.imageSrc} alt=${this.alt} />\n      </button>\n    `;\n  }\n\n  static override styles = unsafeCSS(compentStyle);\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'obc-vendor-button': ObcVendorButton;\n  }\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;AAKa,IAAA,kBAAN,cAA8B,WAAW;AAAA,EAAzC,cAAA;AAAA,UAAA,GAAA,SAAA;AACgC,SAAA,WAAA;AACL,SAAA,MAAA;AAAA,EAAA;AAAA,EAEvB,SAAS;AACT,WAAA;AAAA;AAAA,mBAEQ,KAAK,QAAQ,QAAQ,KAAK,GAAG;AAAA;AAAA;AAAA,EAG9C;AAGF;AAba,gBAYK,SAAS,UAAU,YAAY;AAXrB,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,QAAO;AAAA,GADb,gBACe,WAAA,YAAA,CAAA;AACA,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,QAAO;AAAA,GAFb,gBAEe,WAAA,OAAA,CAAA;AAFf,kBAAN,gBAAA;AAAA,EADN,cAAc,mBAAmB;AAAA,GACrB,eAAA;"}

package/dist/icons/icon-01-add.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"icon-01-add.d.ts","sourceRoot":"","sources":["../../src/icons/icon-01-add.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAiB,MAAM,KAAK,CAAC;AAG/C,qBACa,QAAS,SAAQ,UAAU;IACiB,WAAW,UAAS;IAE3E,OAAO,CAAC,IAAI,CAGZ;IAEA,OAAO,CAAC,OAAO,CAGf;IAES,MAAM;IAMf,OAAgB,MAAM,0BAUpB;CACH;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,YAAY,EAAE,QAAQ,CAAC;KACxB;CACF"}
+{"version":3,"file":"icon-01-add.d.ts","sourceRoot":"","sources":["../../src/icons/icon-01-add.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAiB,MAAM,KAAK,CAAC;AAG/C,qBACa,QAAS,SAAQ,UAAU;IACX,WAAW,UAAS;IAE/C,OAAO,CAAC,IAAI,CAGZ;IAEA,OAAO,CAAC,OAAO,CAGf;IAES,MAAM;IAMf,OAAgB,MAAM,0BAUpB;CACH;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,YAAY,EAAE,QAAQ,CAAC;KACxB;CACF"}

package/dist/icons/icon-01-add.js

@@ -42,7 +42,7 @@ Obi01Add.styles = css`
     }
   `;
 __decorateClass([
-  property({ type: Boolean, attribute: "use-css-color" })
+  property({ type: Boolean })
 ], Obi01Add.prototype, "useCssColor", 2);
 Obi01Add = __decorateClass([
   customElement("obi-01-add")

package/dist/icons/icon-01-add.js.map

@@ -1 +1 @@
-{"version":3,"file":"icon-01-add.js","sources":["../../src/icons/icon-01-add.ts"],"sourcesContent":["import {LitElement, html, css, svg} from 'lit';\nimport {customElement, property} from 'lit/decorators.js';\n\n@customElement('obi-01-add')\nexport class Obi01Add extends LitElement {\n  @property({type: Boolean, attribute: 'use-css-color'}) useCssColor = false;\n\n  private icon = svg`<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"currentColor\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M13 13H19V11H13V5H11V11H5V13H11V19H13V13Z\" fill=\"currentColor\"/>\n</svg>\n`;\n\n  private iconCss = svg`<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M13 13H19V11H13V5H11V11H5V13H11V19H13V13Z\" style=\"fill: var(--element-active-color)\"/>\n</svg>\n`;\n\n  override render() {\n    return html`\n      <div class=\"wrapper\">${this.useCssColor ? this.iconCss : this.icon}</div>\n    `;\n  }\n\n  static override styles = css`\n    .wrapper {\n      height: 100%;\n      width: 100%;\n      line-height: 0;\n    }\n    .wrapper > * {\n      height: 100%;\n      width: 100%;\n    }\n  `;\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'obi-01-add': Obi01Add;\n  }\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;AAIa,IAAA,WAAN,cAAuB,WAAW;AAAA,EAAlC,cAAA;AAAA,UAAA,GAAA,SAAA;AACgE,SAAA,cAAA;AAErE,SAAQ,OAAO;AAAA;AAAA;AAAA;AAKf,SAAQ,UAAU;AAAA;AAAA;AAAA;AAAA,EAAA;AAAA,EAKT,SAAS;AACT,WAAA;AAAA,6BACkB,KAAK,cAAc,KAAK,UAAU,KAAK,IAAI;AAAA;AAAA,EAEtE;AAaF;AA9Ba,SAmBK,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAlB8B,gBAAA;AAAA,EAAtD,SAAS,EAAC,MAAM,SAAS,WAAW,iBAAgB;AAAA,GAD1C,SAC4C,WAAA,eAAA,CAAA;AAD5C,WAAN,gBAAA;AAAA,EADN,cAAc,YAAY;AAAA,GACd,QAAA;"}
+{"version":3,"file":"icon-01-add.js","sources":["../../src/icons/icon-01-add.ts"],"sourcesContent":["import {LitElement, html, css, svg} from 'lit';\nimport {customElement, property} from 'lit/decorators.js';\n\n@customElement('obi-01-add')\nexport class Obi01Add extends LitElement {\n  @property({type: Boolean}) useCssColor = false;\n\n  private icon = svg`<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"currentColor\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M13 13H19V11H13V5H11V11H5V13H11V19H13V13Z\" fill=\"currentColor\"/>\n</svg>\n`;\n\n  private iconCss = svg`<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M13 13H19V11H13V5H11V11H5V13H11V19H13V13Z\" style=\"fill: var(--element-active-color)\"/>\n</svg>\n`;\n\n  override render() {\n    return html`\n      <div class=\"wrapper\">${this.useCssColor ? this.iconCss : this.icon}</div>\n    `;\n  }\n\n  static override styles = css`\n    .wrapper {\n      height: 100%;\n      width: 100%;\n      line-height: 0;\n    }\n    .wrapper > * {\n      height: 100%;\n      width: 100%;\n    }\n  `;\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'obi-01-add': Obi01Add;\n  }\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;AAIa,IAAA,WAAN,cAAuB,WAAW;AAAA,EAAlC,cAAA;AAAA,UAAA,GAAA,SAAA;AACoC,SAAA,cAAA;AAEzC,SAAQ,OAAO;AAAA;AAAA;AAAA;AAKf,SAAQ,UAAU;AAAA;AAAA;AAAA;AAAA,EAAA;AAAA,EAKT,SAAS;AACT,WAAA;AAAA,6BACkB,KAAK,cAAc,KAAK,UAAU,KAAK,IAAI;AAAA;AAAA,EAEtE;AAaF;AA9Ba,SAmBK,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAlBE,gBAAA;AAAA,EAA1B,SAAS,EAAC,MAAM,SAAQ;AAAA,GADd,SACgB,WAAA,eAAA,CAAA;AADhB,WAAN,gBAAA;AAAA,EADN,cAAc,YAAY;AAAA,GACd,QAAA;"}