@omegagrid/grid 0.10.2 → 0.10.4

package/dist/editors/textEditor.js

@@ -0,0 +1,74 @@
+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;
+};
+var TextEditor_1;
+import { isFormula } from "@omegagrid/grid-core";
+import { BaseEditor } from "./baseEditor";
+import { customElement } from 'lit/decorators.js';
+import { css, html, unsafeCSS } from 'lit';
+import { createRef, ref } from 'lit/directives/ref.js';
+import constants from "../constants";
+import { utils } from "@omegagrid/core";
+let TextEditor = TextEditor_1 = class TextEditor extends BaseEditor {
+    constructor() {
+        super(...arguments);
+        this.inputRef = createRef();
+    }
+    get input() { return this.inputRef.value; }
+    _onBlur() {
+        this.commit();
+        this.close();
+    }
+    _onKeyUp() {
+        if (isFormula(this.input.value)) {
+            // switch to formula editor
+            this.cancel = true;
+            this.close();
+            this.grid.editing.startEdit(this.input.value);
+        }
+        else {
+            this.validate();
+        }
+    }
+    render() {
+        return html `
+			<input ${ref(this.inputRef)}
+				type="text"
+				@blur="${this._onBlur}"
+				@keyup="${this._onKeyUp}">
+		`;
+    }
+    activate(cell) {
+        super.activate(cell);
+        this.input.value = cell.value == null ? '' : cell.value.toString();
+        this.input.focus();
+    }
+    getValue() {
+        return this.input.value;
+    }
+    setValue(value) {
+        this.input.value = utils.isString(value) ? (value) : (value == null ? '' : value.toString());
+    }
+};
+TextEditor.styles = [TextEditor_1.baseStyles, css `
+		input {
+			outline: none;
+			border: 1px solid var(--og-accent-color, ${unsafeCSS(constants.DEFAULT_ACCENT_COLOR)});
+			background: var(--og-cell-background);
+			color: var(--og-text-color);
+			width: 100%;
+			height: 100%;
+			padding: 0;
+			font-family: var(--og-font-family);
+			font-size: var(--og-font-size);
+			box-sizing: border-box;
+		}
+	`];
+TextEditor = TextEditor_1 = __decorate([
+    customElement('og-grid-texteditor')
+], TextEditor);
+export { TextEditor };
+//# sourceMappingURL=textEditor.js.map

package/dist/editors/textEditor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"textEditor.js","sourceRoot":"","sources":["../../src/editors/textEditor.ts"],"names":[],"mappings":";;;;;;;AAAA,OAAO,EAAa,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAC5D,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAClD,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,KAAK,CAAC;AAC3C,OAAO,EAAE,SAAS,EAAO,GAAG,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,SAAS,MAAM,cAAc,CAAC;AACrC,OAAO,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAC;AAGjC,IAAM,UAAU,kBAAhB,MAAM,UAAW,SAAQ,UAAU;IAAnC;;QAiBN,aAAQ,GAA0B,SAAS,EAAE,CAAC;IA0C/C,CAAC;IAzCA,IAAI,KAAK,KAAK,OAAO,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAA,CAAC,CAAC;IAElC,OAAO;QACd,IAAI,CAAC,MAAM,EAAE,CAAC;QACd,IAAI,CAAC,KAAK,EAAE,CAAC;IACd,CAAC;IAEO,QAAQ;QACf,IAAI,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,EAAE,CAAC;YACjC,2BAA2B;YAC3B,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC;YACnB,IAAI,CAAC,KAAK,EAAE,CAAC;YACb,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;QAC/C,CAAC;aAAM,CAAC;YACP,IAAI,CAAC,QAAQ,EAAE,CAAC;QACjB,CAAC;IACF,CAAC;IAED,MAAM;QACL,OAAO,IAAI,CAAA;YACD,GAAG,CAAC,IAAI,CAAC,QAAQ,CAAC;;aAEjB,IAAI,CAAC,OAAO;cACX,IAAI,CAAC,QAAQ;GACxB,CAAC;IACH,CAAC;IAED,QAAQ,CAAC,IAAe;QACvB,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;QACrB,IAAI,CAAC,KAAK,CAAC,KAAK,GAAG,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC;QACnE,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,CAAC;IACpB,CAAC;IAED,QAAQ;QACP,OAAO,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC;IACzB,CAAC;IAED,QAAQ,CAAC,KAAc;QACtB,IAAI,CAAC,KAAK,CAAC,KAAK,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAW,CAAC,CAAC,CAAC,CAAC,KAAK,IAAI,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC,CAAC;IACxG,CAAC;;AAvDM,iBAAM,GAAG,CAAC,YAAU,CAAC,UAAU,EAAE,GAAG,CAAA;;;8CAGE,SAAS,CAAC,SAAS,CAAC,oBAAoB,CAAC;;;;;;;;;;EAUrF,CAAC,AAbW,CAaV;AAfS,UAAU;IADtB,aAAa,CAAC,oBAAoB,CAAC;GACvB,UAAU,CA2DtB","sourcesContent":["import { CellModel, isFormula } from \"@omegagrid/grid-core\";\nimport { BaseEditor } from \"./baseEditor\";\nimport { customElement } from 'lit/decorators.js';\nimport { css, html, unsafeCSS } from 'lit';\nimport { createRef, Ref, ref } from 'lit/directives/ref.js';\nimport constants from \"../constants\";\nimport { utils } from \"@omegagrid/core\";\n\n@customElement('og-grid-texteditor')\nexport class TextEditor extends BaseEditor {\n\n\tstatic styles = [TextEditor.baseStyles, css`\n\t\tinput {\n\t\t\toutline: none;\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\tcolor: var(--og-text-color);\n\t\t\twidth: 100%;\n\t\t\theight: 100%;\n\t\t\tpadding: 0;\n\t\t\tfont-family: var(--og-font-family);\n\t\t\tfont-size: var(--og-font-size);\n\t\t\tbox-sizing: border-box;\n\t\t}\n\t`];\n\n\tinputRef: Ref<HTMLInputElement> = createRef();\n\tget input() { return this.inputRef.value }\n\n\tprivate _onBlur() {\n\t\tthis.commit();\n\t\tthis.close();\n\t}\n\n\tprivate _onKeyUp() {\n\t\tif (isFormula(this.input.value)) {\n\t\t\t// switch to formula editor\n\t\t\tthis.cancel = true;\n\t\t\tthis.close();\n\t\t\tthis.grid.editing.startEdit(this.input.value);\n\t\t} else {\n\t\t\tthis.validate();\n\t\t}\n\t}\n\n\trender() {\n\t\treturn html`\n\t\t\t<input ${ref(this.inputRef)}\n\t\t\t\ttype=\"text\"\n\t\t\t\t@blur=\"${this._onBlur}\"\n\t\t\t\t@keyup=\"${this._onKeyUp}\">\n\t\t`;\n\t}\n\n\tactivate(cell: CellModel) {\n\t\tsuper.activate(cell);\n\t\tthis.input.value = cell.value == null ? '' : cell.value.toString();\n\t\tthis.input.focus();\n\t}\n\n\tgetValue(): unknown {\n\t\treturn this.input.value;\n\t}\n\n\tsetValue(value: unknown) {\n\t\tthis.input.value = utils.isString(value) ? (value) as string : (value == null ? '' : value.toString());\n\t}\n\n}"]}

