overview-components 1.0.78 → 1.0.80

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,99 @@
+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 LitMenuItem = class LitMenuItem extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.disabled = false;
+        this.isActive = false;
+        this.isSelected = false;
+    }
+    handleClick(e) {
+        if (this.onClick) {
+            this.onClick(e);
+        }
+    }
+    render() {
+        const classes = {
+            disabled: this.disabled || false,
+            isActive: this.isActive || false,
+            isSelected: this.isSelected || false,
+        };
+        return html `
+            <li class=${classMap(classes)} @click="${this.handleClick}">
+                ${this.icon
+            ? html ` <lit-icon
+                          icon=${this.icon}
+                          size="1.125rem"
+                          style=" margin-right: 10px;"
+                      ></lit-icon>`
+            : ''}
+                <div class="item-label"><slot></slot></div>
+            </li>
+        `;
+    }
+};
+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 })
+], LitMenuItem.prototype, "icon", void 0);
+__decorate([
+    property({ type: Function })
+], LitMenuItem.prototype, "onClick", void 0);
+__decorate([
+    property({ type: Boolean })
+], LitMenuItem.prototype, "disabled", void 0);
+__decorate([
+    property({ type: Boolean })
+], LitMenuItem.prototype, "isActive", void 0);
+__decorate([
+    property({ type: Boolean })
+], LitMenuItem.prototype, "isSelected", void 0);
+LitMenuItem = __decorate([
+    customElement('lit-menu-item')
+], LitMenuItem);
+export { LitMenuItem };
+//# 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;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.js

@@ -1,23 +1,21 @@
-import "../node_modules/@lit/reactive-element/reactive-element.js";
-import { html as m } from "../node_modules/lit-html/lit-html.js";
-import { LitElement as p } from "../node_modules/lit-element/lit-element.js";
-import { customElement as a } from "../node_modules/@lit/reactive-element/decorators/custom-element.js";
-import { css as u } from "../node_modules/@lit/reactive-element/css-tag.js";
-var f = Object.getOwnPropertyDescriptor, c = (l, s, n, o) => {
-  for (var t = o > 1 ? void 0 : o ? f(s, n) : s, e = l.length - 1, i; e >= 0; e--)
-    (i = l[e]) && (t = i(t) || t);
-  return t;
+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 r = class extends p {
-  render() {
-    return m`
+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>
         `;
-  }
+    }
 };
-r.styles = u`
+LitMenu.styles = css `
         :host {
             outline: none;
         }
@@ -32,9 +30,13 @@ r.styles = u`
             height: 100%;
         }
     `;
-r = c([
-  a("lit-menu")
-], r);
-export {
-  r as LitMenu
-};
+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;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;;AAED,mBAAmB;AACnB,wCAAwC;AACxC,yDAAyD;AACzD,QAAQ;AACR,IAAI"}

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.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.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.js

