@omegagrid/editor 0.2.5

package/dist/ui/forms/styleForm.js

@@ -0,0 +1,150 @@
+"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.StyleForm = void 0;
+const core_1 = require("@omegagrid/core");
+const decorators_js_1 = require("lit/decorators.js");
+const lit_1 = require("lit");
+const toolbar_config_1 = require("../toolbar.config");
+const items = [
+    { type: 'togglebutton', id: 'bold', icon: { icon: 'bold' } },
+    { type: 'togglebutton', id: 'italic', icon: { icon: 'italic' } },
+    { type: 'togglebutton', id: 'underline', icon: { icon: 'underline' } },
+    { type: 'dropdown-button', id: 'alignment', icon: { icon: 'align-center' }, items: [[
+                { type: 'button', id: 'alignTopLeft', icon: { icon: 'align-left' } },
+                { type: 'button', id: 'alignTopCenter', icon: { icon: 'align-center' } },
+                { type: 'button', id: 'alignTopRight', icon: { icon: 'align-right' } },
+            ], [
+                { type: 'button', id: 'alignCenterLeft', icon: { icon: 'align-left' } },
+                { type: 'button', id: 'alignCenterCenter', icon: { icon: 'align-center' } },
+                { type: 'button', id: 'alignCenterRight', icon: { icon: 'align-right' } },
+            ], [
+                { type: 'button', id: 'alignBottomLeft', icon: { icon: 'align-left' } },
+                { type: 'button', id: 'alignBottomCenter', icon: { icon: 'align-center' } },
+                { type: 'button', id: 'alignBottomRight', icon: { icon: 'align-right' } },
+            ]] },
+    { type: 'color', id: 'color', icon: { icon: 'font' } },
+    { type: 'color', id: 'fgColor', icon: { icon: 'fill' } },
+    { type: 'dropdown-button', id: 'border', icon: { icon: 'align-center' }, items: [[
+                { type: 'button', id: 'borderLeft', value: { left: { style: 'thin' } }, content: (0, toolbar_config_1.createBorderIcon)('left') },
+                { type: 'button', id: 'borderRight', value: { right: { style: 'thin' } }, content: (0, toolbar_config_1.createBorderIcon)('right') },
+                { type: 'button', id: 'borderTop', value: { top: { style: 'thin' } }, content: (0, toolbar_config_1.createBorderIcon)('top') },
+                { type: 'button', id: 'borderBottom', value: { bottom: { style: 'thin' } }, content: (0, toolbar_config_1.createBorderIcon)('bottom') },
+            ], [
+                { type: 'button', id: 'borderNone', value: { left: null, top: null, right: null, bottom: null }, content: (0, toolbar_config_1.createBorderIcon)('none') },
+                { type: 'button', id: 'borderAll', value: { left: { style: 'thin' }, top: { style: 'thin' }, right: { style: 'thin' }, bottom: { style: 'thin' } }, content: (0, toolbar_config_1.createBorderIcon)('all') },
+                { type: 'button', id: 'borderOutside', value: { left: { style: 'thin' }, top: { style: 'thin' }, right: { style: 'thin' }, bottom: { style: 'thin' } }, content: (0, toolbar_config_1.createBorderIcon)('outside') },
+                { type: 'button', id: 'borderOutsideThick', value: { left: { style: 'thick' }, top: { style: 'thick' }, right: { style: 'thick' }, bottom: { style: 'thick' } }, content: (0, toolbar_config_1.createBorderIcon)('outside-thick') },
+            ], [
+                { type: 'button', id: 'borderBottomDouble', value: { bottom: { style: 'double' } }, content: (0, toolbar_config_1.createBorderIcon)('bottom-double') },
+                { type: 'button', id: 'borderBottomThick', value: { bottom: { style: 'thick' } }, content: (0, toolbar_config_1.createBorderIcon)('bottom-thick') },
+                { type: 'button', id: 'borderTopBottom', value: { top: { style: 'thin' }, bottom: { style: 'thin' } }, content: (0, toolbar_config_1.createBorderIcon)('top-bottom') },
+                { type: 'button', id: 'borderTopBottomThick', value: { top: { style: 'thin' }, bottom: { style: 'thick' } }, content: (0, toolbar_config_1.createBorderIcon)('top-bottom-thick') },
+            ], [{ type: 'color', id: 'borderColor', colspan: 4, icon: { icon: 'fill' } }]] },
+];
+let StyleForm = class StyleForm extends lit_1.LitElement {
+    constructor() {
+        super(...arguments);
+        this.data = {};
+        this._onAction = (e) => {
+            const a = e.action;
+            if (/^preview/.test(a.type))
+                return;
+            switch (a.key) {
+                case 'bold':
+                    this.data.bold = a.value ? true : false;
+                    break;
+                case 'italic':
+                    this.data.italic = a.value ? true : false;
+                    break;
+                case 'underline':
+                    this.data.underline = a.value ? true : false;
+                    break;
+                case 'color':
+                    this.data.color = a.value.substring(1);
+                    break;
+                case 'fgColor':
+                    this.data.fgColor = a.value.substring(1);
+                    break;
+                case 'alignCenterCenter':
+                    this.data.alignment = { vertical: 'center', horizontal: 'center' };
+                    break;
+                case 'alignTopLeft':
+                    this.data.alignment = { vertical: 'top', horizontal: 'left' };
+                    break;
+                case 'alignTopCenter':
+                    this.data.alignment = { vertical: 'top', horizontal: 'center' };
+                    break;
+                case 'alignTopRight':
+                    this.data.alignment = { vertical: 'top', horizontal: 'right' };
+                    break;
+                case 'alignCenterLeft':
+                    this.data.alignment = { vertical: 'center', horizontal: 'left' };
+                    break;
+                case 'alignCenterRight':
+                    this.data.alignment = { vertical: 'center', horizontal: 'right' };
+                    break;
+                case 'alignBottomLeft':
+                    this.data.alignment = { vertical: 'bottom', horizontal: 'left' };
+                    break;
+                case 'alignBottomCenter':
+                    this.data.alignment = { vertical: 'bottom', horizontal: 'center' };
+                    break;
+                case 'alignBottomRight':
+                    this.data.alignment = { vertical: 'bottom', horizontal: 'right' };
+                    break;
+            }
+        };
+        this.render = () => (0, lit_1.html) `
+		<og-toolbar 
+			.items="${items}"
+			.values="${this.styleToToolbarValues(this.data)}"
+			@toolbar.action="${this._onAction}">
+		</og-toolbar>
+	`;
+    }
+    styleToToolbarValues(s) {
+        const values = {};
+        values.bold = s.bold;
+        values.italic = s.italic;
+        values.underline = s.underline;
+        values.color = `#${s.color}`;
+        values.fgColor = `#${s.fgColor || s.bgColor}`;
+        return values;
+    }
+    connectedCallback() {
+        super.connectedCallback();
+    }
+};
+exports.StyleForm = StyleForm;
+StyleForm.styles = [(0, lit_1.css) `
+		.row {
+			height: 30px;
+			line-height: 30px;
+			display: flex;
+			flex-direction: row;
+			gap: 3px;
+		}
+
+		.row > og-button {
+			min-width: 24px;
+			height: 24px;
+			padding: 0;
+		}
+	`];
+__decorate([
+    (0, decorators_js_1.property)({ type: Object })
+], StyleForm.prototype, "data", void 0);
+__decorate([
+    (0, decorators_js_1.query)('og-toolbar')
+], StyleForm.prototype, "toolbar", void 0);
+exports.StyleForm = StyleForm = __decorate([
+    (0, decorators_js_1.customElement)('og-editor-form-style'),
+    (0, core_1.stylable)({ vars: ['background-color', 'font-*', 'accent-color', 'accent-color-highlight', 'text-color-2'] })
+], StyleForm);
+//# sourceMappingURL=styleForm.js.map

