@omegagrid/editor 0.10.2 → 0.10.4

package/dist/ui/statusbar.js

@@ -0,0 +1,69 @@
+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;
+};
+import { LitElement, html } from 'lit';
+import { customElement, property } from 'lit/decorators.js';
+import { dom } from '@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 = dom.createElement('og-editor-gridstats');
+            zoom.group = group;
+            return zoom;
+        }],
+    ['zoom', (group) => {
+            const zoom = dom.createElement('og-editor-zoom');
+            zoom.group = group;
+            return zoom;
+        }]
+]);
+let EditorStatusbar = class EditorStatusbar extends 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 = () => 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;
+        });
+    }
+};
+__decorate([
+    property({ type: Object })
+], EditorStatusbar.prototype, "group", void 0);
+__decorate([
+    property({ type: Object })
+], EditorStatusbar.prototype, "grid", void 0);
+__decorate([
+    property({ type: Object })
+], EditorStatusbar.prototype, "range", void 0);
+EditorStatusbar = __decorate([
+    customElement('og-editor-statusbar')
+], EditorStatusbar);
+export { 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,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AACvC,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAE5D,OAAO,EAAe,GAAG,EAAE,MAAM,iBAAiB,CAAC;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,GAAG,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,GAAG,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,UAAU;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,IAAI,CAAA;;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;AAhCA;IADC,QAAQ,CAAC,EAAC,IAAI,EAAE,MAAM,EAAC,CAAC;8CACR;AAGjB;IADC,QAAQ,CAAC,EAAC,IAAI,EAAE,MAAM,EAAC,CAAC;6CACd;AAGX;IADC,QAAQ,CAAC,EAAC,IAAI,EAAE,MAAM,EAAC,CAAC;8CACR;AAbL,eAAe;IAD3B,aAAa,CAAC,qBAAqB,CAAC;GACxB,eAAe,CAuC3B","sourcesContent":["import { CellRange, Grid, GridEditEvent, GridGroup } from '@omegagrid/grid';\nimport { LitElement, html } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport { StatusbarItem } from '@omegagrid/statusbar';\nimport { ComponentId, dom } from '@omegagrid/core';\nimport { EditorZoom } from './editorZoom';\n\nconst rightItems: StatusbarItem[] = [\n\t{type: 'custom', id: 'stats'},\n\t{type: 'custom', id: 'zoom'},\n\t// {type: 'button', id: 'btn1', text: 'item1', icon: 'book'},\n\t// {type: 'button', id: 'btn2', text: 'item2', icon: 'book'},\n];\n\nconst componentFactories = new Map<ComponentId, (group: GridGroup) => HTMLElement>([\n\t['stats', (group: GridGroup) => {\n\t\tconst zoom = dom.createElement<EditorZoom>('og-editor-gridstats');\n\t\tzoom.group = group;\n\t\treturn zoom;\n\t}],\n\t['zoom', (group: GridGroup) => {\n\t\tconst zoom = dom.createElement<EditorZoom>('og-editor-zoom');\n\t\tzoom.group = group;\n\t\treturn zoom;\n\t}]\n]);\n\nexport type StatusBarComponent = HTMLElement & {group: GridGroup, grid: Grid, range: CellRange};\n\n@customElement('og-editor-statusbar')\nexport class EditorStatusbar extends LitElement {\n\n\t//static styles = [style];\n\n\tcomponents = new Map<ComponentId, StatusBarComponent>();\n\n\t@property({type: Object})\n\tgroup: GridGroup;\n\n\t@property({type: Object})\n\tgrid: Grid;\n\n\t@property({type: Object})\n\trange: CellRange;\n\n\t_onGridEdit = (_e: GridEditEvent) => {\n\t\t// this.updateToolbar();\n\t}\n\n\twillUpdate(_props: Map<PropertyKey, unknown>) {\n\t\tthis.components.forEach(c => {\n\t\t\tc.group = this.group;\n\t\t\tc.grid = this.grid;\n\t\t\tc.range = this.range;\n\t\t});\n\t}\n\n\tcreateComponent = (id: ComponentId) => {\n\t\tif (!this.components.has(id)) this.components.set(id, componentFactories.get(id)(this.group) as StatusBarComponent);\n\t\treturn this.components.get(id);\n\t};\n\t\n\trender = () => html`\n\t\t<og-statusbar\n\t\t\t.rightItems=\"${rightItems}\"\n\t\t\t.createComponent=\"${this.createComponent}\">\n\t\t</og-statusbar>\n\t`;\n\n}"]}

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

@@ -0,0 +1,7 @@
+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 toolbar1Config: ToolbarItem[];
+export declare const toolbar2Config: ToolbarItem[];
+export declare const toolbar3Config: ToolbarItem[];
+export declare const toolbar4Config: 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;AAKjD,eAAO,MAAM,gBAAgB,GAAI,QAAQ,KAAK,GAAC,OAAO,GAAC,MAAM,GAAC,QAAQ,GAAC,eAAe,GAAC,cAAc,GAAC,YAAY,GAAC,kBAAkB,GAAC,KAAK,GAAC,MAAM,GAAC,SAAS,GAAC,eAAe,yCA2E3K,CAAA;AAqBD,eAAO,MAAM,cAAc,EAAE,WAAW,EAoDvC,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,WAAW,EAGvC,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,WAAW,EAKvC,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,WAAW,EAEvC,CAAC"}

package/dist/ui/toolbar.config.js

@@ -0,0 +1,166 @@
+import { dom } from "@omegagrid/core";
+import { html } from "lit-html";
+import { styleMap } from "lit-html/directives/style-map.js";
+export 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(--og-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;
+    }
+    style.position = 'relative';
+    style.left = '-2px';
+    const insideStyle1 = {
+        position: 'absolute',
+        width: '100%',
+        height: '50%',
+        top: '0',
+        left: '0',
+        borderColor: 'var(--og-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(--og-text-color-2)',
+        borderWidth: border == 'all' ? borderWidth : '1px',
+        borderRightStyle: border == 'all' ? 'solid' : 'dotted'
+    };
+    return html `
+		<div style="${styleMap(style)}">
+			<div style="${styleMap(insideStyle1)}"></div>
+			<div style="${styleMap(insideStyle2)}"></div>
+		</div>
+	`;
+};
+const cellTypes = [
+    ['General', 'g'],
+    ['Text', 't'],
+    ['Number', 'n'],
+    ['Date', 'd'],
+    ['DateTime', 'dt'],
+    ['Time', 'tm'],
+    ['Checkbox', 'b'],
+    // ['Select', 's'],
+    // ['MultiSelect', 'm'],
+];
+const predefinedFormats = ['#,0.0', '#,0.00', '#,0.000', '0%', '0.0%', '0.00%', '0.000%'];
+const fontSizes = [8, 9, 10, 11, 12, 14, 16, 18, 20, 22, 24, 26].map(sz => ({
+    k: sz.toString(),
+    v: sz.toString(),
+}));
+export const toolbar1Config = [
+    { 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: 'text', id: 'sz', width: 40, items: fontSizes, placeholder: '' },
+    { type: 'dropdown-button', id: 'alignment', items: [[
+                { type: 'button', id: 'alignTopLeft', value: { vertical: 'top', horizontal: 'left' }, icon: { icon: 'align-right', rotation: 180 } },
+                { type: 'button', id: 'alignTopCenter', value: { vertical: 'top', horizontal: 'center' }, icon: { icon: 'align-center' } },
+                { type: 'button', id: 'alignTopRight', value: { vertical: 'top', horizontal: 'right' }, icon: { icon: 'align-left', rotation: 180 } },
+            ], [
+                { type: 'button', id: 'alignCenterLeft', value: { vertical: 'center', horizontal: 'left' }, icon: { icon: 'align-left' } },
+                { type: 'button', id: 'alignCenterCenter', value: { vertical: 'center', horizontal: 'center' }, icon: { icon: 'align-center' } },
+                { type: 'button', id: 'alignCenterRight', value: { vertical: 'center', horizontal: 'right' }, default: true, icon: { icon: 'align-right' } },
+            ], [
+                { type: 'button', id: 'alignBottomLeft', value: { vertical: 'bottom', horizontal: 'left' }, icon: { icon: 'align-left' } },
+                { type: 'button', id: 'alignBottomCenter', value: { vertical: 'bottom', horizontal: 'center' }, icon: { icon: 'align-center' } },
+                { type: 'button', id: 'alignBottomRight', value: { vertical: 'bottom', horizontal: 'right' }, icon: { icon: 'align-right' } },
+            ]] },
+    { type: 'dropdown', id: 'type', width: 80, items: cellTypes.map(([v, k]) => ({ k: k, v: v })) },
+    { 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: createBorderIcon('left') },
+                { type: 'button', id: 'borderRight', value: { right: { style: 'thin' } }, content: createBorderIcon('right') },
+                { type: 'button', id: 'borderTop', value: { top: { style: 'thin' } }, content: createBorderIcon('top') },
+                { type: 'button', id: 'borderBottom', value: { bottom: { style: 'thin' } }, content: createBorderIcon('bottom') },
+            ], [
+                { type: 'button', id: 'borderNone', value: { left: null, top: null, right: null, bottom: null }, content: createBorderIcon('none') },
+                { type: 'button', id: 'borderAll', value: { left: { style: 'thin' }, top: { style: 'thin' }, right: { style: 'thin' }, bottom: { style: 'thin' } }, content: createBorderIcon('all') },
+                { type: 'button', id: 'borderOutside', value: { left: { style: 'thin' }, top: { style: 'thin' }, right: { style: 'thin' }, bottom: { style: 'thin' } }, content: createBorderIcon('outside') },
+                { type: 'button', id: 'borderOutsideThick', value: { left: { style: 'thick' }, top: { style: 'thick' }, right: { style: 'thick' }, bottom: { style: 'thick' } }, content: createBorderIcon('outside-thick') },
+            ], [
+                { type: 'button', id: 'borderBottomDouble', value: { bottom: { style: 'double' } }, content: createBorderIcon('bottom-double') },
+                { type: 'button', id: 'borderBottomThick', value: { bottom: { style: 'thick' } }, content: createBorderIcon('bottom-thick') },
+                { type: 'button', id: 'borderTopBottom', value: { top: { style: 'thin' }, bottom: { style: 'thin' } }, content: createBorderIcon('top-bottom') },
+                { type: 'button', id: 'borderTopBottomThick', value: { top: { style: 'thin' }, bottom: { style: 'thick' } }, content: createBorderIcon('top-bottom-thick') },
+            ], [{ type: 'color', id: 'borderColor', colspan: 4, icon: { icon: 'fill' } }]] },
+    { type: 'dropdown-custom', id: 'hyperlink', title: 'Hyperlink', icon: { icon: 'link' }, createComponent: (_id, value) => {
+            const editor = dom.createElement('og-hyperlinkeditor', { href: value });
+            return editor;
+        } },
+    // {type: 'dropdown-button', id: 'outline', width: 80, options: {mode: 'dropdown'}, icon: {icon: 'list-tree'}, items: [[
+    // 	{type: 'button', id: 'x', value: {left: {style: 'thin'}}, content: createBorderIcon('left')},
+    // 	{type: 'button', id: 'c', value: {right: {style: 'thin'}}, content: createBorderIcon('right')},
+    // 	{type: 'button', id: 'v', value: {top: {style: 'thin'}}, content: createBorderIcon('top')},
+    // 	{type: 'button', id: 'b', value: {bottom: {style: 'thin'}}, content: createBorderIcon('bottom')},
+    // ]]}
+];
+export const toolbar2Config = [
+    { type: 'dropdown', id: 'theme', width: 80, items: [] },
+    { type: 'togglebutton', id: 'themes', icon: { icon: 'palette' }, title: 'Themes' }
+];
+export const toolbar3Config = [
+    { type: 'togglebutton', id: 'headers', icon: { icon: 'heading' }, title: 'Headers' },
+    { type: 'togglebutton', id: 'rules', icon: { icon: 'paintbrush-pencil' }, title: 'Conditional formatting' },
+    { type: 'togglebutton', id: 'sparklines', icon: { icon: 'chart-simple' }, title: 'Sparklines' },
+    { type: 'togglebutton', id: 'names', icon: { icon: 'table-cells', statusIcon: 'input-text' }, title: 'Named ranges' }
+];
+export const toolbar4Config = [
+    { 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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","sourcesContent":["import { dom } from \"@omegagrid/core\";\nimport { ToolbarItem } from \"@omegagrid/toolbar\";\nimport { html } from \"lit-html\";\nimport { StyleInfo, styleMap } from \"lit-html/directives/style-map.js\";\nimport { HyperlinkEditor } from \"./editors\";\n\nexport const createBorderIcon = (border: 'top'|'right'|'left'|'bottom'|'bottom-double'|'bottom-thick'|'top-bottom'|'top-bottom-thick'|'all'|'none'|'outside'|'outside-thick') => {\n\tconst borderWidth = ['outside-thick', 'bottom-thick'].indexOf(border) > -1 ? '2px' : '1.5px';\n\n\tconst style: StyleInfo = {\n\t\tboxSizing: 'border-box',\n\t\twidth: \"15px\",\n\t\theight: \"15px\",\n\t\tmarginLeft: \"2px\",\n\t\tborderWidth: '1px',\n\t\tborderColor: 'var(--og-text-color-2)',\n\t\tborderStyle: 'dotted',\n\t\tposition: 'relative',\n\t};\n\n\tif (border == 'top' || border == 'top-bottom' || border == 'top-bottom-thick' || border == 'all' || border == 'outside' || border == 'outside-thick') {\n\t\tstyle.borderTopStyle = 'solid';\n\t\tstyle.borderTopWidth = borderWidth;\n\t}\n\t\n\tif (border == 'right' || border == 'all' || border == 'outside' || border == 'outside-thick') {\n\t\tstyle.borderRightStyle = 'solid';\n\t\tstyle.borderRightWidth = borderWidth;\n\t} \n\t\n\tif (border == 'bottom' || border == 'top-bottom' || border == 'all' || border == 'outside' || border == 'outside-thick') {\n\t\tstyle.borderBottomStyle = 'solid';\n\t\tstyle.borderBottomWidth = borderWidth;\n\t}\n\n\tif (border == 'bottom-double') {\n\t\tstyle.borderBottomStyle = 'double';\n\t\tstyle.borderBottomWidth = '2px';\n\t}\n\n\tif (border == 'bottom-thick' || border == 'top-bottom-thick') {\n\t\tstyle.borderBottomStyle = 'solid';\n\t\tstyle.borderBottomWidth = '2px';\n\t}\n\t\n\tif (border == 'left' || border == 'all' || border == 'outside' || border == 'outside-thick') {\n\t\tstyle.borderLeftStyle = 'solid';\n\t\tstyle.borderLeftWidth = borderWidth;\n\t}\n\n\tstyle.position = 'relative';\n\tstyle.left = '-2px';\n\n\tconst insideStyle1: StyleInfo = {\n\t\tposition: 'absolute',\n\t\twidth: '100%',\n\t\theight: '50%',\n\t\ttop: '0',\n\t\tleft: '0',\n\t\tborderColor: 'var(--og-text-color-2)',\n\t\tborderWidth: border == 'all' ? borderWidth : '1px',\n\t\tborderBottomStyle: border == 'all' ? 'solid' : 'dotted'\n\t};\n\n\tconst insideStyle2: StyleInfo = {\n\t\tposition: 'absolute',\n\t\twidth: '50%',\n\t\theight: '100%',\n\t\ttop: '0',\n\t\tleft: '0',\n\t\tborderColor: 'var(--og-text-color-2)',\n\t\tborderWidth: border == 'all' ? borderWidth : '1px',\n\t\tborderRightStyle: border == 'all' ? 'solid' : 'dotted'\n\t};\n\n\treturn html`\n\t\t<div style=\"${styleMap(style)}\">\n\t\t\t<div style=\"${styleMap(insideStyle1)}\"></div>\n\t\t\t<div style=\"${styleMap(insideStyle2)}\"></div>\n\t\t</div>\n\t`;\n}\n\nconst cellTypes = [\n\t['General', 'g'],\n\t['Text', 't'],\n\t['Number', 'n'],\n\t['Date', 'd'],\n\t['DateTime', 'dt'],\t\n\t['Time', 'tm'],\n\t['Checkbox', 'b'],\n\t// ['Select', 's'],\n\t// ['MultiSelect', 'm'],\n];\n\nconst predefinedFormats = ['#,0.0', '#,0.00', '#,0.000', '0%', '0.0%', '0.00%', '0.000%'];\n\nconst fontSizes = [8, 9, 10, 11, 12, 14, 16, 18, 20, 22, 24, 26].map(sz => ({\n\tk: sz.toString(),\n\tv: sz.toString(),\n}));\n\nexport const toolbar1Config: ToolbarItem[] = [\n\t{type: 'button', id: 'undo', icon: {icon: 'rotate-left'}},\n\t{type: 'button', id: 'redo', icon: {icon: 'rotate-right'}},\n\t{type: 'togglebutton', id: 'bold', icon: {icon: 'bold'}},\n\t{type: 'togglebutton', id: 'italic', icon: {icon: 'italic'}},\n\t{type: 'togglebutton', id: 'underline', icon: {icon: 'underline'}},\n\t{type: 'text', id: 'sz', width: 40, items: fontSizes, placeholder: ''},\n\t{type: 'dropdown-button', id: 'alignment', items: [[\n\t\t{type: 'button', id: 'alignTopLeft', value: {vertical: 'top', horizontal: 'left'}, icon: {icon: 'align-right', rotation: 180}},\n\t\t{type: 'button', id: 'alignTopCenter', value: {vertical: 'top', horizontal: 'center'}, icon: {icon: 'align-center'}},\n\t\t{type: 'button', id: 'alignTopRight', value: {vertical: 'top', horizontal: 'right'}, icon: {icon: 'align-left', rotation: 180}},\n\t], [\n\t\t{type: 'button', id: 'alignCenterLeft', value: {vertical: 'center', horizontal: 'left'}, icon: {icon: 'align-left'}},\n\t\t{type: 'button', id: 'alignCenterCenter', value: {vertical: 'center', horizontal: 'center'}, icon: {icon: 'align-center'}},\n\t\t{type: 'button', id: 'alignCenterRight', value: {vertical: 'center', horizontal: 'right'}, default: true, icon: {icon: 'align-right'}},\n\t], [\n\t\t{type: 'button', id: 'alignBottomLeft', value: {vertical: 'bottom', horizontal: 'left'}, icon: {icon: 'align-left'}},\n\t\t{type: 'button', id: 'alignBottomCenter', value: {vertical: 'bottom', horizontal: 'center'}, icon: {icon: 'align-center'}},\n\t\t{type: 'button', id: 'alignBottomRight', value: {vertical: 'bottom', horizontal: 'right'}, icon: {icon: 'align-right'}},\n\t]]},\n\t{type: 'dropdown', id: 'type', width: 80, items: cellTypes.map(([v, k]) => ({k: k, v: v}))},\n\t{type: 'text', id: 'format', width: 100, items: predefinedFormats.map(f => ({k: f, v: f})), placeholder: '<format>'},\n\t{type: 'color', id: 'color', icon: {icon: 'font'}},\n\t{type: 'color', id: 'fgColor', icon: {icon: 'fill'}},\n\t{type: 'togglebutton', id: 'merge', title: 'Merge', icon: {icon: 'object-union'}},\n\t{type: 'togglebutton', id: 'wrap', title: 'Word wrap', icon: {icon: 'text', statusIcon: 'arrow-turn-down'}},\n\t{type: 'dropdown-button', id: 'border', icon: {icon: 'align-center'}, items: [[\n\t\t{type: 'button', id: 'borderLeft', value: {left: {style: 'thin'}}, content: createBorderIcon('left')},\n\t\t{type: 'button', id: 'borderRight', value: {right: {style: 'thin'}}, content: createBorderIcon('right')},\n\t\t{type: 'button', id: 'borderTop', value: {top: {style: 'thin'}}, content: createBorderIcon('top')},\n\t\t{type: 'button', id: 'borderBottom', value: {bottom: {style: 'thin'}}, content: createBorderIcon('bottom')},\n\t], [\n\t\t{type: 'button', id: 'borderNone', value: {left: null, top: null, right: null, bottom: null}, content: createBorderIcon('none')},\n\t\t{type: 'button', id: 'borderAll', value: {left: {style: 'thin'}, top: {style: 'thin'}, right: {style: 'thin'}, bottom: {style: 'thin'}}, content: createBorderIcon('all')},\n\t\t{type: 'button', id: 'borderOutside', value: {left: {style: 'thin'}, top: {style: 'thin'}, right: {style: 'thin'}, bottom: {style: 'thin'}}, content: createBorderIcon('outside')},\n\t\t{type: 'button', id: 'borderOutsideThick', value: {left: {style: 'thick'}, top: {style: 'thick'}, right: {style: 'thick'}, bottom: {style: 'thick'}}, content: createBorderIcon('outside-thick')},\n\t], [\n\t\t{type: 'button', id: 'borderBottomDouble', value: {bottom: {style: 'double'}}, content: createBorderIcon('bottom-double')},\n\t\t{type: 'button', id: 'borderBottomThick', value: {bottom: {style: 'thick'}}, content: createBorderIcon('bottom-thick')},\n\t\t{type: 'button', id: 'borderTopBottom', value: {top: {style: 'thin'}, bottom: {style: 'thin'}}, content: createBorderIcon('top-bottom')},\n\t\t{type: 'button', id: 'borderTopBottomThick', value: {top: {style: 'thin'}, bottom: {style: 'thick'}}, content: createBorderIcon('top-bottom-thick')},\n\t], [{type: 'color', id: 'borderColor', colspan: 4, icon: {icon: 'fill'}}]]},\n\t{type: 'dropdown-custom', id: 'hyperlink', title: 'Hyperlink', icon: {icon: 'link'}, createComponent: (_id, value) => {\n\t\tconst editor = dom.createElement<HyperlinkEditor>('og-hyperlinkeditor', {href: value as string});\n\t\treturn editor;\n\t}},\n\t// {type: 'dropdown-button', id: 'outline', width: 80, options: {mode: 'dropdown'}, icon: {icon: 'list-tree'}, items: [[\n\t// \t{type: 'button', id: 'x', value: {left: {style: 'thin'}}, content: createBorderIcon('left')},\n\t// \t{type: 'button', id: 'c', value: {right: {style: 'thin'}}, content: createBorderIcon('right')},\n\t// \t{type: 'button', id: 'v', value: {top: {style: 'thin'}}, content: createBorderIcon('top')},\n\t// \t{type: 'button', id: 'b', value: {bottom: {style: 'thin'}}, content: createBorderIcon('bottom')},\n\t// ]]}\n];\n\nexport const toolbar2Config: ToolbarItem[] = [\n\t{type: 'dropdown', id: 'theme', width: 80, items: []},\n\t{type: 'togglebutton', id: 'themes', icon: {icon: 'palette'}, title: 'Themes'}\n];\n\nexport const toolbar3Config: ToolbarItem[] = [\n\t{type: 'togglebutton', id: 'headers', icon: {icon: 'heading'}, title: 'Headers'},\n\t{type: 'togglebutton', id: 'rules', icon: {icon: 'paintbrush-pencil'}, title: 'Conditional formatting'},\n\t{type: 'togglebutton', id: 'sparklines', icon: {icon: 'chart-simple'}, title: 'Sparklines'},\n\t{type: 'togglebutton', id: 'names', icon: {icon: 'table-cells', statusIcon: 'input-text'}, title: 'Named ranges'}\n];\n\nexport const toolbar4Config: ToolbarItem[] = [\n\t{type: 'togglebutton', id: 'config', icon: {icon: 'gear'}}\n];\n\n// const fontCheck = new Set([\n// \t// Windows 10\n// \t'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',\n// \t// macOS\n// \t'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',\n// ].sort());\n\n// (() => {\n// \tconst fontAvailable = new Set();\n\n// \tfor (const font of fontCheck.values()) {\n// \t\tif (document.fonts.check(`12px \"${font}\"`)) {\n// \t\t\tfontAvailable.add(font);\n// \t\t}\n// \t}\n// \tconsole.log('Available Fonts:', [...fontAvailable.values()]);\n// })();"]}

