@omegagrid/editor 0.2.5

package/dist/ui/statusbar.js

@@ -0,0 +1,72 @@
+"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.EditorStatusbar = void 0;
+const lit_1 = require("lit");
+const decorators_js_1 = require("lit/decorators.js");
+const core_1 = require("@omegagrid/core");
+const rightItems = [
+    { type: 'custom', id: 'stats' },
+    { type: 'custom', id: 'zoom' },
+    // {type: 'button', id: 'btn1', text: 'item1', icon: 'book'},
+    // {type: 'button', id: 'btn2', text: 'item2', icon: 'book'},
+];
+const componentFactories = new Map([
+    ['stats', (group) => {
+            const zoom = core_1.dom.createElement('og-editor-gridstats');
+            zoom.group = group;
+            return zoom;
+        }],
+    ['zoom', (group) => {
+            const zoom = core_1.dom.createElement('og-editor-zoom');
+            zoom.group = group;
+            return zoom;
+        }]
+]);
+let EditorStatusbar = class EditorStatusbar extends lit_1.LitElement {
+    constructor() {
+        //static styles = [style];
+        super(...arguments);
+        this.components = new Map();
+        this._onGridEdit = (_e) => {
+            // this.updateToolbar();
+        };
+        this.createComponent = (id) => {
+            if (!this.components.has(id))
+                this.components.set(id, componentFactories.get(id)(this.group));
+            return this.components.get(id);
+        };
+        this.render = () => (0, lit_1.html) `
+		<og-statusbar
+			.rightItems="${rightItems}"
+			.createComponent="${this.createComponent}">
+		</og-statusbar>
+	`;
+    }
+    willUpdate(_props) {
+        this.components.forEach(c => {
+            c.group = this.group;
+            c.grid = this.grid;
+            c.range = this.range;
+        });
+    }
+};
+exports.EditorStatusbar = EditorStatusbar;
+__decorate([
+    (0, decorators_js_1.property)({ type: Object })
+], EditorStatusbar.prototype, "group", void 0);
+__decorate([
+    (0, decorators_js_1.property)({ type: Object })
+], EditorStatusbar.prototype, "grid", void 0);
+__decorate([
+    (0, decorators_js_1.property)({ type: Object })
+], EditorStatusbar.prototype, "range", void 0);
+exports.EditorStatusbar = EditorStatusbar = __decorate([
+    (0, decorators_js_1.customElement)('og-editor-statusbar')
+], EditorStatusbar);
+//# sourceMappingURL=statusbar.js.map

package/dist/ui/statusbar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"statusbar.js","sourceRoot":"","sources":["../../src/ui/statusbar.ts"],"names":[],"mappings":";;;;;;;;;AACA,6BAAuC;AACvC,qDAA4D;AAE5D,0CAAmD;AAGnD,MAAM,UAAU,GAAoB;IACnC,EAAC,IAAI,EAAE,QAAQ,EAAE,EAAE,EAAE,OAAO,EAAC;IAC7B,EAAC,IAAI,EAAE,QAAQ,EAAE,EAAE,EAAE,MAAM,EAAC;IAC5B,6DAA6D;IAC7D,6DAA6D;CAC7D,CAAC;AAEF,MAAM,kBAAkB,GAAG,IAAI,GAAG,CAAiD;IAClF,CAAC,OAAO,EAAE,CAAC,KAAgB,EAAE,EAAE;YAC9B,MAAM,IAAI,GAAG,UAAG,CAAC,aAAa,CAAa,qBAAqB,CAAC,CAAC;YAClE,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;YACnB,OAAO,IAAI,CAAC;QACb,CAAC,CAAC;IACF,CAAC,MAAM,EAAE,CAAC,KAAgB,EAAE,EAAE;YAC7B,MAAM,IAAI,GAAG,UAAG,CAAC,aAAa,CAAa,gBAAgB,CAAC,CAAC;YAC7D,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;YACnB,OAAO,IAAI,CAAC;QACb,CAAC,CAAC;CACF,CAAC,CAAC;AAKI,IAAM,eAAe,GAArB,MAAM,eAAgB,SAAQ,gBAAU;IAAxC;QAEN,0BAA0B;;QAE1B,eAAU,GAAG,IAAI,GAAG,EAAmC,CAAC;QAWxD,gBAAW,GAAG,CAAC,EAAiB,EAAE,EAAE;YACnC,wBAAwB;QACzB,CAAC,CAAA;QAUD,oBAAe,GAAG,CAAC,EAAe,EAAE,EAAE;YACrC,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,EAAE,CAAC;gBAAE,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,EAAE,EAAE,kBAAkB,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,KAAK,CAAuB,CAAC,CAAC;YACpH,OAAO,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC;QAChC,CAAC,CAAC;QAEF,WAAM,GAAG,GAAG,EAAE,CAAC,IAAA,UAAI,EAAA;;kBAEF,UAAU;uBACL,IAAI,CAAC,eAAe;;EAEzC,CAAC;IAEH,CAAC;IApBA,UAAU,CAAC,MAAiC;QAC3C,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE;YAC3B,CAAC,CAAC,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC;YACrB,CAAC,CAAC,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC;YACnB,CAAC,CAAC,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC;QACtB,CAAC,CAAC,CAAC;IACJ,CAAC;CAcD,CAAA;AAvCY,0CAAe;AAO3B;IADC,IAAA,wBAAQ,EAAC,EAAC,IAAI,EAAE,MAAM,EAAC,CAAC;8CACR;AAGjB;IADC,IAAA,wBAAQ,EAAC,EAAC,IAAI,EAAE,MAAM,EAAC,CAAC;6CACd;AAGX;IADC,IAAA,wBAAQ,EAAC,EAAC,IAAI,EAAE,MAAM,EAAC,CAAC;8CACR;0BAbL,eAAe;IAD3B,IAAA,6BAAa,EAAC,qBAAqB,CAAC;GACxB,eAAe,CAuC3B"}