package/dist/ui/forms/styleForm.js.map

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

package/dist/ui/formulabar.d.ts

@@ -0,0 +1,23 @@
+import { ElementModel, Grid, FormulaInput, FormulaInputEvent, SelectorEvent, GridEvent } from '@omegagrid/grid';
+import { LitElement } from 'lit';
+export declare class EditorFormula extends LitElement {
+    static styles: import("lit").CSSResult[];
+    grid: Grid;
+    gridElement: ElementModel;
+    addressInput: HTMLInputElement;
+    formulaInput: FormulaInput;
+    private isInputActive;
+    get gridElementValue(): string;
+    _onGridSelectorUpdate: (e: SelectorEvent) => void;
+    _onGridSelect: (e: GridEvent) => void;
+    willUpdate(props: Map<PropertyKey, unknown>): void;
+    _onInputPreview: (e: FormulaInputEvent) => void;
+    commit(): void;
+    _onInputCommit: () => void;
+    _onInputDiscard: () => void;
+    _onAddressFocus: () => void;
+    _onInputFocus: () => void;
+    _onInput: () => void;
+    render: () => import("lit-html").TemplateResult<1>;
+}
+//# sourceMappingURL=formulabar.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"formulabar.d.ts","sourceRoot":"","sources":["../../src/ui/formulabar.ts"],"names":[],"mappings":"AACA,OAAO,EAAwB,YAAY,EAAE,IAAI,EAAE,YAAY,EAAE,iBAAiB,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AACtI,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAIvC,qBAEa,aAAc,SAAQ,UAAU;IAE5C,MAAM,CAAC,MAAM,4BAAW;IAExB,IAAI,EAAE,IAAI,CAAC;IAGX,WAAW,EAAE,YAAY,CAAC;IAG1B,YAAY,EAAE,gBAAgB,CAAC;IAG/B,YAAY,EAAE,YAAY,CAAC;IAE3B,OAAO,CAAC,aAAa,CAAS;IAE9B,IAAI,gBAAgB,WAAyD;IAE7E,qBAAqB,MAAO,aAAa,UAMxC;IAED,aAAa,MAAO,SAAS,UAiB5B;IAED,UAAU,CAAC,KAAK,EAAE,GAAG,CAAC,WAAW,EAAE,OAAO,CAAC;IAY3C,eAAe,MAAO,iBAAiB,UAGtC;IAED,MAAM;IAsBN,cAAc,aAEb;IAED,eAAe,aAMd;IAED,eAAe,aAKd;IAED,aAAa,aAGZ;IAED,QAAQ,aAEP;IAED,MAAM,6CAqBJ;CAEF"}

