@omegagrid/grid 0.10.2 → 0.10.4

package/dist/editors/checkboxEditor.d.ts

@@ -0,0 +1,9 @@
+import { CellModel } from "@omegagrid/grid-core";
+import { BaseEditor } from "./baseEditor";
+export declare class CheckboxEditor extends BaseEditor {
+    private value;
+    activate(cell: CellModel): void;
+    getValue(): boolean;
+    setValue(value: string): void;
+}
+//# sourceMappingURL=checkboxEditor.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"checkboxEditor.d.ts","sourceRoot":"","sources":["../../src/editors/checkboxEditor.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AACjD,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAG1C,qBACa,cAAe,SAAQ,UAAU;IAE7C,OAAO,CAAC,KAAK,CAAS;IAEtB,QAAQ,CAAC,IAAI,EAAE,SAAS;IAOxB,QAAQ,IAAK,OAAO;IAIpB,QAAQ,CAAC,KAAK,EAAE,MAAM;CAKtB"}

package/dist/editors/checkboxEditor.js

@@ -0,0 +1,32 @@
+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 { BaseEditor } from "./baseEditor";
+import { customElement } from 'lit/decorators.js';
+let CheckboxEditor = class CheckboxEditor extends BaseEditor {
+    constructor() {
+        super(...arguments);
+        this.value = false;
+    }
+    activate(cell) {
+        super.activate(cell);
+        this.value = !cell.value;
+        this.commit();
+        this.close();
+    }
+    getValue() {
+        return this.value;
+    }
+    setValue(value) {
+        value = value.toLowerCase();
+        this.value = ['0', 'false', 'no', 'n'].indexOf(value) > -1;
+    }
+};
+CheckboxEditor = __decorate([
+    customElement('og-grid-checkboxeditor')
+], CheckboxEditor);
+export { CheckboxEditor };
+//# sourceMappingURL=checkboxEditor.js.map

package/dist/editors/checkboxEditor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkboxEditor.js","sourceRoot":"","sources":["../../src/editors/checkboxEditor.ts"],"names":[],"mappings":";;;;;;AACA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAG3C,IAAM,cAAc,GAApB,MAAM,cAAe,SAAQ,UAAU;IAAvC;;QAEE,UAAK,GAAG,KAAK,CAAC;IAkBvB,CAAC;IAhBA,QAAQ,CAAC,IAAe;QACvB,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;QACrB,IAAI,CAAC,KAAK,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC;QACzB,IAAI,CAAC,MAAM,EAAE,CAAC;QACd,IAAI,CAAC,KAAK,EAAE,CAAC;IACd,CAAC;IAED,QAAQ;QACP,OAAO,IAAI,CAAC,KAAK,CAAC;IACnB,CAAC;IAED,QAAQ,CAAC,KAAa;QACrB,KAAK,GAAG,KAAK,CAAC,WAAW,EAAE,CAAC;QAC5B,IAAI,CAAC,KAAK,GAAG,CAAC,GAAG,EAAE,OAAO,EAAE,IAAI,EAAE,GAAG,CAAC,CAAC,OAAO,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC;IAC5D,CAAC;CAED,CAAA;AApBY,cAAc;IAD1B,aAAa,CAAC,wBAAwB,CAAC;GAC3B,cAAc,CAoB1B","sourcesContent":["import { CellModel } from \"@omegagrid/grid-core\";\nimport { BaseEditor } from \"./baseEditor\";\nimport { customElement } from 'lit/decorators.js';\n\n@customElement('og-grid-checkboxeditor')\nexport class CheckboxEditor extends BaseEditor {\n\n\tprivate value = false;\n\n\tactivate(cell: CellModel) {\n\t\tsuper.activate(cell);\n\t\tthis.value = !cell.value;\n\t\tthis.commit();\n\t\tthis.close();\n\t}\n\n\tgetValue() : boolean {\n\t\treturn this.value;\n\t}\n\n\tsetValue(value: string) {\n\t\tvalue = value.toLowerCase();\n\t\tthis.value = ['0', 'false', 'no', 'n'].indexOf(value) > -1;\n\t}\n\n}"]}

package/dist/editors/dateEditor.d.ts

@@ -0,0 +1,8 @@
+import { TextEditor } from "./textEditor";
+import { CellModel } from "@omegagrid/grid-core";
+export declare class DateEditor extends TextEditor {
+    setValue(value: number | string | Date): void;
+    getValue(): number;
+    activate(cell: CellModel): void;
+}
+//# sourceMappingURL=dateEditor.d.ts.map

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

@@ -0,0 +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;IAEzC,QAAQ,CAAC,KAAK,EAAE,MAAM,GAAC,MAAM,GAAC,IAAI;IAalC,QAAQ,IAAK,MAAM;IAKnB,QAAQ,CAAC,IAAI,EAAE,SAAS;CAKxB"}

package/dist/editors/dateEditor.js

@@ -0,0 +1,37 @@
+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 { TextEditor } from "./textEditor";
+import { customElement } from 'lit/decorators.js';
+import { dates } from "@omegagrid/core";
+import { getLocale } from "@omegagrid/localize";
+let DateEditor = class DateEditor extends TextEditor {
+    setValue(value) {
+        if (value == null) {
+            this.input.value = '';
+            return;
+        }
+        try {
+            this.input.value = dates.getDateFormatter(getLocale(), 'yyyy-MM-dd')(value);
+        }
+        catch (error) {
+            this.input.value = value ?? '';
+        }
+    }
+    getValue() {
+        const date = dates.parse(this.input.value, getLocale());
+        return date ? dates.dateToSerialDate(date) : null;
+    }
+    activate(cell) {
+        super.activate(cell);
+        this.setValue(cell.value);
+    }
+};
+DateEditor = __decorate([
+    customElement('og-grid-dateeditor')
+], DateEditor);
+export { DateEditor };
+//# sourceMappingURL=dateEditor.js.map

