overview-components 1.0.77 → 1.0.79

package/dist/shared/lit-label.js

@@ -0,0 +1,96 @@
+import "../node_modules/@lit/reactive-element/reactive-element.js";
+import { html as a } from "../node_modules/lit-html/lit-html.js";
+import { LitElement as f } from "../node_modules/lit-element/lit-element.js";
+import { customElement as c } from "../node_modules/@lit/reactive-element/decorators/custom-element.js";
+import { property as l } from "../node_modules/@lit/reactive-element/decorators/property.js";
+import { tooltip as d } from "./simple-tooltip.js";
+import { css as b } from "../node_modules/@lit/reactive-element/css-tag.js";
+var h = Object.defineProperty, y = Object.getOwnPropertyDescriptor, t = (o, i, p, s) => {
+  for (var r = s > 1 ? void 0 : s ? y(i, p) : i, n = o.length - 1, m; n >= 0; n--)
+    (m = o[n]) && (r = (s ? m(i, p, r) : m(r)) || r);
+  return s && r && h(i, p, r), r;
+};
+let e = class extends f {
+  constructor() {
+    super(...arguments), this.label = "", this.disabled = !1, this.error = !1, this.required = !1;
+  }
+  render() {
+    const o = [
+      "label",
+      this.error ? "error" : "",
+      this.disabled ? "disabled" : "",
+      this.required ? "required" : ""
+    ].join(" ");
+    return a`
+            ${this.label ? a`
+                          <div class="label-container" style="display: flex; align-items: center;">
+                              ${this.required ? a`<lit-icon
+                                        icon="requiredFilled"
+                                        size="0.625rem"
+                                        style="transform: translate(1px, -2px);  color: var(--color-error-main, #d32f2f);"
+                                        @tooltip=${d(this.tooltip, "left")}
+                                    ></lit-icon>` : ""}
+                              <label class="${o}">
+                                  ${this.label}
+                                  ${this.tooltip ? a`<lit-icon
+                                            icon="help2"
+                                            size="1rem"
+                                            style="top:0.0625rem"
+                                            @tooltip=${d(this.tooltip, "left")}
+                                        ></lit-icon>` : ""}
+                              </label>
+                          </div>
+                      ` : ""}
+            </div>
+        `;
+  }
+};
+e.styles = b`
+        :host {
+            display: block;
+            font-family: inherit;
+        }
+        .label {
+            font-size: 1rem;
+            margin-left: 0.875rem;
+            color: var(--text-secondary, #777);
+            font-weight: 500;
+            font-size: 0.875rem;
+            line-height: 160%;
+            letter-spacing: 0rem;
+            display: flex;
+            align-items: center;
+            gap: 0.625rem;
+        }
+        .label.error {
+            color: var(--color-error-main, #d32f2f);
+        }
+        .label.disabled {
+            color: var(--text-disabled, #b0b0b0);
+            cursor: not-allowed;
+        }
+        .label.required {
+            margin-left: 0.5rem;
+        }
+    `;
+t([
+  l({ type: String })
+], e.prototype, "label", 2);
+t([
+  l({ type: String })
+], e.prototype, "tooltip", 2);
+t([
+  l({ type: Boolean })
+], e.prototype, "disabled", 2);
+t([
+  l({ type: Boolean })
+], e.prototype, "error", 2);
+t([
+  l({ type: Boolean })
+], e.prototype, "required", 2);
+e = t([
+  c("lit-label")
+], e);
+export {
+  e as LitLabel
+};

package/dist/shared/lit-loader.d.ts

@@ -1,6 +1,6 @@
 import { LitElement } from 'lit';
 import './lit-icon.js';
