overview-components 1.1.173 → 1.1.174

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

@@ -5,19 +5,34 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 import { LitElement, html, css } 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 LitDataGridDensityPopover extends LitElement {
     constructor() {
         super(...arguments);
         this.setDensity = (density) => { };
+        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 },
+            });
+        };
     }
     handleDensity(density) {
+        closeSharedPopper(this.referenceButton);
         if (typeof this.setDensity === 'function') {
             this.setDensity(density); // Trigger the provided set function
         }
@@ -25,6 +40,37 @@ export class LitDataGridDensityPopover extends LitElement {
             console.error('setDensity is not a function');
         }
     }
+    menuTemplate() {
+        return html `<lit-menu>
+            <lit-menu-item
+                id="${1}"
+                icon="rowmall"
+                .onClick="${() => this.handleDensity('compact')}"
+                .isActive="${this.density === 'compact'}"
+                >${msg('Kompaktní')}
+            </lit-menu-item>
+            <lit-menu-item
+                id="${2}"
+                icon="rowmedium"
+                .onClick="${() => this.handleDensity('standard')}"
+                .isActive="${this.density === 'standard'}"
+                >${msg('Standardní')}
+            </lit-menu-item>
+            <lit-menu-item
+                id="${3}"
+                icon="rowlarge"
+                .onClick="${() => this.handleDensity('comfort')}"
+                .isActive="${this.density === 'comfort'}"
+                >${msg('Komfortní')}
+            </lit-menu-item>
+        </lit-menu>`;
+    }
+    disconnectedCallback() {
+        super.disconnectedCallback();
+        if (this.referenceButton) {
+            closeSharedPopper(this.referenceButton);
+        }
+    }
     render() {
         return html `
             <lit-responsive-button
@@ -33,39 +79,12 @@ export class LitDataGridDensityPopover extends LitElement {
                 color="secondary"
                 label=${msg('Zobrazení')}
                 icon="rowmedium"
-                slot="reference"
+                @click=${this.toggleMenu}
             ></lit-responsive-button>
-
-            <simple-popper placement="top-end">
-                <lit-menu>
-                    <lit-menu-item
-                        id="${1}"
-                        icon="rowmall"
-                        .onClick="${() => this.handleDensity('compact')}"
-                        .isActive="${this.density === 'compact'}"
-                        >${msg('Kompaktní')}
-                    </lit-menu-item>
-                    <lit-menu-item
-                        id="${2}"
-                        icon="rowmedium"
-                        .onClick="${() => this.handleDensity('standard')}"
-                        .isActive="${this.density === 'standard'}"
-                        >${msg('Standardní')}
-                    </lit-menu-item>
-                    <lit-menu-item
-                        id="${3}"
-                        icon="rowlarge"
-                        .onClick="${() => this.handleDensity('comfort')}"
-                        .isActive="${this.density === 'comfort'}"
-                        >${msg('Komfortní')}
-                    </lit-menu-item>
-                </lit-menu>
-            </simple-popper>
         `;
     }
 }
 LitDataGridDensityPopover.styles = [
-    // styles,
     css `
             :host {
                 font-family: 'Inter', sans-serif;
@@ -78,6 +97,9 @@ __decorate([
 __decorate([
     property({ type: String })
 ], LitDataGridDensityPopover.prototype, "density", void 0);
+__decorate([
+    query('lit-responsive-button')
+], LitDataGridDensityPopover.prototype, "referenceButton", void 0);
 if (!window.customElements.get('lit-data-grid-density-popover')) {
     window.customElements.define('lit-data-grid-density-popover', LitDataGridDensityPopover);
 }

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

@@ -1 +1 @@
-{"version":3,"file":"lit-data-grid-density-popover.js","sourceRoot":"","sources":["../../src/shared/lit-data-grid-density-popover.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,GAAG,EAAE,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;AAG5B,MAAM,OAAO,yBAA0B,SAAQ,UAAU;IAAzD;;QACkC,eAAU,GAA+B,CAAC,OAAO,EAAE,EAAE,GAAE,CAAC,CAAC;IA0D3F,CAAC;IA9CW,aAAa,CAAC,OAAgB;QAClC,IAAI,OAAO,IAAI,CAAC,UAAU,KAAK,UAAU,EAAE,CAAC;YACxC,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC,CAAC,oCAAoC;QAClE,CAAC;aAAM,CAAC;YACJ,OAAO,CAAC,KAAK,CAAC,8BAA8B,CAAC,CAAC;QAClD,CAAC;IACL,CAAC;IAED,MAAM;QACF,OAAO,IAAI,CAAA;;;;;wBAKK,GAAG,CAAC,WAAW,CAAC;;;;;;;;8BAQV,CAAC;;oCAEK,GAAG,EAAE,CAAC,IAAI,CAAC,aAAa,CAAC,SAAS,CAAC;qCAClC,IAAI,CAAC,OAAO,KAAK,SAAS;2BACpC,GAAG,CAAC,WAAW,CAAC;;;8BAGb,CAAC;;oCAEK,GAAG,EAAE,CAAC,IAAI,CAAC,aAAa,CAAC,UAAU,CAAC;qCACnC,IAAI,CAAC,OAAO,KAAK,UAAU;2BACrC,GAAG,CAAC,YAAY,CAAC;;;8BAGd,CAAC;;oCAEK,GAAG,EAAE,CAAC,IAAI,CAAC,aAAa,CAAC,SAAS,CAAC;qCAClC,IAAI,CAAC,OAAO,KAAK,SAAS;2BACpC,GAAG,CAAC,WAAW,CAAC;;;;SAIlC,CAAC;IACN,CAAC;;AAtDM,gCAAM,GAAG;IACZ,UAAU;IACV,GAAG,CAAA;;;;SAIF;CACJ,AAPY,CAOX;AAV4B;IAA7B,QAAQ,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC;6DAA0D;AAC3D;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;0DAAmB;AA2DlD,IAAI,CAAC,MAAM,CAAC,cAAc,CAAC,GAAG,CAAC,+BAA+B,CAAC,EAAE,CAAC;IAC9D,MAAM,CAAC,cAAc,CAAC,MAAM,CAAC,+BAA+B,EAAE,yBAAyB,CAAC,CAAC;AAC7F,CAAC"}
+{"version":3,"file":"lit-data-grid-density-popover.js","sourceRoot":"","sources":["../../src/shared/lit-data-grid-density-popover.ts"],"names":[],"mappings":"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"}

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

@@ -1,5 +1,4 @@
-import { LitElement } from 'lit';
-import './simple-popper.js';
+import { LitElement, type TemplateResult } from 'lit';
 import './lit-button.js';
 import './lit-responsive-button.js';
 import './lit-menu.js';
@@ -8,8 +7,12 @@ export declare class LitDataGridExportPopover extends LitElement {
     exportToExcel: () => void;
     exportToCsv: () => void;
     disabledButtons: boolean;
+    private referenceButton?;
     private handleExport;
-    render(): import("lit-html").TemplateResult<1>;
+    private toggleMenu;
+    private menuTemplate;
+    disconnectedCallback(): void;
+    render(): TemplateResult<1>;
 }
 declare global {
     interface HTMLElementTagNameMap {

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

@@ -1 +1 @@
-{"version":3,"file":"lit-data-grid-export-popover.d.ts","sourceRoot":"","sources":["../../src/shared/lit-data-grid-export-popover.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAG5C,OAAO,oBAAoB,CAAC;AAC5B,OAAO,iBAAiB,CAAC;AACzB,OAAO,4BAA4B,CAAC;AACpC,OAAO,eAAe,CAAC;AACvB,OAAO,oBAAoB,CAAC;AAE5B,qBAAa,wBAAyB,SAAQ,UAAU;IACtB,aAAa,EAAE,MAAM,IAAI,CAAY;IACrC,WAAW,EAAE,MAAM,IAAI,CAAY;IACpC,eAAe,EAAE,OAAO,CAAS;IAE9D,OAAO,CAAC,YAAY;IAIpB,MAAM;CA8BT;AAMD,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,8BAA8B,EAAE,wBAAwB,CAAC;KAC5D;CACJ"}
+{"version":3,"file":"lit-data-grid-export-popover.d.ts","sourceRoot":"","sources":["../../src/shared/lit-data-grid-export-popover.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAQ,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAG5D,OAAO,iBAAiB,CAAC;AACzB,OAAO,4BAA4B,CAAC;AACpC,OAAO,eAAe,CAAC;AACvB,OAAO,oBAAoB,CAAC;AAO5B,qBAAa,wBAAyB,SAAQ,UAAU;IACtB,aAAa,EAAE,MAAM,IAAI,CAAY;IACrC,WAAW,EAAE,MAAM,IAAI,CAAY;IACpC,eAAe,EAAE,OAAO,CAAS;IAE9B,OAAO,CAAC,eAAe,CAAC,CAAc;IAEtE,OAAO,CAAC,YAAY;IAKpB,OAAO,CAAC,UAAU,CAYhB;IAEF,OAAO,CAAC,YAAY;IAmBpB,oBAAoB,IAAI,IAAI;IAO5B,MAAM;CAYT;AAMD,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,8BAA8B,EAAE,wBAAwB,CAAC;KAC5D;CACJ"}

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,23 +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;IAMC,OAAO,CAAC,QAAQ,CAAS;IAElC,OAAO,CAAC,aAAa;IAMrB,MAAM;CAwET;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"}