@omegagrid/grid 0.2.5

package/dist/ui/formulaInput.js

@@ -0,0 +1,245 @@
+"use strict";
+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;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FormulaInput = exports.FormulaInputEvent = void 0;
+const core_1 = require("@omegagrid/core");
+const grid_core_1 = require("@omegagrid/grid-core");
+const lit_1 = require("lit");
+const decorators_js_1 = require("lit/decorators.js");
+const ts_debounce_1 = require("ts-debounce");
+const formulaInput_style_1 = require("./formulaInput.style");
+class FormulaInputEvent extends Event {
+    constructor(type, args) {
+        super(`formula.${type}`);
+        Object.assign(this, args);
+    }
+}
+exports.FormulaInputEvent = FormulaInputEvent;
+let FormulaInput = class FormulaInput extends lit_1.LitElement {
+    get formula() {
+        const value = this.inputValue;
+        return (0, grid_core_1.isFormula)(value) ? new grid_core_1.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() { var _a; return (_a = this._value) !== null && _a !== void 0 ? _a : ''; }
+    get selection() { var _a; return (_a = this._selection) !== null && _a !== void 0 ? _a : { start: this.formulaInput.selectionStart, end: this.formulaInput.selectionEnd }; }
+    get inputValue() { var _a, _b; return (_b = (_a = this.formulaInput) === null || _a === void 0 ? void 0 : _a.value) !== null && _b !== void 0 ? _b : ''; }
+    constructor() {
+        super();
+        this.preview = false;
+        this._value = '';
+        this._isDiscarded = false;
+        this.origWidth = null;
+        this.hasInput = false;
+        this.debounceUpdatePreview = (0, ts_debounce_1.debounce)(this.updatePreview, 10);
+        this._onInput = () => {
+            this._isDiscarded = false;
+            this._selection = null;
+            this.preview = (0, grid_core_1.isFormula)(this.inputValue);
+            this.hasInput = true;
+            this.debounceUpdatePreview();
+        };
+        this._onMouseUp = () => {
+            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 (!(0, grid_core_1.isFormula)(this.inputValue)) {
+                this._value = this.inputValue;
+                this.commit();
+            }
+        };
+        this._onFocus = () => {
+            if (!this.preview && (0, grid_core_1.isFormula)(this.value))
+                this.preview = true;
+        };
+        this.render = () => (0, lit_1.html) `
+		<div id="formulaPreview"></div>
+		<input 
+			id="formulaInput"
+			type="text"
+			autocomplete="off"
+			spellcheck="false"
+			.value="${this.value}"
+			@input="${this._onInput}"
+			@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 = (0, grid_core_1.isFormula)(value);
+        this.requestUpdate();
+    }
+    updateSize() {
+        core_1.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 = (0, grid_core_1.prefixFormula)(formula.createFormulaString(true));
+            const updatedInput = (0, grid_core_1.prefixFormula)(formula.createFormulaString(false));
+            this.formulaInput.value = updatedInput.length > value.length
+                ? updatedInput
+                : (updatedInput + value.substring(updatedInput.length));
+            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 = (0, grid_core_1.isFormula)(this.formulaInput ? this.inputValue : this.value);
+    }
+    updated() {
+        var _a;
+        this.origWidth = (_a = this.origWidth) !== null && _a !== void 0 ? _a : this.offsetWidth;
+        const h = this.clientHeight;
+        this.formulaPreview.style.lineHeight = core_1.dom.numToPixels(h);
+        this.formulaInput.style.lineHeight = core_1.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 !== null && index !== void 0 ? index : formula === null || formula === void 0 ? void 0 : formula.findTokenIndexAtPosition(Math.max(0, this.selection.start - 1));
+        let token = index > -1 && index < formula.tokens.length ? formula.tokens[index] : null;
+        if (token && ![grid_core_1.TokenType.Cell, grid_core_1.TokenType.Range, grid_core_1.TokenType.Variable].includes(token[1])) {
+            token = null;
+        }
+        if (token) {
+            const sheetPrefix = index > 0 && formula.tokens[index - 1][1] == grid_core_1.TokenType.Sheet;
+            const sheet = range.sheet;
+            range = range.clone();
+            range.sheet = null;
+            if (sheetPrefix) {
+                if (sheet == null)
+                    formula.removeToken((index--) - 1);
+                else
+                    formula.updateToken(index - 1, sheet);
+            }
+            else if (sheet) {
+                formula.insertToken(index++, sheet, grid_core_1.TokenType.Sheet);
+            }
+            formula.updateToken(index, range.A1);
+            const position = formula.getTokenPosition(index);
+            this.formulaInput.value = (0, grid_core_1.prefixFormula)(formula.createFormulaString());
+            this.selection.start = position.max + 1;
+            this.selection.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;
+            this.selection.end = this.selection.start;
+        }
+        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) {
+        core_1.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;
+        core_1.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();
+    }
+};
+exports.FormulaInput = FormulaInput;
+FormulaInput.styles = [formulaInput_style_1.style];
+__decorate([
+    (0, decorators_js_1.property)({ type: Object })
+], FormulaInput.prototype, "tokenizer", void 0);
+__decorate([
+    (0, decorators_js_1.query)('#formulaPreview')
+], FormulaInput.prototype, "formulaPreview", void 0);
+__decorate([
+    (0, decorators_js_1.query)('#formulaInput')
+], FormulaInput.prototype, "formulaInput", void 0);
+__decorate([
+    (0, decorators_js_1.property)({ type: Boolean, reflect: true })
+], FormulaInput.prototype, "preview", void 0);
+__decorate([
+    (0, decorators_js_1.property)()
+], FormulaInput.prototype, "value", null);
+exports.FormulaInput = FormulaInput = __decorate([
+    (0, core_1.stylable)({ vars: ['background-color', 'font-*', 'accent-color', 'accent-color-highlight', 'text-*'] }),
+    (0, decorators_js_1.customElement)('og-grid-formula')
+], FormulaInput);
+//# sourceMappingURL=formulaInput.js.map

package/dist/ui/formulaInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"formulaInput.js","sourceRoot":"","sources":["../../src/ui/formulaInput.ts"],"names":[],"mappings":"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"}

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

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

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

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

package/dist/ui/formulaInput.style.js

@@ -0,0 +1,68 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.style = void 0;
+const lit_1 = require("lit");
+exports.style = (0, lit_1.css) `
+	* {
+		box-sizing: border-box;
+	}
+
+	:host {
+		background: red;
+		display: block;
+		font-size: var(--font-size);
+		box-sizing: border-box;
+		position: relative;
+		background-color: var(--background-color);
+		min-height: 22px;
+		outline: none;
+	}
+
+	#formulaPreview {
+		display: none;
+	}
+
+	:host([preview]) #formulaPreview {
+		display: inline-block;
+		pointer-events: none;
+		z-index: 100;
+	}
+
+	:host([preview]) #formulaInput {
+		color: transparent;
+		z-index: 99;
+	}
+
+	#formulaPreview, #formulaInput  {
+		height: 100%;
+		inset: 0;
+		font-size: var(--font-size);
+		font-family: var(--font-family);
+		border: none;
+		outline: none;
+		padding: 0 2px;
+	}
+
+	#formulaPreview {
+		white-space: nowrap;
+		display: none;
+		overflow: hidden;
+	}
+
+	#formulaInput {
+		position: absolute;
+		width: 100%;
+		background-color: transparent;
+		caret-color: var(--text-color);
+		color: var(--text-color);
+	}
+
+	/* #formulaPreview:before, #formulaInput:before {
+		content: "";
+		display: inline-block;
+		height: 100%;
+		vertical-align: middle;
+	} */
+
+`;
+//# sourceMappingURL=formulaInput.style.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"formulaInput.style.js","sourceRoot":"","sources":["../../src/ui/formulaInput.style.ts"],"names":[],"mappings":";;;AAAA,6BAA0B;AAEb,QAAA,KAAK,GAAG,IAAA,SAAG,EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8DvB,CAAC"}

package/dist/ui/grid.d.ts

@@ -0,0 +1,81 @@
+import { log, Slider, Sizer, Layout, Menu } from '@omegagrid/core';
+import { GridModel, GridSource, SelectionModel, Options, History } from '@omegagrid/grid-core';
+import { Selector } from './selector';
+import { Commands, CommandWindow } from '@omegagrid/commands';
+import { LitElement } from 'lit';
+import { Table } from './table';
+import { GridTooltip as Tooltip } from './tooltip';
+import { GridRendering } from './grid.rendering';
+import { GridSelecting } from './grid.selecting';
+import { GridEvents } from './grid.events';
+import { GridEditing } from './grid.editing';
+import { GridFiltering } from './grid.filtering';
+import { GridSorting } from './grid.sorting';
+import { GridMenus } from './grid.menu';
+import { GridGroup } from './group';
+import { Comment } from './comment';
+import { GridAdapter } from '../gridAdapter';
+export declare class Grid extends LitElement implements Layout {
+    static styles: import("lit").CSSResult[];
+    private tableRef;
+    get table(): Table;
+    private hSliderRef;
+    get hSlider(): Slider;
+    private vSliderRef;
+    get vSlider(): Slider;
+    private hSizerRef;
+    get hSizer(): Sizer;
+    private vSizerRef;
+    get vSizer(): Sizer;
+    private selectorRef;
+    get selector(): Selector;
+    private copySelectorRef;
+    get copySelector(): Selector;
+    private formulaSelectorRef;
+    get formulaSelector(): Selector;
+    private commandWindowRef;
+    get commandWindow(): CommandWindow;
+    private contextMenuRef;
+    get contextMenu(): Menu;
+    private tooltipRef;
+    get tooltip(): Tooltip;
+    private commentRef;
+    get comment(): Comment;
+    model: GridModel;
+    adapter: GridAdapter;
+    selection: SelectionModel;
+    options: Options;
+    logger: log.Logger;
+    zoom: number;
+    group: GridGroup;
+    history: History;
+    rendering: GridRendering;
+    selecting: GridSelecting;
+    events: GridEvents;
+    editing: GridEditing;
+    filtering: GridFiltering;
+    sorting: GridSorting;
+    menus: GridMenus;
+    commands: Commands;
+    loading: boolean;
+    get designMode(): boolean;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    destroy(): void;
+    initAdapter(): Promise<void>;
+    updateOptions(options: Partial<Options>): void;
+    render: () => import("lit-html").TemplateResult<1>;
+    firstUpdated(): Promise<void>;
+    updated(changedProps: Map<PropertyKey, unknown>): Promise<void>;
+    innerLayout(): void;
+    debounceInnerLayout: {
+        (this: unknown, ...args: [] & any[]): Promise<void>;
+        cancel: (reason?: any) => void;
+    };
+    layout(): void;
+    setSourceData(data: GridSource): void;
+    willUpdate(changedProps: Map<PropertyKey, unknown>): void;
+    focus(options?: FocusOptions): void;
+    refresh(): Promise<void>;
+}
+//# sourceMappingURL=grid.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"grid.d.ts","sourceRoot":"","sources":["../../src/ui/grid.ts"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,54 @@
+import { BaseEditor } from "../editors/baseEditor";
+import { CellModel, CellValueType } from "@omegagrid/grid-core";
+import { Grid } from "./grid";
+export type DeleteOptions = {
+    index: number;
+    count: number;
+    dispatchEvent?: boolean;
+    fromHistory?: boolean;
+};
+export type InsertOptions = DeleteOptions & {
+    after?: boolean;
+};
+export type MovingOptions = DeleteOptions & {
+    targetIndex: number;
+};
+export declare class GridEditing {
+    readonly grid: Grid;
+    private editorMap;
+    private editor;
+    columnMoving: boolean;
+    rowMoving: boolean;
+    get model(): import("@omegagrid/grid-core").GridModel;
+    get selection(): import("@omegagrid/grid-core").SelectionModel;
+    get selector(): import("./selector").Selector;
+    get events(): import("./grid.events").GridEvents;
+    get table(): import("./table").Table;
+    get isEditing(): boolean;
+    get activeEditor(): BaseEditor;
+    private _formulaMode;
+    get isFormulaMode(): boolean;
+    constructor(grid: Grid);
+    updateCellValue(cell: CellModel, value: CellValueType, dispatchEvent?: boolean, fromHistory?: boolean): void;
+    updateCellValues(cells: CellModel[], values: CellValueType[], dispatchEvent?: boolean, fromHistory?: boolean): void;
+    startFormulaMode(): void;
+    endFormulaMode(group?: boolean): void;
+    startEdit(initialValue?: string): void;
+    endEdit(): void;
+    commitEdit(): void;
+    insertRows(options: InsertOptions): import("@omegagrid/grid-core").RowModel[];
+    insertColumns(options: InsertOptions): import("@omegagrid/grid-core").ColumnModel[];
+    deleteRows(options: DeleteOptions): import("@omegagrid/grid-core").RowModel[];
+    deleteColumns(options: DeleteOptions): import("@omegagrid/grid-core").ColumnModel[];
+    moveRows(options: MovingOptions): void;
+    moveColumns(options: MovingOptions): void;
+    getEditor(cell: CellModel): BaseEditor;
+    getFormulaEditor(): BaseEditor;
+    copySelection(): void;
+    paste(): Promise<void>;
+    openComments(cell: CellModel): void;
+    undo(): void;
+    redo(): void;
+    startColumnMoving(_c: number): void;
+}
+//# sourceMappingURL=grid.editing.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"grid.editing.d.ts","sourceRoot":"","sources":["../../src/ui/grid.editing.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AACnD,OAAO,EAAE,SAAS,EAAwB,aAAa,EAA2B,MAAM,sBAAsB,CAAC;AAC/G,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAG9B,MAAM,MAAM,aAAa,GAAG;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,WAAW,CAAC,EAAE,OAAO,CAAA;CACrB,CAAC;AAEF,MAAM,MAAM,aAAa,GAAG,aAAa,GAAG;IAC3C,KAAK,CAAC,EAAE,OAAO,CAAA;CACf,CAAC;AAEF,MAAM,MAAM,aAAa,GAAG,aAAa,GAAG;IAC3C,WAAW,EAAE,MAAM,CAAA;CACnB,CAAC;AAEF,qBAAa,WAAW;IAmBX,QAAQ,CAAC,IAAI,EAAE,IAAI;IAjB/B,OAAO,CAAC,SAAS,CAAiC;IAClD,OAAO,CAAC,MAAM,CAAa;IAE3B,YAAY,UAAS;IACrB,SAAS,UAAS;IAElB,IAAI,KAAK,6CAA6B;IACtC,IAAI,SAAS,kDAAiC;IAC9C,IAAI,QAAQ,kCAAgC;IAC5C,IAAI,MAAM,uCAA8B;IACxC,IAAI,KAAK,4BAA6B;IACtC,IAAI,SAAS,YAA2B;IACxC,IAAI,YAAY,eAAyB;IAEzC,OAAO,CAAC,YAAY,CAAS;IAC7B,IAAI,aAAa,YAAiE;gBAE7D,IAAI,EAAE,IAAI;IAE/B,eAAe,CAAC,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,aAAa,EAAE,aAAa,UAAO,EAAE,WAAW,UAAQ;IAIhG,gBAAgB,CAAC,KAAK,EAAE,SAAS,EAAE,EAAE,MAAM,EAAE,aAAa,EAAE,EAAE,aAAa,UAAO,EAAE,WAAW,UAAQ;IAkBvG,gBAAgB;IAKhB,cAAc,CAAC,KAAK,UAAO;IAQ3B,SAAS,CAAC,YAAY,GAAE,MAAa;IAuBrC,OAAO;IASP,UAAU;IAOV,UAAU,CAAC,OAAO,EAAE,aAAa;IAWjC,aAAa,CAAC,OAAO,EAAE,aAAa;IAWpC,UAAU,CAAC,OAAO,EAAE,aAAa;IAWjC,aAAa,CAAC,OAAO,EAAE,aAAa;IAWpC,QAAQ,CAAC,OAAO,EAAE,aAAa;IAW/B,WAAW,CAAC,OAAO,EAAE,aAAa;IAWlC,SAAS,CAAC,IAAI,EAAE,SAAS;IAUzB,gBAAgB;IAUhB,aAAa;IAaP,KAAK;IAoBX,YAAY,CAAC,IAAI,EAAE,SAAS;IAM5B,IAAI;IA6BJ,IAAI;IA6BJ,iBAAiB,CAAC,EAAE,EAAE,MAAM;CAI5B"}