@@ -1,54 +1,95 @@
-import "../node_modules/@lit/reactive-element/reactive-element.js";
-import { html as m } from "../node_modules/lit-html/lit-html.js";
-import { LitElement as h } 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 s } from "../node_modules/@lit/reactive-element/decorators/property.js";
-import { css as p } from "../node_modules/@lit/reactive-element/css-tag.js";
-var u = Object.defineProperty, y = Object.getOwnPropertyDescriptor, n = (e, i, a, l) => {
-  for (var t = l > 1 ? void 0 : l ? y(i, a) : i, d = e.length - 1, r; d >= 0; d--)
-    (r = e[d]) && (t = (l ? r(i, a, t) : r(t)) || t);
-  return l && t && u(i, a, t), t;
+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 o = class extends h {
-  constructor() {
-    super(...arguments), this.open = !1, this.closeOnOutsideClick = !0, this.fullScreen = !1, this._modalContainer = null, this._modalContent = null;
-  }
-  connectedCallback() {
-    super.connectedCallback(), document.addEventListener("keydown", this._handleKeyDown.bind(this));
-  }
-  disconnectedCallback() {
-    super.disconnectedCallback(), document.removeEventListener("keydown", this._handleKeyDown.bind(this));
-  }
-  updated(e) {
-    e.has("open") && (this.open ? this._showModal() : this._hideModal());
-  }
-  _handleBackdropClick() {
-    this.closeOnOutsideClick && (this.open = !1);
-  }
-  _showModal() {
-    if (!this._modalContainer) {
-      this._modalContainer = document.createElement("div"), this._modalContainer.classList.add("my-modal-root"), this._modalContainer.innerHTML = `
+import { LitElement, html, css } from 'lit';
+import { customElement, property } from 'lit/decorators.js';
+let LitModal = class LitModal extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.open = false;
+        this.closeOnOutsideClick = true;
+        this.fullScreen = false;
+        this._modalContainer = null;
+        this._modalContent = null;
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        document.addEventListener('keydown', this._handleKeyDown.bind(this));
+    }
+    disconnectedCallback() {
+        super.disconnectedCallback();
+        document.removeEventListener('keydown', this._handleKeyDown.bind(this));
+    }
+    updated(changed) {
+        if (changed.has('open')) {
+            if (this.open) {
+                this._showModal();
+            }
+            else {
+                this._hideModal();
+            }
+        }
+    }
+    _handleBackdropClick() {
+        if (this.closeOnOutsideClick) {
+            this.open = false;
+        }
+    }
+    _showModal() {
+        if (!this._modalContainer) {
+            this._modalContainer = document.createElement('div');
+            this._modalContainer.classList.add('my-modal-root');
+            this._modalContainer.innerHTML = `
         <div class="my-modal-backdrop"></div>
         <div class="my-modal-content"></div>
-      `, document.body.appendChild(this._modalContainer);
-      const e = this._modalContainer.querySelector(".my-modal-backdrop");
-      e && e.addEventListener("click", this._handleBackdropClick.bind(this)), this._modalContent = this._modalContainer.querySelector(".my-modal-content");
+      `;
+            document.body.appendChild(this._modalContainer);
+            const backdrop = this._modalContainer.querySelector('.my-modal-backdrop');
+            if (backdrop) {
+                backdrop.addEventListener('click', this._handleBackdropClick.bind(this));
+            }
+            this._modalContent = this._modalContainer.querySelector('.my-modal-content');
+        }
+        if (this._modalContent) {
+            this._updateContentClass();
+            this._modalContent.appendChild(this);
+        }
+        document.addEventListener('keydown', this._handleKeyDown);
+        this._applyGlobalStyles();
     }
-    this._modalContent && (this._updateContentClass(), this._modalContent.appendChild(this)), document.addEventListener("keydown", this._handleKeyDown), this._applyGlobalStyles();
-  }
-  _hideModal() {
-    this._modalContainer && (document.removeEventListener("keydown", this._handleKeyDown), this._modalContainer.remove(), this._modalContainer = null), typeof this.onClose == "function" && this.onClose(), this.dispatchEvent(new CustomEvent("modal-close", { bubbles: !0, composed: !0 }));
-  }
-  _handleKeyDown(e) {
-    e.key === "Escape" && (this.open = !1);
-  }
-  _updateContentClass() {
-    this._modalContent && (this.fullScreen ? this._modalContent.classList.add("fullscreen") : this._modalContent.classList.remove("fullscreen"));
-  }
-  _applyGlobalStyles() {
-    if (!document.getElementById("my-modal-global-styles")) {
-      const e = document.createElement("style");
-      e.id = "my-modal-global-styles", e.textContent = `
+    _hideModal() {
+        if (this._modalContainer) {
+            document.removeEventListener('keydown', this._handleKeyDown);
+            this._modalContainer.remove();
+            this._modalContainer = null;
+        }
+        if (typeof this.onClose === 'function')
+            this.onClose();
+        this.dispatchEvent(new CustomEvent('modal-close', { bubbles: true, composed: true }));
+    }
+    _handleKeyDown(e) {
+        if (e.key === 'Escape') {
+            this.open = false;
+        }
+    }
+    _updateContentClass() {
+        if (this._modalContent) {
+            if (this.fullScreen) {
+                this._modalContent.classList.add('fullscreen');
+            }
+            else {
+                this._modalContent.classList.remove('fullscreen');
+            }
+        }
+    }
+    _applyGlobalStyles() {
+        if (!document.getElementById('my-modal-global-styles')) {
+            const style = document.createElement('style');
+            style.id = 'my-modal-global-styles';
+            style.textContent = `
         .my-modal-root {
           position: fixed;
           top: 0; left: 0; right: 0; bottom: 0;
@@ -88,14 +129,15 @@ let o = class extends h {
           padding: 0;
           display: flex;
         }
-      `, document.head.appendChild(e);
+      `;
+            document.head.appendChild(style);
+        }
+    }
+    render() {
+        return html `<slot></slot>`;
     }
-  }
-  render() {
-    return m`<slot></slot>`;
-  }
 };
