@omegagrid/grid 0.10.0 → 0.10.2

package/dist/ui/comment.style.js

@@ -1,108 +0,0 @@
-import { css } from 'lit';
-export const style = css `
-	* {
-		box-sizing: border-box;
-	}
-
-	:host {
-		z-index: 500;
-		position: absolute;
-		background-color: var(--og-colortype-yellow-background-color-dark-50);
-		border: 1px solid var(--og-colortype-yellow-border-color);
-		color: var(--og-colortype-yellow-text-color);
-		font-size: var(--og-font-size);
-		font-family: var(--og-font-family);
-		width: 250px;
-		height: 100px;
-		resize: both;
-		overflow: hidden;
-		border-radius: var(--og-base-radius);
-	}
-
-	.container {
-		overflow: hidden;
-		display: flex;
-		flex-direction: column;
-		height: 100%;
-	}
-
-	.head {
-		cursor: move;
-		user-select: none;
-		background: var(--og-colortype-yellow-border-color);
-		min-height: 10px;
-		flex: 0;
-	}
-
-	.controls {
-		height: 20px;
-		padding: 2px;
-	}
-
-	.controls og-button {
-		width: 100%;
-		height: 100%;
-	}
-
-	og-container {
-		flex: 1;
-	}
-
-	.comment {
-		padding-top: 5px;
-	}
-
-	.controls+.comment {
-		padding-top: 0;
-	}
-
-	.comment > div:last-child {
-		padding-top: 0;
-	}
-
-	.comment-title {
-		padding: 0 2px 2px 2px;
-		user-select: none;
-		display: flex;
-		flex-direction: row;
-		gap: 5px;
-		align-items: center;
-		justify-content: center;
-		white-space: nowrap;
-		color: var(--og-colortype-yellow-border-color);
-	}
-
-	.comment-title > div {
-		flex: 1;
-	}
-
-	.comment-title > div.date {
-		text-align: right;
-	}
-
-	.comment-title og-dropdown-menu {
-		width: 16px;
-		height: 16px;
-		text-align: center
-	}
-
-	.comment-body {
-		text-align: justify;
-		padding: 2px;
-		outline: none;
-		color: var(--og-text-color-2);
-	}
-
-	.comment-body[contenteditable] {
-		border: 2px solid var(--og-text-color);
-	}
-
-	.comment {
-		border-bottom: 1px solid var(--og-colortype-yellow-border-color);
-	}
-
-	.comment:last-child {
-		border-bottom: none;
-	}
-`;
-//# sourceMappingURL=comment.style.js.map

package/dist/ui/comment.style.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"comment.style.js","sourceRoot":"","sources":["../../src/ui/comment.style.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,KAAK,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyGvB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const style = css`\n\t* {\n\t\tbox-sizing: border-box;\n\t}\n\n\t:host {\n\t\tz-index: 500;\n\t\tposition: absolute;\n\t\tbackground-color: var(--og-colortype-yellow-background-color-dark-50);\n\t\tborder: 1px solid var(--og-colortype-yellow-border-color);\n\t\tcolor: var(--og-colortype-yellow-text-color);\n\t\tfont-size: var(--og-font-size);\n\t\tfont-family: var(--og-font-family);\n\t\twidth: 250px;\n\t\theight: 100px;\n\t\tresize: both;\n\t\toverflow: hidden;\n\t\tborder-radius: var(--og-base-radius);\n\t}\n\n\t.container {\n\t\toverflow: hidden;\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t\theight: 100%;\n\t}\n\n\t.head {\n\t\tcursor: move;\n\t\tuser-select: none;\n\t\tbackground: var(--og-colortype-yellow-border-color);\n\t\tmin-height: 10px;\n\t\tflex: 0;\n\t}\n\n\t.controls {\n\t\theight: 20px;\n\t\tpadding: 2px;\n\t}\n\n\t.controls og-button {\n\t\twidth: 100%;\n\t\theight: 100%;\n\t}\n\n\tog-container {\n\t\tflex: 1;\n\t}\n\n\t.comment {\n\t\tpadding-top: 5px;\n\t}\n\n\t.controls+.comment {\n\t\tpadding-top: 0;\n\t}\n\n\t.comment > div:last-child {\n\t\tpadding-top: 0;\n\t}\n\n\t.comment-title {\n\t\tpadding: 0 2px 2px 2px;\n\t\tuser-select: none;\n\t\tdisplay: flex;\n\t\tflex-direction: row;\n\t\tgap: 5px;\n\t\talign-items: center;\n\t\tjustify-content: center;\n\t\twhite-space: nowrap;\n\t\tcolor: var(--og-colortype-yellow-border-color);\n\t}\n\n\t.comment-title > div {\n\t\tflex: 1;\n\t}\n\n\t.comment-title > div.date {\n\t\ttext-align: right;\n\t}\n\n\t.comment-title og-dropdown-menu {\n\t\twidth: 16px;\n\t\theight: 16px;\n\t\ttext-align: center\n\t}\n\n\t.comment-body {\n\t\ttext-align: justify;\n\t\tpadding: 2px;\n\t\toutline: none;\n\t\tcolor: var(--og-text-color-2);\n\t}\n\n\t.comment-body[contenteditable] {\n\t\tborder: 2px solid var(--og-text-color);\n\t}\n\n\t.comment {\n\t\tborder-bottom: 1px solid var(--og-colortype-yellow-border-color);\n\t}\n\n\t.comment:last-child {\n\t\tborder-bottom: none;\n\t}\n`;"]}

