overview-components 1.1.0 → 1.1.10

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

@@ -8,85 +8,85 @@ import { LitElement, html, css } from 'lit';
 import { customElement, property } from 'lit/decorators.js';
 //components
 import './lit-icon.js';
-let LitMenu = class LitMenu extends LitElement {
+let LitLoadingBar = class LitLoadingBar extends LitElement {
     render() {
-        return html `
-            <div class="progress-root">
-                <div class="bar bar1Indeterminate"></div>
-                <div class="bar bar2Indeterminate"></div>
-            </div>
+        return html `
+            <div class="progress-root">
+                <div class="bar bar1Indeterminate"></div>
+                <div class="bar bar2Indeterminate"></div>
+            </div>
         `;
     }
 };
-LitMenu.styles = css `
-        .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;
-        }
+LitLoadingBar.styles = css `
+        .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;
+        }
     `;
 __decorate([
     property({ type: String })
-], LitMenu.prototype, "isLoading", void 0);
-LitMenu = __decorate([
+], LitLoadingBar.prototype, "isLoading", void 0);
+LitLoadingBar = __decorate([
     customElement('lit-loading-bar')
-], LitMenu);
-export { LitMenu };
+], LitLoadingBar);
+export { LitLoadingBar };
 //# sourceMappingURL=lit-loading-bar.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"lit-loading-bar.js","sourceRoot":"","sources":["../../src/shared/lit-loading-bar.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE5C,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAG5D,YAAY;AACZ,OAAO,eAAe,CAAC;AAUhB,IAAM,OAAO,GAAb,MAAM,OAAQ,SAAQ,UAAU;IAoEnC,MAAM;QACF,OAAO,IAAI,CAAA;;;;;SAKV,CAAC;IACN,CAAC;;AA1EM,cAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA+DlB,AA/DY,CA+DX;AAE0B;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;0CAAoB;AAlEtC,OAAO;IADnB,aAAa,CAAC,iBAAiB,CAAC;GACpB,OAAO,CA4EnB"}
