overview-components 1.1.172 → 1.1.174

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

@@ -5,23 +5,62 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 import { LitElement, html } from 'lit';
-import { property } from 'lit/decorators.js';
+import { property, query } from 'lit/decorators.js';
 import { msg } from '@lit/localize';
-import './simple-popper.js';
 import './lit-button.js';
 import './lit-responsive-button.js';
 import './lit-menu.js';
 import './lit-menu-item.js';
+import { openSharedPopper, closeSharedPopper, isSharedPopperOpenFor, } from './simple-popper.js';
 export class LitDataGridExportPopover extends LitElement {
     constructor() {
         super(...arguments);
         this.exportToExcel = () => { };
         this.exportToCsv = () => { };
         this.disabledButtons = false;
+        this.toggleMenu = () => {
+            if (!this.referenceButton)
+                return;
+            if (isSharedPopperOpenFor(this.referenceButton)) {
+                closeSharedPopper(this.referenceButton);
+                return;
+            }
+            openSharedPopper({
+                target: this.referenceButton,
+                placement: 'top-end',
+                content: this.menuTemplate(),
+                renderOptions: { host: this },
+            });
+        };
     }
     handleExport(exportFn) {
+        closeSharedPopper(this.referenceButton);
         exportFn(); // Trigger the provided export function
     }
+    menuTemplate() {
+        return html `<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>`;
+    }
+    disconnectedCallback() {
+        super.disconnectedCallback();
+        if (this.referenceButton) {
+            closeSharedPopper(this.referenceButton);
+        }
+    }
     render() {
         return html `
             <lit-responsive-button
@@ -30,26 +69,8 @@ export class LitDataGridExportPopover extends LitElement {
                 color="secondary"
                 label=${msg('Export')}
                 icon="csv"
-                slot="reference"
+                @click=${this.toggleMenu}
             ></lit-responsive-button>
-            <simple-popper placement="top-end">
-                <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>
-            </simple-popper>
         `;
     }
 }