package/dist/ui/elementCache.d.ts

@@ -1,15 +0,0 @@
-export declare class ElementCache {
-    private maxCacheItems;
-    private table;
-    private queue;
-    disabled: boolean;
-    constructor(columns: number, rows: number, maxCacheItems?: number);
-    get(c: number, r: number): HTMLElement;
-    delete(c: number, r: number): this;
-    deleteColumn(c: number): this;
-    deleteRow(r: number): this;
-    set(c: number, r: number, content: HTMLElement): void;
-    clear(): void;
-    clean(): void;
-}
-//# sourceMappingURL=elementCache.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"elementCache.d.ts","sourceRoot":"","sources":["../../src/ui/elementCache.ts"],"names":[],"mappings":"AAEA,qBAAa,YAAY;IAMmB,OAAO,CAAC,aAAa;IAJhE,OAAO,CAAC,KAAK,CAAkB;IAC/B,OAAO,CAAC,KAAK,CAAkB;IAC/B,QAAQ,UAAS;gBAEL,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAU,aAAa,SAA4B;IAIrF,GAAG,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM;IAIxB,MAAM,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM;IAK3B,YAAY,CAAC,CAAC,EAAE,MAAM;IAOtB,SAAS,CAAC,CAAC,EAAE,MAAM;IAKnB,GAAG,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,OAAO,EAAE,WAAW;IAM9C,KAAK;IAKL,KAAK;CAqBZ"}

package/dist/ui/elementCache.js

@@ -1,57 +0,0 @@
-import constants from "../constants";
-export class ElementCache {
-    constructor(columns, rows, maxCacheItems = constants.MAX_CACHE_ITEMS) {
-        this.maxCacheItems = maxCacheItems;
-        this.queue = [];
-        this.disabled = false;
-        this.table = new Array(rows).fill(null).map(() => new Array(columns));
-    }
-    get(c, r) {
-        return this.table[r][c];
-    }
-    delete(c, r) {
-        this.table[r][c] = null;
-        return this;
-    }
-    deleteColumn(c) {
-        for (let r = 0; r < this.table.length; r++) {
-            this.table[r][c] = null;
-        }
-        return this;
-    }
-    deleteRow(r) {
-        this.table[r] = new Array(this.table[0].length).fill(null);
-        return this;
-    }
-    set(c, r, content) {
-        if (this.disabled)
-            return;
-        if (!this.get(c, r))
-            this.queue.push([r, c]);
-        this.table[r][c] = content;
-    }
-    clear() {
-        this.queue = [];
-        this.table = this.table.map(row => new Array(row.length));
-    }
-    clean() {
-        if (this.maxCacheItems > 0 && this.queue.length > this.maxCacheItems) {
-            let size = this.queue.length;
-            for (let i = 0; i < this.queue.length; i++) {
-                const coords = this.queue[i];
-                const item = this.table[coords[0]][coords[1]];
-                if (!item.parentNode) {
-                    this.queue[i] = null;
-                    this.table[coords[0]][coords[1]] = null;
-                    if (--size <= this.maxCacheItems) {
-                        break;
-                    }
-                }
-            }
-            if (size < this.queue.length) {
-                this.queue = this.queue.filter(item => item);
-            }
-        }
-    }
-}
-//# sourceMappingURL=elementCache.js.map

package/dist/ui/elementCache.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"elementCache.js","sourceRoot":"","sources":["../../src/ui/elementCache.ts"],"names":[],"mappings":"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","sourcesContent":["import constants from \"../constants\";\n\nexport class ElementCache {\n\n\tprivate table: HTMLElement[][];\n\tprivate queue: number[][] = [];\n\tdisabled = false;\n\n\tconstructor(columns: number, rows: number, private maxCacheItems = constants.MAX_CACHE_ITEMS) {\n\t\tthis.table = new Array(rows).fill(null).map(() => new Array(columns));\n\t}\n\n\tpublic get(c: number, r: number) {\n\t\treturn this.table[r][c];\n\t}\n\n\tpublic delete(c: number, r: number) {\n\t\tthis.table[r][c] = null;\n\t\treturn this;\n\t}\n\n\tpublic deleteColumn(c: number) {\n\t\tfor (let r = 0; r < this.table.length; r++) {\n\t\t\tthis.table[r][c] = null;\n\t\t}\n\t\treturn this;\n\t}\n\n\tpublic deleteRow(r: number) {\n\t\tthis.table[r] =  new Array(this.table[0].length).fill(null);\n\t\treturn this;\n\t}\n\n\tpublic set(c: number, r: number, content: HTMLElement) {\n\t\tif (this.disabled) return;\n\t\tif (!this.get(c, r)) this.queue.push([r, c]);\t\n\t\tthis.table[r][c] = content;\n\t}\n\n\tpublic clear() {\n\t\tthis.queue = [];\n\t\tthis.table = this.table.map(row => new Array(row.length));\n\t}\n\n\tpublic clean() {\n\t\tif (this.maxCacheItems > 0 && this.queue.length > this.maxCacheItems) {\n\t\t\tlet size = this.queue.length;\n\t\t\tfor (let i = 0; i < this.queue.length; i++) {\n\t\t\t\tconst coords = this.queue[i];\n\t\t\t\tconst item = this.table[coords[0]][coords[1]];\n\t\t\t\tif (!item.parentNode) {\n\t\t\t\t\tthis.queue[i] = null;\n\t\t\t\t\tthis.table[coords[0]][coords[1]] = null;\n\t\t\t\t\tif (--size <= this.maxCacheItems) {\n\t\t\t\t\t\tbreak;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tif (size < this.queue.length) {\n\t\t\t\tthis.queue = this.queue.filter(item => item);\n\t\t\t}\n\t\t}\n\t}\n\n}"]}

