@omegagrid/editor 0.10.2 → 0.10.4

package/dist/commands/index.d.ts

@@ -0,0 +1,3 @@
+import { Editor } from "../ui";
+export declare function initEditorCommands(editor: Editor): void;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/commands/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAgC/B,wBAAgB,kBAAkB,CAAC,MAAM,EAAE,MAAM,QAGhD"}

package/dist/commands/index.js

@@ -0,0 +1,34 @@
+function createEditorCommands(editor) {
+    return [{
+            group: 'editor',
+            name: 'show controls',
+            exec: () => {
+                editor.toolbarDisabled = false;
+                editor.formulabarDisabled = false;
+            }
+        }, {
+            group: 'editor',
+            name: 'hide controls',
+            exec: () => {
+                editor.toolbarDisabled = true;
+                editor.formulabarDisabled = true;
+            }
+        }, {
+            group: 'editor',
+            name: 'show statusbar',
+            exec: () => {
+                editor.statusbarDisabled = false;
+            }
+        }, {
+            group: 'editor',
+            name: 'hide statusbar',
+            exec: () => {
+                editor.statusbarDisabled = true;
+            }
+        }];
+}
+export function initEditorCommands(editor) {
+    editor.commands.clear();
+    createEditorCommands(editor).forEach(c => editor.commands.add(c));
+}
+//# sourceMappingURL=index.js.map

package/dist/commands/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/commands/index.ts"],"names":[],"mappings":"AAGA,SAAS,oBAAoB,CAAC,MAAc;IAC3C,OAAO,CAAC;YACP,KAAK,EAAE,QAAQ;YACf,IAAI,EAAE,eAAe;YACrB,IAAI,EAAE,GAAG,EAAE;gBACV,MAAM,CAAC,eAAe,GAAG,KAAK,CAAC;gBAC/B,MAAM,CAAC,kBAAkB,GAAG,KAAK,CAAC;YACnC,CAAC;SACD,EAAE;YACF,KAAK,EAAE,QAAQ;YACf,IAAI,EAAE,eAAe;YACrB,IAAI,EAAE,GAAG,EAAE;gBACV,MAAM,CAAC,eAAe,GAAG,IAAI,CAAC;gBAC9B,MAAM,CAAC,kBAAkB,GAAG,IAAI,CAAC;YAClC,CAAC;SACD,EAAE;YACF,KAAK,EAAE,QAAQ;YACf,IAAI,EAAE,gBAAgB;YACtB,IAAI,EAAE,GAAG,EAAE;gBACV,MAAM,CAAC,iBAAiB,GAAG,KAAK,CAAC;YAClC,CAAC;SACD,EAAE;YACF,KAAK,EAAE,QAAQ;YACf,IAAI,EAAE,gBAAgB;YACtB,IAAI,EAAE,GAAG,EAAE;gBACV,MAAM,CAAC,iBAAiB,GAAG,IAAI,CAAC;YACjC,CAAC;SACD,CAAC,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,kBAAkB,CAAC,MAAc;IAChD,MAAM,CAAC,QAAQ,CAAC,KAAK,EAAE,CAAC;IACxB,oBAAoB,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,MAAM,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC;AACnE,CAAC","sourcesContent":["import { FlowCommandSource } from \"@omegagrid/commands\";\nimport { Editor } from \"../ui\";\n\nfunction createEditorCommands(editor: Editor): FlowCommandSource[] {\n\treturn [{\n\t\tgroup: 'editor', \n\t\tname: 'show controls', \n\t\texec: () => {\n\t\t\teditor.toolbarDisabled = false;\n\t\t\teditor.formulabarDisabled = false;\n\t\t}\n\t}, {\n\t\tgroup: 'editor',\n\t\tname: 'hide controls', \n\t\texec: () => {\n\t\t\teditor.toolbarDisabled = true;\n\t\t\teditor.formulabarDisabled = true;\n\t\t}\n\t}, {\n\t\tgroup: 'editor',\n\t\tname: 'show statusbar',\n\t\texec: () => {\n\t\t\teditor.statusbarDisabled = false;\n\t\t}\n\t}, {\n\t\tgroup: 'editor',\n\t\tname: 'hide statusbar',\n\t\texec: () => {\n\t\t\teditor.statusbarDisabled = true;\n\t\t}\n\t}];\n}\n\nexport function initEditorCommands(editor: Editor) {\n\teditor.commands.clear();\n\tcreateEditorCommands(editor).forEach(c => editor.commands.add(c));\n}"]}

package/dist/index.d.ts

@@ -0,0 +1,3 @@
+export * from './ui';
+export { Options as EditorOptions } from './options';
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,MAAM,CAAC;AACrB,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,WAAW,CAAC"}

package/dist/index.js

@@ -0,0 +1,2 @@
+export * from './ui';
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,MAAM,CAAC","sourcesContent":["export * from './ui';\nexport { Options as EditorOptions } from './options';"]}

package/dist/options.d.ts

@@ -0,0 +1,12 @@
+import { CommonOptions } from "@omegagrid/core";
+export type Options = CommonOptions & {
+    commandWindow?: boolean;
+    editing?: {
+        headers?: boolean;
+        conditionalStyles?: boolean;
+        names?: boolean;
+        sparklines?: boolean;
+    };
+};
+export declare function initOptions(options?: Partial<Options>, origOptions?: Options): Options;
+//# sourceMappingURL=options.d.ts.map

