@omegagrid/grid 0.2.5

package/dist/ui/comment.d.ts

@@ -0,0 +1,44 @@
+import { LitElement } from 'lit';
+import { CellModel, CommentModel } from '@omegagrid/grid-core';
+import { TableCell } from './table';
+export declare class CommentEvent extends Event {
+    readonly comment: CommentModel;
+    readonly cell: CellModel;
+    constructor(type: string, comment: CommentModel, cell: CellModel);
+}
+export declare class Comment extends LitElement {
+    static styles: import("lit").CSSResult[];
+    comment: CommentModel;
+    cellModel: CellModel;
+    editing: boolean;
+    body: HTMLDivElement;
+    private _attachedTo;
+    private _hideTimer;
+    private _hideTimerDisabled;
+    private _movingOffset;
+    private _connector;
+    get attachedTo(): HTMLElement;
+    get isAttached(): boolean;
+    hide: () => HTMLElement;
+    show: () => HTMLElement;
+    startEdit(): void;
+    endEdit(): void;
+    commit(): void;
+    disconnectedCallback(): void;
+    destroy(): void;
+    _onMouseDown: (e: MouseEvent) => void;
+    _onMouseOver: () => void;
+    _onParentMouseDown: () => void;
+    _onParentMouseUp: () => void;
+    _onHeaderMouseDown: (e: MouseEvent) => void;
+    _onParentMouseMove: (e: MouseEvent) => void;
+    _onEditButtonClick: () => void;
+    updated(): void;
+    get hasTitle(): string | boolean | Date;
+    render: () => import("lit-html").TemplateResult<1>;
+    deatach(timeout?: number): void;
+    get zIndex(): number;
+    updateConnector(): void;
+    attachTo(cell: TableCell, cellModel: CellModel, startEdit?: boolean): void;
+}
+//# sourceMappingURL=comment.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"comment.d.ts","sourceRoot":"","sources":["../../src/ui/comment.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAEvC,OAAO,EAAE,SAAS,EAAE,YAAY,EAAiB,MAAM,sBAAsB,CAAC;AAE9E,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAEpC,qBAAa,YAAa,SAAQ,KAAK;aAIrB,OAAO,EAAE,YAAY;aACrB,IAAI,EAAE,SAAS;gBAF/B,IAAI,EAAE,MAAM,EACI,OAAO,EAAE,YAAY,EACrB,IAAI,EAAE,SAAS;CAKhC;AAED,qBAEa,OAAQ,SAAQ,UAAU;IAEtC,MAAM,CAAC,MAAM,4BAAW;IAGxB,OAAO,EAAE,YAAY,CAAC;IAGtB,SAAS,EAAE,SAAS,CAAC;IAGrB,OAAO,UAAS;IAGhB,IAAI,EAAE,cAAc,CAAC;IAErB,OAAO,CAAC,WAAW,CAAc;IACjC,OAAO,CAAC,UAAU,CAAgB;IAClC,OAAO,CAAC,kBAAkB,CAAS;IACnC,OAAO,CAAC,aAAa,CAAgC;IACrD,OAAO,CAAC,UAAU,CAAgB;IAElC,IAAI,UAAU,gBAA8B;IAC5C,IAAI,UAAU,YAAgC;IAE9C,IAAI,oBAA+B;IACnC,IAAI,oBAA+B;IAEnC,SAAS;IAIT,OAAO;IAKP,MAAM;IAKN,oBAAoB;IAIpB,OAAO;IAIP,YAAY,MAAO,UAAU,UAE3B;IAEF,YAAY,aAMV;IAEF,kBAAkB,aAGhB;IAEF,gBAAgB,aAGd;IAEF,kBAAkB,MAAO,UAAU,UAIjC;IAEF,kBAAkB,MAAO,UAAU,UAMjC;IAEF,kBAAkB,aAEhB;IAEF,OAAO;IAeP,IAAI,QAAQ,4BAEX;IAED,MAAM,6CAiBJ;IAEF,OAAO,CAAC,OAAO,SAAI;IAcnB,IAAI,MAAM,WAGT;IAED,eAAe;IA8Bf,QAAQ,CAAC,IAAI,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,UAAQ;CAqBjE"}

package/dist/ui/comment.js