package/dist/editors/dateEditor.js.map

@@ -0,0 +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,MAAM,iBAAiB,CAAC;AACxC,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAIzC,IAAM,UAAU,GAAhB,MAAM,UAAW,SAAQ,UAAU;IAEzC,QAAQ,CAAC,KAAyB;QACjC,IAAI,KAAK,IAAI,IAAI,EAAE,CAAC;YACnB,IAAI,CAAC,KAAK,CAAC,KAAK,GAAG,EAAE,CAAC;YACtB,OAAO;QACR,CAAC;QAED,IAAI,CAAC;YACJ,IAAI,CAAC,KAAK,CAAC,KAAK,GAAG,KAAK,CAAC,gBAAgB,CAAC,SAAS,EAAE,EAAE,YAAY,CAAC,CAAC,KAAK,CAAC,CAAC;QAC7E,CAAC;QAAC,OAAO,KAAK,EAAE,CAAC;YAChB,IAAI,CAAC,KAAK,CAAC,KAAK,GAAG,KAAe,IAAI,EAAE,CAAC;QAC1C,CAAC;IACF,CAAC;IAED,QAAQ;QACP,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;QACrB,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAe,CAAC,CAAC;IACxC,CAAC;CAEJ,CAAA;AAzBY,UAAU;IADtB,aAAa,CAAC,oBAAoB,CAAC;GACvB,UAAU,CAyBtB","sourcesContent":["import { TextEditor } from \"./textEditor\";\nimport { customElement } from 'lit/decorators.js';\nimport { dates } 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\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\ttry {\n\t\t\tthis.input.value = dates.getDateFormatter(getLocale(), 'yyyy-MM-dd')(value);\n\t\t} catch (error) {\n\t\t\tthis.input.value = value as string ?? '';\t\t\n\t\t}\n\t}\n\n\tgetValue() : number {\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        this.setValue(cell.value as number);\n    }\n\n}"]}

package/dist/editors/dropdownEditor.d.ts

@@ -0,0 +1,26 @@
+import { BaseEditor } from "./baseEditor";
+import { CellModel } from "@omegagrid/grid-core";
+import { SerializedValue, TreeDropdown, TreeEvent } from '@omegagrid/tree';
+type DropdownValue = null | string | (string | number | SerializedValue)[];
+export declare class DropdownEditor extends BaseEditor {
+    static styles: import("lit").CSSResult[];
+    dropdown: TreeDropdown;
+    private currentValue;
+    private currentDisplayValue;
+    private searchCommitted;
+    private searchUsed;
+    constructor();
+    /** Use value in dropdown search field as cell value if allowInvalid is true */
+    commitSearchValue(): void;
+    init(): void;
+    activate(cell: CellModel): Promise<void>;
+    getValue(): DropdownValue;
+    getDisplayValue(): string;
+    setValue(value: DropdownValue): void;
+    _onChange: (_e: TreeEvent) => void;
+    _onBlur: () => void;
+    render: () => import("lit-html").TemplateResult<1>;
+    close(): void;
+}
+export {};
+//# sourceMappingURL=dropdownEditor.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"dropdownEditor.d.ts","sourceRoot":"","sources":["../../src/editors/dropdownEditor.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAEjD,OAAO,EAAyC,eAAe,EAAe,YAAY,EAAE,SAAS,EAAc,MAAM,iBAAiB,CAAC;AAE3I,KAAK,aAAa,GAAG,IAAI,GAAC,MAAM,GAAC,CAAC,MAAM,GAAC,MAAM,GAAC,eAAe,CAAC,EAAE,CAAC;AAEnE,qBACa,cAAe,SAAQ,UAAU;IAE7C,MAAM,CAAC,MAAM,4BAKV;IAGH,QAAQ,EAAE,YAAY,CAAC;IAEvB,OAAO,CAAC,YAAY,CAAgB;IACpC,OAAO,CAAC,mBAAmB,CAAS;IACpC,OAAO,CAAC,eAAe,CAAS;IAChC,OAAO,CAAC,UAAU,CAAS;;IAM3B,+EAA+E;IAC/E,iBAAiB;IAcjB,IAAI;IASE,QAAQ,CAAC,IAAI,EAAE,SAAS;IAyB9B,QAAQ;IAIR,eAAe;IAIf,QAAQ,CAAC,KAAK,EAAE,aAAa;IAoB7B,SAAS,GAAI,IAAI,SAAS,UAoBzB;IAED,OAAO,aAAkC;IAEzC,MAAM,6CAUJ;IAEF,KAAK;CAML"}

package/dist/editors/dropdownEditor.js