package/dist/ui/toolbar.config.d.ts

@@ -0,0 +1,6 @@
+import { ToolbarItem } from "@omegagrid/toolbar";
+export declare const createBorderIcon: (border: 'top' | 'right' | 'left' | 'bottom' | 'bottom-double' | 'bottom-thick' | 'top-bottom' | 'top-bottom-thick' | 'all' | 'none' | 'outside' | 'outside-thick') => import("lit-html").TemplateResult<1>;
+export declare const leftToolbarConfig: ToolbarItem[];
+export declare const centerToolbarConfig: ToolbarItem[];
+export declare const rightToolbarConfig: ToolbarItem[];
+//# sourceMappingURL=toolbar.config.d.ts.map

package/dist/ui/toolbar.config.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"toolbar.config.d.ts","sourceRoot":"","sources":["../../src/ui/toolbar.config.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAIjD,eAAO,MAAM,gBAAgB,WAAY,KAAK,GAAC,OAAO,GAAC,MAAM,GAAC,QAAQ,GAAC,eAAe,GAAC,cAAc,GAAC,YAAY,GAAC,kBAAkB,GAAC,KAAK,GAAC,MAAM,GAAC,SAAS,GAAC,eAAe,yCAwE3K,CAAA;AAID,eAAO,MAAM,iBAAiB,EAAE,WAAW,EAyC1C,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,WAAW,EAK5C,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,WAAW,EAE3C,CAAC"}

package/dist/ui/toolbar.config.js