@@ -0,0 +1,214 @@
+"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.Comment = exports.CommentEvent = void 0;
+const core_1 = require("@omegagrid/core");
+const lit_1 = require("lit");
+const decorators_js_1 = require("lit/decorators.js");
+const grid_core_1 = require("@omegagrid/grid-core");
+const comment_style_1 = require("./comment.style");
+class CommentEvent extends Event {
+    constructor(type, comment, cell) {
+        super(`comment.${type}`);
+        this.comment = comment;
+        this.cell = cell;
+    }
+}
+exports.CommentEvent = CommentEvent;
+let Comment = class Comment extends lit_1.LitElement {
+    constructor() {
+        super(...arguments);
+        this.editing = false;
+        this._hideTimer = null;
+        this._hideTimerDisabled = false;
+        this._movingOffset = null;
+        this.hide = () => core_1.dom.hideElement(this);
+        this.show = () => core_1.dom.showElement(this);
+        this._onMouseDown = (e) => {
+            e.stopPropagation();
+        };
+        this._onMouseOver = () => {
+            this._hideTimerDisabled = true;
+            if (this._hideTimer) {
+                window.clearTimeout(this._hideTimer);
+                this._hideTimer = null;
+            }
+        };
+        this._onParentMouseDown = () => {
+            this._hideTimerDisabled = false;
+            this.deatach(0);
+        };
+        this._onParentMouseUp = () => {
+            this.parentElement.removeEventListener('mouseup', this._onParentMouseUp);
+            this.parentElement.removeEventListener('mousemove', this._onParentMouseMove);
+        };
+        this._onHeaderMouseDown = (e) => {
+            this._movingOffset = { x: e.offsetX, y: e.offsetY };
+            this.parentElement.addEventListener('mouseup', this._onParentMouseUp);
+            this.parentElement.addEventListener('mousemove', this._onParentMouseMove);
+        };
+        this._onParentMouseMove = (e) => {
+            core_1.dom.setPosition(this, {
+                l: e.pageX - this._movingOffset.x,
+                t: e.pageY - this._movingOffset.y,
+            });
+            this.updateConnector();
+        };
+        this._onEditButtonClick = () => {
+            this.editing = true;
+        };
+        this.render = () => {
+            var _a, _b, _c, _d;
+            return (0, lit_1.html) `
+		<div id="inner" @mousedown="${this._onMouseDown}" @mouseover="${this._onMouseOver}">
+			<div class="head" @mousedown="${this._onHeaderMouseDown}"></div>
+			${this.hasTitle ? (0, lit_1.html) `
+				<div class="title">
+					<div class="author">${(_a = this.comment) === null || _a === void 0 ? void 0 : _a.author}</div>
+					${((_b = this.comment) === null || _b === void 0 ? void 0 : _b.date) ? (0, lit_1.html) `
+						<div class="date">${this.cellModel.model.options.dateFormatter((_c = this.comment) === null || _c === void 0 ? void 0 : _c.date)}</div>
+					` : ``}
+
+					${((_d = this.cellModel) === null || _d === void 0 ? void 0 : _d.commentable) ? (0, lit_1.html) `
+						<og-button icon="pen" color="gray" @click="${this._onEditButtonClick}"></og-button>
+					` : ``}
+				</div>
+			` : ``}
+			<div class="body" ?contenteditable="${this.editing}"></div>
+		</div>
+	`;
+        };
+    }
+    get attachedTo() { return this._attachedTo; }
+    get isAttached() { return !!this._attachedTo; }
+    startEdit() {
+        this.editing = true;
+    }
+    endEdit() {
+        this.commit();
+        this.editing = false;
+    }
+    commit() {
+        this.comment.text = this.body.textContent;
+        this.dispatchEvent(new CommentEvent('commit', this.comment, this.cellModel));
+    }
+    disconnectedCallback() {
+        this.destroy();
+    }
+    destroy() {
+        var _a;
+        if ((_a = this._connector) === null || _a === void 0 ? void 0 : _a.parentElement)
+            this._connector.remove();
+    }
+    updated() {
+        var _a, _b, _c, _d;
+        if (this.editing) {
+            this.body.focus();
+            this.body.addEventListener('blur', () => this.endEdit(), { once: true });
+        }
+        if (this.body) {
+            if ((_a = this.cellModel) === null || _a === void 0 ? void 0 : _a.commentRenderer) {
+                (_b = this.cellModel) === null || _b === void 0 ? void 0 : _b.commentRenderer(this.body, this.cellModel);
+            }
+            else {
+                this.body.textContent = (_d = (_c = this.comment) === null || _c === void 0 ? void 0 : _c.text) !== null && _d !== void 0 ? _d : '';
+            }
+        }
+    }
+    get hasTitle() {
+        var _a, _b, _c;
+        return ((_a = this.comment) === null || _a === void 0 ? void 0 : _a.author) || ((_b = this.comment) === null || _b === void 0 ? void 0 : _b.date) || ((_c = this.cellModel) === null || _c === void 0 ? void 0 : _c.commentable);
+    }
+    deatach(timeout = 0) {
+        if (!this.isAttached)
+            return;
+        if ((!this._hideTimerDisabled) && !this._hideTimer) {
+            this._hideTimer = window.setTimeout(() => {
+                this._attachedTo = null;
+                this.hide();
+                if (this._connector)
+                    this._connector.style.display = 'none';
+                if (this.parentElement) {
+                    this.parentElement.removeEventListener('mousemove', this._onParentMouseDown);
+                }
+            }, timeout);
+        }
+    }
+    get zIndex() {
+        var _a, _b, _c, _d, _e;
+        return (_e = (_d = (_c = (_b = (_a = this.cellModel) === null || _a === void 0 ? void 0 : _a.model) === null || _b === void 0 ? void 0 : _b.options) === null || _c === void 0 ? void 0 : _c.comments) === null || _d === void 0 ? void 0 : _d.zIndex) !== null && _e !== void 0 ? _e : grid_core_1.gridConstants.DEFAULT_OPTIONS.comments.zIndex;
+    }
+    updateConnector() {
+        if (!this.isAttached)
+            return;
+        if (!this._connector) {
+            this._connector = document.createElementNS('http://www.w3.org/2000/svg', 'svg');
+            document.body.appendChild(this._connector);
+        }
+        const cellOffset = core_1.dom.getElementOffset(this.attachedTo, document.body);
+        const leftToRight = cellOffset.left + this._attachedTo.offsetWidth < this.offsetLeft + this.offsetWidth / 2;
+        const topToBottom = cellOffset.top < this.offsetTop + this.offsetHeight / 2;
+        const x1 = leftToRight ? cellOffset.left + this._attachedTo.offsetWidth : this.offsetLeft + this.offsetWidth / 2;
+        const y1 = topToBottom ? cellOffset.top : this.offsetTop + this.offsetHeight / 2;
+        const x2 = !leftToRight ? cellOffset.left + this._attachedTo.offsetWidth : this.offsetLeft + this.offsetWidth / 2;
+        const y2 = !topToBottom ? cellOffset.top : this.offsetTop + this.offsetHeight / 2;
+        this._connector.setAttribute("width", (x2 - x1).toString());
+        this._connector.setAttribute("height", (y2 - y1).toString());
+        this._connector.style.pointerEvents = "none";
+        this._connector.style.zIndex = (this.zIndex - 1).toString();
+        core_1.dom.setPosition(this._connector, { l: x1, t: y1 });
+        this._connector.style.display = 'block';
+        this._connector.innerHTML = `
+			<line 
+				x1="${leftToRight ? 0 : (x2 - x1)}" y1="${topToBottom ? 0 : (y2 - y1)}" 
+				x2="${!leftToRight ? 0 : (x2 - x1)}" y2="${!topToBottom ? 0 : (y2 - y1)}" 
+				stroke="#8b7600" stroke-width="1"/>
+		`;
+    }
+    attachTo(cell, cellModel, startEdit = false) {
+        this._attachedTo = cell;
+        this.comment = cellModel.comment;
+        this.cellModel = cellModel;
+        this._hideTimerDisabled = startEdit;
+        if (this._hideTimer)
+            window.clearTimeout(this._hideTimer);
+        this._hideTimer = null;
+        if (this.parentElement != document.body)
+            document.body.appendChild(this);
+        document.body.addEventListener('mousedown', this._onParentMouseDown);
+        this.show();
+        const offset = core_1.dom.getElementOffset(cell, document.body);
+        core_1.dom.setPosition(this, {
+            l: offset.left + cell.offsetWidth + cellModel.model.options.comments.offsetX,
+            t: offset.top + cellModel.model.options.comments.offsetY
+        });
+        this.style.zIndex = this.zIndex.toString();
+        this.updateConnector();
+        if (startEdit)
+            this.startEdit();
+    }
+};
+exports.Comment = Comment;
+Comment.styles = [comment_style_1.style];
+__decorate([
+    (0, decorators_js_1.property)({ type: Object })
+], Comment.prototype, "comment", void 0);
+__decorate([
+    (0, decorators_js_1.state)()
+], Comment.prototype, "cellModel", void 0);
+__decorate([
+    (0, decorators_js_1.state)()
+], Comment.prototype, "editing", void 0);
+__decorate([
+    (0, decorators_js_1.query)('.body')
+], Comment.prototype, "body", void 0);
+exports.Comment = Comment = __decorate([
+    (0, decorators_js_1.customElement)('og-grid-comment'),
+    (0, core_1.stylable)({ vars: ['font-size', 'accent-color', 'background-color', 'text-color', 'colortype-*'] })
+], Comment);
+//# sourceMappingURL=comment.js.map