@@ -0,0 +1,142 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { customElement, query } from 'lit/decorators.js';
+import { BaseEditor } from "./baseEditor";
+import { html, css } from 'lit';
+import { normalizeSerializedValues, SelectMode } from '@omegagrid/tree';
+let DropdownEditor = class DropdownEditor extends BaseEditor {
+    constructor() {
+        super();
+        this.searchCommitted = false;
+        this.searchUsed = false;
+        this._onChange = (_e) => {
+            if (this.activeCellModel.type == 's') {
+                this.currentValue = null;
+                this.currentDisplayValue = null;
+                for (const [key, node] of this.dropdown.selectedItems) {
+                    this.currentValue = key;
+                    this.currentDisplayValue = node.value;
+                    break;
+                }
+            }
+            else {
+                this.currentValue = this.dropdown.selection.serialize();
+                this.currentDisplayValue = this.dropdown.getSelectionText();
+            }
+            this.commit();
+            if (this.activeCellModel.type == 's') {
+                this.dropdown.close();
+                this.close();
+            }
+        };
+        this._onBlur = () => this.commitSearchValue();
+        this.render = () => html `
+		<og-tree-dropdown 
+			cross
+			buttonInput
+			dynamicWidth
+			alignment="left"
+			@change="${this._onChange}"
+			@tree.filter="${() => this.searchUsed = true}"
+			@blur="${this._onBlur}">
+		</og-tree-dropdown>
+	`;
+    }
+    /** Use value in dropdown search field as cell value if allowInvalid is true */
+    commitSearchValue() {
+        if (this.searchCommitted)
+            return;
+        if (!this.searchUsed)
+            return;
+        if (this.dropdown?.searchTerm == null)
+            return;
+        // if (!this.dropdown?.selection.count) return;
+        if (!this.activeCellModel?.validation?.allowInvalid)
+            return;
+        this.currentValue = this.dropdown.searchTerm;
+        this.currentDisplayValue = this.currentValue;
+        this.activeCellModel.displayValue = this.currentDisplayValue;
+        this.commit();
+        this.searchCommitted = true;
+    }
+    init() {
+        this.addEventListener('keydown', (e) => {
+            // handle (invalid) value in search field
+            if (e.key == 'Enter')
+                this.commitSearchValue();
+        });
+        super.init();
+    }
+    async activate(cell) {
+        super.activate(cell);
+        this.currentValue = null;
+        this.searchCommitted = false;
+        this.searchUsed = false;
+        await this.dropdown.updateComplete;
+        this.dropdown.updateOptions({ selectMode: cell.type == 's' ? SelectMode.Single : SelectMode.Multiple });
+        if (cell.editorContent) {
+            let sourceData = cell.editorContent;
+            if (!sourceData || sourceData.length == 0) {
+                sourceData = cell.hasValue ? [{ k: cell.value, v: cell.value }] : [];
+            }
+            this.dropdown.value = null;
+            this.dropdown.adapter = null;
+            this.dropdown.setSourceData(sourceData);
+        }
+        else if (cell.adapter) {
+            this.dropdown.adapter = cell.adapter;
+        }
+        await this.dropdown.open();
+        this.setValue(this.currentValue ?? cell.value);
+    }
+    getValue() {
+        return this.currentValue;
+    }
+    getDisplayValue() {
+        return this.currentDisplayValue;
+    }
+    setValue(value) {
+        this.currentValue = value;
+        if (value == null) {
+            this.dropdown.value = null;
+        }
+        else if (this.activeCellModel.type == 's') {
+            this.dropdown.value = this.activeCellModel.value == value && this.activeCellModel.displayValue != null
+                // pass display value if cell value and current value match
+                ? [[value, null, null, { value: this.activeCellModel.displayValue }]]
+                : [[value]];
+        }
+        else if (Array.isArray(value)) {
+            this.dropdown.value = normalizeSerializedValues(value);
+        }
+        else {
+            this.dropdown.value = null;
+        }
+        // initialValue is set when editor is open by direct typing or pasting
+        if (this.initialValue != null)
+            this.dropdown.filter(value.toString());
+    }
+    close() {
+        this.currentValue = null;
+        super.close();
+        this.dropdown.close();
+    }
+};
+DropdownEditor.styles = [BaseEditor.baseStyles, css `
+		og-tree-dropdown {
+			width: 100%;
+			height: 100%;
+		}
+	`];
+__decorate([
+    query('og-tree-dropdown')
+], DropdownEditor.prototype, "dropdown", void 0);
+DropdownEditor = __decorate([
+    customElement('og-grid-dropdowneditor')
+], DropdownEditor);
+export { DropdownEditor };
+//# sourceMappingURL=dropdownEditor.js.map