package/dist/options.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"options.d.ts","sourceRoot":"","sources":["../src/options.ts"],"names":[],"mappings":"AAAA,OAAO,EAAqB,aAAa,EAAS,MAAM,iBAAiB,CAAC;AAE1E,MAAM,MAAM,OAAO,GAAG,aAAa,GAAG;IACrC,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,OAAO,CAAC,EAAE;QACT,OAAO,CAAC,EAAE,OAAO,CAAC;QAClB,iBAAiB,CAAC,EAAE,OAAO,CAAC;QAC5B,KAAK,CAAC,EAAE,OAAO,CAAC;QAChB,UAAU,CAAC,EAAE,OAAO,CAAA;KACpB,CAAA;CACD,CAAC;AAYF,wBAAgB,WAAW,CAAC,OAAO,CAAC,EAAE,OAAO,CAAC,OAAO,CAAC,EAAE,WAAW,GAAE,OAAc,GAAG,OAAO,CAE5F"}

package/dist/options.js

@@ -0,0 +1,14 @@
+import { initCommonOptions, utils } from "@omegagrid/core";
+const DEFAULT_OPTIONS = {
+    commandWindow: true,
+    editing: {
+        headers: true,
+        conditionalStyles: true,
+        names: true,
+        sparklines: true
+    }
+};
+export function initOptions(options, origOptions = null) {
+    return utils.mergeDeep({}, DEFAULT_OPTIONS, initCommonOptions(options, origOptions));
+}
+//# sourceMappingURL=options.js.map

package/dist/options.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"options.js","sourceRoot":"","sources":["../src/options.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAiB,KAAK,EAAE,MAAM,iBAAiB,CAAC;AAY1E,MAAM,eAAe,GAAqB;IACzC,aAAa,EAAE,IAAI;IACnB,OAAO,EAAE;QACR,OAAO,EAAE,IAAI;QACb,iBAAiB,EAAE,IAAI;QACvB,KAAK,EAAE,IAAI;QACX,UAAU,EAAE,IAAI;KAChB;CACD,CAAC;AAEF,MAAM,UAAU,WAAW,CAAC,OAA0B,EAAE,cAAuB,IAAI;IAClF,OAAO,KAAK,CAAC,SAAS,CAAC,EAAE,EAAE,eAAe,EAAE,iBAAiB,CAAC,OAAO,EAAE,WAAW,CAAC,CAAC,CAAC;AACtF,CAAC","sourcesContent":["import { initCommonOptions, CommonOptions, utils } from \"@omegagrid/core\";\n\nexport type Options = CommonOptions & {\n\tcommandWindow?: boolean,\n\tediting?: {\n\t\theaders?: boolean,\n\t\tconditionalStyles?: boolean,\n\t\tnames?: boolean,\n\t\tsparklines?: boolean\n\t}\n};\n\nconst DEFAULT_OPTIONS: Partial<Options> = {\n\tcommandWindow: true,\n\tediting: {\n\t\theaders: true,\n\t\tconditionalStyles: true,\n\t\tnames: true,\n\t\tsparklines: true\n\t}\n};\n\nexport function initOptions(options?: Partial<Options>, origOptions: Options = null): Options {\n\treturn utils.mergeDeep({}, DEFAULT_OPTIONS, initCommonOptions(options, origOptions));\n}"]}

package/dist/ui/editor.d.ts

@@ -0,0 +1,76 @@
+import { actions, ComponentContainer, ComponentFactory, ComponentId, ComponentStore, Layout, ListSelectEvent, Menu, Overlay, Plugin, Plugins, ShortcutManager, SplitContainer } from '@omegagrid/core';
+import { CommandManager } from '@omegagrid/commands';
+import { ElementModel, Grid, GridEvent, GridGroup, GridModel, GroupModel, GroupModelSource, GridEditEvent, CellRange } from '@omegagrid/grid';
+import { CommandWindow } from '@omegagrid/commands';
+import { LitElement } from 'lit';
+import { EditorFormula } from './formulabar';
+import { EditorToolbar } from './toolbar';
+import { TabEvent } from '@omegagrid/tabs';
+import { EditorStatusbar } from './statusbar';
+import { Options } from '../options';
+export type SidebarComponent = LitElement & {
+    grid: Grid;
+    group: GridGroup;
+    model: GridModel;
+    range: CellRange;
+};
+export type SidebarComponentType = 'config' | 'headers' | 'rules' | 'sparklines' | 'names' | ComponentId;
+export declare class EditorEvent extends Event {
+    readonly editor: Editor;
+    constructor(type: string, args?: Partial<EditorEvent>);
+}
+export declare class Editor extends LitElement implements Layout, ComponentContainer {
+    static styles: import("lit").CSSResult[];
+    formulaBar: EditorFormula;
+    container: SplitContainer;
+    toolbar: EditorToolbar;
+    statusbar: EditorStatusbar;
+    overlay: Overlay;
+    enableDrag: boolean;
+    model: GroupModel;
+    createComponent: ComponentFactory<LitElement>;
+    toolbarDisabled: boolean;
+    statusbarDisabled: boolean;
+    formulabarDisabled: boolean;
+    options: Options;
+    rightSidebarComponent: SidebarComponentType;
+    gridElements: ElementModel[];
+    activeRange: CellRange;
+    activeGrid: Grid;
+    activeModel: GridModel;
+    gridContainer: GridGroup;
+    get group(): GridGroup;
+    private commandWindowRef;
+    get commandWindow(): CommandWindow;
+    private tabMenuRef;
+    get tabMenu(): Menu;
+    private activeMenuSheet;
+    readonly plugins: Plugins<Editor>;
+    readonly commands: CommandManager;
+    readonly shortcuts: ShortcutManager;
+    readonly sidebarComponents: ComponentStore<SidebarComponent>;
+    constructor();
+    updateOptions(options: Partial<Options>): void;
+    _onDragover: (e: DragEvent) => void;
+    connectedCallback(): void;
+    willUpdate(props: Map<PropertyKey, unknown>): void;
+    updated(props: Map<PropertyKey, unknown>): void;
+    updateComponents(): void;
+    setSourceData(sourceData: GroupModelSource): void;
+    updateCommands(): void;
+    layout(): void;
+    updateSelectedRange(range: CellRange): void;
+    activateGrid(grid: Grid): void;
+    _onGridSelect: (e: GridEvent) => Promise<void>;
+    _onGridEdit: (e: GridEditEvent) => void;
+    registerPlugin(plugin: Plugin<Editor>): void;
+    _onTabContextMenu: (e: TabEvent) => void;
+    createGridContainer: () => GridGroup;
+    getGridContainer(): GridGroup;
+    createDefaultComponent: ComponentFactory;
+    _onToolbarAction: (_e: actions.ActionEvent) => void;
+    _onCommandsOpen: () => void;
+    _onTabMenuItemSelect: (e: ListSelectEvent) => void;
+    render: () => import("lit-html").TemplateResult<1>;
+}
+//# sourceMappingURL=editor.d.ts.map

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

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