package/dist/ui/filterLabel.d.ts

@@ -1,10 +0,0 @@
-import { FilterValue } from '@omegagrid/grid-core';
-import { LitElement } from 'lit';
-export declare class FilterLabel extends LitElement {
-    static styles: import("lit").CSSResult;
-    value: FilterValue;
-    constructor();
-    connectedCallback(): void;
-    render: () => import("lit-html").TemplateResult<1>;
-}
-//# sourceMappingURL=filterLabel.d.ts.map

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

@@ -1 +0,0 @@
-{"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;AAI5C,qBACa,WAAY,SAAQ,UAAU;IAE1C,MAAM,CAAC,MAAM,0BA4CX;IAGF,KAAK,EAAE,WAAW,CAAC;;IAMnB,iBAAiB;IAIjB,MAAM,6CAKJ;CAEF"}

package/dist/ui/filterLabel.js

@@ -1,76 +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 { utils } from '@omegagrid/core';
-import { LitElement, html, css } from 'lit';
-import { customElement, property } from 'lit/decorators.js';
-let FilterLabel = class FilterLabel extends LitElement {
-    constructor() {
-        super();
-        this.render = () => html `
-		<og-icon id="filterIcon" .icon="${{ icon: "filter" }}"></og-icon>
-		<div class="text">${utils.isBool(this.value) ? html `
-			<og-icon .icon="${this.value ? 'square-check' : 'square'}"></og-icon>	
-		` : this.value}</div>
-	`;
-    }
-    connectedCallback() {
-        super.connectedCallback();
-    }
-};
-FilterLabel.styles = css `
-		:host {
-			padding: 0;
-			display: block;
-			align-items: center;
-			cursor: pointer;
-			height: 100%;
-			line-height: 21px;
-		}
-
-		:host(:hover og-icon) {
-			background-color: var(--og-accent-color-highlight);
-		}
-
-		input {
-			color: var(--og-text-color);
-		}
-
-		og-icon {
-			color: var(--og-accent-color);
-			flex: 0;
-			min-width: 20px;
-			padding-top: 1px;
-			padding-left: 0px;
-		}
-
-		#filterIcon {
-			position: absolute;
-			left: 0px;
-			top: 0px;
-		}
-
-		.text {
-			flex: 1;
-			height: 100%;
-			font-style: italic;
-			font-weight: normal;
-		}
-
-		.text:empty {
-			background-image: repeating-linear-gradient(45deg, var(--og-accent-color-alpha) 0, var(--og-accent-color-alpha) 2px, transparent 0, transparent 50%);
-			background-size: 10px 10px;
-			background-color: transparent;
-		}
-	`;
-__decorate([
-    property()
-], FilterLabel.prototype, "value", void 0);
-FilterLabel = __decorate([
-    customElement('og-filter-label')
-], FilterLabel);
-export { FilterLabel };
-//# sourceMappingURL=filterLabel.js.map

package/dist/ui/filterLabel.js.map

@@ -1 +0,0 @@
-{"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;AAIrD,IAAM,WAAW,GAAjB,MAAM,WAAY,SAAQ,UAAU;IAmD1C;QACC,KAAK,EAAE,CAAC;QAOT,WAAM,GAAG,GAAG,EAAE,CAAA,IAAI,CAAA;oCACiB,EAAC,IAAI,EAAE,QAAQ,EAAC;sBAC9B,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,CAAA;qBAChC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,QAAQ;GACxD,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK;EACd,CAAC;IAXF,CAAC;IAED,iBAAiB;QAChB,KAAK,CAAC,iBAAiB,EAAE,CAAC;IAC3B,CAAC;;AAvDM,kBAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA4ClB,AA5CY,CA4CX;AAGF;IADC,QAAQ,EAAE;0CACQ;AAjDP,WAAW;IADvB,aAAa,CAAC,iBAAiB,CAAC;GACpB,WAAW,CAkEvB","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\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\trender = () =>html`\n\t\t<og-icon id=\"filterIcon\" .icon=\"${{icon: \"filter\"}}\"></og-icon>\n\t\t<div class=\"text\">${utils.isBool(this.value) ? html`\n\t\t\t<og-icon .icon=\"${this.value ? 'square-check' : 'square'}\"></og-icon>\t\n\t\t` : this.value}</div>\n\t`;\n\t\n}"]}