package/dist/editors/dropdownEditor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dropdownEditor.js","sourceRoot":"","sources":["../../src/editors/dropdownEditor.ts"],"names":[],"mappings":"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","sourcesContent":["import { customElement, query } from 'lit/decorators.js';\nimport { BaseEditor } from \"./baseEditor\";\nimport { CellModel } from \"@omegagrid/grid-core\";\nimport { html, css } from 'lit';\nimport { normalizeSerializedValues, SelectMode, SerializedValue, TreeAdapter, TreeDropdown, TreeEvent, TreeSource } from '@omegagrid/tree';\n\ntype DropdownValue = null|string|(string|number|SerializedValue)[];\n\n@customElement('og-grid-dropdowneditor')\nexport class DropdownEditor extends BaseEditor {\n\n\tstatic styles = [BaseEditor.baseStyles, css`\n\t\tog-tree-dropdown {\n\t\t\twidth: 100%;\n\t\t\theight: 100%;\n\t\t}\n\t`];\n\n\t@query('og-tree-dropdown')\n\tdropdown: TreeDropdown;\n\n\tprivate currentValue: DropdownValue;\n\tprivate currentDisplayValue: string;\n\tprivate searchCommitted = false;\n\tprivate searchUsed = false;\n\n\tconstructor() {\n\t\tsuper();\n\t}\n\n\t/** Use value in dropdown search field as cell value if allowInvalid is true */\n\tcommitSearchValue() {\n\t\tif (this.searchCommitted) return;\n\t\tif (!this.searchUsed) return;\n\t\tif (this.dropdown?.searchTerm == null) return;\n\t\t// if (!this.dropdown?.selection.count) return;\n\t\tif (!this.activeCellModel?.validation?.allowInvalid) return;\n\n\t\tthis.currentValue = this.dropdown.searchTerm;\n\t\tthis.currentDisplayValue = this.currentValue;\n\t\tthis.activeCellModel.displayValue = this.currentDisplayValue;\n\t\tthis.commit();\n\t\tthis.searchCommitted = true;\n\t}\n\n\tinit() {\n\t\tthis.addEventListener('keydown', (e: KeyboardEvent) => {\n\t\t\t// handle (invalid) value in search field\n\t\t\tif (e.key == 'Enter') this.commitSearchValue();\n\t\t});\n\n\t\tsuper.init();\n\t}\n\n\tasync activate(cell: CellModel) {\n\t\tsuper.activate(cell);\n\t\tthis.currentValue = null;\n\t\tthis.searchCommitted = false;\n\t\tthis.searchUsed = false;\n\t\t\n\t\tawait this.dropdown.updateComplete;\n\t\tthis.dropdown.updateOptions({selectMode: cell.type == 's' ? SelectMode.Single : SelectMode.Multiple});\n\t\t\n\t\tif (cell.editorContent) {\n\t\t\tlet sourceData = cell.editorContent as TreeSource;\n\t\t\tif (!sourceData || sourceData.length == 0) {\n\t\t\t\tsourceData = cell.hasValue ? [{k: cell.value as string, v: cell.value as string}] : [];\n\t\t\t}\n\t\t\tthis.dropdown.value = null;\n\t\t\tthis.dropdown.adapter = null;\n\t\t\tthis.dropdown.setSourceData(sourceData);\n\t\t} else if (cell.adapter) {\n\t\t\tthis.dropdown.adapter = cell.adapter as TreeAdapter;\n\t\t}\n\n\t\tawait this.dropdown.open();\n\t\tthis.setValue(this.currentValue ?? cell.value as DropdownValue);\n\t}\n\n\tgetValue() {\n\t\treturn this.currentValue;\n\t}\n\n\tgetDisplayValue() {\n\t\treturn this.currentDisplayValue;\n\t}\n\n\tsetValue(value: DropdownValue) {\n\t\tthis.currentValue = value;\n\n\t\tif (value == null) {\n\t\t\tthis.dropdown.value = null;\n\t\t} else if (this.activeCellModel.type == 's') {\n\t\t\tthis.dropdown.value = this.activeCellModel.value == value && this.activeCellModel.displayValue != null\n\t\t\t\t// pass display value if cell value and current value match\n\t\t\t\t? [[value as string, null, null, {value: this.activeCellModel.displayValue}]]\n\t\t\t\t: [[value as string]];\n\t\t} else if (Array.isArray(value)) {\n\t\t\tthis.dropdown.value = normalizeSerializedValues(value as (string|number|SerializedValue)[]);\n\t\t} else {\n\t\t\tthis.dropdown.value = null;\n\t\t}\n\n\t\t// initialValue is set when editor is open by direct typing or pasting\n\t\tif (this.initialValue != null) this.dropdown.filter(value.toString());\n\t}\n\n\t_onChange = (_e: TreeEvent) => {\n\t\tif (this.activeCellModel.type == 's') {\n\t\t\tthis.currentValue = null;\n\t\t\tthis.currentDisplayValue = null;\n\t\t\tfor (const [key, node] of this.dropdown.selectedItems) {\n\t\t\t\tthis.currentValue = key;\n\t\t\t\tthis.currentDisplayValue = node.value;\n\t\t\t\tbreak;\n\t\t\t}\n\t\t} else {\n\t\t\tthis.currentValue = this.dropdown.selection.serialize();\n\t\t\tthis.currentDisplayValue = this.dropdown.getSelectionText();\n\t\t}\n\n\t\tthis.commit();\n\n\t\tif (this.activeCellModel.type == 's') {\n\t\t\tthis.dropdown.close();\n\t\t\tthis.close();\n\t\t}\n\t}\n\n\t_onBlur = () => this.commitSearchValue();\n\n\trender = () => html`\n\t\t<og-tree-dropdown \n\t\t\tcross\n\t\t\tbuttonInput\n\t\t\tdynamicWidth\n\t\t\talignment=\"left\"\n\t\t\t@change=\"${this._onChange}\"\n\t\t\t@tree.filter=\"${() => this.searchUsed = true}\"\n\t\t\t@blur=\"${this._onBlur}\">\n\t\t</og-tree-dropdown>\n\t`;\n\t\n\tclose() {\n\t\tthis.currentValue = null;\n\t\tsuper.close();\n\t\tthis.dropdown.close();\n\t}\n\n}"]}

package/dist/editors/formulaEditor.d.ts

