overview-components 1.1.162 → 1.1.165

package/dist/shared/lit-data-grid-action-buttons-popover.js

@@ -0,0 +1,295 @@
+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 { property, state, query } from 'lit/decorators.js';
+import { css, html, LitElement } from 'lit';
+import { msg } from '@lit/localize';
+import { computePosition, offset, flip, shift } from '@floating-ui/dom';
+import './lit-icon.js';
+import './lit-icon-button.js';
+export class LitDataGridActionButtonsPopover extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.pin = () => { };
+        this.group = () => { };
+        this.header = null;
+        this.table = null;
+        this.isOpen = false;
+        this.isSubmenuOpen = false;
+        this.currentAggregation = '';
+        this._handleOutsideClick = (event) => {
+            const path = event.composedPath();
+            if (!path.includes(this)) {
+                this.isOpen = false;
+                this.isSubmenuOpen = false;
+            }
+        };
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        if (this.header?.column?.columnDef?.aggregationFn) {
+            this.currentAggregation = this.header.column.columnDef.aggregationFn;
+        }
+        document.addEventListener('click', this._handleOutsideClick, { capture: true });
+    }
+    disconnectedCallback() {
+        super.disconnectedCallback();
+        document.removeEventListener('click', this._handleOutsideClick, { capture: true });
+    }
+    toggleCustomPopover() {
+        this.isOpen = !this.isOpen;
+        if (!this.isOpen) {
+            this.isSubmenuOpen = false;
+        }
+    }
+    closePopover() {
+        this.isOpen = false;
+        this.isSubmenuOpen = false;
+    }
+    handleAction(actionFn) {
+        actionFn();
+        this.closePopover();
+    }
+    openSubmenu(open) {
+        this.isSubmenuOpen = open;
+    }
+    setAggregation(selectedValue) {
+        this.currentAggregation = selectedValue;
+        const currentGrouping = this.table.getState().grouping;
+        this.header.column.columnDef.aggregationFn = selectedValue;
+        const updatedGrouping = currentGrouping.map((group) => {
+            if (group === this.header.column.id) {
+                this.header.column.columnDef.aggregationFn = selectedValue;
+            }
+            return group;
+        });
+        this.table.setGrouping(updatedGrouping);
+        this.closePopover();
+    }
+    updated(changedProps) {
+        super.updated(changedProps);
+        if (this.isOpen && this.mainTrigger && this.mainMenuEl) {
+            computePosition(this.mainTrigger, this.mainMenuEl, {
+                placement: 'bottom-end',
+                middleware: [offset(0), flip(), shift({ padding: 5 })],
+            }).then(({ x, y }) => {
+                Object.assign(this.mainMenuEl.style, {
+                    left: `${x}px`,
+                    top: `${y}px`,
+                });
+            });
+        }
+        if (this.isSubmenuOpen && this.submenuTriggerEl && this.submenuEl) {
+            computePosition(this.submenuTriggerEl, this.submenuEl, {
+                placement: 'right-start',
+                middleware: [offset(0), flip(), shift({ padding: 5 })],
+            }).then(({ x, y }) => {
+                Object.assign(this.submenuEl.style, {
+                    left: `${x}px`,
+                    top: `${y}px`,
+                });
+            });
+        }
+    }
+    render() {
+        if (!this.header) {
+            return html ``;
+        }
+        const canPin = this.header.column?.getCanPin?.() || false;
+        const isPinned = this.header.column?.getIsPinned?.() || false;
+        const canGroup = this.header.column?.getCanGroup?.() || false;
+        const isGrouped = this.header.column?.getIsGrouped?.() || false;
+        return html `
+            <lit-icon-button
+                class="main-menu-trigger"
+                size="small"
+                variant="text"
+                color="secondary"
+                icon="more"
+                @click="${this.toggleCustomPopover}"
+            ></lit-icon-button>
+
+            <div class="menu ${this.isOpen ? 'open' : ''}">
+                ${canGroup
+            ? html `
+                          <div
+                              class="menu-item ${isGrouped ? 'active' : ''}"
+                              @click="${() => this.handleAction(this.group)}"
+                          >
+                              <lit-icon icon="agregation" size="1rem"></lit-icon>
+                              ${msg('Seskupit sloupec')}
+                          </div>
+                      `
+            : null}
+                ${canPin
+            ? html `
+                          <div
+                              class="menu-item ${isPinned ? 'active' : ''}"
+                              @click="${() => this.handleAction(this.pin)}"
+                          >
+                              <lit-icon icon="pin" size="1rem"></lit-icon>
+                              ${msg('Připnout sloupec vlevo')}
+                          </div>
+                      `
+            : null}
+
+                <div
+                    class="menu-item submenu-trigger"
+                    @mouseenter="${() => this.openSubmenu(true)}"
+                    @mouseleave="${() => this.openSubmenu(false)}"
+                >
+                    ${msg('Agregace')}
+                    <lit-icon icon="arrowRight" size="1rem"></lit-icon>
+                    <div class="submenu ${this.isSubmenuOpen ? 'open' : ''}">
+                        <div
+                            class="menu-item ${this.currentAggregation === 'sum' ? 'selected' : ''}"
+                            @click="${() => this.setAggregation('sum')}"
+                        >
+                            sum
+                        </div>
+                        <div
+                            class="menu-item ${this.currentAggregation === 'median'
+            ? 'selected'
+            : ''}"
+                            @click="${() => this.setAggregation('median')}"
+                        >
+                            median
+                        </div>
+                        <div
+                            class="menu-item ${this.currentAggregation === 'min' ? 'selected' : ''}"
+                            @click="${() => this.setAggregation('min')}"
+                        >
+                            min
+                        </div>
+                        <div
+                            class="menu-item ${this.currentAggregation === 'max' ? 'selected' : ''}"
+                            @click="${() => this.setAggregation('max')}"
+                        >
+                            max
+                        </div>
+                        ${this.currentAggregation
+            ? html `<div class="menu-item" @click="${() => this.setAggregation('')}">
+                                  ${msg('zrušit')}
+                              </div>`
+            : null}
+                    </div>
+                </div>
+            </div>
+        `;
+    }
+}
+LitDataGridActionButtonsPopover.styles = [
+    css `
+            :host {
+                position: relative;
+                display: inline-block;
+            }
+
+            .menu {
+                display: none;
+                flex-direction: column;
+                background-color: var(--background-paper, #fff);
+                border-radius: 0.5rem;
+                padding: 0.375rem;
+                box-shadow: var(--box-shadow, 0px 4px 6px rgba(0, 0, 0, 0.1));
+                overflow-y: visible;
+                min-width: max-content;
+                z-index: 9999;
+                position: absolute;
+            }
+            .menu.open {
+                display: flex;
+            }
+
+            .menu-item {
+                padding: 0.375rem 0.625rem;
+                margin: 0 0 0.25rem;
+                font-size: 0.8125rem;
+                font-weight: 500;
+                text-align: left;
+                cursor: pointer;
+                color: var(--text-primary, #111827);
+                transition: background-color 0.2s;
+                display: flex;
+                align-items: center;
+                gap: 0.5rem;
+            }
+
+            .menu-item:hover {
+                background: var(--color-primary-light, #f0fadf);
+                border-radius: 4px;
+            }
+
+            .menu-item.selected {
+                background: var(--color-primary-light, #f0fadf);
+                font-weight: 600;
+                border-radius: 4px;
+            }
+
+            .active {
+                background: var(--color-primary-light, #f0fadf);
+                border-radius: 4px;
+            }
+
+            /* Submenu */
+            .submenu-trigger {
+                position: relative;
+            }
+
+            .submenu {
+                display: none;
+                flex-direction: column;
+                background-color: var(--background-paper, #fff);
+                border-radius: 0.5rem;
+                padding: 0.375rem;
+                box-shadow: var(--box-shadow, 0px 4px 6px rgba(0, 0, 0, 0.1));
+                overflow-y: visible;
+                z-index: 9999;
+                position: absolute;
+            }
+
+            .submenu.open {
+                display: flex;
+            }
+        `,
+];
+__decorate([
+    property({ type: Function })
+], LitDataGridActionButtonsPopover.prototype, "pin", void 0);
+__decorate([
+    property({ type: Function })
+], LitDataGridActionButtonsPopover.prototype, "group", void 0);
+__decorate([
+    property({ type: Object })
+], LitDataGridActionButtonsPopover.prototype, "header", void 0);
+__decorate([
+    property({ type: Object })
+], LitDataGridActionButtonsPopover.prototype, "table", void 0);
+__decorate([
+    state()
+], LitDataGridActionButtonsPopover.prototype, "isOpen", void 0);
+__decorate([
+    state()
+], LitDataGridActionButtonsPopover.prototype, "isSubmenuOpen", void 0);
+__decorate([
+    state()
+], LitDataGridActionButtonsPopover.prototype, "currentAggregation", void 0);
+__decorate([
+    query('.main-menu-trigger')
+], LitDataGridActionButtonsPopover.prototype, "mainTrigger", void 0);
+__decorate([
+    query('.menu')
+], LitDataGridActionButtonsPopover.prototype, "mainMenuEl", void 0);
+__decorate([
+    query('.submenu-trigger')
+], LitDataGridActionButtonsPopover.prototype, "submenuTriggerEl", void 0);
+__decorate([
+    query('.submenu')
+], LitDataGridActionButtonsPopover.prototype, "submenuEl", void 0);
+if (!window.customElements.get('lit-data-grid-action-buttons-popover')) {
+    window.customElements.define('lit-data-grid-action-buttons-popover', LitDataGridActionButtonsPopover);
+}
+//# sourceMappingURL=lit-data-grid-action-buttons-popover.js.map

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

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

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

