@omegagrid/grid 0.11.33 → 0.11.35

package/dist/editors/dateEditor.d.ts

@@ -4,7 +4,7 @@ export declare class DateEditor extends TextEditor {
     protected withTime: boolean;
     protected timeOnly: boolean;
     setValue(value: number | string | Date): void;
-    getValue(): number | Date;
+    getValue(): number | Date | string;
     activate(cell: CellModel): void;
 }
 //# sourceMappingURL=dateEditor.d.ts.map

package/dist/editors/dateEditor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dateEditor.d.ts","sourceRoot":"","sources":["../../src/editors/dateEditor.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAI1C,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAEjD,qBACa,UAAW,SAAQ,UAAU;IAGzC,SAAS,CAAC,QAAQ,UAAS;IAG3B,SAAS,CAAC,QAAQ,UAAS;IAE3B,QAAQ,CAAC,KAAK,EAAE,MAAM,GAAC,MAAM,GAAC,IAAI;IAoBlC,QAAQ,IAAK,MAAM,GAAC,IAAI;IAOxB,QAAQ,CAAC,IAAI,EAAE,SAAS;CAOxB"}
+{"version":3,"file":"dateEditor.d.ts","sourceRoot":"","sources":["../../src/editors/dateEditor.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAI1C,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAEjD,qBACa,UAAW,SAAQ,UAAU;IAGzC,SAAS,CAAC,QAAQ,UAAS;IAG3B,SAAS,CAAC,QAAQ,UAAS;IAE3B,QAAQ,CAAC,KAAK,EAAE,MAAM,GAAC,MAAM,GAAC,IAAI;IAqBlC,QAAQ,IAAK,MAAM,GAAC,IAAI,GAAC,MAAM;IAS/B,QAAQ,CAAC,IAAI,EAAE,SAAS;CAOxB"}

package/dist/editors/dateEditor.js

@@ -34,13 +34,17 @@ let DateEditor = class DateEditor extends TextEditor {
             this.input.value = value.toString();
         }
     }