-o.styles = p`
+LitModal.styles = css `
         :host {
             display: none;
             width: 100%;
@@ -108,21 +150,20 @@ o.styles = p`
             display: block;
         }
     `;
-n([
-  s({ type: Boolean, reflect: !0 })
-], o.prototype, "open", 2);
-n([
-  s({ type: Boolean })
-], o.prototype, "closeOnOutsideClick", 2);
-n([
-  s({ type: Function })
-], o.prototype, "onClose", 2);
-n([
-  s({ type: Boolean })
-], o.prototype, "fullScreen", 2);
-o = n([
-  c("lit-modal")
-], o);
-export {
-  o as LitModal
-};
+__decorate([
+    property({ type: Boolean, reflect: true })
+], LitModal.prototype, "open", void 0);
+__decorate([
+    property({ type: Boolean })
+], LitModal.prototype, "closeOnOutsideClick", void 0);
+__decorate([
+    property({ type: Function })
+], LitModal.prototype, "onClose", void 0);
+__decorate([
+    property({ type: Boolean })
+], LitModal.prototype, "fullScreen", void 0);
+LitModal = __decorate([
+    customElement('lit-modal')
+], LitModal);
+export { LitModal };
+//# sourceMappingURL=lit-modal.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"lit-modal.js","sourceRoot":"","sources":["../../src/shared/lit-modal.ts"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,103 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { LitElement, html, css, nothing } from 'lit';
+import { customElement, property, query, state } from 'lit/decorators.js';
+import './simple-tooltip.js';
+import { tooltip } from './simple-tooltip.js';
+let LitOverflowTooltip = class LitOverflowTooltip extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.label = '';
+        this.placement = 'top';
+        this.isOverflowing = false;
+        this.checkOverflow = () => {
+            const el = this.textElement;
+            if (!el) {
+                this.isOverflowing = false;
+                return;
+            }
+            this.isOverflowing = el.scrollWidth > el.clientWidth;
+        };
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        // No observer setup here, wait for element access in firstUpdated
+    }
+    disconnectedCallback() {
+        this.disconnectObservers();
+        super.disconnectedCallback();
+    }
+    firstUpdated() {
+        this.setupObservers();
+        this.shadowRoot?.querySelector('slot')?.addEventListener('slotchange', this.checkOverflow);
+        // Initial check
+        this.checkOverflow();
+    }
+    updated(changedProps) {
+        if (changedProps.has('label')) {
+            this.checkOverflow();
+        }
+    }
+    setupObservers() {
+        // Defensive: disconnect if already setup
+        this.disconnectObservers();
+        // Bind checkOverflow for correct 'this'
+        this.checkOverflow = this.checkOverflow.bind(this);
+        if (this.textElement) {
+            this.textObserver = new ResizeObserver(this.checkOverflow);
+            this.textObserver.observe(this.textElement);
+        }
+        this.hostObserver = new ResizeObserver(this.checkOverflow);
+        this.hostObserver.observe(this);
+    }
+    disconnectObservers() {
+        this.textObserver?.disconnect();
+        this.textObserver = undefined;
+        this.hostObserver?.disconnect();
+        this.hostObserver = undefined;
+    }
+    render() {
+        return this.isOverflowing
+            ? html `
+                  <div
+                      class="text-content"
+                      ${this.isOverflowing ? tooltip(this.label, this.placement) : nothing}
+                  >
+                      <slot></slot>
+                  </div>
+              `
+            : html ` <div class="text-content"><slot></slot></div> `;
+    }
+};
+LitOverflowTooltip.styles = css `
+        :host {
+            display: inline-block;
+            width: 100%;
+        }
+        .text-content {
+            overflow: hidden;
+            text-overflow: ellipsis;
+            white-space: nowrap;
+        }
+    `;
+__decorate([
+    property({ type: String })
+], LitOverflowTooltip.prototype, "label", void 0);
+__decorate([
+    property({ type: String })
+], LitOverflowTooltip.prototype, "placement", void 0);
+__decorate([
+    state()
+], LitOverflowTooltip.prototype, "isOverflowing", void 0);
+__decorate([
+    query('.text-content')
+], LitOverflowTooltip.prototype, "textElement", void 0);
+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":"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"}