@@ -0,0 +1,21 @@
+import { CellModel } from "@omegagrid/grid-core";
+import { BaseEditor } from "./baseEditor";
+import { FormulaInput, FormulaInputEvent, GridEvent, SelectorEvent } from "../ui";
+export declare class FormulaEditor extends BaseEditor {
+    static styles: import("lit").CSSResult[];
+    input: FormulaInput;
+    commit(): void;
+    close(): void;
+    _onGridSelectorUpdate: (e: SelectorEvent) => void;
+    _onGridSelect: (e: GridEvent) => void;
+    activate(cell: CellModel): void;
+    deactivate(): void;
+    getValue(): string;
+    setValue(value: string): void;
+    _onPreview: (e: FormulaInputEvent) => void;
+    _onInputCommit: () => void;
+    _onInputDiscard: () => void;
+    focus(): void;
+    render: () => import("lit-html").TemplateResult<1>;
+}
+//# sourceMappingURL=formulaEditor.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"formulaEditor.d.ts","sourceRoot":"","sources":["../../src/editors/formulaEditor.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AACjD,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE1C,OAAO,EAAE,YAAY,EAAE,iBAAiB,EAAE,SAAS,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAGlF,qBACa,aAAc,SAAQ,UAAU;IAE5C,MAAM,CAAC,MAAM,4BASV;IAGH,KAAK,EAAE,YAAY,CAAC;IAEpB,MAAM;IASN,KAAK;IAML,qBAAqB,GAAI,GAAG,aAAa,UAKxC;IAED,aAAa,GAAI,GAAG,SAAS,UAK5B;IAED,QAAQ,CAAC,IAAI,EAAE,SAAS;IAWxB,UAAU;IASV,QAAQ;IAIR,QAAQ,CAAC,KAAK,EAAE,MAAM;IAKtB,UAAU,GAAI,GAAG,iBAAiB,UAGjC;IAED,cAAc,aAEb;IAED,eAAe,aAEd;IAED,KAAK;IAIL,MAAM,6CAMJ;CAEF"}

package/dist/editors/formulaEditor.js

@@ -0,0 +1,109 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { customElement, query } from 'lit/decorators.js';
+import { css, html, unsafeCSS } from "lit";
+import { BaseEditor } from "./baseEditor";
+import constants from "../constants";
+import { dom } from '@omegagrid/core';
+let FormulaEditor = class FormulaEditor extends BaseEditor {
+    constructor() {
+        super(...arguments);
+        this._onGridSelectorUpdate = (e) => {
+            if (e.selector?.index == null)
+                return;
+            const range = e.selector.selection.clone();
+            if (e.selector.grid != this.grid)
+                range.sheet = e.selector.grid.model.name;
+            this.input.setRange(range, e.selector.index);
+        };
+        this._onGridSelect = (e) => {
+            if (!this.grid.editing.isFormulaMode)
+                return;
+            const range = e.selection.range.clone();
+            if (e.grid != this.grid)
+                range.sheet = e.grid.model.name;
+            this.input.setRange(range);
+        };
+        this._onPreview = (e) => {
+            this.grid.selecting.removeFormulaHighlight();
+            if (e.formula)
+                this.grid.selecting.highlightFormula(e.formula);
+        };
+        this._onInputCommit = () => {
+            this.commit();
+        };
+        this._onInputDiscard = () => {
+            this.close();
+        };
+        this.render = () => html `
+		<og-grid-formula
+			@formula.preview="${this._onPreview}"
+			@formula.commit="${this._onInputCommit}"
+			@formula.discard="${this._onInputDiscard}">
+		</og-grid-formula>
+	`;
+    }
+    commit() {
+        if (this._open && !this.cancel && this.activeCellModel) {
+            this.grid.editing.updateCells([this.activeCellModel], [this.getValue()], true);
+            this.grid.rendering.updateCells([this.activeCellModel], true);
+        }
+        this.cancel = false;
+        this.close();
+    }
+    close() {
+        this.grid.selecting.removeFormulaHighlight();
+        this.grid.selecting.updateFormulaSelector();
+        super.close();
+    }
+    activate(cell) {
+        this.grid.editing.startFormulaMode();
+        super.activate(cell);
+        this.input.tokenizer = cell.model.calculations.tokenizer;
+        this.setValue(cell.hasOwnFormula ? cell.formula : '');
+        const eventTarget = this.grid.group ? this.grid.group : this.grid;
+        eventTarget.addEventListener('grid.selector.resize', this._onGridSelectorUpdate);
+        eventTarget.addEventListener('grid.selector.move', this._onGridSelectorUpdate);
+        eventTarget.addEventListener('grid.select', this._onGridSelect);
+    }
+    deactivate() {
+        const eventTarget = this.grid.group ? this.grid.group : this.grid;
+        eventTarget.removeEventListener('grid.selector.resize', this._onGridSelectorUpdate);
+        eventTarget.removeEventListener('grid.selector.move', this._onGridSelectorUpdate);
+        eventTarget.removeEventListener('grid.select', this._onGridSelect);
+        this.grid.editing.endFormulaMode();
+        super.deactivate();
+    }
+    getValue() {
+        return this.input.value;
+    }
+    setValue(value) {
+        dom.setSize(this.input, { w: this.clientWidth });
+        this.input.activate((value || '=').charAt(0) != '=' ? ('=' + value) : value);
+    }
+    focus() {
+        this.input.focus();
+    }
+};
+FormulaEditor.styles = [BaseEditor.baseStyles, css `
+		og-grid-formula {
+			display: block;
+			border: 1px solid var(--og-accent-color, ${unsafeCSS(constants.DEFAULT_ACCENT_COLOR)});
+			background: var(--og-cell-background);
+			width: 100%;
+			height: 100%;
+			padding: 0;
+		}
+	`];
+__decorate([
+    query('og-grid-formula')
+], FormulaEditor.prototype, "input", void 0);
+FormulaEditor = __decorate([
+    customElement('og-grid-formulaeditor')
+], FormulaEditor);
+export { FormulaEditor };
+//# sourceMappingURL=formulaEditor.js.map