@@ -0,0 +1,138 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.rightToolbarConfig = exports.centerToolbarConfig = exports.leftToolbarConfig = exports.createBorderIcon = void 0;
+const core_1 = require("@omegagrid/core");
+const lit_html_1 = require("lit-html");
+const style_map_js_1 = require("lit-html/directives/style-map.js");
+const createBorderIcon = (border) => {
+    const borderWidth = ['outside-thick', 'bottom-thick'].indexOf(border) > -1 ? '2px' : '1.5px';
+    const style = {
+        boxSizing: 'border-box',
+        width: "15px",
+        height: "15px",
+        marginLeft: "2px",
+        borderWidth: '1px',
+        borderColor: 'var(--text-color-2)',
+        borderStyle: 'dotted',
+        position: 'relative',
+    };
+    if (border == 'top' || border == 'top-bottom' || border == 'top-bottom-thick' || border == 'all' || border == 'outside' || border == 'outside-thick') {
+        style.borderTopStyle = 'solid';
+        style.borderTopWidth = borderWidth;
+    }
+    if (border == 'right' || border == 'all' || border == 'outside' || border == 'outside-thick') {
+        style.borderRightStyle = 'solid';
+        style.borderRightWidth = borderWidth;
+    }
+    if (border == 'bottom' || border == 'top-bottom' || border == 'all' || border == 'outside' || border == 'outside-thick') {
+        style.borderBottomStyle = 'solid';
+        style.borderBottomWidth = borderWidth;
+    }
+    if (border == 'bottom-double') {
+        style.borderBottomStyle = 'double';
+        style.borderBottomWidth = '2px';
+    }
+    if (border == 'bottom-thick' || border == 'top-bottom-thick') {
+        style.borderBottomStyle = 'solid';
+        style.borderBottomWidth = '2px';
+    }
+    if (border == 'left' || border == 'all' || border == 'outside' || border == 'outside-thick') {
+        style.borderLeftStyle = 'solid';
+        style.borderLeftWidth = borderWidth;
+    }
+    const insideStyle1 = {
+        position: 'absolute',
+        width: '100%',
+        height: '50%',
+        top: '0',
+        left: '0',
+        borderColor: 'var(--text-color-2)',
+        borderWidth: border == 'all' ? borderWidth : '1px',
+        borderBottomStyle: border == 'all' ? 'solid' : 'dotted'
+    };
+    const insideStyle2 = {
+        position: 'absolute',
+        width: '50%',
+        height: '100%',
+        top: '0',
+        left: '0',
+        borderColor: 'var(--text-color-2)',
+        borderWidth: border == 'all' ? borderWidth : '1px',
+        borderRightStyle: border == 'all' ? 'solid' : 'dotted'
+    };
+    return (0, lit_html_1.html) `
+		<div style="${(0, style_map_js_1.styleMap)(style)}">
+			<div style="${(0, style_map_js_1.styleMap)(insideStyle1)}"></div>
+			<div style="${(0, style_map_js_1.styleMap)(insideStyle2)}"></div>
+		</div>
+	`;
+};
+exports.createBorderIcon = createBorderIcon;
+const predefinedFormats = ['#,0.0', '#,0.00', '#,0.000', '0%', '0.0%', '0.00%', '0.000%'];
+exports.leftToolbarConfig = [
+    { type: 'button', id: 'undo', icon: { icon: 'rotate-left' } },
+    { type: 'button', id: 'redo', icon: { icon: 'rotate-right' } },
+    { 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', items: [[
+                { type: 'button', id: 'alignTopLeft', value: { vertical: 'top', horizontal: 'left' }, icon: { icon: 'arrow-up', rotation: -45 } },
+                { type: 'button', id: 'alignTopCenter', value: { vertical: 'top', horizontal: 'center' }, icon: { icon: 'arrow-up', rotation: 0 } },
+                { type: 'button', id: 'alignTopRight', value: { vertical: 'top', horizontal: 'right' }, icon: { icon: 'arrow-up', rotation: 45 } },
+            ], [
+                { type: 'button', id: 'alignCenterLeft', value: { vertical: 'center', horizontal: 'left' }, icon: { icon: 'arrow-left' } },
+                { type: 'button', id: 'alignCenterCenter', value: { vertical: 'center', horizontal: 'center' }, icon: { icon: 'arrows-to-dot' } },
+                { type: 'button', id: 'alignCenterRight', value: { vertical: 'center', horizontal: 'right' }, default: true, icon: { icon: 'arrow-right' } },
+            ], [
+                { type: 'button', id: 'alignBottomLeft', value: { vertical: 'bottom', horizontal: 'left' }, icon: { icon: 'arrow-left', rotation: -45 } },
+                { type: 'button', id: 'alignBottomCenter', value: { vertical: 'bottom', horizontal: 'center' }, icon: { icon: 'arrow-down' } },
+                { type: 'button', id: 'alignBottomRight', value: { vertical: 'bottom', horizontal: 'right' }, icon: { icon: 'arrow-right', rotation: 45 } },
+            ]] },
+    { type: 'dropdown', id: 'type', width: 80, items: Object.entries(core_1.UIValueType).map(entry => ({ k: entry[1], v: entry[0] })) },
+    { type: 'text', id: 'format', width: 100, items: predefinedFormats.map(f => ({ k: f, v: f })), placeholder: '<format>' },
+    { type: 'color', id: 'color', icon: { icon: 'font' } },
+    { type: 'color', id: 'fgColor', icon: { icon: 'fill' } },
+    { type: 'togglebutton', id: 'merge', title: 'Merge', icon: { icon: 'object-union' } },
+    { type: 'togglebutton', id: 'wrap', title: 'Word wrap', icon: { icon: 'text', statusIcon: 'arrow-turn-down' } },
+    { type: 'dropdown-button', id: 'border', icon: { icon: 'align-center' }, items: [[
+                { type: 'button', id: 'borderLeft', value: { left: { style: 'thin' } }, content: (0, exports.createBorderIcon)('left') },
+                { type: 'button', id: 'borderRight', value: { right: { style: 'thin' } }, content: (0, exports.createBorderIcon)('right') },
+                { type: 'button', id: 'borderTop', value: { top: { style: 'thin' } }, content: (0, exports.createBorderIcon)('top') },
+                { type: 'button', id: 'borderBottom', value: { bottom: { style: 'thin' } }, content: (0, exports.createBorderIcon)('bottom') },
+            ], [
+                { type: 'button', id: 'borderNone', value: { left: null, top: null, right: null, bottom: null }, content: (0, exports.createBorderIcon)('none') },
+                { type: 'button', id: 'borderAll', value: { left: { style: 'thin' }, top: { style: 'thin' }, right: { style: 'thin' }, bottom: { style: 'thin' } }, content: (0, exports.createBorderIcon)('all') },
+                { type: 'button', id: 'borderOutside', value: { left: { style: 'thin' }, top: { style: 'thin' }, right: { style: 'thin' }, bottom: { style: 'thin' } }, content: (0, exports.createBorderIcon)('outside') },
+                { type: 'button', id: 'borderOutsideThick', value: { left: { style: 'thick' }, top: { style: 'thick' }, right: { style: 'thick' }, bottom: { style: 'thick' } }, content: (0, exports.createBorderIcon)('outside-thick') },
+            ], [
+                { type: 'button', id: 'borderBottomDouble', value: { bottom: { style: 'double' } }, content: (0, exports.createBorderIcon)('bottom-double') },
+                { type: 'button', id: 'borderBottomThick', value: { bottom: { style: 'thick' } }, content: (0, exports.createBorderIcon)('bottom-thick') },
+                { type: 'button', id: 'borderTopBottom', value: { top: { style: 'thin' }, bottom: { style: 'thin' } }, content: (0, exports.createBorderIcon)('top-bottom') },
+                { type: 'button', id: 'borderTopBottomThick', value: { top: { style: 'thin' }, bottom: { style: 'thick' } }, content: (0, exports.createBorderIcon)('top-bottom-thick') },
+            ], [{ type: 'color', id: 'borderColor', colspan: 4, icon: { icon: 'fill' } }]] }
+];
+exports.centerToolbarConfig = [
+    { type: 'togglebutton', id: 'headers', icon: { icon: 'heading' } },
+    { type: 'togglebutton', id: 'rules', icon: { icon: 'paintbrush-pencil' } },
+    { type: 'togglebutton', id: 'sparklines', icon: { icon: 'chart-simple' } },
+    { type: 'togglebutton', id: 'names', icon: { icon: 'table-cells', statusIcon: 'input-text' } }
+];
+exports.rightToolbarConfig = [
+    { type: 'togglebutton', id: 'config', icon: { icon: 'gear' } }
+];
+// const fontCheck = new Set([
+// 	// Windows 10
+// 	'Arial', 'Arial Black', 'Bahnschrift', 'Calibri', 'Cambria', 'Cambria Math', 'Candara', 'Comic Sans MS', 'Consolas', 'Constantia', 'Corbel', 'Courier New', 'Ebrima', 'Franklin Gothic Medium', 'Gabriola', 'Gadugi', 'Georgia', 'HoloLens MDL2 Assets', 'Impact', 'Ink Free', 'Javanese Text', 'Leelawadee UI', 'Lucida Console', 'Lucida Sans Unicode', 'Malgun Gothic', 'Marlett', 'Microsoft Himalaya', 'Microsoft JhengHei', 'Microsoft New Tai Lue', 'Microsoft PhagsPa', 'Microsoft Sans Serif', 'Microsoft Tai Le', 'Microsoft YaHei', 'Microsoft Yi Baiti', 'MingLiU-ExtB', 'Mongolian Baiti', 'MS Gothic', 'MV Boli', 'Myanmar Text', 'Nirmala UI', 'Palatino Linotype', 'Segoe MDL2 Assets', 'Segoe Print', 'Segoe Script', 'Segoe UI', 'Segoe UI Historic', 'Segoe UI Emoji', 'Segoe UI Symbol', 'SimSun', 'Sitka', 'Sylfaen', 'Symbol', 'Tahoma', 'Times New Roman', 'Trebuchet MS', 'Verdana', 'Webdings', 'Wingdings', 'Yu Gothic',
+// 	// macOS
+// 	'American Typewriter', 'Andale Mono', 'Arial', 'Arial Black', 'Arial Narrow', 'Arial Rounded MT Bold', 'Arial Unicode MS', 'Avenir', 'Avenir Next', 'Avenir Next Condensed', 'Baskerville', 'Big Caslon', 'Bodoni 72', 'Bodoni 72 Oldstyle', 'Bodoni 72 Smallcaps', 'Bradley Hand', 'Brush Script MT', 'Chalkboard', 'Chalkboard SE', 'Chalkduster', 'Charter', 'Cochin', 'Comic Sans MS', 'Copperplate', 'Courier', 'Courier New', 'Didot', 'DIN Alternate', 'DIN Condensed', 'Futura', 'Geneva', 'Georgia', 'Gill Sans', 'Helvetica', 'Helvetica Neue', 'Herculanum', 'Hoefler Text', 'Impact', 'Lucida Grande', 'Luminari', 'Marker Felt', 'Menlo', 'Microsoft Sans Serif', 'Monaco', 'Noteworthy', 'Optima', 'Palatino', 'Papyrus', 'Phosphate', 'Rockwell', 'Savoye LET', 'SignPainter', 'Skia', 'Snell Roundhand', 'Tahoma', 'Times', 'Times New Roman', 'Trattatello', 'Trebuchet MS', 'Verdana', 'Zapfino',
+// ].sort());
+// (() => {
+// 	const fontAvailable = new Set();
+// 	for (const font of fontCheck.values()) {
+// 		if (document.fonts.check(`12px "${font}"`)) {
+// 			fontAvailable.add(font);
+// 		}
+// 	}
+// 	console.log('Available Fonts:', [...fontAvailable.values()]);
+// })();
+//# sourceMappingURL=toolbar.config.js.map

