overview-components 1.1.162 → 1.1.166

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

@@ -0,0 +1 @@
+{"version":3,"file":"lit-modal.js","sourceRoot":"","sources":["../../src/shared/lit-modal.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,GAAG,EAAkB,MAAM,KAAK,CAAC;AAC5D,OAAO,EAAiB,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAE5D,MAAM,OAAO,QAAS,SAAQ,UAAU;IAAxC;;QAEI,SAAI,GAAG,KAAK,CAAC;QACgB,wBAAmB,GAAG,IAAI,CAAC;QAE3B,eAAU,GAAG,KAAK,CAAC;QAgBhD,oBAAe,GAA0B,IAAI,CAAC;QAC9C,kBAAa,GAA0B,IAAI,CAAC;IAqIhD,CAAC;IAnIG,iBAAiB;QACb,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAC1B,QAAQ,CAAC,gBAAgB,CAAC,SAAS,EAAE,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;IACzE,CAAC;IAED,oBAAoB;QAChB,KAAK,CAAC,oBAAoB,EAAE,CAAC;QAC7B,QAAQ,CAAC,mBAAmB,CAAC,SAAS,EAAE,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;IAC5E,CAAC;IAED,OAAO,CAAC,OAAuB;QAC3B,IAAI,OAAO,CAAC,GAAG,CAAC,MAAM,CAAC,EAAE,CAAC;YACtB,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC;gBACZ,IAAI,CAAC,UAAU,EAAE,CAAC;YACtB,CAAC;iBAAM,CAAC;gBACJ,IAAI,CAAC,UAAU,EAAE,CAAC;YACtB,CAAC;QACL,CAAC;IACL,CAAC;IAED,oBAAoB;QAChB,IAAI,IAAI,CAAC,mBAAmB,EAAE,CAAC;YAC3B,IAAI,CAAC,IAAI,GAAG,KAAK,CAAC;QACtB,CAAC;IACL,CAAC;IAED,UAAU;QACN,IAAI,CAAC,IAAI,CAAC,eAAe,EAAE,CAAC;YACxB,IAAI,CAAC,eAAe,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;YACrD,IAAI,CAAC,eAAe,CAAC,SAAS,CAAC,GAAG,CAAC,eAAe,CAAC,CAAC;YACpD,IAAI,CAAC,eAAe,CAAC,SAAS,GAAG;;;OAGtC,CAAC;YACI,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC;YAEhD,MAAM,QAAQ,GAAG,IAAI,CAAC,eAAe,CAAC,aAAa,CAAC,oBAAoB,CAAC,CAAC;YAC1E,IAAI,QAAQ,EAAE,CAAC;gBACX,QAAQ,CAAC,gBAAgB,CAAC,OAAO,EAAE,IAAI,CAAC,oBAAoB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;YAC7E,CAAC;YAED,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,eAAe,CAAC,aAAa,CAAC,mBAAmB,CAAC,CAAC;QACjF,CAAC;QAED,IAAI,IAAI,CAAC,aAAa,EAAE,CAAC;YACrB,IAAI,CAAC,mBAAmB,EAAE,CAAC;YAC3B,IAAI,CAAC,aAAa,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;QACzC,CAAC;QACD,QAAQ,CAAC,gBAAgB,CAAC,SAAS,EAAE,IAAI,CAAC,cAAc,CAAC,CAAC;QAE1D,IAAI,CAAC,kBAAkB,EAAE,CAAC;IAC9B,CAAC;IAED,UAAU;QACN,IAAI,IAAI,CAAC,eAAe,EAAE,CAAC;YACvB,QAAQ,CAAC,mBAAmB,CAAC,SAAS,EAAE,IAAI,CAAC,cAAc,CAAC,CAAC;YAC7D,IAAI,CAAC,eAAe,CAAC,MAAM,EAAE,CAAC;YAC9B,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC;QAChC,CAAC;QACD,IAAI,OAAO,IAAI,CAAC,OAAO,KAAK,UAAU;YAAE,IAAI,CAAC,OAAO,EAAE,CAAC;QACvD,IAAI,CAAC,aAAa,CAAC,IAAI,WAAW,CAAC,aAAa,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC;IAC1F,CAAC;IAED,cAAc,CAAC,CAAgB;QAC3B,IAAI,CAAC,CAAC,GAAG,KAAK,QAAQ,EAAE,CAAC;YACrB,IAAI,CAAC,IAAI,GAAG,KAAK,CAAC;QACtB,CAAC;IACL,CAAC;IAED,mBAAmB;QACf,IAAI,IAAI,CAAC,aAAa,EAAE,CAAC;YACrB,IAAI,IAAI,CAAC,UAAU,EAAE,CAAC;gBAClB,IAAI,CAAC,aAAa,CAAC,SAAS,CAAC,GAAG,CAAC,YAAY,CAAC,CAAC;YACnD,CAAC;iBAAM,CAAC;gBACJ,IAAI,CAAC,aAAa,CAAC,SAAS,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC;YACtD,CAAC;QACL,CAAC;IACL,CAAC;IAED,kBAAkB;QACd,IAAI,CAAC,QAAQ,CAAC,cAAc,CAAC,wBAAwB,CAAC,EAAE,CAAC;YACrD,MAAM,KAAK,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;YAC9C,KAAK,CAAC,EAAE,GAAG,wBAAwB,CAAC;YACpC,KAAK,CAAC,WAAW,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;OAwCzB,CAAC;YACI,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;QACrC,CAAC;IACL,CAAC;IAED,MAAM;QACF,OAAO,IAAI,CAAA,eAAe,CAAC;IAC/B,CAAC;;AAnJM,eAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;KAYlB,AAZY,CAYX;AAjBF;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;sCAC9B;AACgB;IAA5B,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;qDAA4B;AAC1B;IAA7B,QAAQ,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC;yCAAsB;AACtB;IAA5B,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;4CAAoB;AAwJpD,IAAI,CAAC,MAAM,CAAC,cAAc,CAAC,GAAG,CAAC,WAAW,CAAC,EAAE,CAAC;IAC1C,MAAM,CAAC,cAAc,CAAC,MAAM,CAAC,WAAW,EAAE,QAAQ,CAAC,CAAC;AACxD,CAAC"}

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

@@ -0,0 +1,114 @@
+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;
+};
+import { LitElement, html, css, nothing } from 'lit';
+import { property, query, state } from 'lit/decorators.js';
+import { tooltip } from './simple-tooltip.js';
+export class LitOverflowTooltip extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.label = '';
+        this.placement = 'top';
+        this.isOverflowing = false;
+        this.checkOverflow = () => {
+            const el = this.textElement;
+            if (!el) {
+                // Hide tooltip if element is gone
+                if (this.isOverflowing) {
+                    this.tooltipCleanup?.();
+                }
+                this.isOverflowing = false;
+                return;
+            }
+            const wasOverflowing = this.isOverflowing;
+            this.isOverflowing = el.scrollWidth > el.clientWidth;
+            // Hide tooltip if no longer overflowing
+            if (wasOverflowing && !this.isOverflowing) {
+                this.tooltipCleanup?.();
+            }
+        };
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        // No observer setup here, wait for element access in firstUpdated
+    }
+    disconnectedCallback() {
+        this.disconnectObservers();
+        // Hide any visible tooltip when component unmounts
+        this.tooltipCleanup?.();
+        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 ? tooltip(this.label, this.placement, 200, (cleanup) => {
+                this.tooltipCleanup = cleanup;
+            }) : nothing}
+                  >
+                      <slot></slot>
+                  </div>
+              `
+            : html ` <div class="text-content"><slot></slot></div> `;
+    }
+}
+LitOverflowTooltip.styles = css `
+        :host {
+            display: inline-block;
+            width: 100%;
+        }
+        .text-content {
+            overflow: hidden;
+            text-overflow: ellipsis;
+            white-space: nowrap;
+        }
+    `;
+__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);
+if (!window.customElements.get('lit-overflow-tooltip')) {
+    window.customElements.define('lit-overflow-tooltip', 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

@@ -0,0 +1,87 @@
+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;
+};
+import { property } from 'lit/decorators.js';
+import { css, html, LitElement } from 'lit';
+export 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">
+                    ${hasCount ? html ` <div class="pill">${countNumber}</div> ` : ''}
+                    ${showSpinner ? html ` <div class="pill__loading-spinner"></div> ` : ''}
+                </div>
+            `;
+        }
+        return null;
+    }
+}
+LitPill.styles = [
+    // styles,
+    css `
+            .pill--wrapper {
+                display: flex;
+                justify-content: center;
+                align-items: center;
+                height: 20px;
+                min-width: 20px;
+                background-color: var(--color-success-main, #76b703);
+                border-radius: 50px;
+            }
+
+            .pill {
+                padding: 0 0.375rem;
+                font-size: 0.6875rem;
+                font-weight: 600;
+                color: white;
+                display: flex;
+                align-items: center;
+                justify-content: center;
+                white-space: nowrap;
+                transition: background-color 0.3s ease;
+            }
+
+            .pill:disabled {
+                background-color: var(--color-primary-disabled, #d0d3db);
+            }
+
+            .pill__loading-spinner {
+                width: 20px;
+                height: 20px;
+                border: 2px solid var(--color-divider, #d0d3db);
+                border-top: 2px solid var(--color-primary-main, #76b703);
+                border-radius: 50%;
+                animation: spin 1s linear infinite;
+                position: absolute;
+            }
+
+            @keyframes spin {
+                0% {
+                    transform: rotate(0deg);
+                }
+                100% {
+                    transform: rotate(360deg);
+                }
+            }
+        `,
+];
+__decorate([
+    property({ type: Number })
+], LitPill.prototype, "count", void 0);
+__decorate([
+    property({ type: Boolean })
+], LitPill.prototype, "loading", void 0);
+if (!window.customElements.get('lit-pill')) {
+    window.customElements.define('lit-pill', 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,EAAiB,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAG5C,MAAM,OAAO,OAAQ,SAAQ,UAAU;IAAvC;;QAEiC,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;AAqEjD,IAAI,CAAC,MAAM,CAAC,cAAc,CAAC,GAAG,CAAC,UAAU,CAAC,EAAE,CAAC;IACzC,MAAM,CAAC,cAAc,CAAC,MAAM,CAAC,UAAU,EAAE,OAAO,CAAC,CAAC;AACtD,CAAC"}

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

@@ -0,0 +1,130 @@
+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;
+};
+import { property } from 'lit/decorators.js';
+import { css, html, LitElement } from 'lit';
+export class LitProgressBar extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.label = '';
+        this.progress = 0;
+        this.color = 'primary';
+    }
+    render() {
+        const clampedProgress = Math.min(100, Math.max(0, this.progress || 0));
+        return html `
+            <div class="container">
+                ${this.label ? html `<div class="label">${this.label}</div>` : ''}
+                <div class="progress-bar-container">
+                    <div class="percentage">${parseFloat(this.progress.toFixed(2))}%</div>
+                    <div class="progress-bar ${this.color}">
+                        <div
+                            class="progress-fill ${this.color}"
+                            style="width: ${clampedProgress}%;"
+                        ></div>
+                    </div>
+                </div>
+            </div>
+        `;
+    }
+}
+LitProgressBar.styles = [
+    css `
+            .container {
+                width: 100%;
+                gap: 4px;
+            }
+
+            .label {
+                font-weight: 500;
+                font-size: 14px;
+                color: var(--text-secondary, #5d6371);
+                gap: 10px;
+                line-height: 24px;
+            }
+
+            .progress-bar-container {
+                width: 100%;
+                display: flex;
+                align-items: center;
+                gap: 4px;
+            }
+
+            .progress-bar {
+                display: flex;
+                width: 100%;
+                height: 12px;
+                border-radius: 8px;
+                overflow: hidden;
+            }
+
+            .progress-fill {
+                height: 100%;
+                transition: width 0.3s ease-in-out;
+                min-width: 0;
+            }
+
+            /* Color variants for progress fill */
+            .progress-fill.primary {
+                background-color: var(--color-primary-main, #76b703);
+            }
+
+            .progress-fill.success {
+                background-color: var(--color-success-main, #4caf50);
+            }
+
+            .progress-fill.warning {
+                background-color: var(--color-warning-main, #ff9800);
+            }
+
+            .progress-fill.error {
+                background-color: var(--color-error-main, #f44336);
+            }
+
+            .progress-fill.info {
+                background-color: var(--color-info-main, #2196f3);
+            }
+
+            /* Color variants for progress bar background */
+            .progress-bar.primary {
+                background-color: var(--color-primary-light, #f0fadf);
+            }
+
+            .progress-bar.success {
+                background-color: var(--color-success-light, #e8f5e8);
+            }
+
+            .progress-bar.warning {
+                background-color: var(--color-warning-light, #fff3e0);
+            }
+
+            .progress-bar.error {
+                background-color: var(--color-error-light, #ffebee);
+            }
+
+            .progress-bar.info {
+                background-color: var(--color-info-light, #e3f2fd);
+            }
+
+            .percentage {
+                font-weight: 500;
+                font-size: 14px;
+            }
+        `,
+];
+__decorate([
+    property({ type: String })
+], LitProgressBar.prototype, "label", void 0);
+__decorate([
+    property({ type: Number })
+], LitProgressBar.prototype, "progress", void 0);
+__decorate([
+    property({ type: String })
+], LitProgressBar.prototype, "color", void 0);
+if (!window.customElements.get('lit-progress-bar')) {
+    window.customElements.define('lit-progress-bar', 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,EAAiB,QAAQ,EAAS,MAAM,mBAAmB,CAAC;AACnE,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAQ5C,MAAM,OAAO,cAAe,SAAQ,UAAU;IAA9C;;QACgC,UAAK,GAAY,EAAE,CAAC;QACpB,aAAQ,GAAW,CAAC,CAAC;QACrB,UAAK,GAAyD,SAAS,CAAC;IAwGxG,CAAC;IAlBG,MAAM;QACF,MAAM,eAAe,GAAG,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,QAAQ,IAAI,CAAC,CAAC,CAAC,CAAC;QAEvE,OAAO,IAAI,CAAA;;kBAED,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAA,sBAAsB,IAAI,CAAC,KAAK,QAAQ,CAAC,CAAC,CAAC,EAAE;;8CAElC,UAAU,CAAC,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;+CACnC,IAAI,CAAC,KAAK;;mDAEN,IAAI,CAAC,KAAK;4CACjB,eAAe;;;;;SAKlD,CAAC;IACN,CAAC;;AArGM,qBAAM,GAAG;IACZ,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;SAiFF;CACJ,AAnFY,CAmFX;AAvF0B;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;6CAAqB;AACpB;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;gDAAsB;AACrB;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;6CAAyE;AA0GxG,IAAI,CAAC,MAAM,CAAC,cAAc,CAAC,GAAG,CAAC,kBAAkB,CAAC,EAAE,CAAC;IACjD,MAAM,CAAC,cAAc,CAAC,MAAM,CAAC,kBAAkB,EAAE,cAAc,CAAC,CAAC;AACrE,CAAC"}

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

@@ -0,0 +1,106 @@
+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;
+};
+import { property, state } from 'lit/decorators.js';
+import { css, html, LitElement } from 'lit';
+import './lit-icon-button.js';
+import './lit-button.js';
+export class LitResponsiveButton extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.variant = 'contained';
+        this.color = 'primary';
+        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}"
+                      .color="${this.color}"
+                      .size="${this.size}"
+                      .disabled="${this.disabled}"
+                      .active="${this.active}"
+                      @click="${this.onClick}"
+                  ></lit-icon-button>
+              `
+            : html `
+                  <lit-button
+                      .icon="${this.icon}"
+                      .variant="${this.variant}"
+                      .color="${this.color}"
+                      .count="${this.count}"
+                      .size="${this.size}"
+                      .label="${this.label}"
+                      .fullWidth="${this.fullWidth}"
+                      .disabled="${this.disabled}"
+                      .active="${this.active}"
+                      @click="${this.onClick}"
+                  ></lit-button>
+              `;
+    }
+}
+LitResponsiveButton.styles = css `
+        :host {
+            display: inline-block;
+        }
+    `;
+__decorate([
+    property({ type: String })
+], LitResponsiveButton.prototype, "variant", void 0);
+__decorate([
+    property({ type: String })
+], LitResponsiveButton.prototype, "color", 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);
+if (!window.customElements.get('lit-responsive-button')) {
+    window.customElements.define('lit-responsive-button', 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":"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"}