package/dist/ui/comment.js.map

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

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

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

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

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

package/dist/ui/comment.style.js

@@ -0,0 +1,50 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.style = void 0;
+const lit_1 = require("lit");
+exports.style = (0, lit_1.css) `
+	:host {
+		z-index: 500;
+		position: absolute;
+		background-color: var(--colortype-yellow-background-color);
+		border: 1px solid var(--colortype-yellow-border-color);
+		color: var(--colortype-yellow-text-color);
+		font-size: var(--font-size);
+		max-width: 250px;
+		min-width: 250px;
+		min-height: 100px;
+	}
+	
+	.head {
+		cursor: move;
+		user-select: none;
+		background: var(--colortype-yellow-border-color);
+		height: 10px;
+	}
+
+	.title {
+		padding: 5px;
+		user-select: none;
+		border-bottom: 1px solid var(--colortype-yellow-border-color);
+		display: flex;
+		flex-direction: row;
+		gap: 5px;
+		align-items: center;
+		justify-content: center;
+		white-space: nowrap;
+	}
+
+	.title > div {
+		flex: 1;
+	}
+
+	.title > div.date {
+		text-align: right;
+	}
+
+	.body {
+		text-align: justify;
+		padding: 5px;
+	}
+`;
+//# sourceMappingURL=comment.style.js.map

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

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

