@omegagrid/editor 0.2.5

package/dist/ui/editorZoom.js

@@ -0,0 +1,85 @@
+"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.EditorZoom = void 0;
+const lit_1 = require("lit");
+const decorators_js_1 = require("lit/decorators.js");
+let EditorZoom = class EditorZoom extends lit_1.LitElement {
+    constructor() {
+        super(...arguments);
+        this._onSlideStart = (_e) => {
+            this.group.hideSelectors();
+        };
+        this._onSlide = (e) => {
+            this.updateText(e.value);
+            this.group.previewZoom(this.translateValue(e.value));
+        };
+        this._onSlideEnd = (e) => {
+            this.group.showSelectors();
+            this.slider.value = Math.round(e.value / 10) * 10;
+            this.updateText(this.slider.value);
+            this.group.zoom = this.translateValue(this.slider.value);
+        };
+        this.render = () => (0, lit_1.html) `
+		<div id="inner">
+			<og-slider
+				cursor="ew-resize"
+				maxValue="200"
+				pageSize="80"
+				value="100"
+				@slideStart="${this._onSlideStart}"
+				@slide="${this._onSlide}"
+				@slideEnd="${this._onSlideEnd}">
+			</og-slider>
+		</div>
+	`;
+    }
+    translateValue(value) {
+        return Math.round(value < 100 ? (50 + value / 2) : value) / 100;
+    }
+    updateText(value) {
+        this.slider.setText(`${Math.round((this.translateValue(value) * 100)).toString()}%`);
+    }
+    async updated() {
+        let value = 1;
+        if (this.group) {
+            await this.group.updateComplete;
+            value = this.group.zoom;
+        }
+        await this.updateComplete;
+        this.slider.value = value * 100;
+        this.updateText(this.slider.value);
+    }
+};
+exports.EditorZoom = EditorZoom;
+EditorZoom.styles = [(0, lit_1.css) `
+		:host {
+			display: block;
+		}
+
+		#inner {
+			height: 100%;
+			display: flex;
+			flex-direction: row;
+		}
+
+		og-slider {
+			width: 200px;
+			height: 100%;
+		}
+	`];
+__decorate([
+    (0, decorators_js_1.property)({ type: Object })
+], EditorZoom.prototype, "group", void 0);
+__decorate([
+    (0, decorators_js_1.query)('og-slider')
+], EditorZoom.prototype, "slider", void 0);
+exports.EditorZoom = EditorZoom = __decorate([
+    (0, decorators_js_1.customElement)('og-editor-zoom')
+], EditorZoom);
+//# sourceMappingURL=editorZoom.js.map