package/dist/editors/formulaEditor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"formulaEditor.js","sourceRoot":"","sources":["../../src/editors/formulaEditor.ts"],"names":[],"mappings":"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","sourcesContent":["import { customElement, query } from 'lit/decorators.js';\nimport { css, html, unsafeCSS } from \"lit\";\nimport { CellModel } from \"@omegagrid/grid-core\";\nimport { BaseEditor } from \"./baseEditor\";\nimport constants from \"../constants\";\nimport { FormulaInput, FormulaInputEvent, GridEvent, SelectorEvent } from \"../ui\";\nimport { dom } from '@omegagrid/core';\n\n@customElement('og-grid-formulaeditor')\nexport class FormulaEditor extends BaseEditor {\n\n\tstatic styles = [BaseEditor.baseStyles, css`\n\t\tog-grid-formula {\n\t\t\tdisplay: block;\n\t\t\tborder: 1px solid var(--og-accent-color, ${unsafeCSS(constants.DEFAULT_ACCENT_COLOR)});\n\t\t\tbackground: var(--og-cell-background);\n\t\t\twidth: 100%;\n\t\t\theight: 100%;\n\t\t\tpadding: 0;\n\t\t}\n\t`];\n\n\t@query('og-grid-formula')\n\tinput: FormulaInput;\n\n\tcommit() {\n\t\tif (this._open && !this.cancel && this.activeCellModel) {\n\t\t\tthis.grid.editing.updateCells([this.activeCellModel], [this.getValue()], true);\n\t\t\tthis.grid.rendering.updateCells([this.activeCellModel], true);\n\t\t}\n\t\tthis.cancel = false;\n\t\tthis.close();\n\t}\n\n\tclose() {\n\t\tthis.grid.selecting.removeFormulaHighlight();\n\t\tthis.grid.selecting.updateFormulaSelector();\n\t\tsuper.close();\n\t}\n\n\t_onGridSelectorUpdate = (e: SelectorEvent) => {\n\t\tif (e.selector?.index == null) return;\n\t\tconst range = e.selector.selection.clone();\n\t\tif (e.selector.grid != this.grid) range.sheet = e.selector.grid.model.name;\n\t\tthis.input.setRange(range, e.selector.index);\n\t}\n\n\t_onGridSelect = (e: GridEvent) => {\n\t\tif (!this.grid.editing.isFormulaMode) return;\n\t\tconst range = e.selection.range.clone();\n\t\tif (e.grid != this.grid) range.sheet = e.grid.model.name;\n\t\tthis.input.setRange(range);\n\t}\n\n\tactivate(cell: CellModel) {\n\t\tthis.grid.editing.startFormulaMode();\n\t\tsuper.activate(cell);\n\t\tthis.input.tokenizer = cell.model.calculations.tokenizer;\n\t\tthis.setValue(cell.hasOwnFormula ? cell.formula : '');\n\t\tconst eventTarget = this.grid.group ? this.grid.group : this.grid;\n\t\teventTarget.addEventListener('grid.selector.resize', this._onGridSelectorUpdate);\n\t\teventTarget.addEventListener('grid.selector.move', this._onGridSelectorUpdate);\n\t\teventTarget.addEventListener('grid.select', this._onGridSelect);\n\t}\n\n\tdeactivate() {\n\t\tconst eventTarget = this.grid.group ? this.grid.group : this.grid;\n\t\teventTarget.removeEventListener('grid.selector.resize', this._onGridSelectorUpdate);\n\t\teventTarget.removeEventListener('grid.selector.move', this._onGridSelectorUpdate);\n\t\teventTarget.removeEventListener('grid.select', this._onGridSelect);\n\t\tthis.grid.editing.endFormulaMode();\n\t\tsuper.deactivate();\n\t}\n\n\tgetValue() {\n\t\treturn this.input.value;\n\t}\n\n\tsetValue(value: string) {\n\t\tdom.setSize(this.input, {w: this.clientWidth});\n\t\tthis.input.activate((value || '=').charAt(0) != '=' ? ('=' + value) : value);\n\t}\n\n\t_onPreview = (e: FormulaInputEvent) => {\n\t\tthis.grid.selecting.removeFormulaHighlight();\n\t\tif (e.formula) this.grid.selecting.highlightFormula(e.formula);\n\t}\n\n\t_onInputCommit = () => {\n\t\tthis.commit();\n\t}\n\n\t_onInputDiscard = () => {\n\t\tthis.close();\n\t}\n\n\tfocus() {\n\t\tthis.input.focus();\n\t}\n\n\trender = () => html`\n\t\t<og-grid-formula\n\t\t\t@formula.preview=\"${this._onPreview}\"\n\t\t\t@formula.commit=\"${this._onInputCommit}\"\n\t\t\t@formula.discard=\"${this._onInputDiscard}\">\n\t\t</og-grid-formula>\n\t`;\n\n}"]}

package/dist/editors/index.d.ts

@@ -0,0 +1,8 @@
+import { BaseEditor } from "./baseEditor";
+import { CellType, EditingOptions } from "@omegagrid/grid-core";
+export * from "./formulaEditor";
+export type EditorFactory = {
+    createComponent: (options?: EditingOptions) => BaseEditor;
+};
+export declare function getEditorFactory(type: CellType): EditorFactory;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/editors/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAO1C,OAAO,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAEhE,cAAc,iBAAiB,CAAC;AAEhC,MAAM,MAAM,aAAa,GAAG;IAC3B,eAAe,EAAE,CAAC,OAAO,CAAC,EAAE,cAAc,KAAK,UAAU,CAAA;CACzD,CAAC;AAWF,wBAAgB,gBAAgB,CAAC,IAAI,EAAE,QAAQ,GAAI,aAAa,CAE/D"}