package/dist/ui/elementCache.d.ts

@@ -0,0 +1,14 @@
+export declare class ElementCache {
+    private maxCacheItems;
+    private table;
+    private queue;
+    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

@@ -0,0 +1 @@
+{"version":3,"file":"elementCache.d.ts","sourceRoot":"","sources":["../../src/ui/elementCache.ts"],"names":[],"mappings":"AAEA,qBAAa,YAAY;IAKmB,OAAO,CAAC,aAAa;IAHhE,OAAO,CAAC,KAAK,CAAkB;IAC/B,OAAO,CAAC,KAAK,CAAkB;gBAEnB,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;IAK9C,KAAK;IAKL,KAAK;CAqBZ"}

package/dist/ui/elementCache.js

@@ -0,0 +1,61 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ElementCache = void 0;
+const constants_1 = __importDefault(require("../constants"));
+class ElementCache {
+    constructor(columns, rows, maxCacheItems = constants_1.default.MAX_CACHE_ITEMS) {
+        this.maxCacheItems = maxCacheItems;
+        this.queue = [];
+        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.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);
+            }
+        }
+    }
+}
+exports.ElementCache = ElementCache;
+//# sourceMappingURL=elementCache.js.map

package/dist/ui/elementCache.js.map

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

package/dist/ui/filter.d.ts

@@ -0,0 +1,9 @@
+import { LitElement } from 'lit';
+export declare class Filter extends LitElement {
+    static styles: import("lit").CSSResult;
+    text: string;
+    constructor();
+    connectedCallback(): void;
+    render(): import("lit-html").TemplateResult<1>;
+}
+//# sourceMappingURL=filter.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"filter.d.ts","sourceRoot":"","sources":["../../src/ui/filter.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAI5C,qBACa,MAAO,SAAQ,UAAU;IAErC,MAAM,CAAC,MAAM,0BAqCX;IAGF,IAAI,EAAE,MAAM,CAAC;;IAMb,iBAAiB;IAIjB,MAAM;CAQN"}