package/dist/ui/editorZoom.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"editorZoom.js","sourceRoot":"","sources":["../../src/ui/editorZoom.ts"],"names":[],"mappings":";;;;;;;;;AACA,6BAA4C;AAC5C,qDAAmE;AAI5D,IAAM,UAAU,GAAhB,MAAM,UAAW,SAAQ,gBAAU;IAAnC;;QAiCN,kBAAa,GAAG,CAAC,EAAc,EAAE,EAAE;YAClC,IAAI,CAAC,KAAK,CAAC,aAAa,EAAE,CAAC;QAC5B,CAAC,CAAA;QAED,aAAQ,GAAG,CAAC,CAAa,EAAE,EAAE;YAC5B,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC;YACzB,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC;QACtD,CAAC,CAAA;QAED,gBAAW,GAAG,CAAC,CAAa,EAAE,EAAE;YAC/B,IAAI,CAAC,KAAK,CAAC,aAAa,EAAE,CAAC;YAC3B,IAAI,CAAC,MAAM,CAAC,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,GAAG,EAAE,CAAC,GAAG,EAAE,CAAC;YAClD,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;YACnC,IAAI,CAAC,KAAK,CAAC,IAAI,GAAG,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;QAC1D,CAAC,CAAA;QAcD,WAAM,GAAG,GAAG,EAAE,CAAC,IAAA,UAAI,EAAA;;;;;;;mBAOD,IAAI,CAAC,aAAa;cACvB,IAAI,CAAC,QAAQ;iBACV,IAAI,CAAC,WAAW;;;EAG/B,CAAC;IAEH,CAAC;IAlDA,cAAc,CAAC,KAAa;QAC3B,OAAO,IAAI,CAAC,KAAK,CAAC,KAAK,GAAG,GAAG,CAAC,CAAC,CAAC,CAAC,EAAE,GAAG,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,GAAG,GAAG,CAAC;IACjE,CAAC;IAED,UAAU,CAAC,KAAa;QACvB,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG,GAAG,CAAC,CAAC,CAAC,QAAQ,EAAE,GAAG,CAAC,CAAC;IACtF,CAAC;IAkBD,KAAK,CAAC,OAAO;QACZ,IAAI,KAAK,GAAG,CAAC,CAAC;QACd,IAAI,IAAI,CAAC,KAAK,EAAE,CAAC;YAChB,MAAM,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC;YAChC,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC;QACzB,CAAC;QAED,MAAM,IAAI,CAAC,cAAc,CAAC;QAC1B,IAAI,CAAC,MAAM,CAAC,KAAK,GAAG,KAAK,GAAG,GAAG,CAAC;QAChC,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;IACpC,CAAC;;AA3DW,gCAAU;AAEf,iBAAM,GAAG,CAAC,IAAA,SAAG,EAAA;;;;;;;;;;;;;;;EAenB,CAAC,AAfW,CAeV;AAGH;IADC,IAAA,wBAAQ,EAAC,EAAC,IAAI,EAAE,MAAM,EAAC,CAAC;yCACR;AAGjB;IADC,IAAA,qBAAK,EAAC,WAAW,CAAC;0CACJ;qBAvBH,UAAU;IADtB,IAAA,6BAAa,EAAC,gBAAgB,CAAC;GACnB,UAAU,CA2EtB"}

package/dist/ui/forms/configForm.d.ts

@@ -0,0 +1,12 @@
+import { FormContainer } from "@omegagrid/form";
+import { Grid, GridGroup, GridModel } from '@omegagrid/grid';
+export declare class ConfigForm extends FormContainer {
+    static styles: import("lit").CSSResult[];
+    model: GridModel;
+    grid: Grid;
+    group: GridGroup;
+    connectedCallback(): void;
+    firstUpdated(): void;
+    updated(): Promise<void>;
+}
+//# sourceMappingURL=configForm.d.ts.map

package/dist/ui/forms/configForm.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"configForm.d.ts","sourceRoot":"","sources":["../../../src/ui/forms/configForm.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,aAAa,EAAsD,MAAM,iBAAiB,CAAC;AACpG,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAwB7D,qBAEa,UAAW,SAAQ,aAAa;IAE5C,MAAM,CAAC,MAAM,4BAA6B;IAG1C,KAAK,EAAE,SAAS,CAAC;IAGjB,IAAI,EAAE,IAAI,CAAC;IAGX,KAAK,EAAE,SAAS,CAAC;IAEjB,iBAAiB;IAKjB,YAAY;IAwBN,OAAO;CAab"}

package/dist/ui/forms/configForm.js