package/dist/ui/formulabar.js

@@ -0,0 +1,164 @@
+"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.EditorFormula = void 0;
+const core_1 = require("@omegagrid/core");
+const grid_1 = require("@omegagrid/grid");
+const lit_1 = require("lit");
+const decorators_js_1 = require("lit/decorators.js");
+const formulabar_style_1 = require("./formulabar.style");
+let EditorFormula = class EditorFormula extends lit_1.LitElement {
+    constructor() {
+        super(...arguments);
+        this.isInputActive = false;
+        this._onGridSelectorUpdate = (e) => {
+            var _a;
+            if (!this.isInputActive)
+                return;
+            if (((_a = e.selector) === null || _a === void 0 ? void 0 : _a.index) == null)
+                return;
+            const range = e.selector.selection.range.clone();
+            if (e.selector.grid != this.grid)
+                range.sheet = e.selector.grid.model.name;
+            this.formulaInput.setRange(range, e.selector.index);
+        };
+        this._onGridSelect = (e) => {
+            if (e.grid.editing.isFormulaMode) {
+                if (!this.isInputActive)
+                    return;
+                const range = e.selection.range.clone();
+                if (e.grid != this.grid)
+                    range.sheet = e.grid.model.name;
+                this.formulaInput.setRange(range);
+            }
+            else {
+                if (e.selection.range.isCell) {
+                    this.gridElement = e.grid.selecting.activeCell;
+                }
+                else if (e.selection.range.isColumn) {
+                    this.gridElement = e.grid.selecting.activeCell.column;
+                }
+                else if (e.selection.range.isRow) {
+                    this.gridElement = e.grid.selecting.activeCell.row;
+                }
+                if (this.formulaInput)
+                    this.formulaInput.value = this.gridElementValue;
+            }
+        };
+        this._onInputPreview = (e) => {
+            this.grid.selecting.removeFormulaHighlight();
+            if (e.formula)
+                this.grid.selecting.highlightFormula(e.formula);
+        };
+        this._onInputCommit = () => {
+            this.commit();
+        };
+        this._onInputDiscard = () => {
+            var _a;
+            if (!this.formulaInput.isDiscarded)
+                this.commit();
+            this.grid.editing.endFormulaMode();
+            this.grid.focus();
+            this.isInputActive = false;
+            this.formulaInput.value = (this.gridElement ? ((_a = this.gridElement.value2) !== null && _a !== void 0 ? _a : '') : '').toString();
+        };
+        this._onAddressFocus = () => {
+            var _a, _b;
+            const range = (_a = this.grid) === null || _a === void 0 ? void 0 : _a.selection.range;
+            const name = (_b = this.gridElement) === null || _b === void 0 ? void 0 : _b.name;
+            this.addressInput.selectionStart = name ? (range.A1.length + 2) : 0;
+            this.addressInput.selectionEnd = name ? (this.addressInput.selectionStart + name.length) : range.A1.length;
+        };
+        this._onInputFocus = () => {
+            this.isInputActive = true;
+            if ((0, grid_1.isFormula)(this.formulaInput.inputValue))
+                this.grid.editing.startFormulaMode();
+        };
+        this._onInput = () => {
+            if ((0, grid_1.isFormula)(this.formulaInput.inputValue))
+                this.grid.editing.startFormulaMode();
+        };
+        this.render = () => {
+            var _a, _b, _c;
+            const range = (_a = this.grid) === null || _a === void 0 ? void 0 : _a.selection.range;
+            return (0, lit_1.html) `
+			<div id="address">
+				<input id="addressInput"
+					type="text"
+					@focus="${this._onAddressFocus}"
+					.value="${range ? `${range.A1}${((_b = this.gridElement) === null || _b === void 0 ? void 0 : _b.name) ? ` (${this.gridElement.name})` : ''}` : ''}"
+					readonly>
+			</div>
+			
+			<og-grid-formula id="formulaInput"
+				.tokenizer="${(_c = this.grid) === null || _c === void 0 ? void 0 : _c.model.calculations.tokenizer}"
+				.value="${this.gridElementValue}"
+				@input="${this._onInput}"
+				@focus="${this._onInputFocus}"
+				@formula.preview="${this._onInputPreview}"
+				@formula.commit="${this._onInputCommit}"
+				@formula.discard="${this._onInputDiscard}">
+			</og-grid-formula>
+		`;
+        };
+    }
+    get gridElementValue() { var _a, _b; return ((_b = (_a = this.gridElement) === null || _a === void 0 ? void 0 : _a.value2) !== null && _b !== void 0 ? _b : '').toString(); }
+    willUpdate(props) {
+        if (props.has('grid') && this.grid) {
+            const eventTarget = this.grid.group ? this.grid.group : this.grid;
+            eventTarget.removeEventListener('grid.selector.resize', this._onGridSelectorUpdate);
+            eventTarget.removeEventListener('grid.selector.move', this._onGridSelectorUpdate);
+            eventTarget.removeEventListener('grid.select', this._onGridSelect);
+            eventTarget.addEventListener('grid.selector.resize', this._onGridSelectorUpdate);
+            eventTarget.addEventListener('grid.selector.move', this._onGridSelectorUpdate);
+            eventTarget.addEventListener('grid.select', this._onGridSelect);
+        }
+    }
+    commit() {
+        if (this.formulaInput.isDiscarded)
+            return;
+        const gridElement = this.gridElement;
+        const value = this.formulaInput.value;
+        if (gridElement instanceof grid_1.CellModel) {
+            gridElement.value = value;
+            this.grid.rendering.updateCell(gridElement, true);
+        }
+        else if (gridElement && (0, grid_1.isFormula)(value)) {
+            gridElement.formula = value;
+            this.grid.rendering.calculateViewport(true);
+            this.grid.rendering.render(false);
+        }
+        else if (gridElement) {
+            gridElement.formula = null;
+            this.grid.rendering.calculateViewport(true);
+            this.grid.rendering.render(false);
+        }
+        this.grid.editing.endFormulaMode();
+        this.grid.focus();
+        this.isInputActive = false;
+    }
+};
+exports.EditorFormula = EditorFormula;
+EditorFormula.styles = [formulabar_style_1.style];
+__decorate([
+    (0, decorators_js_1.property)({ type: Object })
+], EditorFormula.prototype, "grid", void 0);
+__decorate([
+    (0, decorators_js_1.state)()
+], EditorFormula.prototype, "gridElement", void 0);
+__decorate([
+    (0, decorators_js_1.query)('#addressInput')
+], EditorFormula.prototype, "addressInput", void 0);
+__decorate([
+    (0, decorators_js_1.query)('#formulaInput')
+], EditorFormula.prototype, "formulaInput", void 0);
+exports.EditorFormula = EditorFormula = __decorate([
+    (0, decorators_js_1.customElement)('og-editor-formula'),
+    (0, core_1.stylable)({ vars: ['background-color', 'font-*', 'accent-color', 'accent-color-highlight', 'text-*'] })
+], EditorFormula);
+//# sourceMappingURL=formulabar.js.map