package/dist/filters/NumberFilter.d.ts

@@ -0,0 +1,8 @@
+import { FilterSettings } from "@omegagrid/grid-core";
+import { BaseFilter } from "./baseFilter";
+export declare class NumberFilter extends BaseFilter {
+    render(): void;
+    activate(filter?: FilterSettings): void;
+    deactivate(): void;
+}
+//# sourceMappingURL=NumberFilter.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"NumberFilter.d.ts","sourceRoot":"","sources":["../../src/filters/NumberFilter.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AACtD,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE1C,qBAAa,YAAa,SAAQ,UAAU;IAEpC,MAAM,IAAK,IAAI;IAIf,QAAQ,CAAC,MAAM,GAAE,cAAqB,GAAI,IAAI;IAI9C,UAAU,IAAK,IAAI;CAI1B"}

package/dist/filters/NumberFilter.js

@@ -0,0 +1,13 @@
+import { BaseFilter } from "./baseFilter";
+export class NumberFilter extends BaseFilter {
+    render() {
+        console.log('render');
+    }
+    activate(filter = null) {
+        console.log('activate', filter);
+    }
+    deactivate() {
+        console.log('deactivate');
+    }
+}
+//# sourceMappingURL=NumberFilter.js.map

package/dist/filters/NumberFilter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NumberFilter.js","sourceRoot":"","sources":["../../src/filters/NumberFilter.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE1C,MAAM,OAAO,YAAa,SAAQ,UAAU;IAEpC,MAAM;QACZ,OAAO,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC;IACvB,CAAC;IAEM,QAAQ,CAAC,SAAyB,IAAI;QAC5C,OAAO,CAAC,GAAG,CAAC,UAAU,EAAE,MAAM,CAAC,CAAC;IACjC,CAAC;IAEM,UAAU;QAChB,OAAO,CAAC,GAAG,CAAC,YAAY,CAAC,CAAC;IAC3B,CAAC;CAED","sourcesContent":["import { FilterSettings } from \"@omegagrid/grid-core\";\nimport { BaseFilter } from \"./baseFilter\";\n\nexport class NumberFilter extends BaseFilter {\n\n\tpublic render() : void {\n\t\tconsole.log('render');\n\t}\n\n\tpublic activate(filter: FilterSettings = null) : void {\n\t\tconsole.log('activate', filter);\n\t}\n\n\tpublic deactivate() : void {\n\t\tconsole.log('deactivate');\n\t}\n\n}"]}

package/dist/filters/baseFilter.d.ts