package/dist/ui/formulaInput.d.ts

@@ -1,56 +0,0 @@
-import { CellRange, Formula, Tokenizer } from '@omegagrid/grid-core';
-import { LitElement } from 'lit';
-export declare class FormulaInputEvent extends Event {
-    value: string;
-    formula: Formula;
-    constructor(type: string, args?: Partial<FormulaInputEvent>);
-}
-export declare class FormulaInput extends LitElement {
-    static styles: import("lit").CSSResult[];
-    tokenizer: Tokenizer;
-    formulaPreview: HTMLDivElement;
-    formulaInput: HTMLInputElement;
-    preview: boolean;
-    get formula(): Formula;
-    private _value;
-    private _isDiscarded;
-    get isDiscarded(): boolean;
-    set value(v: string);
-    get value(): string;
-    private origWidth;
-    private hasInput;
-    private _selection;
-    get selection(): {
-        start: number;
-        end: number;
-    };
-    set selection(v: {
-        start: number;
-        end: number;
-    });
-    get inputValue(): string;
-    constructor();
-    connectedCallback(): void;
-    activate(value: string): void;
-    debounceUpdatePreview: {
-        (this: unknown, ...args: [] & any[]): Promise<void>;
-        cancel: (reason?: any) => void;
-    };
-    updateSize(): void;
-    updatePreview(): void;
-    willUpdate(): void;
-    updated(): void;
-    setRange(range: CellRange, index?: number): void;
-    commit(dispatchEvent?: boolean): void;
-    discard(dispatchEvent?: boolean): void;
-    _onInput: () => void;
-    _onMouseUp: () => void;
-    _onMouseDown: () => void;
-    _onKeyUp: () => void;
-    _onKeyDown: (e: KeyboardEvent) => void;
-    _onBlur: () => void;
-    _onFocus: () => void;
-    focus(): void;
-    render: () => import("lit-html").TemplateResult<1>;
-}
-//# sourceMappingURL=formulaInput.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"formulaInput.d.ts","sourceRoot":"","sources":["../../src/ui/formulaInput.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,OAAO,EAA4B,SAAS,EAAa,MAAM,sBAAsB,CAAC;AAC1G,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAKvC,qBAAa,iBAAkB,SAAQ,KAAK;IAC3C,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,OAAO,CAAC;gBAEL,IAAI,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,OAAO,CAAC,iBAAiB,CAAC;CAI3D;AAED,qBACa,YAAa,SAAQ,UAAU;IAE3C,MAAM,CAAC,MAAM,4BAAW;IAGxB,SAAS,EAAE,SAAS,CAAC;IAGrB,cAAc,EAAE,cAAc,CAAC;IAG/B,YAAY,EAAE,gBAAgB,CAAC;IAG/B,OAAO,UAAS;IAEhB,IAAI,OAAO,YAGV;IAED,OAAO,CAAC,MAAM,CAAM;IACpB,OAAO,CAAC,YAAY,CAAS;IAC7B,IAAI,WAAW,YAA+B;IAE9C,IACI,KAAK,CAAC,CAAC,EAAE,MAAM,EAMlB;IACD,IAAI,KAAK,IAPI,MAAM,CAOqB;IAExC,OAAO,CAAC,SAAS,CAAgB;IACjC,OAAO,CAAC,QAAQ,CAAS;IAEzB,OAAO,CAAC,UAAU,CAA+B;IACjD,IAAI,SAAS,IACI;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,GAAG,EAAE,MAAM,CAAA;KAAC,CAD+E;IAC5H,IAAI,SAAS,CAAC,CAAC,EAAE;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,GAAG,EAAE,MAAM,CAAA;KAAC,EAI5C;IAED,IAAI,UAAU,WAA4C;;IAM1D,iBAAiB;IAKjB,QAAQ,CAAC,KAAK,EAAE,MAAM;IAQtB,qBAAqB;;uBAjEK,CAAC;MAiE8B;IAEzD,UAAU;IAIV,aAAa;IAyBb,UAAU;IAIV,OAAO;IAiBP,QAAQ,CAAC,KAAK,EAAE,SAAS,EAAE,KAAK,CAAC,EAAE,MAAM;IA2CzC,MAAM,CAAC,aAAa,UAAO;IAO3B,OAAO,CAAC,aAAa,UAAO;IAQ5B,QAAQ,aAMP;IAED,UAAU,aAGT;IAED,YAAY,aAGX;IAED,QAAQ,aAGP;IAED,UAAU,GAAI,GAAG,aAAa,UAQ7B;IAED,OAAO,aAMN;IAED,QAAQ,aAEP;IAED,KAAK;IAKL,MAAM,6CAeJ;CACF"}

package/dist/ui/formulaInput.js