package/dist/editors/index.js

@@ -0,0 +1,19 @@
+import { CheckboxEditor } from "./checkboxEditor";
+import { NumberEditor } from "./numberEditor";
+import { TextEditor } from "./textEditor";
+import { DropdownEditor } from "./dropdownEditor";
+import { DateEditor } from "./dateEditor";
+import { CalendarEditor } from "./calendarEditor";
+export * from "./formulaEditor";
+const editorMap = new Map([
+    ['t', { createComponent: () => new TextEditor() }],
+    ['n', { createComponent: () => new NumberEditor() }],
+    ['b', { createComponent: () => new CheckboxEditor() }],
+    ['s', { createComponent: () => new DropdownEditor() }],
+    ['m', { createComponent: () => new DropdownEditor() }],
+    ['d', { createComponent: (options) => options?.dateCalendarEditor ? new CalendarEditor() : new DateEditor() }],
+]);
+export function getEditorFactory(type) {
+    return editorMap.get(editorMap.has(type) ? type : 't');
+}
+//# sourceMappingURL=index.js.map

package/dist/editors/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/editors/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAGlD,cAAc,iBAAiB,CAAC;AAMhC,MAAM,SAAS,GAAG,IAAI,GAAG,CAA0B;IAClD,CAAC,GAAG,EAAE,EAAC,eAAe,EAAE,GAAG,EAAE,CAAC,IAAI,UAAU,EAAE,EAAC,CAAC;IAChD,CAAC,GAAG,EAAE,EAAC,eAAe,EAAE,GAAG,EAAE,CAAC,IAAI,YAAY,EAAE,EAAC,CAAC;IAClD,CAAC,GAAG,EAAE,EAAC,eAAe,EAAE,GAAG,EAAE,CAAC,IAAI,cAAc,EAAE,EAAC,CAAC;IACpD,CAAC,GAAG,EAAE,EAAC,eAAe,EAAE,GAAG,EAAE,CAAC,IAAI,cAAc,EAAE,EAAC,CAAC;IACpD,CAAC,GAAG,EAAE,EAAC,eAAe,EAAE,GAAG,EAAE,CAAC,IAAI,cAAc,EAAE,EAAC,CAAC;IACpD,CAAC,GAAG,EAAE,EAAC,eAAe,EAAE,CAAC,OAAO,EAAE,EAAE,CAAC,OAAO,EAAE,kBAAkB,CAAC,CAAC,CAAC,IAAI,cAAc,EAAE,CAAC,CAAC,CAAC,IAAI,UAAU,EAAE,EAAC,CAAC;CAC5G,CAAC,CAAC;AAEH,MAAM,UAAU,gBAAgB,CAAC,IAAc;IAC9C,OAAO,SAAS,CAAC,GAAG,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC;AACxD,CAAC","sourcesContent":["import { BaseEditor } from \"./baseEditor\";\nimport { CheckboxEditor } from \"./checkboxEditor\";\nimport { NumberEditor } from \"./numberEditor\";\nimport { TextEditor } from \"./textEditor\";\nimport { DropdownEditor } from \"./dropdownEditor\";\nimport { DateEditor } from \"./dateEditor\";\nimport { CalendarEditor } from \"./calendarEditor\";\nimport { CellType, EditingOptions } from \"@omegagrid/grid-core\";\n\nexport * from \"./formulaEditor\";\n\nexport type EditorFactory = {\n\tcreateComponent: (options?: EditingOptions) => BaseEditor\n};\n\nconst editorMap = new Map<CellType, EditorFactory>([\n\t['t', {createComponent: () => new TextEditor()}],\n\t['n', {createComponent: () => new NumberEditor()}],\n\t['b', {createComponent: () => new CheckboxEditor()}],\n\t['s', {createComponent: () => new DropdownEditor()}],\n\t['m', {createComponent: () => new DropdownEditor()}],\n\t['d', {createComponent: (options) => options?.dateCalendarEditor ? new CalendarEditor() : new DateEditor()}],\n]);\n\nexport function getEditorFactory(type: CellType) : EditorFactory {\n\treturn editorMap.get(editorMap.has(type) ? type : 't');\n}"]}

package/dist/editors/numberEditor.d.ts

@@ -0,0 +1,9 @@
+import { TextEditor } from "./textEditor";
+export declare class NumberEditor extends TextEditor {
+    private validateNumber;
+    _onKey(e: KeyboardEvent): void;
+    setValue(value: string): void;
+    firstUpdated(): void;
+    getValue(): string;
+}
+//# sourceMappingURL=numberEditor.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"numberEditor.d.ts","sourceRoot":"","sources":["../../src/editors/numberEditor.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAI1C,qBACa,YAAa,SAAQ,UAAU;IAE3C,OAAO,CAAC,cAAc;IAKtB,MAAM,CAAC,CAAC,EAAE,aAAa;IAQvB,QAAQ,CAAC,KAAK,EAAE,MAAM;IAItB,YAAY;IAKZ,QAAQ;CAIR"}

package/dist/editors/numberEditor.js

