kritzel-react 0.1.32 → 0.1.34

package/dist/kritzel-stencil/src/classes/core/core.class.js

@@ -1,797 +0,0 @@
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-import { KritzelContextMenu } from '../../components/ui/kritzel-context-menu/kritzel-context-menu';
-import { DEFAULT_ENGINE_CONFIG } from '../../configs/default-engine-config';
-import { ObjectHelper } from '../../helpers/object.helper';
-import { KritzelSelectionBox } from '../objects/selection-box.class';
-import { KritzelSelectionGroup } from '../objects/selection-group.class';
-import { KritzelGroup } from '../objects/group.class';
-import { KritzelLine } from '../objects/line.class';
-import { KritzelToolRegistry } from '../registries/tool.registry';
-import { KritzelStore } from './store.class';
-import { KritzelWorkspace } from './workspace.class';
-import { KritzelObjectMap } from '../structures/object-map.structure';
-import { KritzelAppStateMap } from '../structures/app-state-map.structure';
-import { KritzelAnchorManager } from '../managers/anchor.manager';
-import { KritzelCursorManager } from '../managers/cursor.manager';
-import { KritzelThemeManager } from '../managers/theme.manager';
-export class KritzelCore {
-    get engine() {
-        return this._kritzelEngine;
-    }
-    get store() {
-        return this._store;
-    }
-    get appStateMap() {
-        return this._appStateMap;
-    }
-    get anchorManager() {
-        return this._anchorManager;
-    }
-    get cursorManager() {
-        return this._cursorManager;
-    }
-    get themeManager() {
-        return this._themeManager;
-    }
-    constructor(kritzelEngine) {
-        this._kritzelEngine = kritzelEngine;
-        this._store = new KritzelStore(DEFAULT_ENGINE_CONFIG);
-        this._appStateMap = new KritzelAppStateMap();
-        this._anchorManager = new KritzelAnchorManager(this);
-        this._cursorManager = new KritzelCursorManager(this);
-        this._themeManager = new KritzelThemeManager(this);
-    }
-    setSyncConfig(config) {
-        this._syncConfig = config;
-    }
-    initializeYjs() {
-        return __awaiter(this, void 0, void 0, function* () {
-            yield this._appStateMap.initialize(this, this._syncConfig);
-        });
-    }
-    /**
-     * Load all workspaces from app state map
-     */
-    loadWorkspacesFromAppState() {
-        return this._appStateMap.allWorkspaces();
-    }
-    /**
-     * Save a workspace to app state map
-     */
-    saveWorkspaceToAppState(workspace) {
-        if (this._appStateMap.has(workspace.id)) {
-            this._appStateMap.update(workspace);
-        }
-        else {
-            this._appStateMap.insert(workspace);
-        }
-    }
-    /**
-     * Delete a workspace from app state map
-     */
-    deleteWorkspaceFromAppState(workspaceId) {
-        this._appStateMap.remove(w => w.id === workspaceId);
-    }
-    initializeWorkspace(workspace) {
-        return __awaiter(this, void 0, void 0, function* () {
-            var _a, _b, _c, _d;
-            // Load all workspaces from app state map
-            const workspaces = this.loadWorkspacesFromAppState();
-            // Find most recently updated workspace or use provided/fallback
-            const mostRecentWorkspace = workspaces.length > 0 ? [...workspaces].sort((a, b) => b.updatedAt.getTime() - a.updatedAt.getTime())[0] : null;
-            // Check localStorage for last active workspace
-            const lastActiveWorkspaceId = localStorage.getItem('kritzel-active-workspace-id');
-            const lastActiveWorkspace = lastActiveWorkspaceId ? workspaces.find(w => w.id === lastActiveWorkspaceId) : null;
-            let activeWorkspace;
-            if (workspace) {
-                // Use provided workspace
-                activeWorkspace = workspace;
-                const existing = workspaces.find(w => w.id === workspace.id);
-                if (!existing) {
-                    // New workspace, save it
-                    activeWorkspace._core = this;
-                    this.saveWorkspaceToAppState(activeWorkspace);
-                }
-            }
-            else if (lastActiveWorkspace) {
-                // Use last active workspace from localStorage
-                activeWorkspace = lastActiveWorkspace;
-            }
-            else if (mostRecentWorkspace) {
-                // Use most recent workspace
-                activeWorkspace = mostRecentWorkspace;
-            }
-            else {
-                // Create fallback workspace
-                activeWorkspace = new KritzelWorkspace(ObjectHelper.generateUUID(), 'New Workspace');
-                activeWorkspace._core = this;
-                this.saveWorkspaceToAppState(activeWorkspace);
-            }
-            // Save active workspace ID to localStorage
-            localStorage.setItem('kritzel-active-workspace-id', activeWorkspace.id);
-            // Destroy old ObjectMap if switching workspaces
-            if (this._store.state.objects && this._store.state.objects.isReady) {
-                this._store.state.objects.destroy();
-            }
-            // Create new ObjectMap with its own Y.Doc for this workspace
-            const objectsMap = new KritzelObjectMap();
-            // Assign immediately so the UI shows an empty state while loading,
-            // instead of showing the old workspace's objects with the new workspace's viewport
-            this._store.state.objects = objectsMap;
-            // Set active workspace
-            this._store.state.activeWorkspace = activeWorkspace;
-            this._store.state.workspaces = this.loadWorkspacesFromAppState();
-            // Set viewport from workspace
-            const viewport = (_a = activeWorkspace.viewport) !== null && _a !== void 0 ? _a : { translateX: 0, translateY: 0, scale: 1 };
-            this._store.state.translateX = (_b = viewport.translateX) !== null && _b !== void 0 ? _b : 0;
-            this._store.state.translateY = (_c = viewport.translateY) !== null && _c !== void 0 ? _c : 0;
-            this._store.state.scale = (_d = viewport.scale) !== null && _d !== void 0 ? _d : 1;
-            yield objectsMap.initialize(this, activeWorkspace.id, this._syncConfig);
-            // Rebuild anchor index after loading objects
-            this._anchorManager.rebuildIndex();
-            this.engine.emitObjectsChange();
-            this.rerender();
-        });
-    }
-    getObjectsInViewport() {
-        const viewportBounds = {
-            x: -this._store.state.translateX / this._store.state.scale,
-            y: -this._store.state.translateY / this._store.state.scale,
-            z: this._store.state.scale,
-            width: this._store.state.viewportWidth / this._store.state.scale,
-            height: this._store.state.viewportHeight / this._store.state.scale,
-            depth: 100,
-        };
-        return this._store.state.objects
-            .query(viewportBounds)
-            .filter(obj => !(obj instanceof KritzelSelectionGroup) && !(obj instanceof KritzelSelectionBox))
-            .sort((a, b) => a.zIndex - b.zIndex);
-    }
-    rerender() {
-        if (this._kritzelEngine) {
-            this._kritzelEngine.forceUpdate++;
-        }
-    }
-    findObjectById(id) {
-        for (const object of this._store.allObjects) {
-            if (object.id === id) {
-                return object;
-            }
-        }
-        return null;
-    }
-    getWorkspaces() {
-        return this.loadWorkspacesFromAppState();
-    }
-    createWorkspace(workspace) {
-        workspace._core = this;
-        workspace.createdAt = new Date();
-        workspace.updatedAt = new Date();
-        this.saveWorkspaceToAppState(workspace);
-        this._store.state.workspaces = this.loadWorkspacesFromAppState();
-    }
-    updateWorkspace(workspace) {
-        workspace.updatedAt = new Date();
-        this.saveWorkspaceToAppState(workspace);
-        const workspaces = this._store.state.workspaces;
-        const index = workspaces.findIndex(w => w.id === workspace.id);
-        if (index !== -1) {
-            workspaces[index] = workspace;
-            this._store.state.workspaces = workspaces;
-        }
-    }
-    deleteWorkspace(workspace) {
-        var _a, _b, _c;
-        // If deleting the active workspace, need to handle ObjectMap cleanup
-        if (((_a = this._store.state.activeWorkspace) === null || _a === void 0 ? void 0 : _a.id) === workspace.id) {
-            (_b = this.engine.viewport) === null || _b === void 0 ? void 0 : _b.cancelPendingUpdates();
-            (_c = this._store.state.objects) === null || _c === void 0 ? void 0 : _c.destroy();
-        }
-        this.deleteWorkspaceFromAppState(workspace.id);
-        this._store.state.workspaces = this.loadWorkspacesFromAppState();
-        // Also delete the workspace's IndexedDB database
-        const dbName = `kritzel-workspace-${workspace.id}`;
-        window.indexedDB.deleteDatabase(dbName);
-    }
-    updateWorkspaceViewport(translateX, translateY, scale) {
-        const activeWorkspace = this._store.state.activeWorkspace;
-        if (!activeWorkspace) {
-            return;
-        }
-        // Check if the workspace is still valid (not deleted)
-        const isValid = this._store.state.workspaces.some(w => w.id === activeWorkspace.id);
-        if (!isValid) {
-            return;
-        }
-        activeWorkspace.viewport = { translateX, translateY, scale };
-        activeWorkspace.updatedAt = new Date();
-        this.saveWorkspaceToAppState(activeWorkspace);
-    }
-    addObject(object) {
-        this._store.state.objects.insert(object);
-    }
-    removeObject(object, preserveChildren = false) {
-        // Handle KritzelGroup: recursively delete all children first (unless preserveChildren is true)
-        if (object instanceof KritzelGroup && !preserveChildren) {
-            // Get children before removing the group
-            const children = [...object.children];
-            children.forEach(child => {
-                this.removeObject(child);
-            });
-        }
-        // Handle anchor cleanup
-        if (object instanceof KritzelLine) {
-            // If removing a line, clean up its anchor index entries
-            this._anchorManager.handleLineDeleted(object.id);
-        }
-        else {
-            // If removing a non-line object, detach any lines anchored to it
-            this._anchorManager.handleObjectDeleted(object.id);
-        }
-        object.isMounted = false;
-        this._store.state.objects.remove(o => o.id === object.id);
-    }
-    updateObject(object, updatedProperties) {
-        const changedKeys = [];
-        for (const key in updatedProperties) {
-            if (updatedProperties.hasOwnProperty(key)) {
-                object[key] = updatedProperties[key];
-                changedKeys.push(key);
-            }
-        }
-        object.onAfterUpdate(changedKeys);
-        this._store.state.objects.update(object);
-    }
-    addSelectionGroup(selectionGroup) {
-        this.removeSelectionGroup();
-        this.removeSelectionBox();
-        this._store.state.objects.insert(selectionGroup);
-        this._store.setSelectionGroup(selectionGroup);
-        this._kritzelEngine.triggerSelectionChange();
-    }
-    removeSelectionGroup() {
-        const selectionGroup = this._store.selectionGroup;
-        if (selectionGroup) {
-            this._store.state.objects.remove(object => object.id === selectionGroup.id);
-            this._store.setSelectionGroup(null);
-            this._kritzelEngine.triggerSelectionChange();
-        }
-    }
-    removeSelectionBox() {
-        const selectionBox = this._store.selectionBox;
-        if (selectionBox) {
-            this._store.state.objects.remove(object => object.id === selectionBox.id);
-            this._store.setSelectionBox(null);
-        }
-    }
-    deselectAllObjects() {
-        this.removeSelectionGroup();
-        this.rerender();
-    }
-    delete() {
-        const selectionGroup = this._store.selectionGroup;
-        if (!selectionGroup) {
-            return;
-        }
-        selectionGroup.objects.forEach(obj => this.removeObject(obj));
-        this.removeSelectionGroup();
-        this.rerender();
-    }
-    undo() {
-        var _a;
-        (_a = this._store.state.objects) === null || _a === void 0 ? void 0 : _a.undo();
-    }
-    redo() {
-        var _a;
-        (_a = this._store.state.objects) === null || _a === void 0 ? void 0 : _a.redo();
-    }
-    deleteObject(id) {
-        const object = this.findObjectById(id);
-        if (object) {
-            this.removeObject(object);
-            this.rerender();
-        }
-    }
-    copy() {
-        const selectionGroup = this._store.selectionGroup;
-        if (selectionGroup) {
-            // Copy each object and store them in an array, also track the ID mapping
-            const idMapping = new Map();
-            const copiedObjects = selectionGroup.objects
-                .sort((a, b) => a.zIndex - b.zIndex)
-                .map(obj => {
-                const copiedObj = obj.copy();
-                // Map: newId -> originalId
-                idMapping.set(copiedObj.id, obj.id);
-                return copiedObj;
-            });
-            this._store.state.copiedObjects = copiedObjects;
-            this._store.state.copiedObjectIdMapping = idMapping;
-        }
-    }
-    paste(x, y) {
-        const copiedObjects = this._store.state.copiedObjects;
-        if (!copiedObjects || copiedObjects.length === 0) {
-            return;
-        }
-        const activeWorkspace = this._store.state.activeWorkspace;
-        const originalIdMapping = this._store.state.copiedObjectIdMapping;
-        // Check if we're pasting from a different workspace
-        const isDifferentWorkspace = copiedObjects.some(obj => obj.workspaceId !== activeWorkspace.id);
-        // Calculate the bounding box of all copied objects
-        const minX = Math.min(...copiedObjects.map(obj => obj.translateX));
-        const minY = Math.min(...copiedObjects.map(obj => obj.translateY));
-        // Determine the paste position
-        let pasteX;
-        let pasteY;
-        if (x !== undefined && y !== undefined) {
-            // Explicit position provided (e.g., right-click paste)
-            pasteX = x;
-            pasteY = y;
-        }
-        else if (isDifferentWorkspace) {
-            // Pasting to different workspace without explicit position
-            // Keep original position; will be centered by centerInViewport() later
-            pasteX = minX;
-            pasteY = minY;
-        }
-        else {
-            // Same workspace paste: offset by 25 pixels from original position
-            pasteX = minX + 25 / this._store.state.scale;
-            pasteY = minY + 25 / this._store.state.scale;
-        }
-        // Calculate the offset to apply to all objects
-        const offsetX = pasteX - minX;
-        const offsetY = pasteY - minY;
-        this.removeSelectionGroup();
-        this.removeSelectionBox();
-        // Create a new selection group for the pasted objects
-        const selectionGroup = KritzelSelectionGroup.create(this);
-        // Build a reverse mapping: originalId -> newCopiedObjectId
-        // This is used to remap anchor references from original IDs to the copied object IDs
-        const originalToNewIdMap = new Map();
-        if (originalIdMapping) {
-            originalIdMapping.forEach((originalId, copiedId) => {
-                originalToNewIdMap.set(originalId, copiedId);
-            });
-        }
-        // Precompute zIndex once to avoid O(N * total_objects) repeated scans
-        const baseZIndex = this._store.currentZIndex;
-        // Batch all inserts and updates in a single Y.js transaction to avoid
-        // N separate observer callbacks and N rerenders (fires only once at commit)
-        this._store.state.objects.transaction(() => {
-            // First add all copied objects to the objectsMap with updated positions
-            copiedObjects.forEach((obj, i) => {
-                // Update workspace if pasting to a different workspace
-                if (obj.workspaceId !== activeWorkspace.id) {
-                    obj.workspaceId = activeWorkspace.id;
-                }
-                // Update position
-                obj.updatePosition(obj.translateX + offsetX, obj.translateY + offsetY);
-                // Update z-index
-                obj.zIndex = baseZIndex + i;
-                // Handle KritzelGroup: also add pending children with offset
-                if (obj instanceof KritzelGroup) {
-                    const pendingChildren = obj._pendingChildren;
-                    if (pendingChildren) {
-                        pendingChildren.forEach((child, childIndex) => {
-                            // Update workspace
-                            if (child.workspaceId !== activeWorkspace.id) {
-                                child.workspaceId = activeWorkspace.id;
-                            }
-                            // Update position with offset
-                            child.updatePosition(child.translateX + offsetX, child.translateY + offsetY);
-                            // Update z-index
-                            child.zIndex = baseZIndex + i + childIndex;
-                            // Add child to store
-                            this.addObject(child);
-                        });
-                        // Clear pending children
-                        delete obj._pendingChildren;
-                        // Finalize the group's bounding box and snapshots
-                        obj.finalize();
-                    }
-                }
-                // Add to objectsMap
-                this.addObject(obj);
-                // Add to selection group
-                selectionGroup.addOrRemove(obj);
-            });
-            // Update line anchors to point to the newly pasted objects
-            // Only remap if the anchor target was also part of the copied selection
-            copiedObjects.forEach(obj => {
-                if (obj instanceof KritzelLine) {
-                    let updated = false;
-                    if (obj.startAnchor && originalToNewIdMap.has(obj.startAnchor.objectId)) {
-                        obj.startAnchor = { objectId: originalToNewIdMap.get(obj.startAnchor.objectId) };
-                        updated = true;
-                    }
-                    if (obj.endAnchor && originalToNewIdMap.has(obj.endAnchor.objectId)) {
-                        obj.endAnchor = { objectId: originalToNewIdMap.get(obj.endAnchor.objectId) };
-                        updated = true;
-                    }
-                    // If anchors were updated, rebuild the anchor index and persist the change
-                    if (updated) {
-                        this._store.state.objects.update(obj);
-                    }
-                }
-            });
-        });
-        // Rebuild anchor index after all anchor updates
-        this._anchorManager.rebuildIndex();
-        // Mark selection group as selected
-        selectionGroup.isSelected = true;
-        // Set rotation for single object
-        if (copiedObjects.length === 1) {
-            selectionGroup.rotation = copiedObjects[0].rotation;
-        }
-        // Add the selection group
-        this.addSelectionGroup(selectionGroup);
-        // Handle cross-workspace paste: center objects in viewport
-        if (isDifferentWorkspace) {
-            if (x !== undefined && y !== undefined) {
-                // Position was explicitly provided, use it
-                selectionGroup.updatePosition(x, y);
-            }
-            else {
-                // Center the selection group in the viewport
-                selectionGroup.centerInViewport();
-            }
-            // Fit the viewport to show the pasted objects
-            this.engine.viewport.centerFitInViewport(selectionGroup);
-        }
-        this._store.state.isSelecting = false;
-        // Defer creating copies for future pastes to next frame to avoid
-        // doubling the object creation cost in the current paste frame
-        requestAnimationFrame(() => {
-            const newSelectionGroup = this._store.selectionGroup;
-            if (newSelectionGroup) {
-                const newIdMapping = new Map();
-                const newCopiedObjects = newSelectionGroup.objects
-                    .sort((a, b) => a.zIndex - b.zIndex)
-                    .map(obj => {
-                    const copiedObj = obj.copy();
-                    newIdMapping.set(copiedObj.id, obj.id);
-                    return copiedObj;
-                });
-                this._store.state.copiedObjects = newCopiedObjects;
-                this._store.state.copiedObjectIdMapping = newIdMapping;
-            }
-        });
-        this._store.setState('activeTool', KritzelToolRegistry.getTool('selection'));
-        this.engine.emitObjectsChange();
-        this.rerender();
-    }
-    bringForward(object) {
-        const selectionGroup = this._store.selectionGroup;
-        const objects = object ? [object] : (selectionGroup === null || selectionGroup === void 0 ? void 0 : selectionGroup.objects) || [];
-        const allNonSelectionObjectsWithoutCurrent = this._store.allNonSelectionObjects.filter(o => objects.findIndex(obj => obj.id === o.id) === -1);
-        const max = allNonSelectionObjectsWithoutCurrent.length > 0 ? Math.max(...allNonSelectionObjectsWithoutCurrent.map(obj => obj.zIndex)) + 1 : 0;
-        objects.forEach(obj => {
-            if (obj.zIndex !== max) {
-                this.updateObject(obj, { zIndex: obj.zIndex + 1 });
-            }
-        });
-        this.rerender();
-    }
-    sendBackward(object) {
-        const selectionGroup = this._store.selectionGroup;
-        const objects = object ? [object] : (selectionGroup === null || selectionGroup === void 0 ? void 0 : selectionGroup.objects) || [];
-        const allNonSelectionObjectsWithoutCurrent = this._store.allNonSelectionObjects.filter(o => objects.findIndex(obj => obj.id === o.id) === -1);
-        const min = allNonSelectionObjectsWithoutCurrent.length > 0 ? Math.min(...allNonSelectionObjectsWithoutCurrent.map(obj => obj.zIndex)) - 1 : 0;
-        objects.forEach(obj => {
-            if (obj.zIndex !== min) {
-                this.updateObject(obj, { zIndex: obj.zIndex - 1 });
-            }
-        });
-        this.rerender();
-    }
-    bringToFront(object) {
-        const selectionGroup = this._store.selectionGroup;
-        const objects = object ? [object] : (selectionGroup === null || selectionGroup === void 0 ? void 0 : selectionGroup.objects) || [];
-        const allNonSelectionObjectsWithoutCurrent = this._store.allNonSelectionObjects.filter(o => objects.findIndex(obj => obj.id === o.id) === -1);
-        const max = Math.max(...allNonSelectionObjectsWithoutCurrent.map(obj => obj.zIndex)) + 1;
-        objects.forEach(obj => {
-            this.updateObject(obj, { zIndex: max });
-        });
-        this.rerender();
-    }
-    sendToBack(object) {
-        const selectionGroup = this._store.selectionGroup;
-        const objects = object ? [object] : (selectionGroup === null || selectionGroup === void 0 ? void 0 : selectionGroup.objects) || [];
-        const allNonSelectionObjectsWithoutCurrent = this._store.allNonSelectionObjects.filter(o => objects.findIndex(obj => obj.id === o.id) === -1);
-        const min = Math.min(...allNonSelectionObjectsWithoutCurrent.map(obj => obj.zIndex)) - 1;
-        objects.forEach(obj => {
-            this.updateObject(obj, { zIndex: min });
-        });
-        this.rerender();
-    }
-    /**
-     * Groups the currently selected objects into a KritzelGroup.
-     * Requires at least 2 objects to be selected.
-     */
-    group() {
-        const selectionGroup = this._store.selectionGroup;
-        if (!selectionGroup || selectionGroup.objects.length < 2) {
-            return;
-        }
-        // Create a group from the selected objects
-        const group = KritzelGroup.createFromObjects(this, selectionGroup.objects);
-        // Add the group to the object store
-        this.addObject(group);
-        // Remove the selection group and create a new one with just the group
-        this.removeSelectionGroup();
-        const newSelectionGroup = KritzelSelectionGroup.create(this);
-        newSelectionGroup.addOrRemove(group);
-        newSelectionGroup.isSelected = true;
-        newSelectionGroup.rotation = group.rotation;
-        this.addSelectionGroup(newSelectionGroup);
-        this.engine.emitObjectsChange();
-        this.rerender();
-    }
-    /**
-     * Ungroups any KritzelGroup objects in the current selection.
-     * Children are extracted and become top-level objects.
-     */
-    ungroup() {
-        const selectionGroup = this._store.selectionGroup;
-        if (!selectionGroup) {
-            return;
-        }
-        const groups = selectionGroup.objects.filter(obj => obj instanceof KritzelGroup);
-        if (groups.length === 0) {
-            return;
-        }
-        // Collect all children from all groups
-        const allChildren = [];
-        const nonGroupObjects = selectionGroup.objects.filter(obj => !(obj instanceof KritzelGroup));
-        groups.forEach(group => {
-            // Get children before removing the group
-            const children = group.ungroup();
-            allChildren.push(...children);
-            // Remove the group from the store (but keep children)
-            this.removeObject(group, true);
-        });
-        // Create a new selection group with all the ungrouped children and non-group objects
-        this.removeSelectionGroup();
-        const newSelectionGroup = KritzelSelectionGroup.create(this);
-        [...allChildren, ...nonGroupObjects].forEach(child => {
-            newSelectionGroup.addOrRemove(child);
-        });
-        newSelectionGroup.isSelected = true;
-        this.addSelectionGroup(newSelectionGroup);
-        this.engine.emitObjectsChange();
-        this.rerender();
-    }
-    selectObjects(objects) {
-        if (objects.length === 0) {
-            return;
-        }
-        const selectionGroup = KritzelSelectionGroup.create(this);
-        objects.forEach(obj => {
-            obj.isSelected = false;
-            selectionGroup.addOrRemove(obj);
-        });
-        selectionGroup.isSelected = true;
-        if (objects.length === 1) {
-            selectionGroup.rotation = selectionGroup.objects[0].rotation;
-        }
-        this.addSelectionGroup(selectionGroup);
-        this.rerender();
-    }
-    selectAllObjects() {
-        const allObjects = this._store.state.objects
-            .allObjects()
-            .filter(o => !(o instanceof KritzelSelectionGroup) && !(o instanceof KritzelSelectionBox) && !(o instanceof KritzelContextMenu));
-        if (allObjects.length > 0) {
-            const selectionGroup = KritzelSelectionGroup.create(this);
-            allObjects.forEach(obj => {
-                obj.isSelected = false;
-                selectionGroup.addOrRemove(obj);
-            });
-            selectionGroup.isSelected = true;
-            this._store.state.isSelecting = false;
-            if (allObjects.length === 1) {
-                selectionGroup.rotation = selectionGroup.objects[0].rotation;
-            }
-            this.addSelectionGroup(selectionGroup);
-            this._store.setState('activeTool', KritzelToolRegistry.getTool('selection'));
-            this.rerender();
-        }
-    }
-    selectAllObjectsInViewport() {
-        const viewportBounds = {
-            x: -this._store.state.translateX / this._store.state.scale,
-            y: -this._store.state.translateY / this._store.state.scale,
-            z: this._store.state.scale,
-            width: this._store.state.viewportWidth / this._store.state.scale,
-            height: this._store.state.viewportHeight / this._store.state.scale,
-            depth: 100,
-        };
-        const objectsInViewport = this._store.state.objects
-            .query(viewportBounds)
-            .filter(o => o.isInViewport())
-            .filter(o => !(o instanceof KritzelSelectionGroup) && !(o instanceof KritzelSelectionBox) && !(o instanceof KritzelContextMenu));
-        if (objectsInViewport.length > 0) {
-            const selectionGroup = KritzelSelectionGroup.create(this);
-            objectsInViewport.forEach(obj => {
-                obj.isSelected = false;
-                selectionGroup.addOrRemove(obj);
-            });
-            selectionGroup.isSelected = true;
-            this._store.state.isSelecting = false;
-            if (objectsInViewport.length === 1) {
-                selectionGroup.rotation = selectionGroup.objects[0].rotation;
-            }
-            this.addSelectionGroup(selectionGroup);
-            this._store.setState('activeTool', KritzelToolRegistry.getTool('selection'));
-            this.rerender();
-        }
-    }
-    clearSelection() {
-        this.removeSelectionGroup();
-        this._store.state.objects.remove(o => o instanceof KritzelSelectionBox || o instanceof KritzelSelectionGroup);
-        this._store.setSelectionBox(null);
-        this._store.setSelectionGroup(null);
-        this._store.state.isSelecting = false;
-        this._store.state.isResizeHandleSelected = false;
-        this._store.state.isRotationHandleSelected = false;
-        this._store.state.isLineHandleSelected = false;
-        this._store.state.isLineHandleDragging = false;
-        this._store.state.lineHandleType = null;
-        this.rerender();
-    }
-    resetActiveText() {
-        const activeText = this._store.activeText;
-        if (activeText) {
-            if (activeText.isEmpty) {
-                this.deleteObject(activeText.id);
-            }
-            else {
-                activeText.save();
-            }
-        }
-    }
-    resetActiveShape() {
-        const activeShape = this._store.activeShape;
-        if (activeShape) {
-            activeShape.save();
-        }
-    }
-    getObjectFromPointerEvent(event, selector = '.object') {
-        var _a;
-        const shadowRoot = (_a = this._store.state.host) === null || _a === void 0 ? void 0 : _a.shadowRoot;
-        if (!shadowRoot)
-            return null;
-        const clientX = event.clientX;
-        const clientY = event.clientY;
-        const elementAtPoint = shadowRoot.elementFromPoint(clientX, clientY);
-        if (!elementAtPoint)
-            return null;
-        const selectedObject = elementAtPoint.closest(selector);
-        if (selectedObject) {
-            const foundObject = this._store.allObjects.find(object => selectedObject.id === object.id);
-            const isHit = foundObject === null || foundObject === void 0 ? void 0 : foundObject.hitTest(clientX, clientY);
-            return isHit ? foundObject : null;
-        }
-        return null;
-    }
-    getObjectsFromPointerEvent(event, selector = '.object') {
-        var _a;
-        const shadowRoot = (_a = this._store.state.host) === null || _a === void 0 ? void 0 : _a.shadowRoot;
-        if (!shadowRoot)
-            return [];
-        const clientX = event.clientX;
-        const clientY = event.clientY;
-        const elementsAtPoint = shadowRoot.elementsFromPoint(clientX, clientY);
-        if (!elementsAtPoint || elementsAtPoint.length === 0)
-            return [];
-        const objectIds = new Set();
-        elementsAtPoint.forEach(element => {
-            const selectedObject = element.closest(selector);
-            if (selectedObject && selectedObject.id) {
-                objectIds.add(selectedObject.id);
-            }
-        });
-        if (objectIds.size > 0) {
-            return this._store.allObjects.filter(object => objectIds.has(object.id)).sort((a, b) => b.zIndex - a.zIndex);
-        }
-        return [];
-    }
-    /**
-     * Get all elements at a pointer position that match a given selector.
-     * Uses elementsFromPoint to find overlapped elements.
-     */
-    getElementsAtPoint(event, selector) {
-        var _a;
-        const shadowRoot = (_a = this._store.state.host) === null || _a === void 0 ? void 0 : _a.shadowRoot;
-        if (!shadowRoot)
-            return [];
-        const elementsAtPoint = shadowRoot.elementsFromPoint(event.clientX, event.clientY);
-        if (!elementsAtPoint || elementsAtPoint.length === 0)
-            return [];
-        return elementsAtPoint.filter(el => el.matches(selector));
-    }
-    /**
-     * Check if any element at the pointer position matches the given selector.
-     * Useful for detecting hover states on overlapped elements.
-     */
-    isPointerOverElement(event, selector) {
-        return this.getElementsAtPoint(event, selector).length > 0;
-    }
-    getCanvasPoint(event) {
-        if (!this._store.state.host) {
-            return { x: 0, y: 0 };
-        }
-        const hostRect = this._store.state.host.getBoundingClientRect();
-        const xRelativeToHost = event.clientX - hostRect.left;
-        const yRelativeToHost = event.clientY - hostRect.top;
-        const xWithoutTranslate = xRelativeToHost - this._store.state.translateX;
-        const yWithoutTranslate = yRelativeToHost - this._store.state.translateY;
-        const worldX = xWithoutTranslate / this._store.state.scale;
-        const worldY = yWithoutTranslate / this._store.state.scale;
-        return { x: worldX, y: worldY };
-    }
-    beforeWorkspaceChange() {
-        var _a;
-        // Cancel any pending debounced viewport updates to prevent them from
-        // saving the old workspace's viewport to the new workspace
-        (_a = this._kritzelEngine.viewport) === null || _a === void 0 ? void 0 : _a.cancelPendingUpdates();
-        // Immediately save the current workspace's viewport before switching
-        const currentWorkspace = this._store.state.activeWorkspace;
-        if (currentWorkspace) {
-            this.updateWorkspaceViewport(this._store.state.translateX, this._store.state.translateY, this._store.state.scale);
-        }
-        this.resetActiveText();
-        this.clearSelection();
-        this._store.setState('activeTool', KritzelToolRegistry.getTool('selection'));
-    }
-    displaySelectionGroupUI(object) {
-        if (!object.isSelected) {
-            return false;
-        }
-        const selectionGroup = this._store.selectionGroup;
-        if (!selectionGroup) {
-            // During selection phase (no group yet), hide UI for KritzelLine objects
-            return !(object instanceof KritzelLine);
-        }
-        // Show UI if selection contains more than one object
-        if (selectionGroup.objects.length > 1) {
-            return true;
-        }
-        // Hide UI if selection contains a single KritzelLine
-        if (selectionGroup.objects.length === 1) {
-            const selectedObject = selectionGroup.objects[0];
-            return !(selectedObject instanceof KritzelLine);
-        }
-        return true;
-    }
-    displaySelectionLineUI(object) {
-        // Only show line UI on KritzelLine objects, not on selection groups
-        if (!(object instanceof KritzelLine)) {
-            return false;
-        }
-        // During selection phase (no group yet), show line UI if line is selected
-        const selectionGroup = this._store.selectionGroup;
-        if (!selectionGroup) {
-            return object.isSelected;
-        }
-        if (!selectionGroup.isSelected) {
-            return false;
-        }
-        // Show UI only if selection contains exactly one KritzelLine and it's this object
-        if (selectionGroup.objects.length === 1) {
-            const selectedObject = selectionGroup.objects[0];
-            return selectedObject instanceof KritzelLine && selectedObject.id === object.id;
-        }
-        return false;
-    }
-}