overview-components 0.9.0 → 1.0.1

package/dist/shared/lit-data-grid-export-popover.js

@@ -10,11 +10,14 @@ import { msg } from '@lit/localize';
 import './lit-custom-popper.js';
 import './lit-button.js';
 import './lit-responsive-button.js';
+import './lit-menu.js';
+import './lit-menu-item.js';
 let LitDataGridExportPopover = class LitDataGridExportPopover extends LitElement {
     constructor() {
         super(...arguments);
         this.exportToExcel = () => { };
         this.exportToCsv = () => { };
+        this.disabledButtons = false;
         this.isOpen = false;
     }
     toggleCustomPopover() {
@@ -28,57 +31,46 @@ let LitDataGridExportPopover = class LitDataGridExportPopover extends LitElement
         this.closePopover(); // Close the popper
     }
     render() {
-        return html `
-            <lit-custom-popper
-                .open="${this.isOpen}"
-                placement="top-end"
-                @close="${this.closePopover}"
-            >
-                <lit-responsive-button
-                    size="small"
-                    variant="text"
-                    label=${msg('Export')}
-                    icon="csv"
-                    slot="reference"
-                    @click=${() => this.toggleCustomPopover()}
-                ></lit-responsive-button>
-
-                <div slot="content">
-                    <div class="menu-item" @click="${() => this.handleExport(this.exportToCsv)}">
-                        <slot name="iconCsv"></slot>
-                        ${msg('Export do CSV')}
-                    </div>
-                    <div class="menu-item" @click="${() => this.handleExport(this.exportToExcel)}">
-                        <slot name="iconExcel"></slot>
-                        ${msg('Export do Excel')}
-                    </div>
-                </div>
-            </lit-custom-popper>
+        return html `
+            <lit-custom-popper
+                .open="${this.isOpen}"
+                placement="top-end"
+                @close="${this.closePopover}"
+            >
+                <lit-responsive-button
+                    size="small"
+                    variant="text"
+                    label=${msg('Export')}
+                    icon="csv"
+                    slot="reference"
+                    @click=${() => this.toggleCustomPopover()}
+                ></lit-responsive-button>
+
+                <div slot="content">
+                    <lit-menu>
+                        <lit-menu-item
+                            id="${1}"
+                            icon="csv"
+                            .onClick=${() => this.handleExport(this.exportToCsv)}
+                            .disabled=${this.disabledButtons}
+                            >${msg('Export do CSV')}
+                        </lit-menu-item>
+                        <lit-menu-item
+                            id="${1}"
+                            icon="csv"
+                            .onClick=${() => this.handleExport(this.exportToExcel)}
+                            .disabled=${this.disabledButtons}
+                            >${msg('Export do Excel')}
+                        </lit-menu-item>
+                    </lit-menu>
+                </div>
+            </lit-custom-popper>
         `;
     }
 };
 LitDataGridExportPopover.styles = [
     // styles,
-    css `
-            .menu-item {
-                display: flex;
-                align-items: center;
-                padding: 0.375rem 0.625rem;
-                cursor: pointer;
-                font-size: 0.75rem;
-                font-weight: 400;
-                color: var(--text-primary, #111827);
-                transition: background 0.2s;
-                gap: 0.5rem;
-            }
-            .menu-item:not(:last-child) {
-                margin-bottom: 0.25rem;
-            }
-            .menu-item:hover {
-                background: var(--color-primary-light, #f0fadf);
-                border-radius: 4px;
-            }
-        `,
+    css ``,
 ];
 __decorate([
     property({ type: Function })
@@ -86,6 +78,9 @@ __decorate([
 __decorate([
     property({ type: Function })
 ], LitDataGridExportPopover.prototype, "exportToCsv", void 0);
+__decorate([
+    property({ type: Boolean })
+], LitDataGridExportPopover.prototype, "disabledButtons", void 0);
 __decorate([
     state()
 ], LitDataGridExportPopover.prototype, "isOpen", void 0);

package/dist/shared/lit-data-grid-export-popover.js.map

@@ -1 +1 @@
-{"version":3,"file":"lit-data-grid-export-popover.js","sourceRoot":"","sources":["../../src/shared/lit-data-grid-export-popover.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC5C,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AACnE,OAAO,EAAE,GAAG,EAAE,MAAM,eAAe,CAAC;AACpC,OAAO,wBAAwB,CAAC;AAChC,OAAO,iBAAiB,CAAC;AACzB,OAAO,4BAA4B,CAAC;AAG7B,IAAM,wBAAwB,GAA9B,MAAM,wBAAyB,SAAQ,UAAU;IAAjD;;QAC2B,kBAAa,GAAe,GAAG,EAAE,GAAE,CAAC,CAAC;QACrC,gBAAW,GAAe,GAAG,EAAE,GAAE,CAAC,CAAC;QAEhD,WAAM,GAAG,KAAK,CAAC;IAoEpC,CAAC;IA1CW,mBAAmB;QACvB,IAAI,CAAC,MAAM,GAAG,CAAC,IAAI,CAAC,MAAM,CAAC;IAC/B,CAAC;IAEO,YAAY;QAChB,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC;IACxB,CAAC;IAEO,YAAY,CAAC,QAAoB;QACrC,QAAQ,EAAE,CAAC,CAAC,uCAAuC;QACnD,IAAI,CAAC,YAAY,EAAE,CAAC,CAAC,mBAAmB;IAC5C,CAAC;IAED,MAAM;QACF,OAAO,IAAI,CAAA;;yBAEM,IAAI,CAAC,MAAM;;0BAEV,IAAI,CAAC,YAAY;;;;;4BAKf,GAAG,CAAC,QAAQ,CAAC;;;6BAGZ,GAAG,EAAE,CAAC,IAAI,CAAC,mBAAmB,EAAE;;;;qDAIR,GAAG,EAAE,CAAC,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,WAAW,CAAC;;0BAEpE,GAAG,CAAC,eAAe,CAAC;;qDAEO,GAAG,EAAE,CAAC,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,aAAa,CAAC;;0BAEtE,GAAG,CAAC,iBAAiB,CAAC;;;;SAIvC,CAAC;IACN,CAAC;;AAjEM,+BAAM,GAAG;IACZ,UAAU;IACV,GAAG,CAAA;;;;;;;;;;;;;;;;;;;SAmBF;CACJ,AAtBY,CAsBX;AA3B4B;IAA7B,QAAQ,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC;+DAAsC;AACrC;IAA7B,QAAQ,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC;6DAAoC;AAEhD;IAAhB,KAAK,EAAE;wDAAwB;AAJvB,wBAAwB;IADpC,aAAa,CAAC,8BAA8B,CAAC;GACjC,wBAAwB,CAwEpC"}
+{"version":3,"file":"lit-data-grid-export-popover.js","sourceRoot":"","sources":["../../src/shared/lit-data-grid-export-popover.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC5C,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AACnE,OAAO,EAAE,GAAG,EAAE,MAAM,eAAe,CAAC;AACpC,OAAO,wBAAwB,CAAC;AAChC,OAAO,iBAAiB,CAAC;AACzB,OAAO,4BAA4B,CAAC;AACpC,OAAO,eAAe,CAAC;AACvB,OAAO,oBAAoB,CAAC;AAGrB,IAAM,wBAAwB,GAA9B,MAAM,wBAAyB,SAAQ,UAAU;IAAjD;;QAC2B,kBAAa,GAAe,GAAG,EAAE,GAAE,CAAC,CAAC;QACrC,gBAAW,GAAe,GAAG,EAAE,GAAE,CAAC,CAAC;QACpC,oBAAe,GAAY,KAAK,CAAC;QAE7C,WAAM,GAAG,KAAK,CAAC;IAyDpC,CAAC;IAlDW,mBAAmB;QACvB,IAAI,CAAC,MAAM,GAAG,CAAC,IAAI,CAAC,MAAM,CAAC;IAC/B,CAAC;IAEO,YAAY;QAChB,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC;IACxB,CAAC;IAEO,YAAY,CAAC,QAAoB;QACrC,QAAQ,EAAE,CAAC,CAAC,uCAAuC;QACnD,IAAI,CAAC,YAAY,EAAE,CAAC,CAAC,mBAAmB;IAC5C,CAAC;IAED,MAAM;QACF,OAAO,IAAI,CAAA;;yBAEM,IAAI,CAAC,MAAM;;0BAEV,IAAI,CAAC,YAAY;;;;;4BAKf,GAAG,CAAC,QAAQ,CAAC;;;6BAGZ,GAAG,EAAE,CAAC,IAAI,CAAC,mBAAmB,EAAE;;;;;;kCAM3B,CAAC;;uCAEI,GAAG,EAAE,CAAC,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,WAAW,CAAC;wCACxC,IAAI,CAAC,eAAe;+BAC7B,GAAG,CAAC,eAAe,CAAC;;;kCAGjB,CAAC;;uCAEI,GAAG,EAAE,CAAC,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,aAAa,CAAC;wCAC1C,IAAI,CAAC,eAAe;+BAC7B,GAAG,CAAC,iBAAiB,CAAC;;;;;SAK5C,CAAC;IACN,CAAC;;AAtDM,+BAAM,GAAG;IACZ,UAAU;IACV,GAAG,CAAA,EAAE;CACR,AAHY,CAGX;AAT4B;IAA7B,QAAQ,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC;+DAAsC;AACrC;IAA7B,QAAQ,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC;6DAAoC;AACpC;IAA5B,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;iEAAkC;AAE7C;IAAhB,KAAK,EAAE;wDAAwB;AALvB,wBAAwB;IADpC,aAAa,CAAC,8BAA8B,CAAC;GACjC,wBAAwB,CA8DpC"}

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

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

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

@@ -0,0 +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;IACnC,MAAM,CAAC,MAAM,0BA8BX;IAEF,MAAM;CAGT"}

package/dist/shared/lit-loader.js

@@ -0,0 +1,51 @@
+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';
+//components
+import './lit-icon.js';
+let LitMenu = class LitMenu extends LitElement {
+    render() {
+        return html `<div class="loader-container"><div class="loader"></div></div> `;
+    }
+};
+LitMenu.styles = css `
+        /* Loader */
+        .loader-container {
+            display: flex;
+            justify-content: center;
+            align-items: center;
+            top: 0;
+            left: 0;
+            width: 100%;
+            height: 100%;
+            border-radius: 0.75rem;
+        }
+
+        .loader {
+            width: 40px;
+            height: 40px;
+            border: 4px solid #ccc;
+            border-top: 4px solid var(--color-primary-main, #76b703);
+            border-radius: 50%;
+            animation: spin 1s linear infinite;
+        }
+
+        @keyframes spin {
+            0% {
+                transform: rotate(0deg);
+            }
+            100% {
+                transform: rotate(360deg);
+            }
+        }
+    `;
+LitMenu = __decorate([
+    customElement('lit-loader')
+], LitMenu);
+export { LitMenu };
+//# sourceMappingURL=lit-loader.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"lit-loader.js","sourceRoot":"","sources":["../../src/shared/lit-loader.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE5C,OAAO,EAAE,aAAa,EAAY,MAAM,mBAAmB,CAAC;AAG5D,YAAY;AACZ,OAAO,eAAe,CAAC;AAGhB,IAAM,OAAO,GAAb,MAAM,OAAQ,SAAQ,UAAU;IAiCnC,MAAM;QACF,OAAO,IAAI,CAAA,iEAAiE,CAAC;IACjF,CAAC;;AAlCM,cAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA8BlB,AA9BY,CA8BX;AA/BO,OAAO;IADnB,aAAa,CAAC,YAAY,CAAC;GACf,OAAO,CAoCnB"}

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

@@ -0,0 +1,20 @@
+import { LitElement } from 'lit';
+import type { IconArray } from './lit-icon.js';
+import './lit-icon.js';
+export type LitMenuProps = {
+    icon: typeof IconArray;
+    disabled?: boolean;
+    isActive?: boolean;
+    click: () => void;
+};
+export declare class LitMenu extends LitElement {
+    static styles: import("lit").CSSResult;
+    isLoading?: string;
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'lit-loading-bar': LitMenuProps;
+    }
+}
+//# sourceMappingURL=lit-loading-bar.d.ts.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,92 @@
+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';
+//components
+import './lit-icon.js';
+let LitMenu = class LitMenu extends LitElement {
+    render() {
+        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;
+        }
+    `;
+__decorate([
+    property({ type: String })
+], LitMenu.prototype, "isLoading", void 0);
+LitMenu = __decorate([
+    customElement('lit-loading-bar')
+], LitMenu);
+export { LitMenu };
+//# sourceMappingURL=lit-loading-bar.js.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,24 @@
+import { LitElement } from 'lit';
+import type { IconArray } from './lit-icon.js';
+import './lit-icon.js';
+export type LitMenuProps = {
+    icon: typeof IconArray;
+    disabled?: boolean;
+    isActive?: boolean;
+    click: () => void;
+};
+export declare class LitMenu extends LitElement {
+    static styles: import("lit").CSSResult;
+    icon?: string;
+    onClick?: Function;
+    disabled?: boolean;
+    isActive?: boolean;
+    private handleClick;
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'lit-menu-item': LitMenuProps;
+    }
+}
+//# sourceMappingURL=lit-menu-item.d.ts.map

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

@@ -0,0 +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,0BAwBX;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;CAYT;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,77 @@
+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 { 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 {
+    constructor() {
+        super(...arguments);
+        this.disabled = false;
+        this.isActive = false;
+    }
+    handleClick() {
+        if (this.onClick) {
+            this.onClick();
+        }
+    }
+    render() {
+        const classes = {
+            disabled: this.disabled || false,
+            isActive: this.isActive || false,
+        };
+        return html `
+            <li class=${classMap(classes)} @click="${this.handleClick}">
+                <lit-icon icon=${this.icon} size="1.125rem"></lit-icon>
+                <div class="item-label"><slot></slot></div>
+            </li>
+        `;
+    }
+};
+LitMenu.styles = css `
+        li {
+            display: flex;
+            align-items: center;
+            padding: 0.25rem 0.5rem;
+            cursor: pointer;
+            transition: background 0.2s;
+            border-radius: 0.25rem;
+        }
+        li:hover {
+            background: var(--color-primary-light, #f0f0f0);
+        }
+        .item-label {
+            margin-left: 10px;
+            font-size: 13px;
+            font-weight: 500;
+        }
+        .disabled {
+            opacity: 0.5;
+            pointer-events: none;
+        }
+        .isActive {
+            background: var(--color-primary-light, #f0f0f0);
+        }
+    `;
+__decorate([
+    property({ type: String })
+], LitMenu.prototype, "icon", void 0);
+__decorate([
+    property({ type: Function })
+], LitMenu.prototype, "onClick", void 0);
+__decorate([
+    property({ type: Boolean })
+], LitMenu.prototype, "disabled", void 0);
+__decorate([
+    property({ type: Boolean })
+], LitMenu.prototype, "isActive", void 0);
+LitMenu = __decorate([
+    customElement('lit-menu-item')
+], LitMenu);
+export { LitMenu };
+//# sourceMappingURL=lit-menu-item.js.map

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

@@ -0,0 +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;;QA6B0B,aAAQ,GAAa,KAAK,CAAC;QAC3B,aAAQ,GAAa,KAAK,CAAC;IAoB5D,CAAC;IAlBW,WAAW;QACf,IAAI,IAAI,CAAC,OAAO,EAAE,CAAC;YACf,IAAI,CAAC,OAAO,EAAE,CAAC;QACnB,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;iCACpC,IAAI,CAAC,IAAI;;;SAGjC,CAAC;IACN,CAAC;;AAhDM,cAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;KAwBlB,AAxBY,CAwBX;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;AA9B/C,OAAO;IADnB,aAAa,CAAC,eAAe,CAAC;GAClB,OAAO,CAkDnB"}

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

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

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

@@ -0,0 +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"}

package/dist/shared/lit-menu.js

@@ -0,0 +1,38 @@
+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 LitMenu = class LitMenu extends LitElement {
+    render() {
+        return html `
+            <ul>
+                <slot></slot>
+            </ul>
+        `;
+    }
+};
+LitMenu.styles = css `
+        ul {
+            display: flex;
+            list-style-type: none;
+            padding: 0;
+            gap: 0.5rem;
+            width: 100%;
+            flex-direction: column;
+            margin: 0;
+        }
+    `;
+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

@@ -0,0 +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"}

package/dist/shared/lit-overflow-tooltip.d.ts

@@ -0,0 +1,16 @@
+import { LitElement } from 'lit';
+import './lit-tooltip.js';
+export declare class LitOverflowTooltip extends LitElement {
+    label: string;
+    private isOverflowing;
+    private textElement;
+    private textResizeObserver;
+    private hostResizeObserver;
+    static styles: import("lit").CSSResult;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    firstUpdated(): void;
+    private checkOverflow;
+    render(): import("lit-html").TemplateResult<1>;
+}
+//# sourceMappingURL=lit-overflow-tooltip.d.ts.map

package/dist/shared/lit-overflow-tooltip.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"lit-overflow-tooltip.d.ts","sourceRoot":"","sources":["../../src/shared/lit-overflow-tooltip.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAE5C,OAAO,kBAAkB,CAAC;AAE1B,qBACa,kBAAmB,SAAQ,UAAU;IAClB,KAAK,SAAM;IAE9B,OAAO,CAAC,aAAa,CAAS;IAEf,OAAO,CAAC,WAAW,CAAe;IAE1D,OAAO,CAAC,kBAAkB,CAA6B;IACvD,OAAO,CAAC,kBAAkB,CAA6B;IAEvD,MAAM,CAAC,MAAM,0BAUX;IAEF,iBAAiB;IAIjB,oBAAoB;IAMpB,YAAY;IAoBZ,OAAO,CAAC,aAAa;IAWrB,MAAM;CAUT"}

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

@@ -0,0 +1,86 @@
+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, query, state } from 'lit/decorators.js';
+import './lit-tooltip.js';
+let LitOverflowTooltip = class LitOverflowTooltip extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.label = '';
+        this.isOverflowing = false;
+    }
+    connectedCallback() {
+        super.connectedCallback();
+    }
+    disconnectedCallback() {
+        this.textResizeObserver?.disconnect();
+        this.hostResizeObserver?.disconnect();
+        super.disconnectedCallback();
+    }
+    firstUpdated() {
+        if (this.textElement) {
+            this.textResizeObserver = new ResizeObserver(() => {
+                requestAnimationFrame(() => this.checkOverflow());
+            });
+            this.textResizeObserver.observe(this.textElement);
+        }
+        this.hostResizeObserver = new ResizeObserver(() => {
+            requestAnimationFrame(() => this.checkOverflow());
+        });
+        this.hostResizeObserver.observe(this);
+        const slotEl = this.shadowRoot?.querySelector('slot');
+        if (slotEl) {
+            slotEl.addEventListener('slotchange', () => {
+                requestAnimationFrame(() => this.checkOverflow());
+            });
+        }
+    }
+    checkOverflow() {
+        if (this.textElement) {
+            const threshold = 0;
+            const overflowing = this.textElement.scrollWidth - this.textElement.clientWidth > threshold;
+            if (overflowing !== this.isOverflowing) {
+                this.isOverflowing = overflowing;
+            }
+        }
+    }
+    render() {
+        const content = html `
+            <div class="text-content">
+                <slot></slot>
+            </div>
+        `;
+        return this.isOverflowing
+            ? html ` <lit-tooltip label="${this.label || ''}"> ${content} </lit-tooltip> `
+            : content;
+    }
+};
+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([
+    state()
+], LitOverflowTooltip.prototype, "isOverflowing", void 0);
+__decorate([
+    query('.text-content')
+], LitOverflowTooltip.prototype, "textElement", void 0);
+LitOverflowTooltip = __decorate([
+    customElement('lit-overflow-tooltip')
+], LitOverflowTooltip);
+export { LitOverflowTooltip };
+//# sourceMappingURL=lit-overflow-tooltip.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"lit-overflow-tooltip.js","sourceRoot":"","sources":["../../src/shared/lit-overflow-tooltip.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC5C,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAC1E,OAAO,kBAAkB,CAAC;AAGnB,IAAM,kBAAkB,GAAxB,MAAM,kBAAmB,SAAQ,UAAU;IAA3C;;QACyB,UAAK,GAAG,EAAE,CAAC;QAEtB,kBAAa,GAAG,KAAK,CAAC;IAsE3C,CAAC;IAnDG,iBAAiB;QACb,KAAK,CAAC,iBAAiB,EAAE,CAAC;IAC9B,CAAC;IAED,oBAAoB;QAChB,IAAI,CAAC,kBAAkB,EAAE,UAAU,EAAE,CAAC;QACtC,IAAI,CAAC,kBAAkB,EAAE,UAAU,EAAE,CAAC;QACtC,KAAK,CAAC,oBAAoB,EAAE,CAAC;IACjC,CAAC;IAED,YAAY;QACR,IAAI,IAAI,CAAC,WAAW,EAAE,CAAC;YACnB,IAAI,CAAC,kBAAkB,GAAG,IAAI,cAAc,CAAC,GAAG,EAAE;gBAC9C,qBAAqB,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,aAAa,EAAE,CAAC,CAAC;YACtD,CAAC,CAAC,CAAC;YACH,IAAI,CAAC,kBAAkB,CAAC,OAAO,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;QACtD,CAAC;QACD,IAAI,CAAC,kBAAkB,GAAG,IAAI,cAAc,CAAC,GAAG,EAAE;YAC9C,qBAAqB,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,aAAa,EAAE,CAAC,CAAC;QACtD,CAAC,CAAC,CAAC;QACH,IAAI,CAAC,kBAAkB,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;QAEtC,MAAM,MAAM,GAAG,IAAI,CAAC,UAAU,EAAE,aAAa,CAAC,MAAM,CAAC,CAAC;QACtD,IAAI,MAAM,EAAE,CAAC;YACT,MAAM,CAAC,gBAAgB,CAAC,YAAY,EAAE,GAAG,EAAE;gBACvC,qBAAqB,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,aAAa,EAAE,CAAC,CAAC;YACtD,CAAC,CAAC,CAAC;QACP,CAAC;IACL,CAAC;IAEO,aAAa;QACjB,IAAI,IAAI,CAAC,WAAW,EAAE,CAAC;YACnB,MAAM,SAAS,GAAG,CAAC,CAAC;YACpB,MAAM,WAAW,GACb,IAAI,CAAC,WAAW,CAAC,WAAW,GAAG,IAAI,CAAC,WAAW,CAAC,WAAW,GAAG,SAAS,CAAC;YAC5E,IAAI,WAAW,KAAK,IAAI,CAAC,aAAa,EAAE,CAAC;gBACrC,IAAI,CAAC,aAAa,GAAG,WAAW,CAAC;YACrC,CAAC;QACL,CAAC;IACL,CAAC;IAED,MAAM;QACF,MAAM,OAAO,GAAG,IAAI,CAAA;;;;SAInB,CAAC;QACF,OAAO,IAAI,CAAC,aAAa;YACrB,CAAC,CAAC,IAAI,CAAA,wBAAwB,IAAI,CAAC,KAAK,IAAI,EAAE,MAAM,OAAO,kBAAkB;YAC7E,CAAC,CAAC,OAAO,CAAC;IAClB,CAAC;;AA9DM,yBAAM,GAAG,GAAG,CAAA;;;;;;;;;;KAUlB,AAVY,CAUX;AAnB0B;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;iDAAY;AAEtB;IAAhB,KAAK,EAAE;yDAA+B;AAEP;IAA/B,KAAK,CAAC,eAAe,CAAC;uDAAmC;AALjD,kBAAkB;IAD9B,aAAa,CAAC,sBAAsB,CAAC;GACzB,kBAAkB,CAyE9B"}

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

@@ -2,24 +2,45 @@ import { LitElement } from 'lit';
 import './lit-custom-popper.js';
 import './lit-icon.js';
 import './lit-icon-button.js';
+export type SelectProps = {
+    value?: string[];
+    options: {
+        value: string;
+        label: string;
+    }[];
+    onChange: (value: string | string[]) => void;
+    multiple?: boolean;
+    disableClearButton?: boolean;
+};
 export declare class LitSelect extends LitElement {
-    value: string;
+    value: string[] | string;
     options: {
         value: string;
         label: string;
     }[];
-    onChange: (value: string) => void;
+    onChange: (value: string | string[]) => void;
+    multiple: boolean;
+    disableClearButton: boolean;
     private isOpen;
+    private searchQuery;
+    private selectedIndex;
     static styles: import("lit").CSSResult;
     private toggleCustomPopover;
     private closePopover;
     private selectOption;
     private clearValue;
+    handleInput(event: any): void;
+    getFilteredOptions(): {
+        value: string;
+        label: string;
+    }[];
+    handleKeyDown(event: any): void;
+    handleMouseEnter(): void;
     render(): import("lit-html").TemplateResult<1>;
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'lit-select': LitSelect;
+        'lit-select': SelectProps;
     }
 }
 //# sourceMappingURL=lit-select.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"lit-select.d.ts","sourceRoot":"","sources":["../../src/shared/lit-select.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAE5C,OAAO,wBAAwB,CAAC;AAChC,OAAO,eAAe,CAAC;AACvB,OAAO,sBAAsB,CAAC;AAE9B,qBACa,SAAU,SAAQ,UAAU;IACT,KAAK,EAAE,MAAM,CAAM;IACpB,OAAO,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,EAAE,CAAM;IAC9C,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAY;IAElE,OAAO,CAAC,MAAM,CAAS;IAEhC,MAAM,CAAC,MAAM,0BA8EX;IAEF,OAAO,CAAC,mBAAmB;IAI3B,OAAO,CAAC,YAAY;IAIpB,OAAO,CAAC,YAAY;IAMpB,OAAO,CAAC,UAAU;IAMlB,MAAM;CAsDT;AAED,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,YAAY,EAAE,SAAS,CAAC;KAC3B;CACJ"}
+{"version":3,"file":"lit-select.d.ts","sourceRoot":"","sources":["../../src/shared/lit-select.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAI5C,OAAO,wBAAwB,CAAC;AAChC,OAAO,eAAe,CAAC;AACvB,OAAO,sBAAsB,CAAC;AAE9B,MAAM,MAAM,WAAW,GAAG;IACtB,KAAK,CAAC,EAAE,MAAM,EAAE,CAAC;IACjB,OAAO,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;IAC5C,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,KAAK,IAAI,CAAC;IAC7C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,kBAAkB,CAAC,EAAE,OAAO,CAAC;CAChC,CAAC;AAEF,qBACa,SAAU,SAAQ,UAAU;IACV,KAAK,EAAE,MAAM,EAAE,GAAG,MAAM,CAAM;IAC9B,OAAO,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,EAAE,CAAM;IAC9C,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,KAAK,IAAI,CAAY;IACzD,QAAQ,EAAE,OAAO,CAAS;IAC1B,kBAAkB,EAAE,OAAO,CAAS;IACxD,OAAO,CAAC,MAAM,CAAS;IACvB,OAAO,CAAC,WAAW,CAAc;IACjC,OAAO,CAAC,aAAa,CAAc;IAE5C,MAAM,CAAC,MAAM,0BA2FX;YAEY,mBAAmB;IAYjC,OAAO,CAAC,YAAY;IAMpB,OAAO,CAAC,YAAY;IAsBpB,OAAO,CAAC,UAAU;IAOlB,WAAW,CAAC,KAAK,EAAE,GAAG;IAMtB,kBAAkB;eA1J2B,MAAM;eAAS,MAAM;;IAqKlE,aAAa,CAAC,KAAK,EAAE,GAAG;IAcxB,gBAAgB;IAIhB,MAAM;CAwET;AAED,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,YAAY,EAAE,WAAW,CAAC;KAC7B;CACJ"}