@@ -0,0 +1,89 @@
+"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.ConfigForm = void 0;
+const core_1 = require("@omegagrid/core");
+const tree_1 = require("@omegagrid/tree");
+const decorators_js_1 = require("lit/decorators.js");
+const form_1 = require("@omegagrid/form");
+const visibilityControlItem = {
+    type: form_1.FormControlType.List, value: [], content: {
+        sourceData: [{ k: true, v: 'Visible', icon: 'eye' }, { k: false, v: 'Hidden', icon: 'eye-slash' }],
+        options: { allowEmpty: false, checkboxes: false, selectMode: tree_1.SelectMode.Single, autoClose: true }
+    }
+};
+const formContainerSettings = [{
+        caption: 'Settings',
+        controls: [
+            { row: 0, col: 0, type: form_1.FormControlType.Label, value: 'Name' },
+            { row: 0, col: 1, type: form_1.FormControlType.TextInput, key: 'name' },
+            { row: 1, col: 0, type: form_1.FormControlType.Label, value: 'Color' },
+            { row: 1, col: 1, type: form_1.FormControlType.ColorInput, key: 'color' },
+            { row: 2, col: 0, type: form_1.FormControlType.Label, value: 'Grid' },
+            Object.assign({ row: 2, col: 1, key: 'grid' }, visibilityControlItem),
+            { row: 3, col: 0, type: form_1.FormControlType.Label, value: 'Row numbers' },
+            Object.assign({ row: 3, col: 1, key: 'rowNumbers' }, visibilityControlItem),
+            { row: 4, col: 0, type: form_1.FormControlType.Label, value: 'Column letters' },
+            Object.assign({ row: 4, col: 1, key: 'colLetters' }, visibilityControlItem),
+        ], columns: [{ width: 120 }, { width: null }]
+    }];
+let ConfigForm = class ConfigForm extends form_1.FormContainer {
+    connectedCallback() {
+        super.connectedCallback();
+        this.setSourceData(formContainerSettings);
+    }
+    firstUpdated() {
+        this.addEventListener('form.change', () => {
+            var _a;
+            const values = this.forms[0].values;
+            this.model.options.grid = values['grid'];
+            this.model.options.rowNumbers = values['rowNumbers'];
+            this.model.options.colLetters = values['colLetters'];
+            if (this.model.name != values['name']) {
+                try {
+                    this.group.renameSheet(this.model.name, values['name']);
+                }
+                catch (error) {
+                    setTimeout(() => this.forms[0].setValue('name', this.model.name), 100);
+                }
+            }
+            if (this.model.tabColor != values['color']) {
+                this.model.tabColor = values['color'];
+                this.group.updateTabs();
+            }
+            (_a = this.grid) === null || _a === void 0 ? void 0 : _a.table.refresh();
+        });
+    }
+    async updated() {
+        const values = this.model ? {
+            name: this.model.name,
+            color: this.model.tabColor,
+            grid: this.model.options.grid,
+            rowNumbers: this.model.options.rowNumbers,
+            colLetters: this.model.options.colLetters
+        } : {};
+        await this.forms[0].updateComplete;
+        this.forms[0].values = values;
+    }
+};
+exports.ConfigForm = ConfigForm;
+ConfigForm.styles = [...form_1.FormContainer.styles];
+__decorate([
+    (0, decorators_js_1.property)({ type: Object })
+], ConfigForm.prototype, "model", void 0);
+__decorate([
+    (0, decorators_js_1.property)({ type: Object })
+], ConfigForm.prototype, "grid", void 0);
+__decorate([
+    (0, decorators_js_1.property)({ type: Object })
+], ConfigForm.prototype, "group", void 0);
+exports.ConfigForm = ConfigForm = __decorate([
+    (0, decorators_js_1.customElement)('og-editor-form-config'),
+    (0, core_1.stylable)({ vars: ['background-color', 'font-*', 'accent-color', 'accent-color-highlight', 'text-color-2'] })
+], ConfigForm);
+//# sourceMappingURL=configForm.js.map

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

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

package/dist/ui/forms/headerForm.d.ts

@@ -0,0 +1,18 @@
+import { FormContainer, FormSettings } from "@omegagrid/form";
+import { CellRange, Grid } from '@omegagrid/grid';
+import { LitElement } from 'lit';
+export declare class HeaderForm extends LitElement {
+    grid: Grid;
+    range: CellRange;
+    formContainer: FormContainer;
+    headerCount: number;
+    formConfig: FormSettings[];
+    connectedCallback(): void;
+    getGridColumn(): import("@omegagrid/grid").ColumnModel;
+    getFormContainerConfig(): FormSettings[];
+    constructor();
+    willUpdate(props: Map<PropertyKey, unknown>): void;
+    updated(props: Map<PropertyKey, unknown>): void;
+    render: () => import("lit-html").TemplateResult<1>;
+}
+//# sourceMappingURL=headerForm.d.ts.map