+{"version":3,"file":"lit-loading-bar.js","sourceRoot":"","sources":["../../src/shared/lit-loading-bar.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE5C,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAG5D,YAAY;AACZ,OAAO,eAAe,CAAC;AAUhB,IAAM,aAAa,GAAnB,MAAM,aAAc,SAAQ,UAAU;IAoEzC,MAAM;QACF,OAAO,IAAI,CAAA;;;;;SAKV,CAAC;IACN,CAAC;;AA1EM,oBAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA+DlB,AA/DY,CA+DX;AAE0B;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;gDAAoB;AAlEtC,aAAa;IADzB,aAAa,CAAC,iBAAiB,CAAC;GACpB,aAAa,CA4EzB"}

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

@@ -1,24 +1,26 @@
 import { LitElement } from 'lit';
 import type { IconArray } from './lit-icon.js';
 import './lit-icon.js';
-export type LitMenuProps = {
+export type LitMenuItemProps = {
     icon: typeof IconArray;
     disabled?: boolean;
     isActive?: boolean;
+    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;
     disabled?: boolean;
     isActive?: boolean;
+    isSelected?: boolean;
     private handleClick;
     render(): import("lit-html").TemplateResult<1>;
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'lit-menu-item': LitMenuProps;
+        'lit-menu-item': LitMenuItemProps;
     }
 }
 //# sourceMappingURL=lit-menu-item.d.ts.map

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,KAAK,EAAE,MAAM,IAAI,CAAC;CACrB,CAAC;AAEF,qBACa,OAAQ,SAAQ,UAAU;IACnC,MAAM,CAAC,MAAM,0BA2BX;IAE0B,IAAI,CAAC,EAAE,MAAM,CAAC;IACZ,OAAO,CAAC,EAAE,QAAQ,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAS;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAS;IAExD,OAAO,CAAC,WAAW;IAMnB,MAAM;CAkBT;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,gBAAgB,GAAG;IAC3B,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,gBAAgB,CAAC;KACrC;CACJ"}

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

@@ -9,11 +9,12 @@ import { classMap } from 'lit/directives/class-map.js';
 import { customElement, property } from 'lit/decorators.js';
 //components
 import './lit-icon.js';
-let LitMenu = class LitMenu extends LitElement {
+let LitMenuItem = class LitMenuItem extends LitElement {
     constructor() {
         super(...arguments);
         this.disabled = false;
         this.isActive = false;
+        this.isSelected = false;
     }
     handleClick(e) {
         if (this.onClick) {
@@ -24,63 +25,75 @@ let LitMenu = class LitMenu extends LitElement {
         const classes = {
             disabled: this.disabled || false,
             isActive: this.isActive || false,
+            isSelected: this.isSelected || false,
         };
-        return html `
-            <li class=${classMap(classes)} @click="${this.handleClick}">
+        return html `
+            <li class=${classMap(classes)} @click="${this.handleClick}">
                 ${this.icon
-            ? html ` <lit-icon
-                          icon=${this.icon}
-                          size="1.125rem"
-                          style=" margin-right: 10px;"
+            ? html ` <lit-icon
+                          icon=${this.icon}
+                          size="1.125rem"
+                          style=" margin-right: 10px;"
                       ></lit-icon>`
-            : ''}
-                <div class="item-label"><slot></slot></div>
-            </li>
+            : ''}
+                <div class="item-label"><slot></slot></div>
+            </li>
         `;
     }
 };
-LitMenu.styles = css `
-        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;
-        }
-        .disabled {
-            opacity: 0.5;
-            pointer-events: none;
-        }
-        .isActive {
-            background: var(--color-primary-light, #f0f0f0);
-        }
+LitMenuItem.styles = css `
+        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);
+        }
     `;
 __decorate([
     property({ type: String })
-], LitMenu.prototype, "icon", void 0);
+], LitMenuItem.prototype, "icon", void 0);
 __decorate([
     property({ type: Function })
-], LitMenu.prototype, "onClick", void 0);
+], LitMenuItem.prototype, "onClick", void 0);
+__decorate([
+    property({ type: Boolean })
+], LitMenuItem.prototype, "disabled", void 0);
 __decorate([
     property({ type: Boolean })
-], LitMenu.prototype, "disabled", void 0);
+], LitMenuItem.prototype, "isActive", void 0);
 __decorate([
     property({ type: Boolean })
-], LitMenu.prototype, "isActive", void 0);
-LitMenu = __decorate([
+], LitMenuItem.prototype, "isSelected", void 0);
+LitMenuItem = __decorate([
     customElement('lit-menu-item')
-], LitMenu);
-export { LitMenu };
+], LitMenuItem);
+export { LitMenuItem };
 //# sourceMappingURL=lit-menu-item.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"lit-menu-item.js","sourceRoot":"","sources":["../../src/shared/lit-menu-item.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC5C,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AACvD,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAG5D,YAAY;AACZ,OAAO,eAAe,CAAC;AAUhB,IAAM,OAAO,GAAb,MAAM,OAAQ,SAAQ,UAAU;IAAhC;;QAgC0B,aAAQ,GAAa,KAAK,CAAC;QAC3B,aAAQ,GAAa,KAAK,CAAC;IA0B5D,CAAC;IAxBW,WAAW,CAAC,CAAa;QAC7B,IAAI,IAAI,CAAC,OAAO,EAAE,CAAC;YACf,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;QACpB,CAAC;IACL,CAAC;IAED,MAAM;QACF,MAAM,OAAO,GAAG;YACZ,QAAQ,EAAE,IAAI,CAAC,QAAQ,IAAI,KAAK;YAChC,QAAQ,EAAE,IAAI,CAAC,QAAQ,IAAI,KAAK;SACnC,CAAC;QACF,OAAO,IAAI,CAAA;wBACK,QAAQ,CAAC,OAAO,CAAC,YAAY,IAAI,CAAC,WAAW;kBACnD,IAAI,CAAC,IAAI;YACP,CAAC,CAAC,IAAI,CAAA;iCACO,IAAI,CAAC,IAAI;;;mCAGP;YACf,CAAC,CAAC,EAAE;;;SAGf,CAAC;IACN,CAAC;;AAzDM,cAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;KA2BlB,AA3BY,CA2BX;AAE0B;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;qCAAe;AACZ;IAA7B,QAAQ,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC;wCAAoB;AACpB;IAA5B,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;yCAA4B;AAC3B;IAA5B,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;yCAA4B;AAjC/C,OAAO;IADnB,aAAa,CAAC,eAAe,CAAC;GAClB,OAAO,CA2DnB"}
+{"version":3,"file":"lit-menu-item.js","sourceRoot":"","sources":["../../src/shared/lit-menu-item.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC5C,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AACvD,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAG5D,YAAY;AACZ,OAAO,eAAe,CAAC;AAWhB,IAAM,WAAW,GAAjB,MAAM,WAAY,SAAQ,UAAU;IAApC;;QAwC0B,aAAQ,GAAa,KAAK,CAAC;QAC3B,aAAQ,GAAa,KAAK,CAAC;QAC3B,eAAU,GAAa,KAAK,CAAC;IA2B9D,CAAC;IAzBW,WAAW,CAAC,CAAa;QAC7B,IAAI,IAAI,CAAC,OAAO,EAAE,CAAC;YACf,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;QACpB,CAAC;IACL,CAAC;IAED,MAAM;QACF,MAAM,OAAO,GAAG;YACZ,QAAQ,EAAE,IAAI,CAAC,QAAQ,IAAI,KAAK;YAChC,QAAQ,EAAE,IAAI,CAAC,QAAQ,IAAI,KAAK;YAChC,UAAU,EAAE,IAAI,CAAC,UAAU,IAAI,KAAK;SACvC,CAAC;QACF,OAAO,IAAI,CAAA;wBACK,QAAQ,CAAC,OAAO,CAAC,YAAY,IAAI,CAAC,WAAW;kBACnD,IAAI,CAAC,IAAI;YACP,CAAC,CAAC,IAAI,CAAA;iCACO,IAAI,CAAC,IAAI;;;mCAGP;YACf,CAAC,CAAC,EAAE;;;SAGf,CAAC;IACN,CAAC;;AAnEM,kBAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAmClB,AAnCY,CAmCX;AAE0B;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;yCAAe;AACZ;IAA7B,QAAQ,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC;4CAAoB;AACpB;IAA5B,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;6CAA4B;AAC3B;IAA5B,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;6CAA4B;AAC3B;IAA5B,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;+CAA8B;AA1CjD,WAAW;IADvB,aAAa,CAAC,eAAe,CAAC;GAClB,WAAW,CAqEvB"}

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

@@ -1 +1 @@
-{"version":3,"file":"lit-menu.d.ts","sourceRoot":"","sources":["../../src/shared/lit-menu.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAG5C,qBACa,OAAQ,SAAQ,UAAU;IACnC,MAAM,CAAC,MAAM,0BAUX;IACF,MAAM;CAOT"}
+{"version":3,"file":"lit-menu.d.ts","sourceRoot":"","sources":["../../src/shared/lit-menu.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAG5C,qBACa,OAAQ,SAAQ,UAAU;IACnC,MAAM,CAAC,MAAM,0BAcX;IACF,MAAM;CAOT"}

package/dist/shared/lit-menu.js

@@ -8,31 +8,30 @@ import { LitElement, html, css } from 'lit';
 import { customElement } from 'lit/decorators.js';
 let LitMenu = class LitMenu extends LitElement {
     render() {
-        return html `
-            <ul>
-                <slot></slot>
-            </ul>
+        return html `
+            <ul>
+                <slot></slot>
+            </ul>
         `;
     }
 };
-LitMenu.styles = css `
-        ul {
-            display: flex;
-            list-style-type: none;
-            padding: 0;
-            gap: 0.25rem;
-            width: 100%;
-            flex-direction: column;
-            margin: 0;
-        }
+LitMenu.styles = css `
+        :host {
+            outline: none;
+        }
+        ul {
+            display: flex;
+            list-style-type: none;
+            padding: 0;
+            gap: 0.25rem;
+            width: 100%;
+            flex-direction: column;
+            margin: 0;
+            height: 100%;
+        }
     `;
 LitMenu = __decorate([
     customElement('lit-menu')
 ], LitMenu);
 export { LitMenu };
-// declare global {
-//     interface HTMLElementTagNameMap {
-//         'lit-data-grid-tanstack': LitDataGridTanstack;
-//     }
-// }
 //# sourceMappingURL=lit-menu.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"lit-menu.js","sourceRoot":"","sources":["../../src/shared/lit-menu.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC5C,OAAO,EAAE,aAAa,EAAY,MAAM,mBAAmB,CAAC;AAGrD,IAAM,OAAO,GAAb,MAAM,OAAQ,SAAQ,UAAU;IAYnC,MAAM;QACF,OAAO,IAAI,CAAA;;;;SAIV,CAAC;IACN,CAAC;;AAjBM,cAAM,GAAG,GAAG,CAAA;;;;;;;;;;KAUlB,AAVY,CAUX;AAXO,OAAO;IADnB,aAAa,CAAC,UAAU,CAAC;GACb,OAAO,CAmBnB;;AAED,mBAAmB;AACnB,wCAAwC;AACxC,yDAAyD;AACzD,QAAQ;AACR,IAAI"}
+{"version":3,"file":"lit-menu.js","sourceRoot":"","sources":["../../src/shared/lit-menu.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC5C,OAAO,EAAE,aAAa,EAAY,MAAM,mBAAmB,CAAC;AAGrD,IAAM,OAAO,GAAb,MAAM,OAAQ,SAAQ,UAAU;IAgBnC,MAAM;QACF,OAAO,IAAI,CAAA;;;;SAIV,CAAC;IACN,CAAC;;AArBM,cAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;KAclB,AAdY,CAcX;AAfO,OAAO;IADnB,aAAa,CAAC,UAAU,CAAC;GACb,OAAO,CAuBnB"}

package/dist/shared/lit-modal-body.d.ts

@@ -0,0 +1,6 @@
+import { LitElement } from 'lit';
+export declare class LitModalBody extends LitElement {
+    static styles: import("lit").CSSResult;
+    render(): import("lit-html").TemplateResult<1>;
+}
+//# sourceMappingURL=lit-modal-body.d.ts.map

package/dist/shared/lit-modal-body.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"lit-modal-body.d.ts","sourceRoot":"","sources":["../../src/shared/lit-modal-body.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAE5C,qBAAa,YAAa,SAAQ,UAAU;IACxC,MAAM,CAAC,MAAM,0BAaX;IAEF,MAAM;CAGT"}

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

@@ -0,0 +1,22 @@
+import { LitElement, html, css } from 'lit';
+export class LitModalBody extends LitElement {
+    render() {
+        return html `<slot></slot>`;
+    }
+}
+LitModalBody.styles = css `
+        :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;
+            }
+        }
+    `;
+customElements.define('lit-modal-body', LitModalBody);
+//# sourceMappingURL=lit-modal-body.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"lit-modal-body.js","sourceRoot":"","sources":["../../src/shared/lit-modal-body.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE5C,MAAM,OAAO,YAAa,SAAQ,UAAU;IAgBxC,MAAM;QACF,OAAO,IAAI,CAAA,eAAe,CAAC;IAC/B,CAAC;;AAjBM,mBAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;KAalB,CAAC;AAON,cAAc,CAAC,MAAM,CAAC,gBAAgB,EAAE,YAAY,CAAC,CAAC"}

package/dist/shared/lit-modal-footer.d.ts

@@ -0,0 +1,6 @@
+import { LitElement } from 'lit';
+export declare class LitModalFooter extends LitElement {
+    static styles: import("lit").CSSResult;
+    render(): import("lit-html").TemplateResult<1>;
+}
+//# sourceMappingURL=lit-modal-footer.d.ts.map

package/dist/shared/lit-modal-footer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"lit-modal-footer.d.ts","sourceRoot":"","sources":["../../src/shared/lit-modal-footer.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAG5C,qBACa,cAAe,SAAQ,UAAU;IAC1C,MAAM,CAAC,MAAM,0BAUX;IAEF,MAAM;CAGT"}

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

@@ -0,0 +1,29 @@
+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 } from 'lit';
+import { customElement } from 'lit/decorators.js';
+let LitModalFooter = class LitModalFooter extends LitElement {
+    render() {
+        return html `<slot></slot>`;
+    }
+};
+LitModalFooter.styles = css `
+        :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);
+        }
+    `;
+LitModalFooter = __decorate([
+    customElement('lit-modal-footer')
+], LitModalFooter);
+export { LitModalFooter };
+//# sourceMappingURL=lit-modal-footer.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"lit-modal-footer.js","sourceRoot":"","sources":["../../src/shared/lit-modal-footer.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC5C,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAG3C,IAAM,cAAc,GAApB,MAAM,cAAe,SAAQ,UAAU;IAa1C,MAAM;QACF,OAAO,IAAI,CAAA,eAAe,CAAC;IAC/B,CAAC;;AAdM,qBAAM,GAAG,GAAG,CAAA;;;;;;;;;;KAUlB,AAVY,CAUX;AAXO,cAAc;IAD1B,aAAa,CAAC,kBAAkB,CAAC;GACrB,cAAc,CAgB1B"}

package/dist/shared/lit-modal-header.d.ts

@@ -0,0 +1,7 @@
+import { LitElement } from 'lit';
+export declare class LitModalHeader extends LitElement {
+    title: string;
+    static styles: import("lit").CSSResult;
+    render(): import("lit-html").TemplateResult<1>;
+}
+//# sourceMappingURL=lit-modal-header.d.ts.map

package/dist/shared/lit-modal-header.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"lit-modal-header.d.ts","sourceRoot":"","sources":["../../src/shared/lit-modal-header.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAG5C,qBACa,cAAe,SAAQ,UAAU;IACd,KAAK,SAAM;IAEvC,MAAM,CAAC,MAAM,0BAUX;IAEF,MAAM;CAGT"}

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

@@ -0,0 +1,36 @@
+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 } from 'lit';
+import { customElement, property } from 'lit/decorators.js';
+let LitModalHeader = class LitModalHeader extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.title = '';
+    }
+    render() {
+        return html ` <slot></slot> `;
+    }
+};
+LitModalHeader.styles = css `
+        :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;
+          
+        }
+    `;
+__decorate([
+    property({ type: String })
+], LitModalHeader.prototype, "title", void 0);
+LitModalHeader = __decorate([
+    customElement('lit-modal-header')
+], LitModalHeader);
+export { LitModalHeader };
+//# sourceMappingURL=lit-modal-header.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"lit-modal-header.js","sourceRoot":"","sources":["../../src/shared/lit-modal-header.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC5C,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAGrD,IAAM,cAAc,GAApB,MAAM,cAAe,SAAQ,UAAU;IAAvC;;QACyB,UAAK,GAAG,EAAE,CAAC;IAiB3C,CAAC;IAHG,MAAM;QACF,OAAO,IAAI,CAAA,iBAAiB,CAAC;IACjC,CAAC;;AAdM,qBAAM,GAAG,GAAG,CAAA;;;;;;;;;;KAUlB,AAVY,CAUX;AAZ0B;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;6CAAY;AAD9B,cAAc;IAD1B,aAAa,CAAC,kBAAkB,CAAC;GACrB,cAAc,CAkB1B"}

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

@@ -1,29 +1,21 @@
-import { LitElement, TemplateResult } from 'lit';
-export type LitModalProp = {
-    open?: boolean;
-    closeOnOutsideClick?: boolean;
-};
+import { LitElement, PropertyValues } from 'lit';
 export declare class LitModal extends LitElement {
     open: boolean;
     closeOnOutsideClick: boolean;
-    private cleanup;
-    private triggerRef;
-    private modalRef;
+    onClose?: () => void;
+    fullScreen: boolean;
+    static styles: import("lit").CSSResult;
+    _modalContainer: HTMLDivElement | null;
+    _modalContent: HTMLDivElement | null;
     connectedCallback(): void;
     disconnectedCallback(): void;
-    updated(changedProperties: Map<string, any>): void;
-    private setupFloating;
-    private cleanupFloating;
-    openModal(): void;
-    closeModal(): void;
-    private handleEscapeKey;
-    private handleBackdropClick;
-    static styles: import("lit").CSSResult;
-    protected render(): TemplateResult;
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        'lit-modal': LitModal;
-    }
+    updated(changed: PropertyValues): void;
+    _handleBackdropClick(): void;
+    _showModal(): void;
+    _hideModal(): void;
+    _handleKeyDown(e: KeyboardEvent): void;
+    _updateContentClass(): void;
+    _applyGlobalStyles(): void;
+    render(): import("lit-html").TemplateResult<1>;
 }
 //# sourceMappingURL=lit-modal.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"lit-modal.d.ts","sourceRoot":"","sources":["../../src/shared/lit-modal.ts"],"names":[],"mappings":"AACA,OAAO,EAAa,UAAU,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAI5D,MAAM,MAAM,YAAY,GAAG;IACvB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,mBAAmB,CAAC,EAAE,OAAO,CAAC;CACjC,CAAC;AAEF,qBACa,QAAS,SAAQ,UAAU;IACQ,IAAI,UAAS;IAC5B,mBAAmB,UAAQ;IAE/C,OAAO,CAAC,OAAO,CAA6B;IAGrD,OAAO,CAAC,UAAU,CAA4B;IAC9C,OAAO,CAAC,QAAQ,CAA4B;IAE5C,iBAAiB;IAKjB,oBAAoB;IAMpB,OAAO,CAAC,iBAAiB,EAAE,GAAG,CAAC,MAAM,EAAE,GAAG,CAAC;IAU3C,OAAO,CAAC,aAAa;IAmBrB,OAAO,CAAC,eAAe;IAOvB,SAAS;IAKT,UAAU;IAKV,OAAO,CAAC,eAAe,CAIrB;IAEF,OAAO,CAAC,mBAAmB;IAM3B,MAAM,CAAC,MAAM,0BA0CX;IAEF,SAAS,CAAC,MAAM,IAAI,cAAc;CAgBrC;AAED,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,WAAW,EAAE,QAAQ,CAAC;KACzB;CACJ"}
+{"version":3,"file":"lit-modal.d.ts","sourceRoot":"","sources":["../../src/shared/lit-modal.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,cAAc,EAAE,MAAM,KAAK,CAAC;AAG5D,qBACa,QAAS,SAAQ,UAAU;IAEpC,IAAI,UAAS;IACgB,mBAAmB,UAAQ;IAC1B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,UAAU,UAAS;IAEhD,MAAM,CAAC,MAAM,0BAYX;IAEF,eAAe,EAAE,cAAc,GAAG,IAAI,CAAQ;IAC9C,aAAa,EAAE,cAAc,GAAG,IAAI,CAAQ;IAE5C,iBAAiB;IAKjB,oBAAoB;IAKpB,OAAO,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI;IAUtC,oBAAoB;IAMpB,UAAU;IA2BV,UAAU;IAUV,cAAc,CAAC,CAAC,EAAE,aAAa,GAAG,IAAI;IAMtC,mBAAmB;IAUnB,kBAAkB;IAiDlB,MAAM;CAGT"}