package/dist/ui/editor.js

@@ -0,0 +1,338 @@
+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 { ComponentStore, dom, Plugins, ShortcutManager } from '@omegagrid/core';
+import { CommandManager } from '@omegagrid/commands';
+import { Grid } from '@omegagrid/grid';
+import { LitElement, html } from 'lit';
+import { customElement, property, query, state } from 'lit/decorators.js';
+import { guard } from 'lit/directives/guard.js';
+import { style } from './editor.style';
+import { createRef, ref } from 'lit-html/directives/ref.js';
+import { initEditorCommands } from '../commands';
+import { initOptions } from '../options';
+export class EditorEvent extends Event {
+    constructor(type, args) {
+        super(`editor.${type}`, { bubbles: true, composed: true });
+        Object.assign(this, args);
+    }
+}
+let Editor = class Editor extends LitElement {
+    get group() { return this.gridContainer; }
+    get commandWindow() { return this.commandWindowRef.value; }
+    get tabMenu() { return this.tabMenuRef.value; }
+    constructor() {
+        super();
+        this.enableDrag = true;
+        this.toolbarDisabled = false;
+        this.statusbarDisabled = false;
+        this.formulabarDisabled = false;
+        this.options = initOptions();
+        this.commandWindowRef = createRef();
+        this.tabMenuRef = createRef();
+        this.plugins = new Plugins(this);
+        this.commands = new CommandManager(this);
+        this.shortcuts = new ShortcutManager(this);
+        this.sidebarComponents = new ComponentStore(async (id) => {
+            let component;
+            switch (id) {
+                case 'config':
+                    component = dom.createElement('og-editor-form-config');
+                    break;
+                case 'headers':
+                    component = dom.createElement('og-editor-form-headers');
+                    break;
+                case 'rules':
+                    component = dom.createElement('og-editor-rules');
+                    break;
+                case 'sparklines':
+                    component = dom.createElement('og-editor-form-sparklines');
+                    break;
+                case 'names':
+                    component = dom.createElement('og-editor-form-names');
+                    break;
+                case 'themes':
+                    component = dom.createElement('og-editor-themesidebar');
+                    break;
+                default: component = this.createComponent ? await this.createComponent(id) : null;
+            }
+            if (!component)
+                return null;
+            if (this.activeGrid) {
+                component.grid = this.activeGrid;
+                component.range = this.activeGrid.selection.range;
+            }
+            if (this.activeModel)
+                component.model = this.activeModel;
+            if (this.gridContainer)
+                component.group = this.gridContainer;
+            return component;
+        });
+        this._onDragover = (e) => {
+            if (!this.enableDrag)
+                return;
+            e.preventDefault();
+            e.stopPropagation();
+            if (e.dataTransfer.types[0] == 'Files') {
+                e.dataTransfer.dropEffect = 'move';
+                this.overlay.text = 'drop file';
+                this.overlay.show(this);
+            }
+        };
+        this._onGridSelect = async (e) => {
+            if (this.gridContainer.isFormulaMode)
+                return;
+            this.activateGrid(e.composedPath().find(elm => elm instanceof Grid));
+            if (this.rightSidebarComponent == 'headers') {
+                const headerForm = await this.sidebarComponents.get('headers');
+                headerForm.grid = this.activeGrid;
+                headerForm.range = this.activeGrid.selection.range.clone();
+            }
+            this.updateSelectedRange(e.selection.range);
+        };
+        this._onGridEdit = (e) => {
+            switch (e.editType) {
+                case 'delete_column':
+                case 'delete_row':
+                case 'insert_column':
+                case 'insert_row':
+                    this.updateSelectedRange(e.selection.range);
+                    break;
+            }
+        };
+        this._onTabContextMenu = (e) => {
+            const uiEvent = e.uiEvent;
+            this.activeMenuSheet = e.tab.id;
+            this.tabMenu.openAt(uiEvent.pageX, uiEvent.pageY + 1);
+        };
+        this.createGridContainer = () => {
+            const container = dom.createElement('og-gridgroup');
+            container.tabPosition = 'bottom';
+            container.designMode = true;
+            container.model = this.model;
+            container.options.commandWindow = false;
+            container.addEventListener('gridgroup.activate', () => {
+                if (this.gridContainer.isFormulaMode)
+                    return;
+                this.activateGrid(this.gridContainer.activeGrid);
+                this.updateCommands();
+                this.updateComponents();
+            });
+            container.addEventListener('tab.contextmenu', this._onTabContextMenu);
+            container.addEventListener('grid.select', this._onGridSelect);
+            container.addEventListener('grid.edit', this._onGridEdit);
+            return container;
+        };
+        this.createDefaultComponent = (index) => {
+            if (index == 0) {
+                return this.getGridContainer();
+            }
+            else if (index == 1) {
+                return this.sidebarComponents.get(this.rightSidebarComponent);
+            }
+        };
+        this._onToolbarAction = (_e) => {
+            // if (e.action.key == 'config') {
+            // 	this.rightSidebarComponent = e.action.value ? e.action.key : null;
+            // }
+        };
+        this._onCommandsOpen = () => {
+            // this.commandWindow.requestUpdate();
+        };
+        this._onTabMenuItemSelect = (e) => {
+            switch (this.tabMenu.items[e.index].key) {
+                case 'properties':
+                    this.activateGrid(this.gridContainer.grids.get(this.activeMenuSheet));
+                    this.rightSidebarComponent = 'config';
+                    break;
+                case 'delete':
+                    this.gridContainer.deleteModel(this.activeMenuSheet);
+                    break;
+                case 'duplicate':
+                    this.gridContainer.duplicateModel(this.activeMenuSheet);
+                    break;
+            }
+        };
+        this.render = () => html `
+		${this.toolbarDisabled ? '' : html `
+			<og-editor-toolbar
+				.grid="${this.activeGrid}"
+				.gridElements=${this.gridElements}
+				.editor="${this}"
+				@toolbar.action="${this._onToolbarAction}">
+			</og-editor-toolbar>
+		`}
+		
+		${this.toolbarDisabled ? '' : html `
+			<og-editor-formula .grid="${this.activeGrid}"></og-editor-formula>
+		`}
+
+		${guard([this.rightSidebarComponent], () => html `
+			<og-splitcontainer 
+				.items="${[{}, { size: 300, collapsed: !this.rightSidebarComponent }]}"
+				.createComponent="${this.createDefaultComponent}">
+			</og-splitcontainer>
+		`)}
+
+		${this.statusbarDisabled ? '' : html `
+			<og-editor-statusbar
+				.group="${this.getGridContainer()}"
+				.grid="${this.activeGrid}"
+				.range="${this.activeRange}">
+			</og-editor-statusbar>
+		`}
+
+		<og-menu ${ref(this.tabMenuRef)}
+			style="display: none; z-index: 20000"
+			@select=${this._onTabMenuItemSelect}
+			.items=${[
+            { key: 'properties', value: 'Properties', icon: 'pen' },
+            { key: 'duplicate', value: 'Duplicate', icon: 'copy' },
+            { key: 'delete', value: 'Delete', icon: 'trash' },
+        ]}>
+		</og-menu>
+
+		<og-overlay striped></og-overlay>
+	`;
+        this.addEventListener('dragover', this._onDragover);
+        this.addEventListener('dragleave', () => this.overlay.hide());
+        this.addEventListener('drop', () => this.overlay.hide());
+        initEditorCommands(this);
+        this.shortcuts.register('F1', 'open_commands');
+        this.shortcuts.addEventListener('shortcut', (e) => {
+            if (e.action == 'open_commands') {
+                this.commands.open();
+            }
+        });
+    }
+    updateOptions(options) {
+        this.options = initOptions(options, this.options);
+        this.requestUpdate();
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        this.tabIndex = 0;
+    }
+    willUpdate(props) {
+        if (!this.hasUpdated) {
+            this.dispatchEvent(new EditorEvent('init', { editor: this }));
+        }
+        if (props.has('model'))
+            this.gridContainer = null;
+    }
+    updated(props) {
+        this.updateComponents();
+        if (props.has('toolbarDisabled') || props.has('formulabarDisabled'))
+            this.layout();
+    }
+    updateComponents() {
+        this.sidebarComponents.items.forEach(c => {
+            c.grid = this.activeGrid;
+            c.model = this.activeModel;
+            c.group = this.gridContainer;
+            c.range = this.activeGrid?.selection?.range.clone();
+        });
+    }
+    setSourceData(sourceData) {
+        const container = this.getGridContainer();
+        sourceData.models?.forEach(m => {
+            m.options ?? (m.options = {});
+            m.options.commandWindow = false;
+        });
+        container.setSourceData(sourceData);
+        this.activeGrid = this.gridContainer?.grids?.entries().next().value;
+        this.activeModel = this.activeGrid?.model;
+    }
+    updateCommands() {
+        this.activeGrid.commands.commands.forEach(c => this.commands.add(c));
+    }
+    layout() {
+        this.container?.layout();
+    }
+    updateSelectedRange(range) {
+        const m = this.activeGrid.model;
+        if (range.isColumn) {
+            this.gridElements = [...Array(range.size.columns).keys()].map(c => m.columns[c + range.c1]);
+        }
+        else if (range.isRow) {
+            this.gridElements = [...Array(range.size.rows).keys()].map(r => m.rows[r + range.r1]);
+        }
+        else {
+            this.gridElements = m.getCellArray(this.activeGrid.selection.range);
+        }
+        this.statusbar.grid = this.activeGrid;
+        this.statusbar.range = range.clone();
+    }
+    activateGrid(grid) {
+        if (!grid)
+            return;
+        this.activeGrid = grid;
+        this.activeModel = grid.model;
+    }
+    registerPlugin(plugin) {
+        this.plugins.register(plugin);
+    }
+    getGridContainer() {
+        return this.gridContainer ?? (this.gridContainer = this.createGridContainer());
+    }
+};
+Editor.styles = [style];
+__decorate([
+    query('og-editor-formula')
+], Editor.prototype, "formulaBar", void 0);
+__decorate([
+    query('og-splitcontainer')
+], Editor.prototype, "container", void 0);
+__decorate([
+    query('og-editor-toolbar')
+], Editor.prototype, "toolbar", void 0);
+__decorate([
+    query('og-editor-statusbar')
+], Editor.prototype, "statusbar", void 0);
+__decorate([
+    query('og-overlay')
+], Editor.prototype, "overlay", void 0);
+__decorate([
+    property({ type: Boolean })
+], Editor.prototype, "enableDrag", void 0);
+__decorate([
+    property({ type: Object })
+], Editor.prototype, "model", void 0);
+__decorate([
+    property({ attribute: false })
+], Editor.prototype, "createComponent", void 0);
+__decorate([
+    property({ type: Boolean })
+], Editor.prototype, "toolbarDisabled", void 0);
+__decorate([
+    property({ type: Boolean })
+], Editor.prototype, "statusbarDisabled", void 0);
+__decorate([
+    property({ type: Boolean })
+], Editor.prototype, "formulabarDisabled", void 0);
+__decorate([
+    property({ type: Object })
+], Editor.prototype, "options", void 0);
+__decorate([
+    property({ type: String })
+], Editor.prototype, "rightSidebarComponent", void 0);
+__decorate([
+    state()
+], Editor.prototype, "gridElements", void 0);
+__decorate([
+    state()
+], Editor.prototype, "activeRange", void 0);
+__decorate([
+    state()
+], Editor.prototype, "activeGrid", void 0);
+__decorate([
+    state()
+], Editor.prototype, "activeModel", void 0);
+Editor = __decorate([
+    customElement('og-editor')
+], Editor);
+export { Editor };
+//# sourceMappingURL=editor.js.map