package/dist/ui/forms/headerForm.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"headerForm.d.ts","sourceRoot":"","sources":["../../../src/ui/forms/headerForm.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,aAAa,EAAE,YAAY,EAA8B,MAAM,iBAAiB,CAAC;AAC1F,OAAO,EAAE,SAAS,EAAqB,IAAI,EAAE,MAAM,iBAAiB,CAAC;AACrE,OAAO,EAAQ,UAAU,EAAE,MAAM,KAAK,CAAC;AAEvC,qBAEa,UAAW,SAAQ,UAAU;IAGzC,IAAI,EAAE,IAAI,CAAC;IAGX,KAAK,EAAE,SAAS,CAAC;IAGjB,aAAa,EAAE,aAAa,CAAC;IAG7B,WAAW,EAAE,MAAM,CAAC;IAEpB,UAAU,EAAE,YAAY,EAAE,CAAC;IAE3B,iBAAiB;IAIjB,aAAa;IAIb,sBAAsB;;IAyGtB,UAAU,CAAC,KAAK,EAAE,GAAG,CAAC,WAAW,EAAE,OAAO,CAAC;IAM3C,OAAO,CAAC,KAAK,EAAE,GAAG,CAAC,WAAW,EAAE,OAAO,CAAC;IAMxC,MAAM,6CAEJ;CAEF"}

package/dist/ui/forms/headerForm.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.HeaderForm = void 0;
+const core_1 = require("@omegagrid/core");
+const decorators_js_1 = require("lit/decorators.js");
+const form_1 = require("@omegagrid/form");
+const lit_1 = require("lit");
+let HeaderForm = class HeaderForm extends lit_1.LitElement {
+    connectedCallback() {
+        super.connectedCallback();
+    }
+    getGridColumn() {
+        return this.grid.model.columns[this.range.c1];
+    }
+    getFormContainerConfig() {
+        var _a, _b, _c;
+        const formSettings = {
+            caption: 'Headers',
+            controls: [],
+            columns: [{ width: null }, { width: 60 }, { width: 60 }, { width: 20 }]
+        };
+        if (this.range) {
+            if (this.headerCount > 0) {
+                formSettings.controls.push({
+                    row: 0,
+                    col: 0,
+                    type: form_1.FormControlType.Label,
+                    value: 'Label'
+                });
+                formSettings.controls.push({
+                    row: 0,
+                    col: 1,
+                    type: form_1.FormControlType.Label,
+                    value: 'Colspan'
+                });
+                formSettings.controls.push({
+                    row: 0,
+                    col: 2,
+                    type: form_1.FormControlType.Label,
+                    value: 'Rowspan'
+                });
+            }
+            const column = this.getGridColumn();
+            for (let h = 0; h < this.headerCount; h++) {
+                const r = h + 1;
+                formSettings.controls.push({
+                    row: r,
+                    col: 0,
+                    type: form_1.FormControlType.TextInput,
+                    key: `label-${h}`,
+                    value: (_a = column.header[h]) === null || _a === void 0 ? void 0 : _a.label
+                });
+                formSettings.controls.push({
+                    row: r,
+                    col: 1,
+                    type: form_1.FormControlType.NumericInput,
+                    key: `colspan-${h}`,
+                    value: ((_b = column.header[h]) === null || _b === void 0 ? void 0 : _b.cs) || 1
+                });
+                formSettings.controls.push({
+                    row: r,
+                    col: 2,
+                    type: form_1.FormControlType.NumericInput,
+                    key: `rowspan-${h}`,
+                    value: ((_c = column.header[h]) === null || _c === void 0 ? void 0 : _c.rs) || 1
+                });
+                formSettings.controls.push({
+                    row: r,
+                    col: 3,
+                    type: form_1.FormControlType.Button,
+                    key: `remove-${h}`,
+                    options: { color: 'red', icon: 'trash' }
+                });
+            }
+            formSettings.controls.push({
+                row: this.headerCount + 1,
+                col: 0,
+                type: form_1.FormControlType.Button,
+                key: 'add',
+                value: '+',
+                cs: 3
+            });
+        }
+        return [formSettings];
+    }
+    constructor() {
+        super();
+        this.render = () => (0, lit_1.html) `
+		<og-form-container></og-form-container>
+	`;
+        this.addEventListener('form.change', (e) => {
+            if (e.key == 'add')
+                ++this.headerCount;
+            else if (e.key.startsWith('remove-')) {
+                const h = parseInt(e.key.substring(7));
+                this.grid.model.removeHeader(h);
+                this.grid.rendering.updateHeaders();
+                --this.headerCount;
+            }
+            else {
+                const values = this.formContainer.forms[0].values;
+                const column = this.getGridColumn();
+                const headers = [];
+                for (let h = 0; h < this.headerCount; h++) {
+                    headers.push(Object.assign(column.header[h] || {}, {
+                        label: values[`label-${h}`],
+                        cs: values[`colspan-${h}`],
+                        rs: values[`rowspan-${h}`]
+                    }));
+                }
+                column.header = headers;
+                this.grid.rendering.updateHeaders();
+            }
+        });
+    }
+    willUpdate(props) {
+        if (props.has('range') && !props.has('headerCount')) {
+            this.headerCount = this.grid ? this.grid.model.headerCount : 0;
+        }
+    }
+    updated(props) {
+        if (props.has('range') || props.has('headerCount')) {
+            this.formContainer.setSourceData(this.getFormContainerConfig());
+        }
+    }
+};
+exports.HeaderForm = HeaderForm;
+__decorate([
+    (0, decorators_js_1.property)({ type: Object })
+], HeaderForm.prototype, "grid", void 0);
+__decorate([
+    (0, decorators_js_1.property)({ type: Object })
+], HeaderForm.prototype, "range", void 0);
+__decorate([
+    (0, decorators_js_1.query)('og-form-container')
+], HeaderForm.prototype, "formContainer", void 0);
+__decorate([
+    (0, decorators_js_1.state)()
+], HeaderForm.prototype, "headerCount", void 0);
+exports.HeaderForm = HeaderForm = __decorate([
+    (0, decorators_js_1.customElement)('og-editor-form-headers'),
+    (0, core_1.stylable)({ vars: ['background-color', 'font-*', 'accent-*'] })
+], HeaderForm);
+//# sourceMappingURL=headerForm.js.map

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

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

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

