overview-components 1.0.78 → 1.0.80

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

@@ -0,0 +1,94 @@
+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 { 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}"
+                      .size="${this.size}"
+                      .disabled="${this.disabled}"
+                      .active="${this.active}"
+                  ></lit-icon-button>
+              `
+            : html `
+                  <lit-button
+                      .icon="${this.icon}"
+                      .variant="${this.variant}"
+                      .count="${this.count}"
+                      .size="${this.size}"
+                      .label="${this.label}"
+                      .fullWidth="${this.fullWidth}"
+                      .disabled="${this.disabled}"
+                      .active="${this.active}"
+                  ></lit-button>
+              `;
+    }
+};
+__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"}