package/dist/ui/editor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"editor.js","sourceRoot":"","sources":["../../src/ui/editor.ts"],"names":[],"mappings":"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","sourcesContent":["import {\n\tactions, ComponentContainer, ComponentFactory, ComponentId, ComponentStore, dom, Layout, ListSelectEvent,\n\tMenu, Overlay, Plugin, Plugins, ShortcutEvent, ShortcutManager, SplitContainer\n} from '@omegagrid/core';\nimport { CommandManager } from '@omegagrid/commands';\nimport { ElementModel, Grid, GridEvent, GridGroup, GridModel, GroupModel, GroupModelSource, GridEditEvent, CellRange } from '@omegagrid/grid';\nimport { CommandWindow } from '@omegagrid/commands';\nimport { LitElement, html } from 'lit';\nimport { customElement, property, query, state } from 'lit/decorators.js';\nimport { EditorFormula } from './formulabar';\nimport { EditorToolbar } from './toolbar';\nimport { guard } from 'lit/directives/guard.js';\nimport { style } from './editor.style';\nimport { createRef, ref } from 'lit-html/directives/ref.js';\nimport { TabEvent } from '@omegagrid/tabs';\nimport { initEditorCommands } from '../commands';\nimport { EditorStatusbar } from './statusbar';\nimport { initOptions, Options } from '../options';\nimport { ThemeEditorSidebar } from './sidebars';\n\nexport type SidebarComponent = LitElement & {grid: Grid, group: GridGroup, model: GridModel, range: CellRange};\nexport type SidebarComponentType = 'config'|'headers'|'rules'|'sparklines'|'names'|ComponentId;\n\nexport class EditorEvent extends Event {\n\n\treadonly editor: Editor;\n\n\tconstructor(type: string, args?: Partial<EditorEvent>) {\n\t\tsuper(`editor.${type}`, {bubbles: true, composed: true});\n\t\tObject.assign(this, args);\n\t}\n\n}\n\n@customElement('og-editor')\nexport class Editor extends LitElement implements Layout, ComponentContainer {\n\n\tstatic styles = [style];\n\n\t@query('og-editor-formula')\n\tformulaBar: EditorFormula;\n\n\t@query('og-splitcontainer')\n\tcontainer: SplitContainer;\n\n\t@query('og-editor-toolbar')\n\ttoolbar: EditorToolbar;\n\n\t@query('og-editor-statusbar')\n\tstatusbar: EditorStatusbar;\n\n\t@query('og-overlay')\n\toverlay: Overlay;\n\n\t@property({type: Boolean})\n\tenableDrag = true;\n\n\t@property({type: Object})\n\tmodel: GroupModel;\n\n\t@property({attribute: false})\n\tcreateComponent: ComponentFactory<LitElement>;\n\n\t@property({type: Boolean})\n\ttoolbarDisabled = false;\n\n\t@property({type: Boolean})\n\tstatusbarDisabled = false;\n\n\t@property({type: Boolean})\n\tformulabarDisabled = false;\n\n\t@property({type: Object})\n\toptions = initOptions();\n\n\t@property({type: String})\n\trightSidebarComponent: SidebarComponentType; // = 'names';\n\t\n\t@state()\n\tgridElements: ElementModel[];\n\n\t@state()\n\tactiveRange: CellRange;\n\t\n\t@state()\n\tactiveGrid: Grid;\n\n\t@state()\n\tactiveModel: GridModel;\n\n\tgridContainer: GridGroup;\n\tget group() { return this.gridContainer }\n\t\n\tprivate commandWindowRef = createRef<CommandWindow>();\n\tget commandWindow() { return this.commandWindowRef.value }\n\n\tprivate tabMenuRef = createRef<Menu>();\n\tget tabMenu() { return this.tabMenuRef.value }\n\t\n\tprivate activeMenuSheet: string;\n\n\treadonly plugins = new Plugins<Editor>(this);\n\treadonly commands = new CommandManager(this);\n\treadonly shortcuts = new ShortcutManager(this);\n\t\n\treadonly sidebarComponents = new ComponentStore<SidebarComponent>(async (id: ComponentId) => {\n\t\tlet component: SidebarComponent;\n\t\tswitch (id) {\n\t\t\tcase 'config': component = dom.createElement<SidebarComponent>('og-editor-form-config'); break;\n\t\t\tcase 'headers': component = dom.createElement<SidebarComponent>('og-editor-form-headers'); break;\n\t\t\tcase 'rules': component = dom.createElement<SidebarComponent>('og-editor-rules'); break;\n\t\t\tcase 'sparklines': component = dom.createElement<SidebarComponent>('og-editor-form-sparklines'); break;\n\t\t\tcase 'names': component = dom.createElement<SidebarComponent>('og-editor-form-names'); break;\n\t\t\tcase 'themes': component = dom.createElement<ThemeEditorSidebar>('og-editor-themesidebar'); break;\n\t\t\tdefault : component = this.createComponent ? await this.createComponent(id) as SidebarComponent : null;\n\t\t}\n\n\t\tif (!component) return null;\n\n\t\tif (this.activeGrid) {\n\t\t\tcomponent.grid = this.activeGrid;\n\t\t\tcomponent.range = this.activeGrid.selection.range;\n\t\t}\n\t\tif (this.activeModel) component.model = this.activeModel;\n\t\tif (this.gridContainer) component.group = this.gridContainer;\n\t\treturn component;\n\t});\n\n\tconstructor() {\n\t\tsuper();\n\t\tthis.addEventListener('dragover', this._onDragover);\n\t\tthis.addEventListener('dragleave', () => this.overlay.hide());\n\t\tthis.addEventListener('drop', () => this.overlay.hide());\n\t\tinitEditorCommands(this);\n\t\tthis.shortcuts.register('F1', 'open_commands');\n\t\tthis.shortcuts.addEventListener('shortcut', (e: ShortcutEvent) => {\n\t\t\tif (e.action == 'open_commands') {\n\t\t\t\tthis.commands.open();\n\t\t\t}\n\t\t});\n\t}\n\n\tupdateOptions(options: Partial<Options>) {\n\t\tthis.options = initOptions(options, this.options);\n\t\tthis.requestUpdate();\n\t}\n\n\t_onDragover = (e: DragEvent) => {\n\t\tif (!this.enableDrag) return;\n\t\te.preventDefault();\n\t\te.stopPropagation();\n\t\tif (e.dataTransfer.types[0] == 'Files') {\n\t\t\te.dataTransfer.dropEffect = 'move';\n\t\t\tthis.overlay.text = 'drop file';\n\t\t\tthis.overlay.show(this);\n\t\t}\n\t}\n\n\tconnectedCallback() {\n\t\tsuper.connectedCallback();\n\t\tthis.tabIndex = 0;\n\t}\n\n\twillUpdate(props: Map<PropertyKey, unknown>) {\n\t\tif (!this.hasUpdated) {\n\t\t\tthis.dispatchEvent(new EditorEvent('init', {editor: this}));\n\t\t}\n\t\tif (props.has('model')) this.gridContainer = null;\n\t}\n\n\tupdated(props: Map<PropertyKey, unknown>) {\n\t\tthis.updateComponents();\n\t\tif (props.has('toolbarDisabled') || props.has('formulabarDisabled')) this.layout();\n\t}\n\n\tupdateComponents() {\n\t\tthis.sidebarComponents.items.forEach(c => {\n\t\t\tc.grid = this.activeGrid;\n\t\t\tc.model = this.activeModel;\n\t\t\tc.group = this.gridContainer;\n\t\t\tc.range = this.activeGrid?.selection?.range.clone()\n\t\t});\n\t}\n\n\tsetSourceData(sourceData: GroupModelSource) {\n\t\tconst container = this.getGridContainer();\n\t\tsourceData.models?.forEach(m => {\n\t\t\tm.options ??= {};\n\t\t\tm.options.commandWindow = false;\n\t\t});\n\t\tcontainer.setSourceData(sourceData);\n\t\tthis.activeGrid = this.gridContainer?.grids?.entries().next().value;\n\t\tthis.activeModel = this.activeGrid?.model;\n\t}\n\n\tupdateCommands() {\n\t\tthis.activeGrid.commands.commands.forEach(c => this.commands.add(c));\n\t}\n\t\n\tlayout() {\n\t\tthis.container?.layout();\n\t}\n\n\tupdateSelectedRange(range: CellRange) {\n\t\tconst m = this.activeGrid.model;\n\t\tif (range.isColumn) {\n\t\t\tthis.gridElements = [...Array(range.size.columns).keys()].map(c => m.columns[c + range.c1]);\n\t\t} else if (range.isRow) {\n\t\t\tthis.gridElements = [...Array(range.size.rows).keys()].map(r => m.rows[r + range.r1]);\n\t\t} else {\n\t\t\tthis.gridElements = m.getCellArray( this.activeGrid.selection.range);\n\t\t}\n\t\tthis.statusbar.grid = this.activeGrid;\n\t\tthis.statusbar.range = range.clone();\n\t}\n\n\tactivateGrid(grid: Grid) {\n\t\tif (!grid) return;\n\t\tthis.activeGrid = grid;\n\t\tthis.activeModel = grid.model;\n\t}\n\n\t_onGridSelect = async (e: GridEvent) => {\n\t\tif (this.gridContainer.isFormulaMode) return;\n\n\t\tthis.activateGrid(e.composedPath().find(elm => elm instanceof Grid) as Grid);\n\t\t\n\t\tif (this.rightSidebarComponent == 'headers') {\n\t\t\tconst headerForm = await this.sidebarComponents.get('headers');\n\t\t\theaderForm.grid = this.activeGrid;\n\t\t\theaderForm.range = this.activeGrid.selection.range.clone();\n\t\t}\n\n\t\tthis.updateSelectedRange(e.selection.range);\n\t}\n\n\t_onGridEdit = (e: GridEditEvent) => {\n\t\tswitch (e.editType) {\n\t\t\tcase 'delete_column':\n\t\t\tcase 'delete_row':\n\t\t\tcase 'insert_column':\n\t\t\tcase 'insert_row':\n\t\t\t\tthis.updateSelectedRange(e.selection.range);\n\t\t\t\tbreak;\n\t\t}\n\t}\n\n\tregisterPlugin(plugin: Plugin<Editor>) {\n\t\tthis.plugins.register(plugin);\n\t}\n\n\t_onTabContextMenu = (e: TabEvent) => {\n\t\tconst uiEvent = e.uiEvent as MouseEvent;\n\t\tthis.activeMenuSheet = e.tab.id as string\n\t\tthis.tabMenu.openAt(uiEvent.pageX, uiEvent.pageY + 1);\n\t}\n\n\tcreateGridContainer = () => {\n\t\tconst container = dom.createElement<GridGroup>('og-gridgroup');\n\t\tcontainer.tabPosition = 'bottom';\n\t\tcontainer.designMode = true;\n\t\tcontainer.model = this.model;\n\t\tcontainer.options.commandWindow = false;\n\t\tcontainer.addEventListener('gridgroup.activate', () => {\n\t\t\tif (this.gridContainer.isFormulaMode) return;\n\t\t\tthis.activateGrid(this.gridContainer.activeGrid);\n\t\t\tthis.updateCommands();\n\t\t\tthis.updateComponents();\n\t\t});\n\t\tcontainer.addEventListener('tab.contextmenu', this._onTabContextMenu);\n\t\tcontainer.addEventListener('grid.select', this._onGridSelect);\n\t\tcontainer.addEventListener('grid.edit', this._onGridEdit);\n\t\treturn container;\n\t}\n\n\tgetGridContainer() {\n\t\treturn this.gridContainer ?? (this.gridContainer = this.createGridContainer());\n\t}\n\n\tcreateDefaultComponent: ComponentFactory = (index: ComponentId) => {\n\t\tif (index == 0) {\n\t\t\treturn this.getGridContainer();\n\t\t} else if (index == 1) {\n\t\t\treturn this.sidebarComponents.get(this.rightSidebarComponent);\n\t\t}\n\t}\n\n\t_onToolbarAction = (_e: actions.ActionEvent) => {\n\t\t// if (e.action.key == 'config') {\n\t\t// \tthis.rightSidebarComponent = e.action.value ? e.action.key : null;\n\t\t// }\n\t}\n\n\t_onCommandsOpen = () => {\n\t\t// this.commandWindow.requestUpdate();\n\t}\n\n\t_onTabMenuItemSelect = (e: ListSelectEvent) => {\n\t\tswitch (this.tabMenu.items[e.index].key) {\n\t\t\tcase 'properties':\n\t\t\t\tthis.activateGrid(this.gridContainer.grids.get(this.activeMenuSheet));\n\t\t\t\tthis.rightSidebarComponent = 'config';\n\t\t\t\tbreak;\n\t\t\tcase 'delete':\n\t\t\t\tthis.gridContainer.deleteModel(this.activeMenuSheet);\n\t\t\t\tbreak;\n\t\t\tcase 'duplicate':\n\t\t\t\tthis.gridContainer.duplicateModel(this.activeMenuSheet);\n\t\t\t\tbreak;\n\t\t}\n\t}\n\n\trender = () => html`\n\t\t${this.toolbarDisabled ? '' : html`\n\t\t\t<og-editor-toolbar\n\t\t\t\t.grid=\"${this.activeGrid}\"\n\t\t\t\t.gridElements=${this.gridElements}\n\t\t\t\t.editor=\"${this}\"\n\t\t\t\t@toolbar.action=\"${this._onToolbarAction}\">\n\t\t\t</og-editor-toolbar>\n\t\t`}\n\t\t\n\t\t${this.toolbarDisabled ? '' : html`\n\t\t\t<og-editor-formula .grid=\"${this.activeGrid}\"></og-editor-formula>\n\t\t`}\n\n\t\t${guard([this.rightSidebarComponent], () => html`\n\t\t\t<og-splitcontainer \n\t\t\t\t.items=\"${[{}, {size: 300, collapsed: !this.rightSidebarComponent}]}\"\n\t\t\t\t.createComponent=\"${this.createDefaultComponent}\">\n\t\t\t</og-splitcontainer>\n\t\t`)}\n\n\t\t${this.statusbarDisabled ? '' : html`\n\t\t\t<og-editor-statusbar\n\t\t\t\t.group=\"${this.getGridContainer()}\"\n\t\t\t\t.grid=\"${this.activeGrid}\"\n\t\t\t\t.range=\"${this.activeRange}\">\n\t\t\t</og-editor-statusbar>\n\t\t`}\n\n\t\t<og-menu ${ref(this.tabMenuRef)}\n\t\t\tstyle=\"display: none; z-index: 20000\"\n\t\t\t@select=${this._onTabMenuItemSelect}\n\t\t\t.items=${[\n\t\t\t\t{key: 'properties', value: 'Properties', icon: 'pen'},\n\t\t\t\t{key: 'duplicate', value: 'Duplicate', icon: 'copy'},\n\t\t\t\t{key: 'delete', value: 'Delete', icon: 'trash'},\n\t\t\t]}>\n\t\t</og-menu>\n\n\t\t<og-overlay striped></og-overlay>\n\t`;\n\n}"]}

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

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

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

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