package/dist/ui/formulabar.js.map

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

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

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

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

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

package/dist/ui/formulabar.style.js

@@ -0,0 +1,49 @@
+"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 {
+		font-size: var(--font-size);
+		box-sizing: border-box;
+		display: flex;
+		flex-direction: row;
+		gap: 4px;
+		position: relative;
+		background-color: var(--background-color);
+		padding: 4px;
+		outline: none;
+	}
+
+	#address {
+		flex: 0;
+		min-width: 100px;
+		border: 1.5px solid var(--accent-color);
+		padding: 0;
+	}
+
+	#address input {
+		outline: none;
+		border: none;
+		color: var(--text-color);
+		background-color: transparent;
+		display: block;
+		height: 100%;
+		width: 100%;
+	}
+
+
+	#formulaInput {
+		flex: 1;
+		height: 100%;
+		outline: none;
+		border: 1.5px solid var(--accent-color);
+		display: block;
+		padding: 0;
+	}
+`;
+//# sourceMappingURL=formulabar.style.js.map

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

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

package/dist/ui/gridStats.d.ts

@@ -0,0 +1,11 @@
+import { CellRange, Grid } from '@omegagrid/grid';
+import { LitElement } from 'lit';
+export declare class GridStats extends LitElement {
+    static styles: import("lit").CSSResult[];
+    grid: Grid;
+    range: CellRange;
+    stats: [string, string][];
+    willUpdate(props: Map<PropertyKey, unknown>): void;
+    render: () => import("lit-html").TemplateResult<1>;
+}
+//# sourceMappingURL=gridStats.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"gridStats.d.ts","sourceRoot":"","sources":["../../src/ui/gridStats.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAa,IAAI,EAAE,MAAM,iBAAiB,CAAC;AAC7D,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAK5C,qBACa,SAAU,SAAQ,UAAU;IAExC,MAAM,CAAC,MAAM,4BAYV;IAGH,IAAI,EAAE,IAAI,CAAC;IAGX,KAAK,EAAE,SAAS,CAAC;IAGjB,KAAK,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,EAAE,CAAM;IAE/B,UAAU,CAAC,KAAK,EAAE,GAAG,CAAC,WAAW,EAAE,OAAO,CAAC;IAsB3C,MAAM,6CAMJ;CAEF"}

package/dist/ui/gridStats.js

@@ -0,0 +1,74 @@
+"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.GridStats = void 0;
+const grid_1 = require("@omegagrid/grid");
+const lit_1 = require("lit");
+const decorators_js_1 = require("lit/decorators.js");
+const map_js_1 = require("lit-html/directives/map.js");
+const core_1 = require("@omegagrid/core");
+let GridStats = class GridStats extends lit_1.LitElement {
+    constructor() {
+        super(...arguments);
+        this.stats = [];
+        this.render = () => (0, lit_1.html) `
+		${(0, map_js_1.map)(this.stats, item => (0, lit_1.html) `
+			<div class="item">
+				<span>${item[0]}</span>: <span>${item[1]}</span>
+			</div>
+		`)}
+	`;
+    }
+    willUpdate(props) {
+        if ((props.has('grid') || props.has('range')) && this.range && this.grid.model) {
+            const stats = [];
+            const values = this.grid.model.getValuesInRange(grid_1.CellRange.fromA1(this.range.A1));
+            const numberFormatter = core_1.numbers.getNumberFormatter(this.grid.options.locale, '#,0.###');
+            // avg
+            const avg = grid_1.functions.get('AVERAGE')(values);
+            if (avg)
+                stats.push(['avg', numberFormatter(avg)]);
+            // cnt
+            const cnt = grid_1.functions.get('COUNT')(values);
+            if (cnt)
+                stats.push(['cnt', cnt.toString()]);
+            // sum
+            const sum = grid_1.functions.get('SUM')(values);
+            if (sum)
+                stats.push(['sum', numberFormatter(sum)]);
+            this.stats = stats;
+        }
+    }
+};
+exports.GridStats = GridStats;
+GridStats.styles = [(0, lit_1.css) `
+		:host {
+			display: flex;
+			flex-direction: row;
+			white-space: nowrap;
+			font-size: var(--font-size);
+			gap: 10px;
+		}
+
+		.item {
+			flex: 1;
+		}
+	`];
+__decorate([
+    (0, decorators_js_1.property)({ type: Object })
+], GridStats.prototype, "grid", void 0);
+__decorate([
+    (0, decorators_js_1.property)({ type: Object })
+], GridStats.prototype, "range", void 0);
+__decorate([
+    (0, decorators_js_1.state)()
+], GridStats.prototype, "stats", void 0);
+exports.GridStats = GridStats = __decorate([
+    (0, decorators_js_1.customElement)('og-editor-gridstats')
+], GridStats);
+//# sourceMappingURL=gridStats.js.map

package/dist/ui/gridStats.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"gridStats.js","sourceRoot":"","sources":["../../src/ui/gridStats.ts"],"names":[],"mappings":";;;;;;;;;AAAA,0CAA6D;AAC7D,6BAA4C;AAC5C,qDAAmE;AACnE,uDAAiD;AACjD,0CAA0C;AAGnC,IAAM,SAAS,GAAf,MAAM,SAAU,SAAQ,gBAAU;IAAlC;;QAuBN,UAAK,GAAuB,EAAE,CAAC;QAwB/B,WAAM,GAAG,GAAG,EAAE,CAAC,IAAA,UAAI,EAAA;IAChB,IAAA,YAAG,EAAC,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,EAAE,CAAC,IAAA,UAAI,EAAA;;YAEpB,IAAI,CAAC,CAAC,CAAC,kBAAkB,IAAI,CAAC,CAAC,CAAC;;GAEzC,CAAC;EACF,CAAC;IAEH,CAAC;IA9BA,UAAU,CAAC,KAAgC;QAC1C,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,MAAM,CAAC,IAAI,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC,IAAI,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC;YAChF,MAAM,KAAK,GAAsB,EAAE,CAAC;YACpC,MAAM,MAAM,GAAG,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,gBAAgB,CAAC,gBAAS,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,CAAC;YACjF,MAAM,eAAe,GAAG,cAAO,CAAC,kBAAkB,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,MAAM,EAAE,SAAS,CAAC,CAAC;YAExF,MAAM;YACN,MAAM,GAAG,GAAG,gBAAS,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC,MAAM,CAAW,CAAC;YACvD,IAAI,GAAG;gBAAE,KAAK,CAAC,IAAI,CAAC,CAAC,KAAK,EAAE,eAAe,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;YAEnD,MAAM;YACN,MAAM,GAAG,GAAG,gBAAS,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC,MAAM,CAAW,CAAC;YACrD,IAAI,GAAG;gBAAE,KAAK,CAAC,IAAI,CAAC,CAAC,KAAK,EAAE,GAAG,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC;YAE7C,MAAM;YACN,MAAM,GAAG,GAAG,gBAAS,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,MAAM,CAAW,CAAC;YACnD,IAAI,GAAG;gBAAE,KAAK,CAAC,IAAI,CAAC,CAAC,KAAK,EAAE,eAAe,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;YAEnD,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;QACpB,CAAC;IACF,CAAC;;AA7CW,8BAAS;AAEd,gBAAM,GAAG,CAAC,IAAA,SAAG,EAAA;;;;;;;;;;;;EAYnB,CAAC,AAZW,CAYV;AAGH;IADC,IAAA,wBAAQ,EAAC,EAAC,IAAI,EAAE,MAAM,EAAC,CAAC;uCACd;AAGX;IADC,IAAA,wBAAQ,EAAC,EAAC,IAAI,EAAE,MAAM,EAAC,CAAC;wCACR;AAGjB;IADC,IAAA,qBAAK,GAAE;wCACuB;oBAvBnB,SAAS;IADrB,IAAA,6BAAa,EAAC,qBAAqB,CAAC;GACxB,SAAS,CAuDrB"}

package/dist/ui/index.d.ts

@@ -0,0 +1,9 @@
+export * from './forms/configForm';
+export * from './editor';
+export * from './editorZoom';
+export * from './formulabar';
+export * from './gridStats';
+export * from './statusbar';
+export * from './toolbar';
+export * from './forms';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/ui/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC;AACnC,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC;AAC5B,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC"}

package/dist/ui/index.js

@@ -0,0 +1,25 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./forms/configForm"), exports);
+__exportStar(require("./editor"), exports);
+__exportStar(require("./editorZoom"), exports);
+__exportStar(require("./formulabar"), exports);
+__exportStar(require("./gridStats"), exports);
+__exportStar(require("./statusbar"), exports);
+__exportStar(require("./toolbar"), exports);
+__exportStar(require("./forms"), exports);
+//# sourceMappingURL=index.js.map

package/dist/ui/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/ui/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,qDAAmC;AACnC,2CAAyB;AACzB,+CAA6B;AAC7B,+CAA6B;AAC7B,8CAA4B;AAC5B,8CAA4B;AAC5B,4CAA0B;AAC1B,0CAAwB"}

package/dist/ui/statusbar.d.ts

@@ -0,0 +1,19 @@
+import { CellRange, Grid, GridEditEvent, GridGroup } from '@omegagrid/grid';
+import { LitElement } from 'lit';
+import { ComponentId } from '@omegagrid/core';
+export type StatusBarComponent = HTMLElement & {
+    group: GridGroup;
+    grid: Grid;
+    range: CellRange;
+};
+export declare class EditorStatusbar extends LitElement {
+    components: Map<ComponentId, StatusBarComponent>;
+    group: GridGroup;
+    grid: Grid;
+    range: CellRange;
+    _onGridEdit: (_e: GridEditEvent) => void;
+    willUpdate(_props: Map<PropertyKey, unknown>): void;
+    createComponent: (id: ComponentId) => StatusBarComponent;
+    render: () => import("lit-html").TemplateResult<1>;
+}
+//# sourceMappingURL=statusbar.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"statusbar.d.ts","sourceRoot":"","sources":["../../src/ui/statusbar.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAC5E,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAGvC,OAAO,EAAE,WAAW,EAAO,MAAM,iBAAiB,CAAC;AAuBnD,MAAM,MAAM,kBAAkB,GAAG,WAAW,GAAG;IAAC,KAAK,EAAE,SAAS,CAAC;IAAC,IAAI,EAAE,IAAI,CAAC;IAAC,KAAK,EAAE,SAAS,CAAA;CAAC,CAAC;AAEhG,qBACa,eAAgB,SAAQ,UAAU;IAI9C,UAAU,uCAA8C;IAGxD,KAAK,EAAE,SAAS,CAAC;IAGjB,IAAI,EAAE,IAAI,CAAC;IAGX,KAAK,EAAE,SAAS,CAAC;IAEjB,WAAW,OAAQ,aAAa,UAE/B;IAED,UAAU,CAAC,MAAM,EAAE,GAAG,CAAC,WAAW,EAAE,OAAO,CAAC;IAQ5C,eAAe,OAAQ,WAAW,wBAGhC;IAEF,MAAM,6CAKJ;CAEF"}