overview-components 1.1.0 → 1.1.11

package/dist/shared/lit-checkbox.js

@@ -6,98 +6,145 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 };
 import { LitElement, html, css } from 'lit';
 import { customElement, property } from 'lit/decorators.js';
+import { classMap } from 'lit/directives/class-map.js';
+import './lit-label.js';
 let LitCheckbox = class LitCheckbox extends LitElement {
     constructor() {
         super(...arguments);
         this.disabled = false;
         this.checked = false;
         this.indeterminate = false;
-        this.onChange = (e) => { };
+        this.onChange = () => { };
+        this.value = '';
+        this.label = '';
     }
-    _handleChange(event) {
-        // Call the passed onChange function if it exists
+    // 1) Manually sync the indeterminate property on the <input>
+    updated(changed) {
+        super.updated(changed);
+        const input = this.renderRoot.querySelector('input[type="checkbox"]');
+        if (input) {
+            input.indeterminate = this.indeterminate;
+        }
+    }
+    // 2) Intercept clicks when we're indeterminate
+    _onClick(e) {
+        if (this.indeterminate) {
+            // prevent the browser from toggling .checked for us
+            e.preventDefault();
+            // clear the “?” state
+            this.indeterminate = false;
+            // and leave this.checked as it was (false)
+            // now fire your change callback
+            this._notifyChange(e);
+        }
+        // otherwise let the native click toggle .checked, and @change will fire
+    }
+    // 3) Handle the native change event when not indeterminate
+    _onChange(e) {
+        // update our controlled prop
+        this.checked = e.target.checked;
+        this._notifyChange(e);
+    }
+    _notifyChange(e) {
+        this.dispatchEvent(new CustomEvent('change', {
+            bubbles: true,
+            composed: true,
+            detail: e.target.checked,
+        }));
         if (typeof this.onChange === 'function') {
-            this.onChange(event);
+            this.onChange(e);
         }
     }
     render() {
-        return html `
-            <input
-                class=${this.indeterminate ? 'indeterminate' : ''}
-                type="checkbox"
-                .checked=${this.checked}
-                ?disabled=${this.disabled}
-                @change=${this._handleChange}
-            />
+        return html `
+            <div class="container">
+                ${this.label
+            ? html `
+                          <lit-label label="${this.label}" ?disabled=${this.disabled}> </lit-label>
+                      `
+            : ''}
+                <input
+                    class=${classMap({
+            indeterminate: this.indeterminate,
+            marginLeft: this.label !== '',
+        })}
+                    type="checkbox"
+                    .checked=${this.checked}
+                    ?disabled=${this.disabled}
+                    @click=${this._onClick}
+                    @change=${this._onChange}
+                    .value=${this.value}
+                    aria-label="${this.label || 'checkbox'}"
+                    aria-checked="${this.indeterminate ? 'mixed' : this.checked ? 'true' : 'false'}"
+                    aria-disabled="${this.disabled ? 'true' : 'false'}"
+                />
+            </div>
         `;
     }
 };
-LitCheckbox.styles = css `
-        :host {
-            display: inline-block;
-            font-family: Inter, sans-serif;
-        }
-
-        label {
-            display: flex;
-            align-items: center;
-            cursor: pointer;
-            font-size: 16px;
-            gap: 8px;
-            user-select: none;
-        }
-
-        /* Hide the default checkbox */
-        input[type='checkbox'] {
-            // top: 2px;
-            position: relative;
-            appearance: none;
-            width: 20px;
-            height: 20px;
-            border: 1px solid var(--text-primary, #111827);
-            border-radius: 6px;
-            display: flex;
-            align-items: center;
-            justify-content: center;
-            background-color: var(--background-paper, #fff);
-            transition: all 0.1s ease-in-out;
-        }
-
-        input[type='checkbox'].indeterminate {
-            background-color: var(--color-primary-main, #76b703);
-            border-color: var(--color-primary-main, #76b703);
-        }
-
-        input[type='checkbox'].indeterminate::after {
-            content: '−';
-            color: white;
-            font-size: 16px;
-        }
-
-        /* Custom checkmark */
-        input[type='checkbox']::after {
-            content: '✓';
-            color: white;
-            font-size: 16px;
-            visible: none;
-        }
-
-        /* Checked state */
-        input[type='checkbox']:checked {
-            background-color: var(--color-primary-main, #76b703);
-            border-color: var(--color-primary-main, #76b703);
-        }
-
-        input[type='checkbox']:checked::after {
-            visible: visibility;
-        }
-
-        /* Disabled state */
-        input[type='checkbox']:disabled {
-            background-color: var(--background-paper, #fff);
-            border-color: var(--color-primary-disabled, #d0d3db);
-            cursor: not-allowed;
-        }
+LitCheckbox.styles = css `
+        :host {
+            display: inline-block;
+            font-family: Inter, sans-serif;
+        }
+        .container {
+            display: flex;
+            flex-direction: column;
+        }
+        /* Hide the default checkbox */
+        .marginLeft {
+            margin-left: 0.75rem;
+        }
+        input[type='checkbox'] {
+            position: relative;
+            appearance: none;
+            width: 20px;
+            height: 20px;
+            border: 1px solid var(--text-primary, #111827);
+            border-radius: 6px;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            background-color: var(--background-paper, #fff);
+            transition: all 0.1s ease-in-out;
+            cursor: pointer;
+        }
+
+        input[type='checkbox'].indeterminate {
+            background-color: var(--color-primary-main, #76b703);
+            border-color: var(--color-primary-main, #76b703);
+        }
+
+        input[type='checkbox'].indeterminate::after {
+            content: '−';
+            color: var(--background-default, #111827);
+            font-size: 16px;
+        }
+
+        /* Custom checkmark */
+        input[type='checkbox']::after {
+            content: '✓';
+            color: var(--background-paper, #111827);
+            font-size: 16px;
+            visible: none;
+        }
+
+        /* Checked state */
+        input[type='checkbox']:checked {
+            background-color: var(--color-primary-main, #76b703);
+            border-color: var(--color-primary-main, #76b703);
+        }
+
+        input[type='checkbox']:checked::after {
+            visible: visibility;
+        }
+
+        /* Disabled state */
+        input[type='checkbox']:disabled {
+            background-color: var(--background-paper, #fff);
+            border-color: var(--color-primary-disabled, #d0d3db);
+            cursor: not-allowed;
+        }
     `;
 __decorate([
     property({ type: Boolean })
@@ -111,7 +158,14 @@ __decorate([
 __decorate([
     property({ type: Function })
 ], LitCheckbox.prototype, "onChange", void 0);
+__decorate([
+    property({ type: String })
+], LitCheckbox.prototype, "value", void 0);
+__decorate([
+    property({ type: String })
+], LitCheckbox.prototype, "label", void 0);
 LitCheckbox = __decorate([
     customElement('lit-checkbox')
 ], LitCheckbox);
+export { LitCheckbox };
 //# sourceMappingURL=lit-checkbox.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"lit-checkbox.js","sourceRoot":"","sources":["../../src/shared/lit-checkbox.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;AAU5D,IAAM,WAAW,GAAjB,MAAM,WAAY,SAAQ,UAAU;IAApC;;QAoEiC,aAAQ,GAAG,KAAK,CAAC;QACjB,YAAO,GAAG,KAAK,CAAC;QAChB,kBAAa,GAAG,KAAK,CAAC;QACrB,aAAQ,GAAuB,CAAC,CAAQ,EAAE,EAAE,GAAE,CAAC,CAAC;IAmBlF,CAAC;IAjBG,aAAa,CAAC,KAAY;QACtB,iDAAiD;QACjD,IAAI,OAAO,IAAI,CAAC,QAAQ,KAAK,UAAU,EAAE,CAAC;YACtC,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;QACzB,CAAC;IACL,CAAC;IACD,MAAM;QACF,OAAO,IAAI,CAAA;;wBAEK,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,EAAE;;2BAEtC,IAAI,CAAC,OAAO;4BACX,IAAI,CAAC,QAAQ;0BACf,IAAI,CAAC,aAAa;;SAEnC,CAAC;IACN,CAAC;;AAxFM,kBAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAkElB,AAlEY,CAkEX;AAC2B;IAA5B,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;6CAAkB;AACjB;IAA5B,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;4CAAiB;AAChB;IAA5B,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;kDAAuB;AACrB;IAA7B,QAAQ,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC;6CAAiD;AAvE5E,WAAW;IADhB,aAAa,CAAC,cAAc,CAAC;GACxB,WAAW,CA0FhB"}
+{"version":3,"file":"lit-checkbox.js","sourceRoot":"","sources":["../../src/shared/lit-checkbox.ts"],"names":[],"mappings":"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"}

package/dist/shared/lit-custom-popper.js

@@ -66,40 +66,40 @@ let LitCustomPopper = class LitCustomPopper extends LitElement {
         this.dispatchEvent(new CustomEvent('close', { detail: { closedBy: 'outside' } }));
     }
     render() {
-        return html `
-            <slot name="reference"></slot>
-            <div class="popper ${this.open ? 'open' : ''}">
-                <slot name="content"></slot>
-            </div>
+        return html `
+            <slot name="reference"></slot>
+            <div class="popper ${this.open ? 'open' : ''}">
+                <slot name="content"></slot>
+            </div>
         `;
     }
 };
-LitCustomPopper.styles = css `
-        :host {
-            display: block;
-            position: relative;
-        }
-
-        .popper {
-            position: absolute;
-            min-width: max-content;
-            width: 100%;
-            top: 0;
-            left: 0;
-            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));
-            z-index: 9999;
-            display: none;
-            opacity: 0;
-            transition: opacity 0.2s ease-in-out;
-        }
-
-        .popper.open {
-            display: block;
-            opacity: 1;
-        }
+LitCustomPopper.styles = css `
+        :host {
+            display: block;
+            position: relative;
+        }
+
+        .popper {
+            position: absolute;
+            min-width: max-content;
+            width: 100%;
+            top: 0;
+            left: 0;
+            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));
+            z-index: 9999;
+            display: none;
+            opacity: 0;
+            transition: opacity 0.2s ease-in-out;
+        }
+
+        .popper.open {
+            display: block;
+            opacity: 1;
+        }
     `;
 __decorate([
     property({ type: Boolean })

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

@@ -26,49 +26,49 @@ let LitDataGridDensityPopover = class LitDataGridDensityPopover extends LitEleme
         }
     }
     render() {
-        return html `
-            <lit-responsive-button
-                size="small"
-                variant="text"
-                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>
+        return html `
+            <lit-responsive-button
+                size="medium"
+                variant="text"
+                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;
-            }
+    css `
+            :host {
+                font-family: 'Inter', sans-serif;
+            }
         `,
 ];
 __decorate([

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

@@ -23,32 +23,32 @@ let LitDataGridExportPopover = class LitDataGridExportPopover extends LitElement
         exportFn(); // Trigger the provided export function
     }
     render() {
-        return html `
-            <lit-responsive-button
-                size="small"
-                variant="text"
-                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>
+        return html `
+            <lit-responsive-button
+                size="medium"
+                variant="text"
+                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>
         `;
     }
 };

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

@@ -4,14 +4,15 @@ import './lit-icon-button.js';
 import './lit-menu.js';
 import './lit-menu-item.js';
 import type { Operator } from '../components/lit-filter-modal.js';
+import type { ColumnCustomFilter } from '../components/lit-data-grid-tanstack.js';
 export type Type = 'string' | 'select' | 'number' | 'date' | 'multiselect';
 export declare class LitDataGridOperatorsPopover extends LitElement {
     setOperator: (operator: Operator) => void;
     type: Type;
     operator?: Operator;
     disabled?: boolean;
+    filterOperators?: ColumnCustomFilter[];
     private isOpen;
-    private hasSetDefaultOperator;
     private handleOperator;
     private toggleCustomPopover;
     private _handleOutsideClick;

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":"AACA,OAAO,EAAa,UAAU,EAAkB,MAAM,KAAK,CAAC;AAE5D,OAAO,oBAAoB,CAAC;AAC5B,OAAO,sBAAsB,CAAC;AAC9B,OAAO,eAAe,CAAC;AACvB,OAAO,oBAAoB,CAAC;AAI5B,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,mCAAmC,CAAC;AAElE,MAAM,MAAM,IAAI,GAAG,QAAQ,GAAG,QAAQ,GAAG,QAAQ,GAAG,MAAM,GAAG,aAAa,CAAC;AAE3E,qBACa,2BAA4B,SAAQ,UAAU;IACzB,WAAW,EAAE,CAAC,QAAQ,EAAE,QAAQ,KAAK,IAAI,CAAoB;IAC/D,IAAI,EAAE,IAAI,CAAY;IACtB,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAS;IAE/C,OAAO,CAAC,MAAM,CAAS;IACvB,OAAO,CAAC,qBAAqB,CAAS;IAE/C,OAAO,CAAC,cAAc;YASR,mBAAmB;IAcjC,OAAO,CAAC,mBAAmB,CAQzB;IAEF,oBAAoB,IAAI,IAAI;IAK5B,MAAM,CAAC,MAAM,4BASX;IAEF,SAAS,CAAC,MAAM;CA0BnB"}
+{"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,EAAkB,MAAM,KAAK,CAAC;AAE5D,OAAO,oBAAoB,CAAC;AAC5B,OAAO,sBAAsB,CAAC;AAC9B,OAAO,eAAe,CAAC;AACvB,OAAO,oBAAoB,CAAC;AAE5B,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,mCAAmC,CAAC;AAClE,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,yCAAyC,CAAC;AAElF,MAAM,MAAM,IAAI,GAAG,QAAQ,GAAG,QAAQ,GAAG,QAAQ,GAAG,MAAM,GAAG,aAAa,CAAC;AAE3E,qBACa,2BAA4B,SAAQ,UAAU;IACzB,WAAW,EAAE,CAAC,QAAQ,EAAE,QAAQ,KAAK,IAAI,CAAoB;IAC/D,IAAI,EAAE,IAAI,CAAY;IACtB,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,4BASX;IAEF,SAAS,CAAC,MAAM;CA0BnB"}

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

@@ -11,15 +11,14 @@ import './simple-popper.js';
 import './lit-icon-button.js';
 import './lit-menu.js';
 import './lit-menu-item.js';
-import { getOperatorsByColumnType } from '../utils/getOperatorByType.js';
 let LitDataGridOperatorsPopover = class LitDataGridOperatorsPopover extends LitElement {
     constructor() {
         super(...arguments);
         this.setOperator = (operator) => { };
         this.type = 'string';
         this.disabled = false;
+        this.filterOperators = [];
         this.isOpen = false;
-        this.hasSetDefaultOperator = false;
         this._handleOutsideClick = (event) => {
             const path = event.composedPath();
             const isClickInside = path.includes(this);
@@ -56,38 +55,38 @@ let LitDataGridOperatorsPopover = class LitDataGridOperatorsPopover extends LitE
         document.removeEventListener('click', this._handleOutsideClick, { capture: true });
     }
     render() {
-        return html `
-            <lit-icon-button
-                icon="filter"
-                size="small"
-                variant="text"
-                slot="reference"
-                @click=${this.toggleCustomPopover}
-            >
-            </lit-icon-button>
-            <simple-popper placement="bottom-end" manualOpening=${true} .showing=${this.isOpen}>
-                <lit-menu>
-                    ${getOperatorsByColumnType(this.type).map((operator) => html `
-                            <lit-menu-item
-                                .onClick="${() => this.handleOperator(operator.value)}"
-                                .isActive="${this.operator === operator.value}"
-                            >
-                                ${msg(operator.label)}
-                            </lit-menu-item>
-                        `)}
-                </lit-menu>
-            </simple-popper>
+        return html `
+            <lit-icon-button
+                icon="filter"
+                size="small"
+                variant="text"
+                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}"
+                            >
+                                ${msg(operator.label)}
+                            </lit-menu-item>
+                        `)}
+                </lit-menu>
+            </simple-popper>
         `;
     }
 };
 LitDataGridOperatorsPopover.styles = [
-    css `
-            :host {
-                font-family: 'Inter', sans-serif;
-            }
-            .disabled {
-                background-color: #f8f8f8;
-            }
+    css `
+            :host {
+                font-family: 'Inter', sans-serif;
+            }
+            .disabled {
+                background-color: #f8f8f8;
+            }
         `,
 ];
 __decorate([
@@ -103,11 +102,11 @@ __decorate([
     property({ type: Boolean })
 ], LitDataGridOperatorsPopover.prototype, "disabled", void 0);
 __decorate([
-    state()
-], LitDataGridOperatorsPopover.prototype, "isOpen", void 0);
+    property({ type: Array })
+], LitDataGridOperatorsPopover.prototype, "filterOperators", void 0);
 __decorate([
     state()
-], LitDataGridOperatorsPopover.prototype, "hasSetDefaultOperator", void 0);
+], LitDataGridOperatorsPopover.prototype, "isOpen", void 0);
 LitDataGridOperatorsPopover = __decorate([
     customElement('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

@@ -3,7 +3,6 @@ import './lit-icon-button.js';
 import './lit-responsive-button.js';
 import './lit-menu.js';
 import './lit-menu-item.js';
-import './simple-tooltip.js';
 import './simple-popper.js';
 export type ActionButton = {
     id: string | number;
@@ -12,6 +11,7 @@ export type ActionButton = {
     disabled?: boolean;
     onClick: () => void;
     showInMenu?: boolean;
+    marked?: boolean;
 };
 export type LitDataGridRowActionsProps = {
     buttons: ActionButton[];
@@ -24,6 +24,7 @@ export declare class LitDataGridRowActions extends LitElement {
         onClick: () => void;
         disabled: boolean;
         showInMenu: boolean;
+        marked?: boolean;
     }>;
     private handleOnClick;
     render(): import("lit-html").TemplateResult<1>;

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;AAC5B,OAAO,qBAAqB,CAAC;AAC7B,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;CACxB,CAAC;AAEF,MAAM,MAAM,0BAA0B,GAAG;IACrC,OAAO,EAAE,YAAY,EAAE,CAAC;CAC3B,CAAC;AACF,qBACa,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;KACvB,CAAC,CAAM;IAER,OAAO,CAAC,aAAa;IAKrB,MAAM;CAgDT"}
+{"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,qBACa,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;IAIrB,MAAM;CAgDT"}