@@ -0,0 +1,20 @@
+import { ColumnModel, FilterModel, FilterSettings, FilterValue } from "@omegagrid/grid-core";
+import { LitElement } from 'lit';
+import { GridEvent } from "../ui/grid.events";
+export declare class FilterEvent extends GridEvent {
+    filter?: FilterSettings[];
+    constructor(type: string, args?: Partial<FilterEvent>);
+}
+export declare abstract class BaseFilter extends LitElement {
+    static styles: import("lit").CSSResult[];
+    filterModel: FilterModel;
+    columnModel: ColumnModel;
+    get currentValue(): FilterValue;
+    constructor();
+    protected filter(term: FilterValue): void;
+    protected clearFilter(): void;
+    abstract render(): void;
+    activate(): void;
+    deactivate(): void;
+}
+//# sourceMappingURL=baseFilter.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"baseFilter.d.ts","sourceRoot":"","sources":["../../src/filters/baseFilter.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,cAAc,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAC7F,OAAO,EAAE,UAAU,EAAO,MAAM,KAAK,CAAC;AACtC,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAE9C,qBAAa,WAAY,SAAQ,SAAS;IAEzC,MAAM,CAAC,EAAE,cAAc,EAAE,CAAC;gBAEd,IAAI,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,OAAO,CAAC,WAAW,CAAC;CAGrD;AAED,8BAAsB,UAAW,SAAQ,UAAU;IAElD,MAAM,CAAC,MAAM,4BAWV;IAEI,WAAW,EAAE,WAAW,CAAC;IACzB,WAAW,EAAE,WAAW,CAAC;IAEhC,IAAI,YAAY,gBAEf;;IAWD,SAAS,CAAC,MAAM,CAAC,IAAI,EAAE,WAAW;IAKlC,SAAS,CAAC,WAAW;IAKrB,QAAQ,CAAC,MAAM,IAAK,IAAI;IAExB,QAAQ,IAAK,IAAI;IAIjB,UAAU,IAAK,IAAI;CAInB"}

package/dist/filters/baseFilter.js

@@ -0,0 +1,47 @@
+import { LitElement, css } from 'lit';
+import { GridEvent } from "../ui/grid.events";
+export class FilterEvent extends GridEvent {
+    constructor(type, args) {
+        super(`filter.${type}`, args);
+    }
+}
+export class BaseFilter extends LitElement {
+    get currentValue() {
+        return this.filterModel.get(this.columnModel.index)?.term;
+    }
+    constructor() {
+        super();
+        this.addEventListener('keydown', e => e.stopPropagation());
+        this.addEventListener('mousedown', e => e.stopPropagation());
+        this.addEventListener('pointerdown', e => e.stopPropagation());
+        this.addEventListener('click', e => e.stopPropagation());
+        this.addEventListener('dblclick', e => e.stopPropagation());
+    }
+    filter(term) {
+        this.filterModel.filter({ term: term, c: this.columnModel.index });
+        this.dispatchEvent(new FilterEvent('apply', { filter: Array.from(this.filterModel.settings.values()) }));
+    }
+    clearFilter() {
+        this.filterModel.filter({ term: null, c: this.columnModel.index });
+        this.dispatchEvent(new FilterEvent('apply', { filter: Array.from(this.filterModel.settings.values()) }));
+    }
+    activate() {
+        this.dispatchEvent(new FilterEvent('activate'));
+    }
+    deactivate() {
+        this.dispatchEvent(new FilterEvent('deactivate'));
+    }
+}
+BaseFilter.styles = [css `
+		:host {
+			height: 100%;
+			border: 1px solid var(--og-accent-color);
+			display: block;
+		}
+
+		input {
+			font-size: var(--og-font-size);
+			font-family: var(--og-font-family);
+		}
+	`];
+//# sourceMappingURL=baseFilter.js.map

