kritzel-stencil 0.0.126 → 0.0.128

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

@@ -0,0 +1,1483 @@
+import { Host, h } from "@stencil/core";
+import { KritzelViewport } from "../../../classes/viewport.class";
+import { KritzelSelectionTool } from "../../../classes/tools/selection-tool.class";
+import { KritzelStore } from "../../../classes/store.class";
+import { KritzelKeyHandler } from "../../../classes/handlers/key.handler";
+import { KritzelBaseTool } from "../../../classes/tools/base-tool.class";
+import { KritzelEraserTool } from "../../../classes/tools/eraser-tool.class";
+import { KritzelKeyboardHelper } from "../../../helpers/keyboard.helper";
+import { KritzelContextMenuHandler } from "../../../classes/handlers/context-menu.handler";
+import { AddObjectCommand } from "../../../classes/commands/add-object.command";
+import { UpdateObjectCommand } from "../../../classes/commands/update-object.command";
+import { RemoveObjectCommand } from "../../../classes/commands/remove-object.command";
+import { KritzelToolRegistry } from "../../../classes/registries/tool.registry";
+import { KritzelEventHelper } from "../../../helpers/event.helper";
+import { KritzelClassHelper } from "../../../helpers/class.helper";
+import { ABSOLUTE_SCALE_MAX, ABSOLUTE_SCALE_MIN } from "../../../constants/engine.constants";
+export class KritzelEngine {
+    onWorkspaceChange(newWorkspace) {
+        if (newWorkspace) {
+            this.store.initializeWorkspace(newWorkspace);
+        }
+    }
+    validateScaleMax(newValue) {
+        if (newValue > ABSOLUTE_SCALE_MAX) {
+            console.warn(`scaleMax cannot be greater than ${ABSOLUTE_SCALE_MAX}.`);
+            this.scaleMax = ABSOLUTE_SCALE_MAX;
+            this.store.state.scaleMax = this.scaleMax;
+        }
+        else {
+            this.store.state.scaleMax = newValue;
+        }
+    }
+    validateScaleMin(newValue) {
+        if (newValue < ABSOLUTE_SCALE_MIN) {
+            console.warn(`scaleMin cannot be less than ${ABSOLUTE_SCALE_MIN}.`);
+            this.scaleMin = ABSOLUTE_SCALE_MIN;
+            this.store.state.scaleMin = this.scaleMin;
+        }
+        else {
+            this.store.state.scaleMin = newValue;
+        }
+    }
+    get isSelecting() {
+        return this.store.state.activeTool instanceof KritzelSelectionTool && this.store.state.isSelecting;
+    }
+    get isSelectionActive() {
+        return this.store.state.activeTool instanceof KritzelSelectionTool && this.store.state.selectionGroup !== null;
+    }
+    constructor() {
+        this.scaleMax = ABSOLUTE_SCALE_MAX;
+        this.scaleMin = ABSOLUTE_SCALE_MIN;
+        this.forceUpdate = 0;
+        this.contextMenuElement = null;
+        this.store = new KritzelStore(this);
+    }
+    componentWillLoad() {
+        this.validateScaleMax(this.scaleMax);
+        this.validateScaleMin(this.scaleMin);
+    }
+    async componentDidLoad() {
+        this.contextMenuHandler = new KritzelContextMenuHandler(this.store, this.globalContextMenuItems, this.objectContextMenuItems);
+        this.keyHandler = new KritzelKeyHandler(this.store);
+        this.viewport = new KritzelViewport(this.store, this.host);
+        this._registerStateChangeListeners();
+        await this.store.initializeDatabase();
+        await this.store.initializeWorkspace(this.workspace);
+        if (this.store.state.isReady === false) {
+            this.store.state.isReady = true;
+            this.isEngineReady.emit(this.store.state);
+        }
+    }
+    handleWheel(ev) {
+        var _a, _b;
+        if (this.store.isDisabled) {
+            return;
+        }
+        if (this.store.state.isContextMenuVisible) {
+            this.hideContextMenu();
+        }
+        this.viewport.handleWheel(ev);
+        (_b = (_a = this.store.state) === null || _a === void 0 ? void 0 : _a.activeTool) === null || _b === void 0 ? void 0 : _b.handleWheel(ev);
+    }
+    handlePointerDown(ev) {
+        var _a, _b;
+        if (this.store.isDisabled) {
+            return;
+        }
+        if (KritzelEventHelper.isPointerEventOnContextMenu(ev) === false && this.store.state.isContextMenuVisible) {
+            this.hideContextMenu();
+            return;
+        }
+        KritzelEventHelper.onLongTouchPress(ev, (event) => {
+            if (!(this.store.state.activeTool instanceof KritzelSelectionTool)) {
+                return;
+            }
+            this.contextMenuHandler.handleContextMenu(event);
+        });
+        this.host.setPointerCapture(ev.pointerId);
+        this.store.state.pointers.set(ev.pointerId, ev);
+        this.viewport.handlePointerDown(ev);
+        (_b = (_a = this.store.state) === null || _a === void 0 ? void 0 : _a.activeTool) === null || _b === void 0 ? void 0 : _b.handlePointerDown(ev);
+    }
+    handlePointerMove(ev) {
+        var _a, _b;
+        if (this.store.isDisabled) {
+            return;
+        }
+        this.store.state.pointers.set(ev.pointerId, ev);
+        this.viewport.handlePointerMove(ev);
+        (_b = (_a = this.store.state) === null || _a === void 0 ? void 0 : _a.activeTool) === null || _b === void 0 ? void 0 : _b.handlePointerMove(ev);
+    }
+    handlePointerUp(ev) {
+        var _a, _b;
+        if (this.store.isDisabled) {
+            return;
+        }
+        this.store.state.pointers.delete(ev.pointerId);
+        this.host.releasePointerCapture(ev.pointerId);
+        this.viewport.handlePointerUp(ev);
+        (_b = (_a = this.store.state) === null || _a === void 0 ? void 0 : _a.activeTool) === null || _b === void 0 ? void 0 : _b.handlePointerUp(ev);
+    }
+    handlePointerCancel(ev) {
+        var _a, _b;
+        if (this.store.isDisabled) {
+            return;
+        }
+        this.host.releasePointerCapture(ev.pointerId);
+        this.store.state.pointers.delete(ev.pointerId);
+        this.viewport.handlePointerUp(ev);
+        (_b = (_a = this.store.state) === null || _a === void 0 ? void 0 : _a.activeTool) === null || _b === void 0 ? void 0 : _b.handlePointerUp(ev);
+    }
+    handleContextMenu(ev) {
+        ev.preventDefault();
+        if (this.store.isDisabled) {
+            return;
+        }
+        if (ev.pointerType === 'touch') {
+            return;
+        }
+        this.contextMenuHandler.handleContextMenu(ev);
+    }
+    handleResize() {
+        this.viewport.handleResize();
+    }
+    handleKeyDown(ev) {
+        this.keyHandler.handleKeyDown(ev);
+    }
+    handleKeyUp(ev) {
+        this.keyHandler.handleKeyUp(ev);
+    }
+    updateFocus(ev) {
+        if (this.store.isDisabled) {
+            return;
+        }
+        const rect = this.store.state.host.getBoundingClientRect();
+        const isInside = ev.clientX >= rect.left && ev.clientX <= rect.right && ev.clientY >= rect.top && ev.clientY <= rect.bottom;
+        const path = ev.composedPath();
+        const kritzelEngineElement = this.host.closest('kritzel-engine');
+        const isInKritzelEngine = path.includes(kritzelEngineElement || this.host);
+        this.store.setState('isFocused', isInside && isInKritzelEngine);
+    }
+    handleClick() {
+        this.enable();
+    }
+    async registerTool(toolName, toolClass, toolConfig) {
+        if (typeof toolClass !== 'function' || !(toolClass.prototype instanceof KritzelBaseTool)) {
+            console.error(`Failed to register tool "${toolName}": Tool class must be a constructor function`);
+            return null;
+        }
+        const registeredTool = KritzelToolRegistry.registerTool(toolName, toolClass, this.store);
+        if (toolConfig) {
+            Object.entries(toolConfig).forEach(([key, value]) => {
+                registeredTool[key] = value;
+            });
+        }
+        return Promise.resolve(registeredTool);
+    }
+    async changeActiveTool(tool) {
+        var _a;
+        (_a = this.store.state.activeTool) === null || _a === void 0 ? void 0 : _a.onDeactivate();
+        this.store.setState('activeTool', tool);
+        this.store.deselectAllObjects();
+        tool === null || tool === void 0 ? void 0 : tool.onActivate();
+    }
+    async setFocus() {
+        this.host.focus();
+        this.store.state.isFocused = true;
+    }
+    async disable() {
+        this.store.state.isEnabled = false;
+        this.forceUpdate++;
+    }
+    async enable() {
+        this.store.state.isEnabled = true;
+        this.forceUpdate++;
+    }
+    async delete() {
+        this.store.delete();
+    }
+    async copy() {
+        this.store.copy();
+    }
+    async paste(x, y) {
+        this.store.paste(x, y);
+    }
+    async bringForward(object) {
+        this.store.bringForward(object);
+    }
+    async sendBackward(object) {
+        this.store.sendBackward(object);
+    }
+    async bringToFront(object) {
+        this.store.bringToFront(object);
+    }
+    async sendToBack(object) {
+        this.store.sendToBack(object);
+    }
+    async undo() {
+        this.store.history.undo();
+    }
+    async redo() {
+        this.store.history.redo();
+    }
+    async hideContextMenu() {
+        this.store.state.pointers.clear();
+        this.store.state.isContextMenuVisible = false;
+        this.store.state.selectionBox = null;
+        this.store.state.isSelecting = false;
+    }
+    async getObjectById(id) {
+        const object = this.store.objects.find(obj => obj.id === id);
+        return object || null;
+    }
+    async addObject(object) {
+        this.store.deselectAllObjects();
+        object.id = object.generateId();
+        object._store = this.store;
+        object.scale = object.scale ? object.scale : this.store.state.scale;
+        object.zIndex = this.store.currentZIndex;
+        const command = new AddObjectCommand(this.store, this, object);
+        this.store.history.executeCommand(command);
+        return object;
+    }
+    async updateObject(object, updatedProperties) {
+        this.store.deselectAllObjects();
+        const command = new UpdateObjectCommand(this.store, this, object, updatedProperties);
+        this.store.history.executeCommand(command);
+        return object;
+    }
+    async removeObject(object) {
+        this.store.deselectAllObjects();
+        const command = new RemoveObjectCommand(this.store, this, object);
+        this.store.history.executeCommand(command);
+        return object;
+    }
+    async getSelectedObjects() {
+        return this.store.state.selectionGroup ? this.store.state.selectionGroup.objects : [];
+    }
+    async selectObjects(objects) {
+        var _a;
+        (_a = this.store.state.activeTool) === null || _a === void 0 ? void 0 : _a.onDeactivate();
+        this.store.setState('activeTool', KritzelToolRegistry.getTool('selection'));
+        this.store.deselectAllObjects();
+        this.store.selectObjects(objects);
+    }
+    async selectAllObjectsInViewport() {
+        var _a;
+        (_a = this.store.state.activeTool) === null || _a === void 0 ? void 0 : _a.onDeactivate();
+        this.store.setState('activeTool', KritzelToolRegistry.getTool('selection'));
+        this.store.deselectAllObjects();
+        this.store.selectAllObjectsInViewport();
+    }
+    async clearSelection() {
+        this.store.clearSelection();
+    }
+    async centerObjectInViewport(object) {
+        object.centerInViewport();
+        const command = new UpdateObjectCommand(this.store, this, object, object);
+        this.store.history.executeCommand(command);
+        return object;
+    }
+    async getCopiedObjects() {
+        var _a;
+        return ((_a = this.store.state.copiedObjects) === null || _a === void 0 ? void 0 : _a.objects) || [];
+    }
+    async createWorkspace(workspace) {
+        return this.store.createWorkspace(workspace).then(() => {
+            this.workspacesChange.emit(this.store.state.workspaces);
+        });
+    }
+    async updateWorkspace(workspace) {
+        return this.store.updateWorkspace(workspace).then(() => {
+            this.workspacesChange.emit(this.store.state.workspaces);
+        });
+    }
+    async deleteWorkspace(workspace) {
+        return this.store.deleteWorkspace(workspace).then(() => {
+            this.workspacesChange.emit(this.store.state.workspaces.filter(ws => ws.id !== workspace.id));
+        });
+    }
+    async getWorkspaces() {
+        return this.store.getWorkspaces();
+    }
+    _registerStateChangeListeners() {
+        this.store.onStateChange('activeTool', this._handleActiveToolChange.bind(this));
+        this.store.onStateChange('isFocused', this._handleIsFocusedChange.bind(this));
+    }
+    _handleActiveToolChange(activeTool) {
+        if (!(activeTool instanceof KritzelSelectionTool)) {
+            this.store.clearSelection();
+        }
+        this.store.state.skipContextMenu = false;
+        this.activeToolChange.emit(activeTool);
+        KritzelKeyboardHelper.forceHideKeyboard();
+    }
+    _handleIsFocusedChange(isFocused) {
+        if (!isFocused) {
+            this.store.resetActiveText();
+        }
+    }
+    render() {
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1, _2, _3, _4, _5, _6, _7, _8;
+        const computedStyle = window.getComputedStyle(this.host);
+        const baseHandleSizePx = computedStyle.getPropertyValue('--kritzel-selection-handle-size').trim() || '6px';
+        const baseHandleSize = parseFloat(baseHandleSizePx);
+        const baseHandleTouchSize = baseHandleSize * 2 < 14 ? 14 : baseHandleSize;
+        return (h(Host, { key: 'c7e747aa6106e7904cf9f44db37fa285a6fb4434' }, h("div", { key: 'b75652ab9f9531dce765cbe448ad3131c172d06a', class: "debug-panel", style: { display: this.store.state.debugInfo.showViewportInfo ? 'block' : 'none' } }, h("div", { key: 'fd1355bd640b9296949f6bbcf084589578654db6' }, "ActiveWorkspaceId: ", (_b = (_a = this.store.state) === null || _a === void 0 ? void 0 : _a.activeWorkspace) === null || _b === void 0 ? void 0 :
+            _b.id), h("div", { key: '8520e3e774e97ebc42ee86401fbfbafbe41c88e8' }, "ActiveWorkspaceName: ", (_d = (_c = this.store.state) === null || _c === void 0 ? void 0 : _c.activeWorkspace) === null || _d === void 0 ? void 0 :
+            _d.name), h("div", { key: 'f247b4d76cd018e787a9b59829deedeb6c5c5272' }, "TranslateX: ", (_e = this.store.state) === null || _e === void 0 ? void 0 :
+            _e.translateX), h("div", { key: 'e0438479bc9e950ef2cbe88ed0aa0b8ec1888890' }, "TranslateY: ", (_f = this.store.state) === null || _f === void 0 ? void 0 :
+            _f.translateY), h("div", { key: '1735fde66588e285039bcc090dee71630608d666' }, "ViewportWidth: ", (_g = this.store.state) === null || _g === void 0 ? void 0 :
+            _g.viewportWidth), h("div", { key: '15f8b3305c27a395b8aa6463c5acec42bb3e3ddd' }, "ViewportHeight: ", (_h = this.store.state) === null || _h === void 0 ? void 0 :
+            _h.viewportHeight), h("div", { key: 'd2e39bae191c7256967d0140f38e75dccf95f24c' }, "ObjectsInViewport. ", this.store.objects.length), h("div", { key: 'cd3f53ff4a8f119a2ef975133f69fc3798fe0f71' }, "Scale: ", (_j = this.store.state) === null || _j === void 0 ? void 0 :
+            _j.scale), h("div", { key: 'b1f8c77589a80fe49d0947602bda46438921f7a8' }, "ActiveTool: ", (_l = (_k = this.store.state) === null || _k === void 0 ? void 0 : _k.activeTool) === null || _l === void 0 ? void 0 :
+            _l.name), h("div", { key: '41cd94f58f71cd5c1cffc679ada5fc51f6ceeea7' }, "HasViewportChanged: ", ((_m = this.store.state) === null || _m === void 0 ? void 0 : _m.hasViewportChanged) ? 'true' : 'false'), h("div", { key: 'bf8495bb924673aad3a9ca57ed0bf9ac23874dfb' }, "IsEnabled: ", ((_o = this.store.state) === null || _o === void 0 ? void 0 : _o.isEnabled) ? 'true' : 'false'), h("div", { key: '3823936f5b46b100742f94fac8d7e87ed93ddb58' }, "IsScaling: ", ((_p = this.store.state) === null || _p === void 0 ? void 0 : _p.isScaling) ? 'true' : 'false'), h("div", { key: '62eb836fff78b050cdab8cbef54f88f9d5b644ba' }, "IsPanning: ", ((_q = this.store.state) === null || _q === void 0 ? void 0 : _q.isPanning) ? 'true' : 'false'), h("div", { key: 'dac6b8d18ae8f6317bdd318ad48a9612f9942613' }, "IsFocused: ", this.store.state.isFocused ? 'true' : 'false'), h("div", { key: 'af232e2cd738e255029f5611531c246ac63a28ce' }, "IsSelecting: ", this.isSelecting ? 'true' : 'false'), h("div", { key: '95a44fef4b6befe95bfadfc62957103b48bf76b6' }, "IsSelectionActive: ", this.isSelectionActive ? 'true' : 'false'), h("div", { key: 'e8162d4de449a0d6756c2f540fca28353c193438' }, "IsResizeHandleSelected: ", this.store.state.isResizeHandleSelected ? 'true' : 'false'), h("div", { key: '4440d023cd4982c834736e06863698c3baf72353' }, "IsRotationHandleSelected: ", this.store.state.isRotationHandleSelected ? 'true' : 'false'), h("div", { key: 'd3e467dd18e53850df4d5bedf2b69f54b1fbe5c6' }, "IsDrawing: ", this.store.state.isDrawing ? 'true' : 'false'), h("div", { key: 'df6e4bca16cbe4346786a544d6f6c53d87bdb699' }, "IsWriting: ", this.store.state.isWriting ? 'true' : 'false'), h("div", { key: '532aebf1ff35cc578f12e36cdaf00713ffc76b97' }, "PointerX: ", (_r = this.store.state) === null || _r === void 0 ? void 0 :
+            _r.pointerX), h("div", { key: 'f710f8c8d27979da4a40e50452e2cdd63cdefa98' }, "PointerY: ", (_s = this.store.state) === null || _s === void 0 ? void 0 :
+            _s.pointerY), h("div", { key: '0175010e1d5a22be81ca0b2d88dd1aff217eacfd' }, "SelectedObjects: ", ((_t = this.store.state.selectionGroup) === null || _t === void 0 ? void 0 : _t.objects.length) || 0)), h("div", { key: 'dc2964c479405ed147bd5f090e24262595a474e2', id: "origin", class: "origin", style: {
+                transform: `matrix(${(_u = this.store.state) === null || _u === void 0 ? void 0 : _u.scale}, 0, 0, ${(_v = this.store.state) === null || _v === void 0 ? void 0 : _v.scale}, ${(_w = this.store.state) === null || _w === void 0 ? void 0 : _w.translateX}, ${(_x = this.store.state) === null || _x === void 0 ? void 0 : _x.translateY})`,
+            } }, (_y = this.store.state.objectsOctree.allObjects()) === null || _y === void 0 ? void 0 :
+            _y.map(object => {
+                var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u;
+                return (h("div", { key: object.id, style: { display: object.isInViewport() ? 'block' : 'none', transform: object === null || object === void 0 ? void 0 : object.transformationMatrix, transformOrigin: 'top left', zIndex: object.zIndex.toString(), position: 'absolute' } }, h("svg", { xmlns: "http://www.w3.org/2000/svg", id: object.id, class: "object", style: {
+                        height: object === null || object === void 0 ? void 0 : object.totalHeight.toString(),
+                        width: object === null || object === void 0 ? void 0 : object.totalWidth.toString(),
+                        left: '0',
+                        top: '0',
+                        position: 'absolute',
+                        transform: `rotate(${object.rotationDegrees}deg)`,
+                        transformOrigin: 'center',
+                        opacity: object.markedForRemoval ? '0.5' : object.opacity.toString(),
+                        pointerEvents: object.markedForRemoval ? 'none' : 'auto',
+                    } }, h("foreignObject", { x: "0", y: "0", width: object.totalWidth.toString(), height: object.totalHeight.toString(), style: {
+                        minHeight: '0',
+                        minWidth: '0',
+                        backgroundColor: object.backgroundColor,
+                        borderColor: object.borderColor,
+                        borderWidth: object.borderWidth + 'px',
+                        borderStyle: 'solid',
+                        padding: object.padding + 'px',
+                        overflow: 'visible',
+                    } }, KritzelClassHelper.isInstanceOf(object, 'KritzelPath') && (h("svg", { ref: el => (el ? object.mount(el) : object.unmount()), xmlns: "http://www.w3.org/2000/svg", style: {
+                        height: object === null || object === void 0 ? void 0 : object.height.toString(),
+                        width: object === null || object === void 0 ? void 0 : object.width.toString(),
+                        position: 'absolute',
+                        overflow: 'visible',
+                    }, viewBox: object === null || object === void 0 ? void 0 : object.viewBox }, h("path", { d: object === null || object === void 0 ? void 0 : object.d, fill: object.fill, stroke: object === null || object === void 0 ? void 0 : object.stroke }))), KritzelClassHelper.isInstanceOf(object, 'KritzelImage') && (h("img", { ref: el => (el ? object.mount(el) : object.unmount()), src: object.src, style: {
+                        width: '100%',
+                        height: '100%',
+                        userSelect: 'none',
+                        pointerEvents: 'none',
+                    }, draggable: false, onDragStart: e => e.preventDefault() })), KritzelClassHelper.isInstanceOf(object, 'KritzelText') && (h("textarea", { ref: el => (el ? object.mount(el) : object.unmount()), value: object.value, onKeyDown: event => object.handleKeyDown(event), onInput: event => object.handleInput(event), rows: object.rows, style: {
+                        width: '100%',
+                        height: '100%',
+                        color: object.fontColor,
+                        fontSize: ((_a = object.fontSize) === null || _a === void 0 ? void 0 : _a.toString()) + 'px',
+                        fontFamily: object.fontFamily,
+                        border: 'none',
+                        outline: 'none',
+                        resize: 'none',
+                        overflow: 'hidden',
+                        display: 'block',
+                        padding: '1px',
+                        whiteSpace: 'nowrap',
+                        pointerEvents: object.isReadonly ? 'none' : 'auto',
+                        cursor: object.isReadonly ? 'default' : 'text',
+                        caretColor: object.isReadonly ? 'transparent' : 'auto',
+                    } })), KritzelClassHelper.isInstanceOf(object, 'KritzelCustomElement') && (h("div", { ref: el => (el ? object.mount(el) : object.unmount()), style: {
+                        width: '100%',
+                        height: '100%',
+                        pointerEvents: 'auto',
+                        overflow: 'hidden',
+                        display: 'block',
+                    } })), KritzelClassHelper.isInstanceOf(object, 'KritzelSelectionGroup') && (h("div", { ref: el => (el ? object.mount(el) : object.unmount()), style: {
+                        width: '100%',
+                        height: '100%',
+                    } })), KritzelClassHelper.isInstanceOf(object, 'KrtizelSelectionBox') && (h("div", { ref: el => (el ? object.mount(el) : object.unmount()), style: {
+                        width: '100%',
+                        height: '100%',
+                    } }))), h("line", { x1: "0", y1: "0", x2: object.totalWidth, y2: "0", style: {
+                        stroke: 'var(--kritzel-selection-border-color, #007AFF)',
+                        strokeWidth: `calc(var(--kritzel-selection-border-width, 2px) * ${object.scale} / ${(_b = this.store.state) === null || _b === void 0 ? void 0 : _b.scale})`,
+                        strokeLinecap: 'square',
+                    }, visibility: object.isSelected ? 'visible' : 'hidden' }), h("line", { x1: "0", y1: "0", x2: "0", y2: object.totalHeight, style: {
+                        stroke: 'var(--kritzel-selection-border-color, #007AFF)',
+                        strokeWidth: `calc(var(--kritzel-selection-border-width, 2px) * ${object.scale} / ${(_c = this.store.state) === null || _c === void 0 ? void 0 : _c.scale})`,
+                        strokeLinecap: 'square',
+                    }, visibility: object.isSelected ? 'visible' : 'hidden' }), h("line", { x1: "0", y1: object.totalHeight, x2: object.totalWidth, y2: object.totalHeight, style: {
+                        stroke: 'var(--kritzel-selection-border-color, #007AFF)',
+                        strokeWidth: `calc(var(--kritzel-selection-border-width, 2px) * ${object.scale} / ${(_d = this.store.state) === null || _d === void 0 ? void 0 : _d.scale})`,
+                        strokeLinecap: 'square',
+                    }, visibility: object.isSelected ? 'visible' : 'hidden' }), h("line", { x1: object.totalWidth, y1: "0", x2: object.totalWidth, y2: object.totalHeight, style: {
+                        stroke: 'var(--kritzel-selection-border-color, #007AFF)',
+                        strokeWidth: `calc(var(--kritzel-selection-border-width, 2px) * ${object.scale} / ${(_e = this.store.state) === null || _e === void 0 ? void 0 : _e.scale})`,
+                        strokeLinecap: 'square',
+                    }, visibility: object.isSelected ? 'visible' : 'hidden' }), h("circle", { class: "resize-handle top-left", cx: "0", cy: "0", r: `${(baseHandleSize * object.scale) / ((_f = this.store.state) === null || _f === void 0 ? void 0 : _f.scale)}`, style: {
+                        fill: 'var(--kritzel-selection-handle-color, #000000)',
+                    }, visibility: object.isSelected && !this.isSelecting ? 'visible' : 'hidden' }), h("circle", { class: "resize-handle-overlay top-left", cx: "0", cy: "0", r: `${(baseHandleTouchSize * object.scale) / ((_g = this.store.state) === null || _g === void 0 ? void 0 : _g.scale)}`, style: {
+                        fill: 'transparent',
+                    }, visibility: object.isSelected && !this.isSelecting ? 'visible' : 'hidden' }), h("circle", { class: "resize-handle top-right", cx: object.totalWidth, cy: "0", r: `${(baseHandleSize * object.scale) / ((_h = this.store.state) === null || _h === void 0 ? void 0 : _h.scale)}`, style: {
+                        fill: 'var(--kritzel-selection-handle-color, #000000)',
+                    }, visibility: object.isSelected && !this.isSelecting ? 'visible' : 'hidden' }), h("circle", { class: "resize-handle-overlay top-right", cx: object.totalWidth, cy: "0", r: `${(baseHandleTouchSize * object.scale) / ((_j = this.store.state) === null || _j === void 0 ? void 0 : _j.scale)}`, style: {
+                        fill: 'transparent',
+                    }, visibility: object.isSelected && !this.isSelecting ? 'visible' : 'hidden' }), h("circle", { class: "resize-handle bottom-left", cx: "0", cy: object.totalHeight, r: `${(baseHandleSize * object.scale) / ((_k = this.store.state) === null || _k === void 0 ? void 0 : _k.scale)}`, style: {
+                        fill: 'var(--kritzel-selection-handle-color, #000000)',
+                    }, visibility: object.isSelected && !this.isSelecting ? 'visible' : 'hidden' }), h("circle", { class: "resize-handle-overlay bottom-left", cx: "0", cy: object.totalHeight, r: `${(baseHandleTouchSize * object.scale) / ((_l = this.store.state) === null || _l === void 0 ? void 0 : _l.scale)}`, style: {
+                        fill: 'transparent',
+                    }, visibility: object.isSelected && !this.isSelecting ? 'visible' : 'hidden' }), h("circle", { class: "resize-handle bottom-right", cx: object.totalWidth, cy: object.totalHeight, r: `${(baseHandleSize * object.scale) / ((_m = this.store.state) === null || _m === void 0 ? void 0 : _m.scale)}`, style: {
+                        fill: 'var(--kritzel-selection-handle-color, #000000)',
+                    }, visibility: object.isSelected && !this.isSelecting ? 'visible' : 'hidden' }), h("circle", { class: "resize-handle-overlay bottom-right", cx: object.totalWidth, cy: object.totalHeight, r: `${(baseHandleTouchSize * object.scale) / ((_o = this.store.state) === null || _o === void 0 ? void 0 : _o.scale)}`, style: {
+                        fill: 'transparent',
+                    }, visibility: object.isSelected && !this.isSelecting ? 'visible' : 'hidden' }), h("line", { x1: object.totalWidth / 2, y1: "0", x2: object.totalWidth / 2, y2: -((15 * object.scale) / ((_p = this.store.state) === null || _p === void 0 ? void 0 : _p.scale)), style: {
+                        stroke: 'var(--kritzel-selection-border-color, #007AFF)',
+                        strokeWidth: `calc(var(--kritzel-selection-border-width, 2px) * ${object.scale} / ${(_q = this.store.state) === null || _q === void 0 ? void 0 : _q.scale})`,
+                    }, visibility: object.isSelected && !this.isSelecting ? 'visible' : 'hidden' }), h("circle", { class: "rotation-handle", cx: object.totalWidth / 2, cy: -((15 * object.scale) / ((_r = this.store.state) === null || _r === void 0 ? void 0 : _r.scale)), r: `${(baseHandleSize * object.scale) / ((_s = this.store.state) === null || _s === void 0 ? void 0 : _s.scale)}`, style: {
+                        fill: 'var(--kritzel-selection-handle-color, #000000)',
+                    }, visibility: object.isSelected && !this.isSelecting ? 'visible' : 'hidden' }), h("circle", { class: "rotation-handle-overlay", cx: object.totalWidth / 2, cy: -((15 * object.scale) / ((_t = this.store.state) === null || _t === void 0 ? void 0 : _t.scale)), r: `${(baseHandleTouchSize * object.scale) / ((_u = this.store.state) === null || _u === void 0 ? void 0 : _u.scale)}`, style: {
+                        fill: 'transparent',
+                        cursor: 'grab',
+                    }, visibility: object.isSelected && !this.isSelecting ? 'visible' : 'hidden' }), h("g", { style: { display: this.store.state.debugInfo.showObjectInfo ? 'block' : 'none', pointerEvents: 'none' } }, h("foreignObject", { x: object.totalWidth.toString(), y: "0", width: "400px", height: "160px", style: { minHeight: '0', minWidth: '0', display: object.isDebugInfoVisible ? 'block' : 'none' } }, h("div", { style: { width: '100%', height: '100%' } }, h("div", { style: { whiteSpace: 'nowrap' } }, "zIndex: ", object.zIndex), h("div", { style: { whiteSpace: 'nowrap' } }, "translateX: ", object.translateX), h("div", { style: { whiteSpace: 'nowrap' } }, "translateY: ", object.translateY), h("div", { style: { whiteSpace: 'nowrap' } }, "width: ", object.width), h("div", { style: { whiteSpace: 'nowrap' } }, "height: ", object.height), h("div", { style: { whiteSpace: 'nowrap' } }, "scale: ", object.scale), h("div", { style: { whiteSpace: 'nowrap' } }, "rotation: ", object.rotation), h("div", { style: { whiteSpace: 'nowrap' } }, "x: ", object.x), h("div", { style: { whiteSpace: 'nowrap' } }, "y: ", object.y)))))));
+            }), h("svg", { key: '86f9a08bea3ac2d261b14b2eec471fafd20ca11f', class: "object", xmlns: "http://www.w3.org/2000/svg", style: {
+                height: (_z = this.store.state.currentPath) === null || _z === void 0 ? void 0 : _z.height.toString(),
+                width: (_0 = this.store.state.currentPath) === null || _0 === void 0 ? void 0 : _0.width.toString(),
+                left: '0',
+                top: '0',
+                zIndex: (_1 = this.store.state.currentPath) === null || _1 === void 0 ? void 0 : _1.zIndex.toString(),
+                position: 'absolute',
+                transform: (_2 = this.store.state.currentPath) === null || _2 === void 0 ? void 0 : _2.transformationMatrix,
+                transformOrigin: 'top left',
+                overflow: 'visible',
+            }, viewBox: (_3 = this.store.state.currentPath) === null || _3 === void 0 ? void 0 : _3.viewBox }, h("path", { key: '66ebcf1791c993d62b34a2e4da1d4279428a17dd', d: (_4 = this.store.state.currentPath) === null || _4 === void 0 ? void 0 : _4.d, fill: (_5 = this.store.state.currentPath) === null || _5 === void 0 ? void 0 : _5.fill, stroke: (_6 = this.store.state.currentPath) === null || _6 === void 0 ? void 0 : _6.stroke }))), this.store.state.isContextMenuVisible && (h("kritzel-context-menu", { key: 'af91784e3afc84b71d5186237d287c31d472d80a', class: "context-menu", ref: el => (this.contextMenuElement = el), items: this.store.state.contextMenuItems, objects: ((_7 = this.store.state.selectionGroup) === null || _7 === void 0 ? void 0 : _7.objects) || [], style: {
+                position: 'fixed',
+                left: `${this.store.state.contextMenuX}px`,
+                top: `${this.store.state.contextMenuY}px`,
+                zIndex: '10000',
+            }, onActionSelected: event => {
+                var _a;
+                event.detail.action({
+                    x: (-this.store.state.translateX + this.store.state.contextMenuX) / this.store.state.scale,
+                    y: (-this.store.state.translateY + this.store.state.contextMenuY) / this.store.state.scale,
+                }, (_a = this.store.state.selectionGroup) === null || _a === void 0 ? void 0 : _a.objects);
+                this.hideContextMenu();
+            } })), ((_8 = this.store.state) === null || _8 === void 0 ? void 0 : _8.activeTool) instanceof KritzelEraserTool && !this.store.state.isScaling && h("kritzel-cursor-trail", { key: '573a4422b742044df5f240b260bc66e83d004520', store: this.store })));
+    }
+    static get is() { return "kritzel-engine"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["kritzel-engine.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["kritzel-engine.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "workspace": {
+                "type": "unknown",
+                "attribute": "workspace",
+                "mutable": false,
+                "complexType": {
+                    "original": "KritzelWorkspace",
+                    "resolved": "KritzelWorkspace",
+                    "references": {
+                        "KritzelWorkspace": {
+                            "location": "import",
+                            "path": "../../../classes/workspace.class",
+                            "id": "src/classes/workspace.class.ts::KritzelWorkspace"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false
+            },
+            "activeTool": {
+                "type": "unknown",
+                "attribute": "active-tool",
+                "mutable": false,
+                "complexType": {
+                    "original": "KritzelTool",
+                    "resolved": "KritzelTool",
+                    "references": {
+                        "KritzelTool": {
+                            "location": "import",
+                            "path": "../../../interfaces/tool.interface",
+                            "id": "src/interfaces/tool.interface.ts::KritzelTool"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false
+            },
+            "globalContextMenuItems": {
+                "type": "unknown",
+                "attribute": "global-context-menu-items",
+                "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
+            },
+            "objectContextMenuItems": {
+                "type": "unknown",
+                "attribute": "object-context-menu-items",
+                "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
+            },
+            "scaleMax": {
+                "type": "number",
+                "attribute": "scale-max",
+                "mutable": true,
+                "complexType": {
+                    "original": "number",
+                    "resolved": "number",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "defaultValue": "ABSOLUTE_SCALE_MAX"
+            },
+            "scaleMin": {
+                "type": "number",
+                "attribute": "scale-min",
+                "mutable": true,
+                "complexType": {
+                    "original": "number",
+                    "resolved": "number",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "defaultValue": "ABSOLUTE_SCALE_MIN"
+            }
+        };
+    }
+    static get states() {
+        return {
+            "forceUpdate": {}
+        };
+    }
+    static get events() {
+        return [{
+                "method": "isEngineReady",
+                "name": "isEngineReady",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "complexType": {
+                    "original": "KritzelEngineState",
+                    "resolved": "KritzelEngineState",
+                    "references": {
+                        "KritzelEngineState": {
+                            "location": "import",
+                            "path": "../../../interfaces/engine-state.interface",
+                            "id": "src/interfaces/engine-state.interface.ts::KritzelEngineState"
+                        }
+                    }
+                }
+            }, {
+                "method": "activeToolChange",
+                "name": "activeToolChange",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "complexType": {
+                    "original": "KritzelBaseTool",
+                    "resolved": "KritzelBaseTool",
+                    "references": {
+                        "KritzelBaseTool": {
+                            "location": "import",
+                            "path": "../../../classes/tools/base-tool.class",
+                            "id": "src/classes/tools/base-tool.class.ts::KritzelBaseTool"
+                        }
+                    }
+                }
+            }, {
+                "method": "workspacesChange",
+                "name": "workspacesChange",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "complexType": {
+                    "original": "KritzelWorkspace[]",
+                    "resolved": "KritzelWorkspace[]",
+                    "references": {
+                        "KritzelWorkspace": {
+                            "location": "import",
+                            "path": "../../../classes/workspace.class",
+                            "id": "src/classes/workspace.class.ts::KritzelWorkspace"
+                        }
+                    }
+                }
+            }];
+    }
+    static get methods() {
+        return {
+            "registerTool": {
+                "complexType": {
+                    "signature": "(toolName: string, toolClass: any, toolConfig?: KritzelTextToolConfig | KritzelBrushToolConfig) => Promise<KritzelBaseTool>",
+                    "parameters": [{
+                            "name": "toolName",
+                            "type": "string",
+                            "docs": ""
+                        }, {
+                            "name": "toolClass",
+                            "type": "any",
+                            "docs": ""
+                        }, {
+                            "name": "toolConfig",
+                            "type": "KritzelTextToolConfig | KritzelBrushToolConfig",
+                            "docs": ""
+                        }],
+                    "references": {
+                        "Promise": {
+                            "location": "global",
+                            "id": "global::Promise"
+                        },
+                        "KritzelBaseTool": {
+                            "location": "import",
+                            "path": "../../../classes/tools/base-tool.class",
+                            "id": "src/classes/tools/base-tool.class.ts::KritzelBaseTool"
+                        },
+                        "KritzelTextToolConfig": {
+                            "location": "import",
+                            "path": "../../../interfaces/toolbar-control.interface",
+                            "id": "src/interfaces/toolbar-control.interface.ts::KritzelTextToolConfig"
+                        },
+                        "KritzelBrushToolConfig": {
+                            "location": "import",
+                            "path": "../../../interfaces/toolbar-control.interface",
+                            "id": "src/interfaces/toolbar-control.interface.ts::KritzelBrushToolConfig"
+                        }
+                    },
+                    "return": "Promise<KritzelBaseTool>"
+                },
+                "docs": {
+                    "text": "",
+                    "tags": []
+                }
+            },
+            "changeActiveTool": {
+                "complexType": {
+                    "signature": "(tool: KritzelBaseTool) => Promise<void>",
+                    "parameters": [{
+                            "name": "tool",
+                            "type": "KritzelBaseTool",
+                            "docs": ""
+                        }],
+                    "references": {
+                        "Promise": {
+                            "location": "global",
+                            "id": "global::Promise"
+                        },
+                        "KritzelBaseTool": {
+                            "location": "import",
+                            "path": "../../../classes/tools/base-tool.class",
+                            "id": "src/classes/tools/base-tool.class.ts::KritzelBaseTool"
+                        }
+                    },
+                    "return": "Promise<void>"
+                },
+                "docs": {
+                    "text": "",
+                    "tags": []
+                }
+            },
+            "setFocus": {
+                "complexType": {
+                    "signature": "() => Promise<void>",
+                    "parameters": [],
+                    "references": {
+                        "Promise": {
+                            "location": "global",
+                            "id": "global::Promise"
+                        }
+                    },
+                    "return": "Promise<void>"
+                },
+                "docs": {
+                    "text": "",
+                    "tags": []
+                }
+            },
+            "disable": {
+                "complexType": {
+                    "signature": "() => Promise<void>",
+                    "parameters": [],
+                    "references": {
+                        "Promise": {
+                            "location": "global",
+                            "id": "global::Promise"
+                        }
+                    },
+                    "return": "Promise<void>"
+                },
+                "docs": {
+                    "text": "",
+                    "tags": []
+                }
+            },
+            "enable": {
+                "complexType": {
+                    "signature": "() => Promise<void>",
+                    "parameters": [],
+                    "references": {
+                        "Promise": {
+                            "location": "global",
+                            "id": "global::Promise"
+                        }
+                    },
+                    "return": "Promise<void>"
+                },
+                "docs": {
+                    "text": "",
+                    "tags": []
+                }
+            },
+            "delete": {
+                "complexType": {
+                    "signature": "() => Promise<void>",
+                    "parameters": [],
+                    "references": {
+                        "Promise": {
+                            "location": "global",
+                            "id": "global::Promise"
+                        }
+                    },
+                    "return": "Promise<void>"
+                },
+                "docs": {
+                    "text": "",
+                    "tags": []
+                }
+            },
+            "copy": {
+                "complexType": {
+                    "signature": "() => Promise<void>",
+                    "parameters": [],
+                    "references": {
+                        "Promise": {
+                            "location": "global",
+                            "id": "global::Promise"
+                        }
+                    },
+                    "return": "Promise<void>"
+                },
+                "docs": {
+                    "text": "",
+                    "tags": []
+                }
+            },
+            "paste": {
+                "complexType": {
+                    "signature": "(x: number, y: number) => Promise<void>",
+                    "parameters": [{
+                            "name": "x",
+                            "type": "number",
+                            "docs": ""
+                        }, {
+                            "name": "y",
+                            "type": "number",
+                            "docs": ""
+                        }],
+                    "references": {
+                        "Promise": {
+                            "location": "global",
+                            "id": "global::Promise"
+                        }
+                    },
+                    "return": "Promise<void>"
+                },
+                "docs": {
+                    "text": "",
+                    "tags": []
+                }
+            },
+            "bringForward": {
+                "complexType": {
+                    "signature": "(object?: KritzelBaseObject<any>) => Promise<void>",
+                    "parameters": [{
+                            "name": "object",
+                            "type": "KritzelBaseObject<any>",
+                            "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": []
+                }
+            },
+            "sendBackward": {
+                "complexType": {
+                    "signature": "(object?: KritzelBaseObject<any>) => Promise<void>",
+                    "parameters": [{
+                            "name": "object",
+                            "type": "KritzelBaseObject<any>",
+                            "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": []
+                }
+            },
+            "bringToFront": {
+                "complexType": {
+                    "signature": "(object?: KritzelBaseObject<any>) => Promise<void>",
+                    "parameters": [{
+                            "name": "object",
+                            "type": "KritzelBaseObject<any>",
+                            "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": []
+                }
+            },
+            "sendToBack": {
+                "complexType": {
+                    "signature": "(object?: KritzelBaseObject<any>) => Promise<void>",
+                    "parameters": [{
+                            "name": "object",
+                            "type": "KritzelBaseObject<any>",
+                            "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": []
+                }
+            },
+            "undo": {
+                "complexType": {
+                    "signature": "() => Promise<void>",
+                    "parameters": [],
+                    "references": {
+                        "Promise": {
+                            "location": "global",
+                            "id": "global::Promise"
+                        }
+                    },
+                    "return": "Promise<void>"
+                },
+                "docs": {
+                    "text": "",
+                    "tags": []
+                }
+            },
+            "redo": {
+                "complexType": {
+                    "signature": "() => Promise<void>",
+                    "parameters": [],
+                    "references": {
+                        "Promise": {
+                            "location": "global",
+                            "id": "global::Promise"
+                        }
+                    },
+                    "return": "Promise<void>"
+                },
+                "docs": {
+                    "text": "",
+                    "tags": []
+                }
+            },
+            "hideContextMenu": {
+                "complexType": {
+                    "signature": "() => Promise<void>",
+                    "parameters": [],
+                    "references": {
+                        "Promise": {
+                            "location": "global",
+                            "id": "global::Promise"
+                        }
+                    },
+                    "return": "Promise<void>"
+                },
+                "docs": {
+                    "text": "",
+                    "tags": []
+                }
+            },
+            "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<any>[]>",
+                    "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"
+                        }
+                    },
+                    "return": "Promise<KritzelBaseObject<any>[]>"
+                },
+                "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": []
+                }
+            },
+            "getCopiedObjects": {
+                "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": []
+                }
+            },
+            "createWorkspace": {
+                "complexType": {
+                    "signature": "(workspace: KritzelWorkspace) => Promise<void>",
+                    "parameters": [{
+                            "name": "workspace",
+                            "type": "KritzelWorkspace",
+                            "docs": ""
+                        }],
+                    "references": {
+                        "Promise": {
+                            "location": "global",
+                            "id": "global::Promise"
+                        },
+                        "KritzelWorkspace": {
+                            "location": "import",
+                            "path": "../../../classes/workspace.class",
+                            "id": "src/classes/workspace.class.ts::KritzelWorkspace"
+                        }
+                    },
+                    "return": "Promise<void>"
+                },
+                "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/workspace.class",
+                            "id": "src/classes/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/workspace.class",
+                            "id": "src/classes/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/workspace.class",
+                            "id": "src/classes/workspace.class.ts::KritzelWorkspace"
+                        }
+                    },
+                    "return": "Promise<KritzelWorkspace[]>"
+                },
+                "docs": {
+                    "text": "",
+                    "tags": []
+                }
+            }
+        };
+    }
+    static get elementRef() { return "host"; }
+    static get watchers() {
+        return [{
+                "propName": "workspace",
+                "methodName": "onWorkspaceChange"
+            }, {
+                "propName": "scaleMax",
+                "methodName": "validateScaleMax"
+            }, {
+                "propName": "scaleMin",
+                "methodName": "validateScaleMin"
+            }];
+    }
+    static get listeners() {
+        return [{
+                "name": "wheel",
+                "method": "handleWheel",
+                "target": undefined,
+                "capture": false,
+                "passive": false
+            }, {
+                "name": "pointerdown",
+                "method": "handlePointerDown",
+                "target": undefined,
+                "capture": false,
+                "passive": false
+            }, {
+                "name": "pointermove",
+                "method": "handlePointerMove",
+                "target": undefined,
+                "capture": false,
+                "passive": false
+            }, {
+                "name": "pointerup",
+                "method": "handlePointerUp",
+                "target": undefined,
+                "capture": false,
+                "passive": false
+            }, {
+                "name": "pointercancel",
+                "method": "handlePointerCancel",
+                "target": undefined,
+                "capture": false,
+                "passive": false
+            }, {
+                "name": "contextmenu",
+                "method": "handleContextMenu",
+                "target": undefined,
+                "capture": false,
+                "passive": false
+            }, {
+                "name": "resize",
+                "method": "handleResize",
+                "target": "window",
+                "capture": false,
+                "passive": true
+            }, {
+                "name": "keydown",
+                "method": "handleKeyDown",
+                "target": "window",
+                "capture": false,
+                "passive": false
+            }, {
+                "name": "keyup",
+                "method": "handleKeyUp",
+                "target": "window",
+                "capture": false,
+                "passive": false
+            }, {
+                "name": "mousedown",
+                "method": "updateFocus",
+                "target": "window",
+                "capture": false,
+                "passive": true
+            }, {
+                "name": "click",
+                "method": "handleClick",
+                "target": undefined,
+                "capture": false,
+                "passive": false
+            }];
+    }
+}
+//# sourceMappingURL=kritzel-engine.js.map