@@ -62,6 +83,9 @@ __decorate([
 __decorate([
     property({ type: Boolean })
 ], LitDataGridExportPopover.prototype, "disabledButtons", void 0);
+__decorate([
+    query('lit-responsive-button')
+], LitDataGridExportPopover.prototype, "referenceButton", void 0);
 if (!window.customElements.get('lit-data-grid-export-popover')) {
     window.customElements.define('lit-data-grid-export-popover', LitDataGridExportPopover);
 }

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,EAAO,MAAM,KAAK,CAAC;AAC5C,OAAO,EAAiB,QAAQ,EAAS,MAAM,mBAAmB,CAAC;AACnE,OAAO,EAAE,GAAG,EAAE,MAAM,eAAe,CAAC;AACpC,OAAO,oBAAoB,CAAC;AAC5B,OAAO,iBAAiB,CAAC;AACzB,OAAO,4BAA4B,CAAC;AACpC,OAAO,eAAe,CAAC;AACvB,OAAO,oBAAoB,CAAC;AAE5B,MAAM,OAAO,wBAAyB,SAAQ,UAAU;IAAxD;;QACkC,kBAAa,GAAe,GAAG,EAAE,GAAE,CAAC,CAAC;QACrC,gBAAW,GAAe,GAAG,EAAE,GAAE,CAAC,CAAC;QACpC,oBAAe,GAAY,KAAK,CAAC;IAoClE,CAAC;IAlCW,YAAY,CAAC,QAAoB;QACrC,QAAQ,EAAE,CAAC,CAAC,uCAAuC;IACvD,CAAC;IAED,MAAM;QACF,OAAO,IAAI,CAAA;;;;;wBAKK,GAAG,CAAC,QAAQ,CAAC;;;;;;;8BAOP,CAAC;;mCAEI,GAAG,EAAE,CAAC,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,WAAW,CAAC;oCACxC,IAAI,CAAC,eAAe;2BAC7B,GAAG,CAAC,eAAe,CAAC;;;8BAGjB,CAAC;;mCAEI,GAAG,EAAE,CAAC,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,aAAa,CAAC;oCAC1C,IAAI,CAAC,eAAe;2BAC7B,GAAG,CAAC,iBAAiB,CAAC;;;;SAIxC,CAAC;IACN,CAAC;CACJ;AAtCiC;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;AAsClE,IAAI,CAAC,MAAM,CAAC,cAAc,CAAC,GAAG,CAAC,8BAA8B,CAAC,EAAE,CAAC;IAC7D,MAAM,CAAC,cAAc,CAAC,MAAM,CAAC,8BAA8B,EAAE,wBAAwB,CAAC,CAAC;AAC3F,CAAC"}
+{"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,EAAuB,MAAM,KAAK,CAAC;AAC5D,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,GAAG,EAAE,MAAM,eAAe,CAAC;AACpC,OAAO,iBAAiB,CAAC;AACzB,OAAO,4BAA4B,CAAC;AACpC,OAAO,eAAe,CAAC;AACvB,OAAO,oBAAoB,CAAC;AAC5B,OAAO,EACH,gBAAgB,EAChB,iBAAiB,EACjB,qBAAqB,GACxB,MAAM,oBAAoB,CAAC;AAE5B,MAAM,OAAO,wBAAyB,SAAQ,UAAU;IAAxD;;QACkC,kBAAa,GAAe,GAAG,EAAE,GAAE,CAAC,CAAC;QACrC,gBAAW,GAAe,GAAG,EAAE,GAAE,CAAC,CAAC;QACpC,oBAAe,GAAY,KAAK,CAAC;QAStD,eAAU,GAAG,GAAG,EAAE;YACtB,IAAI,CAAC,IAAI,CAAC,eAAe;gBAAE,OAAO;YAClC,IAAI,qBAAqB,CAAC,IAAI,CAAC,eAAe,CAAC,EAAE,CAAC;gBAC9C,iBAAiB,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC;gBACxC,OAAO;YACX,CAAC;YACD,gBAAgB,CAAC;gBACb,MAAM,EAAE,IAAI,CAAC,eAAe;gBAC5B,SAAS,EAAE,SAAS;gBACpB,OAAO,EAAE,IAAI,CAAC,YAAY,EAAE;gBAC5B,aAAa,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE;aAChC,CAAC,CAAC;QACP,CAAC,CAAC;IAwCN,CAAC;IAzDW,YAAY,CAAC,QAAoB;QACrC,iBAAiB,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC;QACxC,QAAQ,EAAE,CAAC,CAAC,uCAAuC;IACvD,CAAC;IAgBO,YAAY;QAChB,OAAO,IAAI,CAAA;;sBAEG,CAAC;;2BAEI,GAAG,EAAE,CAAC,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,WAAW,CAAC;4BACxC,IAAI,CAAC,eAAe;mBAC7B,GAAG,CAAC,eAAe,CAAC;;;sBAGjB,CAAC;;2BAEI,GAAG,EAAE,CAAC,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,aAAa,CAAC;4BAC1C,IAAI,CAAC,eAAe;mBAC7B,GAAG,CAAC,iBAAiB,CAAC;;oBAErB,CAAC;IACjB,CAAC;IAED,oBAAoB;QAChB,KAAK,CAAC,oBAAoB,EAAE,CAAC;QAC7B,IAAI,IAAI,CAAC,eAAe,EAAE,CAAC;YACvB,iBAAiB,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC;QAC5C,CAAC;IACL,CAAC;IAED,MAAM;QACF,OAAO,IAAI,CAAA;;;;;wBAKK,GAAG,CAAC,QAAQ,CAAC;;yBAEZ,IAAI,CAAC,UAAU;;SAE/B,CAAC;IACN,CAAC;CACJ;AA/DiC;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;AAEtB;IAAvC,KAAK,CAAC,uBAAuB,CAAC;iEAAuC;AA6D1E,IAAI,CAAC,MAAM,CAAC,cAAc,CAAC,GAAG,CAAC,8BAA8B,CAAC,EAAE,CAAC;IAC7D,MAAM,CAAC,cAAc,CAAC,MAAM,CAAC,8BAA8B,EAAE,wBAAwB,CAAC,CAAC;AAC3F,CAAC"}

package/dist/shared/lit-data-grid-operators-popover.d.ts

@@ -1,5 +1,4 @@
-import { LitElement } from 'lit';
-import './simple-popper.js';
+import { LitElement, type TemplateResult } from 'lit';
 import './lit-icon-button.js';
 import './lit-menu.js';
 import './lit-menu-item.js';
@@ -12,13 +11,13 @@ export declare class LitDataGridOperatorsPopover extends LitElement {
     operator?: Operator;
     disabled?: boolean;
     filterOperators?: ColumnCustomFilter[];
-    private isOpen;
+    private referenceButton?;
     private handleOperator;
-    private toggleCustomPopover;
-    private _handleOutsideClick;
+    private toggleMenu;
+    private menuTemplate;
     disconnectedCallback(): void;
     static styles: import("lit").CSSResult[];
-    protected render(): import("lit-html").TemplateResult<1>;
+    protected render(): TemplateResult<1>;
 }
 declare global {
     interface HTMLElementTagNameMap {

package/dist/shared/lit-data-grid-operators-popover.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"lit-data-grid-operators-popover.d.ts","sourceRoot":"","sources":["../../src/shared/lit-data-grid-operators-popover.ts"],"names":[],"mappings":"AAEA,OAAO,EAAa,UAAU,EAAE,MAAM,KAAK,CAAC;AAE5C,OAAO,oBAAoB,CAAC;AAC5B,OAAO,sBAAsB,CAAC;AAC9B,OAAO,eAAe,CAAC;AACvB,OAAO,oBAAoB,CAAC;AAC5B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,+BAA+B,CAAC;AAC/D,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,+BAA+B,CAAC;AAC9D,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,yCAAyC,CAAC;AAElF,qBAAa,2BAA4B,SAAQ,UAAU;IACzB,WAAW,EAAE,CAAC,QAAQ,EAAE,QAAQ,KAAK,IAAI,CAAoB;IAC/D,IAAI,EAAE,SAAS,CAAY;IAC3B,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAS;IAC7B,eAAe,CAAC,EAAE,kBAAkB,EAAE,CAAM;IAE9D,OAAO,CAAC,MAAM,CAAS;IAEhC,OAAO,CAAC,cAAc;YASR,mBAAmB;IAcjC,OAAO,CAAC,mBAAmB,CAQzB;IAEF,oBAAoB,IAAI,IAAI;IAK5B,MAAM,CAAC,MAAM,4BAUX;IAEF,SAAS,CAAC,MAAM;CA2BnB;AAMD,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,iCAAiC,EAAE,2BAA2B,CAAC;KAClE;CACJ"}
+{"version":3,"file":"lit-data-grid-operators-popover.d.ts","sourceRoot":"","sources":["../../src/shared/lit-data-grid-operators-popover.ts"],"names":[],"mappings":"AACA,OAAO,EAAa,UAAU,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AACjE,OAAO,sBAAsB,CAAC;AAC9B,OAAO,eAAe,CAAC;AACvB,OAAO,oBAAoB,CAAC;AAO5B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,+BAA+B,CAAC;AAC/D,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,+BAA+B,CAAC;AAC9D,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,yCAAyC,CAAC;AAElF,qBAAa,2BAA4B,SAAQ,UAAU;IACzB,WAAW,EAAE,CAAC,QAAQ,EAAE,QAAQ,KAAK,IAAI,CAAoB;IAC/D,IAAI,EAAE,SAAS,CAAY;IAC3B,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAS;IAC7B,eAAe,CAAC,EAAE,kBAAkB,EAAE,CAAM;IAE7C,OAAO,CAAC,eAAe,CAAC,CAAc;IAEhE,OAAO,CAAC,cAAc;IAgBtB,OAAO,CAAC,UAAU,CAchB;IAEF,OAAO,CAAC,YAAY;IAepB,oBAAoB,IAAI,IAAI;IAO5B,MAAM,CAAC,MAAM,4BAUX;IAEF,SAAS,CAAC,MAAM;CAYnB;AAMD,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,iCAAiC,EAAE,2BAA2B,CAAC;KAClE;CACJ"}

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

@@ -4,12 +4,12 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     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 { property, state } from 'lit/decorators.js';
+import { property, query } from 'lit/decorators.js';
 import { css, html, LitElement } from 'lit';
-import './simple-popper.js';
 import './lit-icon-button.js';
 import './lit-menu.js';
 import './lit-menu-item.js';
+import { openSharedPopper, closeSharedPopper, isSharedPopperOpenFor, renderSharedPopperContent, } from './simple-popper.js';
 export class LitDataGridOperatorsPopover extends LitElement {
     constructor() {
         super(...arguments);
@@ -17,41 +17,56 @@ export class LitDataGridOperatorsPopover extends LitElement {
         this.type = 'string';
         this.disabled = false;
         this.filterOperators = [];
-        this.isOpen = false;
-        this._handleOutsideClick = (event) => {
-            const path = event.composedPath();
-            const isClickInside = path.includes(this);
-            if (!isClickInside) {
-                this.isOpen = false;
-                document.removeEventListener('click', this._handleOutsideClick, { capture: true });
+        this.toggleMenu = async (e) => {
+            e.stopPropagation();
+            await this.updateComplete;
+            if (!this.referenceButton)
+                return;
+            if (isSharedPopperOpenFor(this.referenceButton)) {
+                closeSharedPopper(this.referenceButton);
+                return;
             }
+            openSharedPopper({
+                target: this.referenceButton,
+                placement: 'bottom-end',
+                content: this.menuTemplate(),
+                renderOptions: { host: this },
+            });
         };
     }
     handleOperator(operator) {
         if (typeof this.setOperator === 'function') {
             this.operator = operator;
             this.setOperator(operator);
+            // Keep the open menu's active highlight in sync (the menu is rendered
+            // imperatively into the shared popper, so it won't re-render on its own).
+            if (this.referenceButton) {
+                renderSharedPopperContent(this.referenceButton, this.menuTemplate(), {
+                    host: this,
+                });
+            }
         }
         else {
             console.error('setOperator is not a function');
         }
     }
-    async toggleCustomPopover(e) {
-        e.stopPropagation();
-        await this.updateComplete;
-        this.isOpen = !this.isOpen;
-        if (this.isOpen) {
-            setTimeout(() => {
-                document.addEventListener('click', this._handleOutsideClick, { capture: true });
-            }, 0);
-        }
-        else {
-            document.removeEventListener('click', this._handleOutsideClick, { capture: true });
-        }
+    menuTemplate() {
+        return html `<lit-menu>
+            ${this.filterOperators?.map((operator) => html `
+                    <lit-menu-item
+                        .onClick="${() => this.handleOperator(operator.value)}"
+                        .isActive="${this.operator === operator.value}"
+                    >
+                        ${operator.label}
+                    </lit-menu-item>
+                `)}
+        </lit-menu>`;
     }
     disconnectedCallback() {
         super.disconnectedCallback();
-        document.removeEventListener('click', this._handleOutsideClick, { capture: true });
+        if (this.referenceButton) {
+            closeSharedPopper(this.referenceButton);
+        }
     }
     render() {
         return html `
@@ -60,22 +75,9 @@ export class LitDataGridOperatorsPopover extends LitElement {
                 size="small"
                 variant="text"
                 color="secondary"
-                slot="reference"
-                @click=${this.toggleCustomPopover}
+                @click=${this.toggleMenu}
             >
             </lit-icon-button>
-            <simple-popper placement="bottom-end" manualOpening=${true} .showing=${this.isOpen}>
-                <lit-menu>
-                    ${this.filterOperators?.map((operator) => html `
-                            <lit-menu-item
-                                .onClick="${() => this.handleOperator(operator.value)}"
-                                .isActive="${this.operator === operator.value}"
-                            >
-                                ${operator.label}
-                            </lit-menu-item>
-                        `)}
-                </lit-menu>
-            </simple-popper>
         `;
     }
 }
@@ -106,8 +108,8 @@ __decorate([
     property({ type: Array })
 ], LitDataGridOperatorsPopover.prototype, "filterOperators", void 0);
 __decorate([
-    state()
-], LitDataGridOperatorsPopover.prototype, "isOpen", void 0);
+    query('lit-icon-button')
+], LitDataGridOperatorsPopover.prototype, "referenceButton", void 0);
 if (!window.customElements.get('lit-data-grid-operators-popover')) {
     window.customElements.define('lit-data-grid-operators-popover', LitDataGridOperatorsPopover);
 }

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

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

package/dist/shared/lit-data-grid-row-actions.d.ts

@@ -1,9 +1,6 @@
-import { LitElement } from 'lit';
-import './lit-icon-button.js';
-import './lit-responsive-button.js';
+import { LitElement, type TemplateResult } from 'lit';
 import './lit-menu.js';
 import './lit-menu-item.js';
-import './simple-popper.js';
 export type ActionButton = {
     id: string | number;
     icon: string;
@@ -16,22 +13,30 @@ export type ActionButton = {
 export type LitDataGridRowActionsProps = {
     buttons: ActionButton[];
 };
+type RowActionButton = {
+    id: string;
+    icon: string;
+    label: string;
+    onClick: () => void;
+    disabled: boolean;
+    showInMenu: boolean;
+    marked?: boolean;
+};
 export declare class LitDataGridRowActions extends LitElement {
-    buttons: Array<{
-        id: string;
-        icon: string;
-        label: string;
-        onClick: () => void;
-        disabled: boolean;
-        showInMenu: boolean;
-        marked?: boolean;
-    }>;
+    buttons: RowActionButton[];
+    private menuOpen;
+    private kebabButton?;
+    static styles: import("lit").CSSResult;
     private handleOnClick;
-    render(): import("lit-html").TemplateResult<1>;
+    private openMenu;
+    private renderMenu;
+    disconnectedCallback(): void;
+    render(): TemplateResult<1>;
 }
 declare global {
     interface HTMLElementTagNameMap {
         'lit-data-grid-row-actions': LitDataGridRowActions;
     }
 }
+export {};
 //# sourceMappingURL=lit-data-grid-row-actions.d.ts.map

package/dist/shared/lit-data-grid-row-actions.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"lit-data-grid-row-actions.d.ts","sourceRoot":"","sources":["../../src/shared/lit-data-grid-row-actions.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAE5C,OAAO,sBAAsB,CAAC;AAC9B,OAAO,4BAA4B,CAAC;AACpC,OAAO,eAAe,CAAC;AACvB,OAAO,oBAAoB,CAAC;AAE5B,OAAO,oBAAoB,CAAC;AAE5B,MAAM,MAAM,YAAY,GAAG;IACvB,EAAE,EAAE,MAAM,GAAG,MAAM,CAAC;IACpB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,MAAM,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,0BAA0B,GAAG;IACrC,OAAO,EAAE,YAAY,EAAE,CAAC;CAC3B,CAAC;AACF,qBAAa,qBAAsB,SAAQ,UAAU;IACtB,OAAO,EAAE,KAAK,CAAC;QACtC,EAAE,EAAE,MAAM,CAAC;QACX,IAAI,EAAE,MAAM,CAAC;QACb,KAAK,EAAE,MAAM,CAAC;QACd,OAAO,EAAE,MAAM,IAAI,CAAC;QACpB,QAAQ,EAAE,OAAO,CAAC;QAClB,UAAU,EAAE,OAAO,CAAC;QACpB,MAAM,CAAC,EAAE,OAAO,CAAC;KACpB,CAAC,CAAM;IAER,OAAO,CAAC,aAAa;IAMrB,MAAM;CA4DT;AAMD,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,2BAA2B,EAAE,qBAAqB,CAAC;KACtD;CACJ"}
+{"version":3,"file":"lit-data-grid-row-actions.d.ts","sourceRoot":"","sources":["../../src/shared/lit-data-grid-row-actions.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAsB,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAG1E,OAAO,eAAe,CAAC;AACvB,OAAO,oBAAoB,CAAC;AAS5B,MAAM,MAAM,YAAY,GAAG;IACvB,EAAE,EAAE,MAAM,GAAG,MAAM,CAAC;IACpB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,MAAM,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,0BAA0B,GAAG;IACrC,OAAO,EAAE,YAAY,EAAE,CAAC;CAC3B,CAAC;AAEF,KAAK,eAAe,GAAG;IACnB,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,EAAE,OAAO,CAAC;IAClB,UAAU,EAAE,OAAO,CAAC;IACpB,MAAM,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAOF,qBAAa,qBAAsB,SAAQ,UAAU;IACtB,OAAO,EAAE,eAAe,EAAE,CAAM;IAKlD,OAAO,CAAC,QAAQ,CAAS;IAEjB,OAAO,CAAC,WAAW,CAAC,CAAoB;IAEzD,MAAM,CAAC,MAAM,0BAuCX;IAEF,OAAO,CAAC,aAAa;IASrB,OAAO,CAAC,QAAQ,CAmBd;IAEF,OAAO,CAAC,UAAU;IAoBlB,oBAAoB,IAAI,IAAI;IAS5B,MAAM;CA2CT;AAMD,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,2BAA2B,EAAE,qBAAqB,CAAC;KACtD;CACJ"}

package/dist/shared/lit-data-grid-row-actions.js

@@ -4,83 +4,173 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     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 } from 'lit';
-import { property } from 'lit/decorators.js';
-import './lit-icon-button.js';
-import './lit-responsive-button.js';
+import { LitElement, html, css, nothing } from 'lit';
+import { property, state, query } from 'lit/decorators.js';
+import { msg } from '@lit/localize';
 import './lit-menu.js';
 import './lit-menu-item.js';
 import { tooltip } from './simple-tooltip.js';
-import './simple-popper.js';
+import { renderIcon } from './icon-svg.js';
+import { openSharedPopper, closeSharedPopper, isSharedPopperOpenFor, } from './simple-popper.js';
+// The row "kebab" menu opens into the shared singleton popper (see
+// openSharedPopper in simple-popper.ts), which lives at document.body. No
+// <simple-popper> is rendered per row, so a closed grid carries zero popper /
+// menu custom elements — previously each row held one even while closed, which
+// dominated synchronous teardown cost on route switch.
 export class LitDataGridRowActions extends LitElement {
     constructor() {
         super(...arguments);
         this.buttons = [];
+        // Drives aria-expanded on the kebab button only; the menu content is rendered
+        // into the shared body-level popper, not into this component's tree, so a
+        // closed grid carries zero menu custom elements.
+        this.menuOpen = false;
+        this.openMenu = () => {
+            if (!this.kebabButton)
+                return;
+            // Toggle: clicking the kebab while its menu is open closes it.
+            if (isSharedPopperOpenFor(this.kebabButton)) {
+                closeSharedPopper(this.kebabButton);
+                return;
+            }
+            const showInMenuButtons = this.buttons.filter((button) => button.showInMenu);
+            openSharedPopper({
+                target: this.kebabButton,
+                placement: 'bottom-end',
+                offset: 0,
+                content: this.renderMenu(showInMenuButtons),
+                onClose: () => {
+                    this.menuOpen = false;
+                },
+                renderOptions: { host: this },
+            });
+            this.menuOpen = true;
+        };
     }
     handleOnClick(e, onClick) {
         e.stopPropagation(); // Prevent event bubbling
         e.preventDefault(); // Prevent default action
-        onClick(); // Trigger the provided export function
+        onClick(); // Trigger the provided action
+        // The shared popper opens in manualOpening mode, which suppresses its
+        // own slot-click auto-close, so close it explicitly after a menu pick.
+        closeSharedPopper(this.kebabButton);
+    }
+    renderMenu(showInMenuButtons) {
+        return html `<lit-menu>
+            ${showInMenuButtons.map((button) => html `
+                    <lit-menu-item
+                        id="${button.id}"
+                        icon="${button.icon}"
+                        .onClick="${(e) => this.handleOnClick(e, button.onClick)}"
+                        .disabled="${button.disabled}"
+                        @touchend=${(e) => {
+            this.handleOnClick(e, button.onClick);
+        }}
+                    >
+                        ${button.label}
+                    </lit-menu-item>
+                `)}
+        </lit-menu>`;
+    }
+    disconnectedCallback() {
+        super.disconnectedCallback();
+        // If this row's menu is the one currently open, close it so a removed row
+        // never leaves a dangling menu pointing at dead DOM.
+        if (this.kebabButton) {
+            closeSharedPopper(this.kebabButton);
+        }
     }
     render() {
         const visibleButtons = this.buttons.filter((button) => !button.showInMenu);
         const showInMenuButtons = this.buttons.filter((button) => button.showInMenu);
         return html `
-            <div
-                style="display: flex; height: 100%; align-items: center; justify-content: flex-end;"
-            >
+            <div class="actions">
                 ${visibleButtons.map((button) => html `
-                        <lit-icon-button
-                            color="secondary"
-                            variant="text"
-                            size="small"
-                            .icon="${button.icon}"
+                        <button
+                            class="icon-button"
+                            aria-label=${button.label}
+                            ?disabled=${button.disabled}
                             @click="${(e) => this.handleOnClick(e, button.onClick)}"
                             @touchend=${(e) => {
             this.handleOnClick(e, button.onClick);
         }}
-                            .disabled="${button.disabled}"
-                            .marked="${button.marked}"
                             ${tooltip(button.label, 'left')}
-                        ></lit-icon-button>
+                        >
+                            ${renderIcon(button.icon, {
+            size: '1rem',
+            isActive: !!button.marked,
+        })}
+                        </button>
                     `)}
                 ${showInMenuButtons.length > 0
-            ? html ` <lit-icon-button
-                              color="secondary"
-                              size="small"
-                              variant="text"
-                              icon="morevertical"
-                              slot="reference"
-                              @touchend=${(e) => {
+            ? html `<button
+                          class="icon-button kebab"
+                          aria-label=${msg('Další možnosti')}
+                          aria-haspopup="menu"
+                          aria-expanded=${this.menuOpen ? 'true' : 'false'}
+                          @click=${this.openMenu}
+                          @touchend=${(e) => {
                 e.stopPropagation();
                 e.preventDefault();
+                this.openMenu();
             }}
-                          ></lit-icon-button>
-                          <simple-popper offset="0" placement="bottom-end">
-                              <lit-menu>
-                                  ${showInMenuButtons.map((button) => html `
-                                          <lit-menu-item
-                                              id="${button.id}"
-                                              icon="${button.icon}"
-                                              .onClick="${(e) => this.handleOnClick(e, button.onClick)}"
-                                              .disabled="${button.disabled}"
-                                              @touchend=${(e) => {
-                this.handleOnClick(e, button.onClick);
-            }}
-                                          >
-                                              ${button.label}
-                                          </lit-menu-item>
-                                      `)}
-                              </lit-menu>
-                          </simple-popper>`
-            : null}
+                      >
+                          ${renderIcon('morevertical', { size: '1rem' })}
+                      </button>`
+            : nothing}
             </div>
         `;
     }
 }
+LitDataGridRowActions.styles = css `
+        .actions {
+            display: flex;
+            height: 100%;
+            align-items: center;
+            justify-content: flex-end;
+        }
+
+        /* Native light-DOM replacement for <lit-icon-button variant="text"
+           color="secondary" size="small"> — no custom element, no shadow root. */
+        .icon-button {
+            width: 20px;
+            height: 20px;
+            padding: 0;
+            margin: 0;
+            border: none;
+            background: transparent;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            border-radius: var(--border-radius-small, 0.5rem);
+            cursor: pointer;
+            color: var(--color-secondary-main, #6b7280);
+            transition:
+                background-color 0.3s,
+                color 0.3s;
+        }
+        .icon-button:not(:disabled):hover {
+            background-color: var(--color-primary-light, #f3f4f6);
+        }
+        .icon-button:disabled {
+            color: var(--color-primary-disabled, #d0d3db);
+            background: transparent;
+            cursor: not-allowed;
+        }
+        .icon-button:focus-visible {
+            outline: 2px solid var(--color-secondary-main, #6b7280);
+            outline-offset: 1px;
+        }
+    `;
 __decorate([
     property({ type: Array })
 ], LitDataGridRowActions.prototype, "buttons", void 0);
+__decorate([
+    state()
+], LitDataGridRowActions.prototype, "menuOpen", void 0);
+__decorate([
+    query('.kebab')
+], LitDataGridRowActions.prototype, "kebabButton", void 0);
 if (!window.customElements.get('lit-data-grid-row-actions')) {
     window.customElements.define('lit-data-grid-row-actions', LitDataGridRowActions);
 }

package/dist/shared/lit-data-grid-row-actions.js.map

@@ -1 +1 @@
-{"version":3,"file":"lit-data-grid-row-actions.js","sourceRoot":"","sources":["../../src/shared/lit-data-grid-row-actions.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAO,MAAM,KAAK,CAAC;AAC5C,OAAO,EAAiB,QAAQ,EAAS,MAAM,mBAAmB,CAAC;AACnE,OAAO,sBAAsB,CAAC;AAC9B,OAAO,4BAA4B,CAAC;AACpC,OAAO,eAAe,CAAC;AACvB,OAAO,oBAAoB,CAAC;AAC5B,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAC9C,OAAO,oBAAoB,CAAC;AAe5B,MAAM,OAAO,qBAAsB,SAAQ,UAAU;IAArD;;QAC+B,YAAO,GAQ7B,EAAE,CAAC;IAoEZ,CAAC;IAlEW,aAAa,CAAC,CAA0B,EAAE,OAAmB;QACjE,CAAC,CAAC,eAAe,EAAE,CAAC,CAAC,yBAAyB;QAC9C,CAAC,CAAC,cAAc,EAAE,CAAC,CAAC,yBAAyB;QAC7C,OAAO,EAAE,CAAC,CAAC,uCAAuC;IACtD,CAAC;IAED,MAAM;QACF,MAAM,cAAc,GAAG,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC;QAC3E,MAAM,iBAAiB,GAAG,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC;QAC7E,OAAO,IAAI,CAAA;;;;kBAID,cAAc,CAAC,GAAG,CAChB,CAAC,MAAM,EAAE,EAAE,CAAC,IAAI,CAAA;;;;;qCAKC,MAAM,CAAC,IAAI;sCACV,CAAC,CAAa,EAAE,EAAE,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC,EAAE,MAAM,CAAC,OAAO,CAAC;wCACtD,CAAC,CAAa,EAAE,EAAE;YAC1B,IAAI,CAAC,aAAa,CAAC,CAAC,EAAE,MAAM,CAAC,OAAO,CAAC,CAAC;QAC1C,CAAC;yCACY,MAAM,CAAC,QAAQ;uCACjB,MAAM,CAAC,MAAM;8BACtB,OAAO,CAAC,MAAM,CAAC,KAAK,EAAE,MAAM,CAAC;;qBAEtC,CACJ;kBACC,iBAAiB,CAAC,MAAM,GAAG,CAAC;YAC1B,CAAC,CAAC,IAAI,CAAA;;;;;;0CAMgB,CAAC,CAAa,EAAE,EAAE;gBAC1B,CAAC,CAAC,eAAe,EAAE,CAAC;gBACpB,CAAC,CAAC,cAAc,EAAE,CAAC;YACvB,CAAC;;;;oCAIK,iBAAiB,CAAC,GAAG,CACnB,CAAC,MAAM,EAAE,EAAE,CAAC,IAAI,CAAA;;oDAEF,MAAM,CAAC,EAAE;sDACP,MAAM,CAAC,IAAI;0DACP,CAAC,CAAa,EAAE,EAAE,CAC1B,IAAI,CAAC,aAAa,CAAC,CAAC,EAAE,MAAM,CAAC,OAAO,CAAC;2DAC5B,MAAM,CAAC,QAAQ;0DAChB,CAAC,CAAa,EAAE,EAAE;gBAC1B,IAAI,CAAC,aAAa,CAAC,CAAC,EAAE,MAAM,CAAC,OAAO,CAAC,CAAC;YAC1C,CAAC;;gDAEC,MAAM,CAAC,KAAK;;uCAErB,CACJ;;2CAEQ;YACvB,CAAC,CAAC,IAAI;;SAEjB,CAAC;IACN,CAAC;CACJ;AA5E8B;IAA1B,QAAQ,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC;sDAQlB;AAsEZ,IAAI,CAAC,MAAM,CAAC,cAAc,CAAC,GAAG,CAAC,2BAA2B,CAAC,EAAE,CAAC;IAC1D,MAAM,CAAC,cAAc,CAAC,MAAM,CAAC,2BAA2B,EAAE,qBAAqB,CAAC,CAAC;AACrF,CAAC"}
+{"version":3,"file":"lit-data-grid-row-actions.js","sourceRoot":"","sources":["../../src/shared/lit-data-grid-row-actions.ts"],"names":[],"mappings":"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"}

package/dist/shared/lit-icon-button.d.ts

@@ -1,5 +1,4 @@
 import { LitElement } from 'lit';
-import './lit-icon.js';
 import type { Icon } from './lit-icon.js';
 export type IconButtonVariant = 'text' | 'contained' | 'outlined' | 'dashed';
 export type IconButtonColor = 'primary' | 'secondary' | 'error' | 'warning' | 'ai';

package/dist/shared/lit-icon-button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"lit-icon-button.d.ts","sourceRoot":"","sources":["../../src/shared/lit-icon-button.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAE5C,OAAO,eAAe,CAAC;AACvB,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAK1C,MAAM,MAAM,iBAAiB,GAAG,MAAM,GAAG,WAAW,GAAG,UAAU,GAAG,QAAQ,CAAC;AAC7E,MAAM,MAAM,eAAe,GAAG,SAAS,GAAG,WAAW,GAAG,OAAO,GAAG,SAAS,GAAG,IAAI,CAAC;AAYnF,qBAAa,UAAW,SAAQ,UAAU;IAEV,OAAO,CAAC,EAAE,iBAAiB,CAAe;IAC1C,KAAK,CAAC,EAAE,eAAe,CAAa;IACpC,IAAI,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAY;IACvD,QAAQ,CAAC,EAAE,OAAO,CAAS;IACZ,MAAM,CAAC,EAAE,OAAO,CAAS;IACzC,IAAI,CAAC,EAAE,IAAI,CAAS;IACnB,MAAM,CAAC,EAAE,OAAO,CAAS;IACzB,OAAO,CAAC,EAAE,OAAO,CAAS;IAGvD,MAAM,CAAC,MAAM,4BAmFX;IAGF,MAAM;CA2BT;AAMD,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,iBAAiB,EAAE,UAAU,CAAC;KACjC;CACJ"}
+{"version":3,"file":"lit-icon-button.d.ts","sourceRoot":"","sources":["../../src/shared/lit-icon-button.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAE5C,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAM1C,MAAM,MAAM,iBAAiB,GAAG,MAAM,GAAG,WAAW,GAAG,UAAU,GAAG,QAAQ,CAAC;AAC7E,MAAM,MAAM,eAAe,GAAG,SAAS,GAAG,WAAW,GAAG,OAAO,GAAG,SAAS,GAAG,IAAI,CAAC;AAYnF,qBAAa,UAAW,SAAQ,UAAU;IAEV,OAAO,CAAC,EAAE,iBAAiB,CAAe;IAC1C,KAAK,CAAC,EAAE,eAAe,CAAa;IACpC,IAAI,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAY;IACvD,QAAQ,CAAC,EAAE,OAAO,CAAS;IACZ,MAAM,CAAC,EAAE,OAAO,CAAS;IACzC,IAAI,CAAC,EAAE,IAAI,CAAS;IACnB,MAAM,CAAC,EAAE,OAAO,CAAS;IACzB,OAAO,CAAC,EAAE,OAAO,CAAS;IAGvD,MAAM,CAAC,MAAM,4BAmFX;IAGF,MAAM;CA0BT;AAMD,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,iBAAiB,EAAE,UAAU,CAAC;KACjC;CACJ"}

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

@@ -6,7 +6,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 };
 import { LitElement, html, css } from 'lit';
 import { property } from 'lit/decorators.js';
-import './lit-icon.js';
+import { renderIcon } from './icon-svg.js';
 // styles
 import buttonStyles from './styles/button-shared-styles.js';
 export class IconButton extends LitElement {
@@ -39,12 +39,11 @@ export class IconButton extends LitElement {
             : ''}
                 <slot name="icon"
                     >${this.icon &&
-            html `<lit-icon
-                        class="out-ai ${this.loading ? 'icon-hidden' : ''}"
-                        .isActive="${this.marked}"
-                        size="${iconSize}"
-                        icon=${this.icon}
-                    ></lit-icon>`}</slot
+            renderIcon(this.icon, {
+                isActive: !!this.marked,
+                size: iconSize,
+                class: `out-ai ${this.loading ? 'icon-hidden' : ''}`,
+            })}</slot
                 >
             </button>
         `;