-export declare class LitMenu extends LitElement {
+export declare class LitLoader extends LitElement {
     size?: 'small' | 'medium';
     static styles: import("lit").CSSResult;
     render(): import("lit-html").TemplateResult<1>;

package/dist/shared/lit-loader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"lit-loader.d.ts","sourceRoot":"","sources":["../../src/shared/lit-loader.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAM5C,OAAO,eAAe,CAAC;AAEvB,qBACa,OAAQ,SAAQ,UAAU;IACP,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAY;IACjE,MAAM,CAAC,MAAM,0BAuCX;IAEF,MAAM;CAKT"}
+{"version":3,"file":"lit-loader.d.ts","sourceRoot":"","sources":["../../src/shared/lit-loader.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAM5C,OAAO,eAAe,CAAC;AAEvB,qBACa,SAAU,SAAQ,UAAU;IACT,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAY;IACjE,MAAM,CAAC,MAAM,0BAuCX;IAEF,MAAM;CAKT"}

package/dist/shared/lit-loader.js

@@ -0,0 +1,70 @@
+import "../node_modules/@lit/reactive-element/reactive-element.js";
+import { html as l } from "../node_modules/lit-html/lit-html.js";
+import { LitElement as m } from "../node_modules/lit-element/lit-element.js";
+import { customElement as n } from "../node_modules/@lit/reactive-element/decorators/custom-element.js";
+import { property as c } from "../node_modules/@lit/reactive-element/decorators/property.js";
+import { css as f } from "../node_modules/@lit/reactive-element/css-tag.js";
+var h = Object.defineProperty, u = Object.getOwnPropertyDescriptor, p = (d, e, i, t) => {
+  for (var r = t > 1 ? void 0 : t ? u(e, i) : e, s = d.length - 1, a; s >= 0; s--)
+    (a = d[s]) && (r = (t ? a(e, i, r) : a(r)) || r);
+  return t && r && h(e, i, r), r;
+};
+let o = class extends m {
+  constructor() {
+    super(...arguments), this.size = "medium";
+  }
+  render() {
+    return l`<div class="loader-container">
+            <div class="loader loader--${this.size}"></div>
+        </div> `;
+  }
+};
+o.styles = f`
+        /* Loader */
+        .loader-container {
+            display: flex;
+            justify-content: center;
+            align-items: center;
+            top: 0;
+            left: 0;
+            width: 100%;
+            height: 100%;
+            border-radius: 0.75rem;
+        }
+
+        .loader {
+            border-radius: 50%;
+            animation: spin 1s linear infinite;
+        }
+        .loader--small {
+            width: 10px;
+            height: 10px;
+            border: 1px solid #ccc;
+            border-top: 1px solid var(--color-primary-main, #76b703);
+        }
+
+        .loader--medium {
+            width: 40px;
+            height: 40px;
+            border: 4px solid #ccc;
+            border-top: 4px solid var(--color-primary-main, #76b703);
+        }
+
+        @keyframes spin {
+            0% {
+                transform: rotate(0deg);
+            }
+            100% {
+                transform: rotate(360deg);
+            }
+        }
+    `;
+p([
+  c({ type: String })
+], o.prototype, "size", 2);
+o = p([
+  n("lit-loader")
+], o);
+export {
+  o as LitLoader
+};

package/dist/shared/lit-loading-bar.d.ts

@@ -7,7 +7,7 @@ export type LitMenuProps = {
     isActive?: boolean;
     click: () => void;
 };
-export declare class LitMenu extends LitElement {
+export declare class LitLoadingBar extends LitElement {
     static styles: import("lit").CSSResult;
     isLoading?: string;
     render(): import("lit-html").TemplateResult<1>;

package/dist/shared/lit-loading-bar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"lit-loading-bar.d.ts","sourceRoot":"","sources":["../../src/shared/lit-loading-bar.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAI5C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAE/C,OAAO,eAAe,CAAC;AAEvB,MAAM,MAAM,YAAY,GAAG;IACvB,IAAI,EAAE,OAAO,SAAS,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,EAAE,MAAM,IAAI,CAAC;CACrB,CAAC;AAEF,qBACa,OAAQ,SAAQ,UAAU;IACnC,MAAM,CAAC,MAAM,0BA+DX;IAE0B,SAAS,CAAC,EAAE,MAAM,CAAC;IAE/C,MAAM;CAQT;AAED,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,iBAAiB,EAAE,YAAY,CAAC;KACnC;CACJ"}
+{"version":3,"file":"lit-loading-bar.d.ts","sourceRoot":"","sources":["../../src/shared/lit-loading-bar.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAI5C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAE/C,OAAO,eAAe,CAAC;AAEvB,MAAM,MAAM,YAAY,GAAG;IACvB,IAAI,EAAE,OAAO,SAAS,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,EAAE,MAAM,IAAI,CAAC;CACrB,CAAC;AAEF,qBACa,aAAc,SAAQ,UAAU;IACzC,MAAM,CAAC,MAAM,0BA+DX;IAE0B,SAAS,CAAC,EAAE,MAAM,CAAC;IAE/C,MAAM;CAQT;AAED,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,iBAAiB,EAAE,YAAY,CAAC;KACnC;CACJ"}

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

@@ -0,0 +1,94 @@
+import "../node_modules/@lit/reactive-element/reactive-element.js";
+import { html as m } from "../node_modules/lit-html/lit-html.js";
+import { LitElement as d } from "../node_modules/lit-element/lit-element.js";
+import { customElement as b } from "../node_modules/@lit/reactive-element/decorators/custom-element.js";
+import { property as f } from "../node_modules/@lit/reactive-element/decorators/property.js";
+import { css as p } from "../node_modules/@lit/reactive-element/css-tag.js";
+var c = Object.defineProperty, g = Object.getOwnPropertyDescriptor, l = (s, i, o, e) => {
+  for (var r = e > 1 ? void 0 : e ? g(i, o) : i, a = s.length - 1, n; a >= 0; a--)
+    (n = s[a]) && (r = (e ? n(i, o, r) : n(r)) || r);
+  return e && r && c(i, o, r), r;
+};
+let t = class extends d {
+  render() {
+    return m`
+            <div class="progress-root">
+                <div class="bar bar1Indeterminate"></div>
+                <div class="bar bar2Indeterminate"></div>
+            </div>
+        `;
+  }
+};
+t.styles = p`
+        .progress-root {
+            position: relative;
+            bottom: 0;
+            left: 0;
+            overflow: hidden;
+            display: block;
+            width: 100%;
+            height: 0.125rem;
+            background-color: var(--color-primary-light, #f0fadf);
+            box-sizing: border-box;
+        }
+        /* Prvá animovaná "vlna" */
+
+        .bar1Indeterminate {
+            animation: mui-indeterminate1 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
+        }
+
+        /* Druhá animovaná "vlna" (oneskorená) */
+
+        .bar2Indeterminate {
+            animation: mui-indeterminate2 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
+            animation-delay: 1.05s;
+        }
+
+        @keyframes mui-indeterminate1 {
+            0% {
+                left: -35%;
+                right: 100%;
+            }
+            60% {
+                left: 100%;
+                right: -90%;
+            }
+            100% {
+                left: 100%;
+                right: -90%;
+            }
+        }
+
+        @keyframes mui-indeterminate2 {
+            0% {
+                left: -200%;
+                right: 100%;
+            }
+            60% {
+                left: 107%;
+                right: -8%;
+            }
+            100% {
+                left: 107%;
+                right: -8%;
+            }
+        }
+        .bar {
+            position: absolute;
+            height: 100%;
+            display: block;
+            background-color: var(--color-primary-main, #76b703);
+            width: auto;
+            will-change: left, right;
+            box-sizing: border-box;
+        }
+    `;
+l([
+  f({ type: String })
+], t.prototype, "isLoading", 2);
+t = l([
+  b("lit-loading-bar")
+], t);
+export {
+  t as LitLoadingBar
+};

package/dist/shared/lit-menu-item.d.ts

@@ -8,7 +8,7 @@ export type LitMenuProps = {
     isSelected?: boolean;
     click: () => void;
 };
-export declare class LitMenu extends LitElement {
+export declare class LitMenuItem extends LitElement {
     static styles: import("lit").CSSResult;
     icon?: string;
     onClick?: Function;

package/dist/shared/lit-menu-item.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"lit-menu-item.d.ts","sourceRoot":"","sources":["../../src/shared/lit-menu-item.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAI5C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAE/C,OAAO,eAAe,CAAC;AAEvB,MAAM,MAAM,YAAY,GAAG;IACvB,IAAI,EAAE,OAAO,SAAS,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,KAAK,EAAE,MAAM,IAAI,CAAC;CACrB,CAAC;AAEF,qBACa,OAAQ,SAAQ,UAAU;IACnC,MAAM,CAAC,MAAM,0BAmCX;IAE0B,IAAI,CAAC,EAAE,MAAM,CAAC;IACZ,OAAO,CAAC,EAAE,QAAQ,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAS;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAS;IAC3B,UAAU,CAAC,EAAE,OAAO,CAAS;IAE1D,OAAO,CAAC,WAAW;IAMnB,MAAM;CAmBT;AAED,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,eAAe,EAAE,YAAY,CAAC;KACjC;CACJ"}
+{"version":3,"file":"lit-menu-item.d.ts","sourceRoot":"","sources":["../../src/shared/lit-menu-item.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAI5C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAE/C,OAAO,eAAe,CAAC;AAEvB,MAAM,MAAM,YAAY,GAAG;IACvB,IAAI,EAAE,OAAO,SAAS,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,KAAK,EAAE,MAAM,IAAI,CAAC;CACrB,CAAC;AAEF,qBACa,WAAY,SAAQ,UAAU;IACvC,MAAM,CAAC,MAAM,0BAmCX;IAE0B,IAAI,CAAC,EAAE,MAAM,CAAC;IACZ,OAAO,CAAC,EAAE,QAAQ,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAS;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAS;IAC3B,UAAU,CAAC,EAAE,OAAO,CAAS;IAE1D,OAAO,CAAC,WAAW;IAMnB,MAAM;CAmBT;AAED,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,eAAe,EAAE,YAAY,CAAC;KACjC;CACJ"}

package/dist/shared/lit-menu-item.js

@@ -0,0 +1,94 @@
+import "../node_modules/@lit/reactive-element/reactive-element.js";
+import { html as p } from "../node_modules/lit-html/lit-html.js";
+import { LitElement as d } from "../node_modules/lit-element/lit-element.js";
+import { classMap as f } from "../node_modules/lit-html/directives/class-map.js";
+import { customElement as m } from "../node_modules/@lit/reactive-element/decorators/custom-element.js";
+import { property as o } from "../node_modules/@lit/reactive-element/decorators/property.js";
+import { css as h } from "../node_modules/@lit/reactive-element/css-tag.js";
+var v = Object.defineProperty, y = Object.getOwnPropertyDescriptor, r = (t, s, a, l) => {
+  for (var i = l > 1 ? void 0 : l ? y(s, a) : s, c = t.length - 1, n; c >= 0; c--)
+    (n = t[c]) && (i = (l ? n(s, a, i) : n(i)) || i);
+  return l && i && v(s, a, i), i;
+};
+let e = class extends d {
+  constructor() {
+    super(...arguments), this.disabled = !1, this.isActive = !1, this.isSelected = !1;
+  }
+  handleClick(t) {
+    this.onClick && this.onClick(t);
+  }
+  render() {
+    const t = {
+      disabled: this.disabled || !1,
+      isActive: this.isActive || !1,
+      isSelected: this.isSelected || !1
+    };
+    return p`
+            <li class=${f(t)} @click="${this.handleClick}">
+                ${this.icon ? p` <lit-icon
+                          icon=${this.icon}
+                          size="1.125rem"
+                          style=" margin-right: 10px;"
+                      ></lit-icon>` : ""}
+                <div class="item-label"><slot></slot></div>
+            </li>
+        `;
+  }
+};
+e.styles = h`
+        li {
+            display: flex;
+            align-items: center;
+            padding: 0.25rem;
+            cursor: pointer;
+            transition: background 0.2s;
+            border-radius: 0.25rem;
+            height: 1.25rem;
+        }
+        li:hover {
+            background: var(--color-primary-light, #f0f0f0);
+        }
+        .item-label {
+            overflow: hidden;
+            text-overflow: ellipsis;
+            white-space: nowrap;
+            font-size: 13px;
+            font-weight: 500;
+            width: 100%;
+        }
+        .disabled {
+            opacity: 0.5;
+            pointer-events: none;
+        }
+        .isSelected {
+            background: var(--color-primary-main, #f0f0f0);
+            color: #fff;
+        }
+        li.isSelected:hover {
+            background: var(--color-primary-dark, #d0d0d0);
+        }
+        .isActive {
+            background: var(--color-primary-light, #f0f0f0);
+        }
+    `;
+r([
+  o({ type: String })
+], e.prototype, "icon", 2);
+r([
+  o({ type: Function })
+], e.prototype, "onClick", 2);
+r([
+  o({ type: Boolean })
+], e.prototype, "disabled", 2);
+r([
+  o({ type: Boolean })
+], e.prototype, "isActive", 2);
+r([
+  o({ type: Boolean })
+], e.prototype, "isSelected", 2);
+e = r([
+  m("lit-menu-item")
+], e);
+export {
+  e as LitMenuItem
+};

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

@@ -0,0 +1,28 @@
+import "../node_modules/@lit/reactive-element/reactive-element.js";
+import { html as e } from "../node_modules/lit-html/lit-html.js";
+import { LitElement as r } from "../node_modules/lit-element/lit-element.js";
+import { css as i } from "../node_modules/@lit/reactive-element/css-tag.js";
+const o = class o extends r {
+  render() {
+    return e`<slot></slot>`;
+  }
+};
+o.styles = i`
+        :host {
+            display: block;
+            overflow-y: auto;
+            padding: 0.5rem 0.75rem;
+            box-sizing: border-box;
+            background: var(--modal-body-background, #fff);
+            height: 100vh;
+            @media (min-width: 768px) {
+                height: auto;
+                max-height: 70vh;
+            }
+        }
+    `;
+let t = o;
+customElements.define("lit-modal-body", t);
+export {
+  t as LitModalBody
+};

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

@@ -0,0 +1,32 @@
+import "../node_modules/@lit/reactive-element/reactive-element.js";
+import { html as a } from "../node_modules/lit-html/lit-html.js";
+import { LitElement as d } from "../node_modules/lit-element/lit-element.js";
+import { customElement as p } from "../node_modules/@lit/reactive-element/decorators/custom-element.js";
+import { css as n } from "../node_modules/@lit/reactive-element/css-tag.js";
+var f = Object.getOwnPropertyDescriptor, c = (e, s, l, m) => {
+  for (var r = m > 1 ? void 0 : m ? f(s, l) : s, o = e.length - 1, i; o >= 0; o--)
+    (i = e[o]) && (r = i(r) || r);
+  return r;
+};
+let t = class extends d {
+  render() {
+    return a`<slot></slot>`;
+  }
+};
+t.styles = n`
+        :host {
+            position: sticky;
+            bottom: 0;
+            background: var(--modal-footer-bg, #fff);
+            padding: 0.5rem 0.75rem;
+            z-index: 10;
+            padding: 0.5rem 0.75rem;
+            border-top: 1px solid var(--color-divider, #e0e0e0);
+        }
+    `;
+t = c([
+  p("lit-modal-footer")
+], t);
+export {
+  t as LitModalFooter
+};

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

@@ -0,0 +1,39 @@
+import "../node_modules/@lit/reactive-element/reactive-element.js";
+import { html as a } from "../node_modules/lit-html/lit-html.js";
+import { LitElement as n } from "../node_modules/lit-element/lit-element.js";
+import { customElement as d } from "../node_modules/@lit/reactive-element/decorators/custom-element.js";
+import { property as f } from "../node_modules/@lit/reactive-element/decorators/property.js";
+import { css as c } from "../node_modules/@lit/reactive-element/css-tag.js";
+var v = Object.defineProperty, u = Object.getOwnPropertyDescriptor, l = (m, t, s, e) => {
+  for (var r = e > 1 ? void 0 : e ? u(t, s) : t, i = m.length - 1, p; i >= 0; i--)
+    (p = m[i]) && (r = (e ? p(t, s, r) : p(r)) || r);
+  return e && r && v(t, s, r), r;
+};
+let o = class extends n {
+  constructor() {
+    super(...arguments), this.title = "";
+  }
+  render() {
+    return a` <slot></slot> `;
+  }
+};
+o.styles = c`
+        :host {
+            position: sticky;
+            top: 0;
+            z-index: 10;
+            background: var(--modal-header-bg, #fff);
+            border-bottom: 1px solid var(--color-divider, #e0e0e0);
+            padding: 0.5rem 0.75rem;
+          
+        }
+    `;
+l([
+  f({ type: String })
+], o.prototype, "title", 2);
+o = l([
+  d("lit-modal-header")
+], o);
+export {
+  o as LitModalHeader
+};

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

@@ -0,0 +1,85 @@
+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;
+};
+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`
+                  <div
+                      class="text-content"
+                      ${this.isOverflowing ? b(this.label, this.placement) : p}
+                  >
+                      <slot></slot>
+                  </div>
+              ` : h` <div class="text-content"><slot></slot></div> `;
+  }
+};
+r.styles = m`
+        :host {
+            display: inline-block;
+            width: 100%;
+        }
+        .text-content {
+            overflow: hidden;
+            text-overflow: ellipsis;
+            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
+};

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

@@ -0,0 +1,84 @@
+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;
+};
+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`
+                  <lit-icon-button
+                      .icon="${this.icon}"
+                      .variant="${this.variant}"
+                      .size="${this.size}"
+                      .disabled="${this.disabled}"
+                      .active="${this.active}"
+                  ></lit-icon-button>
+              ` : c`
+                  <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>
+              `;
+  }
+};
+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
+};