package/dist/filters/baseFilter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"baseFilter.js","sourceRoot":"","sources":["../../src/filters/baseFilter.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AACtC,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAE9C,MAAM,OAAO,WAAY,SAAQ,SAAS;IAIzC,YAAY,IAAY,EAAE,IAA2B;QACpD,KAAK,CAAC,UAAU,IAAI,EAAE,EAAE,IAAI,CAAC,CAAC;IAC/B,CAAC;CACD;AAED,MAAM,OAAgB,UAAW,SAAQ,UAAU;IAkBlD,IAAI,YAAY;QACf,OAAO,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,EAAE,IAAI,CAAC;IAC3D,CAAC;IAED;QACC,KAAK,EAAE,CAAC;QACR,IAAI,CAAC,gBAAgB,CAAC,SAAS,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,eAAe,EAAE,CAAC,CAAC;QAC3D,IAAI,CAAC,gBAAgB,CAAC,WAAW,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,eAAe,EAAE,CAAC,CAAC;QAC7D,IAAI,CAAC,gBAAgB,CAAC,aAAa,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,eAAe,EAAE,CAAC,CAAC;QAC/D,IAAI,CAAC,gBAAgB,CAAC,OAAO,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,eAAe,EAAE,CAAC,CAAC;QACzD,IAAI,CAAC,gBAAgB,CAAC,UAAU,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,eAAe,EAAE,CAAC,CAAC;IAC7D,CAAC;IAES,MAAM,CAAC,IAAiB;QACjC,IAAI,CAAC,WAAW,CAAC,MAAM,CAAC,EAAC,IAAI,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,CAAC,WAAW,CAAC,KAAK,EAAC,CAAC,CAAC;QACjE,IAAI,CAAC,aAAa,CAAC,IAAI,WAAW,CAAC,OAAO,EAAE,EAAC,MAAM,EAAE,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC,QAAQ,CAAC,MAAM,EAAE,CAAC,EAAC,CAAC,CAAC,CAAC;IACxG,CAAC;IAES,WAAW;QACpB,IAAI,CAAC,WAAW,CAAC,MAAM,CAAC,EAAC,IAAI,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,CAAC,WAAW,CAAC,KAAK,EAAC,CAAC,CAAC;QACjE,IAAI,CAAC,aAAa,CAAC,IAAI,WAAW,CAAC,OAAO,EAAE,EAAC,MAAM,EAAE,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC,QAAQ,CAAC,MAAM,EAAE,CAAC,EAAC,CAAC,CAAC,CAAC;IACxG,CAAC;IAID,QAAQ;QACP,IAAI,CAAC,aAAa,CAAC,IAAI,WAAW,CAAC,UAAU,CAAC,CAAC,CAAC;IACjD,CAAC;IAED,UAAU;QACT,IAAI,CAAC,aAAa,CAAC,IAAI,WAAW,CAAC,YAAY,CAAC,CAAC,CAAC;IACnD,CAAC;;AA/CM,iBAAM,GAAG,CAAC,GAAG,CAAA;;;;;;;;;;;EAWnB,CAAC,CAAC","sourcesContent":["import { ColumnModel, FilterModel, FilterSettings, FilterValue } from \"@omegagrid/grid-core\";\nimport { LitElement, css } from 'lit';\nimport { GridEvent } from \"../ui/grid.events\";\n\nexport class FilterEvent extends GridEvent {\n\n\tfilter?: FilterSettings[];\n\n\tconstructor(type: string, args?: Partial<FilterEvent>) {\n\t\tsuper(`filter.${type}`, args);\n\t}\n}\n\nexport abstract class BaseFilter extends LitElement {\n\t\n\tstatic styles = [css`\n\t\t:host {\n\t\t\theight: 100%;\n\t\t\tborder: 1px solid var(--og-accent-color);\n\t\t\tdisplay: block;\n\t\t}\n\n\t\tinput {\n\t\t\tfont-size: var(--og-font-size);\n\t\t\tfont-family: var(--og-font-family);\n\t\t}\n\t`];\n\n\tpublic filterModel: FilterModel;\n\tpublic columnModel: ColumnModel;\n\n\tget currentValue() {\n\t\treturn this.filterModel.get(this.columnModel.index)?.term;\n\t}\n\n\tconstructor() {\n\t\tsuper();\n\t\tthis.addEventListener('keydown', e => e.stopPropagation());\n\t\tthis.addEventListener('mousedown', e => e.stopPropagation());\n\t\tthis.addEventListener('pointerdown', e => e.stopPropagation());\n\t\tthis.addEventListener('click', e => e.stopPropagation());\n\t\tthis.addEventListener('dblclick', e => e.stopPropagation());\n\t}\n\n\tprotected filter(term: FilterValue) {\n\t\tthis.filterModel.filter({term: term, c: this.columnModel.index});\n\t\tthis.dispatchEvent(new FilterEvent('apply', {filter: Array.from(this.filterModel.settings.values())}));\n\t}\n\n\tprotected clearFilter() {\n\t\tthis.filterModel.filter({term: null, c: this.columnModel.index});\n\t\tthis.dispatchEvent(new FilterEvent('apply', {filter: Array.from(this.filterModel.settings.values())}));\n\t}\n\n\tabstract render() : void;\n\n\tactivate() : void {\n\t\tthis.dispatchEvent(new FilterEvent('activate'));\n\t}\n\t\n\tdeactivate() : void {\n\t\tthis.dispatchEvent(new FilterEvent('deactivate'));\n\t}\n\n}"]}

package/dist/filters/checkboxFilter.d.ts

@@ -0,0 +1,12 @@
+import { BaseFilter } from "./baseFilter";
+import { DropdownList } from "@omegagrid/core";
+import { events } from "@omegagrid/core";
+export declare class CheckboxFilter extends BaseFilter {
+    static styles: import("lit").CSSResult[];
+    list: DropdownList;
+    _onChange: (e: events.ChangeEvent) => void;
+    render: () => import("lit-html").TemplateResult<1>;
+    activate(): void;
+    deactivate(): void;
+}
+//# sourceMappingURL=checkboxFilter.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"checkboxFilter.d.ts","sourceRoot":"","sources":["../../src/filters/checkboxFilter.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE1C,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AAEzC,qBACa,cAAe,SAAQ,UAAU;IAE7C,MAAM,CAAC,MAAM,4BAYV;IAGH,IAAI,EAAE,YAAY,CAAC;IAEnB,SAAS,GAAI,GAAG,MAAM,CAAC,WAAW,UAGjC;IAED,MAAM,6CAiBJ;IAEF,QAAQ;IAKR,UAAU;CAIV"}

package/dist/filters/checkboxFilter.js