@@ -1,251 +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 { dom } from '@omegagrid/core';
-import { Formula, isFormula, prefixFormula, TokenType } from '@omegagrid/grid-core';
-import { LitElement, html } from 'lit';
-import { customElement, property, query } from 'lit/decorators.js';
-import { debounce } from 'ts-debounce';
-import { style } from './formulaInput.style';
-export class FormulaInputEvent extends Event {
-    constructor(type, args) {
-        super(`formula.${type}`);
-        Object.assign(this, args);
-    }
-}
-let FormulaInput = class FormulaInput extends LitElement {
-    get formula() {
-        const value = this.inputValue;
-        return isFormula(value) ? new Formula(value, this.tokenizer) : null;
-    }
-    get isDiscarded() { return this._isDiscarded; }
-    set value(v) {
-        this._value = v;
-        this._selection = null;
-        this.preview = false;
-        if (this.formulaInput)
-            this.formulaInput.value = v;
-        this.requestUpdate();
-    }
-    get value() { return this._value ?? ''; }
-    get selection() { return this._selection ?? { start: this.formulaInput.selectionStart, end: this.formulaInput.selectionEnd }; }
-    set selection(v) {
-        this._selection = v;
-        this.formulaInput.selectionStart = v.start;
-        this.formulaInput.selectionEnd = v.end;
-    }
-    get inputValue() { return this.formulaInput?.value ?? ''; }
-    constructor() {
-        super();
-        this.preview = false;
-        this._value = '';
-        this._isDiscarded = false;
-        this.origWidth = null;
-        this.hasInput = false;
-        this.debounceUpdatePreview = debounce(this.updatePreview, 10);
-        this._onInput = () => {
-            this._isDiscarded = false;
-            this._selection = null;
-            this.preview = isFormula(this.inputValue);
-            this.hasInput = true;
-            this.debounceUpdatePreview();
-        };
-        this._onMouseUp = () => {
-            this.hasInput = true;
-            this._selection = { start: this.formulaInput.selectionStart, end: this.formulaInput.selectionEnd };
-        };
-        this._onMouseDown = () => {
-            this.hasInput = true;
-            this._selection = { start: this.formulaInput.selectionStart, end: this.formulaInput.selectionEnd };
-        };
-        this._onKeyUp = () => {
-            this.hasInput = true;
-            this._selection = { start: this.formulaInput.selectionStart, end: this.formulaInput.selectionEnd };
-        };
-        this._onKeyDown = (e) => {
-            this.hasInput = true;
-            this._selection = { start: this.formulaInput.selectionStart, end: this.formulaInput.selectionEnd };
-            switch (e.key) {
-                case 'Enter':
-                    this.commit();
-                    break;
-                case 'Escape':
-                    this.discard();
-                    break;
-                default:
-                    this.hasInput = true;
-                    break;
-            }
-        };
-        this._onBlur = () => {
-            if (!this.hasInput)
-                this.discard();
-            if (!isFormula(this.inputValue)) {
-                this._value = this.inputValue;
-                this.commit();
-            }
-        };
-        this._onFocus = () => {
-            if (!this.preview && isFormula(this.value))
-                this.preview = true;
-        };
-        this.render = () => html `
-		<div id="formulaPreview"></div>
-		<input 
-			id="formulaInput"
-			type="text"
-			autocomplete="off"
-			spellcheck="false"
-			.value="${this.value}"
-			@input="${this._onInput}"
-			@mousedown="${this._onMouseDown}"
-			@mouseup="${this._onMouseUp}"
-			@keyup="${this._onKeyUp}"
-			@keydown="${this._onKeyDown}"
-			@blur="${this._onBlur}"
-			@focus="${this._onFocus}">
-	`;
-    }
-    connectedCallback() {
-        super.connectedCallback();
-        this.tabIndex = 0;
-    }
-    activate(value) {
-        this.origWidth = this.offsetWidth;
-        this.hasInput = [null, '', '='].includes(value);
-        this.value = value;
-        this.preview = isFormula(value);
-        this.requestUpdate();
-    }
-    updateSize() {
-        dom.setSize(this, { w: Math.max(this.origWidth, this.formulaPreview.offsetWidth + 5) });
-    }
-    updatePreview() {
-        const value = this.inputValue;
-        const formula = this.formula;
-        if (formula) {
-            const previewHTML = prefixFormula(formula.createFormulaString(true));
-            const updatedInput = prefixFormula(formula.createFormulaString(false));
-            const s1 = this.formulaInput.selectionStart;
-            const s2 = this.formulaInput.selectionEnd;
-            this.formulaInput.value = updatedInput.length > value.length
-                ? updatedInput
-                : (updatedInput + value.substring(updatedInput.length));
-            this.formulaInput.selectionStart = s1;
-            this.formulaInput.selectionEnd = s2;
-            this.formulaPreview.innerHTML = previewHTML + (updatedInput.length < value.length ? value.substring(updatedInput.length) : '');
-        }
-        else {
-            this.formulaPreview.textContent = value;
-        }
-        if (formula) {
-            this.updateSize();
-            this.dispatchEvent(new FormulaInputEvent('preview', { value: value, formula: formula }));
-        }
-    }
-    willUpdate() {
-        if (this.preview)
-            this.preview = isFormula(this.formulaInput ? this.inputValue : this.value);
-    }
-    updated() {
-        this.origWidth = this.origWidth ?? this.offsetWidth;
-        const h = this.clientHeight;
-        this.formulaPreview.style.lineHeight = dom.numToPixels(h);
-        this.formulaInput.style.lineHeight = dom.numToPixels(h);
-        if (this.preview) {
-            this.formulaInput.focus();
-            this.updatePreview();
-        }
-        else {
-            this.updateSize();
-        }
-        if (this.selection) {
-            this.formulaInput.selectionStart = this.selection.start;
-            this.formulaInput.selectionEnd = this.selection.end;
-        }
-    }
-    setRange(range, index) {
-        const formula = this.formula;
-        index = index ?? formula?.findTokenIndexAtPosition(Math.max(0, this.selection.start - 1));
-        let token = index > -1 && index < formula.tokens.length ? formula.tokens[index] : null;
-        if (token && ![TokenType.Cell, TokenType.Range, TokenType.Variable].includes(token[1])) {
-            token = null;
-        }
-        if (token) {
-            const sheetTokenIndex = formula.findSheetTokenIndex(index);
-            const sheet = range.sheet;
-            range = range.clone();
-            range.sheet = null;
-            if (sheetTokenIndex > -1) {
-                if (sheet == null)
-                    index -= formula.removeSheetToken(sheetTokenIndex);
-                else
-                    formula.updateToken(sheetTokenIndex, sheet);
-            }
-            else if (sheet) {
-                index += formula.insertToken(index, sheet, TokenType.Sheet);
-            }
-            formula.updateToken(index, range.A1);
-            const position = formula.getTokenPosition(index);
-            this.formulaInput.value = prefixFormula(formula.createFormulaString());
-            this.selection = { start: position.max + 1, end: position.max + 1 };
-        }
-        else {
-            const value = this.formulaInput.value;
-            const startChunk = value.substring(0, this.selection.start);
-            const endChunk = value.substring(this.selection.end);
-            this.formulaInput.value = startChunk + range.A1 + endChunk;
-            this.selection = { start: (startChunk + range.A1).length, end: (startChunk + range.A1).length };
-        }
-        this._value = this.formulaInput.value;
-        this.updatePreview();
-        setTimeout(() => {
-            this.formulaInput.focus();
-            this.formulaInput.selectionStart = this.selection.start;
-            this.formulaInput.selectionEnd = this.selection.end;
-        }, 100);
-    }
-    commit(dispatchEvent = true) {
-        dom.setSize(this, { w: this.origWidth });
-        this._value = this.inputValue;
-        this.preview = false;
-        if (dispatchEvent)
-            this.dispatchEvent(new FormulaInputEvent('commit', { value: this.value, formula: this.formula }));
-    }
-    discard(dispatchEvent = true) {
-        this._isDiscarded = true;
-        dom.setSize(this, { w: this.origWidth });
-        this.preview = false;
-        this.requestUpdate();
-        if (dispatchEvent)
-            this.dispatchEvent(new FormulaInputEvent('discard', { value: this.value, formula: this.formula }));
-    }
-    focus() {
-        super.focus();
-        this.formulaInput.focus();
-    }
-};
-FormulaInput.styles = [style];
-__decorate([
-    property({ type: Object })
-], FormulaInput.prototype, "tokenizer", void 0);
-__decorate([
-    query('#formulaPreview')
-], FormulaInput.prototype, "formulaPreview", void 0);
-__decorate([
-    query('#formulaInput')
-], FormulaInput.prototype, "formulaInput", void 0);
-__decorate([
-    property({ type: Boolean, reflect: true })
-], FormulaInput.prototype, "preview", void 0);
-__decorate([
-    property()
-], FormulaInput.prototype, "value", null);
-FormulaInput = __decorate([
-    customElement('og-grid-formula')
-], FormulaInput);
-export { FormulaInput };
-//# sourceMappingURL=formulaInput.js.map

