@omegagrid/editor 0.10.0 → 0.10.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@omegagrid/editor",
-  "version": "0.10.0",
+  "version": "0.10.2",
   "license": "UNLICENSED",
   "description": "Spreadsheet editor",
   "main": "./dist/index.js",
@@ -27,15 +27,15 @@
     "_prepublish": "yarn test && yarn lint"
   },
   "dependencies": {
-    "@omegagrid/commands": "^0.10.0",
-    "@omegagrid/core": "^0.10.0",
-    "@omegagrid/form": "^0.10.0",
-    "@omegagrid/grid": "^0.10.0",
-    "@omegagrid/localize": "^0.10.0",
-    "@omegagrid/statusbar": "^0.10.0",
-    "@omegagrid/tabs": "^0.10.0",
-    "@omegagrid/toolbar": "^0.10.0",
-    "@omegagrid/tree": "^0.10.0",
+    "@omegagrid/commands": "^0.10.2",
+    "@omegagrid/core": "^0.10.2",
+    "@omegagrid/form": "^0.10.2",
+    "@omegagrid/grid": "^0.10.2",
+    "@omegagrid/localize": "^0.10.2",
+    "@omegagrid/statusbar": "^0.10.2",
+    "@omegagrid/tabs": "^0.10.2",
+    "@omegagrid/toolbar": "^0.10.2",
+    "@omegagrid/tree": "^0.10.2",
     "lit": "^3.1.1",
     "lit-html": "^3.1.1",
     "ts-debounce": "^4.0.0"

package/dist/commands/index.d.ts

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

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

@@ -1 +0,0 @@
-{"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

@@ -1,34 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

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

package/dist/index.d.ts.map

@@ -1 +0,0 @@
-{"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

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

package/dist/index.js.map

@@ -1 +0,0 @@
-{"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

@@ -1,12 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,14 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,76 +0,0 @@
-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

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

package/dist/ui/editor.js

@@ -1,338 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

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

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

@@ -1 +0,0 @@
-{"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

@@ -1,38 +0,0 @@
-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