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

package/dist/components/input/input.js.map

@@ -1 +1 @@
-{"version":3,"file":"input.js","sources":["../../../src/components/input/input.ts"],"sourcesContent":["import {LitElement, html, unsafeCSS} from 'lit';\nimport {\n  customElement,\n  property,\n  queryAssignedElements,\n  state,\n} from 'lit/decorators.js';\nimport compentStyle from './input.css?inline';\nimport {classMap} from 'lit/directives/class-map.js';\n\ntype HTMLInputTypeAttribute =\n  | 'button'\n  | 'checkbox'\n  | 'color'\n  | 'date'\n  | 'datetime-local'\n  | 'email'\n  | 'file'\n  | 'hidden'\n  | 'image'\n  | 'month'\n  | 'number'\n  | 'password'\n  | 'radio'\n  | 'range'\n  | 'reset'\n  | 'search'\n  | 'submit'\n  | 'tel'\n  | 'text'\n  | 'time'\n  | 'url'\n  | 'week';\n\n@customElement('obc-input')\nexport class ObcInput extends LitElement {\n  @property({type: String}) value: string = '';\n  @property({type: String}) placeholder: string = '';\n  @property({type: String}) type: HTMLInputTypeAttribute = 'text';\n  @property({type: Boolean}) squared: boolean = false;\n  @property({type: String}) textAlign: 'left' | 'center' | 'right' = 'left';\n  @property({type: String}) font: 'body' | 'button' = 'body';\n\n  onInput(e: Event) {\n    this.value = (e.target as HTMLInputElement).value;\n  }\n\n  onChange(e: Event) {\n    this.value = (e.target as HTMLInputElement).value;\n  }\n\n  @queryAssignedElements({slot: 'icon'}) private iconSlot!: HTMLElement[];\n  @state() private hasIcon = false;\n\n  override firstUpdated() {\n    this.hasIcon = this.iconSlot.length > 0;\n  }\n\n  override render() {\n    return html`\n      <label\n        class=${classMap({\n          wrapper: true,\n          hasIcon: this.hasIcon,\n          squared: this.squared,\n          [`align-` + this.textAlign]: true,\n          [`font-` + this.font]: true,\n        })}\n      >\n        <input\n          type=${this.type}\n          class=\"input\"\n          value=${this.value}\n          placeholder=${this.placeholder}\n          @input=${this.onInput}\n          @change=${this.onChange}\n        />\n        <div class=\"icon\">\n          <slot name=\"icon\"></slot>\n        </div>\n      </label>\n    `;\n  }\n\n  static override styles = unsafeCSS(compentStyle);\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'obc-input': ObcInput;\n  }\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;;AAmCa,IAAA,WAAN,cAAuB,WAAW;AAAA,EAAlC,cAAA;AAAA,UAAA,GAAA,SAAA;AACqC,SAAA,QAAA;AACM,SAAA,cAAA;AACS,SAAA,OAAA;AACX,SAAA,UAAA;AACqB,SAAA,YAAA;AACf,SAAA,OAAA;AAW3C,SAAQ,UAAU;AAAA,EAAA;AAAA,EAT3B,QAAQ,GAAU;AACX,SAAA,QAAS,EAAE,OAA4B;AAAA,EAC9C;AAAA,EAEA,SAAS,GAAU;AACZ,SAAA,QAAS,EAAE,OAA4B;AAAA,EAC9C;AAAA,EAKS,eAAe;AACjB,SAAA,UAAU,KAAK,SAAS,SAAS;AAAA,EACxC;AAAA,EAES,SAAS;AACT,WAAA;AAAA;AAAA,gBAEK,SAAS;AAAA,MACf,SAAS;AAAA,MACT,SAAS,KAAK;AAAA,MACd,SAAS,KAAK;AAAA,MACd,CAAC,WAAW,KAAK,SAAS,GAAG;AAAA,MAC7B,CAAC,UAAU,KAAK,IAAI,GAAG;AAAA,IAAA,CACxB,CAAC;AAAA;AAAA;AAAA,iBAGO,KAAK,IAAI;AAAA;AAAA,kBAER,KAAK,KAAK;AAAA,wBACJ,KAAK,WAAW;AAAA,mBACrB,KAAK,OAAO;AAAA,oBACX,KAAK,QAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAO/B;AAGF;AAlDa,SAiDK,SAAS,UAAU,YAAY;AAhDrB,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,QAAO;AAAA,GADb,SACe,WAAA,SAAA,CAAA;AACA,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,QAAO;AAAA,GAFb,SAEe,WAAA,eAAA,CAAA;AACA,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,QAAO;AAAA,GAHb,SAGe,WAAA,QAAA,CAAA;AACC,gBAAA;AAAA,EAA1B,SAAS,EAAC,MAAM,SAAQ;AAAA,GAJd,SAIgB,WAAA,WAAA,CAAA;AACD,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,QAAO;AAAA,GALb,SAKe,WAAA,aAAA,CAAA;AACA,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,QAAO;AAAA,GANb,SAMe,WAAA,QAAA,CAAA;AAUqB,gBAAA;AAAA,EAA9C,sBAAsB,EAAC,MAAM,QAAO;AAAA,GAhB1B,SAgBoC,WAAA,YAAA,CAAA;AAC9B,gBAAA;AAAA,EAAhB,MAAM;AAAA,GAjBI,SAiBM,WAAA,WAAA,CAAA;AAjBN,WAAN,gBAAA;AAAA,EADN,cAAc,WAAW;AAAA,GACb,QAAA;"}
+{"version":3,"file":"input.js","sources":["../../../src/components/input/input.ts"],"sourcesContent":["import {LitElement, html, unsafeCSS} from 'lit';\nimport {\n  customElement,\n  property,\n  queryAssignedElements,\n  state,\n} from 'lit/decorators.js';\nimport compentStyle from './input.css?inline';\nimport {classMap} from 'lit/directives/class-map.js';\n\ntype HTMLInputTypeAttribute =\n  | 'button'\n  | 'checkbox'\n  | 'color'\n  | 'date'\n  | 'datetime-local'\n  | 'email'\n  | 'file'\n  | 'hidden'\n  | 'image'\n  | 'month'\n  | 'number'\n  | 'password'\n  | 'radio'\n  | 'range'\n  | 'reset'\n  | 'search'\n  | 'submit'\n  | 'tel'\n  | 'text'\n  | 'time'\n  | 'url'\n  | 'week';\n\n@customElement('obc-input')\nexport class ObcInput extends LitElement {\n  @property({type: String}) value: string = '';\n  @property({type: String}) placeholder: string = '';\n  @property({type: String}) type: HTMLInputTypeAttribute = 'text';\n  @property({type: Boolean}) squared: boolean = false;\n  @property({type: String}) textAlign: 'left' | 'center' | 'right' = 'left';\n  @property({type: String}) font: 'body' | 'button' = 'body';\n\n  onInput(e: Event) {\n    this.value = (e.target as HTMLInputElement).value;\n  }\n\n  onChange(e: Event) {\n    this.value = (e.target as HTMLInputElement).value;\n  }\n\n  @queryAssignedElements({slot: 'icon'}) private iconSlot!: HTMLElement[];\n  @state() private hasIcon = false;\n\n  override firstUpdated() {\n    this.hasIcon = this.iconSlot.length > 0;\n  }\n\n  override render() {\n    return html`\n      <label\n        class=${classMap({\n          wrapper: true,\n          hasIcon: this.hasIcon,\n          squared: this.squared,\n          [`align-` + this.textAlign]: true,\n          [`font-` + this.font]: true,\n        })}\n      >\n        <input\n          type=${this.type}\n          class=\"input\"\n          value=${this.value}\n          placeholder=${this.placeholder}\n          @input=${this.onInput}\n          @change=${this.onChange}\n        />\n        <div class=\"icon\">\n          <slot name=\"icon\"></slot>\n        </div>\n      </label>\n    `;\n  }\n\n  static override styles = unsafeCSS(compentStyle);\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'obc-input': ObcInput;\n  }\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;AAmCa,IAAA,WAAN,cAAuB,WAAW;AAAA,EAAlC,cAAA;AAAA,UAAA,GAAA,SAAA;AACqC,SAAA,QAAA;AACM,SAAA,cAAA;AACS,SAAA,OAAA;AACX,SAAA,UAAA;AACqB,SAAA,YAAA;AACf,SAAA,OAAA;AAW3C,SAAQ,UAAU;AAAA,EAAA;AAAA,EAT3B,QAAQ,GAAU;AACX,SAAA,QAAS,EAAE,OAA4B;AAAA,EAAA;AAAA,EAG9C,SAAS,GAAU;AACZ,SAAA,QAAS,EAAE,OAA4B;AAAA,EAAA;AAAA,EAMrC,eAAe;AACjB,SAAA,UAAU,KAAK,SAAS,SAAS;AAAA,EAAA;AAAA,EAG/B,SAAS;AACT,WAAA;AAAA;AAAA,gBAEK,SAAS;AAAA,MACf,SAAS;AAAA,MACT,SAAS,KAAK;AAAA,MACd,SAAS,KAAK;AAAA,MACd,CAAC,WAAW,KAAK,SAAS,GAAG;AAAA,MAC7B,CAAC,UAAU,KAAK,IAAI,GAAG;AAAA,IAAA,CACxB,CAAC;AAAA;AAAA;AAAA,iBAGO,KAAK,IAAI;AAAA;AAAA,kBAER,KAAK,KAAK;AAAA,wBACJ,KAAK,WAAW;AAAA,mBACrB,KAAK,OAAO;AAAA,oBACX,KAAK,QAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAA;AAUjC;AAlDa,SAiDK,SAAS,UAAU,YAAY;AAhDrB,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,OAAO,CAAA;AAAA,GADb,SACe,WAAA,SAAA,CAAA;AACA,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,OAAO,CAAA;AAAA,GAFb,SAEe,WAAA,eAAA,CAAA;AACA,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,OAAO,CAAA;AAAA,GAHb,SAGe,WAAA,QAAA,CAAA;AACC,gBAAA;AAAA,EAA1B,SAAS,EAAC,MAAM,QAAQ,CAAA;AAAA,GAJd,SAIgB,WAAA,WAAA,CAAA;AACD,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,OAAO,CAAA;AAAA,GALb,SAKe,WAAA,aAAA,CAAA;AACA,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,OAAO,CAAA;AAAA,GANb,SAMe,WAAA,QAAA,CAAA;AAUqB,gBAAA;AAAA,EAA9C,sBAAsB,EAAC,MAAM,OAAO,CAAA;AAAA,GAhB1B,SAgBoC,WAAA,YAAA,CAAA;AAC9B,gBAAA;AAAA,EAAhB,MAAM;AAAA,GAjBI,SAiBM,WAAA,WAAA,CAAA;AAjBN,WAAN,gBAAA;AAAA,EADN,cAAc,WAAW;AAAA,GACb,QAAA;"}

package/dist/components/navigation-item/navigation-item.js

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

package/dist/components/navigation-item/navigation-item.js.map

@@ -1 +1 @@
-{"version":3,"file":"navigation-item.js","sources":["../../../src/components/navigation-item/navigation-item.ts"],"sourcesContent":["import {LitElement, html, unsafeCSS} from 'lit';\nimport {customElement, property} from 'lit/decorators.js';\nimport compentStyle from './navigation-item.css?inline';\nimport {classMap} from 'lit/directives/class-map.js';\nimport {ifDefined} from 'lit/directives/if-defined.js';\n\n@customElement('obc-navigation-item')\nexport class ObcNavigationItem extends LitElement {\n  @property({type: String}) label = 'Label';\n  @property({type: String}) href: string | undefined;\n  @property({type: Boolean}) checked = false;\n\n  onClick() {\n    dispatchEvent(new CustomEvent('click'));\n  }\n\n  override render() {\n    return html`\n      <a\n        class=\"${classMap({wrapper: true, checked: this.checked})}\"\n        href=\"${ifDefined(this.href)}\"\n        @click=${this.onClick}\n      >\n        <slot name=\"icon\" class=\"icon\"> </slot name=\"icon\">\n        <span class=\"label\"> ${this.label} </span>\n      </a>\n    `;\n  }\n\n  static override styles = unsafeCSS(compentStyle);\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'obc-navigation-item': ObcNavigationItem;\n  }\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAOa,IAAA,oBAAN,cAAgC,WAAW;AAAA,EAA3C,cAAA;AAAA,UAAA,GAAA,SAAA;AAC6B,SAAA,QAAA;AAEG,SAAA,UAAA;AAAA,EAAA;AAAA,EAErC,UAAU;AACM,kBAAA,IAAI,YAAY,OAAO,CAAC;AAAA,EACxC;AAAA,EAES,SAAS;AACT,WAAA;AAAA;AAAA,iBAEM,SAAS,EAAC,SAAS,MAAM,SAAS,KAAK,QAAA,CAAQ,CAAC;AAAA,gBACjD,UAAU,KAAK,IAAI,CAAC;AAAA,iBACnB,KAAK,OAAO;AAAA;AAAA;AAAA,+BAGE,KAAK,KAAK;AAAA;AAAA;AAAA,EAGvC;AAGF;AAvBa,kBAsBK,SAAS,UAAU,YAAY;AArBrB,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,QAAO;AAAA,GADb,kBACe,WAAA,SAAA,CAAA;AACA,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,QAAO;AAAA,GAFb,kBAEe,WAAA,QAAA,CAAA;AACC,gBAAA;AAAA,EAA1B,SAAS,EAAC,MAAM,SAAQ;AAAA,GAHd,kBAGgB,WAAA,WAAA,CAAA;AAHhB,oBAAN,gBAAA;AAAA,EADN,cAAc,qBAAqB;AAAA,GACvB,iBAAA;"}
+{"version":3,"file":"navigation-item.js","sources":["../../../src/components/navigation-item/navigation-item.ts"],"sourcesContent":["import {LitElement, html, unsafeCSS} from 'lit';\nimport {customElement, property} from 'lit/decorators.js';\nimport compentStyle from './navigation-item.css?inline';\nimport {classMap} from 'lit/directives/class-map.js';\nimport {ifDefined} from 'lit/directives/if-defined.js';\n\n@customElement('obc-navigation-item')\nexport class ObcNavigationItem extends LitElement {\n  @property({type: String}) label = 'Label';\n  @property({type: String}) href: string | undefined;\n  @property({type: Boolean}) checked = false;\n\n  onClick() {\n    dispatchEvent(new CustomEvent('click'));\n  }\n\n  override render() {\n    return html`\n      <a\n        class=\"${classMap({wrapper: true, checked: this.checked})}\"\n        href=\"${ifDefined(this.href)}\"\n        @click=${this.onClick}\n      >\n        <slot name=\"icon\" class=\"icon\"> </slot name=\"icon\">\n        <span class=\"label\"> ${this.label} </span>\n      </a>\n    `;\n  }\n\n  static override styles = unsafeCSS(compentStyle);\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'obc-navigation-item': ObcNavigationItem;\n  }\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;;AAOa,IAAA,oBAAN,cAAgC,WAAW;AAAA,EAA3C,cAAA;AAAA,UAAA,GAAA,SAAA;AAC6B,SAAA,QAAA;AAEG,SAAA,UAAA;AAAA,EAAA;AAAA,EAErC,UAAU;AACM,kBAAA,IAAI,YAAY,OAAO,CAAC;AAAA,EAAA;AAAA,EAG/B,SAAS;AACT,WAAA;AAAA;AAAA,iBAEM,SAAS,EAAC,SAAS,MAAM,SAAS,KAAK,QAAA,CAAQ,CAAC;AAAA,gBACjD,UAAU,KAAK,IAAI,CAAC;AAAA,iBACnB,KAAK,OAAO;AAAA;AAAA;AAAA,+BAGE,KAAK,KAAK;AAAA;AAAA;AAAA,EAAA;AAMzC;AAvBa,kBAsBK,SAAS,UAAU,YAAY;AArBrB,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,OAAO,CAAA;AAAA,GADb,kBACe,WAAA,SAAA,CAAA;AACA,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,OAAO,CAAA;AAAA,GAFb,kBAEe,WAAA,QAAA,CAAA;AACC,gBAAA;AAAA,EAA1B,SAAS,EAAC,MAAM,QAAQ,CAAA;AAAA,GAHd,kBAGgB,WAAA,WAAA,CAAA;AAHhB,oBAAN,gBAAA;AAAA,EADN,cAAc,qBAAqB;AAAA,GACvB,iBAAA;"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"navigation-menu.js","sources":["../../../src/components/navigation-menu/navigation-menu.ts"],"sourcesContent":["import {LitElement, html, unsafeCSS} from 'lit';\nimport {customElement} from 'lit/decorators.js';\nimport compentStyle from './navigation-menu.css?inline';\n\n@customElement('obc-navigation-menu')\nexport class ObcNavigationMenu extends LitElement {\n  override render() {\n    return html`\n      <div class=\"wrapper\">\n        <nav class=\"main\">\n          <ol>\n            <slot name=\"main\"></slot>\n          </ol>\n        </nav>\n        <div class=\"footer\">\n          <nav>\n            <ol>\n              <slot name=\"footer\"></slot>\n            </ol>\n          </nav>\n          <div class=\"logo\">\n            <slot name=\"logo\"></slot>\n          </div>\n        </div>\n      </div>\n    `;\n  }\n\n  static override styles = unsafeCSS(compentStyle);\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'obc-navigation-menu': ObcNavigationMenu;\n  }\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;AAKa,IAAA,oBAAN,cAAgC,WAAW;AAAA,EACvC,SAAS;AACT,WAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAmBT;AAGF;AAxBa,kBAuBK,SAAS,UAAU,YAAY;AAvBpC,oBAAN,gBAAA;AAAA,EADN,cAAc,qBAAqB;AAAA,GACvB,iBAAA;"}
+{"version":3,"file":"navigation-menu.js","sources":["../../../src/components/navigation-menu/navigation-menu.ts"],"sourcesContent":["import {LitElement, html, unsafeCSS} from 'lit';\nimport {customElement} from 'lit/decorators.js';\nimport compentStyle from './navigation-menu.css?inline';\n\n@customElement('obc-navigation-menu')\nexport class ObcNavigationMenu extends LitElement {\n  override render() {\n    return html`\n      <div class=\"wrapper\">\n        <nav class=\"main\">\n          <ol>\n            <slot name=\"main\"></slot>\n          </ol>\n        </nav>\n        <div class=\"footer\">\n          <nav>\n            <ol>\n              <slot name=\"footer\"></slot>\n            </ol>\n          </nav>\n          <div class=\"logo\">\n            <slot name=\"logo\"></slot>\n          </div>\n        </div>\n      </div>\n    `;\n  }\n\n  static override styles = unsafeCSS(compentStyle);\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'obc-navigation-menu': ObcNavigationMenu;\n  }\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;AAKa,IAAA,oBAAN,cAAgC,WAAW;AAAA,EACvC,SAAS;AACT,WAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAA;AAsBX;AAxBa,kBAuBK,SAAS,UAAU,YAAY;AAvBpC,oBAAN,gBAAA;AAAA,EADN,cAAc,qBAAqB;AAAA,GACvB,iBAAA;"}

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

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

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}) 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;"}
+{"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,EAAA;AAUjC;AA/Ba,sBA8BK,SAAS,UAAU,cAAc;AA7BtB,gBAAA;AAAA,EAA1B,SAAS,EAAC,MAAM,QAAQ,CAAA;AAAA,GADd,sBACgB,WAAA,aAAA,CAAA;AACA,gBAAA;AAAA,EAA1B,SAAS,EAAC,MAAM,QAAQ,CAAA;AAAA,GAFd,sBAEgB,WAAA,YAAA,CAAA;AACA,gBAAA;AAAA,EAA1B,SAAS,EAAC,MAAM,QAAQ,CAAA;AAAA,GAHd,sBAGgB,WAAA,cAAA,CAAA;AACA,gBAAA;AAAA,EAA1B,SAAS,EAAC,MAAM,QAAQ,CAAA;AAAA,GAJd,sBAIgB,WAAA,eAAA,CAAA;AACA,gBAAA;AAAA,EAA1B,SAAS,EAAC,MAAM,QAAQ,CAAA;AAAA,GALd,sBAKgB,WAAA,QAAA,CAAA;AACA,gBAAA;AAAA,EAA1B,SAAS,EAAC,MAAM,QAAQ,CAAA;AAAA,GANd,sBAMgB,WAAA,YAAA,CAAA;AACA,gBAAA;AAAA,EAA1B,SAAS,EAAC,MAAM,QAAQ,CAAA;AAAA,GAPd,sBAOgB,WAAA,UAAA,CAAA;AAPhB,wBAAN,gBAAA;AAAA,EADN,cAAc,yBAAyB;AAAA,GAC3B,qBAAA;"}

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

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

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}) 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;"}
+{"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,EAAA;AAOlB;AAxBa,uBAuBK,SAAS,UAAU,YAAY;AAtBpB,gBAAA;AAAA,EAA1B,SAAS,EAAC,MAAM,QAAQ,CAAA;AAAA,GADd,uBACgB,WAAA,SAAA,CAAA;AACA,gBAAA;AAAA,EAA1B,SAAS,EAAC,MAAM,QAAQ,CAAA;AAAA,GAFd,uBAEgB,WAAA,SAAA,CAAA;AAFhB,yBAAN,gBAAA;AAAA,EADN,cAAc,0BAA0B;AAAA,GAC5B,sBAAA;"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"notification-message-item.js","sources":["../../../src/components/notification-message-item/notification-message-item.ts"],"sourcesContent":["import {LitElement, html, unsafeCSS} from 'lit';\nimport {customElement, property} from 'lit/decorators.js';\nimport compentStyle from './notification-message-item.css?inline';\nimport {renderTime} from '../../time';\n\n@customElement('obc-notification-message-item')\nexport class ObcNotificationMessageItem extends LitElement {\n  @property({type: String}) time = '2021-01-01T11:11:11.111Z';\n\n  override render() {\n    const time = renderTime(new Date(this.time));\n\n    return html`\n      <div class=\"wrapper\">\n        <div class=\"icon\"><slot name=\"icon\"></slot></div>\n        <div class=\"message\"><slot name=\"message\"></slot></div>\n        <div class=\"time\">${time}</div>\n      </div>\n    `;\n  }\n\n  static override styles = unsafeCSS(compentStyle);\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'obc-notification-message-item': ObcNotificationMessageItem;\n  }\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;;AAMa,IAAA,6BAAN,cAAyC,WAAW;AAAA,EAApD,cAAA;AAAA,UAAA,GAAA,SAAA;AAC4B,SAAA,OAAA;AAAA,EAAA;AAAA,EAExB,SAAS;AAChB,UAAM,OAAO,WAAW,IAAI,KAAK,KAAK,IAAI,CAAC;AAEpC,WAAA;AAAA;AAAA;AAAA;AAAA,4BAIiB,IAAI;AAAA;AAAA;AAAA,EAG9B;AAGF;AAhBa,2BAeK,SAAS,UAAU,YAAY;AAdrB,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,QAAO;AAAA,GADb,2BACe,WAAA,QAAA,CAAA;AADf,6BAAN,gBAAA;AAAA,EADN,cAAc,+BAA+B;AAAA,GACjC,0BAAA;"}
+{"version":3,"file":"notification-message-item.js","sources":["../../../src/components/notification-message-item/notification-message-item.ts"],"sourcesContent":["import {LitElement, html, unsafeCSS} from 'lit';\nimport {customElement, property} from 'lit/decorators.js';\nimport compentStyle from './notification-message-item.css?inline';\nimport {renderTime} from '../../time';\n\n@customElement('obc-notification-message-item')\nexport class ObcNotificationMessageItem extends LitElement {\n  @property({type: String}) time = '2021-01-01T11:11:11.111Z';\n\n  override render() {\n    const time = renderTime(new Date(this.time));\n\n    return html`\n      <div class=\"wrapper\">\n        <div class=\"icon\"><slot name=\"icon\"></slot></div>\n        <div class=\"message\"><slot name=\"message\"></slot></div>\n        <div class=\"time\">${time}</div>\n      </div>\n    `;\n  }\n\n  static override styles = unsafeCSS(compentStyle);\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'obc-notification-message-item': ObcNotificationMessageItem;\n  }\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;AAMa,IAAA,6BAAN,cAAyC,WAAW;AAAA,EAApD,cAAA;AAAA,UAAA,GAAA,SAAA;AAC4B,SAAA,OAAA;AAAA,EAAA;AAAA,EAExB,SAAS;AAChB,UAAM,OAAO,WAAW,IAAI,KAAK,KAAK,IAAI,CAAC;AAEpC,WAAA;AAAA;AAAA;AAAA;AAAA,4BAIiB,IAAI;AAAA;AAAA;AAAA,EAAA;AAMhC;AAhBa,2BAeK,SAAS,UAAU,YAAY;AAdrB,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,OAAO,CAAA;AAAA,GADb,2BACe,WAAA,QAAA,CAAA;AADf,6BAAN,gBAAA;AAAA,EADN,cAAc,+BAA+B;AAAA,GACjC,0BAAA;"}

package/dist/components/poi-target-button/poi-target-button.js

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

package/dist/components/poi-target-button/poi-target-button.js.map

@@ -1 +1 @@
-{"version":3,"file":"poi-target-button.js","sources":["../../../src/components/poi-target-button/poi-target-button.ts"],"sourcesContent":["import {LitElement, html, unsafeCSS} from 'lit';\nimport {customElement, property} from 'lit/decorators.js';\nimport compentStyle from './poi-target-button.css?inline';\nimport {classMap} from 'lit/directives/class-map.js';\nimport '../../icons/icon-iec-02-ais-target-activated';\n\nexport enum PoiTargetButtonValue {\n  checked = 'checked',\n  unchecked = 'unchecked',\n}\n\n@customElement('obc-poi-target-button')\nexport class ObcPoiTargetButton extends LitElement {\n  @property({type: String}) value: PoiTargetButtonValue =\n    PoiTargetButtonValue.checked;\n  @property({type: Boolean}) hasPointer = false;\n  @property({type: Number}) relativeDirection = 0;\n\n  override render() {\n    return html`\n      <button\n        class=${classMap({\n          wrapper: true,\n          ['value-' + this.value]: true,\n          pointer: this.hasPointer,\n        })}\n      >\n        <div class=\"visible-wrapper\">\n          <div\n            class=\"icon\"\n            style=\"transform: rotate(${this.relativeDirection}deg);\"\n          >\n            <obi-iec-02-ais-target-activated></obi-iec-02-ais-target-activated>\n          </div>\n        </div>\n      </button>\n    `;\n  }\n\n  static override styles = unsafeCSS(compentStyle);\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'obc-poi-target-button': ObcPoiTargetButton;\n  }\n}\n"],"names":["PoiTargetButtonValue"],"mappings":";;;;;;;;;;;;;;;;AAMY,IAAA,yCAAAA,0BAAL;AACLA,wBAAA,SAAU,IAAA;AACVA,wBAAA,WAAY,IAAA;AAFFA,SAAAA;AAAA,GAAA,wBAAA,CAAA,CAAA;AAMC,IAAA,qBAAN,cAAiC,WAAW;AAAA,EAA5C,cAAA;AAAA,UAAA,GAAA,SAAA;AAEH,SAAA,QAAA;AACsC,SAAA,aAAA;AACM,SAAA,oBAAA;AAAA,EAAA;AAAA,EAErC,SAAS;AACT,WAAA;AAAA;AAAA,gBAEK,SAAS;AAAA,MACf,SAAS;AAAA,MACT,CAAC,WAAW,KAAK,KAAK,GAAG;AAAA,MACzB,SAAS,KAAK;AAAA,IAAA,CACf,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA,uCAK6B,KAAK,iBAAiB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAO3D;AAGF;AA5Ba,mBA2BK,SAAS,UAAU,YAAY;AA1BrB,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,QAAO;AAAA,GADb,mBACe,WAAA,SAAA,CAAA;AAEC,gBAAA;AAAA,EAA1B,SAAS,EAAC,MAAM,SAAQ;AAAA,GAHd,mBAGgB,WAAA,cAAA,CAAA;AACD,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,QAAO;AAAA,GAJb,mBAIe,WAAA,qBAAA,CAAA;AAJf,qBAAN,gBAAA;AAAA,EADN,cAAc,uBAAuB;AAAA,GACzB,kBAAA;"}
+{"version":3,"file":"poi-target-button.js","sources":["../../../src/components/poi-target-button/poi-target-button.ts"],"sourcesContent":["import {LitElement, html, unsafeCSS} from 'lit';\nimport {customElement, property} from 'lit/decorators.js';\nimport compentStyle from './poi-target-button.css?inline';\nimport {classMap} from 'lit/directives/class-map.js';\nimport '../../icons/icon-iec-02-ais-target-activated';\n\nexport enum PoiTargetButtonValue {\n  checked = 'checked',\n  unchecked = 'unchecked',\n}\n\n@customElement('obc-poi-target-button')\nexport class ObcPoiTargetButton extends LitElement {\n  @property({type: String}) value: PoiTargetButtonValue =\n    PoiTargetButtonValue.checked;\n  @property({type: Boolean}) hasPointer = false;\n  @property({type: Number}) relativeDirection = 0;\n\n  override render() {\n    return html`\n      <button\n        class=${classMap({\n          wrapper: true,\n          ['value-' + this.value]: true,\n          pointer: this.hasPointer,\n        })}\n      >\n        <div class=\"visible-wrapper\">\n          <div\n            class=\"icon\"\n            style=\"transform: rotate(${this.relativeDirection}deg);\"\n          >\n            <obi-iec-02-ais-target-activated></obi-iec-02-ais-target-activated>\n          </div>\n        </div>\n      </button>\n    `;\n  }\n\n  static override styles = unsafeCSS(compentStyle);\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'obc-poi-target-button': ObcPoiTargetButton;\n  }\n}\n"],"names":["PoiTargetButtonValue"],"mappings":";;;;;;;;;;;;;;;AAMY,IAAA,yCAAAA,0BAAL;AACLA,wBAAA,SAAU,IAAA;AACVA,wBAAA,WAAY,IAAA;AAFFA,SAAAA;AAAA,GAAA,wBAAA,CAAA,CAAA;AAMC,IAAA,qBAAN,cAAiC,WAAW;AAAA,EAA5C,cAAA;AAAA,UAAA,GAAA,SAAA;AAEH,SAAA,QAAA;AACsC,SAAA,aAAA;AACM,SAAA,oBAAA;AAAA,EAAA;AAAA,EAErC,SAAS;AACT,WAAA;AAAA;AAAA,gBAEK,SAAS;AAAA,MACf,SAAS;AAAA,MACT,CAAC,WAAW,KAAK,KAAK,GAAG;AAAA,MACzB,SAAS,KAAK;AAAA,IAAA,CACf,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA,uCAK6B,KAAK,iBAAiB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAA;AAU7D;AA5Ba,mBA2BK,SAAS,UAAU,YAAY;AA1BrB,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,OAAO,CAAA;AAAA,GADb,mBACe,WAAA,SAAA,CAAA;AAEC,gBAAA;AAAA,EAA1B,SAAS,EAAC,MAAM,QAAQ,CAAA;AAAA,GAHd,mBAGgB,WAAA,cAAA,CAAA;AACD,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,OAAO,CAAA;AAAA,GAJb,mBAIe,WAAA,qBAAA,CAAA;AAJf,qBAAN,gBAAA;AAAA,EADN,cAAc,uBAAuB;AAAA,GACzB,kBAAA;"}

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

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

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}) 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;"}
+{"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,EAAA;AAQvB;AAhEa,cA+DK,SAAS,UAAU,YAAY;AA9DrB,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,OAAO,CAAA;AAAA,GADb,cACe,WAAA,YAAA,CAAA;AAEA,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,OAAO,CAAA;AAAA,GAHb,cAGe,WAAA,QAAA,CAAA;AAEC,gBAAA;AAAA,EAA1B,SAAS,EAAC,MAAM,QAAQ,CAAA;AAAA,GALd,cAKgB,WAAA,QAAA,CAAA;AACA,gBAAA;AAAA,EAA1B,SAAS,EAAC,MAAM,QAAQ,CAAA;AAAA,GANd,cAMgB,WAAA,kBAAA,CAAA;AACA,gBAAA;AAAA,EAA1B,SAAS,EAAC,MAAM,QAAQ,CAAA;AAAA,GAPd,cAOgB,WAAA,mBAAA,CAAA;AACA,gBAAA;AAAA,EAA1B,SAAS,EAAC,MAAM,QAAQ,CAAA;AAAA,GARd,cAQgB,WAAA,aAAA,CAAA;AACA,gBAAA;AAAA,EAA1B,SAAS,EAAC,MAAM,QAAQ,CAAA;AAAA,GATd,cASgB,WAAA,cAAA,CAAA;AACA,gBAAA;AAAA,EAA1B,SAAS,EAAC,MAAM,QAAQ,CAAA;AAAA,GAVd,cAUgB,WAAA,iBAAA,CAAA;AACA,gBAAA;AAAA,EAA1B,SAAS,EAAC,MAAM,QAAQ,CAAA;AAAA,GAXd,cAWgB,WAAA,UAAA,CAAA;AAXhB,gBAAN,gBAAA;AAAA,EADN,cAAc,iBAAiB;AAAA,GACnB,aAAA;"}

package/dist/components/scrollbar/scrollbar.js

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

package/dist/components/scrollbar/scrollbar.js.map

@@ -1 +1 @@
-{"version":3,"file":"scrollbar.js","sources":["../../../src/components/scrollbar/scrollbar.ts"],"sourcesContent":["import {LitElement, html, unsafeCSS} from 'lit';\nimport {customElement} from 'lit/decorators.js';\nimport compentStyle from './scrollbar.css?inline';\n\n@customElement('obc-scrollbar')\nexport class ObcScrollbar extends LitElement {\n  override render() {\n    return html`\n      <div class=\"wrapper\">\n        <slot></slot>\n      </div>\n    `;\n  }\n\n  static override styles = unsafeCSS(compentStyle);\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'obc-scrollbar': ObcScrollbar;\n  }\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;AAKa,IAAA,eAAN,cAA2B,WAAW;AAAA,EAClC,SAAS;AACT,WAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAKT;AAGF;AAVa,aASK,SAAS,UAAU,YAAY;AATpC,eAAN,gBAAA;AAAA,EADN,cAAc,eAAe;AAAA,GACjB,YAAA;"}
+{"version":3,"file":"scrollbar.js","sources":["../../../src/components/scrollbar/scrollbar.ts"],"sourcesContent":["import {LitElement, html, unsafeCSS} from 'lit';\nimport {customElement} from 'lit/decorators.js';\nimport compentStyle from './scrollbar.css?inline';\n\n@customElement('obc-scrollbar')\nexport class ObcScrollbar extends LitElement {\n  override render() {\n    return html`\n      <div class=\"wrapper\">\n        <slot></slot>\n      </div>\n    `;\n  }\n\n  static override styles = unsafeCSS(compentStyle);\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'obc-scrollbar': ObcScrollbar;\n  }\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;AAKa,IAAA,eAAN,cAA2B,WAAW;AAAA,EAClC,SAAS;AACT,WAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAA;AAQX;AAVa,aASK,SAAS,UAAU,YAAY;AATpC,eAAN,gBAAA;AAAA,EADN,cAAc,eAAe;AAAA,GACjB,YAAA;"}

package/dist/components/slider/slider.js

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

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 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;"}
+{"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,MAAK,CAAC,CAAC;AAAA,EAAA;AAAA,EAGnE,gBAAgB;AACT,SAAA,QAAQ,KAAK,IAAI,KAAK,QAAQ,KAAK,WAAW,KAAK,GAAG,CAAC;AAAA,EAAA;AAAA,EAG9D,kBAAkB;AACX,SAAA,QAAQ,KAAK,IAAI,KAAK,QAAQ,KAAK,WAAW,KAAK,GAAG,CAAC;AAAA,EAAA;AAAA,EAGrD,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,OAAM,CAAC;AAAA;AAAA,UAEpC,KAAK,YAAY,aACf;AAAA;AAAA,sBAEU,SAAS,EAAC,WAAW,OAAM,CAAC;AAAA,uBAEtC;AAAA;AAAA;AAAA,sBAGU,KAAK,GAAG;AAAA,sBACR,KAAK,GAAG;AAAA,uBACP,UAAU,KAAK,IAAI,CAAC;AAAA,yBAClB,KAAK,MAAM,SAAU,CAAA;AAAA;AAAA,yBAErB,CAAC,UAAiB;AACzB,WAAK,QAAQ,OAAQ,MAAM,OAA4B,KAAK;AACvD,WAAA;AAAA,QACH,IAAI,YAAY,SAAS,EAAC,QAAQ,KAAK,MAAM,CAAA;AAAA,MAC/C;AAAA,IACD,CAAA;AAAA;AAAA,aAEJ;AAAA;AAAA,QAEL,KAAK,eACH,+BAA+B,KAAK,eAAe;AAAA;AAAA,gCAGnD,IAAI;AAAA;AAAA,EAAA;AAKd;AApEa,UAmEK,SAAS,UAAU,cAAc;AAlEvB,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,OAAO,CAAA;AAAA,GADb,UACe,WAAA,SAAA,CAAA;AACA,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,OAAO,CAAA;AAAA,GAFb,UAEe,WAAA,OAAA,CAAA;AACA,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,OAAO,CAAA;AAAA,GAHb,UAGe,WAAA,OAAA,CAAA;AACA,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,OAAO,CAAA;AAAA,GAJb,UAIe,WAAA,QAAA,CAAA;AACA,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,OAAO,CAAA;AAAA,GALb,UAKe,WAAA,aAAA,CAAA;AACA,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,OAAO,CAAA;AAAA,GANb,UAMe,WAAA,WAAA,CAAA;AACC,gBAAA;AAAA,EAA1B,SAAS,EAAC,MAAM,QAAQ,CAAA;AAAA,GAPd,UAOgB,WAAA,eAAA,CAAA;AACA,gBAAA;AAAA,EAA1B,SAAS,EAAC,MAAM,QAAQ,CAAA;AAAA,GARd,UAQgB,WAAA,gBAAA,CAAA;AARhB,YAAN,gBAAA;AAAA,EADN,cAAc,YAAY;AAAA,GACd,SAAA;"}

package/dist/components/table/table.js

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

package/dist/components/table/table.js.map

@@ -1 +1 @@
-{"version":3,"file":"table.js","sources":["../../../src/components/table/table.ts"],"sourcesContent":["import {LitElement, html, css, unsafeCSS} from 'lit';\nimport {customElement} from 'lit/decorators.js';\nimport tbodystyle from './tbody.css?inline';\nimport theadstyle from './thead.css?inline';\n\n@customElement('obc-table-cell')\nexport class ObcTableCell extends LitElement {\n  override render() {\n    return html` <slot></slot> `;\n  }\n\n  static override styles = css`\n    * {\n      box-sizing: border-box;\n    }\n\n    :host {\n      display: table-cell;\n      padding-right: 16px;\n      padding-left: 16px;\n      white-space: nowrap;\n      box-sizing: border-box;\n      border-bottom: 1px solid var(--border-divider-color);\n      vertical-align: middle;\n      height: 48px;\n      color: var(--element-active-color);\n    }\n\n    :host(:first-child) {\n      padding-left: 24px;\n    }\n\n    :host(:last-child) {\n      padding-right: 24px;\n    }\n  `;\n}\n\n@customElement('obc-table-head-cell')\nexport class ObcTableHeadCell extends LitElement {\n  override render() {\n    return html` <slot></slot> `;\n  }\n\n  static override styles = css`\n    :host {\n      box-sizing: border-box;\n      position: relative;\n      display: table-cell;\n      padding-right: 16px;\n      padding-left: 16px;\n      color: var(--element-active-color);\n      border-bottom: 1px solid var(--border-divider-color);\n      vertical-align: middle;\n    }\n\n    :host(:first-child) {\n      padding-left: 24px;\n    }\n\n    :host(:last-child) {\n      padding-right: 24px;\n    }\n\n    :host(:not(:last-child))::after {\n      content: '';\n      display: block;\n      position: absolute;\n      top: 4px;\n      bottom: 4px;\n      right: -0.5px;\n      width: 1px;\n      background-color: var(--border-divider-color);\n      border-radius: 1px;\n    }\n  `;\n}\n\n@customElement('obc-table-row')\nexport class ObcTableRow extends LitElement {\n  override render() {\n    return html` <slot></slot> `;\n  }\n\n  static override styles = css`\n    :host {\n      display: table-row;\n      vertical-align: middle;\n      border-bottom: 1px solid var(--border-divider-color);\n    }\n  `;\n}\n\n@customElement('obc-table-header')\nexport class ObcTableHeader extends LitElement {\n  override render() {\n    return html` <slot></slot> `;\n  }\n\n  static override styles = [\n    unsafeCSS(theadstyle),\n    css`\n      :host {\n        display: table-header-group;\n        position: sticky;\n        top: 0;\n      }\n    `,\n  ];\n}\n\n@customElement('obc-table-body')\nexport class ObcTableBody extends LitElement {\n  override render() {\n    return html` <slot></slot> `;\n  }\n\n  static override styles = unsafeCSS(tbodystyle);\n}\n\n@customElement('obc-table')\nexport class ObcTable extends LitElement {\n  override render() {\n    return html` <slot></slot> `;\n  }\n\n  static override styles = css`\n    :host {\n      display: table;\n      width: 100%;\n      overflow-y: auto;\n    }\n  `;\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'obc-table': ObcTable;\n    'obc-table-row': ObcTableRow;\n    'obc-table-header': ObcTableHeader;\n  }\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;;AAMa,IAAA,eAAN,cAA2B,WAAW;AAAA,EAClC,SAAS;AACT,WAAA;AAAA,EACT;AA2BF;AA9Ba,aAKK,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AALd,eAAN,gBAAA;AAAA,EADN,cAAc,gBAAgB;AAAA,GAClB,YAAA;AAiCA,IAAA,mBAAN,cAA+B,WAAW;AAAA,EACtC,SAAS;AACT,WAAA;AAAA,EACT;AAkCF;AArCa,iBAKK,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AALd,mBAAN,gBAAA;AAAA,EADN,cAAc,qBAAqB;AAAA,GACvB,gBAAA;AAwCA,IAAA,cAAN,cAA0B,WAAW;AAAA,EACjC,SAAS;AACT,WAAA;AAAA,EACT;AASF;AAZa,YAKK,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AALd,cAAN,gBAAA;AAAA,EADN,cAAc,eAAe;AAAA,GACjB,WAAA;AAeA,IAAA,iBAAN,cAA6B,WAAW;AAAA,EACpC,SAAS;AACT,WAAA;AAAA,EACT;AAYF;AAfa,eAKK,SAAS;AAAA,EACvB,UAAU,UAAU;AAAA,EACpB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAOF;AAdW,iBAAN,gBAAA;AAAA,EADN,cAAc,kBAAkB;AAAA,GACpB,cAAA;AAkBA,IAAA,eAAN,cAA2B,WAAW;AAAA,EAClC,SAAS;AACT,WAAA;AAAA,EACT;AAGF;AANa,aAKK,SAAS,UAAU,UAAU;AALlC,eAAN,gBAAA;AAAA,EADN,cAAc,gBAAgB;AAAA,GAClB,YAAA;AASA,IAAA,WAAN,cAAuB,WAAW;AAAA,EAC9B,SAAS;AACT,WAAA;AAAA,EACT;AASF;AAZa,SAKK,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AALd,WAAN,gBAAA;AAAA,EADN,cAAc,WAAW;AAAA,GACb,QAAA;"}
+{"version":3,"file":"table.js","sources":["../../../src/components/table/table.ts"],"sourcesContent":["import {LitElement, html, css, unsafeCSS} from 'lit';\nimport {customElement} from 'lit/decorators.js';\nimport tbodystyle from './tbody.css?inline';\nimport theadstyle from './thead.css?inline';\n\n@customElement('obc-table-cell')\nexport class ObcTableCell extends LitElement {\n  override render() {\n    return html` <slot></slot> `;\n  }\n\n  static override styles = css`\n    * {\n      box-sizing: border-box;\n    }\n\n    :host {\n      display: table-cell;\n      padding-right: 16px;\n      padding-left: 16px;\n      white-space: nowrap;\n      box-sizing: border-box;\n      border-bottom: 1px solid var(--border-divider-color);\n      vertical-align: middle;\n      height: 48px;\n      color: var(--element-active-color);\n    }\n\n    :host(:first-child) {\n      padding-left: 24px;\n    }\n\n    :host(:last-child) {\n      padding-right: 24px;\n    }\n  `;\n}\n\n@customElement('obc-table-head-cell')\nexport class ObcTableHeadCell extends LitElement {\n  override render() {\n    return html` <slot></slot> `;\n  }\n\n  static override styles = css`\n    :host {\n      box-sizing: border-box;\n      position: relative;\n      display: table-cell;\n      padding-right: 16px;\n      padding-left: 16px;\n      color: var(--element-active-color);\n      border-bottom: 1px solid var(--border-divider-color);\n      vertical-align: middle;\n    }\n\n    :host(:first-child) {\n      padding-left: 24px;\n    }\n\n    :host(:last-child) {\n      padding-right: 24px;\n    }\n\n    :host(:not(:last-child))::after {\n      content: '';\n      display: block;\n      position: absolute;\n      top: 4px;\n      bottom: 4px;\n      right: -0.5px;\n      width: 1px;\n      background-color: var(--border-divider-color);\n      border-radius: 1px;\n    }\n  `;\n}\n\n@customElement('obc-table-row')\nexport class ObcTableRow extends LitElement {\n  override render() {\n    return html` <slot></slot> `;\n  }\n\n  static override styles = css`\n    :host {\n      display: table-row;\n      vertical-align: middle;\n      border-bottom: 1px solid var(--border-divider-color);\n    }\n  `;\n}\n\n@customElement('obc-table-header')\nexport class ObcTableHeader extends LitElement {\n  override render() {\n    return html` <slot></slot> `;\n  }\n\n  static override styles = [\n    unsafeCSS(theadstyle),\n    css`\n      :host {\n        display: table-header-group;\n        position: sticky;\n        top: 0;\n      }\n    `,\n  ];\n}\n\n@customElement('obc-table-body')\nexport class ObcTableBody extends LitElement {\n  override render() {\n    return html` <slot></slot> `;\n  }\n\n  static override styles = unsafeCSS(tbodystyle);\n}\n\n@customElement('obc-table')\nexport class ObcTable extends LitElement {\n  override render() {\n    return html` <slot></slot> `;\n  }\n\n  static override styles = css`\n    :host {\n      display: table;\n      width: 100%;\n      overflow-y: auto;\n    }\n  `;\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'obc-table': ObcTable;\n    'obc-table-row': ObcTableRow;\n    'obc-table-header': ObcTableHeader;\n  }\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;AAMa,IAAA,eAAN,cAA2B,WAAW;AAAA,EAClC,SAAS;AACT,WAAA;AAAA,EAAA;AA4BX;AA9Ba,aAKK,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AALd,eAAN,gBAAA;AAAA,EADN,cAAc,gBAAgB;AAAA,GAClB,YAAA;AAiCA,IAAA,mBAAN,cAA+B,WAAW;AAAA,EACtC,SAAS;AACT,WAAA;AAAA,EAAA;AAmCX;AArCa,iBAKK,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AALd,mBAAN,gBAAA;AAAA,EADN,cAAc,qBAAqB;AAAA,GACvB,gBAAA;AAwCA,IAAA,cAAN,cAA0B,WAAW;AAAA,EACjC,SAAS;AACT,WAAA;AAAA,EAAA;AAUX;AAZa,YAKK,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AALd,cAAN,gBAAA;AAAA,EADN,cAAc,eAAe;AAAA,GACjB,WAAA;AAeA,IAAA,iBAAN,cAA6B,WAAW;AAAA,EACpC,SAAS;AACT,WAAA;AAAA,EAAA;AAaX;AAfa,eAKK,SAAS;AAAA,EACvB,UAAU,UAAU;AAAA,EACpB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAOF;AAdW,iBAAN,gBAAA;AAAA,EADN,cAAc,kBAAkB;AAAA,GACpB,cAAA;AAkBA,IAAA,eAAN,cAA2B,WAAW;AAAA,EAClC,SAAS;AACT,WAAA;AAAA,EAAA;AAIX;AANa,aAKK,SAAS,UAAU,UAAU;AALlC,eAAN,gBAAA;AAAA,EADN,cAAc,gBAAgB;AAAA,GAClB,YAAA;AASA,IAAA,WAAN,cAAuB,WAAW;AAAA,EAC9B,SAAS;AACT,WAAA;AAAA,EAAA;AAUX;AAZa,SAKK,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AALd,WAAN,gBAAA;AAAA,EADN,cAAc,WAAW;AAAA,GACb,QAAA;"}

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

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

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}) 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;"}
+{"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,EAAA;AAAA,EAGH,kBAAkB,OAAc;AACxB,UAAA,QAAS,MAAsB,OAAO;AACvC,SAAA,cAAc,IAAI,YAAY,SAAS,EAAC,QAAQ,EAAC,MAAM,EAAA,CAAC,CAAC;AACzD,SAAA,QAAQ,QAAQ,CAAC,WAAW;AACxB,aAAA,WAAW,OAAO,UAAU;AAAA,IAAA,CACpC;AAAA,EAAA;AAAA,EAGM,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,IAAA;AAEI,WAAA,MAAM,cAAc,MAAM,QAAQ;AAAA,EAAA;AAAA,EAGlC,SAAS;AACT,WAAA;AAAA,kCACuB,KAAK,YAAY,eAAe,EAAE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAA;AASpE;AA7Ca,qBA4CK,SAAS,UAAU,cAAc;AA3CtB,gBAAA;AAAA,EAA1B,SAAS,EAAC,MAAM,QAAQ,CAAA;AAAA,GADd,qBACgB,WAAA,aAAA,CAAA;AACD,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,OAAO,CAAA;AAAA,GAFb,qBAEe,WAAA,SAAA,CAAA;AAG1B,gBAAA;AAAA,EADC,sBAAsB,EAAC,UAAU,2BAA2B,CAAA;AAAA,GAJlD,qBAKX,WAAA,WAAA,CAAA;AALW,uBAAN,gBAAA;AAAA,EADN,cAAc,yBAAyB;AAAA,GAC3B,oBAAA;"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"toggle-button-option.js","sources":["../../../src/components/toggle-button-option/toggle-button-option.ts"],"sourcesContent":["import {LitElement, html, unsafeCSS} from 'lit';\nimport {customElement, property} from 'lit/decorators.js';\nimport comonentStyle from './toggle-button-option.css?inline';\nimport {classMap} from 'lit/directives/class-map.js';\n\n@customElement('obc-toggle-button-option')\nexport class ObcToggleButtonOption extends LitElement {\n  @property({type: String}) value = 'value';\n  @property({type: Boolean}) selected = false;\n\n  onClick() {\n    this.dispatchEvent(\n      new CustomEvent('selected', {detail: {value: this.value}})\n    );\n  }\n\n  override render() {\n    return html`\n      <button\n        class=${classMap({wrapper: true, selected: this.selected})}\n        @click=${this.onClick}\n      >\n        <div class=\"icon\">\n          <slot name=\"icon\"> </slot>\n        </div>\n        <div class=\"label\"><slot></slot></div>\n      </button>\n    `;\n  }\n\n  static override styles = unsafeCSS(comonentStyle);\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'obc-toggle-button-option': ObcToggleButtonOption;\n  }\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;;AAMa,IAAA,wBAAN,cAAoC,WAAW;AAAA,EAA/C,cAAA;AAAA,UAAA,GAAA,SAAA;AAC6B,SAAA,QAAA;AACI,SAAA,WAAA;AAAA,EAAA;AAAA,EAEtC,UAAU;AACH,SAAA;AAAA,MACH,IAAI,YAAY,YAAY,EAAC,QAAQ,EAAC,OAAO,KAAK,MAAK,GAAE;AAAA,IAAA;AAAA,EAE7D;AAAA,EAES,SAAS;AACT,WAAA;AAAA;AAAA,gBAEK,SAAS,EAAC,SAAS,MAAM,UAAU,KAAK,SAAA,CAAS,CAAC;AAAA,iBACjD,KAAK,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAQ3B;AAGF;AAzBa,sBAwBK,SAAS,UAAU,aAAa;AAvBtB,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,QAAO;AAAA,GADb,sBACe,WAAA,SAAA,CAAA;AACC,gBAAA;AAAA,EAA1B,SAAS,EAAC,MAAM,SAAQ;AAAA,GAFd,sBAEgB,WAAA,YAAA,CAAA;AAFhB,wBAAN,gBAAA;AAAA,EADN,cAAc,0BAA0B;AAAA,GAC5B,qBAAA;"}
+{"version":3,"file":"toggle-button-option.js","sources":["../../../src/components/toggle-button-option/toggle-button-option.ts"],"sourcesContent":["import {LitElement, html, unsafeCSS} from 'lit';\nimport {customElement, property} from 'lit/decorators.js';\nimport comonentStyle from './toggle-button-option.css?inline';\nimport {classMap} from 'lit/directives/class-map.js';\n\n@customElement('obc-toggle-button-option')\nexport class ObcToggleButtonOption extends LitElement {\n  @property({type: String}) value = 'value';\n  @property({type: Boolean}) selected = false;\n\n  onClick() {\n    this.dispatchEvent(\n      new CustomEvent('selected', {detail: {value: this.value}})\n    );\n  }\n\n  override render() {\n    return html`\n      <button\n        class=${classMap({wrapper: true, selected: this.selected})}\n        @click=${this.onClick}\n      >\n        <div class=\"icon\">\n          <slot name=\"icon\"> </slot>\n        </div>\n        <div class=\"label\"><slot></slot></div>\n      </button>\n    `;\n  }\n\n  static override styles = unsafeCSS(comonentStyle);\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'obc-toggle-button-option': ObcToggleButtonOption;\n  }\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;AAMa,IAAA,wBAAN,cAAoC,WAAW;AAAA,EAA/C,cAAA;AAAA,UAAA,GAAA,SAAA;AAC6B,SAAA,QAAA;AACI,SAAA,WAAA;AAAA,EAAA;AAAA,EAEtC,UAAU;AACH,SAAA;AAAA,MACH,IAAI,YAAY,YAAY,EAAC,QAAQ,EAAC,OAAO,KAAK,QAAO,CAAA;AAAA,IAC3D;AAAA,EAAA;AAAA,EAGO,SAAS;AACT,WAAA;AAAA;AAAA,gBAEK,SAAS,EAAC,SAAS,MAAM,UAAU,KAAK,UAAS,CAAC;AAAA,iBACjD,KAAK,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAA;AAW7B;AAzBa,sBAwBK,SAAS,UAAU,aAAa;AAvBtB,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,OAAO,CAAA;AAAA,GADb,sBACe,WAAA,SAAA,CAAA;AACC,gBAAA;AAAA,EAA1B,SAAS,EAAC,MAAM,QAAQ,CAAA;AAAA,GAFd,sBAEgB,WAAA,YAAA,CAAA;AAFhB,wBAAN,gBAAA;AAAA,EADN,cAAc,0BAA0B;AAAA,GAC5B,qBAAA;"}

package/dist/components/toggle-switch/toggle-switch.js

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

package/dist/components/toggle-switch/toggle-switch.js.map

@@ -1 +1 @@
-{"version":3,"file":"toggle-switch.js","sources":["../../../src/components/toggle-switch/toggle-switch.ts"],"sourcesContent":["import {LitElement, html, unsafeCSS} from 'lit';\nimport {customElement, property} from 'lit/decorators.js';\nimport {classMap} from 'lit/directives/class-map.js';\nimport '../icon-button/icon-button';\nimport componentStyle from './toggle-switch.css?inline';\n\n@customElement('obc-toggle-switch')\nexport class ObcToggleSwitch extends LitElement {\n  @property({type: String}) label = 'Label';\n  @property({type: Boolean}) checked = false;\n\n  override render() {\n    return html`\n      <label>\n        <span>${this.label}</span>\n        <div class=\"switch\">\n          <div class=\"presenter ${classMap({checked: this.checked})}\">\n            <div class=\"knob\"></div>\n            <input\n              type=\"checkbox\"\n              ?checked=${this.checked}\n              @click=${this._tryChange}\n            />\n          </div>\n        </div>\n      </label>\n    `;\n  }\n\n  _tryChange() {\n    this.checked = !this.checked;\n  }\n\n  static override styles = unsafeCSS(componentStyle);\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'obc-toggle-switch': ObcToggleSwitch;\n  }\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAOa,IAAA,kBAAN,cAA8B,WAAW;AAAA,EAAzC,cAAA;AAAA,UAAA,GAAA,SAAA;AAC6B,SAAA,QAAA;AACG,SAAA,UAAA;AAAA,EAAA;AAAA,EAE5B,SAAS;AACT,WAAA;AAAA;AAAA,gBAEK,KAAK,KAAK;AAAA;AAAA,kCAEQ,SAAS,EAAC,SAAS,KAAK,QAAQ,CAAA,CAAC;AAAA;AAAA;AAAA;AAAA,yBAI1C,KAAK,OAAO;AAAA,uBACd,KAAK,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAMpC;AAAA,EAEA,aAAa;AACN,SAAA,UAAU,CAAC,KAAK;AAAA,EACvB;AAGF;AA3Ba,gBA0BK,SAAS,UAAU,cAAc;AAzBvB,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,QAAO;AAAA,GADb,gBACe,WAAA,SAAA,CAAA;AACC,gBAAA;AAAA,EAA1B,SAAS,EAAC,MAAM,SAAQ;AAAA,GAFd,gBAEgB,WAAA,WAAA,CAAA;AAFhB,kBAAN,gBAAA;AAAA,EADN,cAAc,mBAAmB;AAAA,GACrB,eAAA;"}
+{"version":3,"file":"toggle-switch.js","sources":["../../../src/components/toggle-switch/toggle-switch.ts"],"sourcesContent":["import {LitElement, html, unsafeCSS} from 'lit';\nimport {customElement, property} from 'lit/decorators.js';\nimport {classMap} from 'lit/directives/class-map.js';\nimport '../icon-button/icon-button';\nimport componentStyle from './toggle-switch.css?inline';\n\n@customElement('obc-toggle-switch')\nexport class ObcToggleSwitch extends LitElement {\n  @property({type: String}) label = 'Label';\n  @property({type: Boolean}) checked = false;\n\n  override render() {\n    return html`\n      <label>\n        <span>${this.label}</span>\n        <div class=\"switch\">\n          <div class=\"presenter ${classMap({checked: this.checked})}\">\n            <div class=\"knob\"></div>\n            <input\n              type=\"checkbox\"\n              ?checked=${this.checked}\n              @click=${this._tryChange}\n            />\n          </div>\n        </div>\n      </label>\n    `;\n  }\n\n  _tryChange() {\n    this.checked = !this.checked;\n  }\n\n  static override styles = unsafeCSS(componentStyle);\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'obc-toggle-switch': ObcToggleSwitch;\n  }\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;;AAOa,IAAA,kBAAN,cAA8B,WAAW;AAAA,EAAzC,cAAA;AAAA,UAAA,GAAA,SAAA;AAC6B,SAAA,QAAA;AACG,SAAA,UAAA;AAAA,EAAA;AAAA,EAE5B,SAAS;AACT,WAAA;AAAA;AAAA,gBAEK,KAAK,KAAK;AAAA;AAAA,kCAEQ,SAAS,EAAC,SAAS,KAAK,QAAQ,CAAA,CAAC;AAAA;AAAA;AAAA;AAAA,yBAI1C,KAAK,OAAO;AAAA,uBACd,KAAK,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAA;AAAA,EAQpC,aAAa;AACN,SAAA,UAAU,CAAC,KAAK;AAAA,EAAA;AAIzB;AA3Ba,gBA0BK,SAAS,UAAU,cAAc;AAzBvB,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,OAAO,CAAA;AAAA,GADb,gBACe,WAAA,SAAA,CAAA;AACC,gBAAA;AAAA,EAA1B,SAAS,EAAC,MAAM,QAAQ,CAAA;AAAA,GAFd,gBAEgB,WAAA,WAAA,CAAA;AAFhB,kBAAN,gBAAA;AAAA,EADN,cAAc,mBAAmB;AAAA,GACrB,eAAA;"}

package/dist/components/tooltip/tooltip.js

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

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}) 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;"}
+{"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,EAAA;AAOvC;AAzCa,WAwCK,SAAS,UAAU,YAAY;AAvCrB,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,OAAO,CAAA;AAAA,GADb,WACe,WAAA,WAAA,CAAA;AACA,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,OAAO,CAAA;AAAA,GAFb,WAEe,WAAA,SAAA,CAAA;AACA,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,OAAO,CAAA;AAAA,GAHb,WAGe,WAAA,QAAA,CAAA;AACC,gBAAA;AAAA,EAA1B,SAAS,EAAC,MAAM,QAAQ,CAAA;AAAA,GAJd,WAIgB,WAAA,cAAA,CAAA;AAJhB,aAAN,gBAAA;AAAA,EADN,cAAc,aAAa;AAAA,GACf,UAAA;"}

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

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

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})\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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"}
+{"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":";;;;;;;;;;;;;;;;;;;;;;;;;AA0Ba,IAAA,YAAN,cAAwB,WAAW;AAAA,EAAnC,cAAA;AAAA,UAAA,GAAA,SAAA;AACgC,SAAA,WAAA;AACA,SAAA,WAAA;AACJ,SAAA,OAAA;AAEX,SAAA,sBAAA;AAEG,SAAA,yBAAA;AAEH,SAAA,sBAAA;AAEI,SAAA,0BAAA;AAEkB,SAAA,iBAAA;AACA,SAAA,iBAAA;AAExB,SAAA,oBAAA;AACmB,SAAA,YAAA;AACD,SAAA,WAAA;AACA,SAAA,WAAA;AAEd,SAAA,wBAAA;AAEI,SAAA,4BAAA;AAEL,SAAA,uBAAA;AAEK,SAAA,4BAAA;AACU,SAAA,WAAA;AAEtC,SAAA,kBAAoC,CAAC;AAAA,EAAA;AAAA,EAE7B,oBAAoB;AAC1B,SAAK,cAAc,IAAI,YAAY,qBAAqB,CAAC;AAAA,EAAA;AAAA,EAGnD,uBAAuB;AAC7B,SAAK,cAAc,IAAI,YAAY,wBAAwB,CAAC;AAAA,EAAA;AAAA,EAGtD,oBAAoB;AAC1B,SAAK,cAAc,IAAI,YAAY,qBAAqB,CAAC;AAAA,EAAA;AAAA,EAGnD,wBAAwB;AAC9B,SAAK,cAAc,IAAI,YAAY,0BAA0B,CAAC;AAAA,EAAA;AAAA,EAGvD,SAAS;AAChB,UAAM,YAAY,CAAC;AACnB,QAAI,KAAK,UAAU;AACP,gBAAA;AAAA,QACR;AAAA;AAAA;AAAA,qBAGa,MAAM,KAAK,cAAc,IAAI,YAAY,OAAO,CAAC,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA,MAKjE;AACA,gBAAU,KAAK,iCAAiC;AACtC,gBAAA;AAAA,QACR;AAAA;AAAA;AAAA,mBAGW,MAAM,KAAK,cAAc,IAAI,YAAY,MAAM,CAAC,CAAC;AAAA;AAAA;AAAA;AAAA,MAI9D;AACU,gBAAA;AAAA,QACR;AAAA;AAAA;AAAA,mBAGW,MAAM,KAAK,cAAc,IAAI,YAAY,SAAS,CAAC,CAAC;AAAA;AAAA;AAAA;AAAA,MAIjE;AACA,gBAAU,KAAK,iCAAiC;AAChD,gBAAU,KAAK,0BAA0B,KAAK,QAAQ,QAAQ;AACpD,gBAAA;AAAA,QACR,8BAA8B,KAAK,eAAe;AAAA,MACpD;AAAA,IAAA,OACK;AACD,UAAA,CAAC,KAAK,UAAU;AACR,kBAAA;AAAA,UACR,+BAA+B,KAAK,iBAAiB,SAAS,IAAI;AAAA;AAAA;AAAA,uBAGrD,KAAK,iBAAiB;AAAA,2BAClB,KAAK,mBAAmB;AAAA;AAAA;AAAA;AAAA;AAAA,QAK3C;AAAA,MAAA;AAEF,gBAAU,KAAK,0BAA0B,KAAK,QAAQ,QAAQ;AAC9D,gBAAU,KAAK,8BAA8B,KAAK,QAAQ,QAAQ;AAAA,IAAA;AAGpE,UAAM,uBAAuB,KAAK;AAAA,MAChC,KAAK;AAAA,MACL,KAAK;AAAA,IACP;AAEO,WAAA;AAAA;AAAA,6BAEkB,oBAAoB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,6BAWpB,KAAK,qBAAqB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,6BAM1B,KAAK,yBAAyB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,6BAM9B,KAAK,oBAAoB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,gBAOtC,SAAS;AAAA,MACf,SAAS;AAAA,MACT,UAAU,KAAK;AAAA,MACf,UAAU,KAAK;AAAA,IAAA,CAChB,CAAC;AAAA;AAAA,kCAEwB,SAAS;AAAA;AAAA,YAE/B,KAAK,YACH;AAAA,wBACU,KAAK,IAAI;AAAA,yCACQ,KAAK,yBAAyB;AAAA,4BAC3C,KAAK,QAAQ;AAAA,+BAE3B,IAAI;AAAA;AAAA,YAEN,KAAK,qBAAqB,CAAC,KAAK,WAC9B;AAAA;AAAA;AAAA,yBAGW,KAAK,oBAAoB;AAAA,6BACrB,KAAK,sBAAsB;AAAA;AAAA;AAAA,oCAI1C,IAAI;AAAA,YACN,KAAK,kBAAkB,CAAC,KAAK,WAC3B;AAAA;AAAA;AAAA,yBAGW,KAAK,iBAAiB;AAAA,6BAClB,KAAK,mBAAmB;AAAA;AAAA;AAAA,oCAIvC,IAAI;AAAA,YACN,CAAC,KAAK,WACJ;AAAA;AAAA;AAAA,yBAGW,KAAK,qBAAqB;AAAA,6BACtB,KAAK,uBAAuB;AAAA;AAAA;AAAA,oCAI3C,IAAI;AAAA;AAAA;AAAA;AAAA,EAAA;AAOlB;AAhMa,UA+LK,SAAS,UAAU,YAAY;AA9LrB,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,OAAO,CAAA;AAAA,GADb,UACe,WAAA,YAAA,CAAA;AACA,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,OAAO,CAAA;AAAA,GAFb,UAEe,WAAA,YAAA,CAAA;AACA,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,OAAO,CAAA;AAAA,GAHb,UAGe,WAAA,QAAA,CAAA;AAE1B,gBAAA;AAAA,EADC,SAAS,EAAC,MAAM,QAAQ,CAAA;AAAA,GAJd,UAKX,WAAA,uBAAA,CAAA;AAEA,gBAAA;AAAA,EADC,SAAS,EAAC,MAAM,QAAQ,CAAA;AAAA,GANd,UAOX,WAAA,0BAAA,CAAA;AAEA,gBAAA;AAAA,EADC,SAAS,EAAC,MAAM,QAAQ,CAAA;AAAA,GARd,UASX,WAAA,uBAAA,CAAA;AAEA,gBAAA;AAAA,EADC,SAAS,EAAC,MAAM,QAAQ,CAAA;AAAA,GAVd,UAWX,WAAA,2BAAA,CAAA;AAE2B,gBAAA;AAAA,EAA1B,SAAS,EAAC,MAAM,QAAQ,CAAA;AAAA,GAbd,UAagB,WAAA,kBAAA,CAAA;AACA,gBAAA;AAAA,EAA1B,SAAS,EAAC,MAAM,QAAQ,CAAA;AAAA,GAdd,UAcgB,WAAA,kBAAA,CAAA;AAE3B,gBAAA;AAAA,EADC,SAAS,EAAC,MAAM,QAAQ,CAAA;AAAA,GAfd,UAgBX,WAAA,qBAAA,CAAA;AAC2B,gBAAA;AAAA,EAA1B,SAAS,EAAC,MAAM,QAAQ,CAAA;AAAA,GAjBd,UAiBgB,WAAA,aAAA,CAAA;AACA,gBAAA;AAAA,EAA1B,SAAS,EAAC,MAAM,QAAQ,CAAA;AAAA,GAlBd,UAkBgB,WAAA,YAAA,CAAA;AACA,gBAAA;AAAA,EAA1B,SAAS,EAAC,MAAM,QAAQ,CAAA;AAAA,GAnBd,UAmBgB,WAAA,YAAA,CAAA;AAE3B,gBAAA;AAAA,EADC,SAAS,EAAC,MAAM,OAAO,CAAA;AAAA,GApBb,UAqBX,WAAA,yBAAA,CAAA;AAEA,gBAAA;AAAA,EADC,SAAS,EAAC,MAAM,OAAO,CAAA;AAAA,GAtBb,UAuBX,WAAA,6BAAA,CAAA;AAEA,gBAAA;AAAA,EADC,SAAS,EAAC,MAAM,OAAO,CAAA;AAAA,GAxBb,UAyBX,WAAA,wBAAA,CAAA;AAEA,gBAAA;AAAA,EADC,SAAS,EAAC,MAAM,OAAO,CAAA;AAAA,GA1Bb,UA2BX,WAAA,6BAAA,CAAA;AAC2B,gBAAA;AAAA,EAA1B,SAAS,EAAC,MAAM,QAAQ,CAAA;AAAA,GA5Bd,UA4BgB,WAAA,YAAA,CAAA;AAE3B,gBAAA;AAAA,EADC,SAAS,EAAC,MAAM,MAAM,CAAA;AAAA,GA7BZ,UA8BX,WAAA,mBAAA,CAAA;AA9BW,YAAN,gBAAA;AAAA,EADN,cAAc,aAAa;AAAA,GACf,SAAA;"}

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

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

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}) 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;"}
+{"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,EAAA;AAMhD;AAba,gBAYK,SAAS,UAAU,YAAY;AAXrB,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,OAAO,CAAA;AAAA,GADb,gBACe,WAAA,YAAA,CAAA;AACA,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,OAAO,CAAA;AAAA,GAFb,gBAEe,WAAA,OAAA,CAAA;AAFf,kBAAN,gBAAA;AAAA,EADN,cAAc,mBAAmB;AAAA,GACrB,eAAA;"}

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

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

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}) 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;"}
+{"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,EAAA;AAexE;AA9Ba,SAmBK,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAlBE,gBAAA;AAAA,EAA1B,SAAS,EAAC,MAAM,QAAQ,CAAA;AAAA,GADd,SACgB,WAAA,eAAA,CAAA;AADhB,WAAN,gBAAA;AAAA,EADN,cAAc,YAAY;AAAA,GACd,QAAA;"}