@@ -0,0 +1,84 @@
+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 { property } 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';
+export class LitDataGridDensityPopover extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.setDensity = (density) => { };
+    }
+    handleDensity(density) {
+        if (typeof this.setDensity === 'function') {
+            this.setDensity(density); // Trigger the provided set function
+        }
+        else {
+            console.error('setDensity is not a function');
+        }
+    }
+    render() {
+        return html `
+            <lit-responsive-button
+                size="medium"
+                variant="text"
+                color="secondary"
+                label=${msg('Zobrazení')}
+                icon="rowmedium"
+                slot="reference"
+            ></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;
+            }
+        `,
+];
+__decorate([
+    property({ type: Function })
+], LitDataGridDensityPopover.prototype, "setDensity", void 0);
+__decorate([
+    property({ type: String })
+], LitDataGridDensityPopover.prototype, "density", void 0);
+if (!window.customElements.get('lit-data-grid-density-popover')) {
+    window.customElements.define('lit-data-grid-density-popover', LitDataGridDensityPopover);
+}
+//# sourceMappingURL=lit-data-grid-density-popover.js.map

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

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

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

@@ -0,0 +1,68 @@
+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 } from 'lit';
+import { property } 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';
+export class LitDataGridExportPopover extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.exportToExcel = () => { };
+        this.exportToCsv = () => { };
+        this.disabledButtons = false;
+    }
+    handleExport(exportFn) {
+        exportFn(); // Trigger the provided export function
+    }
+    render() {
+        return html `
+            <lit-responsive-button
+                size="medium"
+                variant="text"
+                color="secondary"
+                label=${msg('Export')}
+                icon="csv"
+                slot="reference"
+            ></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>
+        `;
+    }
+}
+__decorate([
+    property({ type: Function })
+], LitDataGridExportPopover.prototype, "exportToExcel", void 0);
+__decorate([
+    property({ type: Function })
+], LitDataGridExportPopover.prototype, "exportToCsv", void 0);
+__decorate([
+    property({ type: Boolean })
+], LitDataGridExportPopover.prototype, "disabledButtons", void 0);
+if (!window.customElements.get('lit-data-grid-export-popover')) {
+    window.customElements.define('lit-data-grid-export-popover', LitDataGridExportPopover);
+}
+//# sourceMappingURL=lit-data-grid-export-popover.js.map

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

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

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