@@ -0,0 +1,67 @@
+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';
+let CheckboxFilter = class CheckboxFilter extends BaseFilter {
+    constructor() {
+        super(...arguments);
+        this._onChange = (e) => {
+            if (e.value == '')
+                this.clearFilter();
+            else
+                this.filter(e.value === 'true');
+        };
+        this.render = () => html `
+		<div class="filter-inner">
+			<og-dropdown-list
+				@change="${this._onChange}"
+				.items="${[
+            { key: '', renderer: () => html `
+						<div style="text-align: center; width: 100%">-</div>
+					` },
+            { key: 'true', value: 'True', renderer: () => html `
+						<div style="text-align: center; width: 100%"><og-icon icon="square-check"></og-icon></div>
+					` },
+            { key: 'false', value: 'False', renderer: () => html `
+						<div style="text-align: center; width: 100%"><og-icon icon="square"></og-icon></div>
+					` },
+        ]}">
+			</og-dropdown-list>
+		</div>
+	`;
+    }
+    activate() {
+        super.activate();
+        setTimeout(() => this.list.open(), 100);
+    }
+    deactivate() {
+        super.deactivate();
+    }
+};
+CheckboxFilter.styles = [...BaseFilter.styles, css `
+		.filter-inner {
+			height: 100%;
+			display: flex;
+			flex-direction: row;
+			overflow: hidden;
+		}
+		
+		og-dropdown-list {
+			width: 100%;
+			border-radius: 0;
+		}
+	`];
+__decorate([
+    query('og-dropdown-list')
+], CheckboxFilter.prototype, "list", void 0);
+CheckboxFilter = __decorate([
+    customElement(`${constants.PREFIX}-filter-checkbox`)
+], CheckboxFilter);
+export { CheckboxFilter };
+//# sourceMappingURL=checkboxFilter.js.map

package/dist/filters/checkboxFilter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkboxFilter.js","sourceRoot":"","sources":["../../src/filters/checkboxFilter.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,SAAS,MAAM,cAAc,CAAC;AACrC,OAAO,EAAE,aAAa,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AACzD,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAKzB,IAAM,cAAc,GAApB,MAAM,cAAe,SAAQ,UAAU;IAAvC;;QAmBN,cAAS,GAAG,CAAC,CAAqB,EAAE,EAAE;YACrC,IAAI,CAAC,CAAC,KAAK,IAAI,EAAE;gBAAE,IAAI,CAAC,WAAW,EAAE,CAAC;;gBACjC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,KAAK,MAAM,CAAC,CAAC;QACtC,CAAC,CAAA;QAED,WAAM,GAAG,GAAG,EAAE,CAAC,IAAI,CAAA;;;eAGL,IAAI,CAAC,SAAS;cACf;YACT,EAAC,GAAG,EAAE,EAAE,EAAE,QAAQ,EAAE,GAAG,EAAE,CAAC,IAAI,CAAA;;MAE7B,EAAC;YACF,EAAC,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,GAAG,EAAE,CAAC,IAAI,CAAA;;MAEhD,EAAC;YACF,EAAC,GAAG,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAG,EAAE,CAAC,IAAI,CAAA;;MAElD,EAAC;SACF;;;EAGH,CAAC;IAWH,CAAC;IATA,QAAQ;QACP,KAAK,CAAC,QAAQ,EAAE,CAAC;QACjB,UAAU,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE,EAAE,GAAG,CAAC,CAAC;IACzC,CAAC;IAED,UAAU;QACT,KAAK,CAAC,UAAU,EAAE,CAAC;IACpB,CAAC;;AAhDM,qBAAM,GAAG,CAAC,GAAG,UAAU,CAAC,MAAM,EAAE,GAAG,CAAA;;;;;;;;;;;;EAYzC,CAAC,AAZW,CAYV;AAGH;IADC,KAAK,CAAC,kBAAkB,CAAC;4CACP;AAjBP,cAAc;IAD1B,aAAa,CAAC,GAAG,SAAS,CAAC,MAAM,kBAAkB,CAAC;GACxC,cAAc,CAoD1B","sourcesContent":["import constants from \"../constants\";\nimport { customElement, query } from 'lit/decorators.js';\nimport { BaseFilter } from \"./baseFilter\";\nimport { html, css } from 'lit';\nimport { DropdownList } from \"@omegagrid/core\";\nimport { events } from \"@omegagrid/core\";\n\n@customElement(`${constants.PREFIX}-filter-checkbox`)\nexport class CheckboxFilter extends BaseFilter {\n\t\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\t\t\n\t\tog-dropdown-list {\n\t\t\twidth: 100%;\n\t\t\tborder-radius: 0;\n\t\t}\n\t`];\n\n\t@query('og-dropdown-list')\n\tlist: DropdownList;\n\n\t_onChange = (e: events.ChangeEvent) => {\n\t\tif (e.value == '') this.clearFilter();\n\t\telse this.filter(e.value === 'true');\n\t}\n\n\trender = () => html`\n\t\t<div class=\"filter-inner\">\n\t\t\t<og-dropdown-list\n\t\t\t\t@change=\"${this._onChange}\"\n\t\t\t\t.items=\"${[\n\t\t\t\t\t{key: '', renderer: () => html`\n\t\t\t\t\t\t<div style=\"text-align: center; width: 100%\">-</div>\n\t\t\t\t\t`},\n\t\t\t\t\t{key: 'true', value: 'True', renderer: () => html`\n\t\t\t\t\t\t<div style=\"text-align: center; width: 100%\"><og-icon icon=\"square-check\"></og-icon></div>\n\t\t\t\t\t`},\n\t\t\t\t\t{key: 'false', value: 'False', renderer: () => html`\n\t\t\t\t\t\t<div style=\"text-align: center; width: 100%\"><og-icon icon=\"square\"></og-icon></div>\n\t\t\t\t\t`},\n\t\t\t\t]}\">\n\t\t\t</og-dropdown-list>\n\t\t</div>\n\t`;\n\n\tactivate() {\n\t\tsuper.activate();\n\t\tsetTimeout(() => this.list.open(), 100);\n\t}\n\n\tdeactivate() {\n\t\tsuper.deactivate();\n\t}\n\n}"]}