package/dist/ui/editor.style.js

@@ -0,0 +1,38 @@
+import { css } from 'lit';
+export const style = css `
+	:host {
+		box-sizing: border-box;
+		display: flex;
+		flex-direction: column;
+		position: relative;
+		-webkit-user-select: none;
+		user-select: none;
+		height: 100%;
+		color: var(--og-text-color);
+		background-color: var(--og-background-color);
+		font-family: var(--og-font-family);
+	}
+
+	.toolbar {
+		display: flex;
+		flex-direction: row;
+	}
+
+	og-splitcontainer {
+		flex: 1;
+	}
+
+	og-editor-toolbar, og-editor-formula {
+		flex: 0;
+		//min-height: 30px;
+		height: 30px;
+	}
+
+	og-overlay {
+		position: absolute;
+		top: 0;
+		left: 0;
+		//pointer-events: none;
+	}
+`;
+//# sourceMappingURL=editor.style.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"editor.style.js","sourceRoot":"","sources":["../../src/ui/editor.style.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,KAAK,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmCvB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const style = css`\n\t:host {\n\t\tbox-sizing: border-box;\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t\tposition: relative;\n\t\t-webkit-user-select: none;\n\t\tuser-select: none;\n\t\theight: 100%;\n\t\tcolor: var(--og-text-color);\n\t\tbackground-color: var(--og-background-color);\n\t\tfont-family: var(--og-font-family);\n\t}\n\n\t.toolbar {\n\t\tdisplay: flex;\n\t\tflex-direction: row;\n\t}\n\n\tog-splitcontainer {\n\t\tflex: 1;\n\t}\n\n\tog-editor-toolbar, og-editor-formula {\n\t\tflex: 0;\n\t\t//min-height: 30px;\n\t\theight: 30px;\n\t}\n\n\tog-overlay {\n\t\tposition: absolute;\n\t\ttop: 0;\n\t\tleft: 0;\n\t\t//pointer-events: none;\n\t}\n`;"]}