@@ -0,0 +1,37 @@
+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 { TextEditor } from "./textEditor";
+import { customElement } from 'lit/decorators.js';
+import { isFormula } from "@omegagrid/grid-core";
+let NumberEditor = class NumberEditor extends TextEditor {
+    validateNumber(value) {
+        value = value.replace(',', '.');
+        return isFormula(value) || !isNaN(Number(value)) || value == '-';
+    }
+    _onKey(e) {
+        if (e.key.length === 1) {
+            if (!this.validateNumber(this.input.value + e.key)) {
+                e.preventDefault();
+            }
+        }
+    }
+    setValue(value) {
+        this.input.value = this.validateNumber(value) ? value : '';
+    }
+    firstUpdated() {
+        this.input.addEventListener('keydown', e => this._onKey(e));
+        this.input.addEventListener('keypress', e => this._onKey(e));
+    }
+    getValue() {
+        return this.input.value === '' ? null : this.input.value.replace(',', '.');
+    }
+};
+NumberEditor = __decorate([
+    customElement('og-grid-numbereditor')
+], NumberEditor);
+export { NumberEditor };
+//# sourceMappingURL=numberEditor.js.map

package/dist/editors/numberEditor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"numberEditor.js","sourceRoot":"","sources":["../../src/editors/numberEditor.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAClD,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAG1C,IAAM,YAAY,GAAlB,MAAM,YAAa,SAAQ,UAAU;IAEnC,cAAc,CAAC,KAAa;QACnC,KAAK,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC;QAChC,OAAO,SAAS,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,IAAI,KAAK,IAAI,GAAG,CAAC;IAClE,CAAC;IAED,MAAM,CAAC,CAAgB;QACtB,IAAI,CAAC,CAAC,GAAG,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;YACxB,IAAI,CAAC,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,GAAG,CAAC,CAAC,GAAG,CAAC,EAAE,CAAC;gBACpD,CAAC,CAAC,cAAc,EAAE,CAAC;YACpB,CAAC;QACF,CAAC;IACF,CAAC;IAED,QAAQ,CAAC,KAAa;QACrB,IAAI,CAAC,KAAK,CAAC,KAAK,GAAG,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC;IAC5D,CAAC;IAED,YAAY;QACX,IAAI,CAAC,KAAK,CAAC,gBAAgB,CAAC,SAAS,EAAE,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;QAC5D,IAAI,CAAC,KAAK,CAAC,gBAAgB,CAAC,UAAU,EAAE,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;IAC9D,CAAC;IAED,QAAQ;QACP,OAAO,IAAI,CAAC,KAAK,CAAC,KAAK,KAAK,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC;IAC5E,CAAC;CAED,CAAA;AA5BY,YAAY;IADxB,aAAa,CAAC,sBAAsB,CAAC;GACzB,YAAY,CA4BxB","sourcesContent":["import { TextEditor } from \"./textEditor\";\nimport { customElement } from 'lit/decorators.js';\nimport { isFormula } from \"@omegagrid/grid-core\";\n\n@customElement('og-grid-numbereditor')\nexport class NumberEditor extends TextEditor {\n\n\tprivate validateNumber(value: string) {\n\t\tvalue = value.replace(',', '.');\n\t\treturn isFormula(value) || !isNaN(Number(value)) || value == '-';\n\t}\n\n\t_onKey(e: KeyboardEvent) {\n\t\tif (e.key.length === 1) {\n\t\t\tif (!this.validateNumber(this.input.value + e.key)) {\n\t\t\t\te.preventDefault();\n\t\t\t}\n\t\t}\n\t}\n\n\tsetValue(value: string) {\n\t\tthis.input.value = this.validateNumber(value) ? value : '';\n\t}\n\n\tfirstUpdated() {\n\t\tthis.input.addEventListener('keydown', e => this._onKey(e));\n\t\tthis.input.addEventListener('keypress', e => this._onKey(e));\n\t}\n\n\tgetValue() {\n\t\treturn this.input.value === '' ? null : this.input.value.replace(',', '.');\n\t}\n\n}"]}

package/dist/editors/textEditor.d.ts

@@ -0,0 +1,15 @@
+import { CellModel } from "@omegagrid/grid-core";
+import { BaseEditor } from "./baseEditor";
+import { Ref } from 'lit/directives/ref.js';
+export declare class TextEditor extends BaseEditor {
+    static styles: import("lit").CSSResult[];
+    inputRef: Ref<HTMLInputElement>;
+    get input(): HTMLInputElement;
+    private _onBlur;
+    private _onKeyUp;
+    render(): import("lit-html").TemplateResult<1>;
+    activate(cell: CellModel): void;
+    getValue(): unknown;
+    setValue(value: unknown): void;
+}
+//# sourceMappingURL=textEditor.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"textEditor.d.ts","sourceRoot":"","sources":["../../src/editors/textEditor.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAa,MAAM,sBAAsB,CAAC;AAC5D,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAG1C,OAAO,EAAa,GAAG,EAAO,MAAM,uBAAuB,CAAC;AAI5D,qBACa,UAAW,SAAQ,UAAU;IAEzC,MAAM,CAAC,MAAM,4BAaV;IAEH,QAAQ,EAAE,GAAG,CAAC,gBAAgB,CAAC,CAAe;IAC9C,IAAI,KAAK,qBAAiC;IAE1C,OAAO,CAAC,OAAO;IAKf,OAAO,CAAC,QAAQ;IAWhB,MAAM;IASN,QAAQ,CAAC,IAAI,EAAE,SAAS;IAMxB,QAAQ,IAAI,OAAO;IAInB,QAAQ,CAAC,KAAK,EAAE,OAAO;CAIvB"}