package/dist/filters/dropdownFilter.d.ts

@@ -0,0 +1,17 @@
+import { BaseFilter } from "./baseFilter";
+import { TreeAdapter, TreeDropdown, TreeModel, TreeSource } from "@omegagrid/tree";
+export declare class DropdownFilter extends BaseFilter {
+    static styles: import("lit").CSSResult[];
+    dropdown: TreeDropdown;
+    items: TreeSource;
+    adapter: TreeAdapter;
+    model: TreeModel;
+    willUpdate(props: Map<string, unknown>): void;
+    firstUpdated(): Promise<void>;
+    _onChange: () => void;
+    _onKeyDown: (e: KeyboardEvent) => void;
+    render: () => import("lit-html").TemplateResult<1>;
+    activate(): void;
+    deactivate(): void;
+}
+//# sourceMappingURL=dropdownFilter.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"dropdownFilter.d.ts","sourceRoot":"","sources":["../../src/filters/dropdownFilter.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE1C,OAAO,EAAE,WAAW,EAAE,YAAY,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAInF,qBACa,cAAe,SAAQ,UAAU;IAE7C,MAAM,CAAC,MAAM,4BAWV;IAGH,QAAQ,EAAE,YAAY,CAAC;IAGvB,KAAK,EAAE,UAAU,CAAM;IAGvB,OAAO,EAAE,WAAW,CAAC;IAGrB,KAAK,EAAE,SAAS,CAAC;IAEjB,UAAU,CAAC,KAAK,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC;IAYhC,YAAY;IAMlB,SAAS,aAQR;IAED,UAAU,GAAI,GAAG,aAAa,UAU7B;IAED,MAAM,6CAYJ;IAEF,QAAQ;IAUR,UAAU;CAKV"}

package/dist/filters/dropdownFilter.js

@@ -0,0 +1,116 @@
+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, property, query, state } from 'lit/decorators.js';
+import { BaseFilter } from "./baseFilter";
+import { html, css } from 'lit';
+import { TreeModel } from "@omegagrid/tree";
+import { utils } from "@omegagrid/core";
+let DropdownFilter = class DropdownFilter extends BaseFilter {
+    constructor() {
+        super(...arguments);
+        this.items = [];
+        this._onChange = () => {
+            const values = [];
+            this.dropdown.selection.items.forEach((_, key) => {
+                const node = this.dropdown.tree.model.nodeMap.get(key);
+                if (key != null)
+                    values.push({ key: key, value: node?.value });
+            });
+            if (values.length)
+                this.filter(values);
+            else
+                this.clearFilter();
+        };
+        this._onKeyDown = (e) => {
+            // handle value in search field
+            if (e.key == 'Enter') {
+                if (this.dropdown) {
+                    if (this.dropdown.input.value == null)
+                        this.clearFilter();
+                    else
+                        this.filter(this.dropdown.input.value);
+                    this.deactivate();
+                }
+                e.stopImmediatePropagation();
+            }
+        };
+        this.render = () => html `
+		<div class="filter-inner">
+			<og-tree-dropdown
+				cross
+				buttonInput
+				preventInputEnter
+				.options="${{ selectMode: 'multiple' }}"
+				.model="${this.model}"
+				.adapter="${this.adapter}"
+				@change="${this._onChange}">
+			</og-tree-dropdown>
+		</div>
+	`;
+    }
+    willUpdate(props) {
+        if (props.has('items')) {
+            if (this.adapter) {
+                this.model = null;
+            }
+            else if (this.items) {
+                this.model = new TreeModel(this.items, {});
+            }
+            else {
+                this.model = null;
+            }
+        }
+    }
+    async firstUpdated() {
+        await this.dropdown.updateComplete;
+        this.dropdown.dropdown.addEventListener('mousedown', (e) => e.stopPropagation());
+        this.dropdown.input.addEventListener('keydown', this._onKeyDown);
+    }
+    activate() {
+        super.activate();
+        setTimeout(() => {
+            this.dropdown.open();
+            if (utils.isString(this.currentValue)) {
+                this.dropdown.filter(this.currentValue);
+            }
+        }, 100);
+    }
+    deactivate() {
+        this.dropdown.close();
+        super.deactivate();
+    }
+};
+DropdownFilter.styles = [...BaseFilter.styles, css `
+		.filter-inner {
+			height: 100%;
+			display: flex;
+			flex-direction: row;
+			overflow: hidden;
+		}
+
+		og-tree-dropdown {
+			width: 100%;
+		}
+	`];
+__decorate([
+    query('og-tree-dropdown')
+], DropdownFilter.prototype, "dropdown", void 0);
+__decorate([
+    property({ type: Array })
+], DropdownFilter.prototype, "items", void 0);
+__decorate([
+    property({ type: Object })
+], DropdownFilter.prototype, "adapter", void 0);
+__decorate([
+    state()
+], DropdownFilter.prototype, "model", void 0);
+DropdownFilter = __decorate([
+    customElement(`${constants.PREFIX}-filter-dropdown`)
+], DropdownFilter);
+export { DropdownFilter };
+//# sourceMappingURL=dropdownFilter.js.map