@@ -0,0 +1,7 @@
+export * from './configForm';
+export * from './headerForm';
+export * from './namesForm';
+export * from './ruleForm';
+export * from './styleForm';
+export * from './sparklineForm';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/ui/forms/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,iBAAiB,CAAC"}

package/dist/ui/forms/index.js

@@ -0,0 +1,23 @@
+"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("./configForm"), exports);
+__exportStar(require("./headerForm"), exports);
+__exportStar(require("./namesForm"), exports);
+__exportStar(require("./ruleForm"), exports);
+__exportStar(require("./styleForm"), exports);
+__exportStar(require("./sparklineForm"), exports);
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/ui/forms/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,+CAA6B;AAC7B,+CAA6B;AAC7B,8CAA4B;AAC5B,6CAA2B;AAC3B,8CAA4B;AAC5B,kDAAgC"}

package/dist/ui/forms/namesForm.d.ts

@@ -0,0 +1,21 @@
+import { List } from '@omegagrid/core';
+import { CellRange, Grid, GridModel } from '@omegagrid/grid';
+import { LitElement } from 'lit';
+export declare class NamesForm extends LitElement {
+    static styles: import("lit").CSSResult[];
+    grid: Grid;
+    model: GridModel;
+    list: List;
+    _items: [string, CellRange][];
+    get items(): [string, CellRange][];
+    connectedCallback(): void;
+    updateList: () => void;
+    deleteName(index: number): void;
+    addName(): void;
+    _onApplyClick: () => void;
+    _onInputChange(e: Event, groupIndex: number): void;
+    _itemRenderer: (_div: HTMLDivElement, index: number) => import("lit-html").TemplateResult<1>;
+    updated(): void;
+    render: () => import("lit-html").TemplateResult<1> | "";
+}
+//# sourceMappingURL=namesForm.d.ts.map

