overview-components 1.0.92 → 1.0.93

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 { customElement, property, state } from 'lit/decorators.js';
+import { css, html, LitElement } from 'lit';
+import { msg } from '@lit/localize';
+import './simple-popper.js';
+import './lit-icon-button.js';
+import './lit-menu.js';
+import './lit-menu-item.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._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"
+                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;
+            }
+        `,
+];
+__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);
+LitDataGridOperatorsPopover = __decorate([
+    customElement('lit-data-grid-operators-popover')
+], LitDataGridOperatorsPopover);
+export { 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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"}

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

@@ -0,0 +1,76 @@
+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 { customElement, property } from 'lit/decorators.js';
+import './lit-icon-button.js';
+import './lit-responsive-button.js';
+import './lit-menu.js';
+import './lit-menu-item.js';
+import { tooltip } from './simple-tooltip.js';
+import './simple-popper.js';
+let LitDataGridRowActions = class LitDataGridRowActions extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.buttons = [];
+    }
+    handleOnClick(e, onClick) {
+        e.stopPropagation();
+        onClick(); // Trigger the provided export function
+    }
+    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;"
+            >
+                ${visibleButtons.map((button) => html `
+                        <lit-icon-button
+                            variant="text"
+                            size="small"
+                            .icon="${button.icon}"
+                            @click="${(e) => this.handleOnClick(e, button.onClick)}"
+                            .disabled="${button.disabled}"
+                            .marked="${button.marked}"
+                            ${tooltip(button.label, 'left')}
+                        ></lit-icon-button>
+                    `)}
+                ${showInMenuButtons.length > 0
+            ? html ` <lit-icon-button
+                              size="small"
+                              variant="text"
+                              icon="morevertical"
+                              slot="reference"
+                              @click="${(e) => e.stopPropagation()}"
+                          ></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}"
+                                          >
+                                              ${button.label}
+                                          </lit-menu-item>
+                                      `)}
+                              </lit-menu>
+                          </simple-popper>`
+            : null}
+            </div>
+        `;
+    }
+};
+__decorate([
+    property({ type: Array })
+], LitDataGridRowActions.prototype, "buttons", void 0);
+LitDataGridRowActions = __decorate([
+    customElement('lit-data-grid-row-actions')
+], LitDataGridRowActions);
+export { LitDataGridRowActions };
+//# sourceMappingURL=lit-data-grid-row-actions.js.map

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

@@ -0,0 +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,EAAE,aAAa,EAAE,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;AAgBrB,IAAM,qBAAqB,GAA3B,MAAM,qBAAsB,SAAQ,UAAU;IAA9C;;QACwB,YAAO,GAQ7B,EAAE,CAAC;IAwDZ,CAAC;IAtDW,aAAa,CAAC,CAAa,EAAE,OAAmB;QACpD,CAAC,CAAC,eAAe,EAAE,CAAC;QACpB,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;;;;qCAIC,MAAM,CAAC,IAAI;sCACV,CAAC,CAAa,EAAE,EAAE,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC,EAAE,MAAM,CAAC,OAAO,CAAC;yCACrD,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;;;;;wCAKc,CAAC,CAAa,EAAE,EAAE,CAAC,CAAC,CAAC,eAAe,EAAE;;;;oCAI1C,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;;gDAE1B,MAAM,CAAC,KAAK;;uCAErB,CACJ;;2CAEQ;YACvB,CAAC,CAAC,IAAI;;SAEjB,CAAC;IACN,CAAC;CACJ,CAAA;AAhE8B;IAA1B,QAAQ,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC;sDAQlB;AATC,qBAAqB;IADjC,aAAa,CAAC,2BAA2B,CAAC;GAC9B,qBAAqB,CAiEjC"}