@@ -0,0 +1,114 @@
+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 { property, state } 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';
+export class LitDataGridOperatorsPopover extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.setOperator = (operator) => { };
+        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 });
+            }
+        };
+    }
+    handleOperator(operator) {
+        if (typeof this.setOperator === 'function') {
+            this.operator = operator;
+            this.setOperator(operator);
+        }
+        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 });
+        }
+    }
+    disconnectedCallback() {
+        super.disconnectedCallback();
+        document.removeEventListener('click', this._handleOutsideClick, { capture: true });
+    }
+    render() {
+        return html `
+            <lit-icon-button
+                icon="filter"
+                size="small"
+                variant="text"
+                color="secondary"
+                slot="reference"
+                @click=${this.toggleCustomPopover}
+            >
+            </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>
+        `;
+    }
+}
+LitDataGridOperatorsPopover.styles = [
+    css `
+            :host {
+                font-family: 'Inter', sans-serif;
+                background-color: var(--background-paper, #fff);
+            }
+            .disabled {
+                background-color: #f8f8f8;
+            }
+        `,
+];
+__decorate([
+    property({ type: Function })
+], LitDataGridOperatorsPopover.prototype, "setOperator", void 0);
+__decorate([
+    property({ type: String })
+], LitDataGridOperatorsPopover.prototype, "type", void 0);
+__decorate([
+    property({ type: String })
+], LitDataGridOperatorsPopover.prototype, "operator", void 0);
+__decorate([
+    property({ type: Boolean })
+], LitDataGridOperatorsPopover.prototype, "disabled", void 0);
+__decorate([
+    property({ type: Array })
+], LitDataGridOperatorsPopover.prototype, "filterOperators", void 0);
+__decorate([
+    state()
+], LitDataGridOperatorsPopover.prototype, "isOpen", void 0);
+if (!window.customElements.get('lit-data-grid-operators-popover')) {
+    window.customElements.define('lit-data-grid-operators-popover', LitDataGridOperatorsPopover);
+}
+//# sourceMappingURL=lit-data-grid-operators-popover.js.map

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

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