package/dist/filters/dropdownFilter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dropdownFilter.js","sourceRoot":"","sources":["../../src/filters/dropdownFilter.ts"],"names":[],"mappings":"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","sourcesContent":["import constants from \"../constants\";\nimport { customElement, property, query, state } from 'lit/decorators.js';\nimport { BaseFilter } from \"./baseFilter\";\nimport { html, css } from 'lit';\nimport { TreeAdapter, TreeDropdown, TreeModel, TreeSource } from \"@omegagrid/tree\";\nimport { KeyValue, utils } from \"@omegagrid/core\";\n\n\n@customElement(`${constants.PREFIX}-filter-dropdown`)\nexport class DropdownFilter extends BaseFilter {\n\t\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\tog-tree-dropdown {\n\t\t\twidth: 100%;\n\t\t}\n\t`];\n\n\t@query('og-tree-dropdown')\n\tdropdown: TreeDropdown;\n\n\t@property({type: Array})\n\titems: TreeSource = [];\n\n\t@property({type: Object})\n\tadapter: TreeAdapter;\n\n\t@state()\n\tmodel: TreeModel;\n\n\twillUpdate(props: Map<string, unknown>) {\n\t\tif (props.has('items')) {\n\t\t\tif (this.adapter) {\n\t\t\t\tthis.model = null;\n\t\t\t} else if (this.items) {\n\t\t\t\tthis.model = new TreeModel(this.items, {});\n\t\t\t} else {\n\t\t\t\tthis.model = null;\n\t\t\t}\n\t\t}\n\t}\n\n\tasync firstUpdated() {\n\t\tawait this.dropdown.updateComplete;\n\t\tthis.dropdown.dropdown.addEventListener('mousedown', (e: MouseEvent) => e.stopPropagation());\n\t\tthis.dropdown.input.addEventListener('keydown', this._onKeyDown);\n\t}\n\n\t_onChange = () => {\n\t\tconst values: KeyValue[] = [];\n\t\tthis.dropdown.selection.items.forEach((_, key) => {\n\t\t\tconst node = this.dropdown.tree.model.nodeMap.get(key);\n\t\t\tif (key != null) values.push({key: key, value: node?.value});\n\t\t});\n\t\tif (values.length) this.filter(values);\n\t\telse this.clearFilter();\n\t}\n\n\t_onKeyDown = (e: KeyboardEvent) => {\n\t\t// handle value in search field\n\t\tif (e.key == 'Enter') {\n\t\t\tif (this.dropdown) {\n\t\t\t\tif (this.dropdown.input.value == null) this.clearFilter();\n\t\t\t\telse this.filter(this.dropdown.input.value);\n\t\t\t\tthis.deactivate();\n\t\t\t}\n\t\t\te.stopImmediatePropagation();\n\t\t}\n\t}\n\n\trender = () => html`\n\t\t<div class=\"filter-inner\">\n\t\t\t<og-tree-dropdown\n\t\t\t\tcross\n\t\t\t\tbuttonInput\n\t\t\t\tpreventInputEnter\n\t\t\t\t.options=\"${{selectMode: 'multiple'}}\"\n\t\t\t\t.model=\"${this.model}\"\n\t\t\t\t.adapter=\"${this.adapter}\"\n\t\t\t\t@change=\"${this._onChange}\">\n\t\t\t</og-tree-dropdown>\n\t\t</div>\n\t`;\n\n\tactivate() {\n\t\tsuper.activate();\n\t\tsetTimeout(() => {\n\t\t\tthis.dropdown.open();\n\t\t\tif (utils.isString(this.currentValue)) {\n\t\t\t\tthis.dropdown.filter(this.currentValue as string);\n\t\t\t}\n\t\t}, 100);\n\t}\n\n\tdeactivate() {\n\t\tthis.dropdown.close();\n\t\tsuper.deactivate();\n\t}\n\n}"]}

package/dist/filters/filterFactory.d.ts

@@ -0,0 +1,4 @@
+import { ColumnModel, FilterModel } from "@omegagrid/grid-core";
+import { BaseFilter } from "./baseFilter";
+export declare function createFilter(column: ColumnModel, filteModel: FilterModel): BaseFilter;
+//# sourceMappingURL=filterFactory.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"filterFactory.d.ts","sourceRoot":"","sources":["../../src/filters/filterFactory.ts"],"names":[],"mappings":"AAAA,OAAO,EAAY,WAAW,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAC1E,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAsC1C,wBAAgB,YAAY,CAAC,MAAM,EAAE,WAAW,EAAE,UAAU,EAAE,WAAW,GAAG,UAAU,CAMrF"}

package/dist/filters/filterFactory.js

@@ -0,0 +1,39 @@
+import { dom } from "@omegagrid/core";
+function collectDropdownItems(column) {
+    const values = new Map();
+    for (let r = 0; r < column.model.rows.length; r++) {
+        const cell = column.cell(r);
+        values.set(cell.value, (cell.displayValue ?? cell.value ?? "").toString());
+    }
+    const items = [];
+    values.forEach((v, k) => items.push({ k, v }));
+    return items;
+}
+const createDropdownFilter = (column) => {
+    const component = dom.createElement('og-filter-dropdown');
+    if (column.adapter) {
+        component.adapter = column.adapter;
+    }
+    else if (column.editorContent) {
+        component.items = column.editorContent;
+    }
+    else {
+        component.items = collectDropdownItems(column);
+    }
+    return component;
+};
+const filterMap = new Map([
+    ['t', () => dom.createElement('og-filter-text')],
+    ['n', () => dom.createElement('og-filter-text')],
+    ['b', () => dom.createElement('og-filter-checkbox')],
+    ['s', (column) => createDropdownFilter(column)],
+    ['m', (column) => createDropdownFilter(column)]
+]);
+export function createFilter(column, filteModel) {
+    const factory = filterMap.get(column.type);
+    const component = factory ? factory(column) : dom.createElement('og-filter-text');
+    component.columnModel = column;
+    component.filterModel = filteModel;
+    return component;
+}
+//# sourceMappingURL=filterFactory.js.map