package/dist/ui/editorZoom.d.ts

@@ -0,0 +1,16 @@
+import { GridGroup } from '@omegagrid/grid';
+import { LitElement } from 'lit';
+import { SlideEvent, Slider } from '@omegagrid/core';
+export declare class EditorZoom extends LitElement {
+    static styles: import("lit").CSSResult[];
+    group: GridGroup;
+    slider: Slider;
+    translateValue(value: number): number;
+    updateText(value: number): void;
+    _onSlideStart: (_e: SlideEvent) => void;
+    _onSlide: (e: SlideEvent) => void;
+    _onSlideEnd: (e: SlideEvent) => void;
+    updated(): Promise<void>;
+    render: () => import("lit-html").TemplateResult<1>;
+}
+//# sourceMappingURL=editorZoom.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"editorZoom.d.ts","sourceRoot":"","sources":["../../src/ui/editorZoom.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAC5C,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAE5C,OAAO,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AAErD,qBACa,UAAW,SAAQ,UAAU;IAEzC,MAAM,CAAC,MAAM,4BAeV;IAGH,KAAK,EAAE,SAAS,CAAC;IAGjB,MAAM,EAAE,MAAM,CAAC;IAEf,cAAc,CAAC,KAAK,EAAE,MAAM;IAI5B,UAAU,CAAC,KAAK,EAAE,MAAM;IAIxB,aAAa,GAAI,IAAI,UAAU,UAE9B;IAED,QAAQ,GAAI,GAAG,UAAU,UAGxB;IAED,WAAW,GAAI,GAAG,UAAU,UAK3B;IAEK,OAAO;IAYb,MAAM,6CAYJ;CAEF"}