package/dist/ui/forms/namesForm.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"namesForm.d.ts","sourceRoot":"","sources":["../../../src/ui/forms/namesForm.ts"],"names":[],"mappings":"AAAA,OAAO,EAAS,IAAI,EAAY,MAAM,iBAAiB,CAAC;AAExD,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAC7D,OAAO,EAAQ,UAAU,EAAE,MAAM,KAAK,CAAC;AAGvC,qBAEa,SAAU,SAAQ,UAAU;IAExC,MAAM,CAAC,MAAM,4BAAW;IAGxB,IAAI,EAAE,IAAI,CAAC;IAGX,KAAK,EAAE,SAAS,CAAC;IAGjB,IAAI,EAAE,IAAI,CAAC;IAEX,MAAM,EAAE,CAAC,MAAM,EAAE,SAAS,CAAC,EAAE,CAAC;IAC9B,IAAI,KAAK,0BAA+E;IAExF,iBAAiB;IAIjB,UAAU,aAIT;IAED,UAAU,CAAC,KAAK,EAAE,MAAM;IAKxB,OAAO;IAMP,aAAa,aAEZ;IAED,cAAc,CAAC,CAAC,EAAE,KAAK,EAAE,UAAU,EAAE,MAAM;IAU3C,aAAa,SAAU,cAAc,SAAS,MAAM,0CAsCnD;IAED,OAAO;IAIP,MAAM,kDAeC;CACP"}

package/dist/ui/forms/namesForm.js

@@ -0,0 +1,127 @@
+"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.NamesForm = void 0;
+const core_1 = require("@omegagrid/core");
+const decorators_js_1 = require("lit/decorators.js");
+const grid_1 = require("@omegagrid/grid");
+const lit_1 = require("lit");
+const sparklineForm_style_1 = require("./sparklineForm.style");
+let NamesForm = class NamesForm extends lit_1.LitElement {
+    constructor() {
+        super(...arguments);
+        this.updateList = () => {
+            this._items = null;
+            this.list.size = this.items.length;
+            this.list.renderItems(true);
+        };
+        this._onApplyClick = () => {
+            this.grid.rendering.render(false);
+        };
+        this._itemRenderer = (_div, index) => {
+            const item = this.items[index];
+            return (0, lit_1.html) `
+			<div class="item-content p">
+				<div class="item-form">
+					<div class="row item-header">
+						<div class="item-header-title">Definition #${index + 1}</div>
+						<div class="item-header-controls">
+							<og-button
+								icon="trash"
+								color="red"
+								@click="${() => this.deleteName(index)}">
+							</og-button>
+						</div>
+					</div>
+					
+					<div class="row">Name</div>
+					<div class="row">
+						<og-input
+							data-id="name"
+							.value="${item[0] || ''}"
+							style="width: 100%"
+							@change="${(e) => this._onInputChange(e, index)}">
+						</og-input>
+					</div>
+
+					<div class="row">Range</div>
+					<div class="row">
+						<og-input
+							data-id="range"
+							.value="${item[1] ? item[1].A1 : ''}"
+							style="width: 100%"
+							@change="${(e) => this._onInputChange(e, index)}">
+						</og-input>
+					</div>
+				</div>
+			</div>
+		`;
+        };
+        this.render = () => this.model ? (0, lit_1.html) `
+		<div class="controls p">
+			<og-button text="+" @click="${() => this.addName()}"></og-button>
+			<og-button @click="${this._onApplyClick}">
+				<div slot="content"><og-fa-icon icon="refresh"></og-fa-icon> Apply</div>
+			</og-button>
+		</div>
+		<div class="body">
+			<og-list ?nativeHeight="${true}"
+				itemHeight="120"
+				.customStyle=${sparklineForm_style_1.itemStyle}
+				.itemRenderer="${this._itemRenderer}"
+				.size="${this.model.names.names.size}">
+			</og-list>
+		</div>
+	` : '';
+    }
+    get items() { var _a; return (_a = this._items) !== null && _a !== void 0 ? _a : (this._items = Array.from(this.model.names.names)); }
+    connectedCallback() {
+        super.connectedCallback();
+    }
+    deleteName(index) {
+        this.model.names.delete(this.items[index][0]);
+        this.updateList();
+    }
+    addName() {
+        const range = this.grid.selection.range.clone();
+        this.model.names.set(`${range.bounds[0][0].A1}_${range.bounds[1][1].A1}`, range);
+        this.updateList();
+    }
+    _onInputChange(e, groupIndex) {
+        const sparklines = this.model.sparklines;
+        const group = sparklines.groups.get(groupIndex);
+        const input = e.target;
+        switch (input.dataset.id) {
+            case 'locRange':
+                sparklines.update(groupIndex, input.value ? grid_1.CellRange.fromA1(input.value) : null, group.dataRanges);
+                break;
+            case 'dataRange':
+                sparklines.update(groupIndex, group.locRange, input.value ? grid_1.CellRange.fromA1s(input.value).map(r => ([r, null])) : null);
+                break;
+        }
+    }
+    updated() {
+        this.updateList();
+    }
+};
+exports.NamesForm = NamesForm;
+NamesForm.styles = [sparklineForm_style_1.style];
+__decorate([
+    (0, decorators_js_1.property)({ type: Object })
+], NamesForm.prototype, "grid", void 0);
+__decorate([
+    (0, decorators_js_1.property)({ type: Object })
+], NamesForm.prototype, "model", void 0);
+__decorate([
+    (0, decorators_js_1.query)('og-list')
+], NamesForm.prototype, "list", void 0);
+exports.NamesForm = NamesForm = __decorate([
+    (0, decorators_js_1.customElement)('og-editor-form-names'),
+    (0, core_1.stylable)({ vars: ['background-color', 'font-*', 'accent-*', 'text-color-2', 'colortype-*'] })
+], NamesForm);
+//# sourceMappingURL=namesForm.js.map

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

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