package/dist/ui/toolbar.config.js.map

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

package/dist/ui/toolbar.d.ts

@@ -0,0 +1,37 @@
+import { actions } from '@omegagrid/core';
+import { Border, ElementModel, Grid, GridEditEvent, Style } from '@omegagrid/grid';
+import { LitElement } from 'lit';
+import { Toolbar, ToolbarItem } from '@omegagrid/toolbar';
+import { CellRange } from '@omegagrid/grid';
+import { Editor } from './editor';
+export declare class EditorToolbar extends LitElement {
+    static styles: import("lit").CSSResult[];
+    leftToolbar: Toolbar;
+    centerToolbar: Toolbar;
+    rightToolbar: Toolbar;
+    grid: Grid;
+    editor: Editor;
+    gridElement: ElementModel;
+    _borderColor: string;
+    get isEditingCell(): boolean;
+    get isEditingColumn(): boolean;
+    get isEditingRow(): boolean;
+    filterToolbarItems(items: ToolbarItem[]): ToolbarItem[];
+    getToolbarLeftConfig(): ToolbarItem[];
+    getToolbarCenterConfig(): ToolbarItem[];
+    getToolbarRightConfig(): ToolbarItem[];
+    _onGridEdit: (_e: GridEditEvent) => void;
+    willUpdate(props: Map<PropertyKey, unknown>): void;
+    getToolbarValues(): Record<string, unknown>;
+    getCellBorderStyles(element: ElementModel, range: CellRange, value: {
+        top?: Border;
+        right?: Border;
+        bottom?: Border;
+        left?: Border;
+    }, borderType: string): Record<keyof Style, unknown>;
+    applyProperty(target: ElementModel, action: actions.Action, value: unknown, isStyleProperty: boolean): void;
+    updateToolbar(): Promise<void>;
+    _onToolbarAction: (e: actions.ActionEvent) => void;
+    render: () => import("lit-html").TemplateResult<1>;
+}
+//# sourceMappingURL=toolbar.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"toolbar.d.ts","sourceRoot":"","sources":["../../src/ui/toolbar.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAyB,MAAM,iBAAiB,CAAC;AACjE,OAAO,EAAa,MAAM,EAA0B,YAAY,EAAE,IAAI,EAAE,aAAa,EAAY,KAAK,EAAE,MAAM,iBAAiB,CAAC;AAChI,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAEvC,OAAO,EAAE,OAAO,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAC1D,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAG5C,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAElC,qBAEa,aAAc,SAAQ,UAAU;IAE5C,MAAM,CAAC,MAAM,4BAAW;IAGxB,WAAW,EAAE,OAAO,CAAC;IAGrB,aAAa,EAAE,OAAO,CAAC;IAGvB,YAAY,EAAE,OAAO,CAAC;IAGtB,IAAI,EAAE,IAAI,CAAC;IAGX,MAAM,EAAE,MAAM,CAAC;IAGf,WAAW,EAAE,YAAY,CAAC;IAE1B,YAAY,SAAY;IAExB,IAAI,aAAa,YAAmD;IACpE,IAAI,eAAe,YAAqD;IACxE,IAAI,YAAY,YAAkD;IAElE,kBAAkB,CAAC,KAAK,EAAE,WAAW,EAAE;IAWvC,oBAAoB;IAMpB,sBAAsB;IAItB,qBAAqB;IAIrB,WAAW,OAAQ,aAAa,UAE/B;IAED,UAAU,CAAC,KAAK,EAAE,GAAG,CAAC,WAAW,EAAE,OAAO,CAAC;IAO3C,gBAAgB;IAkBhB,mBAAmB,CAClB,OAAO,EAAE,YAAY,EACrB,KAAK,EAAE,SAAS,EAChB,KAAK,EAAE;QAAC,GAAG,CAAC,EAAE,MAAM,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,CAAC;QAAC,MAAM,CAAC,EAAE,MAAM,CAAC;QAAC,IAAI,CAAC,EAAE,MAAM,CAAA;KAAC,EACrE,UAAU,EAAE,MAAM;IAiBnB,aAAa,CAAC,MAAM,EAAE,YAAY,EAAE,MAAM,EAAE,OAAO,CAAC,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,eAAe,EAAE,OAAO;IAoC9F,aAAa;IAInB,gBAAgB,MAAO,QAAQ,WAAW,UA4EzC;IAED,MAAM,6CAyBJ;CAEF"}