+    // a text the editor cannot read is committed as it is, like a pasted one: the cell keeps it as an invalid date (CellModel.isInvalidDate)
     getValue() {
+        const text = this.input.value;
+        if (!text.trim())
+            return null;
         if (this.timeOnly)
-            return dates.parseTime(this.input.value, getLocale());
+            return dates.parseTime(text, getLocale()) ?? text;
         if (this.withTime)
-            return dates.parseDateTime(this.input.value, getLocale());
-        const date = dates.parse(this.input.value, getLocale());
-        return date ? dates.dateToSerialDate(date) : null;
+            return dates.parseDateTime(text, getLocale()) ?? text;
+        const date = dates.parse(text, getLocale());
+        return date ? dates.dateToSerialDate(date) : text;
     }
     activate(cell) {
         super.activate(cell);

package/dist/editors/dateEditor.js.map

@@ -1 +1 @@
-{"version":3,"file":"dateEditor.js","sourceRoot":"","sources":["../../src/editors/dateEditor.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAClD,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAIzC,IAAM,UAAU,GAAhB,MAAM,UAAW,SAAQ,UAAU;IAAnC;;QAEN,yEAAyE;QAC/D,aAAQ,GAAG,KAAK,CAAC;QAE3B,wDAAwD;QAC9C,aAAQ,GAAG,KAAK,CAAC;IAoC5B,CAAC;IAlCA,QAAQ,CAAC,KAAyB;QACjC,IAAI,KAAK,IAAI,IAAI,EAAE,CAAC;YACnB,IAAI,CAAC,KAAK,CAAC,KAAK,GAAG,EAAE,CAAC;YACtB,OAAO;QACR,CAAC;QAED,qHAAqH;QACrH,IAAI,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE,CAAC;YAC3B,IAAI,CAAC,KAAK,CAAC,KAAK,GAAG,KAAe,CAAC;YACnC,OAAO;QACR,CAAC;QAED,IAAI,CAAC;YACJ,MAAM,MAAM,GAAG,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC;YACnG,IAAI,CAAC,KAAK,CAAC,KAAK,GAAG,KAAK,CAAC,gBAAgB,CAAC,SAAS,EAAE,EAAE,MAAM,CAAC,CAAC,KAAK,CAAC,CAAC;QACvE,CAAC;QAAC,OAAO,KAAK,EAAE,CAAC;YAChB,IAAI,CAAC,KAAK,CAAC,KAAK,GAAG,KAAK,CAAC,QAAQ,EAAE,CAAC;QACrC,CAAC;IACF,CAAC;IAED,QAAQ;QACP,IAAI,IAAI,CAAC,QAAQ;YAAE,OAAO,KAAK,CAAC,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,SAAS,EAAE,CAAC,CAAC;QACzE,IAAI,IAAI,CAAC,QAAQ;YAAE,OAAO,KAAK,CAAC,aAAa,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,SAAS,EAAE,CAAC,CAAC;QAC7E,MAAM,IAAI,GAAG,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,SAAS,EAAE,CAAC,CAAC;QACxD,OAAO,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,gBAAgB,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;IACnD,CAAC;IAED,QAAQ,CAAC,IAAe;QACjB,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;QAC3B,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,IAAI,KAAK,IAAI,CAAC;QACnC,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,IAAI,KAAK,IAAI,CAAC;QAC7B,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAe,CAAC,CAAC;IACxC,CAAC;CAEJ,CAAA;AA1CY,UAAU;IADtB,aAAa,CAAC,oBAAoB,CAAC;GACvB,UAAU,CA0CtB","sourcesContent":["import { TextEditor } from \"./textEditor\";\nimport { customElement } from 'lit/decorators.js';\nimport { dates, utils } from \"@omegagrid/core\";\nimport { getLocale } from \"@omegagrid/localize\";\nimport { CellModel } from \"@omegagrid/grid-core\";\n\n@customElement('og-grid-dateeditor')\nexport class DateEditor extends TextEditor {\n\n\t// a date and time cell (type dt) holds a Date, a date cell a serial date\n\tprotected withTime = false;\n\n\t// a time cell (type tm) holds a Date of its time of day\n\tprotected timeOnly = false;\n\n\tsetValue(value: number|string|Date) {\n\t\tif (value == null) {\n\t\t\tthis.input.value = '';\n\t\t\treturn;\n\t\t}\n\n\t\t// a text is shown as it is: the key that started the editing (a date is formatted only from its Date or serial date)\n\t\tif (utils.isString(value)) {\n\t\t\tthis.input.value = value as string;\n\t\t\treturn;\n\t\t}\n\n\t\ttry {\n\t\t\tconst format = this.timeOnly ? 'HH:mm:ss' : (this.withTime ? 'yyyy-MM-dd HH:mm:ss' : 'yyyy-MM-dd');\n\t\t\tthis.input.value = dates.getDateFormatter(getLocale(), format)(value);\n\t\t} catch (error) {\n\t\t\tthis.input.value = value.toString();\n\t\t}\n\t}\n\n\tgetValue() : number|Date {\n\t\tif (this.timeOnly) return dates.parseTime(this.input.value, getLocale());\n\t\tif (this.withTime) return dates.parseDateTime(this.input.value, getLocale());\n\t\tconst date = dates.parse(this.input.value, getLocale());\n\t\treturn date ? dates.dateToSerialDate(date) : null;\n\t}\n\n\tactivate(cell: CellModel) {\n        super.activate(cell);\n\t\tthis.withTime = cell.type === 'dt';\n\t\tthis.timeOnly = cell.type === 'tm';\n        this.setValue(cell.value as number);\n    }\n\n}\n"]}
+{"version":3,"file":"dateEditor.js","sourceRoot":"","sources":["../../src/editors/dateEditor.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAClD,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAIzC,IAAM,UAAU,GAAhB,MAAM,UAAW,SAAQ,UAAU;IAAnC;;QAEN,yEAAyE;QAC/D,aAAQ,GAAG,KAAK,CAAC;QAE3B,wDAAwD;QAC9C,aAAQ,GAAG,KAAK,CAAC;IAuC5B,CAAC;IArCA,QAAQ,CAAC,KAAyB;QACjC,IAAI,KAAK,IAAI,IAAI,EAAE,CAAC;YACnB,IAAI,CAAC,KAAK,CAAC,KAAK,GAAG,EAAE,CAAC;YACtB,OAAO;QACR,CAAC;QAED,qHAAqH;QACrH,IAAI,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE,CAAC;YAC3B,IAAI,CAAC,KAAK,CAAC,KAAK,GAAG,KAAe,CAAC;YACnC,OAAO;QACR,CAAC;QAED,IAAI,CAAC;YACJ,MAAM,MAAM,GAAG,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC;YACnG,IAAI,CAAC,KAAK,CAAC,KAAK,GAAG,KAAK,CAAC,gBAAgB,CAAC,SAAS,EAAE,EAAE,MAAM,CAAC,CAAC,KAAK,CAAC,CAAC;QACvE,CAAC;QAAC,OAAO,KAAK,EAAE,CAAC;YAChB,IAAI,CAAC,KAAK,CAAC,KAAK,GAAG,KAAK,CAAC,QAAQ,EAAE,CAAC;QACrC,CAAC;IACF,CAAC;IAED,yIAAyI;IACzI,QAAQ;QACP,MAAM,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC;QAC9B,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE;YAAE,OAAO,IAAI,CAAC;QAC9B,IAAI,IAAI,CAAC,QAAQ;YAAE,OAAO,KAAK,CAAC,SAAS,CAAC,IAAI,EAAE,SAAS,EAAE,CAAC,IAAI,IAAI,CAAC;QACrE,IAAI,IAAI,CAAC,QAAQ;YAAE,OAAO,KAAK,CAAC,aAAa,CAAC,IAAI,EAAE,SAAS,EAAE,CAAC,IAAI,IAAI,CAAC;QACzE,MAAM,IAAI,GAAG,KAAK,CAAC,KAAK,CAAC,IAAI,EAAE,SAAS,EAAE,CAAC,CAAC;QAC5C,OAAO,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,gBAAgB,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;IACnD,CAAC;IAED,QAAQ,CAAC,IAAe;QACjB,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;QAC3B,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,IAAI,KAAK,IAAI,CAAC;QACnC,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,IAAI,KAAK,IAAI,CAAC;QAC7B,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAe,CAAC,CAAC;IACxC,CAAC;CAEJ,CAAA;AA7CY,UAAU;IADtB,aAAa,CAAC,oBAAoB,CAAC;GACvB,UAAU,CA6CtB","sourcesContent":["import { TextEditor } from \"./textEditor\";\nimport { customElement } from 'lit/decorators.js';\nimport { dates, utils } from \"@omegagrid/core\";\nimport { getLocale } from \"@omegagrid/localize\";\nimport { CellModel } from \"@omegagrid/grid-core\";\n\n@customElement('og-grid-dateeditor')\nexport class DateEditor extends TextEditor {\n\n\t// a date and time cell (type dt) holds a Date, a date cell a serial date\n\tprotected withTime = false;\n\n\t// a time cell (type tm) holds a Date of its time of day\n\tprotected timeOnly = false;\n\n\tsetValue(value: number|string|Date) {\n\t\tif (value == null) {\n\t\t\tthis.input.value = '';\n\t\t\treturn;\n\t\t}\n\n\t\t// a text is shown as it is: the key that started the editing (a date is formatted only from its Date or serial date)\n\t\tif (utils.isString(value)) {\n\t\t\tthis.input.value = value as string;\n\t\t\treturn;\n\t\t}\n\n\t\ttry {\n\t\t\tconst format = this.timeOnly ? 'HH:mm:ss' : (this.withTime ? 'yyyy-MM-dd HH:mm:ss' : 'yyyy-MM-dd');\n\t\t\tthis.input.value = dates.getDateFormatter(getLocale(), format)(value);\n\t\t} catch (error) {\n\t\t\tthis.input.value = value.toString();\n\t\t}\n\t}\n\n\t// a text the editor cannot read is committed as it is, like a pasted one: the cell keeps it as an invalid date (CellModel.isInvalidDate)\n\tgetValue() : number|Date|string {\n\t\tconst text = this.input.value;\n\t\tif (!text.trim()) return null;\n\t\tif (this.timeOnly) return dates.parseTime(text, getLocale()) ?? text;\n\t\tif (this.withTime) return dates.parseDateTime(text, getLocale()) ?? text;\n\t\tconst date = dates.parse(text, getLocale());\n\t\treturn date ? dates.dateToSerialDate(date) : text;\n\t}\n\n\tactivate(cell: CellModel) {\n        super.activate(cell);\n\t\tthis.withTime = cell.type === 'dt';\n\t\tthis.timeOnly = cell.type === 'tm';\n        this.setValue(cell.value as number);\n    }\n\n}\n"]}

package/dist/filters/dateFilter.d.ts

@@ -0,0 +1,54 @@
+import { BaseFilter } from "./baseFilter";
+import { Dropdown } from '@omegagrid/core';
+import { DateFilterType } from '@omegagrid/grid-core';
+/** The `rangechange` event of og-calendar in the range mode (omega-grid does not depend on omega-calendar) */
+type RangeChangeEvent = Event & {
+    from: Date;
+    to: Date | null;
+};
+/** og-calendar in the range mode, as far as the filter uses it */
+type RangeCalendar = HTMLElement & {
+    range: boolean;
+    rangeStart: Date | null;
+    rangeEnd: Date | null;
+    date: Date;
+};
+/**
+ * Text filter of the date (d), date and time (dt) and time (tm) columns. The user types a date expression such as
+ * `6.11.2026` (the whole day), `6.11.2026..20.11.2026`, `> 6.11.2026`, `11.2026` (the month), `2026` (the year),
+ * `6.11.2026 14:00` (the minute), `9:00..17:00` (a time column), `<= 6.11.2026 or 9.11.2026`; see grid-core's
+ * `parseDateExpression`. A date column has a calendar button too: a day or a range of days picked in the calendar
+ * with two clicks is written into the input and applied. The expression is applied by Enter: the calendar button takes
+ * the place of the filter button of the other text filters.
+ */
+export declare class DateFilter extends BaseFilter {
+    static styles: import("lit").CSSResult[];
+    private inputRef;
+    get input(): HTMLInputElement;
+    private clearButtonRef;
+    get clearButton(): HTMLButtonElement;
+    private dropdownRef;
+    get calendarDropdown(): Dropdown;
+    private calendarRef;
+    get calendar(): RangeCalendar;
+    get type(): DateFilterType;
+    /** a time column has no calendar */
+    get hasCalendar(): boolean;
+    private get dayFormat();
+    private formatDay;
+    /** The text of a term: the expression as typed */
+    private termText;
+    private _apply;
+    _onClearClick(): void;
+    _onInputKeyDown(e: KeyboardEvent): void;
+    _onCalendarOpen: () => void;
+    _onInput: () => void;
+    private _syncCalendar;
+    _onRangeChange: (e: RangeChangeEvent) => void;
+    private get examples();
+    render: () => import("lit-html").TemplateResult<1>;
+    activate(): void;
+    deactivate(): void;
+}
+export {};
+//# sourceMappingURL=dateFilter.d.ts.map

package/dist/filters/dateFilter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dateFilter.d.ts","sourceRoot":"","sources":["../../src/filters/dateFilter.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAI1C,OAAO,EAAE,QAAQ,EAAS,MAAM,iBAAiB,CAAC;AAClD,OAAO,EAAE,cAAc,EAAuB,MAAM,sBAAsB,CAAC;AAG3E,8GAA8G;AAC9G,KAAK,gBAAgB,GAAG,KAAK,GAAG;IAAE,IAAI,EAAE,IAAI,CAAC;IAAC,EAAE,EAAE,IAAI,GAAC,IAAI,CAAA;CAAE,CAAC;AAE9D,kEAAkE;AAClE,KAAK,aAAa,GAAG,WAAW,GAAG;IAAE,KAAK,EAAE,OAAO,CAAC;IAAC,UAAU,EAAE,IAAI,GAAC,IAAI,CAAC;IAAC,QAAQ,EAAE,IAAI,GAAC,IAAI,CAAC;IAAC,IAAI,EAAE,IAAI,CAAA;CAAE,CAAC;AAE9G;;;;;;;GAOG;AACH,qBACa,UAAW,SAAQ,UAAU;IAEzC,MAAM,CAAC,MAAM,4BAsCV;IAEH,OAAO,CAAC,QAAQ,CAAiC;IACjD,IAAI,KAAK,qBAAiC;IAE1C,OAAO,CAAC,cAAc,CAAkC;IACxD,IAAI,WAAW,sBAAuC;IAEtD,OAAO,CAAC,WAAW,CAAyB;IAC5C,IAAI,gBAAgB,aAAoC;IAExD,OAAO,CAAC,WAAW,CAA8B;IACjD,IAAI,QAAQ,kBAAoC;IAEhD,IAAI,IAAI,IAAI,cAAc,CAGzB;IAED,oCAAoC;IACpC,IAAI,WAAW,YAAgC;IAG/C,OAAO,KAAK,SAAS,GAAmC;IAExD,OAAO,CAAC,SAAS;IAEjB,kDAAkD;IAClD,OAAO,CAAC,QAAQ;IAIhB,OAAO,CAAC,MAAM;IASd,aAAa;IAKb,eAAe,CAAC,CAAC,EAAE,aAAa;IAShC,eAAe,aAA8B;IAE7C,QAAQ,aAEP;IAED,OAAO,CAAC,aAAa;IAcrB,cAAc,GAAI,GAAG,gBAAgB,UAMpC;IAED,OAAO,KAAK,QAAQ,GAMnB;IAED,MAAM,6CAiBJ;IAEF,QAAQ;IAQR,UAAU;CAKV"}

package/dist/filters/dateFilter.js

@@ -0,0 +1,179 @@
+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 constants from "../constants";
+import { customElement } from 'lit/decorators.js';
+import { BaseFilter } from "./baseFilter";
+import { html, css } from 'lit';
+import { createRef, ref } from 'lit/directives/ref.js';
+import { msg } from '@omegagrid/localize';
+import { dates } from '@omegagrid/core';
+import { parseDateExpression } from '@omegagrid/grid-core';
+import { isSameDay, startOfDay, subMilliseconds } from 'date-fns';
+/**
+ * Text filter of the date (d), date and time (dt) and time (tm) columns. The user types a date expression such as
+ * `6.11.2026` (the whole day), `6.11.2026..20.11.2026`, `> 6.11.2026`, `11.2026` (the month), `2026` (the year),
+ * `6.11.2026 14:00` (the minute), `9:00..17:00` (a time column), `<= 6.11.2026 or 9.11.2026`; see grid-core's
+ * `parseDateExpression`. A date column has a calendar button too: a day or a range of days picked in the calendar
+ * with two clicks is written into the input and applied. The expression is applied by Enter: the calendar button takes
+ * the place of the filter button of the other text filters.
+ */
+let DateFilter = class DateFilter extends BaseFilter {
+    constructor() {
+        super(...arguments);
+        this.inputRef = createRef();
+        this.clearButtonRef = createRef();
+        this.dropdownRef = createRef();
+        this.calendarRef = createRef();
+        // the calendar shows the days of the typed expression picked, when it is a single day or a range of days: when it
+        // opens, and as the text is edited while it is open
+        this._onCalendarOpen = () => this._syncCalendar();
+        this._onInput = () => {
+            if (this.calendarDropdown?.isOpen)
+                this._syncCalendar();
+        };
+        // the second click completes the range: it is written into the input and applied
+        this._onRangeChange = (e) => {
+            if (!e.to || !this.input)
+                return;
+            this.input.value = isSameDay(e.from, e.to) ? this.formatDay(e.from) : `${this.formatDay(e.from)}..${this.formatDay(e.to)}`;
+            this.calendarDropdown?.close();
+            this._apply();
+            this.deactivate();
+        };
+        this.render = () => html `
+		<div class="filter-inner">
+			<input ${ref(this.inputRef)}
+				type="text"
+				title="${msg('Examples:')} ${this.examples}"
+				@keydown="${this._onInputKeyDown}"
+				@input="${this._onInput}"
+				.value="${this.termText(this.currentValue)}">
+			${this.hasCalendar ? html `
+				<og-dropdown ${ref(this.dropdownRef)} icon="calendar-days" color="accent" alignment="right" noCaret
+					title="${msg('Pick a day or a range of days: the first click starts it, the second ends it')}"
+					@dropdown.open="${this._onCalendarOpen}">
+					<og-calendar ${ref(this.calendarRef)} slot="content" range @rangechange="${this._onRangeChange}"></og-calendar>
+				</og-dropdown>
+			` : ''}
+			<og-button icon="xmark" color="red" ${ref(this.clearButtonRef)} @mousedown="${this._onClearClick}"></og-button>
+		</div>
+	`;
+    }
+    get input() { return this.inputRef.value; }
+    get clearButton() { return this.clearButtonRef.value; }
+    get calendarDropdown() { return this.dropdownRef.value; }
+    get calendar() { return this.calendarRef.value; }
+    get type() {
+        const t = this.columnModel?.type;
+        return (t === 'dt' || t === 'tm') ? t : 'd';
+    }
+    /** a time column has no calendar */
+    get hasCalendar() { return this.type !== 'tm'; }
+    // the format the calendar writes a day in: the date format of the locale, read back by the parser
+    get dayFormat() { return dates.getDateFormat(); }
+    formatDay(day) { return dates.format(day, this.dayFormat); }
+    /** The text of a term: the expression as typed */
+    termText(term) {
+        return term == null ? '' : term.toString();
+    }
+    _apply() {
+        const value = (this.input?.value ?? '').trim();
+        if (value === '') {
+            this.clearFilter();
+        }
+        else {
+            this.filter(value);
+        }
+    }
+    _onClearClick() {
+        if (this.input)
+            this.input.value = '';
+        this.clearFilter();
+    }
+    _onInputKeyDown(e) {
+        if (e.key == 'Enter') {
+            this._apply();
+            this.deactivate();
+        }
+    }
+    _syncCalendar() {
+        const calendar = this.calendar;
+        if (!calendar)
+            return;
+        const groups = parseDateExpression(this.input?.value ?? '', this.type);
+        const bounds = groups?.length === 1 ? groups[0] : null;
+        const from = bounds?.find(b => b.op === '>=')?.value ?? null;
+        const before = bounds?.find(b => b.op === '<')?.value ?? null;
+        calendar.rangeStart = from;
+        calendar.rangeEnd = from && before ? startOfDay(subMilliseconds(before, 1)) : null; // the last day of the range
+        // the calendar shows the month of the start, of today without one
+        calendar.date = startOfDay(from ?? new Date());
+    }
+    get examples() {
+        if (this.type === 'tm')
+            return '9:00, 9:00..17:00, >= 12:00, < 8:00 or > 16:00';
+        const day = this.formatDay(new Date(2026, 10, 6));
+        const other = this.formatDay(new Date(2026, 10, 20));
+        const time = this.type === 'dt' ? `, ${day} 14:00` : '';
+        return `${day}, ${day}..${other}, > ${day}, 11.2026, 2026, != 2026${time}`;
+    }
+    activate() {
+        super.activate();
+        if (this.input) {
+            this.input.value = this.termText(this.currentValue);
+        }
+        setTimeout(() => this.input?.select(), 100);
+    }
+    deactivate() {
+        this.calendarDropdown?.close();
+        super.deactivate();
+    }
+};
+DateFilter.styles = [...BaseFilter.styles, css `
+		.filter-inner {
+			height: 100%;
+			display: flex;
+			flex-direction: row;
+			overflow: hidden;
+		}
+
+		input {
+			border-width: 0;
+			outline: none;
+			height: 100%;
+			flex: 1;
+			width: 100%;
+			min-width: 0;
+			background-color: var(--og-background-color);
+			color: var(--og-text-color);
+		}
+
+		og-button, og-dropdown {
+			flex: 0;
+			min-width: 18px;
+			max-width: 18px;
+			padding: 0;
+			text-align: center;
+			border-width: 0;
+			border-radius: 0;
+			height: 100%;
+		}
+
+		og-dropdown {
+			display: flex;
+		}
+
+		og-calendar {
+			width: 300px;
+			height: 260px;
+		}
+	`];
+DateFilter = __decorate([
+    customElement(`${constants.PREFIX}-filter-date`)
+], DateFilter);
+export { DateFilter };
+//# sourceMappingURL=dateFilter.js.map

package/dist/filters/dateFilter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dateFilter.js","sourceRoot":"","sources":["../../src/filters/dateFilter.ts"],"names":[],"mappings":"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","sourcesContent":["import constants from \"../constants\";\nimport { customElement } from 'lit/decorators.js';\nimport { BaseFilter } from \"./baseFilter\";\nimport { html, css } from 'lit';\nimport { createRef, ref } from 'lit/directives/ref.js';\nimport { msg } from '@omegagrid/localize';\nimport { Dropdown, dates } from '@omegagrid/core';\nimport { DateFilterType, parseDateExpression } from '@omegagrid/grid-core';\nimport { isSameDay, startOfDay, subMilliseconds } from 'date-fns';\n\n/** The `rangechange` event of og-calendar in the range mode (omega-grid does not depend on omega-calendar) */\ntype RangeChangeEvent = Event & { from: Date, to: Date|null };\n\n/** og-calendar in the range mode, as far as the filter uses it */\ntype RangeCalendar = HTMLElement & { range: boolean, rangeStart: Date|null, rangeEnd: Date|null, date: Date };\n\n/**\n * Text filter of the date (d), date and time (dt) and time (tm) columns. The user types a date expression such as\n * `6.11.2026` (the whole day), `6.11.2026..20.11.2026`, `> 6.11.2026`, `11.2026` (the month), `2026` (the year),\n * `6.11.2026 14:00` (the minute), `9:00..17:00` (a time column), `<= 6.11.2026 or 9.11.2026`; see grid-core's\n * `parseDateExpression`. A date column has a calendar button too: a day or a range of days picked in the calendar\n * with two clicks is written into the input and applied. The expression is applied by Enter: the calendar button takes\n * the place of the filter button of the other text filters.\n */\n@customElement(`${constants.PREFIX}-filter-date`)\nexport class DateFilter extends BaseFilter {\n\n\tstatic styles = [...BaseFilter.styles, css`\n\t\t.filter-inner {\n\t\t\theight: 100%;\n\t\t\tdisplay: flex;\n\t\t\tflex-direction: row;\n\t\t\toverflow: hidden;\n\t\t}\n\n\t\tinput {\n\t\t\tborder-width: 0;\n\t\t\toutline: none;\n\t\t\theight: 100%;\n\t\t\tflex: 1;\n\t\t\twidth: 100%;\n\t\t\tmin-width: 0;\n\t\t\tbackground-color: var(--og-background-color);\n\t\t\tcolor: var(--og-text-color);\n\t\t}\n\n\t\tog-button, og-dropdown {\n\t\t\tflex: 0;\n\t\t\tmin-width: 18px;\n\t\t\tmax-width: 18px;\n\t\t\tpadding: 0;\n\t\t\ttext-align: center;\n\t\t\tborder-width: 0;\n\t\t\tborder-radius: 0;\n\t\t\theight: 100%;\n\t\t}\n\n\t\tog-dropdown {\n\t\t\tdisplay: flex;\n\t\t}\n\n\t\tog-calendar {\n\t\t\twidth: 300px;\n\t\t\theight: 260px;\n\t\t}\n\t`];\n\n\tprivate inputRef = createRef<HTMLInputElement>();\n\tget input() { return this.inputRef.value }\n\n\tprivate clearButtonRef = createRef<HTMLButtonElement>();\n\tget clearButton() { return this.clearButtonRef.value }\n\n\tprivate dropdownRef = createRef<Dropdown>();\n\tget calendarDropdown() { return this.dropdownRef.value }\n\n\tprivate calendarRef = createRef<RangeCalendar>();\n\tget calendar() { return this.calendarRef.value }\n\n\tget type(): DateFilterType {\n\t\tconst t = this.columnModel?.type;\n\t\treturn (t === 'dt' || t === 'tm') ? t : 'd';\n\t}\n\n\t/** a time column has no calendar */\n\tget hasCalendar() { return this.type !== 'tm' }\n\n\t// the format the calendar writes a day in: the date format of the locale, read back by the parser\n\tprivate get dayFormat() { return dates.getDateFormat() }\n\n\tprivate formatDay(day: Date) { return dates.format(day, this.dayFormat) }\n\n\t/** The text of a term: the expression as typed */\n\tprivate termText(term: unknown): string {\n\t\treturn term == null ? '' : term.toString();\n\t}\n\n\tprivate _apply() {\n\t\tconst value = (this.input?.value ?? '').trim();\n\t\tif (value === '') {\n\t\t\tthis.clearFilter();\n\t\t} else {\n\t\t\tthis.filter(value);\n\t\t}\n\t}\n\n\t_onClearClick() {\n\t\tif (this.input) this.input.value = '';\n\t\tthis.clearFilter();\n\t}\n\n\t_onInputKeyDown(e: KeyboardEvent) {\n\t\tif (e.key == 'Enter') {\n\t\t\tthis._apply();\n\t\t\tthis.deactivate();\n\t\t}\n\t}\n\n\t// the calendar shows the days of the typed expression picked, when it is a single day or a range of days: when it\n\t// opens, and as the text is edited while it is open\n\t_onCalendarOpen = () => this._syncCalendar();\n\n\t_onInput = () => {\n\t\tif (this.calendarDropdown?.isOpen) this._syncCalendar();\n\t}\n\n\tprivate _syncCalendar() {\n\t\tconst calendar = this.calendar;\n\t\tif (!calendar) return;\n\t\tconst groups = parseDateExpression(this.input?.value ?? '', this.type);\n\t\tconst bounds = groups?.length === 1 ? groups[0] : null;\n\t\tconst from = bounds?.find(b => b.op === '>=')?.value ?? null;\n\t\tconst before = bounds?.find(b => b.op === '<')?.value ?? null;\n\t\tcalendar.rangeStart = from;\n\t\tcalendar.rangeEnd = from && before ? startOfDay(subMilliseconds(before, 1)) : null; // the last day of the range\n\t\t// the calendar shows the month of the start, of today without one\n\t\tcalendar.date = startOfDay(from ?? new Date());\n\t}\n\n\t// the second click completes the range: it is written into the input and applied\n\t_onRangeChange = (e: RangeChangeEvent) => {\n\t\tif (!e.to || !this.input) return;\n\t\tthis.input.value = isSameDay(e.from, e.to) ? this.formatDay(e.from) : `${this.formatDay(e.from)}..${this.formatDay(e.to)}`;\n\t\tthis.calendarDropdown?.close();\n\t\tthis._apply();\n\t\tthis.deactivate();\n\t}\n\n\tprivate get examples() {\n\t\tif (this.type === 'tm') return '9:00, 9:00..17:00, >= 12:00, < 8:00 or > 16:00';\n\t\tconst day = this.formatDay(new Date(2026, 10, 6));\n\t\tconst other = this.formatDay(new Date(2026, 10, 20));\n\t\tconst time = this.type === 'dt' ? `, ${day} 14:00` : '';\n\t\treturn `${day}, ${day}..${other}, > ${day}, 11.2026, 2026, != 2026${time}`;\n\t}\n\n\trender = () => html`\n\t\t<div class=\"filter-inner\">\n\t\t\t<input ${ref(this.inputRef)}\n\t\t\t\ttype=\"text\"\n\t\t\t\ttitle=\"${msg('Examples:')} ${this.examples}\"\n\t\t\t\t@keydown=\"${this._onInputKeyDown}\"\n\t\t\t\t@input=\"${this._onInput}\"\n\t\t\t\t.value=\"${this.termText(this.currentValue)}\">\n\t\t\t${this.hasCalendar ? html`\n\t\t\t\t<og-dropdown ${ref(this.dropdownRef)} icon=\"calendar-days\" color=\"accent\" alignment=\"right\" noCaret\n\t\t\t\t\ttitle=\"${msg('Pick a day or a range of days: the first click starts it, the second ends it')}\"\n\t\t\t\t\t@dropdown.open=\"${this._onCalendarOpen}\">\n\t\t\t\t\t<og-calendar ${ref(this.calendarRef)} slot=\"content\" range @rangechange=\"${this._onRangeChange}\"></og-calendar>\n\t\t\t\t</og-dropdown>\n\t\t\t` : ''}\n\t\t\t<og-button icon=\"xmark\" color=\"red\" ${ref(this.clearButtonRef)} @mousedown=\"${this._onClearClick}\"></og-button>\n\t\t</div>\n\t`;\n\n\tactivate() {\n\t\tsuper.activate();\n\t\tif (this.input) {\n\t\t\tthis.input.value = this.termText(this.currentValue);\n\t\t}\n\t\tsetTimeout(() => this.input?.select(), 100);\n\t}\n\n\tdeactivate() {\n\t\tthis.calendarDropdown?.close();\n\t\tsuper.deactivate();\n\t}\n\n}\n"]}

package/dist/filters/filterFactory.js

@@ -25,9 +25,9 @@ const createDropdownFilter = (column) => {
 const filterMap = new Map([
     ['t', () => dom.createElement('og-filter-text')],
     ['n', () => dom.createElement('og-filter-number')],
-    ['d', () => dom.createElement('og-filter-range')],
-    ['dt', () => dom.createElement('og-filter-range')],
-    ['tm', () => dom.createElement('og-filter-range')],
+    ['d', () => dom.createElement('og-filter-date')],
+    ['dt', () => dom.createElement('og-filter-date')],
+    ['tm', () => dom.createElement('og-filter-date')],
     ['b', () => dom.createElement('og-filter-checkbox')],
     ['s', (column) => createDropdownFilter(column)],
     ['m', (column) => createDropdownFilter(column)]

package/dist/filters/filterFactory.js.map

@@ -1 +1 @@
-{"version":3,"file":"filterFactory.js","sourceRoot":"","sources":["../../src/filters/filterFactory.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,GAAG,EAAE,MAAM,iBAAiB,CAAC;AAItC,SAAS,oBAAoB,CAAC,MAAmB;IAChD,MAAM,MAAM,GAAG,IAAI,GAAG,EAAkB,CAAC;IAEzC,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC;QACnD,MAAM,IAAI,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;QAC5B,MAAM,CAAC,GAAG,CAAC,IAAI,CAAC,KAAe,EAAE,CAAC,IAAI,CAAC,YAAY,IAAI,IAAI,CAAC,KAAK,IAAI,EAAE,CAAC,CAAC,QAAQ,EAAE,CAAC,CAAC;IACtF,CAAC;IAED,MAAM,KAAK,GAAe,EAAE,CAAC;IAC7B,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,KAAK,CAAC,IAAI,CAAC,EAAC,CAAC,EAAE,CAAC,EAAC,CAAC,CAAC,CAAC;IAC7C,OAAO,KAAK,CAAC;AACd,CAAC;AAED,MAAM,oBAAoB,GAAG,CAAC,MAAmB,EAAE,EAAE;IACpD,MAAM,SAAS,GAAG,GAAG,CAAC,aAAa,CAAiB,oBAAoB,CAAC,CAAC;IAC1E,IAAI,MAAM,CAAC,OAAO,EAAE,CAAC;QACpB,SAAS,CAAC,OAAO,GAAG,MAAM,CAAC,OAAsB,CAAC;IACnD,CAAC;SAAM,IAAI,MAAM,CAAC,aAAa,EAAE,CAAC;QACjC,SAAS,CAAC,KAAK,GAAG,MAAM,CAAC,aAA2B,CAAC;IACtD,CAAC;SAAM,CAAC;QACP,SAAS,CAAC,KAAK,GAAG,oBAAoB,CAAC,MAAM,CAAC,CAAC;IAChD,CAAC;IACD,OAAO,SAAS,CAAC;AAClB,CAAC,CAAA;AAED,MAAM,SAAS,GAAG,IAAI,GAAG,CAAgD;IACxE,CAAC,GAAG,EAAE,GAAG,EAAE,CAAC,GAAG,CAAC,aAAa,CAAC,gBAAgB,CAAC,CAAC;IAChD,CAAC,GAAG,EAAE,GAAG,EAAE,CAAC,GAAG,CAAC,aAAa,CAAC,kBAAkB,CAAC,CAAC;IAClD,CAAC,GAAG,EAAE,GAAG,EAAE,CAAC,GAAG,CAAC,aAAa,CAAC,iBAAiB,CAAC,CAAC;IACjD,CAAC,IAAI,EAAE,GAAG,EAAE,CAAC,GAAG,CAAC,aAAa,CAAC,iBAAiB,CAAC,CAAC;IAClD,CAAC,IAAI,EAAE,GAAG,EAAE,CAAC,GAAG,CAAC,aAAa,CAAC,iBAAiB,CAAC,CAAC;IAClD,CAAC,GAAG,EAAE,GAAG,EAAE,CAAC,GAAG,CAAC,aAAa,CAAC,oBAAoB,CAAC,CAAC;IACpD,CAAC,GAAG,EAAE,CAAC,MAAM,EAAE,EAAE,CAAC,oBAAoB,CAAC,MAAM,CAAC,CAAC;IAC/C,CAAC,GAAG,EAAE,CAAC,MAAM,EAAE,EAAE,CAAC,oBAAoB,CAAC,MAAM,CAAC,CAAC;CAC/C,CAAC,CAAC;AAEH,MAAM,UAAU,YAAY,CAAC,MAAmB,EAAE,UAAuB;IACxE,MAAM,OAAO,GAAG,SAAS,CAAC,GAAG,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;IAC3C,MAAM,SAAS,GAAe,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,aAAa,CAAC,gBAAgB,CAAC,CAAC;IAC9F,SAAS,CAAC,WAAW,GAAG,MAAM,CAAC;IAC/B,SAAS,CAAC,WAAW,GAAG,UAAU,CAAC;IACnC,OAAO,SAAS,CAAC;AAClB,CAAC","sourcesContent":["import { CellType, ColumnModel, FilterModel } from \"@omegagrid/grid-core\";\nimport { BaseFilter } from \"./baseFilter\";\nimport { dom } from \"@omegagrid/core\";\nimport { DropdownFilter } from \"./dropdownFilter\";\nimport { TreeAdapter, TreeSource } from \"@omegagrid/tree\";\n\nfunction collectDropdownItems(column: ColumnModel) : TreeSource {\n\tconst values = new Map<string, string>();\n\t\n\tfor (let r = 0; r < column.model.rows.length; r++) {\n\t\tconst cell = column.cell(r);\n\t\tvalues.set(cell.value as string, (cell.displayValue ?? cell.value ?? \"\").toString());\n\t}\n\n\tconst items: TreeSource = [];\n\tvalues.forEach((v, k) => items.push({k, v}));\n\treturn items;\n}\n\nconst createDropdownFilter = (column: ColumnModel) => {\n\tconst component = dom.createElement<DropdownFilter>('og-filter-dropdown');\n\tif (column.adapter) {\n\t\tcomponent.adapter = column.adapter as TreeAdapter;\n\t} else if (column.editorContent) {\n\t\tcomponent.items = column.editorContent as TreeSource;\n\t} else {\n\t\tcomponent.items = collectDropdownItems(column);\n\t}\n\treturn component;\n}\n\nconst filterMap = new Map<CellType, (column: ColumnModel) => BaseFilter>([\n\t['t', () => dom.createElement('og-filter-text')],\n\t['n', () => dom.createElement('og-filter-number')],\n\t['d', () => dom.createElement('og-filter-range')],\n\t['dt', () => dom.createElement('og-filter-range')],\n\t['tm', () => dom.createElement('og-filter-range')],\n\t['b', () => dom.createElement('og-filter-checkbox')],\n\t['s', (column) => createDropdownFilter(column)],\n\t['m', (column) => createDropdownFilter(column)]\n]);\n\nexport function createFilter(column: ColumnModel, filteModel: FilterModel): BaseFilter {\n\tconst factory = filterMap.get(column.type);\n\tconst component: BaseFilter = factory ? factory(column) : dom.createElement('og-filter-text');\n\tcomponent.columnModel = column;\n\tcomponent.filterModel = filteModel;\n\treturn component;\n}\n"]}
+{"version":3,"file":"filterFactory.js","sourceRoot":"","sources":["../../src/filters/filterFactory.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,GAAG,EAAE,MAAM,iBAAiB,CAAC;AAItC,SAAS,oBAAoB,CAAC,MAAmB;IAChD,MAAM,MAAM,GAAG,IAAI,GAAG,EAAkB,CAAC;IAEzC,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC;QACnD,MAAM,IAAI,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;QAC5B,MAAM,CAAC,GAAG,CAAC,IAAI,CAAC,KAAe,EAAE,CAAC,IAAI,CAAC,YAAY,IAAI,IAAI,CAAC,KAAK,IAAI,EAAE,CAAC,CAAC,QAAQ,EAAE,CAAC,CAAC;IACtF,CAAC;IAED,MAAM,KAAK,GAAe,EAAE,CAAC;IAC7B,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,KAAK,CAAC,IAAI,CAAC,EAAC,CAAC,EAAE,CAAC,EAAC,CAAC,CAAC,CAAC;IAC7C,OAAO,KAAK,CAAC;AACd,CAAC;AAED,MAAM,oBAAoB,GAAG,CAAC,MAAmB,EAAE,EAAE;IACpD,MAAM,SAAS,GAAG,GAAG,CAAC,aAAa,CAAiB,oBAAoB,CAAC,CAAC;IAC1E,IAAI,MAAM,CAAC,OAAO,EAAE,CAAC;QACpB,SAAS,CAAC,OAAO,GAAG,MAAM,CAAC,OAAsB,CAAC;IACnD,CAAC;SAAM,IAAI,MAAM,CAAC,aAAa,EAAE,CAAC;QACjC,SAAS,CAAC,KAAK,GAAG,MAAM,CAAC,aAA2B,CAAC;IACtD,CAAC;SAAM,CAAC;QACP,SAAS,CAAC,KAAK,GAAG,oBAAoB,CAAC,MAAM,CAAC,CAAC;IAChD,CAAC;IACD,OAAO,SAAS,CAAC;AAClB,CAAC,CAAA;AAED,MAAM,SAAS,GAAG,IAAI,GAAG,CAAgD;IACxE,CAAC,GAAG,EAAE,GAAG,EAAE,CAAC,GAAG,CAAC,aAAa,CAAC,gBAAgB,CAAC,CAAC;IAChD,CAAC,GAAG,EAAE,GAAG,EAAE,CAAC,GAAG,CAAC,aAAa,CAAC,kBAAkB,CAAC,CAAC;IAClD,CAAC,GAAG,EAAE,GAAG,EAAE,CAAC,GAAG,CAAC,aAAa,CAAC,gBAAgB,CAAC,CAAC;IAChD,CAAC,IAAI,EAAE,GAAG,EAAE,CAAC,GAAG,CAAC,aAAa,CAAC,gBAAgB,CAAC,CAAC;IACjD,CAAC,IAAI,EAAE,GAAG,EAAE,CAAC,GAAG,CAAC,aAAa,CAAC,gBAAgB,CAAC,CAAC;IACjD,CAAC,GAAG,EAAE,GAAG,EAAE,CAAC,GAAG,CAAC,aAAa,CAAC,oBAAoB,CAAC,CAAC;IACpD,CAAC,GAAG,EAAE,CAAC,MAAM,EAAE,EAAE,CAAC,oBAAoB,CAAC,MAAM,CAAC,CAAC;IAC/C,CAAC,GAAG,EAAE,CAAC,MAAM,EAAE,EAAE,CAAC,oBAAoB,CAAC,MAAM,CAAC,CAAC;CAC/C,CAAC,CAAC;AAEH,MAAM,UAAU,YAAY,CAAC,MAAmB,EAAE,UAAuB;IACxE,MAAM,OAAO,GAAG,SAAS,CAAC,GAAG,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;IAC3C,MAAM,SAAS,GAAe,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,aAAa,CAAC,gBAAgB,CAAC,CAAC;IAC9F,SAAS,CAAC,WAAW,GAAG,MAAM,CAAC;IAC/B,SAAS,CAAC,WAAW,GAAG,UAAU,CAAC;IACnC,OAAO,SAAS,CAAC;AAClB,CAAC","sourcesContent":["import { CellType, ColumnModel, FilterModel } from \"@omegagrid/grid-core\";\nimport { BaseFilter } from \"./baseFilter\";\nimport { dom } from \"@omegagrid/core\";\nimport { DropdownFilter } from \"./dropdownFilter\";\nimport { TreeAdapter, TreeSource } from \"@omegagrid/tree\";\n\nfunction collectDropdownItems(column: ColumnModel) : TreeSource {\n\tconst values = new Map<string, string>();\n\t\n\tfor (let r = 0; r < column.model.rows.length; r++) {\n\t\tconst cell = column.cell(r);\n\t\tvalues.set(cell.value as string, (cell.displayValue ?? cell.value ?? \"\").toString());\n\t}\n\n\tconst items: TreeSource = [];\n\tvalues.forEach((v, k) => items.push({k, v}));\n\treturn items;\n}\n\nconst createDropdownFilter = (column: ColumnModel) => {\n\tconst component = dom.createElement<DropdownFilter>('og-filter-dropdown');\n\tif (column.adapter) {\n\t\tcomponent.adapter = column.adapter as TreeAdapter;\n\t} else if (column.editorContent) {\n\t\tcomponent.items = column.editorContent as TreeSource;\n\t} else {\n\t\tcomponent.items = collectDropdownItems(column);\n\t}\n\treturn component;\n}\n\nconst filterMap = new Map<CellType, (column: ColumnModel) => BaseFilter>([\n\t['t', () => dom.createElement('og-filter-text')],\n\t['n', () => dom.createElement('og-filter-number')],\n\t['d', () => dom.createElement('og-filter-date')],\n\t['dt', () => dom.createElement('og-filter-date')],\n\t['tm', () => dom.createElement('og-filter-date')],\n\t['b', () => dom.createElement('og-filter-checkbox')],\n\t['s', (column) => createDropdownFilter(column)],\n\t['m', (column) => createDropdownFilter(column)]\n]);\n\nexport function createFilter(column: ColumnModel, filteModel: FilterModel): BaseFilter {\n\tconst factory = filterMap.get(column.type);\n\tconst component: BaseFilter = factory ? factory(column) : dom.createElement('og-filter-text');\n\tcomponent.columnModel = column;\n\tcomponent.filterModel = filteModel;\n\treturn component;\n}\n"]}

package/dist/filters/index.d.ts

@@ -2,7 +2,6 @@ export * from "./textFilter";
 export * from "./checkboxFilter";
 export * from "./dropdownFilter";
 export * from "./numberFilter";
-export * from "./rangeFilter";
-export * from "./rangeFilterPopup";
+export * from "./dateFilter";
 export * from "./filterFactory";
 //# sourceMappingURL=index.d.ts.map

package/dist/filters/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/filters/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,kBAAkB,CAAC;AACjC,cAAc,kBAAkB,CAAC;AACjC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,oBAAoB,CAAC;AACnC,cAAc,iBAAiB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/filters/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,kBAAkB,CAAC;AACjC,cAAc,kBAAkB,CAAC;AACjC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,cAAc,CAAC;AAC7B,cAAc,iBAAiB,CAAC"}

package/dist/filters/index.js

@@ -2,7 +2,6 @@ export * from "./textFilter";
 export * from "./checkboxFilter";
 export * from "./dropdownFilter";
 export * from "./numberFilter";
-export * from "./rangeFilter";
-export * from "./rangeFilterPopup";
+export * from "./dateFilter";
 export * from "./filterFactory";
 //# sourceMappingURL=index.js.map

package/dist/filters/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/filters/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,kBAAkB,CAAC;AACjC,cAAc,kBAAkB,CAAC;AACjC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,oBAAoB,CAAC;AACnC,cAAc,iBAAiB,CAAC","sourcesContent":["export * from \"./textFilter\";\nexport * from \"./checkboxFilter\";\nexport * from \"./dropdownFilter\";\nexport * from \"./numberFilter\";\nexport * from \"./rangeFilter\";\nexport * from \"./rangeFilterPopup\";\nexport * from \"./filterFactory\";\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/filters/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,kBAAkB,CAAC;AACjC,cAAc,kBAAkB,CAAC;AACjC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,cAAc,CAAC;AAC7B,cAAc,iBAAiB,CAAC","sourcesContent":["export * from \"./textFilter\";\nexport * from \"./checkboxFilter\";\nexport * from \"./dropdownFilter\";\nexport * from \"./numberFilter\";\nexport * from \"./dateFilter\";\nexport * from \"./filterFactory\";\n"]}

package/dist/renderers/DateTimeRenderer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DateTimeRenderer.d.ts","sourceRoot":"","sources":["../../src/renderers/DateTimeRenderer.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAEjD,OAAO,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAG/C,wBAAgB,gBAAgB,CAAC,GAAG,EAAE,cAAc,EAAE,IAAI,EAAE,SAAS,EAAE,OAAO,CAAC,EAAE,mBAAmB,GAAI,cAAc,CAoBrH"}
+{"version":3,"file":"DateTimeRenderer.d.ts","sourceRoot":"","sources":["../../src/renderers/DateTimeRenderer.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAEjD,OAAO,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAK/C,wBAAgB,gBAAgB,CAAC,GAAG,EAAE,cAAc,EAAE,IAAI,EAAE,SAAS,EAAE,OAAO,CAAC,EAAE,mBAAmB,GAAI,cAAc,CAwBrH"}

package/dist/renderers/DateTimeRenderer.js

@@ -1,16 +1,22 @@
 import { BaseRenderer } from "./BaseRenderer";
 import { dom } from "@omegagrid/core";
+const INVALID_FORMAT = '!invalid format';
 export function DateTimeRenderer(div, cell, options) {
     const opts = cell.model.options;
-    try {
-        // a date and time cell (type dt) or a time cell (type tm) without a format of its own shows the format of its type
-        const formatter = cell.type == 'dt' ? opts.dateTimeFormatter : (cell.type == 'tm' ? opts.timeFormatter : opts.dateFormatter);
-        div.textContent = cell.value
-            ? formatter(cell.value, cell.format)
-            : '';
+    if (cell.isInvalidDate) {
+        div.textContent = INVALID_FORMAT; // a text the cell could not read as a date: marked, the editor opens with it
     }
-    catch (_err) {
-        div.textContent = '!invalid format';
+    else {
+        try {
+            // a date and time cell (type dt) or a time cell (type tm) without a format of its own shows the format of its type
+            const formatter = cell.type == 'dt' ? opts.dateTimeFormatter : (cell.type == 'tm' ? opts.timeFormatter : opts.dateFormatter);
+            div.textContent = cell.value
+                ? formatter(cell.value, cell.format)
+                : '';
+        }
+        catch (_err) {
+            div.textContent = INVALID_FORMAT;
+        }
     }
     if (cell.editable && opts.editing?.dateCalendarEditor) {
         const triangle = dom.createElement('div');

package/dist/renderers/DateTimeRenderer.js.map

@@ -1 +1 @@
-{"version":3,"file":"DateTimeRenderer.js","sourceRoot":"","sources":["../../src/renderers/DateTimeRenderer.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAE9C,OAAO,EAAE,GAAG,EAAE,MAAM,iBAAiB,CAAC;AAEtC,MAAM,UAAU,gBAAgB,CAAC,GAAmB,EAAE,IAAe,EAAE,OAA6B;IACnG,MAAM,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC;IAChC,IAAI,CAAC;QACJ,mHAAmH;QACnH,MAAM,SAAS,GAAG,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;QAC7H,GAAG,CAAC,WAAW,GAAG,IAAI,CAAC,KAAK;YAC3B,CAAC,CAAC,SAAS,CAAC,IAAI,CAAC,KAAoB,EAAE,IAAI,CAAC,MAAM,CAAC;YACnD,CAAC,CAAC,EAAE,CAAC;IACP,CAAC;IAAC,OAAO,IAAI,EAAE,CAAC;QACf,GAAG,CAAC,WAAW,GAAG,iBAAiB,CAAC;IACrC,CAAC;IAED,IAAI,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,OAAO,EAAE,kBAAkB,EAAE,CAAC;QACvD,MAAM,QAAQ,GAAG,GAAG,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QAC1C,QAAQ,CAAC,SAAS,GAAG,eAAe,CAAC;QACrC,GAAG,CAAC,WAAW,CAAC,QAAQ,EAAE,EAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAC,CAAC,CAAC;QACxC,GAAG,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC;IAC3B,CAAC;IAED,OAAO,YAAY,CAAC,IAAI,CAAC,IAAI,EAAE,GAAG,EAAE,IAAI,EAAE,OAAO,CAAC,CAAC;AACpD,CAAC","sourcesContent":["import { CellModel } from \"@omegagrid/grid-core\";\nimport { BaseRenderer } from \"./BaseRenderer\";\nimport { CellRendererOptions } from \"../types\";\nimport { dom } from \"@omegagrid/core\";\n\nexport function DateTimeRenderer(div: HTMLDivElement, cell: CellModel, options?: CellRendererOptions) : HTMLDivElement {\n\tconst opts = cell.model.options;\n\ttry {\n\t\t// a date and time cell (type dt) or a time cell (type tm) without a format of its own shows the format of its type\n\t\tconst formatter = cell.type == 'dt' ? opts.dateTimeFormatter : (cell.type == 'tm' ? opts.timeFormatter : opts.dateFormatter);\n\t\tdiv.textContent = cell.value\n\t\t\t? formatter(cell.value as Date|string, cell.format)\n\t\t\t: '';\n\t} catch (_err) {\n\t\tdiv.textContent = '!invalid format';\n\t}\n\t\n\tif (cell.editable && opts.editing?.dateCalendarEditor) {\n\t\tconst triangle = dom.createElement('div');\n\t\ttriangle.className = 'triangle-down';\n\t\tdom.setPosition(triangle, {t: 8, r: 8});\n\t\tdiv.appendChild(triangle);\n\t}\n\n\treturn BaseRenderer.call(this, div, cell, options);\n}"]}
+{"version":3,"file":"DateTimeRenderer.js","sourceRoot":"","sources":["../../src/renderers/DateTimeRenderer.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAE9C,OAAO,EAAE,GAAG,EAAE,MAAM,iBAAiB,CAAC;AAEtC,MAAM,cAAc,GAAG,iBAAiB,CAAC;AAEzC,MAAM,UAAU,gBAAgB,CAAC,GAAmB,EAAE,IAAe,EAAE,OAA6B;IACnG,MAAM,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC;IAChC,IAAI,IAAI,CAAC,aAAa,EAAE,CAAC;QACxB,GAAG,CAAC,WAAW,GAAG,cAAc,CAAC,CAAC,6EAA6E;IAChH,CAAC;SAAM,CAAC;QACP,IAAI,CAAC;YACJ,mHAAmH;YACnH,MAAM,SAAS,GAAG,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;YAC7H,GAAG,CAAC,WAAW,GAAG,IAAI,CAAC,KAAK;gBAC3B,CAAC,CAAC,SAAS,CAAC,IAAI,CAAC,KAAoB,EAAE,IAAI,CAAC,MAAM,CAAC;gBACnD,CAAC,CAAC,EAAE,CAAC;QACP,CAAC;QAAC,OAAO,IAAI,EAAE,CAAC;YACf,GAAG,CAAC,WAAW,GAAG,cAAc,CAAC;QAClC,CAAC;IACF,CAAC;IAED,IAAI,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,OAAO,EAAE,kBAAkB,EAAE,CAAC;QACvD,MAAM,QAAQ,GAAG,GAAG,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QAC1C,QAAQ,CAAC,SAAS,GAAG,eAAe,CAAC;QACrC,GAAG,CAAC,WAAW,CAAC,QAAQ,EAAE,EAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAC,CAAC,CAAC;QACxC,GAAG,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC;IAC3B,CAAC;IAED,OAAO,YAAY,CAAC,IAAI,CAAC,IAAI,EAAE,GAAG,EAAE,IAAI,EAAE,OAAO,CAAC,CAAC;AACpD,CAAC","sourcesContent":["import { CellModel } from \"@omegagrid/grid-core\";\nimport { BaseRenderer } from \"./BaseRenderer\";\nimport { CellRendererOptions } from \"../types\";\nimport { dom } from \"@omegagrid/core\";\n\nconst INVALID_FORMAT = '!invalid format';\n\nexport function DateTimeRenderer(div: HTMLDivElement, cell: CellModel, options?: CellRendererOptions) : HTMLDivElement {\n\tconst opts = cell.model.options;\n\tif (cell.isInvalidDate) {\n\t\tdiv.textContent = INVALID_FORMAT; // a text the cell could not read as a date: marked, the editor opens with it\n\t} else {\n\t\ttry {\n\t\t\t// a date and time cell (type dt) or a time cell (type tm) without a format of its own shows the format of its type\n\t\t\tconst formatter = cell.type == 'dt' ? opts.dateTimeFormatter : (cell.type == 'tm' ? opts.timeFormatter : opts.dateFormatter);\n\t\t\tdiv.textContent = cell.value\n\t\t\t\t? formatter(cell.value as Date|string, cell.format)\n\t\t\t\t: '';\n\t\t} catch (_err) {\n\t\t\tdiv.textContent = INVALID_FORMAT;\n\t\t}\n\t}\n\n\tif (cell.editable && opts.editing?.dateCalendarEditor) {\n\t\tconst triangle = dom.createElement('div');\n\t\ttriangle.className = 'triangle-down';\n\t\tdom.setPosition(triangle, {t: 8, r: 8});\n\t\tdiv.appendChild(triangle);\n\t}\n\n\treturn BaseRenderer.call(this, div, cell, options);\n}"]}

package/dist/ui/filterLabel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"filterLabel.d.ts","sourceRoot":"","sources":["../../src/ui/filterLabel.ts"],"names":[],"mappings":"AACA,OAAO,EAAe,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAChE,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AA2B5C,qBACa,WAAY,SAAQ,UAAU;IAE1C,MAAM,CAAC,MAAM,0BA4CX;IAGF,KAAK,EAAE,WAAW,CAAC;;IAMnB,iBAAiB;IAIjB,WAAW;IAUX,MAAM,6CAGJ;CAEF"}
+{"version":3,"file":"filterLabel.d.ts","sourceRoot":"","sources":["../../src/ui/filterLabel.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACnD,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAG5C,qBACa,WAAY,SAAQ,UAAU;IAE1C,MAAM,CAAC,MAAM,0BA4CX;IAGF,KAAK,EAAE,WAAW,CAAC;;IAMnB,iBAAiB;IAIjB,WAAW;IASX,MAAM,6CAGJ;CAEF"}

package/dist/ui/filterLabel.js

@@ -7,31 +7,6 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 import { utils } from '@omegagrid/core';
 import { LitElement, html, css } from 'lit';
 import { customElement, property } from 'lit/decorators.js';
-const isRangeTerm = (v) => !!v && typeof v === 'object' && !Array.isArray(v) && v.kind === 'range';
-const formatRangePart = (v) => {
-    if (v == null || v === '')
-        return '';
-    if (v instanceof Date)
-        return v.toLocaleDateString();
-    if (typeof v === 'string') {
-        const d = new Date(v);
-        if (!Number.isNaN(d.getTime()))
-            return d.toLocaleDateString();
-        return v;
-    }
-    return String(v);
-};
-const formatRange = (r) => {
-    const from = formatRangePart(r.from);
-    const to = formatRangePart(r.to);
-    if (from && to)
-        return `${from} – ${to}`;
-    if (from)
-        return `≥ ${from}`;
-    if (to)
-        return `≤ ${to}`;
-    return '';
-};
 let FilterLabel = class FilterLabel extends LitElement {
     constructor() {
         super();
@@ -49,8 +24,6 @@ let FilterLabel = class FilterLabel extends LitElement {
         if (utils.isBool(this.value)) {
             return html `<og-icon .icon="${this.value ? 'square-check' : 'square'}"></og-icon>`;
         }
-        if (isRangeTerm(this.value))
-            return formatRange(this.value);
         if (typeof this.value === 'object')
             return '';
         return this.value;

package/dist/ui/filterLabel.js.map

@@ -1 +1 @@
-{"version":3,"file":"filterLabel.js","sourceRoot":"","sources":["../../src/ui/filterLabel.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAC;AAExC,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC5C,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAE5D,MAAM,WAAW,GAAG,CAAC,CAAU,EAAoB,EAAE,CACpD,CAAC,CAAC,CAAC,IAAI,OAAO,CAAC,KAAK,QAAQ,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,IAAK,CAAiB,CAAC,IAAI,KAAK,OAAO,CAAC;AAE1F,MAAM,eAAe,GAAG,CAAC,CAAU,EAAU,EAAE;IAC9C,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,KAAK,EAAE;QAAE,OAAO,EAAE,CAAC;IACrC,IAAI,CAAC,YAAY,IAAI;QAAE,OAAO,CAAC,CAAC,kBAAkB,EAAE,CAAC;IACrD,IAAI,OAAO,CAAC,KAAK,QAAQ,EAAE,CAAC;QAC3B,MAAM,CAAC,GAAG,IAAI,IAAI,CAAC,CAAC,CAAC,CAAC;QACtB,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,OAAO,EAAE,CAAC;YAAE,OAAO,CAAC,CAAC,kBAAkB,EAAE,CAAC;QAC9D,OAAO,CAAC,CAAC;IACV,CAAC;IACD,OAAO,MAAM,CAAC,CAAC,CAAC,CAAC;AAClB,CAAC,CAAC;AAEF,MAAM,WAAW,GAAG,CAAC,CAAc,EAAU,EAAE;IAC9C,MAAM,IAAI,GAAG,eAAe,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC;IACrC,MAAM,EAAE,GAAG,eAAe,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;IACjC,IAAI,IAAI,IAAI,EAAE;QAAE,OAAO,GAAG,IAAI,MAAM,EAAE,EAAE,CAAC;IACzC,IAAI,IAAI;QAAE,OAAO,KAAK,IAAI,EAAE,CAAC;IAC7B,IAAI,EAAE;QAAE,OAAO,KAAK,EAAE,EAAE,CAAC;IACzB,OAAO,EAAE,CAAC;AACX,CAAC,CAAC;AAIK,IAAM,WAAW,GAAjB,MAAM,WAAY,SAAQ,UAAU;IAmD1C;QACC,KAAK,EAAE,CAAC;QAiBT,WAAM,GAAG,GAAG,EAAE,CAAA,IAAI,CAAA;oCACiB,EAAC,IAAI,EAAE,QAAQ,EAAC;sBAC9B,IAAI,CAAC,WAAW,EAAE;EACtC,CAAC;IAnBF,CAAC;IAED,iBAAiB;QAChB,KAAK,CAAC,iBAAiB,EAAE,CAAC;IAC3B,CAAC;IAED,WAAW;QACV,IAAI,IAAI,CAAC,KAAK,IAAI,IAAI;YAAE,OAAO,EAAE,CAAC;QAClC,IAAI,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC;YAC9B,OAAO,IAAI,CAAA,mBAAmB,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,QAAQ,cAAc,CAAC;QACpF,CAAC;QACD,IAAI,WAAW,CAAC,IAAI,CAAC,KAAK,CAAC;YAAE,OAAO,WAAW,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QAC5D,IAAI,OAAO,IAAI,CAAC,KAAK,KAAK,QAAQ;YAAE,OAAO,EAAE,CAAC;QAC9C,OAAO,IAAI,CAAC,KAAe,CAAC;IAC7B,CAAC;;AAjEM,kBAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA4ClB,AA5CY,CA4CX;AAGF;IADC,QAAQ,EAAE;0CACQ;AAjDP,WAAW;IADvB,aAAa,CAAC,iBAAiB,CAAC;GACpB,WAAW,CA0EvB","sourcesContent":["import { utils } from '@omegagrid/core';\nimport { FilterRange, FilterValue } from '@omegagrid/grid-core';\nimport { LitElement, html, css } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\n\nconst isRangeTerm = (v: unknown): v is FilterRange =>\n\t!!v && typeof v === 'object' && !Array.isArray(v) && (v as FilterRange).kind === 'range';\n\nconst formatRangePart = (v: unknown): string => {\n\tif (v == null || v === '') return '';\n\tif (v instanceof Date) return v.toLocaleDateString();\n\tif (typeof v === 'string') {\n\t\tconst d = new Date(v);\n\t\tif (!Number.isNaN(d.getTime())) return d.toLocaleDateString();\n\t\treturn v;\n\t}\n\treturn String(v);\n};\n\nconst formatRange = (r: FilterRange): string => {\n\tconst from = formatRangePart(r.from);\n\tconst to = formatRangePart(r.to);\n\tif (from && to) return `${from} – ${to}`;\n\tif (from) return `≥ ${from}`;\n\tif (to) return `≤ ${to}`;\n\treturn '';\n};\n\n\n@customElement('og-filter-label')\nexport class FilterLabel extends LitElement {\n\n\tstatic styles = css`\n\t\t:host {\n\t\t\tpadding: 0;\n\t\t\tdisplay: block;\n\t\t\talign-items: center;\n\t\t\tcursor: pointer;\n\t\t\theight: 100%;\n\t\t\tline-height: 21px;\n\t\t}\n\n\t\t:host(:hover og-icon) {\n\t\t\tbackground-color: var(--og-accent-color-highlight);\n\t\t}\n\n\t\tinput {\n\t\t\tcolor: var(--og-text-color);\n\t\t}\n\n\t\tog-icon {\n\t\t\tcolor: var(--og-accent-color);\n\t\t\tflex: 0;\n\t\t\tmin-width: 20px;\n\t\t\tpadding-top: 1px;\n\t\t\tpadding-left: 0px;\n\t\t}\n\n\t\t#filterIcon {\n\t\t\tposition: absolute;\n\t\t\tleft: 0px;\n\t\t\ttop: 0px;\n\t\t}\n\n\t\t.text {\n\t\t\tflex: 1;\n\t\t\theight: 100%;\n\t\t\tfont-style: italic;\n\t\t\tfont-weight: normal;\n\t\t}\n\n\t\t.text:empty {\n\t\t\tbackground-image: repeating-linear-gradient(45deg, var(--og-accent-color-alpha) 0, var(--og-accent-color-alpha) 2px, transparent 0, transparent 50%);\n\t\t\tbackground-size: 10px 10px;\n\t\t\tbackground-color: transparent;\n\t\t}\n\t`;\n\n\t@property()\n\tvalue: FilterValue;\n\n\tconstructor() {\n\t\tsuper();\n\t}\n\n\tconnectedCallback() {\n\t\tsuper.connectedCallback();\n\t}\n\n\trenderValue() {\n\t\tif (this.value == null) return '';\n\t\tif (utils.isBool(this.value)) {\n\t\t\treturn html`<og-icon .icon=\"${this.value ? 'square-check' : 'square'}\"></og-icon>`;\n\t\t}\n\t\tif (isRangeTerm(this.value)) return formatRange(this.value);\n\t\tif (typeof this.value === 'object') return '';\n\t\treturn this.value as string;\n\t}\n\n\trender = () =>html`\n\t\t<og-icon id=\"filterIcon\" .icon=\"${{icon: \"filter\"}}\"></og-icon>\n\t\t<div class=\"text\">${this.renderValue()}</div>\n\t`;\n\t\n}"]}
+{"version":3,"file":"filterLabel.js","sourceRoot":"","sources":["../../src/ui/filterLabel.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAC;AAExC,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC5C,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAGrD,IAAM,WAAW,GAAjB,MAAM,WAAY,SAAQ,UAAU;IAmD1C;QACC,KAAK,EAAE,CAAC;QAgBT,WAAM,GAAG,GAAG,EAAE,CAAA,IAAI,CAAA;oCACiB,EAAC,IAAI,EAAE,QAAQ,EAAC;sBAC9B,IAAI,CAAC,WAAW,EAAE;EACtC,CAAC;IAlBF,CAAC;IAED,iBAAiB;QAChB,KAAK,CAAC,iBAAiB,EAAE,CAAC;IAC3B,CAAC;IAED,WAAW;QACV,IAAI,IAAI,CAAC,KAAK,IAAI,IAAI;YAAE,OAAO,EAAE,CAAC;QAClC,IAAI,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC;YAC9B,OAAO,IAAI,CAAA,mBAAmB,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,QAAQ,cAAc,CAAC;QACpF,CAAC;QACD,IAAI,OAAO,IAAI,CAAC,KAAK,KAAK,QAAQ;YAAE,OAAO,EAAE,CAAC;QAC9C,OAAO,IAAI,CAAC,KAAe,CAAC;IAC7B,CAAC;;AAhEM,kBAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA4ClB,AA5CY,CA4CX;AAGF;IADC,QAAQ,EAAE;0CACQ;AAjDP,WAAW;IADvB,aAAa,CAAC,iBAAiB,CAAC;GACpB,WAAW,CAyEvB","sourcesContent":["import { utils } from '@omegagrid/core';\nimport { FilterValue } from '@omegagrid/grid-core';\nimport { LitElement, html, css } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\n\n@customElement('og-filter-label')\nexport class FilterLabel extends LitElement {\n\n\tstatic styles = css`\n\t\t:host {\n\t\t\tpadding: 0;\n\t\t\tdisplay: block;\n\t\t\talign-items: center;\n\t\t\tcursor: pointer;\n\t\t\theight: 100%;\n\t\t\tline-height: 21px;\n\t\t}\n\n\t\t:host(:hover og-icon) {\n\t\t\tbackground-color: var(--og-accent-color-highlight);\n\t\t}\n\n\t\tinput {\n\t\t\tcolor: var(--og-text-color);\n\t\t}\n\n\t\tog-icon {\n\t\t\tcolor: var(--og-accent-color);\n\t\t\tflex: 0;\n\t\t\tmin-width: 20px;\n\t\t\tpadding-top: 1px;\n\t\t\tpadding-left: 0px;\n\t\t}\n\n\t\t#filterIcon {\n\t\t\tposition: absolute;\n\t\t\tleft: 0px;\n\t\t\ttop: 0px;\n\t\t}\n\n\t\t.text {\n\t\t\tflex: 1;\n\t\t\theight: 100%;\n\t\t\tfont-style: italic;\n\t\t\tfont-weight: normal;\n\t\t}\n\n\t\t.text:empty {\n\t\t\tbackground-image: repeating-linear-gradient(45deg, var(--og-accent-color-alpha) 0, var(--og-accent-color-alpha) 2px, transparent 0, transparent 50%);\n\t\t\tbackground-size: 10px 10px;\n\t\t\tbackground-color: transparent;\n\t\t}\n\t`;\n\n\t@property()\n\tvalue: FilterValue;\n\n\tconstructor() {\n\t\tsuper();\n\t}\n\n\tconnectedCallback() {\n\t\tsuper.connectedCallback();\n\t}\n\n\trenderValue() {\n\t\tif (this.value == null) return '';\n\t\tif (utils.isBool(this.value)) {\n\t\t\treturn html`<og-icon .icon=\"${this.value ? 'square-check' : 'square'}\"></og-icon>`;\n\t\t}\n\t\tif (typeof this.value === 'object') return '';\n\t\treturn this.value as string;\n\t}\n\n\trender = () =>html`\n\t\t<og-icon id=\"filterIcon\" .icon=\"${{icon: \"filter\"}}\"></og-icon>\n\t\t<div class=\"text\">${this.renderValue()}</div>\n\t`;\n\t\n}"]}

package/dist/ui/grid.d.ts

@@ -45,6 +45,12 @@ export declare class Grid extends LitElement implements Layout {
     model: GridModel;
     adapter: GridAdapter;
     selection: SelectionModel;
+    /**
+     * The options objects this grid made with initOptions(): a `.options` binding or an assignment from outside
+     * brings a partial object instead, which willUpdate() completes before the model gets it
+     * (a model holding partial options has no `selecting`, `scrolling`... and the rendering falls over).
+     */
+    private _initializedOptions;
     options: Options;
     logger: log.Logger;
     zoom: number;
@@ -76,6 +82,15 @@ export declare class Grid extends LitElement implements Layout {
     destroy(): void;
     initAdapter(): Promise<void>;
     updateOptions(options: Partial<Options>): void;
+    /**
+     * Options started over from the defaults: only the state the grid holds itself (the zoom) is carried over
+     * from the previous ones. Used when the adapter is replaced - the options of the previous adapter must not
+     * leak into the next one (a refresh of the same adapter merges its options over the current ones instead,
+     * see initAdapter()).
+     */
+    resetOptions(previous?: Options): Options;
+    /** initOptions() whose result the grid recognizes as complete (see `_initializedOptions`) */
+    private _initOptions;
     private _debounceVerticalSlide;
     private _debounceHorizontalSlide;
     render: () => import("lit-html").TemplateResult<1>;

package/dist/ui/grid.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"grid.d.ts","sourceRoot":"","sources":["../../src/ui/grid.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"grid.d.ts","sourceRoot":"","sources":["../../src/ui/grid.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,cAAc,EAAU,MAAM,iBAAiB,CAAC;AACzG,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,cAAc,EAAE,OAAO,EAA6B,OAAO,EAAa,UAAU,EAAE,MAAM,sBAAsB,CAAC;AACjJ,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AACrD,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAGvC,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,WAAW,IAAI,OAAO,EAAE,MAAM,WAAW,CAAC;AAEnD,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACjD,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACjD,OAAO,EAAkB,SAAS,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AACtE,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACjD,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AACpC,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAI7C,qBACa,IAAK,SAAQ,UAAW,YAAW,MAAM;IAErD,MAAM,CAAC,MAAM,4BAAY;IAEzB,OAAO,CAAC,QAAQ,CAAsB;IACtC,IAAI,KAAK,IAAK,KAAK,CAA+B;IAElD,OAAO,CAAC,UAAU,CAAuB;IACzC,IAAI,OAAO,WAAmC;IAE9C,OAAO,CAAC,UAAU,CAAuB;IACzC,IAAI,OAAO,WAAmC;IAE9C,OAAO,CAAC,SAAS,CAAsB;IACvC,IAAI,MAAM,UAAkC;IAE5C,OAAO,CAAC,SAAS,CAAsB;IACvC,IAAI,MAAM,UAAkC;IAE5C,OAAO,CAAC,WAAW,CAAyB;IAC5C,IAAI,QAAQ,aAAoC;IAEhD,OAAO,CAAC,eAAe,CAAyB;IAChD,IAAI,YAAY,aAAwC;IAExD,OAAO,CAAC,kBAAkB,CAAyB;IACnD,IAAI,eAAe,aAA2C;IAE9D,OAAO,CAAC,cAAc,CAAqB;IAC3C,IAAI,WAAW,SAAuC;IAEtD,OAAO,CAAC,UAAU,CAAwB;IAC1C,IAAI,OAAO,YAAmC;IAE9C,OAAO,CAAC,UAAU,CAAwB;IAC1C,IAAI,OAAO,YAAmC;IAE9C,IAAI,UAAU,YAAwD;IAGtE,KAAK,EAAE,SAAS,CAAC;IAGjB,OAAO,EAAE,WAAW,CAAC;IAGrB,SAAS,EAAE,cAAc,CAA4B;IAErD;;;;OAIG;IACH,OAAO,CAAC,mBAAmB,CAA0B;IAGrD,OAAO,EAAE,OAAO,CAAuB;IAGvC,MAAM,EAAE,GAAG,CAAC,MAAM,CAA0B;IAG5C,IAAI,SAAK;IAET,KAAK,EAAE,SAAS,CAAC;IACjB,OAAO,EAAE,OAAO,CAAC;IACjB,SAAS,gBAA2B;IACpC,SAAS,gBAA2B;IACpC,MAAM,aAAwB;IAC9B,OAAO,cAAyB;IAChC,SAAS,gBAA2B;IACpC,OAAO,cAAyB;IAChC,KAAK,YAAuB;IAC5B,OAAO,cAAyB;IAChC,QAAQ,iBAA4B;IACpC,OAAO,gBAA2B;IAClC,QAAQ,CAAC,gBAAgB,mBAA0B;IACnD,OAAO,UAAS;IAEhB,iBAAiB;IASjB,oBAAoB;IAIpB,OAAO,CAAC,aAAa,CAAa;IAElC;;;;;;OAMG;cACa,cAAc;IAO9B,OAAO;IAMD,WAAW;IA2DjB,aAAa,CAAC,OAAO,EAAE,OAAO,CAAC,OAAO,CAAC;IAKvC;;;;;OAKG;IACH,YAAY,CAAC,QAAQ,CAAC,EAAE,OAAO,GAAG,OAAO;IAIzC,6FAA6F;IAC7F,OAAO,CAAC,YAAY;IAMpB,OAAO,CAAC,sBAAsB,CAAgG;IAC9H,OAAO,CAAC,wBAAwB,CAAkG;IAElI,MAAM,6CAkDJ;IAEF,YAAY;IAIZ,aAAa;IAIP,YAAY;IAUZ,OAAO,CAAC,YAAY,EAAE,GAAG,CAAC,WAAW,EAAE,OAAO,CAAC;IAuCrD,WAAW;IAKX,mBAAmB;;uBAzUK,CAAC;MAyU6B;IAEtD,MAAM;IAIN,aAAa,CAAC,IAAI,EAAE,UAAU;IAK9B,UAAU,CAAC,YAAY,EAAE,GAAG,CAAC,WAAW,EAAE,OAAO,CAAC;IAsBlD,KAAK,CAAC,OAAO,CAAC,EAAE,YAAY,GAAG,IAAI;IAK7B,OAAO;IAUb,WAAW,CAAC,MAAM,SAAS,SAAS,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,EAAE,KAAK,CAAC,EAAE,cAAc,CAAC,MAAM,CAAC;IAK1G,iBAAiB,CAAC,MAAM,SAAS,SAAS,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,EAAE,KAAK,CAAC,EAAE,cAAc,CAAC,MAAM,CAAC;IAIhH,gBAAgB,CAAC,IAAI,EAAE,MAAM;IAI7B,aAAa;IAOb,QAAQ,CAAC,KAAK,EAAE,UAAU;CAM1B"}

package/dist/ui/grid.js

@@ -37,7 +37,13 @@ let Grid = class Grid extends LitElement {
         this.tooltipRef = createRef();
         this.commentRef = createRef();
         this.selection = new SelectionModel(0, 0);
-        this.options = initOptions();
+        /**
+         * The options objects this grid made with initOptions(): a `.options` binding or an assignment from outside
+         * brings a partial object instead, which willUpdate() completes before the model gets it
+         * (a model holding partial options has no `selecting`, `scrolling`... and the rendering falls over).
+         */
+        this._initializedOptions = new WeakSet();
+        this.options = this._initOptions();
         this.logger = new log.Logger('Ωgrid');
         this.zoom = 1;
         this.rendering = new GridRendering(this);
@@ -217,9 +223,24 @@ let Grid = class Grid extends LitElement {
         this.dispatchEvent(new GridEvent('afterLoad', { grid: this }));
     }
     updateOptions(options) {
-        this.options = initOptions(options, this.options);
+        this.options = this._initOptions(options, this.options);
         this.requestUpdate();
     }
+    /**
+     * Options started over from the defaults: only the state the grid holds itself (the zoom) is carried over
+     * from the previous ones. Used when the adapter is replaced - the options of the previous adapter must not
+     * leak into the next one (a refresh of the same adapter merges its options over the current ones instead,
+     * see initAdapter()).
+     */
+    resetOptions(previous) {
+        return this._initOptions({ zoom: previous?.zoom });
+    }
+    /** initOptions() whose result the grid recognizes as complete (see `_initializedOptions`) */
+    _initOptions(options, origOptions) {
+        const result = initOptions(options, origOptions);
+        this._initializedOptions.add(result);
+        return result;
+    }
     openCommands() {
         this.commands.open();
     }
@@ -282,12 +303,26 @@ let Grid = class Grid extends LitElement {
     }
     setSourceData(data) {
         if (data.options)
-            this.options = initOptions(data.options, this.options);
+            this.options = this._initOptions(data.options, this.options);
         this.model = new GridModel(data, this.options, this.logger);
     }
     willUpdate(changedProps) {
+        // options set from outside (`.options="${partial}"`) are completed over the previous ones before
+        // updated() hands them to the model; the grid's own options are complete already
+        const bound = changedProps.has('options') && !this._initializedOptions.has(this.options) ? this.options ?? {} : null;
+        const prev = bound ? changedProps.get('options') : this.options;
+        if (changedProps.has('adapter') && changedProps.get('adapter')) {
+            // a different adapter: its options start over; options bound in the same update still apply
+            // (done here, not in updated(): a property set there costs another update cycle and a Lit warning)
+            this.options = this.resetOptions(prev);
+            if (bound)
+                this.options = this._initOptions(bound, this.options);
+        }
+        else if (bound) {
+            this.options = this._initOptions(bound, prev);
+        }
         if (changedProps.has('model')) {
-            this.options = initOptions(this.model.options, this.options);
+            this.options = this._initOptions(this.model.options, this.options);
             this.model.options = this.options;
             this.history = new History(this.model);
             this.filtering.init();

package/dist/ui/grid.js.map

@@ -1 +1 @@
-{"version":3,"file":"grid.js","sourceRoot":"","sources":["../../src/ui/grid.ts"],"names":[],"mappings":"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","sourcesContent":["import { dom, log, Slider, Sizer, Layout, Menu, Plugins, AnyConstructor, events } from '@omegagrid/core';\nimport { GridModel, GridSource, SelectionModel, Options, initOptions, History, CellRange, TableTheme } from '@omegagrid/grid-core';\nimport { Selector } from './selector';\nimport { CommandManager } from '@omegagrid/commands';\nimport { LitElement, html } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport { createRef, ref } from 'lit/directives/ref.js';\nimport { Table } from './table';\nimport { GridTooltip as Tooltip } from './tooltip';\nimport { styles } from './grid.style';\nimport { GridRendering } from './grid.rendering';\nimport { GridSelecting } from './grid.selecting';\nimport { GridErrorEvent, GridEvent, GridEvents } from './grid.events';\nimport { GridEditing } from './grid.editing';\nimport { GridFiltering } from './grid.filtering';\nimport { GridObjects } from './grid.objects';\nimport { GridSorting } from './grid.sorting';\nimport { GridMenus } from './grid.menu';\nimport { GridGroup } from './group';\nimport { Comment } from './comment';\nimport { UserColumnWidths } from './userColumnWidths';\nimport { GridAdapter } from '../gridAdapter';\nimport { initGridCommands } from '../commands';\nimport { debounce } from 'ts-debounce';\n\n@customElement('og-grid')\nexport class Grid extends LitElement implements Layout {\n\n\tstatic styles = [styles];\n\n\tprivate tableRef = createRef<Table>();\n\tget table() : Table { return this.tableRef.value }\n\n\tprivate hSliderRef = createRef<Slider>();\n\tget hSlider() { return this.hSliderRef.value }\n\n\tprivate vSliderRef = createRef<Slider>();\n\tget vSlider() { return this.vSliderRef.value }\n\n\tprivate hSizerRef = createRef<Sizer>();\n\tget hSizer() { return this.hSizerRef.value }\n\n\tprivate vSizerRef = createRef<Sizer>();\n\tget vSizer() { return this.vSizerRef.value }\n\n\tprivate selectorRef = createRef<Selector>();\n\tget selector() { return this.selectorRef.value }\n\n\tprivate copySelectorRef = createRef<Selector>();\n\tget copySelector() { return this.copySelectorRef.value }\n\n\tprivate formulaSelectorRef = createRef<Selector>();\n\tget formulaSelector() { return this.formulaSelectorRef.value }\n\n\tprivate contextMenuRef = createRef<Menu>();\n\tget contextMenu() { return this.contextMenuRef.value }\n\n\tprivate tooltipRef = createRef<Tooltip>();\n\tget tooltip() { return this.tooltipRef.value }\n\n\tprivate commentRef = createRef<Comment>();\n\tget comment() { return this.commentRef.value }\n\n\tget designMode() { return this.group ? this.group.designMode : false }\n\n\t@property({type: Object})\n\tmodel: GridModel;\n\n\t@property({type: Object})\n\tadapter: GridAdapter;\n\n\t@property({type: Object})\n\tselection: SelectionModel = new SelectionModel(0, 0);\n\n\t@property({type: Object})\n\toptions: Options = initOptions();\n\n\t@property({type: Object})\n\tlogger: log.Logger = new log.Logger('Ωgrid')\n\n\t@property({type: Number})\n\tzoom = 1;\n\n\tgroup: GridGroup;\n\thistory: History;\n\trendering = new GridRendering(this);\n\tselecting = new GridSelecting(this);\n\tevents = new GridEvents(this);\n\tediting = new GridEditing(this);\n\tfiltering = new GridFiltering(this);\n\tsorting = new GridSorting(this);\n\tmenus = new GridMenus(this);\n\tobjects = new GridObjects(this);\n\tcommands = new CommandManager(this);\n\tplugins = new Plugins<Grid>(this);\n\treadonly userColumnWidths = new UserColumnWidths();\n\tloading = false;\n\n\tconnectedCallback() {\n\t\tsuper.connectedCallback();\n\t\tthis.logger.info('connected');\n\t\t// release an update deferred while the grid was disconnected\n\t\tthis._resumeUpdate?.();\n\t\tthis._resumeUpdate = null;\n\t\tthis.layout();\n\t}\n\n\tdisconnectedCallback() {\n\t\tthis.destroy();\n\t}\n\n\tprivate _resumeUpdate: () => void;\n\n\t/**\n\t * Defer updates while the grid is not connected. Rendering the template\n\t * of a disconnected element wipes the element refs (the lit ref directive\n\t * sets the ref value only when connected), so firstUpdated/updated would\n\t * crash on the missing table/menu. Deferring in scheduleUpdate keeps the\n\t * changed properties, the update runs on (re)connection.\n\t */\n\tprotected async scheduleUpdate() {\n\t\twhile (!this.isConnected) {\n\t\t\tawait new Promise<void>(resolve => this._resumeUpdate = resolve);\n\t\t}\n\t\tsuper.scheduleUpdate();\n\t}\n\n\tdestroy() {\n\t\t//dom.remove(this.mouseTooltip);\n\t\tif (this.contextMenu) dom.remove(this.contextMenu);\n\t\tif (this.comment) dom.remove(this.comment);\n\t}\n\n\tasync initAdapter() {\n\t\tthis.adapter.attach(this);\n\t\tif (this.table) this.table.rowOffset = 0;\n\t\tthis.dispatchEvent(new GridEvent('beforeLoad', {grid: this}));\n\t\tconst columns = await this.adapter.getColumns();\n\t\tconst options = initOptions(await this.adapter.getOptions(), this.options);\n\t\tconst prevFilter = this.model?.filter;\n\t\tconst prevSorting = this.model?.sorting;\n\t\tconst requestFilters = this.rendering.getAdapterRequestFilters();\n\t\t// on the first load the adapter has no model to resolve the column indexes of the filter and order by\n\t\tif (!this.model) requestFilters.columns = columns;\n\t\tif (!this.model && options.pageSize > 0) {\n\t\t\tconst defaultFilter = options.filters?.defaultSettings;\n\t\t\tconst defaultOrder = options.sorting?.defaultSettings;\n\t\t\tif (defaultFilter?.length) requestFilters.filter = defaultFilter.map(s => ({...s}));\n\t\t\tif (defaultOrder?.length) requestFilters.order = defaultOrder.map(s => ({...s}));\n\t\t}\n\t\tconst rows = await this.adapter.getRows(requestFilters);\n\t\trequestFilters.rows = rows;\n\t\tconst cells = await this.adapter.getCells(requestFilters);\n\t\tconst sparklines = await this.adapter.getSparklines();\n\t\tconst comments = await this.adapter.getComments();\n\t\tconst rules = await this.adapter.getRules();\n\t\tconst styles = await this.adapter.getStyles();\n\t\tthis.setSourceData({\n\t\t\tcolumns,\n\t\t\trows,\n\t\t\tcells,\n\t\t\toptions,\n\t\t\tsparklines,\n\t\t\tcomments,\n\t\t\trules,\n\t\t\tstyles\n\t\t});\n\t\tthis.userColumnWidths.apply(this.model.columns);\n\t\t// the previous model holds the state of the user, an empty one included: the default settings\n\t\t// the new model applied to itself in its constructor must not come back after a refresh\n\t\tif (prevFilter) {\n\t\t\tif (prevFilter.settings.length) {\n\t\t\t\tthis.model.filter.restore(prevFilter.settings, prevFilter.custom);\n\t\t\t} else if (this.model.filter.settings.length) {\n\t\t\t\tthis.model.filter.resetFilter(false);\n\t\t\t\tthis.model.filter.custom = prevFilter.custom;\n\t\t\t}\n\t\t} else if (this.model.filter.settings.length && this.filtering.isCustomFilter) {\n\t\t\tthis.model.filter.restore(this.model.filter.settings, true);\n\t\t}\n\t\tif (prevSorting) {\n\t\t\tif (prevSorting.settings.length) {\n\t\t\t\tthis.model.sorting.restore(prevSorting.settings, !this.sorting.isCustomSorting);\n\t\t\t} else if (this.model.sorting.settings.length) {\n\t\t\t\tthis.model.sorting.resetSort();\n\t\t\t}\n\t\t} else if (this.model.sorting.settings.length && this.sorting.isCustomSorting) {\n\t\t\tthis.model.sorting.restore(this.model.sorting.settings, false);\n\t\t}\n\t\tthis.dispatchEvent(new GridEvent('afterLoad', {grid: this}));\n\t}\n\n\tupdateOptions(options: Partial<Options>) {\n\t\tthis.options = initOptions(options, this.options);\n\t\tthis.requestUpdate();\n\t}\n\n\tprivate _debounceVerticalSlide = debounce(this.events._onVerticalSlide, Slider.SLIDE_DELAY, {isImmediate: true, maxWait: 50});\n\tprivate _debounceHorizontalSlide = debounce(this.events._onHorizontalSlide, Slider.SLIDE_DELAY, {isImmediate: true, maxWait: 50});\n\n\trender = () => html`\n\t\t<og-table ${ref(this.tableRef)}\n\t\t\t.zoom=\"${this.zoom}\"\n\t\t\t.hideOuterBorder=\"${this.options.hideOuterBorder}\">\n\t\t</og-table>\n\n\t\t<og-slider ${ref(this.vSliderRef)}\n\t\t\t?hidden=\"${true}\"\n\t\t\tdirection=\"vertical\"\n\t\t\t@slide=\"${this._debounceVerticalSlide}\"\n\t\t\t@slideStart=\"${this.events._onSlideStart}\"\n\t\t\t@slideEnd=\"${this.events._onSlideStop}\">\n\t\t</og-slider>\n\n\t\t<og-slider ${ref(this.hSliderRef)}\n\t\t\t?hidden=\"${true}\"\n\t\t\tdirection=\"horizontal\"\n\t\t\t@slide=\"${this._debounceHorizontalSlide}\"\n\t\t\t@slideStart=\"${this.events._onSlideStart}\"\n\t\t\t@slideEnd=\"${this.events._onSlideStop}\">\n\t\t</og-slider>\n\n\t\t<og-sizer ${ref(this.vSizerRef)} orientation=\"vertical\"></og-sizer>\n\n\t\t<og-sizer ${ref(this.hSizerRef)} orientation=\"horizontal\"></og-sizer>\n\n\t\t<og-selector ${ref(this.selectorRef)}\n\t\t\t?autofill=\"${this.options.autofill}\"\n\t\t\t?movable=\"${true}\"\n\t\t\t?subselector=\"${true}\">\n\t\t</og-selector>\n\n\t\t<og-selector ${ref(this.copySelectorRef)}\n\t\t\t?autofill=\"${false}\"\n\t\t\t?movable=\"${false}\"\n\t\t\t?animated=\"${true}\">\n\t\t</og-selector>\n\n\t\t<og-selector ${ref(this.formulaSelectorRef)}\n\t\t\t?autofill=\"${false}\"\n\t\t\t?movable=\"${false}\"\n\t\t\t?animated=\"${true}\"\n\t\t\tstyle=\"z-index: 110\">\n\t\t</og-selector>\n\n\t\t<og-menu ${ref(this.contextMenuRef)} style=\"display: none; z-index: 1000\"></og-menu>\n\n\t\t<og-grid-tooltip ${ref(this.tooltipRef)} style=\"display: none\"></og-grid-tooltip>\n\n\t\t<og-grid-comment ${ref(this.commentRef)} style=\"display: none\"></og-grid-comment>\n\t`;\n\n\topenCommands() {\n\t\tthis.commands.open();\n\t}\n\n\tcloseCommands() {\n\t\tthis.commands.close();\n\t}\n\n\tasync firstUpdated() {\n\t\tthis.tabIndex = 0;\n\t\tthis.events.init();\n\t\tthis.menus.init();\n\n\t\tawait this.table.updateComplete;\n\t\tthis.logger.info('init');\n\t\tthis.dispatchEvent(new GridEvent('init', {grid: this}));\n\t}\n\n\tasync updated(changedProps: Map<PropertyKey, unknown>) {\n\t\tdom.setSize(this.table, {w: this.clientWidth, h: this.clientHeight});\n\t\tif (changedProps.has('adapter')) {\n\t\t\tif (changedProps.get('adapter')) this.userColumnWidths.clear(); // a different adapter brings a different column set\n\t\t\ttry {\n\t\t\t\tawait this.initAdapter();\n\t\t\t} catch (error) {\n\t\t\t\tthis.logger.error('Error initializing adapter:', error);\n\t\t\t\tthis.dispatchEvent(new GridErrorEvent(error as Error));\n\t\t\t}\n\t\t}\n\n\t\tif (this.model) {\n\t\t\tif (this.options) this.model.options = this.options;\n\t\t\tthis.rendering.requireVerticalUpdate = true;\n\t\t\tthis.rendering.requireHorizontalUpdate = true;\n\t\t\tthis.table.model = this.model;\n\t\t\tif (changedProps.has('model')) {\n\t\t\t\tthis.sorting.init();\n\n\t\t\t\tif (this.model.options.firstCell) { // TODO: move somewhere else\n\t\t\t\t\tconst cell = CellRange.fromA1(this.model.options.firstCell);\n\t\t\t\t\tthis.table.colOffset = cell.c1;\n\t\t\t\t\tthis.table.rowOffset = cell.r1;\n\t\t\t\t}\n\t\t\t}\n\t\t\tawait this.table.updateComplete;\n\t\t\tthis.rendering.updateSliders();\n\t\t\tthis.rendering.debounceRenderCells();\n\t\t\tinitGridCommands(this);\n\t\t\tthis.dispatchEvent(new GridEvent('loadmodel', {grid: this}));\n\t\t}\n\n\t\tif (changedProps.has('zoom') && (changedProps.get('zoom') || 1) !== (this.zoom || 1)) {\n\t\t\tthis.options.zoom = this.zoom;\n\t\t\tthis.rendering.render(true);\n\t\t}\n\t}\n\n\tinnerLayout() {\n\t\tdom.setSize(this.table, {w: this.clientWidth, h: this.clientHeight});\n\t\tthis.table.requestUpdate();\n\t}\n\n\tdebounceInnerLayout = debounce(this.innerLayout, 100);\n\n\tlayout() {\n\t\tif (this.table) this.debounceInnerLayout();\n\t}\n\n\tsetSourceData(data: GridSource) {\n\t\tif (data.options) this.options = initOptions(data.options, this.options);\n\t\tthis.model = new GridModel(data, this.options, this.logger);\n\t}\n\n\twillUpdate(changedProps: Map<PropertyKey, unknown>) {\n\t\tif (changedProps.has('model')) {\n\t\t\tthis.options = initOptions(this.model.options, this.options);\n\t\t\tthis.model.options = this.options;\n\t\t\tthis.history = new History(this.model);\n\t\t\tthis.filtering.init();\n\t\t\tthis.zoom = this.options.zoom || 1;\n\t\t}\n\t}\n\n\tfocus(options?: FocusOptions): void {\n\t\tsuper.focus(options);\n\t\tthis.editing.activeEditor?.focus();\n\t}\n\n\tasync refresh() {\n\t\tif (this.adapter) {\n\t\t\tthis.table.clearHeaderCache();\n\t\t\tthis.table.clearBodyCache();\n\t\t\tawait this.initAdapter();\n\t\t} else {\n\t\t\tawait this.rendering.render(true);\n\t\t}\n\t}\n\n\tcreateEvent<TEvent extends GridEvent>(type: string, args?: Partial<TEvent>, event?: AnyConstructor<TEvent>) {\n\t\tconst EventConstructor = (event ?? GridEvent) as AnyConstructor<TEvent>;\n\t\treturn new EventConstructor(type, {grid: this, ...args});\n\t}\n\n\tdispatchGridEvent<TEvent extends GridEvent>(type: string, args?: Partial<TEvent>, event?: AnyConstructor<TEvent>) {\n\t\tthis.dispatchEvent(this.createEvent(type, args, event));\n\t}\n\n\tgetConnectedGrid(name: string) {\n\t\treturn this.group?.getGrid(name);\n\t}\n\n\tgetSourceData() {\n\t\tconst data = this.model?.getSourceData() ?? {};\n\t\tconst event = new events.SerialzieEvent<GridSource>(data);\n\t\tthis.dispatchEvent(event);\n\t\treturn event.data;\n\t}\n\n\tsetTheme(theme: TableTheme) {\n\t\tthis.model.theme = theme;\n\t\tthis.model.applyTheme(theme, true);\n\t\tthis.refresh();\n\t}\n\n}\n"]}
+{"version":3,"file":"grid.js","sourceRoot":"","sources":["../../src/ui/grid.ts"],"names":[],"mappings":"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","sourcesContent":["import { dom, log, Slider, Sizer, Layout, Menu, Plugins, AnyConstructor, events } from '@omegagrid/core';\nimport { GridModel, GridSource, SelectionModel, Options, OptionSource, initOptions, History, CellRange, TableTheme } from '@omegagrid/grid-core';\nimport { Selector } from './selector';\nimport { CommandManager } from '@omegagrid/commands';\nimport { LitElement, html } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport { createRef, ref } from 'lit/directives/ref.js';\nimport { Table } from './table';\nimport { GridTooltip as Tooltip } from './tooltip';\nimport { styles } from './grid.style';\nimport { GridRendering } from './grid.rendering';\nimport { GridSelecting } from './grid.selecting';\nimport { GridErrorEvent, GridEvent, GridEvents } from './grid.events';\nimport { GridEditing } from './grid.editing';\nimport { GridFiltering } from './grid.filtering';\nimport { GridObjects } from './grid.objects';\nimport { GridSorting } from './grid.sorting';\nimport { GridMenus } from './grid.menu';\nimport { GridGroup } from './group';\nimport { Comment } from './comment';\nimport { UserColumnWidths } from './userColumnWidths';\nimport { GridAdapter } from '../gridAdapter';\nimport { initGridCommands } from '../commands';\nimport { debounce } from 'ts-debounce';\n\n@customElement('og-grid')\nexport class Grid extends LitElement implements Layout {\n\n\tstatic styles = [styles];\n\n\tprivate tableRef = createRef<Table>();\n\tget table() : Table { return this.tableRef.value }\n\n\tprivate hSliderRef = createRef<Slider>();\n\tget hSlider() { return this.hSliderRef.value }\n\n\tprivate vSliderRef = createRef<Slider>();\n\tget vSlider() { return this.vSliderRef.value }\n\n\tprivate hSizerRef = createRef<Sizer>();\n\tget hSizer() { return this.hSizerRef.value }\n\n\tprivate vSizerRef = createRef<Sizer>();\n\tget vSizer() { return this.vSizerRef.value }\n\n\tprivate selectorRef = createRef<Selector>();\n\tget selector() { return this.selectorRef.value }\n\n\tprivate copySelectorRef = createRef<Selector>();\n\tget copySelector() { return this.copySelectorRef.value }\n\n\tprivate formulaSelectorRef = createRef<Selector>();\n\tget formulaSelector() { return this.formulaSelectorRef.value }\n\n\tprivate contextMenuRef = createRef<Menu>();\n\tget contextMenu() { return this.contextMenuRef.value }\n\n\tprivate tooltipRef = createRef<Tooltip>();\n\tget tooltip() { return this.tooltipRef.value }\n\n\tprivate commentRef = createRef<Comment>();\n\tget comment() { return this.commentRef.value }\n\n\tget designMode() { return this.group ? this.group.designMode : false }\n\n\t@property({type: Object})\n\tmodel: GridModel;\n\n\t@property({type: Object})\n\tadapter: GridAdapter;\n\n\t@property({type: Object})\n\tselection: SelectionModel = new SelectionModel(0, 0);\n\n\t/**\n\t * The options objects this grid made with initOptions(): a `.options` binding or an assignment from outside\n\t * brings a partial object instead, which willUpdate() completes before the model gets it\n\t * (a model holding partial options has no `selecting`, `scrolling`... and the rendering falls over).\n\t */\n\tprivate _initializedOptions = new WeakSet<Options>();\n\n\t@property({type: Object})\n\toptions: Options = this._initOptions();\n\n\t@property({type: Object})\n\tlogger: log.Logger = new log.Logger('Ωgrid')\n\n\t@property({type: Number})\n\tzoom = 1;\n\n\tgroup: GridGroup;\n\thistory: History;\n\trendering = new GridRendering(this);\n\tselecting = new GridSelecting(this);\n\tevents = new GridEvents(this);\n\tediting = new GridEditing(this);\n\tfiltering = new GridFiltering(this);\n\tsorting = new GridSorting(this);\n\tmenus = new GridMenus(this);\n\tobjects = new GridObjects(this);\n\tcommands = new CommandManager(this);\n\tplugins = new Plugins<Grid>(this);\n\treadonly userColumnWidths = new UserColumnWidths();\n\tloading = false;\n\n\tconnectedCallback() {\n\t\tsuper.connectedCallback();\n\t\tthis.logger.info('connected');\n\t\t// release an update deferred while the grid was disconnected\n\t\tthis._resumeUpdate?.();\n\t\tthis._resumeUpdate = null;\n\t\tthis.layout();\n\t}\n\n\tdisconnectedCallback() {\n\t\tthis.destroy();\n\t}\n\n\tprivate _resumeUpdate: () => void;\n\n\t/**\n\t * Defer updates while the grid is not connected. Rendering the template\n\t * of a disconnected element wipes the element refs (the lit ref directive\n\t * sets the ref value only when connected), so firstUpdated/updated would\n\t * crash on the missing table/menu. Deferring in scheduleUpdate keeps the\n\t * changed properties, the update runs on (re)connection.\n\t */\n\tprotected async scheduleUpdate() {\n\t\twhile (!this.isConnected) {\n\t\t\tawait new Promise<void>(resolve => this._resumeUpdate = resolve);\n\t\t}\n\t\tsuper.scheduleUpdate();\n\t}\n\n\tdestroy() {\n\t\t//dom.remove(this.mouseTooltip);\n\t\tif (this.contextMenu) dom.remove(this.contextMenu);\n\t\tif (this.comment) dom.remove(this.comment);\n\t}\n\n\tasync initAdapter() {\n\t\tthis.adapter.attach(this);\n\t\tif (this.table) this.table.rowOffset = 0;\n\t\tthis.dispatchEvent(new GridEvent('beforeLoad', {grid: this}));\n\t\tconst columns = await this.adapter.getColumns();\n\t\tconst options = initOptions(await this.adapter.getOptions(), this.options);\n\t\tconst prevFilter = this.model?.filter;\n\t\tconst prevSorting = this.model?.sorting;\n\t\tconst requestFilters = this.rendering.getAdapterRequestFilters();\n\t\t// on the first load the adapter has no model to resolve the column indexes of the filter and order by\n\t\tif (!this.model) requestFilters.columns = columns;\n\t\tif (!this.model && options.pageSize > 0) {\n\t\t\tconst defaultFilter = options.filters?.defaultSettings;\n\t\t\tconst defaultOrder = options.sorting?.defaultSettings;\n\t\t\tif (defaultFilter?.length) requestFilters.filter = defaultFilter.map(s => ({...s}));\n\t\t\tif (defaultOrder?.length) requestFilters.order = defaultOrder.map(s => ({...s}));\n\t\t}\n\t\tconst rows = await this.adapter.getRows(requestFilters);\n\t\trequestFilters.rows = rows;\n\t\tconst cells = await this.adapter.getCells(requestFilters);\n\t\tconst sparklines = await this.adapter.getSparklines();\n\t\tconst comments = await this.adapter.getComments();\n\t\tconst rules = await this.adapter.getRules();\n\t\tconst styles = await this.adapter.getStyles();\n\t\tthis.setSourceData({\n\t\t\tcolumns,\n\t\t\trows,\n\t\t\tcells,\n\t\t\toptions,\n\t\t\tsparklines,\n\t\t\tcomments,\n\t\t\trules,\n\t\t\tstyles\n\t\t});\n\t\tthis.userColumnWidths.apply(this.model.columns);\n\t\t// the previous model holds the state of the user, an empty one included: the default settings\n\t\t// the new model applied to itself in its constructor must not come back after a refresh\n\t\tif (prevFilter) {\n\t\t\tif (prevFilter.settings.length) {\n\t\t\t\tthis.model.filter.restore(prevFilter.settings, prevFilter.custom);\n\t\t\t} else if (this.model.filter.settings.length) {\n\t\t\t\tthis.model.filter.resetFilter(false);\n\t\t\t\tthis.model.filter.custom = prevFilter.custom;\n\t\t\t}\n\t\t} else if (this.model.filter.settings.length && this.filtering.isCustomFilter) {\n\t\t\tthis.model.filter.restore(this.model.filter.settings, true);\n\t\t}\n\t\tif (prevSorting) {\n\t\t\tif (prevSorting.settings.length) {\n\t\t\t\tthis.model.sorting.restore(prevSorting.settings, !this.sorting.isCustomSorting);\n\t\t\t} else if (this.model.sorting.settings.length) {\n\t\t\t\tthis.model.sorting.resetSort();\n\t\t\t}\n\t\t} else if (this.model.sorting.settings.length && this.sorting.isCustomSorting) {\n\t\t\tthis.model.sorting.restore(this.model.sorting.settings, false);\n\t\t}\n\t\tthis.dispatchEvent(new GridEvent('afterLoad', {grid: this}));\n\t}\n\n\tupdateOptions(options: Partial<Options>) {\n\t\tthis.options = this._initOptions(options, this.options);\n\t\tthis.requestUpdate();\n\t}\n\n\t/**\n\t * Options started over from the defaults: only the state the grid holds itself (the zoom) is carried over\n\t * from the previous ones. Used when the adapter is replaced - the options of the previous adapter must not\n\t * leak into the next one (a refresh of the same adapter merges its options over the current ones instead,\n\t * see initAdapter()).\n\t */\n\tresetOptions(previous?: Options): Options {\n\t\treturn this._initOptions({zoom: previous?.zoom});\n\t}\n\n\t/** initOptions() whose result the grid recognizes as complete (see `_initializedOptions`) */\n\tprivate _initOptions(options?: Partial<OptionSource>, origOptions?: Options): Options {\n\t\tconst result = initOptions(options, origOptions);\n\t\tthis._initializedOptions.add(result);\n\t\treturn result;\n\t}\n\n\tprivate _debounceVerticalSlide = debounce(this.events._onVerticalSlide, Slider.SLIDE_DELAY, {isImmediate: true, maxWait: 50});\n\tprivate _debounceHorizontalSlide = debounce(this.events._onHorizontalSlide, Slider.SLIDE_DELAY, {isImmediate: true, maxWait: 50});\n\n\trender = () => html`\n\t\t<og-table ${ref(this.tableRef)}\n\t\t\t.zoom=\"${this.zoom}\"\n\t\t\t.hideOuterBorder=\"${this.options.hideOuterBorder}\">\n\t\t</og-table>\n\n\t\t<og-slider ${ref(this.vSliderRef)}\n\t\t\t?hidden=\"${true}\"\n\t\t\tdirection=\"vertical\"\n\t\t\t@slide=\"${this._debounceVerticalSlide}\"\n\t\t\t@slideStart=\"${this.events._onSlideStart}\"\n\t\t\t@slideEnd=\"${this.events._onSlideStop}\">\n\t\t</og-slider>\n\n\t\t<og-slider ${ref(this.hSliderRef)}\n\t\t\t?hidden=\"${true}\"\n\t\t\tdirection=\"horizontal\"\n\t\t\t@slide=\"${this._debounceHorizontalSlide}\"\n\t\t\t@slideStart=\"${this.events._onSlideStart}\"\n\t\t\t@slideEnd=\"${this.events._onSlideStop}\">\n\t\t</og-slider>\n\n\t\t<og-sizer ${ref(this.vSizerRef)} orientation=\"vertical\"></og-sizer>\n\n\t\t<og-sizer ${ref(this.hSizerRef)} orientation=\"horizontal\"></og-sizer>\n\n\t\t<og-selector ${ref(this.selectorRef)}\n\t\t\t?autofill=\"${this.options.autofill}\"\n\t\t\t?movable=\"${true}\"\n\t\t\t?subselector=\"${true}\">\n\t\t</og-selector>\n\n\t\t<og-selector ${ref(this.copySelectorRef)}\n\t\t\t?autofill=\"${false}\"\n\t\t\t?movable=\"${false}\"\n\t\t\t?animated=\"${true}\">\n\t\t</og-selector>\n\n\t\t<og-selector ${ref(this.formulaSelectorRef)}\n\t\t\t?autofill=\"${false}\"\n\t\t\t?movable=\"${false}\"\n\t\t\t?animated=\"${true}\"\n\t\t\tstyle=\"z-index: 110\">\n\t\t</og-selector>\n\n\t\t<og-menu ${ref(this.contextMenuRef)} style=\"display: none; z-index: 1000\"></og-menu>\n\n\t\t<og-grid-tooltip ${ref(this.tooltipRef)} style=\"display: none\"></og-grid-tooltip>\n\n\t\t<og-grid-comment ${ref(this.commentRef)} style=\"display: none\"></og-grid-comment>\n\t`;\n\n\topenCommands() {\n\t\tthis.commands.open();\n\t}\n\n\tcloseCommands() {\n\t\tthis.commands.close();\n\t}\n\n\tasync firstUpdated() {\n\t\tthis.tabIndex = 0;\n\t\tthis.events.init();\n\t\tthis.menus.init();\n\n\t\tawait this.table.updateComplete;\n\t\tthis.logger.info('init');\n\t\tthis.dispatchEvent(new GridEvent('init', {grid: this}));\n\t}\n\n\tasync updated(changedProps: Map<PropertyKey, unknown>) {\n\t\tdom.setSize(this.table, {w: this.clientWidth, h: this.clientHeight});\n\t\tif (changedProps.has('adapter')) {\n\t\t\tif (changedProps.get('adapter')) this.userColumnWidths.clear(); // a different adapter brings a different column set\n\t\t\ttry {\n\t\t\t\tawait this.initAdapter();\n\t\t\t} catch (error) {\n\t\t\t\tthis.logger.error('Error initializing adapter:', error);\n\t\t\t\tthis.dispatchEvent(new GridErrorEvent(error as Error));\n\t\t\t}\n\t\t}\n\n\t\tif (this.model) {\n\t\t\tif (this.options) this.model.options = this.options;\n\t\t\tthis.rendering.requireVerticalUpdate = true;\n\t\t\tthis.rendering.requireHorizontalUpdate = true;\n\t\t\tthis.table.model = this.model;\n\t\t\tif (changedProps.has('model')) {\n\t\t\t\tthis.sorting.init();\n\n\t\t\t\tif (this.model.options.firstCell) { // TODO: move somewhere else\n\t\t\t\t\tconst cell = CellRange.fromA1(this.model.options.firstCell);\n\t\t\t\t\tthis.table.colOffset = cell.c1;\n\t\t\t\t\tthis.table.rowOffset = cell.r1;\n\t\t\t\t}\n\t\t\t}\n\t\t\tawait this.table.updateComplete;\n\t\t\tthis.rendering.updateSliders();\n\t\t\tthis.rendering.debounceRenderCells();\n\t\t\tinitGridCommands(this);\n\t\t\tthis.dispatchEvent(new GridEvent('loadmodel', {grid: this}));\n\t\t}\n\n\t\tif (changedProps.has('zoom') && (changedProps.get('zoom') || 1) !== (this.zoom || 1)) {\n\t\t\tthis.options.zoom = this.zoom;\n\t\t\tthis.rendering.render(true);\n\t\t}\n\t}\n\n\tinnerLayout() {\n\t\tdom.setSize(this.table, {w: this.clientWidth, h: this.clientHeight});\n\t\tthis.table.requestUpdate();\n\t}\n\n\tdebounceInnerLayout = debounce(this.innerLayout, 100);\n\n\tlayout() {\n\t\tif (this.table) this.debounceInnerLayout();\n\t}\n\n\tsetSourceData(data: GridSource) {\n\t\tif (data.options) this.options = this._initOptions(data.options, this.options);\n\t\tthis.model = new GridModel(data, this.options, this.logger);\n\t}\n\n\twillUpdate(changedProps: Map<PropertyKey, unknown>) {\n\t\t// options set from outside (`.options=\"${partial}\"`) are completed over the previous ones before\n\t\t// updated() hands them to the model; the grid's own options are complete already\n\t\tconst bound = changedProps.has('options') && !this._initializedOptions.has(this.options) ? this.options ?? {} : null;\n\t\tconst prev = bound ? changedProps.get('options') as Options : this.options;\n\t\tif (changedProps.has('adapter') && changedProps.get('adapter')) {\n\t\t\t// a different adapter: its options start over; options bound in the same update still apply\n\t\t\t// (done here, not in updated(): a property set there costs another update cycle and a Lit warning)\n\t\t\tthis.options = this.resetOptions(prev);\n\t\t\tif (bound) this.options = this._initOptions(bound, this.options);\n\t\t} else if (bound) {\n\t\t\tthis.options = this._initOptions(bound, prev);\n\t\t}\n\t\tif (changedProps.has('model')) {\n\t\t\tthis.options = this._initOptions(this.model.options, this.options);\n\t\t\tthis.model.options = this.options;\n\t\t\tthis.history = new History(this.model);\n\t\t\tthis.filtering.init();\n\t\t\tthis.zoom = this.options.zoom || 1;\n\t\t}\n\t}\n\n\tfocus(options?: FocusOptions): void {\n\t\tsuper.focus(options);\n\t\tthis.editing.activeEditor?.focus();\n\t}\n\n\tasync refresh() {\n\t\tif (this.adapter) {\n\t\t\tthis.table.clearHeaderCache();\n\t\t\tthis.table.clearBodyCache();\n\t\t\tawait this.initAdapter();\n\t\t} else {\n\t\t\tawait this.rendering.render(true);\n\t\t}\n\t}\n\n\tcreateEvent<TEvent extends GridEvent>(type: string, args?: Partial<TEvent>, event?: AnyConstructor<TEvent>) {\n\t\tconst EventConstructor = (event ?? GridEvent) as AnyConstructor<TEvent>;\n\t\treturn new EventConstructor(type, {grid: this, ...args});\n\t}\n\n\tdispatchGridEvent<TEvent extends GridEvent>(type: string, args?: Partial<TEvent>, event?: AnyConstructor<TEvent>) {\n\t\tthis.dispatchEvent(this.createEvent(type, args, event));\n\t}\n\n\tgetConnectedGrid(name: string) {\n\t\treturn this.group?.getGrid(name);\n\t}\n\n\tgetSourceData() {\n\t\tconst data = this.model?.getSourceData() ?? {};\n\t\tconst event = new events.SerialzieEvent<GridSource>(data);\n\t\tthis.dispatchEvent(event);\n\t\treturn event.data;\n\t}\n\n\tsetTheme(theme: TableTheme) {\n\t\tthis.model.theme = theme;\n\t\tthis.model.applyTheme(theme, true);\n\t\tthis.refresh();\n\t}\n\n}\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@omegagrid/grid",
-  "version": "0.11.33",
+  "version": "0.11.35",
   "license": "UNLICENSED",
   "description": "Universal datagrid component",
   "main": "./dist/index.js",
@@ -35,12 +35,12 @@
     "_prepublish": "yarn test && yarn lint"
   },
   "dependencies": {
-    "@omegagrid/commands": "^0.11.33",
-    "@omegagrid/core": "^0.11.33",
-    "@omegagrid/grid-core": "^0.11.33",
-    "@omegagrid/localize": "^0.11.33",
-    "@omegagrid/tabs": "^0.11.33",
-    "@omegagrid/tree": "^0.11.33",
+    "@omegagrid/commands": "^0.11.35",
+    "@omegagrid/core": "^0.11.35",
+    "@omegagrid/grid-core": "^0.11.35",
+    "@omegagrid/localize": "^0.11.35",
+    "@omegagrid/tabs": "^0.11.35",
+    "@omegagrid/tree": "^0.11.35",
     "@stdlib/stats": "^0.0.13",
     "date-fns": "^3.2.0",
     "lit": "^3.1.1",

package/dist/filters/rangeFilter.d.ts

@@ -1,15 +0,0 @@
-import { BaseFilter } from "./baseFilter";
-export declare class RangeFilter extends BaseFilter {
-    static styles: import("lit").CSSResult[];
-    private dropdownEl;
-    private popupEl;
-    private get popupType();
-    private _currentRange;
-    private _formatLabel;
-    private _onApply;
-    private _onClear;
-    render: () => import("lit-html").TemplateResult<1>;
-    activate(): void;
-    deactivate(): void;
-}
-//# sourceMappingURL=rangeFilter.d.ts.map

package/dist/filters/rangeFilter.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"rangeFilter.d.ts","sourceRoot":"","sources":["../../src/filters/rangeFilter.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAgB1C,qBACa,WAAY,SAAQ,UAAU;IAE1C,MAAM,CAAC,MAAM,4BAaV;IAGH,OAAO,CAAC,UAAU,CAAW;IAG7B,OAAO,CAAC,OAAO,CAAmB;IAElC,OAAO,KAAK,SAAS,GAGpB;IAED,OAAO,CAAC,aAAa;IAarB,OAAO,CAAC,YAAY;IAoBpB,OAAO,CAAC,QAAQ,CAQf;IAED,OAAO,CAAC,QAAQ,CAIf;IAED,MAAM,6CASJ;IAEF,QAAQ;IAUR,UAAU;CAIV"}

package/dist/filters/rangeFilter.js

@@ -1,130 +0,0 @@
-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 constants from "../constants";
-import { customElement, query } from 'lit/decorators.js';
-import { BaseFilter } from "./baseFilter";
-import { html, css } from 'lit';
-const isRangeTerm = (v) => !!v && typeof v === 'object' && !Array.isArray(v) && v.kind === 'range';
-const toDate = (v) => {
-    if (v == null || v === '')
-        return null;
-    if (v instanceof Date)
-        return v;
-    const d = new Date(v);
-    return Number.isNaN(d.getTime()) ? null : d;
-};
-let RangeFilter = class RangeFilter extends BaseFilter {
-    constructor() {
-        super(...arguments);
-        this._onApply = (e) => {
-            if (e.from == null && e.to == null) {
-                this.clearFilter();
-            }
-            else {
-                this.filter({ kind: 'range', from: e.from, to: e.to });
-            }
-            this.dropdownEl?.close();
-            this.deactivate();
-        };
-        this._onClear = () => {
-            this.clearFilter();
-            this.dropdownEl?.close();
-            this.deactivate();
-        };
-        this.render = () => html `
-		<og-dropdown color="transparent" alignment="left">
-			<div slot="label">${this._formatLabel()}</div>
-			<og-filter-range-popup slot="content"
-				type="${this.popupType}"
-				@apply="${this._onApply}"
-				@clear="${this._onClear}">
-			</og-filter-range-popup>
-		</og-dropdown>
-	`;
-    }
-    get popupType() {
-        const t = this.columnModel?.type;
-        return (t === 'dt' || t === 'tm') ? t : 'd';
-    }
-    _currentRange() {
-        const r = isRangeTerm(this.currentValue) ? this.currentValue : null;
-        if (!r)
-            return { from: null, to: null };
-        switch (this.popupType) {
-            case 'd':
-            case 'dt': return { from: toDate(r.from), to: toDate(r.to) };
-            case 'tm': return {
-                from: r.from == null ? null : String(r.from),
-                to: r.to == null ? null : String(r.to),
-            };
-        }
-    }
-    _formatLabel() {
-        const r = isRangeTerm(this.currentValue) ? this.currentValue : null;
-        if (!r || (r.from == null && r.to == null))
-            return '';
-        const type = this.popupType;
-        const fmt = (v) => {
-            if (v == null)
-                return '';
-            if (v instanceof Date)
-                return v.toLocaleDateString();
-            if (type === 'd' || type === 'dt') {
-                const d = toDate(v);
-                if (d)
-                    return d.toLocaleDateString();
-            }
-            return String(v);
-        };
-        const from = fmt(r.from);
-        const to = fmt(r.to);
-        if (from && to)
-            return `${from} – ${to}`;
-        if (from)
-            return `≥ ${from}`;
-        return `≤ ${to}`;
-    }
-    activate() {
-        super.activate();
-        const { from, to } = this._currentRange();
-        setTimeout(() => {
-            if (!this.activated)
-                return; // closed before the delay ran out, e.g. by a scroll
-            this.popupEl?.setValues(from, to);
-            this.dropdownEl?.open();
-        }, 50);
-    }
-    deactivate() {
-        this.dropdownEl?.close();
-        super.deactivate();
-    }
-};
-RangeFilter.styles = [...BaseFilter.styles, css `
-		:host {
-			display: block;
-			box-sizing: border-box;
-			height: 100%;
-			width: 100%;
-		}
-
-		og-dropdown {
-			display: flex;
-			width: 100%;
-			height: 100%;
-		}
-	`];
-__decorate([
-    query('og-dropdown')
-], RangeFilter.prototype, "dropdownEl", void 0);
-__decorate([
-    query(`${constants.PREFIX}-filter-range-popup`)
-], RangeFilter.prototype, "popupEl", void 0);
-RangeFilter = __decorate([
-    customElement(`${constants.PREFIX}-filter-range`)
-], RangeFilter);
-export { RangeFilter };
-//# sourceMappingURL=rangeFilter.js.map

package/dist/filters/rangeFilter.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"rangeFilter.js","sourceRoot":"","sources":["../../src/filters/rangeFilter.ts"],"names":[],"mappings":"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","sourcesContent":["import constants from \"../constants\";\nimport { customElement, query } from 'lit/decorators.js';\nimport { BaseFilter } from \"./baseFilter\";\nimport { html, css } from 'lit';\nimport { FilterRange } from \"@omegagrid/grid-core\";\nimport { Dropdown } from \"@omegagrid/core\";\nimport { RangeFilterApplyEvent, RangeFilterPopup, RangeFilterType, RangeValue } from \"./rangeFilterPopup\";\n\nconst isRangeTerm = (v: unknown): v is FilterRange =>\n\t!!v && typeof v === 'object' && !Array.isArray(v) && (v as FilterRange).kind === 'range';\n\nconst toDate = (v: unknown): Date | null => {\n\tif (v == null || v === '') return null;\n\tif (v instanceof Date) return v;\n\tconst d = new Date(v as string);\n\treturn Number.isNaN(d.getTime()) ? null : d;\n};\n\n@customElement(`${constants.PREFIX}-filter-range`)\nexport class RangeFilter extends BaseFilter {\n\n\tstatic styles = [...BaseFilter.styles, css`\n\t\t:host {\n\t\t\tdisplay: block;\n\t\t\tbox-sizing: border-box;\n\t\t\theight: 100%;\n\t\t\twidth: 100%;\n\t\t}\n\n\t\tog-dropdown {\n\t\t\tdisplay: flex;\n\t\t\twidth: 100%;\n\t\t\theight: 100%;\n\t\t}\n\t`];\n\n\t@query('og-dropdown')\n\tprivate dropdownEl: Dropdown;\n\n\t@query(`${constants.PREFIX}-filter-range-popup`)\n\tprivate popupEl: RangeFilterPopup;\n\n\tprivate get popupType(): RangeFilterType {\n\t\tconst t = this.columnModel?.type;\n\t\treturn (t === 'dt' || t === 'tm') ? t : 'd';\n\t}\n\n\tprivate _currentRange(): { from: RangeValue, to: RangeValue } {\n\t\tconst r = isRangeTerm(this.currentValue) ? this.currentValue : null;\n\t\tif (!r) return { from: null, to: null };\n\t\tswitch (this.popupType) {\n\t\t\tcase 'd':\n\t\t\tcase 'dt': return { from: toDate(r.from), to: toDate(r.to) };\n\t\t\tcase 'tm': return {\n\t\t\t\tfrom: r.from == null ? null : String(r.from),\n\t\t\t\tto: r.to == null ? null : String(r.to),\n\t\t\t};\n\t\t}\n\t}\n\n\tprivate _formatLabel(): string {\n\t\tconst r = isRangeTerm(this.currentValue) ? this.currentValue : null;\n\t\tif (!r || (r.from == null && r.to == null)) return '';\n\t\tconst type = this.popupType;\n\t\tconst fmt = (v: unknown) => {\n\t\t\tif (v == null) return '';\n\t\t\tif (v instanceof Date) return v.toLocaleDateString();\n\t\t\tif (type === 'd' || type === 'dt') {\n\t\t\t\tconst d = toDate(v);\n\t\t\t\tif (d) return d.toLocaleDateString();\n\t\t\t}\n\t\t\treturn String(v);\n\t\t};\n\t\tconst from = fmt(r.from);\n\t\tconst to = fmt(r.to);\n\t\tif (from && to) return `${from} – ${to}`;\n\t\tif (from) return `≥ ${from}`;\n\t\treturn `≤ ${to}`;\n\t}\n\n\tprivate _onApply = (e: RangeFilterApplyEvent) => {\n\t\tif (e.from == null && e.to == null) {\n\t\t\tthis.clearFilter();\n\t\t} else {\n\t\t\tthis.filter({ kind: 'range', from: e.from, to: e.to } as FilterRange);\n\t\t}\n\t\tthis.dropdownEl?.close();\n\t\tthis.deactivate();\n\t}\n\n\tprivate _onClear = () => {\n\t\tthis.clearFilter();\n\t\tthis.dropdownEl?.close();\n\t\tthis.deactivate();\n\t}\n\n\trender = () => html`\n\t\t<og-dropdown color=\"transparent\" alignment=\"left\">\n\t\t\t<div slot=\"label\">${this._formatLabel()}</div>\n\t\t\t<og-filter-range-popup slot=\"content\"\n\t\t\t\ttype=\"${this.popupType}\"\n\t\t\t\t@apply=\"${this._onApply}\"\n\t\t\t\t@clear=\"${this._onClear}\">\n\t\t\t</og-filter-range-popup>\n\t\t</og-dropdown>\n\t`;\n\n\tactivate() {\n\t\tsuper.activate();\n\t\tconst { from, to } = this._currentRange();\n\t\tsetTimeout(() => {\n\t\t\tif (!this.activated) return; // closed before the delay ran out, e.g. by a scroll\n\t\t\tthis.popupEl?.setValues(from, to);\n\t\t\tthis.dropdownEl?.open();\n\t\t}, 50);\n\t}\n\n\tdeactivate() {\n\t\tthis.dropdownEl?.close();\n\t\tsuper.deactivate();\n\t}\n}\n"]}

package/dist/filters/rangeFilterPopup.d.ts

@@ -1,30 +0,0 @@
-import { LitElement } from 'lit';
-export type RangeFilterType = 'd' | 'dt' | 'tm';
-export type RangeValue = Date | string | null;
-export declare class RangeFilterApplyEvent extends Event {
-    from: RangeValue;
-    to: RangeValue;
-    constructor(from: RangeValue, to: RangeValue);
-}
-export declare class RangeFilterClearEvent extends Event {
-    constructor();
-}
-export declare class RangeFilterPopup extends LitElement {
-    static styles: import("lit").CSSResult;
-    type: RangeFilterType;
-    private _from;
-    private _to;
-    constructor();
-    private _onPopupMouseDown;
-    setValues(from: RangeValue, to: RangeValue): void;
-    private _onFromDate;
-    private _onToDate;
-    private _onFromText;
-    private _onToText;
-    private _apply;
-    private _clear;
-    private _onKeyDown;
-    private _renderRow;
-    render(): import("lit-html").TemplateResult<1>;
-}
-//# sourceMappingURL=rangeFilterPopup.d.ts.map

package/dist/filters/rangeFilterPopup.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"rangeFilterPopup.d.ts","sourceRoot":"","sources":["../../src/filters/rangeFilterPopup.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAM5C,MAAM,MAAM,eAAe,GAAG,GAAG,GAAG,IAAI,GAAG,IAAI,CAAC;AAChD,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,MAAM,GAAG,IAAI,CAAC;AAE9C,qBAAa,qBAAsB,SAAQ,KAAK;IAC5B,IAAI,EAAE,UAAU;IAAS,EAAE,EAAE,UAAU;gBAAvC,IAAI,EAAE,UAAU,EAAS,EAAE,EAAE,UAAU;CAG1D;AAED,qBAAa,qBAAsB,SAAQ,KAAK;;CAI/C;AAED,qBACa,gBAAiB,SAAQ,UAAU;IAE/C,MAAM,CAAC,MAAM,0BAiCX;IAGF,IAAI,EAAE,eAAe,CAAO;IAEnB,OAAO,CAAC,KAAK,CAAoB;IACjC,OAAO,CAAC,GAAG,CAAoB;;IAWxC,OAAO,CAAC,iBAAiB,CAKxB;IAED,SAAS,CAAC,IAAI,EAAE,UAAU,EAAE,EAAE,EAAE,UAAU;IAK1C,OAAO,CAAC,WAAW,CAAqE;IACxF,OAAO,CAAC,SAAS,CAAmE;IAEpF,OAAO,CAAC,WAAW,CAAuE;IAC1F,OAAO,CAAC,SAAS,CAAqE;IAEtF,OAAO,CAAC,MAAM,CAEb;IAED,OAAO,CAAC,MAAM,CAIb;IAED,OAAO,CAAC,UAAU,CAKjB;IAED,OAAO,CAAC,UAAU;IAalB,MAAM;CAYN"}

package/dist/filters/rangeFilterPopup.js

@@ -1,137 +0,0 @@
-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 { customElement, property, state } from 'lit/decorators.js';
-import { msg } from '@omegagrid/localize';
-import constants from '../constants';
-export class RangeFilterApplyEvent extends Event {
-    constructor(from, to) {
-        super('apply', { bubbles: false, composed: true });
-        this.from = from;
-        this.to = to;
-    }
-}
-export class RangeFilterClearEvent extends Event {
-    constructor() {
-        super('clear', { bubbles: false, composed: true });
-    }
-}
-let RangeFilterPopup = class RangeFilterPopup extends LitElement {
-    constructor() {
-        super();
-        this.type = 'd';
-        this._from = null;
-        this._to = null;
-        this._onPopupMouseDown = (e) => {
-            const path = e.composedPath();
-            this.renderRoot.querySelectorAll('og-calendar-dropdown').forEach(dd => {
-                if (dd.isOpen && !path.includes(dd) && !path.includes(dd.dropdown))
-                    dd.close();
-            });
-        };
-        this._onFromDate = (e) => { this._from = e.value ?? null; };
-        this._onToDate = (e) => { this._to = e.value ?? null; };
-        this._onFromText = (e) => { this._from = e.value || null; };
-        this._onToText = (e) => { this._to = e.value || null; };
-        this._apply = () => {
-            this.dispatchEvent(new RangeFilterApplyEvent(this._from, this._to));
-        };
-        this._clear = () => {
-            this._from = null;
-            this._to = null;
-            this.dispatchEvent(new RangeFilterClearEvent());
-        };
-        this._onKeyDown = (e) => {
-            if (e.key === 'Enter') {
-                e.stopPropagation();
-                this._apply();
-            }
-        };
-        // Close an open calendar dropdown when clicking elsewhere in the popup. The popup
-        // content lives inside the outer dropdown container, which stops mousedown before it
-        // reaches document.body — so the calendar's own outside-click handler never fires for
-        // in-popup clicks. Handle it here, scoped to this popup, so the popup itself stays open.
-        this.addEventListener('mousedown', this._onPopupMouseDown);
-    }
-    setValues(from, to) {
-        this._from = from;
-        this._to = to;
-    }
-    _renderRow(label, value, which) {
-        let control;
-        if (this.type === 'tm') {
-            // TODO: change to time picker when available
-            const onChange = which === 'from' ? this._onFromText : this._onToText;
-            control = html `<og-input .value="${(value ?? '')}" @change="${onChange}"></og-input>`;
-        }
-        else {
-            const onChange = which === 'from' ? this._onFromDate : this._onToDate;
-            control = html `<og-calendar-dropdown cross buttonInput .value="${value}" @change="${onChange}"></og-calendar-dropdown>`;
-        }
-        return html `<div class="row"><label>${label}</label>${control}</div>`;
-    }
-    render() {
-        return html `
-			<div @keydown="${this._onKeyDown}" style="display: contents;">
-				${this._renderRow(msg('From'), this._from, 'from')}
-				${this._renderRow(msg('To'), this._to, 'to')}
-				<div class="actions">
-					<og-button icon="check" color="accent" text="${msg('Apply')}" @click="${this._apply}"></og-button>
-					<og-button icon="xmark" color="red" text="${msg('Clear')}" @click="${this._clear}"></og-button>
-				</div>
-			</div>
-		`;
-    }
-};
-RangeFilterPopup.styles = css `
-		:host {
-			display: flex;
-			flex-direction: column;
-			gap: 5px;
-			padding: 6px;
-			min-width: 200px;
-		}
-
-		.row {
-			display: flex;
-			flex-direction: row;
-			align-items: center;
-			gap: 6px;
-		}
-
-		.row > label {
-			flex: 0 0 28px;
-		}
-
-		.row > og-calendar-dropdown,
-		.row > og-input {
-			flex: 1;
-			min-width: 0;
-			box-sizing: border-box;
-		}
-
-		.actions {
-			display: flex;
-			justify-content: flex-end;
-			gap: 4px;
-			margin-top: 4px;
-		}
-	`;
-__decorate([
-    property({ type: String })
-], RangeFilterPopup.prototype, "type", void 0);
-__decorate([
-    state()
-], RangeFilterPopup.prototype, "_from", void 0);
-__decorate([
-    state()
-], RangeFilterPopup.prototype, "_to", void 0);
-RangeFilterPopup = __decorate([
-    customElement(`${constants.PREFIX}-filter-range-popup`)
-], RangeFilterPopup);
-export { RangeFilterPopup };
-//# sourceMappingURL=rangeFilterPopup.js.map

package/dist/filters/rangeFilterPopup.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"rangeFilterPopup.js","sourceRoot":"","sources":["../../src/filters/rangeFilterPopup.ts"],"names":[],"mappings":"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","sourcesContent":["import { LitElement, html, css } from 'lit';\nimport { customElement, property, state } from 'lit/decorators.js';\nimport { Dropdown, events } from '@omegagrid/core';\nimport { msg } from '@omegagrid/localize';\nimport constants from '../constants';\n\nexport type RangeFilterType = 'd' | 'dt' | 'tm';\nexport type RangeValue = Date | string | null;\n\nexport class RangeFilterApplyEvent extends Event {\n\tconstructor(public from: RangeValue, public to: RangeValue) {\n\t\tsuper('apply', { bubbles: false, composed: true });\n\t}\n}\n\nexport class RangeFilterClearEvent extends Event {\n\tconstructor() {\n\t\tsuper('clear', { bubbles: false, composed: true });\n\t}\n}\n\n@customElement(`${constants.PREFIX}-filter-range-popup`)\nexport class RangeFilterPopup extends LitElement {\n\n\tstatic styles = css`\n\t\t:host {\n\t\t\tdisplay: flex;\n\t\t\tflex-direction: column;\n\t\t\tgap: 5px;\n\t\t\tpadding: 6px;\n\t\t\tmin-width: 200px;\n\t\t}\n\n\t\t.row {\n\t\t\tdisplay: flex;\n\t\t\tflex-direction: row;\n\t\t\talign-items: center;\n\t\t\tgap: 6px;\n\t\t}\n\n\t\t.row > label {\n\t\t\tflex: 0 0 28px;\n\t\t}\n\n\t\t.row > og-calendar-dropdown,\n\t\t.row > og-input {\n\t\t\tflex: 1;\n\t\t\tmin-width: 0;\n\t\t\tbox-sizing: border-box;\n\t\t}\n\n\t\t.actions {\n\t\t\tdisplay: flex;\n\t\t\tjustify-content: flex-end;\n\t\t\tgap: 4px;\n\t\t\tmargin-top: 4px;\n\t\t}\n\t`;\n\n\t@property({ type: String })\n\ttype: RangeFilterType = 'd';\n\n\t@state() private _from: RangeValue = null;\n\t@state() private _to: RangeValue = null;\n\n\tconstructor() {\n\t\tsuper();\n\t\t// Close an open calendar dropdown when clicking elsewhere in the popup. The popup\n\t\t// content lives inside the outer dropdown container, which stops mousedown before it\n\t\t// reaches document.body — so the calendar's own outside-click handler never fires for\n\t\t// in-popup clicks. Handle it here, scoped to this popup, so the popup itself stays open.\n\t\tthis.addEventListener('mousedown', this._onPopupMouseDown);\n\t}\n\n\tprivate _onPopupMouseDown = (e: MouseEvent) => {\n\t\tconst path = e.composedPath();\n\t\tthis.renderRoot.querySelectorAll<Dropdown>('og-calendar-dropdown').forEach(dd => {\n\t\t\tif (dd.isOpen && !path.includes(dd) && !path.includes(dd.dropdown)) dd.close();\n\t\t});\n\t}\n\n\tsetValues(from: RangeValue, to: RangeValue) {\n\t\tthis._from = from;\n\t\tthis._to = to;\n\t}\n\n\tprivate _onFromDate = (e: events.ChangeEvent<Date>) => { this._from = e.value ?? null; }\n\tprivate _onToDate = (e: events.ChangeEvent<Date>) => { this._to = e.value ?? null; }\n\n\tprivate _onFromText = (e: events.ChangeEvent<string>) => { this._from = e.value || null; }\n\tprivate _onToText = (e: events.ChangeEvent<string>) => { this._to = e.value || null; }\n\n\tprivate _apply = () => {\n\t\tthis.dispatchEvent(new RangeFilterApplyEvent(this._from, this._to));\n\t}\n\n\tprivate _clear = () => {\n\t\tthis._from = null;\n\t\tthis._to = null;\n\t\tthis.dispatchEvent(new RangeFilterClearEvent());\n\t}\n\n\tprivate _onKeyDown = (e: KeyboardEvent) => {\n\t\tif (e.key === 'Enter') {\n\t\t\te.stopPropagation();\n\t\t\tthis._apply();\n\t\t}\n\t}\n\n\tprivate _renderRow(label: string, value: RangeValue, which: 'from' | 'to') {\n\t\tlet control;\n\t\tif (this.type === 'tm') {\n\t\t\t// TODO: change to time picker when available\n\t\t\tconst onChange = which === 'from' ? this._onFromText : this._onToText;\n\t\t\tcontrol = html`<og-input .value=\"${(value ?? '') as string}\" @change=\"${onChange}\"></og-input>`;\n\t\t} else {\n\t\t\tconst onChange = which === 'from' ? this._onFromDate : this._onToDate;\n\t\t\tcontrol = html`<og-calendar-dropdown cross buttonInput .value=\"${value as Date | null}\" @change=\"${onChange}\"></og-calendar-dropdown>`;\n\t\t}\n\t\treturn html`<div class=\"row\"><label>${label}</label>${control}</div>`;\n\t}\n\n\trender() {\n\t\treturn html`\n\t\t\t<div @keydown=\"${this._onKeyDown}\" style=\"display: contents;\">\n\t\t\t\t${this._renderRow(msg('From'), this._from, 'from')}\n\t\t\t\t${this._renderRow(msg('To'), this._to, 'to')}\n\t\t\t\t<div class=\"actions\">\n\t\t\t\t\t<og-button icon=\"check\" color=\"accent\" text=\"${msg('Apply')}\" @click=\"${this._apply}\"></og-button>\n\t\t\t\t\t<og-button icon=\"xmark\" color=\"red\" text=\"${msg('Clear')}\" @click=\"${this._clear}\"></og-button>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t`;\n\t}\n}\n"]}