package/dist/filters/filterFactory.js.map

@@ -0,0 +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,gBAAgB,CAAC,CAAC;IAChD,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-text')],\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

@@ -0,0 +1,5 @@
+export * from "./textFilter";
+export * from "./checkboxFilter";
+export * from "./dropdownFilter";
+export * from "./filterFactory";
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +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,iBAAiB,CAAC"}

package/dist/filters/index.js

@@ -0,0 +1,5 @@
+export * from "./textFilter";
+export * from "./checkboxFilter";
+export * from "./dropdownFilter";
+export * from "./filterFactory";
+//# sourceMappingURL=index.js.map

package/dist/filters/index.js.map

@@ -0,0 +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,iBAAiB,CAAC","sourcesContent":["export * from \"./textFilter\";\nexport * from \"./checkboxFilter\";\nexport * from \"./dropdownFilter\";\nexport * from \"./filterFactory\";\n"]}

package/dist/filters/textFilter.d.ts

@@ -0,0 +1,17 @@
+import { BaseFilter } from "./baseFilter";
+export declare class TextFilter extends BaseFilter {
+    static styles: import("lit").CSSResult[];
+    private inputRef;
+    get input(): HTMLInputElement;
+    private filterButtonRef;
+    get filterButton(): HTMLButtonElement;
+    private clearButtonRef;
+    get clearButton(): HTMLButtonElement;
+    _onFilterClick(): void;
+    _onClearClick(): void;
+    _onInputKeyDown(e: KeyboardEvent): void;
+    render: () => import("lit-html").TemplateResult<1>;
+    activate(): void;
+    deactivate(): void;
+}
+//# sourceMappingURL=textFilter.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"textFilter.d.ts","sourceRoot":"","sources":["../../src/filters/textFilter.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAI1C,qBACa,UAAW,SAAQ,UAAU;IAEzC,MAAM,CAAC,MAAM,4BA4BV;IAEH,OAAO,CAAC,QAAQ,CAAiC;IACjD,IAAI,KAAK,qBAAiC;IAE1C,OAAO,CAAC,eAAe,CAAkC;IACzD,IAAI,YAAY,sBAAwC;IAExD,OAAO,CAAC,cAAc,CAAkC;IACxD,IAAI,WAAW,sBAAuC;IAEtD,cAAc;IAId,aAAa;IAKb,eAAe,CAAC,CAAC,EAAE,aAAa;IAOhC,MAAM,6CASJ;IAEF,QAAQ;IAQR,UAAU;CAIV"}

package/dist/filters/textFilter.js

@@ -0,0 +1,89 @@
+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';
+let TextFilter = class TextFilter extends BaseFilter {
+    constructor() {
+        super(...arguments);
+        this.inputRef = createRef();
+        this.filterButtonRef = createRef();
+        this.clearButtonRef = createRef();
+        this.render = () => html `
+		<div class="filter-inner">
+			<input ${ref(this.inputRef)}
+				type="text" 
+				@keydown="${this._onInputKeyDown}"
+				value="${this.currentValue ?? ''}">
+			<og-button icon="filter" color="accent" ${ref(this.filterButtonRef)} @mousedown="${this._onFilterClick}"></og-button>
+			<og-button icon="xmark" color="red" ${ref(this.clearButtonRef)} @mousedown="${this._onClearClick}"></og-button>
+		</div>
+	`;
+    }
+    get input() { return this.inputRef.value; }
+    get filterButton() { return this.filterButtonRef.value; }
+    get clearButton() { return this.clearButtonRef.value; }
+    _onFilterClick() {
+        this.filter(this.input.value);
+    }
+    _onClearClick() {
+        this.input.value = '';
+        this.clearFilter();
+    }
+    _onInputKeyDown(e) {
+        if (e.key == 'Enter') {
+            this.filter(this.input.value);
+            this.deactivate();
+        }
+    }
+    activate() {
+        super.activate();
+        if (this.input) {
+            this.input.value = this.currentValue ?? '';
+        }
+        setTimeout(() => this.input.focus(), 100);
+    }
+    deactivate() {
+        super.deactivate();
+    }
+};
+TextFilter.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%;
+			background-color: var(--og-background-color);
+			color: var(--og-text-color);
+		}
+
+		og-button  {
+			flex: 0;
+			min-width: 18px;
+			max-width: 18px;
+			padding: 0;
+			text-align: center;
+			border-width: 0;
+			border-radius: 0;
+			height: 100%;
+		}
+	`];
+TextFilter = __decorate([
+    customElement(`${constants.PREFIX}-filter-text`)
+], TextFilter);
+export { TextFilter };
+//# sourceMappingURL=textFilter.js.map