package/dist/ui/forms/ruleForm.d.ts

@@ -0,0 +1,20 @@
+import { List } from '@omegagrid/core';
+import { ConditionalFormat, Grid, GridModel } from '@omegagrid/grid';
+import { LitElement } from 'lit';
+export declare class RuleForm extends LitElement {
+    static styles: import("lit").CSSResult[];
+    grid: Grid;
+    model: GridModel;
+    list: List;
+    connectedCallback(): void;
+    updateList: () => void;
+    moveRuleUp(index: number): void;
+    moveRuleDown(index: number): void;
+    deleteRule(index: number): void;
+    addRule(): void;
+    _onApplyClick: () => void;
+    _onInputChange(e: Event, format: ConditionalFormat): void;
+    _itemRenderer: (_div: HTMLDivElement, index: number) => import("lit-html").TemplateResult<1>;
+    render: () => import("lit-html").TemplateResult<1> | "";
+}
+//# sourceMappingURL=ruleForm.d.ts.map

package/dist/ui/forms/ruleForm.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ruleForm.d.ts","sourceRoot":"","sources":["../../../src/ui/forms/ruleForm.ts"],"names":[],"mappings":"AAAA,OAAO,EAAS,IAAI,EAAY,MAAM,iBAAiB,CAAC;AAExD,OAAO,EAAa,iBAAiB,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAChF,OAAO,EAAQ,UAAU,EAAE,MAAM,KAAK,CAAC;AAGvC,qBAEa,QAAS,SAAQ,UAAU;IAEvC,MAAM,CAAC,MAAM,4BAAW;IAGxB,IAAI,EAAE,IAAI,CAAC;IAGX,KAAK,EAAE,SAAS,CAAC;IAGjB,IAAI,EAAE,IAAI,CAAC;IAEX,iBAAiB;IAIjB,UAAU,aAGT;IAED,UAAU,CAAC,KAAK,EAAE,MAAM;IAOxB,YAAY,CAAC,KAAK,EAAE,MAAM;IAO1B,UAAU,CAAC,KAAK,EAAE,MAAM;IAMxB,OAAO;IAMP,aAAa,aAGZ;IAED,cAAc,CAAC,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,iBAAiB;IAQlD,aAAa,SAAU,cAAc,SAAS,MAAM,0CAsDnD;IAED,MAAM,kDAeC;CACP"}