package/dist/ui/filter.js

@@ -0,0 +1,71 @@
+"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.Filter = void 0;
+const lit_1 = require("lit");
+const decorators_js_1 = require("lit/decorators.js");
+let Filter = class Filter extends lit_1.LitElement {
+    constructor() {
+        super();
+    }
+    connectedCallback() {
+        super.connectedCallback();
+    }
+    render() {
+        return (0, lit_1.html) `
+			<og-icon .icon="${{ icon: "filter" }}"></og-icon>
+			<div class="text">${this.text}</div>
+		`;
+    }
+};
+exports.Filter = Filter;
+Filter.styles = (0, lit_1.css) `
+		:host {
+			padding: 0;
+			display: flex;
+			cursor: pointer;
+			height: 100%;
+		}
+
+		:host(:hover og-icon) {
+			background-color: var(--accent-color-highlight);
+		}
+
+		input {
+			color: var(--text-color);
+		}
+
+		og-icon {
+			color: var(--accent-color);
+			flex: 0;
+			min-width: 20px;
+			height: 100%;
+			padding-top: 1px;
+			padding-left: 0px;
+		}
+
+		.text {
+			flex: 1;
+			height: 100%;
+			font-style: italic;
+			font-weight: normal;
+		}
+
+		.text:empty {
+			background-image: repeating-linear-gradient(45deg, var(--accent-color-alpha) 0, var(--accent-color-alpha) 2px, transparent 0, transparent 50%);
+			background-size: 10px 10px;
+			background-color: transparent;
+		}
+	`;
+__decorate([
+    (0, decorators_js_1.property)({ type: String })
+], Filter.prototype, "text", void 0);
+exports.Filter = Filter = __decorate([
+    (0, decorators_js_1.customElement)('og-filter')
+], Filter);
+//# sourceMappingURL=filter.js.map

package/dist/ui/filter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"filter.js","sourceRoot":"","sources":["../../src/ui/filter.ts"],"names":[],"mappings":";;;;;;;;;AAAA,6BAA4C;AAC5C,qDAA4D;AAIrD,IAAM,MAAM,GAAZ,MAAM,MAAO,SAAQ,gBAAU;IA4CrC;QACC,KAAK,EAAE,CAAC;IACT,CAAC;IAED,iBAAiB;QAChB,KAAK,CAAC,iBAAiB,EAAE,CAAC;IAC3B,CAAC;IAED,MAAM;QACL,OAAO,IAAA,UAAI,EAAA;qBACQ,EAAC,IAAI,EAAE,QAAQ,EAAC;uBACd,IAAI,CAAC,IAAI;GAC7B,CAAC;IACH,CAAC;;AAzDW,wBAAM;AAEX,aAAM,GAAG,IAAA,SAAG,EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAqClB,AArCY,CAqCX;AAGF;IADC,IAAA,wBAAQ,EAAC,EAAC,IAAI,EAAE,MAAM,EAAC,CAAC;oCACZ;iBA1CD,MAAM;IADlB,IAAA,6BAAa,EAAC,WAAW,CAAC;GACd,MAAM,CA4DlB"}

package/dist/ui/formulaInput.d.ts

@@ -0,0 +1,51 @@
+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;
+    };
+    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;
+    _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

@@ -0,0 +1 @@
+{"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,qBAEa,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;;;MAA+G;IAE5H,IAAI,UAAU,WAA4C;;IAM1D,iBAAiB;IAKjB,QAAQ,CAAC,KAAK,EAAE,MAAM;IAQtB,qBAAqB;;;MAAoC;IAEzD,UAAU;IAIV,aAAa;IAoBb,UAAU;IAIV,OAAO;IAiBP,QAAQ,CAAC,KAAK,EAAE,SAAS,EAAE,KAAK,CAAC,EAAE,MAAM;IA6CzC,MAAM,CAAC,aAAa,UAAO;IAO3B,OAAO,CAAC,aAAa,UAAO;IAQ5B,QAAQ,aAMP;IAED,UAAU,aAGT;IAED,QAAQ,aAGP;IAED,UAAU,MAAO,aAAa,UAQ7B;IAED,OAAO,aAMN;IAED,QAAQ,aAEP;IAED,KAAK;IAKL,MAAM,6CAcJ;CACF"}