kritzel-stencil 0.0.156 → 0.0.158

package/dist/collection/components/core/kritzel-editor/kritzel-editor.js

@@ -0,0 +1,928 @@
+import { Host, h } from "@stencil/core";
+import { KritzelIconRegistry } from "../../../classes/registries/icon-registry.class";
+import { KritzelSelectionTool } from "../../../classes/tools/selection-tool.class";
+import { KritzelEraserTool } from "../../../classes/tools/eraser-tool.class";
+import { KritzelImageTool } from "../../../classes/tools/image-tool.class";
+import { KritzelBrushTool } from "../../../classes/tools/brush-tool.class";
+import { KritzelTextTool } from "../../../classes/tools/text-tool.class";
+import { DEFAULT_BRUSH_CONFIG } from "../../../configs/default-brush-tool.config";
+import { DEFAULT_TEXT_CONFIG } from "../../../configs/default-text-tool.config";
+import { ABSOLUTE_SCALE_MAX, ABSOLUTE_SCALE_MIN } from "../../../constants/engine.constants";
+import { KritzelWorkspace } from "../../../classes/core/workspace.class";
+import { KritzelKeyboardHelper } from "../../../helpers/keyboard.helper";
+import { KritzelDevicesHelper } from "../../../helpers/devices.helper";
+export class KritzelEditor {
+    host;
+    scaleMax = ABSOLUTE_SCALE_MAX;
+    scaleMin = ABSOLUTE_SCALE_MIN;
+    controls = [
+        {
+            name: 'selection',
+            type: 'tool',
+            isDefault: true,
+            tool: KritzelSelectionTool,
+            icon: 'cursor',
+        },
+        {
+            name: 'brush',
+            type: 'tool',
+            tool: KritzelBrushTool,
+            icon: 'pen',
+            config: DEFAULT_BRUSH_CONFIG,
+        },
+        {
+            name: 'eraser',
+            type: 'tool',
+            tool: KritzelEraserTool,
+            icon: 'eraser',
+        },
+        {
+            name: 'text',
+            type: 'tool',
+            tool: KritzelTextTool,
+            icon: 'type',
+            config: DEFAULT_TEXT_CONFIG,
+        },
+        {
+            name: 'image',
+            type: 'tool',
+            tool: KritzelImageTool,
+            icon: 'image',
+        },
+        {
+            name: 'divider',
+            type: 'divider',
+        },
+        {
+            name: 'config',
+            type: 'config',
+        },
+    ];
+    globalContextMenuItems = [
+        {
+            label: 'Paste',
+            icon: 'paste',
+            disabled: async () => (await this.engineRef.getCopiedObjects()).length === 0,
+            action: menu => this.engineRef.paste(menu.x, menu.y),
+        },
+        { label: 'Select All', icon: 'select-all', action: () => this.selectAllObjectsInViewport() },
+    ];
+    objectContextMenuItems = [
+        { label: 'Copy', icon: 'copy', action: () => this.engineRef.copy() },
+        {
+            label: 'Paste',
+            icon: 'paste',
+            disabled: async () => (await this.engineRef.getCopiedObjects()).length === 0,
+            action: (menu, _) => this.engineRef.paste(menu.x, menu.y),
+        },
+        { label: 'Delete', icon: 'delete', action: () => this.engineRef.delete() },
+        { label: 'Bring to Front', icon: 'bring-to-front', action: () => this.engineRef.bringToFront() },
+        { label: 'Send to Back', icon: 'send-to-back', action: () => this.engineRef.sendToBack() },
+    ];
+    customSvgIcons = {};
+    isControlsVisible = true;
+    isUtilityPanelVisible = true;
+    syncConfig;
+    isReady;
+    objectsChange;
+    undoStateChange;
+    isEngineReady = false;
+    isControlsReady = false;
+    isWorkspaceManagerReady = false;
+    workspaces = [];
+    activeWorkspace;
+    isVirtualKeyboardOpen = false;
+    undoState = null;
+    onIsEngineReady(newValue) {
+        if (newValue && this.isControlsReady) {
+            this.checkIsReady();
+        }
+    }
+    onIsControlsReady(newValue) {
+        if (newValue && this.isEngineReady) {
+            this.checkIsReady();
+        }
+    }
+    onWorkspacesChange(newWorkspaces) {
+        if (this.activeWorkspace) {
+            const updatedActiveWorkspace = newWorkspaces.find(ws => ws.id === this.activeWorkspace.id);
+            if (updatedActiveWorkspace && updatedActiveWorkspace !== this.activeWorkspace) {
+                this.activeWorkspace = updatedActiveWorkspace;
+            }
+        }
+    }
+    onTouchStart(event) {
+        if (event.cancelable) {
+            event.preventDefault();
+        }
+    }
+    async getObjectById(id) {
+        return this.engineRef.getObjectById(id);
+    }
+    async addObject(object) {
+        return this.engineRef.addObject(object);
+    }
+    async updateObject(object, updatedProperties) {
+        return this.engineRef.updateObject(object, updatedProperties);
+    }
+    async removeObject(object) {
+        return this.engineRef.removeObject(object);
+    }
+    async getSelectedObjects() {
+        return this.engineRef.getSelectedObjects();
+    }
+    async selectObjects(objects) {
+        return this.engineRef.selectObjects(objects);
+    }
+    async selectAllObjectsInViewport() {
+        return this.engineRef.selectAllObjectsInViewport();
+    }
+    async clearSelection() {
+        this.engineRef.clearSelection();
+    }
+    async centerObjectInViewport(object) {
+        return this.engineRef.centerObjectInViewport(object);
+    }
+    async createWorkspace(name, viewport) {
+        const workspace = new KritzelWorkspace(`workspace-${Date.now()}`, name, viewport);
+        return this.engineRef.createWorkspace(workspace);
+    }
+    async updateWorkspace(workspace) {
+        return this.engineRef.updateWorkspace(workspace);
+    }
+    async deleteWorkspace(workspace) {
+        return this.engineRef.deleteWorkspace(workspace);
+    }
+    async getWorkspaces() {
+        return this.engineRef.getWorkspaces();
+    }
+    async getActiveWorkspace() {
+        return this.engineRef.getActiveWorkspace();
+    }
+    engineRef;
+    controlsRef;
+    splitButtonRef;
+    componentDidLoad() {
+        this.registerCustomSvgIcons();
+        this.listenForMobileKeyboard();
+        this.setOsSpecificCssVariables();
+    }
+    async checkIsReady() {
+        await customElements.whenDefined('kritzel-editor');
+        await customElements.whenDefined('kritzel-workspace-manager');
+        await customElements.whenDefined('kritzel-controls');
+        await customElements.whenDefined('kritzel-engine');
+        if (!this.isEngineReady || !this.isControlsReady || !this.isWorkspaceManagerReady) {
+            return;
+        }
+        this.isReady.emit(this.host);
+    }
+    onEngineReady(event) {
+        this.isEngineReady = true;
+        this.activeWorkspace = event.detail.activeWorkspace;
+        this.workspaces = event.detail.workspaces;
+    }
+    handleWorkspacesChange(event) {
+        this.workspaces = event.detail;
+    }
+    handleObjectsChange(event) {
+        this.objectsChange.emit(event.detail);
+    }
+    handleUndoStateChange(event) {
+        this.undoStateChange.emit(event.detail);
+        this.undoState = event.detail;
+    }
+    registerCustomSvgIcons() {
+        for (const [name, svg] of Object.entries(this.customSvgIcons)) {
+            KritzelIconRegistry.register(name, svg);
+        }
+    }
+    listenForMobileKeyboard() {
+        KritzelKeyboardHelper.onKeyboardVisibleChanged(isOpen => {
+            this.isVirtualKeyboardOpen = isOpen;
+        });
+    }
+    setOsSpecificCssVariables() {
+        const os = KritzelDevicesHelper.detectOS();
+        switch (os) {
+            case 'iOS':
+                // iOS specific adjustments
+                this.host.style.setProperty('--kritzel-editor-workspace-manager-top', '14px');
+                this.host.style.setProperty('--kritzel-editor-workspace-manager-left', '14px');
+                this.host.style.setProperty('--kritzel-editor-controls-bottom', '14px');
+                this.host.style.setProperty('--kritzel-editor-controls-transition', 'cubic-bezier(0.25, 0.1, 0.25, 1.0)');
+                this.host.style.setProperty('--kritzel-editor-controls-transform', 'translateY(200%)');
+                this.host.style.setProperty('--kritzel-editor-controls-transition-duration', '0.25s');
+                break;
+            case 'Android':
+                // Android specific adjustments
+                this.host.style.setProperty('--kritzel-editor-workspace-manager-top', '14px');
+                this.host.style.setProperty('--kritzel-editor-workspace-manager-left', '14px');
+                this.host.style.setProperty('--kritzel-editor-controls-bottom', '24px');
+                break;
+            default:
+                // Default for Windows/Linux
+                this.host.style.setProperty('--kritzel-editor-workspace-manager-top', '14px');
+                this.host.style.setProperty('--kritzel-editor-workspace-manager-left', '14px');
+                this.host.style.setProperty('--kritzel-editor-controls-bottom', '14px');
+                break;
+        }
+    }
+    render() {
+        return (h(Host, { key: '87983fe2d4fcdbf226851190e7529f12e7b5fdbf' }, h("kritzel-workspace-manager", { key: 'a1e0f522a7075ef4e2b5eab47dab5dc77098b402', workspaces: this.workspaces, activeWorkspace: this.activeWorkspace, onWorkspaceChange: event => (this.activeWorkspace = event.detail), onIsWorkspaceManagerReady: () => (this.isWorkspaceManagerReady = true) }), h("kritzel-engine", { key: '18e78080712e53ead39ff07e43b7035e43a096f2', ref: el => (this.engineRef = el), workspace: this.activeWorkspace, syncConfig: this.syncConfig, scaleMax: this.scaleMax, scaleMin: this.scaleMin, globalContextMenuItems: this.globalContextMenuItems, objectContextMenuItems: this.objectContextMenuItems, onIsEngineReady: event => this.onEngineReady(event), onWorkspacesChange: event => this.handleWorkspacesChange(event), onObjectsChange: event => this.handleObjectsChange(event), onUndoStateChange: event => this.handleUndoStateChange(event) }), h("kritzel-controls", { key: '5ffaebbbeecbeebab050b3f990d027c6653a1940', class: { 'keyboard-open': this.isVirtualKeyboardOpen }, style: { display: this.isControlsVisible ? 'flex' : 'none' }, ref: el => (this.controlsRef = el), controls: this.controls, isUtilityPanelVisible: this.isUtilityPanelVisible, undoState: this.undoState, onIsControlsReady: () => (this.isControlsReady = true) })));
+    }
+    static get is() { return "kritzel-editor"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["kritzel-editor.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["kritzel-editor.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "scaleMax": {
+                "type": "number",
+                "mutable": false,
+                "complexType": {
+                    "original": "number",
+                    "resolved": "number",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "scale-max",
+                "defaultValue": "ABSOLUTE_SCALE_MAX"
+            },
+            "scaleMin": {
+                "type": "number",
+                "mutable": false,
+                "complexType": {
+                    "original": "number",
+                    "resolved": "number",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "scale-min",
+                "defaultValue": "ABSOLUTE_SCALE_MIN"
+            },
+            "controls": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "KritzelToolbarControl[]",
+                    "resolved": "KritzelToolbarControl[]",
+                    "references": {
+                        "KritzelToolbarControl": {
+                            "location": "import",
+                            "path": "../../../interfaces/toolbar-control.interface",
+                            "id": "src/interfaces/toolbar-control.interface.ts::KritzelToolbarControl"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "defaultValue": "[\r\n    {\r\n      name: 'selection',\r\n      type: 'tool',\r\n      isDefault: true,\r\n      tool: KritzelSelectionTool,\r\n      icon: 'cursor',\r\n    },\r\n    {\r\n      name: 'brush',\r\n      type: 'tool',\r\n      tool: KritzelBrushTool,\r\n      icon: 'pen',\r\n      config: DEFAULT_BRUSH_CONFIG,\r\n    },\r\n    {\r\n      name: 'eraser',\r\n      type: 'tool',\r\n      tool: KritzelEraserTool,\r\n      icon: 'eraser',\r\n    },\r\n    {\r\n      name: 'text',\r\n      type: 'tool',\r\n      tool: KritzelTextTool,\r\n      icon: 'type',\r\n      config: DEFAULT_TEXT_CONFIG,\r\n    },\r\n    {\r\n      name: 'image',\r\n      type: 'tool',\r\n      tool: KritzelImageTool,\r\n      icon: 'image',\r\n    },\r\n    {\r\n      name: 'divider',\r\n      type: 'divider',\r\n    },\r\n    {\r\n      name: 'config',\r\n      type: 'config',\r\n    },\r\n  ]"
+            },
+            "globalContextMenuItems": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "ContextMenuItem[]",
+                    "resolved": "ContextMenuItem[]",
+                    "references": {
+                        "ContextMenuItem": {
+                            "location": "import",
+                            "path": "../../../interfaces/context-menu-item.interface",
+                            "id": "src/interfaces/context-menu-item.interface.ts::ContextMenuItem"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "defaultValue": "[\r\n    {\r\n      label: 'Paste',\r\n      icon: 'paste',\r\n      disabled: async () => (await this.engineRef.getCopiedObjects()).length === 0,\r\n      action: menu => this.engineRef.paste(menu.x, menu.y),\r\n    },\r\n    { label: 'Select All', icon: 'select-all', action: () => this.selectAllObjectsInViewport() },\r\n  ]"
+            },
+            "objectContextMenuItems": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "ContextMenuItem[]",
+                    "resolved": "ContextMenuItem[]",
+                    "references": {
+                        "ContextMenuItem": {
+                            "location": "import",
+                            "path": "../../../interfaces/context-menu-item.interface",
+                            "id": "src/interfaces/context-menu-item.interface.ts::ContextMenuItem"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "defaultValue": "[\r\n    { label: 'Copy', icon: 'copy', action: () => this.engineRef.copy() },\r\n    {\r\n      label: 'Paste',\r\n      icon: 'paste',\r\n      disabled: async () => (await this.engineRef.getCopiedObjects()).length === 0,\r\n      action: (menu, _) => this.engineRef.paste(menu.x, menu.y),\r\n    },\r\n    { label: 'Delete', icon: 'delete', action: () => this.engineRef.delete() },\r\n    { label: 'Bring to Front', icon: 'bring-to-front', action: () => this.engineRef.bringToFront() },\r\n    { label: 'Send to Back', icon: 'send-to-back', action: () => this.engineRef.sendToBack() },\r\n  ]"
+            },
+            "customSvgIcons": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "Record<string, string>",
+                    "resolved": "{ [x: string]: string; }",
+                    "references": {
+                        "Record": {
+                            "location": "global",
+                            "id": "global::Record"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "defaultValue": "{}"
+            },
+            "isControlsVisible": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "is-controls-visible",
+                "defaultValue": "true"
+            },
+            "isUtilityPanelVisible": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "is-utility-panel-visible",
+                "defaultValue": "true"
+            },
+            "syncConfig": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "KritzelSyncConfig",
+                    "resolved": "KritzelSyncConfig",
+                    "references": {
+                        "KritzelSyncConfig": {
+                            "location": "import",
+                            "path": "../../../interfaces/sync-config.interface",
+                            "id": "src/interfaces/sync-config.interface.ts::KritzelSyncConfig"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false
+            }
+        };
+    }
+    static get states() {
+        return {
+            "isEngineReady": {},
+            "isControlsReady": {},
+            "isWorkspaceManagerReady": {},
+            "workspaces": {},
+            "activeWorkspace": {},
+            "isVirtualKeyboardOpen": {},
+            "undoState": {}
+        };
+    }
+    static get events() {
+        return [{
+                "method": "isReady",
+                "name": "isReady",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "complexType": {
+                    "original": "HTMLElement",
+                    "resolved": "HTMLElement",
+                    "references": {
+                        "HTMLElement": {
+                            "location": "global",
+                            "id": "global::HTMLElement"
+                        }
+                    }
+                }
+            }, {
+                "method": "objectsChange",
+                "name": "objectsChange",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "complexType": {
+                    "original": "KritzelBaseObject[]",
+                    "resolved": "KritzelBaseObject<HTMLElement | SVGElement>[]",
+                    "references": {
+                        "KritzelBaseObject": {
+                            "location": "import",
+                            "path": "../../../classes/objects/base-object.class",
+                            "id": "src/classes/objects/base-object.class.ts::KritzelBaseObject"
+                        }
+                    }
+                }
+            }, {
+                "method": "undoStateChange",
+                "name": "undoStateChange",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "complexType": {
+                    "original": "KritzelUndoState",
+                    "resolved": "KritzelUndoState",
+                    "references": {
+                        "KritzelUndoState": {
+                            "location": "import",
+                            "path": "../../..",
+                            "id": "src/index.ts::KritzelUndoState"
+                        }
+                    }
+                }
+            }];
+    }
+    static get methods() {
+        return {
+            "getObjectById": {
+                "complexType": {
+                    "signature": "<T extends KritzelBaseObject>(id: string) => Promise<T | null>",
+                    "parameters": [{
+                            "name": "id",
+                            "type": "string",
+                            "docs": ""
+                        }],
+                    "references": {
+                        "Promise": {
+                            "location": "global",
+                            "id": "global::Promise"
+                        },
+                        "T": {
+                            "location": "global",
+                            "id": "global::T"
+                        },
+                        "KritzelBaseObject": {
+                            "location": "import",
+                            "path": "../../../classes/objects/base-object.class",
+                            "id": "src/classes/objects/base-object.class.ts::KritzelBaseObject"
+                        }
+                    },
+                    "return": "Promise<T>"
+                },
+                "docs": {
+                    "text": "",
+                    "tags": []
+                }
+            },
+            "addObject": {
+                "complexType": {
+                    "signature": "<T extends KritzelBaseObject>(object: T) => Promise<T | null>",
+                    "parameters": [{
+                            "name": "object",
+                            "type": "T",
+                            "docs": ""
+                        }],
+                    "references": {
+                        "Promise": {
+                            "location": "global",
+                            "id": "global::Promise"
+                        },
+                        "T": {
+                            "location": "global",
+                            "id": "global::T"
+                        },
+                        "KritzelBaseObject": {
+                            "location": "import",
+                            "path": "../../../classes/objects/base-object.class",
+                            "id": "src/classes/objects/base-object.class.ts::KritzelBaseObject"
+                        }
+                    },
+                    "return": "Promise<T>"
+                },
+                "docs": {
+                    "text": "",
+                    "tags": []
+                }
+            },
+            "updateObject": {
+                "complexType": {
+                    "signature": "<T extends KritzelBaseObject>(object: T, updatedProperties: Partial<T>) => Promise<T | null>",
+                    "parameters": [{
+                            "name": "object",
+                            "type": "T",
+                            "docs": ""
+                        }, {
+                            "name": "updatedProperties",
+                            "type": "{ [P in keyof T]?: T[P]; }",
+                            "docs": ""
+                        }],
+                    "references": {
+                        "Promise": {
+                            "location": "global",
+                            "id": "global::Promise"
+                        },
+                        "T": {
+                            "location": "global",
+                            "id": "global::T"
+                        },
+                        "KritzelBaseObject": {
+                            "location": "import",
+                            "path": "../../../classes/objects/base-object.class",
+                            "id": "src/classes/objects/base-object.class.ts::KritzelBaseObject"
+                        },
+                        "Partial": {
+                            "location": "global",
+                            "id": "global::Partial"
+                        }
+                    },
+                    "return": "Promise<T>"
+                },
+                "docs": {
+                    "text": "",
+                    "tags": []
+                }
+            },
+            "removeObject": {
+                "complexType": {
+                    "signature": "<T extends KritzelBaseObject>(object: T) => Promise<T | null>",
+                    "parameters": [{
+                            "name": "object",
+                            "type": "T",
+                            "docs": ""
+                        }],
+                    "references": {
+                        "Promise": {
+                            "location": "global",
+                            "id": "global::Promise"
+                        },
+                        "T": {
+                            "location": "global",
+                            "id": "global::T"
+                        },
+                        "KritzelBaseObject": {
+                            "location": "import",
+                            "path": "../../../classes/objects/base-object.class",
+                            "id": "src/classes/objects/base-object.class.ts::KritzelBaseObject"
+                        }
+                    },
+                    "return": "Promise<T>"
+                },
+                "docs": {
+                    "text": "",
+                    "tags": []
+                }
+            },
+            "getSelectedObjects": {
+                "complexType": {
+                    "signature": "() => Promise<KritzelBaseObject[]>",
+                    "parameters": [],
+                    "references": {
+                        "Promise": {
+                            "location": "global",
+                            "id": "global::Promise"
+                        },
+                        "KritzelBaseObject": {
+                            "location": "import",
+                            "path": "../../../classes/objects/base-object.class",
+                            "id": "src/classes/objects/base-object.class.ts::KritzelBaseObject"
+                        },
+                        "HTMLElement": {
+                            "location": "global",
+                            "id": "global::HTMLElement"
+                        },
+                        "SVGElement": {
+                            "location": "global",
+                            "id": "global::SVGElement"
+                        }
+                    },
+                    "return": "Promise<KritzelBaseObject<HTMLElement | SVGElement>[]>"
+                },
+                "docs": {
+                    "text": "",
+                    "tags": []
+                }
+            },
+            "selectObjects": {
+                "complexType": {
+                    "signature": "(objects: KritzelBaseObject[]) => Promise<void>",
+                    "parameters": [{
+                            "name": "objects",
+                            "type": "KritzelBaseObject<HTMLElement | SVGElement>[]",
+                            "docs": ""
+                        }],
+                    "references": {
+                        "Promise": {
+                            "location": "global",
+                            "id": "global::Promise"
+                        },
+                        "KritzelBaseObject": {
+                            "location": "import",
+                            "path": "../../../classes/objects/base-object.class",
+                            "id": "src/classes/objects/base-object.class.ts::KritzelBaseObject"
+                        }
+                    },
+                    "return": "Promise<void>"
+                },
+                "docs": {
+                    "text": "",
+                    "tags": []
+                }
+            },
+            "selectAllObjectsInViewport": {
+                "complexType": {
+                    "signature": "() => Promise<void>",
+                    "parameters": [],
+                    "references": {
+                        "Promise": {
+                            "location": "global",
+                            "id": "global::Promise"
+                        }
+                    },
+                    "return": "Promise<void>"
+                },
+                "docs": {
+                    "text": "",
+                    "tags": []
+                }
+            },
+            "clearSelection": {
+                "complexType": {
+                    "signature": "() => Promise<void>",
+                    "parameters": [],
+                    "references": {
+                        "Promise": {
+                            "location": "global",
+                            "id": "global::Promise"
+                        }
+                    },
+                    "return": "Promise<void>"
+                },
+                "docs": {
+                    "text": "",
+                    "tags": []
+                }
+            },
+            "centerObjectInViewport": {
+                "complexType": {
+                    "signature": "(object: KritzelBaseObject) => Promise<KritzelBaseObject<HTMLElement | SVGElement>>",
+                    "parameters": [{
+                            "name": "object",
+                            "type": "KritzelBaseObject<HTMLElement | SVGElement>",
+                            "docs": ""
+                        }],
+                    "references": {
+                        "Promise": {
+                            "location": "global",
+                            "id": "global::Promise"
+                        },
+                        "KritzelBaseObject": {
+                            "location": "import",
+                            "path": "../../../classes/objects/base-object.class",
+                            "id": "src/classes/objects/base-object.class.ts::KritzelBaseObject"
+                        },
+                        "HTMLElement": {
+                            "location": "global",
+                            "id": "global::HTMLElement"
+                        },
+                        "SVGElement": {
+                            "location": "global",
+                            "id": "global::SVGElement"
+                        }
+                    },
+                    "return": "Promise<KritzelBaseObject<HTMLElement | SVGElement>>"
+                },
+                "docs": {
+                    "text": "",
+                    "tags": []
+                }
+            },
+            "createWorkspace": {
+                "complexType": {
+                    "signature": "(name: string, viewport?: { translateX: number; translateY: number; scale: number; }) => Promise<KritzelWorkspace | null>",
+                    "parameters": [{
+                            "name": "name",
+                            "type": "string",
+                            "docs": ""
+                        }, {
+                            "name": "viewport",
+                            "type": "{ translateX: number; translateY: number; scale: number; }",
+                            "docs": ""
+                        }],
+                    "references": {
+                        "Promise": {
+                            "location": "global",
+                            "id": "global::Promise"
+                        },
+                        "KritzelWorkspace": {
+                            "location": "import",
+                            "path": "../../../classes/core/workspace.class",
+                            "id": "src/classes/core/workspace.class.ts::KritzelWorkspace"
+                        }
+                    },
+                    "return": "Promise<KritzelWorkspace>"
+                },
+                "docs": {
+                    "text": "",
+                    "tags": []
+                }
+            },
+            "updateWorkspace": {
+                "complexType": {
+                    "signature": "(workspace: KritzelWorkspace) => Promise<void>",
+                    "parameters": [{
+                            "name": "workspace",
+                            "type": "KritzelWorkspace",
+                            "docs": ""
+                        }],
+                    "references": {
+                        "Promise": {
+                            "location": "global",
+                            "id": "global::Promise"
+                        },
+                        "KritzelWorkspace": {
+                            "location": "import",
+                            "path": "../../../classes/core/workspace.class",
+                            "id": "src/classes/core/workspace.class.ts::KritzelWorkspace"
+                        }
+                    },
+                    "return": "Promise<void>"
+                },
+                "docs": {
+                    "text": "",
+                    "tags": []
+                }
+            },
+            "deleteWorkspace": {
+                "complexType": {
+                    "signature": "(workspace: KritzelWorkspace) => Promise<void>",
+                    "parameters": [{
+                            "name": "workspace",
+                            "type": "KritzelWorkspace",
+                            "docs": ""
+                        }],
+                    "references": {
+                        "Promise": {
+                            "location": "global",
+                            "id": "global::Promise"
+                        },
+                        "KritzelWorkspace": {
+                            "location": "import",
+                            "path": "../../../classes/core/workspace.class",
+                            "id": "src/classes/core/workspace.class.ts::KritzelWorkspace"
+                        }
+                    },
+                    "return": "Promise<void>"
+                },
+                "docs": {
+                    "text": "",
+                    "tags": []
+                }
+            },
+            "getWorkspaces": {
+                "complexType": {
+                    "signature": "() => Promise<KritzelWorkspace[]>",
+                    "parameters": [],
+                    "references": {
+                        "Promise": {
+                            "location": "global",
+                            "id": "global::Promise"
+                        },
+                        "KritzelWorkspace": {
+                            "location": "import",
+                            "path": "../../../classes/core/workspace.class",
+                            "id": "src/classes/core/workspace.class.ts::KritzelWorkspace"
+                        }
+                    },
+                    "return": "Promise<KritzelWorkspace[]>"
+                },
+                "docs": {
+                    "text": "",
+                    "tags": []
+                }
+            },
+            "getActiveWorkspace": {
+                "complexType": {
+                    "signature": "() => Promise<KritzelWorkspace>",
+                    "parameters": [],
+                    "references": {
+                        "Promise": {
+                            "location": "global",
+                            "id": "global::Promise"
+                        },
+                        "KritzelWorkspace": {
+                            "location": "import",
+                            "path": "../../../classes/core/workspace.class",
+                            "id": "src/classes/core/workspace.class.ts::KritzelWorkspace"
+                        }
+                    },
+                    "return": "Promise<KritzelWorkspace>"
+                },
+                "docs": {
+                    "text": "",
+                    "tags": []
+                }
+            }
+        };
+    }
+    static get elementRef() { return "host"; }
+    static get watchers() {
+        return [{
+                "propName": "isEngineReady",
+                "methodName": "onIsEngineReady"
+            }, {
+                "propName": "isControlsReady",
+                "methodName": "onIsControlsReady"
+            }, {
+                "propName": "workspaces",
+                "methodName": "onWorkspacesChange"
+            }];
+    }
+    static get listeners() {
+        return [{
+                "name": "dblclick",
+                "method": "onTouchStart",
+                "target": undefined,
+                "capture": false,
+                "passive": false
+            }];
+    }
+}
+//# sourceMappingURL=kritzel-editor.js.map