kritzel-stencil 0.0.155 → 0.0.157

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

@@ -1,1606 +0,0 @@
-import { Host, h } from "@stencil/core";
-import { KritzelViewport } from "../../../classes/core/viewport.class";
-import { KritzelSelectionTool } from "../../../classes/tools/selection-tool.class";
-import { KritzelSelectionBox } from "../../../classes/objects/selection-box.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 { 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";
-import { KritzelCore } from "../../../classes/core/core.class";
-import { KritzelDevicesHelper } from "../../../helpers/devices.helper";
-import { throttle } from "lodash";
-export class KritzelEngine {
-    host;
-    workspace;
-    syncConfig;
-    onWorkspaceChange(newWorkspace) {
-        const currentWorkspaceId = this.core.store.state.activeWorkspace?.id;
-        const newWorkspaceId = newWorkspace?.id;
-        if (currentWorkspaceId !== newWorkspaceId) {
-            this.core.beforeWorkspaceChange();
-            this.core.initializeWorkspace(newWorkspace);
-        }
-    }
-    activeTool;
-    globalContextMenuItems;
-    objectContextMenuItems;
-    scaleMax = ABSOLUTE_SCALE_MAX;
-    validateScaleMax(newValue) {
-        if (newValue > ABSOLUTE_SCALE_MAX) {
-            console.warn(`scaleMax cannot be greater than ${ABSOLUTE_SCALE_MAX}.`);
-            this.scaleMax = ABSOLUTE_SCALE_MAX;
-            this.core.store.state.scaleMax = this.scaleMax;
-        }
-        else {
-            this.core.store.state.scaleMax = newValue;
-        }
-    }
-    scaleMin = ABSOLUTE_SCALE_MIN;
-    validateScaleMin(newValue) {
-        if (newValue < ABSOLUTE_SCALE_MIN) {
-            console.warn(`scaleMin cannot be less than ${ABSOLUTE_SCALE_MIN}.`);
-            this.scaleMin = ABSOLUTE_SCALE_MIN;
-            this.core.store.state.scaleMin = this.scaleMin;
-        }
-        else {
-            this.core.store.state.scaleMin = newValue;
-        }
-    }
-    isEngineReady;
-    activeToolChange;
-    workspacesChange;
-    longpress;
-    objectsChange;
-    undoStateChange;
-    forceUpdate = 0;
-    throttledWheel = throttle((ev) => {
-        this.viewport.handleWheel(ev);
-        this.core.store.state?.activeTool?.handleWheel(ev);
-    }, 16);
-    handleWheel(ev) {
-        if (this.core.store.isDisabled) {
-            return;
-        }
-        if (this.core.store.state.isContextMenuVisible) {
-            this.hideContextMenu();
-        }
-        this.throttledWheel(ev);
-    }
-    handlePointerDown(ev) {
-        if (this.core.store.isDisabled) {
-            return;
-        }
-        if (KritzelDevicesHelper.isTouchDevice()) {
-            KritzelEventHelper.onLongPress(ev, (event) => this.longpress.emit(event));
-        }
-        this.host.setPointerCapture(ev.pointerId);
-        this.core.store.state.pointers.set(ev.pointerId, ev);
-        this.viewport.handlePointerDown(ev);
-        this.core.store.state?.activeTool?.handlePointerDown(ev);
-    }
-    throttledPointerMoveMulti = throttle((ev) => {
-        this.viewport.handlePointerMove(ev);
-        this.core.store.state?.activeTool?.handlePointerMove(ev);
-    }, 16);
-    handlePointerMove(ev) {
-        if (this.core.store.isDisabled) {
-            return;
-        }
-        this.core.store.state.pointers.set(ev.pointerId, ev);
-        if (this.core.store.state.pointers.size > 1) {
-            this.throttledPointerMoveMulti(ev);
-        }
-        this.viewport.handlePointerMove(ev);
-        this.core.store.state?.activeTool?.handlePointerMove(ev);
-    }
-    handlePointerUp(ev) {
-        if (this.core.store.isDisabled) {
-            return;
-        }
-        this.core.store.state.pointers.delete(ev.pointerId);
-        this.host.releasePointerCapture(ev.pointerId);
-        this.viewport.handlePointerUp(ev);
-        this.core.store.state?.activeTool?.handlePointerUp(ev);
-    }
-    handlePointerCancel(ev) {
-        if (this.core.store.isDisabled) {
-            return;
-        }
-        this.host.releasePointerCapture(ev.pointerId);
-        this.core.store.state.pointers.delete(ev.pointerId);
-        this.viewport.handlePointerUp(ev);
-        this.core.store.state?.activeTool?.handlePointerUp(ev);
-    }
-    handleLongPress(ev) {
-        this.contextMenuHandler.handleContextMenu(ev.detail);
-    }
-    handleContextMenu(ev) {
-        ev.preventDefault();
-        if (this.core.store.isDisabled) {
-            return;
-        }
-        if (ev.pointerType === 'touch') {
-            return;
-        }
-        this.contextMenuHandler.handleContextMenu(ev);
-    }
-    handleResize() {
-        this.viewport.handleResize();
-    }
-    handleKeyDown(ev) {
-        if (this.core.store.isDisabled) {
-            return;
-        }
-        this.keyHandler.handleKeyDown(ev);
-    }
-    handleKeyUp(ev) {
-        if (this.core.store.isDisabled) {
-            return;
-        }
-        this.keyHandler.handleKeyUp(ev);
-    }
-    preventDoubleTapZoomOnTouchDevices(ev) {
-        ev.preventDefault();
-    }
-    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.core);
-        if (toolConfig) {
-            Object.entries(toolConfig).forEach(([key, value]) => {
-                registeredTool[key] = value;
-            });
-        }
-        return Promise.resolve(registeredTool);
-    }
-    async changeActiveTool(tool) {
-        this.core.store.state.activeTool?.onDeactivate();
-        this.core.store.setState('activeTool', tool);
-        this.core.deselectAllObjects();
-        tool?.onActivate();
-    }
-    async disable() {
-        this.core.store.state.isEnabled = false;
-        this.core.rerender();
-    }
-    async enable() {
-        this.core.store.state.isEnabled = true;
-        this.core.rerender();
-    }
-    async delete() {
-        this.core.delete();
-    }
-    async copy() {
-        this.core.copy();
-    }
-    async paste(x, y) {
-        this.core.paste(x, y);
-    }
-    async bringForward(object) {
-        this.core.bringForward(object);
-    }
-    async sendBackward(object) {
-        this.core.sendBackward(object);
-    }
-    async bringToFront(object) {
-        this.core.bringToFront(object);
-    }
-    async sendToBack(object) {
-        this.core.sendToBack(object);
-    }
-    async undo() {
-        this.core.undo();
-    }
-    async redo() {
-        this.core.redo();
-    }
-    async hideContextMenu() {
-        this.core.store.state.pointers.clear();
-        this.core.store.state.isContextMenuVisible = false;
-        this.core.store.state.objects.remove(o => o instanceof KritzelSelectionBox);
-        this.core.store.state.isSelecting = false;
-        this.core.store.state.isEnabled = true;
-        this.core.rerender();
-    }
-    async getObjectById(id) {
-        const object = this.core.store.allObjects.find(obj => obj.id === id);
-        return object || null;
-    }
-    async addObject(object) {
-        this.core.deselectAllObjects();
-        object.id = object.generateId();
-        object._core = this.core;
-        object.scale = object.scale ? object.scale : this.core.store.state.scale;
-        object.zIndex = this.core.store.currentZIndex;
-        this.core.addObject(object);
-        this.core.rerender();
-        return object;
-    }
-    async updateObject(object, updatedProperties) {
-        this.core.deselectAllObjects();
-        this.core.updateObject(object, updatedProperties);
-        this.core.rerender();
-        return object;
-    }
-    async removeObject(object) {
-        this.core.deselectAllObjects();
-        this.core.store.state.objects.remove(o => o.id === object.id);
-        this.core.rerender();
-        return object;
-    }
-    async getSelectedObjects() {
-        const selectionGroup = this.core.store.selectionGroup;
-        return selectionGroup ? selectionGroup.objects : [];
-    }
-    async selectObjects(objects) {
-        this.core.store.state.activeTool?.onDeactivate();
-        this.core.store.setState('activeTool', KritzelToolRegistry.getTool('selection'));
-        this.core.deselectAllObjects();
-        this.core.selectObjects(objects);
-    }
-    async selectAllObjectsInViewport() {
-        this.core.store.state.activeTool?.onDeactivate();
-        this.core.store.setState('activeTool', KritzelToolRegistry.getTool('selection'));
-        this.core.deselectAllObjects();
-        this.core.selectAllObjectsInViewport();
-    }
-    async clearSelection() {
-        this.core.clearSelection();
-    }
-    async centerObjectInViewport(object) {
-        object.centerInViewport();
-        this.core.updateObject(object, object);
-        this.core.rerender();
-        return object;
-    }
-    async getCopiedObjects() {
-        return this.core.store.state.copiedObjects || [];
-    }
-    async createWorkspace(workspace) {
-        await this.core.createWorkspace(workspace);
-        this.workspacesChange.emit(this.core.store.state.workspaces);
-        return workspace;
-    }
-    async updateWorkspace(workspace) {
-        await this.core.updateWorkspace(workspace);
-        this.workspacesChange.emit(this.core.store.state.workspaces);
-    }
-    async deleteWorkspace(workspace) {
-        await this.core.deleteWorkspace(workspace);
-        this.workspacesChange.emit(this.core.store.state.workspaces);
-    }
-    async getWorkspaces() {
-        return await this.core.getWorkspaces();
-    }
-    async getActiveWorkspace() {
-        return this.core.store.state.activeWorkspace;
-    }
-    core;
-    viewport;
-    contextMenuHandler;
-    keyHandler;
-    contextMenuElement = null;
-    get isSelecting() {
-        return this.core.store.state.activeTool instanceof KritzelSelectionTool && this.core.store.state.isSelecting;
-    }
-    get isSelectionActive() {
-        return this.core.store.state.activeTool instanceof KritzelSelectionTool && this.core.store.selectionGroup !== null;
-    }
-    constructor() {
-        this.core = new KritzelCore(this);
-    }
-    disconnectedCallback() {
-        this.throttledWheel.cancel();
-        this.throttledPointerMoveMulti.cancel();
-    }
-    componentWillLoad() {
-        this.validateScaleMax(this.scaleMax);
-        this.validateScaleMin(this.scaleMin);
-    }
-    async componentDidLoad() {
-        this.contextMenuHandler = new KritzelContextMenuHandler(this.core, this.globalContextMenuItems, this.objectContextMenuItems);
-        this.keyHandler = new KritzelKeyHandler(this.core);
-        this.viewport = new KritzelViewport(this.core, this.host);
-        // Set sync configuration if provided
-        if (this.syncConfig) {
-            this.core.setSyncConfig(this.syncConfig);
-        }
-        // Initialize Yjs document and persistence layer
-        await this.core.initializeYjs();
-        // Initialize workspace (will load from Yjs if available)
-        await this.core.initializeWorkspace(this.workspace);
-        // Register callback for remote workspace changes
-        this.core.appStateMap.onRemoteChange(() => {
-            this.workspacesChange.emit(this.core.store.state.workspaces);
-        });
-        this._registerStateChangeListeners();
-        if (this.core.store.state.isReady === false) {
-            this.core.store.state.isReady = true;
-            this.isEngineReady.emit(this.core.store.state);
-        }
-    }
-    emitObjectsChange() {
-        const objects = this.core.store.allObjects;
-        const undoState = this.core.store.state.objects.undoState;
-        this.objectsChange.emit(objects);
-        this.undoStateChange.emit(undoState);
-    }
-    _registerStateChangeListeners() {
-        this.core.store.onStateChange('activeTool', this._handleActiveToolChange.bind(this));
-    }
-    _handleActiveToolChange(activeTool) {
-        if (!(activeTool instanceof KritzelSelectionTool)) {
-            this.core.clearSelection();
-            this.core.store.state.objects.remove(o => o instanceof KritzelSelectionBox);
-            this.core.store.state.isSelecting = false;
-            this.core.store.state.isResizeHandleSelected = false;
-            this.core.store.state.isRotationHandleSelected = false;
-        }
-        this.core.store.state.skipContextMenu = false;
-        this.core.store.state.copiedObjects = null;
-        this.activeToolChange.emit(activeTool);
-        KritzelKeyboardHelper.forceHideKeyboard();
-        this.core.rerender();
-    }
-    render() {
-        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;
-        const viewportCenterX = this.core.store.state.viewportWidth / 2 + this.core.store.state.translateX;
-        const viewportCenterY = this.core.store.state.viewportHeight / 2 + this.core.store.state.translateY;
-        // Performance optimization: skip viewport filtering during scaling/panning
-        const visibleObjects = this.core.store.state.objects.allObjects().filter(obj => obj.isInViewport());
-        return (h(Host, { key: '27fe100b91431ac60e92bf760037cc447a63e38a' }, h("div", { key: '7e114372f5fa323a859157f3755d3fa5d4b08d47', class: "debug-panel", style: { display: this.core.store.state.debugInfo.showViewportInfo ? 'block' : 'none' } }, h("div", { key: '1863b8445ddd28130a54e02bb89d9ed274f8260c' }, "ActiveWorkspaceId: ", this.core.store.state?.activeWorkspace?.id), h("div", { key: '1640063aec9f5afd6ac967d7f65d99b36795bc3a' }, "ActiveWorkspaceName: ", this.core.store.state?.activeWorkspace?.name), h("div", { key: '199c6d4f705f5ae11b36e1d1331a580248ae0084' }, "TranslateX: ", this.core.store.state?.translateX), h("div", { key: '274033ad94cf606bc23200964ed9243f62150b86' }, "TranslateY: ", this.core.store.state?.translateY), h("div", { key: 'cc8779f3a09206db0bbad9703a85c824439a7937' }, "ViewportWidth: ", this.core.store.state?.viewportWidth), h("div", { key: '043c6e466232f30d352c059090a577555ed77408' }, "ViewportHeight: ", this.core.store.state?.viewportHeight), h("div", { key: 'ccc766354a394c94ae72152b56b3b3be127fb81f' }, "PointerCount: ", this.core.store.state.pointers.size), h("div", { key: '02ad8120fb92b4f03b658c64370dedf263c1379c' }, "Scale: ", this.core.store.state?.scale), h("div", { key: '5ae8ad9b57519bb6a37878a9c2705e516f3938c8' }, "ActiveTool: ", this.core.store.state?.activeTool?.name), h("div", { key: '2087eeeba5781392f25fc68b055c58304533a4ac' }, "HasViewportChanged: ", this.core.store.state?.hasViewportChanged ? 'true' : 'false'), h("div", { key: 'e144771bcf53633acc0f9c5dd67cd47a39e9fdc4' }, "IsEnabled: ", this.core.store.state?.isEnabled ? 'true' : 'false'), h("div", { key: 'ca6ab6ec3fe102fef9439d345784a6d665f5830d' }, "IsScaling: ", this.core.store.state?.isScaling ? 'true' : 'false'), h("div", { key: '39771b31899d1d8a03866327b003f6a136465ef6' }, "IsPanning: ", this.core.store.state?.isPanning ? 'true' : 'false'), h("div", { key: 'a018739b027928ea79199c87236f539031c75665' }, "IsSelecting: ", this.isSelecting ? 'true' : 'false'), h("div", { key: '9a726c78db50c847990a0da94d47944ab67a4032' }, "IsSelectionActive: ", this.isSelectionActive ? 'true' : 'false'), h("div", { key: '4a071e003c6829fd77e24feff0505179e4ddb6e5' }, "IsResizeHandleSelected: ", this.core.store.state.isResizeHandleSelected ? 'true' : 'false'), h("div", { key: '5de9101a5f8adc50d0205d1dc2c9c6ecfaee775b' }, "IsRotationHandleSelected: ", this.core.store.state.isRotationHandleSelected ? 'true' : 'false'), h("div", { key: 'b7cc40f141d38f1c44504537cb17d3715c463ef6' }, "IsDrawing: ", this.core.store.state.isDrawing ? 'true' : 'false'), h("div", { key: 'ec70a94cedaa20185c736619aeed903d47873a26' }, "IsWriting: ", this.core.store.state.isWriting ? 'true' : 'false'), h("div", { key: '004ba71d21b338ea4ccea9c2bd7a7e910d5fad5f' }, "PointerX: ", this.core.store.state?.pointerX), h("div", { key: '8e0b4ce18754f469a1cb86fc411090333e12f59f' }, "PointerY: ", this.core.store.state?.pointerY), h("div", { key: 'bb439deff145d1b362580945fedfa294c85e3a4d' }, "SelectedObjects: ", this.core.store.selectionGroup?.objects.length || 0), h("div", { key: 'ffdaa445890c5e86eb38a746d4ac6d35cd9e132a' }, "ViewportCenter: (", viewportCenterX.toFixed(2), ", ", viewportCenterY.toFixed(2), ")")), h("div", { key: '7770448d56a980d9c68cf95cc3deb81c00c0eb6f', id: "origin", class: "origin", style: {
-                transform: `matrix(${this.core.store.state?.scale}, 0, 0, ${this.core.store.state?.scale}, ${this.core.store.state?.translateX}, ${this.core.store.state?.translateY})`,
-            } }, visibleObjects?.map(object => {
-            return (h("div", { key: object.id, style: {
-                    transform: object?.transformationMatrix,
-                    transformOrigin: 'top left',
-                    zIndex: object.zIndex.toString(),
-                    position: 'absolute',
-                    pointerEvents: this.core.store.state.isScaling ? 'none' : 'auto',
-                } }, h("svg", { xmlns: "http://www.w3.org/2000/svg", id: object.id, class: "object", style: {
-                    height: object?.totalHeight.toString(),
-                    width: object?.totalWidth.toString(),
-                    left: '0',
-                    top: '0',
-                    position: 'absolute',
-                    transform: `rotate(${object.rotationDegrees}deg)`,
-                    transformOrigin: `${object.totalWidth / 2}px ${object.totalHeight / 2}px`,
-                    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 => object.mount(el), xmlns: "http://www.w3.org/2000/svg", style: {
-                    height: object?.height.toString(),
-                    width: object?.width.toString(),
-                    position: 'absolute',
-                    overflow: 'visible',
-                }, viewBox: object?.viewBox }, h("path", { d: object?.d, fill: object.fill, stroke: object?.stroke, "shape-rendering": object.isLowRes() ? 'optimizeSpeed' : 'auto' }))), KritzelClassHelper.isInstanceOf(object, 'KritzelImage') && (h("img", { ref: el => object.mount(el), src: object.src, style: {
-                    width: '100%',
-                    height: '100%',
-                    userSelect: 'none',
-                    pointerEvents: 'none',
-                    imageRendering: this.core.store.state.isScaling || this.core.store.state.isPanning ? 'pixelated' : 'auto',
-                }, draggable: false, onDragStart: e => e.preventDefault() })), KritzelClassHelper.isInstanceOf(object, 'KritzelText') && (h("div", { ref: el => object.mount(el), onPointerDown: e => object.handlePointerDown(e), onPointerMove: e => object.handlePointerMove(e), onPointerUp: e => object.handlePointerUp(e), style: {
-                    minWidth: object.initialWidth + 'px',
-                    minHeight: object.initialHeight + 'px',
-                    maxWidth: '500px',
-                    height: 'auto',
-                    width: 'max-content',
-                    transformOrigin: 'top left',
-                    transform: `scale(${object.scaleFactor})`,
-                    backgroundColor: object.backgroundColor,
-                    overflow: 'visible',
-                    textRendering: this.core.store.state.isScaling || this.core.store.state.isPanning ? 'optimizeSpeed' : 'auto',
-                } })), KritzelClassHelper.isInstanceOf(object, 'KritzelCustomElement') && (h("div", { ref: el => object.mount(el), style: {
-                    width: '100%',
-                    height: '100%',
-                    pointerEvents: 'auto',
-                    overflow: 'hidden',
-                    display: 'block',
-                } })), KritzelClassHelper.isInstanceOf(object, 'KritzelSelectionGroup') && (h("div", { ref: el => object.mount(el), style: {
-                    width: '100%',
-                    height: '100%',
-                } })), KritzelClassHelper.isInstanceOf(object, 'KritzelSelectionBox') && (h("div", { ref: el => object.mount(el), style: {
-                    width: '100%',
-                    height: '100%',
-                    backgroundColor: KritzelDevicesHelper.isFirefox() ? object.backgroundColor : 'transparent',
-                    borderWidth: KritzelDevicesHelper.isFirefox() ? object.borderWidth + 'px' : '0',
-                    borderStyle: KritzelDevicesHelper.isFirefox() ? 'solid' : 'none',
-                    borderColor: KritzelDevicesHelper.isFirefox() ? object.borderColor : 'transparent',
-                } }))), this.core.store.state.debugInfo.showObjectInfo && object.isDebugInfoVisible && (h("g", { style: { pointerEvents: 'none' } }, h("foreignObject", { x: object.totalWidth.toString(), y: "0", width: "400px", height: "160px", style: { minHeight: '0', minWidth: '0' } }, h("div", { style: { width: '100%', height: '100%' } }, h("div", { style: { whiteSpace: 'nowrap' } }, "Id: ", object.id), h("div", { style: { whiteSpace: 'nowrap' } }, "width: ", object.width), h("div", { style: { whiteSpace: 'nowrap' } }, "height: ", object.height), h("div", { style: { whiteSpace: 'nowrap' } }, "translateX: ", object.translateX), h("div", { style: { whiteSpace: 'nowrap' } }, "translateY: ", object.translateY)))))), h("svg", { xmlns: "http://www.w3.org/2000/svg", style: {
-                    height: object?.totalHeight.toString(),
-                    width: object?.totalWidth.toString(),
-                    left: '0',
-                    top: '0',
-                    position: 'absolute',
-                    transform: `rotate(${object.rotationDegrees}deg)`,
-                    transformOrigin: `${object.totalWidth / 2}px ${object.totalHeight / 2}px`,
-                    overflow: 'visible',
-                    pointerEvents: 'none',
-                } }, object.isSelected && (h("g", { class: "selection-borders", style: { pointerEvents: 'none' } }, 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} / ${this.core.store.state?.scale})`,
-                    strokeLinecap: 'square',
-                } }), 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} / ${this.core.store.state?.scale})`,
-                    strokeLinecap: 'square',
-                } }), 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} / ${this.core.store.state?.scale})`,
-                    strokeLinecap: 'square',
-                } }), 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} / ${this.core.store.state?.scale})`,
-                    strokeLinecap: 'square',
-                } }))), object.isSelected && !this.isSelecting && (h("g", { class: "selection-handles", style: { pointerEvents: 'auto' } }, h("circle", { class: "resize-handle top-left", cx: "0", cy: "0", r: `${(baseHandleSize * object.scale) / this.core.store.state?.scale}`, style: {
-                    fill: 'var(--kritzel-selection-handle-color, #000000)',
-                    paintOrder: 'fill',
-                } }), h("circle", { class: "resize-handle-overlay top-left", cx: "0", cy: "0", r: `${(baseHandleTouchSize * object.scale) / this.core.store.state?.scale}`, style: {
-                    fill: 'transparent',
-                    paintOrder: 'fill',
-                } }), h("circle", { class: "resize-handle top-right", cx: object.totalWidth, cy: "0", r: `${(baseHandleSize * object.scale) / this.core.store.state?.scale}`, style: {
-                    fill: 'var(--kritzel-selection-handle-color, #000000)',
-                    paintOrder: 'fill',
-                } }), h("circle", { class: "resize-handle-overlay top-right", cx: object.totalWidth, cy: "0", r: `${(baseHandleTouchSize * object.scale) / this.core.store.state?.scale}`, style: {
-                    fill: 'transparent',
-                    paintOrder: 'fill',
-                } }), h("circle", { class: "resize-handle bottom-left", cx: "0", cy: object.totalHeight, r: `${(baseHandleSize * object.scale) / this.core.store.state?.scale}`, style: {
-                    fill: 'var(--kritzel-selection-handle-color, #000000)',
-                    paintOrder: 'fill',
-                } }), h("circle", { class: "resize-handle-overlay bottom-left", cx: "0", cy: object.totalHeight, r: `${(baseHandleTouchSize * object.scale) / this.core.store.state?.scale}`, style: {
-                    fill: 'transparent',
-                    paintOrder: 'fill',
-                } }), h("circle", { class: "resize-handle bottom-right", cx: object.totalWidth, cy: object.totalHeight, r: `${(baseHandleSize * object.scale) / this.core.store.state?.scale}`, style: {
-                    fill: 'var(--kritzel-selection-handle-color, #000000)',
-                    paintOrder: 'fill',
-                } }), h("circle", { class: "resize-handle-overlay bottom-right", cx: object.totalWidth, cy: object.totalHeight, r: `${(baseHandleTouchSize * object.scale) / this.core.store.state?.scale}`, style: {
-                    fill: 'transparent',
-                    paintOrder: 'fill',
-                } }), h("line", { x1: object.totalWidth / 2, y1: "0", x2: object.totalWidth / 2, y2: -((15 * object.scale) / this.core.store.state?.scale), style: {
-                    stroke: 'var(--kritzel-selection-border-color, #007AFF)',
-                    strokeWidth: `calc(var(--kritzel-selection-border-width, 2px) * ${object.scale} / ${this.core.store.state?.scale})`,
-                } }), h("circle", { class: "rotation-handle", cx: object.totalWidth / 2, cy: -((15 * object.scale) / this.core.store.state?.scale), r: `${(baseHandleSize * object.scale) / this.core.store.state?.scale}`, style: {
-                    fill: 'var(--kritzel-selection-handle-color, #000000)',
-                    paintOrder: 'fill',
-                } }), h("circle", { class: "rotation-handle-overlay", cx: object.totalWidth / 2, cy: -((15 * object.scale) / this.core.store.state?.scale), r: `${(baseHandleTouchSize * object.scale) / this.core.store.state?.scale}`, style: {
-                    fill: 'transparent',
-                    cursor: 'grab',
-                    paintOrder: 'fill',
-                } }))))));
-        })), this.core.store.state.isContextMenuVisible && (h("kritzel-context-menu", { key: '8f328f88a9199a81779f02b2a01cd289b402e1df', class: "context-menu", ref: el => (this.contextMenuElement = el), items: this.core.store.state.contextMenuItems, objects: this.core.store.selectionGroup?.objects || [], style: {
-                position: 'fixed',
-                left: `${this.core.store.state.contextMenuX}px`,
-                top: `${this.core.store.state.contextMenuY}px`,
-                zIndex: '10000',
-            }, onActionSelected: event => {
-                event.detail.action({
-                    x: (-this.core.store.state.translateX + this.core.store.state.contextMenuX) / this.core.store.state.scale,
-                    y: (-this.core.store.state.translateY + this.core.store.state.contextMenuY) / this.core.store.state.scale,
-                }, this.core.store.selectionGroup?.objects);
-                this.hideContextMenu();
-            }, onClose: () => this.hideContextMenu() })), this.core.store.state?.activeTool instanceof KritzelEraserTool && !this.core.store.state.isScaling && h("kritzel-cursor-trail", { key: '259a132966f4dce1d6dcde7a3162c7076c017e2c', core: this.core })));
-    }
-    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",
-                "mutable": false,
-                "complexType": {
-                    "original": "KritzelWorkspace",
-                    "resolved": "KritzelWorkspace",
-                    "references": {
-                        "KritzelWorkspace": {
-                            "location": "import",
-                            "path": "../../../classes/core/workspace.class",
-                            "id": "src/classes/core/workspace.class.ts::KritzelWorkspace"
-                        }
-                    }
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false
-            },
-            "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
-            },
-            "activeTool": {
-                "type": "unknown",
-                "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",
-                "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",
-                "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",
-                "mutable": true,
-                "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": true,
-                "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"
-            }
-        };
-    }
-    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/core/workspace.class",
-                            "id": "src/classes/core/workspace.class.ts::KritzelWorkspace"
-                        }
-                    }
-                }
-            }, {
-                "method": "longpress",
-                "name": "longpress",
-                "bubbles": true,
-                "cancelable": true,
-                "composed": true,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "complexType": {
-                    "original": "PointerEvent",
-                    "resolved": "PointerEvent",
-                    "references": {
-                        "PointerEvent": {
-                            "location": "global",
-                            "id": "global::PointerEvent"
-                        }
-                    }
-                }
-            }, {
-                "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": "../../../interfaces/undo-state.interface",
-                            "id": "src/interfaces/undo-state.interface.ts::KritzelUndoState"
-                        }
-                    }
-                }
-            }];
-    }
-    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": []
-                }
-            },
-            "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<KritzelWorkspace | null>",
-                    "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<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": "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": "longpress",
-                "method": "handleLongPress",
-                "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": "dblclick",
-                "method": "preventDoubleTapZoomOnTouchDevices",
-                "target": "document",
-                "capture": false,
-                "passive": false
-            }];
-    }
-}
-//# sourceMappingURL=kritzel-engine.js.map