package/dist/ui/formulaInput.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"formulaInput.js","sourceRoot":"","sources":["../../src/ui/formulaInput.ts"],"names":[],"mappings":"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","sourcesContent":["import { dom } from '@omegagrid/core';\nimport { CellRange, Formula, isFormula, prefixFormula, Tokenizer, TokenType } from '@omegagrid/grid-core';\nimport { LitElement, html } from 'lit';\nimport { customElement, property, query } from 'lit/decorators.js';\nimport { debounce } from 'ts-debounce';\nimport { style } from './formulaInput.style';\n\nexport class FormulaInputEvent extends Event {\n\tvalue: string;\n\tformula: Formula;\n\n\tconstructor(type: string, args?: Partial<FormulaInputEvent>) {\n\t\tsuper(`formula.${type}`);\n\t\tObject.assign(this, args);\n\t}\n}\n\n@customElement('og-grid-formula')\nexport class FormulaInput extends LitElement {\n\n\tstatic styles = [style];\n\t\n\t@property({type: Object})\n\ttokenizer: Tokenizer;\n\n\t@query('#formulaPreview')\n\tformulaPreview: HTMLDivElement;\n\n\t@query('#formulaInput')\n\tformulaInput: HTMLInputElement;\n\n\t@property({type: Boolean, reflect: true})\n\tpreview = false;\n\n\tget formula() {\n\t\tconst value = this.inputValue;\n\t\treturn isFormula(value) ? new Formula(value, this.tokenizer) : null;\n\t}\n\n\tprivate _value = '';\n\tprivate _isDiscarded = false;\n\tget isDiscarded() { return this._isDiscarded }\n\t\n\t@property()\n\tset value(v: string) {\n\t\tthis._value = v;\n\t\tthis._selection = null;\n\t\tthis.preview = false;\n\t\tif (this.formulaInput) this.formulaInput.value = v;\n\t\tthis.requestUpdate();\n\t}\n\tget value() { return this._value ?? '' }\n\t\n\tprivate origWidth: number = null;\n\tprivate hasInput = false;\n\n\tprivate _selection: {start: number, end: number};\n\tget selection() { return this._selection ?? {start: this.formulaInput.selectionStart, end: this.formulaInput.selectionEnd} }\n\tset selection(v: {start: number, end: number}) {\n\t\tthis._selection = v;\n\t\tthis.formulaInput.selectionStart = v.start;\n\t\tthis.formulaInput.selectionEnd = v.end;\n\t}\n\n\tget inputValue () { return this.formulaInput?.value ?? ''}\n\n\tconstructor() {\n\t\tsuper();\n\t}\n\n\tconnectedCallback() {\n\t\tsuper.connectedCallback();\n\t\tthis.tabIndex = 0;\n\t}\n\n\tactivate(value: string) {\n\t\tthis.origWidth = this.offsetWidth;\n\t\tthis.hasInput = [null, '', '='].includes(value);\n\t\tthis.value = value;\n\t\tthis.preview = isFormula(value);\n\t\tthis.requestUpdate();\n\t}\n\n\tdebounceUpdatePreview = debounce(this.updatePreview, 10);\n\n\tupdateSize() {\n\t\tdom.setSize(this, {w: Math.max(this.origWidth, this.formulaPreview.offsetWidth + 5)});\n\t}\n\t\n\tupdatePreview() {\n\t\tconst value = this.inputValue;\n\t\tconst formula = this.formula;\n\t\tif (formula) {\n\t\t\tconst previewHTML = prefixFormula(formula.createFormulaString(true));\n\t\t\tconst updatedInput = prefixFormula(formula.createFormulaString(false));\n\t\t\t\n\t\t\tconst s1 = this.formulaInput.selectionStart;\n\t\t\tconst s2 = this.formulaInput.selectionEnd;\n\t\t\tthis.formulaInput.value = updatedInput.length > value.length\n\t\t\t\t? updatedInput\n\t\t\t\t: (updatedInput + value.substring(updatedInput.length));\n\t\t\tthis.formulaInput.selectionStart = s1;\n\t\t\tthis.formulaInput.selectionEnd = s2;\n\t\t\tthis.formulaPreview.innerHTML = previewHTML + (updatedInput.length < value.length ? value.substring(updatedInput.length) : '');\n\t\t} else {\n\t\t\tthis.formulaPreview.textContent = value;\n\t\t}\n\n\t\tif (formula) {\n\t\t\tthis.updateSize();\n\t\t\tthis.dispatchEvent(new FormulaInputEvent('preview', {value: value, formula: formula}));\n\t\t}\n\t}\n\n\twillUpdate() {\n\t\tif (this.preview) this.preview = isFormula(this.formulaInput ? this.inputValue : this.value);\n\t}\n\n\tupdated() {\n\t\tthis.origWidth = this.origWidth ?? this.offsetWidth;\n\t\tconst h = this.clientHeight;\n\t\tthis.formulaPreview.style.lineHeight = dom.numToPixels(h);\n\t\tthis.formulaInput.style.lineHeight = dom.numToPixels(h);\n\t\tif (this.preview) {\n\t\t\tthis.formulaInput.focus();\n\t\t\tthis.updatePreview();\n\t\t} else {\n\t\t\tthis.updateSize();\n\t\t}\n\t\tif (this.selection) {\n\t\t\tthis.formulaInput.selectionStart = this.selection.start;\n\t\t\tthis.formulaInput.selectionEnd = this.selection.end;\n\t\t}\n\t}\n\n\tsetRange(range: CellRange, index?: number) {\n\t\tconst formula = this.formula;\n\t\tindex = index ?? formula?.findTokenIndexAtPosition(Math.max(0, this.selection.start - 1));\n\t\tlet token = index > -1 && index < formula.tokens.length ? formula.tokens[index] : null;\n\t\tif (token && ![TokenType.Cell, TokenType.Range, TokenType.Variable].includes(token[1])) {\n\t\t\ttoken = null;\n\t\t}\n\n\t\tif (token) {\n\t\t\tconst sheetTokenIndex = formula.findSheetTokenIndex(index);\n\t\t\tconst sheet = range.sheet;\n\t\t\trange = range.clone();\n\t\t\trange.sheet = null;\n\n\t\t\tif (sheetTokenIndex > -1) {\n\t\t\t\tif (sheet == null) index -= formula.removeSheetToken(sheetTokenIndex);\n\t\t\t\telse formula.updateToken(sheetTokenIndex, sheet);\n\t\t\t} else if (sheet) {\n\t\t\t\tindex += formula.insertToken(index, sheet, TokenType.Sheet);\n\t\t\t}\n\n\t\t\tformula.updateToken(index, range.A1);\n\t\t\tconst position = formula.getTokenPosition(index);\n\t\t\tthis.formulaInput.value = prefixFormula(formula.createFormulaString());\n\t\t\tthis.selection = {start: position.max + 1, end: position.max + 1};\n\t\t} else {\n\t\t\tconst value = this.formulaInput.value;\n\t\t\tconst startChunk = value.substring(0, this.selection.start);\n\t\t\tconst endChunk = value.substring(this.selection.end);\n\t\t\tthis.formulaInput.value = startChunk + range.A1 + endChunk;\n\t\t\tthis.selection = {start: (startChunk + range.A1).length, end: (startChunk + range.A1).length};\n\t\t}\n\n\t\tthis._value = this.formulaInput.value;\n\t\tthis.updatePreview();\n\n\t\tsetTimeout(() => {\n\t\t\tthis.formulaInput.focus();\n\t\t\tthis.formulaInput.selectionStart = this.selection.start;\n\t\t\tthis.formulaInput.selectionEnd = this.selection.end;\n\t\t}, 100);\n\t}\n\n\tcommit(dispatchEvent = true) {\n\t\tdom.setSize(this, {w: this.origWidth});\n\t\tthis._value = this.inputValue;\n\t\tthis.preview = false;\n\t\tif (dispatchEvent) this.dispatchEvent(new FormulaInputEvent('commit', {value: this.value, formula: this.formula}));\n\t}\n\n\tdiscard(dispatchEvent = true) {\n\t\tthis._isDiscarded = true;\n\t\tdom.setSize(this, {w: this.origWidth});\n\t\tthis.preview = false;\n\t\tthis.requestUpdate();\n\t\tif (dispatchEvent) this.dispatchEvent(new FormulaInputEvent('discard', {value: this.value, formula: this.formula}));\n\t}\n\n\t_onInput = () => {\n\t\tthis._isDiscarded = false;\n\t\tthis._selection = null;\n\t\tthis.preview = isFormula(this.inputValue);\n\t\tthis.hasInput = true;\n\t\tthis.debounceUpdatePreview();\n\t}\n\n\t_onMouseUp = () => {\n\t\tthis.hasInput = true;\n\t\tthis._selection = {start: this.formulaInput.selectionStart, end: this.formulaInput.selectionEnd};\n\t}\n\n\t_onMouseDown = () => {\n\t\tthis.hasInput = true;\n\t\tthis._selection = {start: this.formulaInput.selectionStart, end: this.formulaInput.selectionEnd};\n\t}\n\n\t_onKeyUp = () => {\n\t\tthis.hasInput = true;\n\t\tthis._selection = {start: this.formulaInput.selectionStart, end: this.formulaInput.selectionEnd};\n\t}\n\n\t_onKeyDown = (e: KeyboardEvent) => {\n\t\tthis.hasInput = true;\n\t\tthis._selection = {start: this.formulaInput.selectionStart, end: this.formulaInput.selectionEnd};\n\t\tswitch (e.key) {\n\t\t\tcase 'Enter': this.commit(); break;\n\t\t\tcase 'Escape': this.discard(); break;\n\t\t\tdefault : this.hasInput = true; break;\n\t\t}\n\t}\n\n\t_onBlur = () => {\n\t\tif (!this.hasInput) this.discard();\n\t\tif (!isFormula(this.inputValue)) {\n\t\t\tthis._value = this.inputValue;\n\t\t\tthis.commit();\n\t\t}\n\t}\n\n\t_onFocus = () => {\n\t\tif (!this.preview && isFormula(this.value)) this.preview = true;\n\t}\n\n\tfocus() {\n\t\tsuper.focus();\n\t\tthis.formulaInput.focus();\n\t}\n\n\trender = () => html`\n\t\t<div id=\"formulaPreview\"></div>\n\t\t<input \n\t\t\tid=\"formulaInput\"\n\t\t\ttype=\"text\"\n\t\t\tautocomplete=\"off\"\n\t\t\tspellcheck=\"false\"\n\t\t\t.value=\"${this.value}\"\n\t\t\t@input=\"${this._onInput}\"\n\t\t\t@mousedown=\"${this._onMouseDown}\"\n\t\t\t@mouseup=\"${this._onMouseUp}\"\n\t\t\t@keyup=\"${this._onKeyUp}\"\n\t\t\t@keydown=\"${this._onKeyDown}\"\n\t\t\t@blur=\"${this._onBlur}\"\n\t\t\t@focus=\"${this._onFocus}\">\n\t`;\n}"]}

package/dist/ui/formulaInput.style.d.ts

@@ -1,2 +0,0 @@
-export declare const style: import("lit").CSSResult;
-//# sourceMappingURL=formulaInput.style.d.ts.map

package/dist/ui/formulaInput.style.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"formulaInput.style.d.ts","sourceRoot":"","sources":["../../src/ui/formulaInput.style.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,KAAK,yBA8DjB,CAAC"}