package/dist/ui/toolbar.d.ts

@@ -0,0 +1,42 @@
+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[];
+    toolbar1: Toolbar;
+    toolbar2: Toolbar;
+    toolbar3: Toolbar;
+    toolbar4: Toolbar;
+    grid: Grid;
+    editor: Editor;
+    gridElements: ElementModel[];
+    toolbar1Config: ToolbarItem[];
+    toolbar2Config: ToolbarItem[];
+    toolbar3Config: ToolbarItem[];
+    toolbar4Config: ToolbarItem[];
+    get gridElement(): ElementModel;
+    _borderColor: string;
+    filterToolbarItems(items: ToolbarItem[]): ToolbarItem[];
+    getToolbar1Config(): ToolbarItem[];
+    getToolbar2Config(): ToolbarItem[];
+    getToolbar3Config(): ToolbarItem[];
+    getToolbar4Config(): ToolbarItem[];
+    _onGridEdit: (_e: GridEditEvent) => void;
+    willUpdate(props: Map<PropertyKey, unknown>): void;
+    firstUpdated(): 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,EAAe,MAAM,iBAAiB,CAAC;AACvD,OAAO,EAAa,MAAM,EAAa,YAAY,EAAE,IAAI,EAAE,aAAa,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAC;AACzG,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;AAE/C,qBACa,aAAc,SAAQ,UAAU;IAE5C,MAAM,CAAC,MAAM,4BAAW;IAGxB,QAAQ,EAAE,OAAO,CAAC;IAGlB,QAAQ,EAAE,OAAO,CAAC;IAGlB,QAAQ,EAAE,OAAO,CAAC;IAGlB,QAAQ,EAAE,OAAO,CAAC;IAGlB,IAAI,EAAE,IAAI,CAAC;IAGX,MAAM,EAAE,MAAM,CAAC;IAGf,YAAY,EAAE,YAAY,EAAE,CAAC;IAG7B,cAAc,gBAAkB;IAGhC,cAAc,gBAAkB;IAGhC,cAAc,gBAAkB;IAGhC,cAAc,gBAAkB;IAEhC,IAAI,WAAW,iBAAwE;IAEvF,YAAY,SAAY;IAExB,kBAAkB,CAAC,KAAK,EAAE,WAAW,EAAE;IAuBvC,iBAAiB;IAMjB,iBAAiB;IASjB,iBAAiB;IAIjB,iBAAiB;IAIjB,WAAW,GAAI,IAAI,aAAa,UAE/B;IAED,UAAU,CAAC,KAAK,EAAE,GAAG,CAAC,WAAW,EAAE,OAAO,CAAC;IAO3C,YAAY;IAIZ,gBAAgB;IAuBhB,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;IAqC9F,aAAa;IAInB,gBAAgB,GAAI,GAAG,OAAO,CAAC,WAAW,UAuFzC;IAED,MAAM,6CAgDL;CAED"}