overview-components 1.0.79 → 1.0.80

package/dist/shared/lit-overflow-tooltip.js

@@ -1,60 +1,79 @@
-import "../node_modules/@lit/reactive-element/reactive-element.js";
-import { nothing as p, html as h } from "../node_modules/lit-html/lit-html.js";
-import { LitElement as a } from "../node_modules/lit-element/lit-element.js";
-import { customElement as f } from "../node_modules/@lit/reactive-element/decorators/custom-element.js";
-import { property as v } from "../node_modules/@lit/reactive-element/decorators/property.js";
-import { state as O } from "../node_modules/@lit/reactive-element/decorators/state.js";
-import { query as d } from "../node_modules/@lit/reactive-element/decorators/query.js";
-import { tooltip as b } from "./simple-tooltip.js";
-import { css as m } from "../node_modules/@lit/reactive-element/css-tag.js";
-var w = Object.defineProperty, x = Object.getOwnPropertyDescriptor, i = (e, t, l, o) => {
-  for (var s = o > 1 ? void 0 : o ? x(t, l) : t, n = e.length - 1, c; n >= 0; n--)
-    (c = e[n]) && (s = (o ? c(t, l, s) : c(s)) || s);
-  return o && s && w(t, l, s), s;
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-let r = class extends a {
-  constructor() {
-    super(...arguments), this.label = "", this.placement = "top", this.isOverflowing = !1, this.checkOverflow = () => {
-      const e = this.textElement;
-      if (!e) {
-        this.isOverflowing = !1;
-        return;
-      }
-      this.isOverflowing = e.scrollWidth > e.clientWidth;
-    };
-  }
-  connectedCallback() {
-    super.connectedCallback();
-  }
-  disconnectedCallback() {
-    this.disconnectObservers(), super.disconnectedCallback();
-  }
-  firstUpdated() {
-    var e, t;
-    this.setupObservers(), (t = (e = this.shadowRoot) == null ? void 0 : e.querySelector("slot")) == null || t.addEventListener("slotchange", this.checkOverflow), this.checkOverflow();
-  }
-  updated(e) {
-    e.has("label") && this.checkOverflow();
-  }
-  setupObservers() {
-    this.disconnectObservers(), this.checkOverflow = this.checkOverflow.bind(this), this.textElement && (this.textObserver = new ResizeObserver(this.checkOverflow), this.textObserver.observe(this.textElement)), this.hostObserver = new ResizeObserver(this.checkOverflow), this.hostObserver.observe(this);
-  }
-  disconnectObservers() {
-    var e, t;
-    (e = this.textObserver) == null || e.disconnect(), this.textObserver = void 0, (t = this.hostObserver) == null || t.disconnect(), this.hostObserver = void 0;
-  }
-  render() {
-    return this.isOverflowing ? h`
+import { LitElement, html, css, nothing } from 'lit';
+import { customElement, property, query, state } from 'lit/decorators.js';
+import './simple-tooltip.js';
+import { tooltip } from './simple-tooltip.js';
+let LitOverflowTooltip = class LitOverflowTooltip extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.label = '';
+        this.placement = 'top';
+        this.isOverflowing = false;
+        this.checkOverflow = () => {
+            const el = this.textElement;
+            if (!el) {
+                this.isOverflowing = false;
+                return;
+            }
+            this.isOverflowing = el.scrollWidth > el.clientWidth;
+        };
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        // No observer setup here, wait for element access in firstUpdated
+    }
+    disconnectedCallback() {
+        this.disconnectObservers();
+        super.disconnectedCallback();
+    }
+    firstUpdated() {
+        this.setupObservers();
+        this.shadowRoot?.querySelector('slot')?.addEventListener('slotchange', this.checkOverflow);
+        // Initial check
+        this.checkOverflow();
+    }
+    updated(changedProps) {
+        if (changedProps.has('label')) {
+            this.checkOverflow();
+        }
+    }
+    setupObservers() {
+        // Defensive: disconnect if already setup
+        this.disconnectObservers();
+        // Bind checkOverflow for correct 'this'
+        this.checkOverflow = this.checkOverflow.bind(this);
+        if (this.textElement) {
+            this.textObserver = new ResizeObserver(this.checkOverflow);
+            this.textObserver.observe(this.textElement);
+        }
+        this.hostObserver = new ResizeObserver(this.checkOverflow);
+        this.hostObserver.observe(this);
+    }
+    disconnectObservers() {
+        this.textObserver?.disconnect();
+        this.textObserver = undefined;
+        this.hostObserver?.disconnect();
+        this.hostObserver = undefined;
+    }
+    render() {
+        return this.isOverflowing
+            ? html `
                   <div
                       class="text-content"
-                      ${this.isOverflowing ? b(this.label, this.placement) : p}
+                      ${this.isOverflowing ? tooltip(this.label, this.placement) : nothing}
                   >
                       <slot></slot>
                   </div>
-              ` : h` <div class="text-content"><slot></slot></div> `;
-  }
+              `
+            : html ` <div class="text-content"><slot></slot></div> `;
+    }
 };
-r.styles = m`
+LitOverflowTooltip.styles = css `
         :host {
             display: inline-block;
             width: 100%;
@@ -65,21 +84,20 @@ r.styles = m`
             white-space: nowrap;
         }
     `;
-i([
-  v({ type: String })
-], r.prototype, "label", 2);
-i([
-  v({ type: String })
-], r.prototype, "placement", 2);
-i([
-  O()
-], r.prototype, "isOverflowing", 2);
-i([
-  d(".text-content")
-], r.prototype, "textElement", 2);
-r = i([
-  f("lit-overflow-tooltip")
-], r);
-export {
-  r as LitOverflowTooltip
-};
+__decorate([
+    property({ type: String })
+], LitOverflowTooltip.prototype, "label", void 0);
+__decorate([
+    property({ type: String })
+], LitOverflowTooltip.prototype, "placement", void 0);
+__decorate([
+    state()
+], LitOverflowTooltip.prototype, "isOverflowing", void 0);
+__decorate([
+    query('.text-content')
+], LitOverflowTooltip.prototype, "textElement", void 0);
+LitOverflowTooltip = __decorate([
+    customElement('lit-overflow-tooltip')
+], LitOverflowTooltip);
+export { LitOverflowTooltip };
+//# sourceMappingURL=lit-overflow-tooltip.js.map

package/dist/shared/lit-overflow-tooltip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"lit-overflow-tooltip.js","sourceRoot":"","sources":["../../src/shared/lit-overflow-tooltip.ts"],"names":[],"mappings":"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"}

package/dist/shared/lit-pill.js

@@ -1,31 +1,34 @@
-import { customElement as c } from "../node_modules/@lit/reactive-element/decorators/custom-element.js";
-import { property as d } from "../node_modules/@lit/reactive-element/decorators/property.js";
-import "../node_modules/@lit/reactive-element/reactive-element.js";
-import { html as a } from "../node_modules/lit-html/lit-html.js";
-import { LitElement as m } from "../node_modules/lit-element/lit-element.js";
-import { css as u } from "../node_modules/@lit/reactive-element/css-tag.js";
-var f = Object.defineProperty, h = Object.getOwnPropertyDescriptor, p = (t, r, o, s) => {
-  for (var i = s > 1 ? void 0 : s ? h(r, o) : r, n = t.length - 1, l; n >= 0; n--)
-    (l = t[n]) && (i = (s ? l(r, o, i) : l(i)) || i);
-  return s && i && f(r, o, i), i;
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-let e = class extends m {
-  constructor() {
-    super(...arguments), this.loading = !1;
-  }
-  render() {
-    const t = this.count !== void 0 && this.count !== null && this.count >= 0, r = this.loading, o = this.count && this.count < 100 ? this.count : "99+";
-    return t || r ? a`
+import { customElement, property } from 'lit/decorators.js';
+import { css, html, LitElement } from 'lit';
+let LitPill = class LitPill extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.loading = false; // Načítavací stav
+    }
+    render() {
+        const hasCount = this.count !== undefined && this.count !== null && this.count >= 0;
+        const showSpinner = this.loading;
+        const countNumber = this.count && this.count < 100 ? this.count : '99+';
+        if (hasCount || showSpinner) {
+            return html `
                 <div class="pill--wrapper">
-                    ${t ? a` <div class="pill">${o}</div> ` : ""}
-                    ${r ? a` <div class="pill__loading-spinner"></div> ` : ""}
+                    ${hasCount ? html ` <div class="pill">${countNumber}</div> ` : ''}
+                    ${showSpinner ? html ` <div class="pill__loading-spinner"></div> ` : ''}
                 </div>
-            ` : null;
-  }
+            `;
+        }
+        return null;
+    }
 };
-e.styles = [
-  // styles,
-  u`
+LitPill.styles = [
+    // styles,
+    css `
             .pill--wrapper {
                 display: flex;
                 justify-content: center;
@@ -70,17 +73,16 @@ e.styles = [
                     transform: rotate(360deg);
                 }
             }
-        `
+        `,
 ];
-p([
-  d({ type: Number })
-], e.prototype, "count", 2);
-p([
-  d({ type: Boolean })
-], e.prototype, "loading", 2);
-e = p([
-  c("lit-pill")
-], e);
-export {
-  e as LitPill
-};
+__decorate([
+    property({ type: Number })
+], LitPill.prototype, "count", void 0);
+__decorate([
+    property({ type: Boolean })
+], LitPill.prototype, "loading", void 0);
+LitPill = __decorate([
+    customElement('lit-pill')
+], LitPill);
+export { LitPill };
+//# sourceMappingURL=lit-pill.js.map

package/dist/shared/lit-pill.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"lit-pill.js","sourceRoot":"","sources":["../../src/shared/lit-pill.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAIrC,IAAM,OAAO,GAAb,MAAM,OAAQ,SAAQ,UAAU;IAAhC;;QAE0B,YAAO,GAAG,KAAK,CAAC,CAAC,kBAAkB;IAmEpE,CAAC;IAfG,MAAM;QACF,MAAM,QAAQ,GAAG,IAAI,CAAC,KAAK,KAAK,SAAS,IAAI,IAAI,CAAC,KAAK,KAAK,IAAI,IAAI,IAAI,CAAC,KAAK,IAAI,CAAC,CAAC;QACpF,MAAM,WAAW,GAAG,IAAI,CAAC,OAAO,CAAC;QACjC,MAAM,WAAW,GAAG,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,KAAK,GAAG,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC;QACxE,IAAI,QAAQ,IAAI,WAAW,EAAE,CAAC;YAC1B,OAAO,IAAI,CAAA;;sBAED,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAA,sBAAsB,WAAW,SAAS,CAAC,CAAC,CAAC,EAAE;sBAC9D,WAAW,CAAC,CAAC,CAAC,IAAI,CAAA,6CAA6C,CAAC,CAAC,CAAC,EAAE;;aAE7E,CAAC;QACN,CAAC;QAED,OAAO,IAAI,CAAC;IAChB,CAAC;;AAhEM,cAAM,GAAG;IACZ,UAAU;IACV,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;SA6CF;CACJ,AAhDY,CAgDX;AAnD0B;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;sCAAuB;AACrB;IAA5B,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;wCAAiB;AAFpC,OAAO;IADnB,aAAa,CAAC,UAAU,CAAC;GACb,OAAO,CAqEnB"}

package/dist/shared/lit-progress-bar.js

@@ -1,35 +1,34 @@
-import { customElement as c } from "../node_modules/@lit/reactive-element/decorators/custom-element.js";
-import { property as n } from "../node_modules/@lit/reactive-element/decorators/property.js";
-import "../node_modules/@lit/reactive-element/reactive-element.js";
-import { html as g } from "../node_modules/lit-html/lit-html.js";
-import { LitElement as d } from "../node_modules/lit-element/lit-element.js";
-import { css as m } from "../node_modules/@lit/reactive-element/css-tag.js";
-var f = Object.defineProperty, v = Object.getOwnPropertyDescriptor, l = (e, t, i, o) => {
-  for (var r = o > 1 ? void 0 : o ? v(t, i) : t, a = e.length - 1, p; a >= 0; a--)
-    (p = e[a]) && (r = (o ? p(t, i, r) : p(r)) || r);
-  return o && r && f(t, i, r), r;
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-let s = class extends d {
-  constructor() {
-    super(...arguments), this.label = "", this.progress = 0;
-  }
-  render() {
-    const e = Math.min(100, Math.max(0, this.progress));
-    return g`
+import { customElement, property } from 'lit/decorators.js';
+import { css, html, LitElement } from 'lit';
+let LitProgressBar = class LitProgressBar extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.label = '';
+        this.progress = 0;
+    }
+    render() {
+        const clampedProgress = Math.min(100, Math.max(0, this.progress));
+        return html `
             <div class="container">
                 <div class="label">${this.label}</div>
                 <div class="progress-bar-container">
-                    <div class="percentage">${e}%</div>
+                    <div class="percentage">${clampedProgress}%</div>
                     <div class="progress-bar">
-                        <div class="progress-fill" style="width: ${e}%"></div>
+                        <div class="progress-fill" style="width: ${clampedProgress}%"></div>
                     </div>
                 </div>
             </div>
         `;
-  }
+    }
 };
-s.styles = [
-  m`
+LitProgressBar.styles = [
+    css `
             .container {
                 gap: 4px;
             }
@@ -67,17 +66,16 @@ s.styles = [
                 font-weight: 500;
                 font-size: 14px;
             }
-        `
+        `,
 ];
-l([
-  n({ type: String })
-], s.prototype, "label", 2);
-l([
-  n({ type: Number })
-], s.prototype, "progress", 2);
-s = l([
-  c("lit-progress-bar")
-], s);
-export {
-  s as LitProgressBar
-};
+__decorate([
+    property({ type: String })
+], LitProgressBar.prototype, "label", void 0);
+__decorate([
+    property({ type: Number })
+], LitProgressBar.prototype, "progress", void 0);
+LitProgressBar = __decorate([
+    customElement('lit-progress-bar')
+], LitProgressBar);
+export { LitProgressBar };
+//# sourceMappingURL=lit-progress-bar.js.map

package/dist/shared/lit-progress-bar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"lit-progress-bar.js","sourceRoot":"","sources":["../../src/shared/lit-progress-bar.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAS,MAAM,mBAAmB,CAAC;AACnE,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAQrC,IAAM,cAAc,GAApB,MAAM,cAAe,SAAQ,UAAU;IAAvC;;QACyB,UAAK,GAAY,EAAE,CAAC;QACpB,aAAQ,GAAW,CAAC,CAAC;IA0DrD,CAAC;IAfG,MAAM;QACF,MAAM,eAAe,GAAG,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC;QAElE,OAAO,IAAI,CAAA;;qCAEkB,IAAI,CAAC,KAAK;;8CAED,eAAe;;mEAEM,eAAe;;;;SAIzE,CAAC;IACN,CAAC;;AAvDM,qBAAM,GAAG;IACZ,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;SAsCF;CACJ,AAxCY,CAwCX;AA3C0B;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;6CAAqB;AACpB;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;gDAAsB;AAFxC,cAAc;IAD1B,aAAa,CAAC,kBAAkB,CAAC;GACrB,cAAc,CA4D1B"}

package/dist/shared/lit-responsive-button.js

@@ -1,30 +1,40 @@
-import { customElement as d } from "../node_modules/@lit/reactive-element/decorators/custom-element.js";
-import { property as i } from "../node_modules/@lit/reactive-element/decorators/property.js";
-import { state as h } from "../node_modules/@lit/reactive-element/decorators/state.js";
-import "../node_modules/@lit/reactive-element/reactive-element.js";
-import { html as c } from "../node_modules/lit-html/lit-html.js";
-import { LitElement as u } from "../node_modules/lit-element/lit-element.js";
-var m = Object.defineProperty, b = Object.getOwnPropertyDescriptor, e = (p, o, r, n) => {
-  for (var s = n > 1 ? void 0 : n ? b(o, r) : o, a = p.length - 1, l; a >= 0; a--)
-    (l = p[a]) && (s = (n ? l(o, r, s) : l(s)) || s);
-  return n && s && m(o, r, s), s;
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-let t = class extends u {
-  constructor() {
-    super(...arguments), this.variant = "contained", this.size = "medium", this.label = "Button", this.fullWidth = !1, this.disabled = !1, this.count = void 0, this.active = !1, this.isSmallScreen = !1;
-  }
-  // Stav pre breakpoint
-  connectedCallback() {
-    super.connectedCallback(), this.updateScreenSize(), window.addEventListener("resize", this.updateScreenSize.bind(this));
-  }
-  disconnectedCallback() {
-    window.removeEventListener("resize", this.updateScreenSize.bind(this)), super.disconnectedCallback();
-  }
-  updateScreenSize() {
-    this.isSmallScreen = window.matchMedia("(max-width: 600px)").matches;
-  }
-  render() {
-    return this.isSmallScreen ? c`
+import { customElement, property, state } from 'lit/decorators.js';
+import { html, LitElement } from 'lit';
+import './lit-icon-button.js';
+import './lit-button.js';
+let LitResponsiveButton = class LitResponsiveButton extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.variant = 'contained';
+        this.size = 'medium';
+        this.label = 'Button';
+        this.fullWidth = false;
+        this.disabled = false;
+        this.count = undefined;
+        this.active = false;
+        this.isSmallScreen = false; // Stav pre breakpoint
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        this.updateScreenSize(); // Inicializácia
+        window.addEventListener('resize', this.updateScreenSize.bind(this)); // Počúvanie na zmenu veľkosti
+    }
+    disconnectedCallback() {
+        window.removeEventListener('resize', this.updateScreenSize.bind(this)); // Odstránenie listenera
+        super.disconnectedCallback();
+    }
+    updateScreenSize() {
+        this.isSmallScreen = window.matchMedia('(max-width: 600px)').matches; // Kontrola veľkosti obrazovky
+    }
+    render() {
+        return this.isSmallScreen
+            ? html `
                   <lit-icon-button
                       .icon="${this.icon}"
                       .variant="${this.variant}"
@@ -32,7 +42,8 @@ let t = class extends u {
                       .disabled="${this.disabled}"
                       .active="${this.active}"
                   ></lit-icon-button>
-              ` : c`
+              `
+            : html `
                   <lit-button
                       .icon="${this.icon}"
                       .variant="${this.variant}"
@@ -44,41 +55,40 @@ let t = class extends u {
                       .active="${this.active}"
                   ></lit-button>
               `;
-  }
-};
-e([
-  i({ type: String })
-], t.prototype, "variant", 2);
-e([
-  i({ type: String })
-], t.prototype, "size", 2);
-e([
-  i({ type: String })
-], t.prototype, "label", 2);
-e([
-  i({ type: String })
-], t.prototype, "icon", 2);
-e([
-  i({ type: Boolean })
-], t.prototype, "fullWidth", 2);
-e([
-  i({ type: Boolean })
-], t.prototype, "disabled", 2);
-e([
-  i({ type: Number })
-], t.prototype, "count", 2);
-e([
-  i({ type: Function })
-], t.prototype, "onClick", 2);
-e([
-  i({ type: Boolean })
-], t.prototype, "active", 2);
-e([
-  h()
-], t.prototype, "isSmallScreen", 2);
-t = e([
-  d("lit-responsive-button")
-], t);
-export {
-  t as LitResponsiveButton
+    }
 };
+__decorate([
+    property({ type: String })
+], LitResponsiveButton.prototype, "variant", void 0);
+__decorate([
+    property({ type: String })
+], LitResponsiveButton.prototype, "size", void 0);
+__decorate([
+    property({ type: String })
+], LitResponsiveButton.prototype, "label", void 0);
+__decorate([
+    property({ type: String })
+], LitResponsiveButton.prototype, "icon", void 0);
+__decorate([
+    property({ type: Boolean })
+], LitResponsiveButton.prototype, "fullWidth", void 0);
+__decorate([
+    property({ type: Boolean })
+], LitResponsiveButton.prototype, "disabled", void 0);
+__decorate([
+    property({ type: Number })
+], LitResponsiveButton.prototype, "count", void 0);
+__decorate([
+    property({ type: Function })
+], LitResponsiveButton.prototype, "onClick", void 0);
+__decorate([
+    property({ type: Boolean })
+], LitResponsiveButton.prototype, "active", void 0);
+__decorate([
+    state()
+], LitResponsiveButton.prototype, "isSmallScreen", void 0);
+LitResponsiveButton = __decorate([
+    customElement('lit-responsive-button')
+], LitResponsiveButton);
+export { LitResponsiveButton };
+//# sourceMappingURL=lit-responsive-button.js.map

package/dist/shared/lit-responsive-button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"lit-responsive-button.js","sourceRoot":"","sources":["../../src/shared/lit-responsive-button.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AACnE,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACvC,OAAO,sBAAsB,CAAC;AAC9B,OAAO,iBAAiB,CAAC;AAMlB,IAAM,mBAAmB,GAAzB,MAAM,mBAAoB,SAAQ,UAAU;IAA5C;;QACyB,YAAO,GAAmB,WAAW,CAAC;QACtC,SAAI,GAAkC,QAAQ,CAAC;QAC/C,UAAK,GAAY,QAAQ,CAAC;QAEzB,cAAS,GAAa,KAAK,CAAC;QAC5B,aAAQ,GAAa,KAAK,CAAC;QAC5B,UAAK,GAAwB,SAAS,CAAC;QAEtC,WAAM,GAAa,KAAK,CAAC;QAErC,kBAAa,GAAG,KAAK,CAAC,CAAC,sBAAsB;IAyClE,CAAC;IAvCG,iBAAiB;QACb,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAC1B,IAAI,CAAC,gBAAgB,EAAE,CAAC,CAAC,gBAAgB;QACzC,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,8BAA8B;IACvG,CAAC;IAED,oBAAoB;QAChB,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,wBAAwB;QAChG,KAAK,CAAC,oBAAoB,EAAE,CAAC;IACjC,CAAC;IAEO,gBAAgB;QACpB,IAAI,CAAC,aAAa,GAAG,MAAM,CAAC,UAAU,CAAC,oBAAoB,CAAC,CAAC,OAAO,CAAC,CAAC,8BAA8B;IACxG,CAAC;IAED,MAAM;QACF,OAAO,IAAI,CAAC,aAAa;YACrB,CAAC,CAAC,IAAI,CAAA;;+BAEa,IAAI,CAAC,IAAI;kCACN,IAAI,CAAC,OAAO;+BACf,IAAI,CAAC,IAAI;mCACL,IAAI,CAAC,QAAQ;iCACf,IAAI,CAAC,MAAM;;eAE7B;YACH,CAAC,CAAC,IAAI,CAAA;;+BAEa,IAAI,CAAC,IAAI;kCACN,IAAI,CAAC,OAAO;gCACd,IAAI,CAAC,KAAK;+BACX,IAAI,CAAC,IAAI;gCACR,IAAI,CAAC,KAAK;oCACN,IAAI,CAAC,SAAS;mCACf,IAAI,CAAC,QAAQ;iCACf,IAAI,CAAC,MAAM;;eAE7B,CAAC;IACZ,CAAC;CACJ,CAAA;AAnD+B;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;oDAAuC;AACtC;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;iDAAgD;AAC/C;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;kDAA2B;AAC1B;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;iDAAa;AACX;IAA5B,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;sDAA6B;AAC5B;IAA5B,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;qDAA4B;AAC5B;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;kDAAwC;AACrC;IAA7B,QAAQ,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC;oDAAuC;AACvC;IAA5B,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;mDAA0B;AAErC;IAAhB,KAAK,EAAE;0DAA+B;AAX9B,mBAAmB;IAD/B,aAAa,CAAC,uBAAuB,CAAC;GAC1B,mBAAmB,CAoD/B"}