overview-components 1.1.0 → 1.1.11

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

@@ -10,7 +10,7 @@ import './lit-icon-button.js';
 import './lit-responsive-button.js';
 import './lit-menu.js';
 import './lit-menu-item.js';
-import './simple-tooltip.js';
+import { tooltip } from './simple-tooltip.js';
 import './simple-popper.js';
 let LitDataGridRowActions = class LitDataGridRowActions extends LitElement {
     constructor() {
@@ -18,50 +18,49 @@ let LitDataGridRowActions = class LitDataGridRowActions extends LitElement {
         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}"
-                        ></lit-icon-button>
-                        <simple-tooltip placement="left">${button.label}</simple-tooltip>
-                    `)}
+        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>
+            ? html ` <lit-icon-button
+                              size="small"
+                              variant="text"
+                              icon="morevertical"
+                              slot="reference"
+                          ></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>
+            : null}
+            </div>
         `;
     }
 };

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,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,qBAAqB,CAAC;AAC7B,OAAO,oBAAoB,CAAC;AAerB,IAAM,qBAAqB,GAA3B,MAAM,qBAAsB,SAAQ,UAAU;IAA9C;;QACwB,YAAO,GAO7B,EAAE,CAAC;IAuDZ,CAAC;IArDW,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;;2DAEG,MAAM,CAAC,KAAK;qBAClD,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;AA9D8B;IAA1B,QAAQ,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC;sDAOlB;AARC,qBAAqB;IADjC,aAAa,CAAC,2BAA2B,CAAC;GAC9B,qBAAqB,CA+DjC"}
+{"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;IAsDZ,CAAC;IApDW,aAAa,CAAC,CAAa,EAAE,OAAmB;QACpD,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;;;;;;;;oCAQU,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;AA9D8B;IAA1B,QAAQ,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC;sDAQlB;AATC,qBAAqB;IADjC,aAAa,CAAC,2BAA2B,CAAC;GAC9B,qBAAqB,CA+DjC"}

package/dist/shared/lit-date-picker.d.ts

@@ -1,36 +1,67 @@
 import { LitElement, TemplateResult, PropertyValues } from 'lit';
 import 'air-datepicker/air-datepicker.css';
 import './lit-icon-button.js';
+import './lit-icon.js';
+import './simple-popper.js';
+import './lit-menu.js';
+import './lit-menu-item.js';
 import { DateFormats } from '../components/lit-data-grid-tanstack.js';
 import type { Operator } from '../components/lit-filter-modal.js';
+export type LitDatePickerProps = {
+    dateFormat?: DateFormats;
+    pickerVariant: 'date' | 'dateTime';
+    value?: string | string[] | null | undefined;
+    userLang: string;
+    placeholder: string;
+    onChange: (value: string | string[] | undefined | null) => void;
+    disableClearButton: boolean;
+    range: boolean;
+    server: boolean;
+    operator?: Operator;
+    disabled: boolean;
+    setOperator: (operator: Operator, opt: {
+        silent: boolean;
+    }) => void;
+    filterOperators?: any[];
+};
 export declare class LitDatePicker extends LitElement {
-    column: any;
     dateFormat?: DateFormats;
+    pickerVariant: 'date' | 'dateTime';
+    value?: string | string[] | null | undefined;
     userLang: string;
     placeholder: string;
-    onDateChange: ((value: string | undefined | null) => void) | undefined;
+    onChange?: (value: string | string[] | undefined | null) => void;
     disableClearButton: boolean;
     range: boolean;
     server: boolean;
     operator?: Operator;
     disabled: boolean;
-    setOperator: (operator: Operator) => void;
-    value: string | undefined | null;
-    filterVariant: string;
+    setOperator: (operator: Operator, opt: {
+        silent: boolean;
+    }) => void;
+    filterOperators?: any[];
+    displayValue: string | string[];
     dateInputEl: HTMLInputElement;
     private datePicker;
+    private debouncedHandleInput;
+    private isSubmenuOpen;
+    private submenuTriggerEl;
+    private simplePopperEl;
+    private cleanupAutoUpdate?;
+    constructor();
     connectedCallback(): void;
     disconnectedCallback(): void;
     updated(changedProperties: PropertyValues): void;
     private reinitializeDatePicker;
     firstUpdated(): void;
-    handleDateSelection(): void;
+    private openSubmenu;
     private handleOutsideClick;
     getLocale(): any;
-    handleDateInput(event: Event): void;
-    _parseDate(dateStr: string): Date | null;
+    handleDateInput(dateStr: string): void;
+    _parseDate(dateStr: string): Date | Date[] | null;
+    handleSetOperator(value: Operator): void;
     focus(): void;
-    clearValueOnOperatorChange(value: Operator): void;
+    _handleClearButtonClick(): void;
     static styles: import("lit").CSSResult;
     render(): TemplateResult;
 }

package/dist/shared/lit-date-picker.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"lit-date-picker.d.ts","sourceRoot":"","sources":["../../src/shared/lit-date-picker.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAI5E,OAAO,mCAAmC,CAAC;AAE3C,OAAO,sBAAsB,CAAC;AAG9B,OAAO,EAAE,WAAW,EAAE,MAAM,yCAAyC,CAAC;AAEtE,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,mCAAmC,CAAC;AAIlE,qBACa,aAAc,SAAQ,UAAU;IACb,MAAM,EAAE,GAAG,CAAC;IACZ,UAAU,CAAC,EAAE,WAAW,CAAC;IACzB,QAAQ,SAAQ;IAChB,WAAW,SAAM;IACf,YAAY,EACpC,CAAC,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,GAAG,IAAI,KAAK,IAAI,CAAC,GAC5C,SAAS,CAAC;IACa,kBAAkB,EAAE,OAAO,CAAS;IACpC,KAAK,EAAE,OAAO,CAAS;IACvB,MAAM,EAAE,OAAO,CAAS;IACzB,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACnB,QAAQ,EAAE,OAAO,CAAS;IACzB,WAAW,EAAE,CAAC,QAAQ,EAAE,QAAQ,KAAK,IAAI,CAAoB;IAElF,KAAK,EAAE,MAAM,GAAG,SAAS,GAAG,IAAI,CAAC;IACjC,aAAa,EAAE,MAAM,CAAM;IAEf,WAAW,EAAG,gBAAgB,CAAC;IAEpD,OAAO,CAAC,UAAU,CAAiB;IAEnC,iBAAiB;IAOjB,oBAAoB;IAMpB,OAAO,CAAC,iBAAiB,EAAE,cAAc;IAczC,OAAO,CAAC,sBAAsB;IAgE9B,YAAY;IAIZ,mBAAmB;IAMnB,OAAO,CAAC,kBAAkB,CAWxB;IAEF,SAAS;IAKT,eAAe,CAAC,KAAK,EAAE,KAAK;IAe5B,UAAU,CAAC,OAAO,EAAE,MAAM;IAoBnB,KAAK;IAKL,0BAA0B,CAAC,KAAK,EAAE,QAAQ;IAOjD,MAAM,CAAC,MAAM,0BAiEX;IAEF,MAAM,IAAI,cAAc;CAoE3B;AAED,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,iBAAiB,EAAE,aAAa,CAAC;KACpC;CACJ"}
+{"version":3,"file":"lit-date-picker.d.ts","sourceRoot":"","sources":["../../src/shared/lit-date-picker.ts"],"names":[],"mappings":"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"}