package/dist/icons/icon-01-application-open.js

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

package/dist/icons/icon-01-application-open.js.map

@@ -1 +1 @@
-{"version":3,"file":"icon-01-application-open.js","sources":["../../src/icons/icon-01-application-open.ts"],"sourcesContent":["import {LitElement, html, css, svg} from 'lit';\nimport {customElement, property} from 'lit/decorators.js';\n\n@customElement('obi-01-application-open')\nexport class Obi01ApplicationOpen 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=\"M16 18H6V8H11V6H6C4.89 6 4 6.9 4 8V18C4 19.1 4.89 20 6 20H16C17.1 20 18 19.1 18 18V13H16V18Z\" fill=\"currentColor\"/>\n<path d=\"M13 4V6H16.59L11.675 10.915L9.2175 13.3725L7.98875 14.6012L9.39875 16.0112L10.6275 14.7825L13.085 12.325L18 7.41V11H20V4H13Z\" 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=\"M16 18H6V8H11V6H6C4.89 6 4 6.9 4 8V18C4 19.1 4.89 20 6 20H16C17.1 20 18 19.1 18 18V13H16V18Z\" style=\"fill: var(--element-active-color)\"/>\n<path d=\"M13 4V6H16.59L11.675 10.915L9.2175 13.3725L7.98875 14.6012L9.39875 16.0112L10.6275 14.7825L13.085 12.325L18 7.41V11H20V4H13Z\" 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-application-open': Obi01ApplicationOpen;\n  }\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;AAIa,IAAA,uBAAN,cAAmC,WAAW;AAAA,EAA9C,cAAA;AAAA,UAAA,GAAA,SAAA;AACoC,SAAA,cAAA;AAEzC,SAAQ,OAAO;AAAA;AAAA;AAAA;AAAA;AAMf,SAAQ,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA,EAAA;AAAA,EAMT,SAAS;AACT,WAAA;AAAA,6BACkB,KAAK,cAAc,KAAK,UAAU,KAAK,IAAI;AAAA;AAAA,EAEtE;AAaF;AAhCa,qBAqBK,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AApBE,gBAAA;AAAA,EAA1B,SAAS,EAAC,MAAM,SAAQ;AAAA,GADd,qBACgB,WAAA,eAAA,CAAA;AADhB,uBAAN,gBAAA;AAAA,EADN,cAAc,yBAAyB;AAAA,GAC3B,oBAAA;"}
+{"version":3,"file":"icon-01-application-open.js","sources":["../../src/icons/icon-01-application-open.ts"],"sourcesContent":["import {LitElement, html, css, svg} from 'lit';\nimport {customElement, property} from 'lit/decorators.js';\n\n@customElement('obi-01-application-open')\nexport class Obi01ApplicationOpen 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=\"M16 18H6V8H11V6H6C4.89 6 4 6.9 4 8V18C4 19.1 4.89 20 6 20H16C17.1 20 18 19.1 18 18V13H16V18Z\" fill=\"currentColor\"/>\n<path d=\"M13 4V6H16.59L11.675 10.915L9.2175 13.3725L7.98875 14.6012L9.39875 16.0112L10.6275 14.7825L13.085 12.325L18 7.41V11H20V4H13Z\" 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=\"M16 18H6V8H11V6H6C4.89 6 4 6.9 4 8V18C4 19.1 4.89 20 6 20H16C17.1 20 18 19.1 18 18V13H16V18Z\" style=\"fill: var(--element-active-color)\"/>\n<path d=\"M13 4V6H16.59L11.675 10.915L9.2175 13.3725L7.98875 14.6012L9.39875 16.0112L10.6275 14.7825L13.085 12.325L18 7.41V11H20V4H13Z\" 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-application-open': Obi01ApplicationOpen;\n  }\n}\n"],"names":[],"mappings":";;;;;;;;;;;;AAIa,IAAA,uBAAN,cAAmC,WAAW;AAAA,EAA9C,cAAA;AAAA,UAAA,GAAA,SAAA;AACoC,SAAA,cAAA;AAEzC,SAAQ,OAAO;AAAA;AAAA;AAAA;AAAA;AAMf,SAAQ,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA,EAAA;AAAA,EAMT,SAAS;AACT,WAAA;AAAA,6BACkB,KAAK,cAAc,KAAK,UAAU,KAAK,IAAI;AAAA;AAAA,EAAA;AAexE;AAhCa,qBAqBK,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AApBE,gBAAA;AAAA,EAA1B,SAAS,EAAC,MAAM,QAAQ,CAAA;AAAA,GADd,qBACgB,WAAA,eAAA,CAAA;AADhB,uBAAN,gBAAA;AAAA,EADN,cAAc,yBAAyB;AAAA,GAC3B,oBAAA;"}

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

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