package/dist/ui/toolbar.js

@@ -0,0 +1,288 @@
+"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.EditorToolbar = 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 toolbar_config_1 = require("./toolbar.config");
+const toolbar_style_1 = require("./toolbar.style");
+let EditorToolbar = class EditorToolbar extends lit_1.LitElement {
+    constructor() {
+        super(...arguments);
+        this._borderColor = 'ff0000';
+        this._onGridEdit = (_e) => {
+            this.updateToolbar();
+        };
+        this._onToolbarAction = (e) => {
+            if (!this.grid)
+                return;
+            let { key, value } = e.action;
+            key = key !== null && key !== void 0 ? key : '';
+            let hideSelector = false;
+            let isStyleProperty = false;
+            const isPreview = e.action.type == 'preview';
+            const isPreviewEnd = e.action.type == 'previewEnd';
+            if (key == 'undo') {
+                this.grid.editing.undo();
+                this.updateToolbar();
+                return;
+            }
+            else if (key == 'redo') {
+                this.grid.editing.redo();
+                this.updateToolbar();
+                return;
+            }
+            else if (key == 'merge') {
+                if (value) {
+                    this.grid.selecting.mergeSelection();
+                }
+                else {
+                    this.grid.selecting.unmergeSelection();
+                }
+            }
+            else if (key == 'wrap') {
+                isStyleProperty = true;
+            }
+            else if (['color', 'fgColor', 'bgColor'].indexOf(key) > -1) {
+                value = value ? value.substring(1) : '';
+                hideSelector = true;
+                isStyleProperty = true;
+            }
+            else if (['bold', 'italic', 'underline'].indexOf(key) > -1) {
+                isStyleProperty = true;
+            }
+            else if (key.startsWith('borderColor')) {
+                this._borderColor = value;
+            }
+            else if (key.startsWith('align')) {
+                isStyleProperty = true;
+            }
+            else if (key.startsWith('border')) {
+                isStyleProperty = true;
+                hideSelector = true;
+            }
+            if (isPreview || isPreviewEnd || this.isEditingCell) {
+                for (const cell of this.grid.model.getRangeIterator(this.grid.selection.range, isPreview)) {
+                    this.applyProperty(cell, e.action, value, isStyleProperty);
+                }
+            }
+            else {
+                this.applyProperty(this.gridElement, e.action, value, isStyleProperty);
+            }
+            if (isPreview && hideSelector) {
+                this.grid.selecting.hideSelector();
+            }
+            else if (isPreviewEnd) {
+                this.grid.selecting.showSelector();
+            }
+            else {
+                this.updateToolbar();
+            }
+            this.grid.rendering.updateCellSelectionRange();
+            this.grid.focus();
+            if (key == 'config') {
+                this.editor.rightSidebarComponent = value ? 'config' : null;
+                this.updateToolbar();
+            }
+            else if (key == 'headers') {
+                this.editor.rightSidebarComponent = value ? 'headers' : null;
+                this.updateToolbar();
+            }
+            else if (key == 'rules') {
+                this.editor.rightSidebarComponent = value ? 'rules' : null;
+                this.updateToolbar();
+            }
+            else if (key == 'sparklines') {
+                this.editor.rightSidebarComponent = value ? 'sparklines' : null;
+                this.updateToolbar();
+            }
+            else if (key == 'names') {
+                this.editor.rightSidebarComponent = value ? 'names' : null;
+                this.updateToolbar();
+            }
+        };
+        this.render = () => (0, lit_1.html) `
+		<og-toolbar
+			id="leftToolbar"
+			.items="${this.getToolbarLeftConfig()}"
+			.values="${this.getToolbarValues()}"
+			@toolbar.action="${this._onToolbarAction}">
+		</og-toolbar>
+
+		<div class="emptyToolbar">&nbsp;</div>
+
+		<og-toolbar
+			id="centerToolbar"
+			.items="${this.getToolbarCenterConfig()}"
+			.values="${this.getToolbarValues()}"
+			@toolbar.action="${this._onToolbarAction}">
+		</og-toolbar>
+
+		<div class="emptyToolbar">&nbsp;</div>
+		
+		<og-toolbar
+			id="rightToolbar"
+			.items="${this.getToolbarRightConfig()}"
+			.values="${this.getToolbarValues()}"
+			@toolbar.action="${this._onToolbarAction}">
+		</og-toolbar>
+	`;
+    }
+    get isEditingCell() { return this.gridElement instanceof grid_1.CellModel; }
+    get isEditingColumn() { return this.gridElement instanceof grid_1.ColumnModel; }
+    get isEditingRow() { return this.gridElement instanceof grid_1.RowModel; }
+    filterToolbarItems(items) {
+        return items.filter(item => {
+            var _a, _b, _c, _d, _f;
+            if (['undo', 'redo'].indexOf(item.id) > -1)
+                return (_a = this.grid) === null || _a === void 0 ? void 0 : _a.options.undoRedo;
+            if (item.id == 'headers')
+                return (_b = this.editor) === null || _b === void 0 ? void 0 : _b.options.editing.headers;
+            if (item.id == 'rules')
+                return (_c = this.editor) === null || _c === void 0 ? void 0 : _c.options.editing.conditionalStyles;
+            if (item.id == 'sparklines')
+                return (_d = this.editor) === null || _d === void 0 ? void 0 : _d.options.editing.sparklines;
+            if (item.id == 'names')
+                return (_f = this.editor) === null || _f === void 0 ? void 0 : _f.options.editing.names;
+            return true;
+        });
+    }
+    getToolbarLeftConfig() {
+        var _a, _b;
+        toolbar_config_1.leftToolbarConfig[0].disabled = !((_a = this.grid) === null || _a === void 0 ? void 0 : _a.history) || this.grid.history.stack.length == 0;
+        toolbar_config_1.leftToolbarConfig[1].disabled = !((_b = this.grid) === null || _b === void 0 ? void 0 : _b.history) || this.grid.history.restack.length == 0;
+        return this.filterToolbarItems(toolbar_config_1.leftToolbarConfig);
+    }
+    getToolbarCenterConfig() {
+        return this.filterToolbarItems(toolbar_config_1.centerToolbarConfig);
+    }
+    getToolbarRightConfig() {
+        return this.filterToolbarItems(toolbar_config_1.rightToolbarConfig);
+    }
+    willUpdate(props) {
+        var _a, _b;
+        if (props.has('editor')) {
+            (_a = props.get('editor')) === null || _a === void 0 ? void 0 : _a.removeEventListener('grid.edit', this._onGridEdit);
+            (_b = this.editor) === null || _b === void 0 ? void 0 : _b.addEventListener('grid.edit', this._onGridEdit);
+        }
+    }
+    getToolbarValues() {
+        var _a, _b, _c, _d, _f;
+        if (!this.gridElement)
+            return null;
+        const values = Object.assign({}, this.gridElement.composedStyle);
+        values.type = this.gridElement.type;
+        if (values.color)
+            values.color = '#' + values.color;
+        if (values.fgColor)
+            values.fgColor = '#' + values.fgColor;
+        if (values.bgColor)
+            values.bgColor = '#' + values.bgColor;
+        if (values.alignment && values.alignment.wrapText)
+            values.wrap = true;
+        values.merge = this.gridElement instanceof grid_1.CellModel ? this.gridElement.colspan > 1 || this.gridElement.rowspan > 1 : false;
+        values.format = this.gridElement.format;
+        values.config = ((_a = this.editor) === null || _a === void 0 ? void 0 : _a.rightSidebarComponent) == 'config';
+        values.headers = ((_b = this.editor) === null || _b === void 0 ? void 0 : _b.rightSidebarComponent) == 'headers';
+        values.rules = ((_c = this.editor) === null || _c === void 0 ? void 0 : _c.rightSidebarComponent) == 'rules';
+        values.sparklines = ((_d = this.editor) === null || _d === void 0 ? void 0 : _d.rightSidebarComponent) == 'sparklines';
+        values.names = ((_f = this.editor) === null || _f === void 0 ? void 0 : _f.rightSidebarComponent) == 'names';
+        return values;
+    }
+    getCellBorderStyles(element, range, value, borderType) {
+        const color = this._borderColor.length > 6 ? this._borderColor.substring(1) : this._borderColor;
+        const styles = {};
+        if (value.top)
+            value.top.color = color;
+        if (value.right)
+            value.right.color = color;
+        if (value.bottom)
+            value.bottom.color = color;
+        if (value.left)
+            value.left.color = color;
+        styles.bottom = value.bottom && ((element instanceof grid_1.CellModel && element.r == range.r2) || borderType == 'borderAll') ? value.bottom : null;
+        styles.top = value.top && ((element instanceof grid_1.CellModel && element.r == range.r1) || borderType == 'borderAll') ? value.top : null;
+        styles.left = value.left && ((element instanceof grid_1.CellModel && element.c == range.c1) || borderType == 'borderAll') ? value.left : null;
+        styles.right = value.right && ((element instanceof grid_1.CellModel && element.c == range.c2) || borderType == 'borderAll') ? value.right : null;
+        return styles;
+    }
+    applyProperty(target, action, value, isStyleProperty) {
+        var _a, _b, _c, _d, _f, _g;
+        let { key } = action;
+        const isPreview = action.type == 'preview';
+        if (isPreview && target instanceof grid_1.CellModel)
+            target.invalidateStyle();
+        if (key.startsWith('align')) {
+            value = Object.assign((_c = (_b = (_a = this.gridElement) === null || _a === void 0 ? void 0 : _a.composedStyle) === null || _b === void 0 ? void 0 : _b.alignment) !== null && _c !== void 0 ? _c : {}, value);
+            key = 'alignment';
+        }
+        else if (key == 'type') {
+            target.type = value;
+        }
+        else if (key == 'format') {
+            target.format = value;
+        }
+        else if (key == 'wrap') {
+            value = Object.assign((_g = (_f = (_d = this.gridElement) === null || _d === void 0 ? void 0 : _d.composedStyle) === null || _f === void 0 ? void 0 : _f.alignment) !== null && _g !== void 0 ? _g : {}, { wrapText: !!value });
+            key = 'alignment';
+        }
+        if (isStyleProperty) {
+            if (action.type == 'previewEnd') {
+                if (target instanceof grid_1.CellModel)
+                    target.invalidateStyle();
+            }
+            else if (key.startsWith('border')) {
+                const borderStyles = this.getCellBorderStyles(target, this.grid.selection.range, value, key);
+                if (isPreview) {
+                    if (target instanceof grid_1.CellModel)
+                        target.previewStyleProperties(borderStyles);
+                }
+                else {
+                    target.setStyleProperties(borderStyles);
+                }
+            }
+            else if (isPreview) {
+                if (target instanceof grid_1.CellModel)
+                    target.previewStyleProperties({ [key]: value });
+            }
+            else {
+                target.setStyleProperties({ [key]: value });
+            }
+        }
+    }
+    async updateToolbar() {
+        this.requestUpdate();
+    }
+};
+exports.EditorToolbar = EditorToolbar;
+EditorToolbar.styles = [toolbar_style_1.style];
+__decorate([
+    (0, decorators_js_1.query)('#leftToolbar')
+], EditorToolbar.prototype, "leftToolbar", void 0);
+__decorate([
+    (0, decorators_js_1.query)('#centerToolbar')
+], EditorToolbar.prototype, "centerToolbar", void 0);
+__decorate([
+    (0, decorators_js_1.query)('#rightToolbar')
+], EditorToolbar.prototype, "rightToolbar", void 0);
+__decorate([
+    (0, decorators_js_1.property)({ type: Object })
+], EditorToolbar.prototype, "grid", void 0);
+__decorate([
+    (0, decorators_js_1.property)({ type: Object })
+], EditorToolbar.prototype, "editor", void 0);
+__decorate([
+    (0, decorators_js_1.property)({ type: Object })
+], EditorToolbar.prototype, "gridElement", void 0);
+exports.EditorToolbar = EditorToolbar = __decorate([
+    (0, decorators_js_1.customElement)('og-editor-toolbar'),
+    (0, core_1.stylable)({ vars: ['background-color', 'background-color-2', 'font-*', 'accent-color', 'accent-color-highlight', 'text-color-2'] })
+], EditorToolbar);
+//# sourceMappingURL=toolbar.js.map

package/dist/ui/toolbar.js.map

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

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

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

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

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

package/dist/ui/toolbar.style.js

@@ -0,0 +1,25 @@
+"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 {
+		display: flex;
+		flex-direction: row;
+	}
+
+	og-toolbar {
+		flex: 0;
+	}
+
+	.emptyToolbar {
+		flex: 1;
+		width: 10px;
+		background-color: var(--background-color-2);
+	}
+`;
+//# sourceMappingURL=toolbar.style.js.map