kritzel-stencil 0.1.78 → 0.1.80

package/dist/collection/classes/core/core.class.js

@@ -110,7 +110,7 @@ export class KritzelCore {
     setUser(user) {
         this._user = user;
         this._store.setLocalUserId(user?.id ?? null);
-        this._store.state.objects?.setLocalUser(user);
+        this._store.objects?.setLocalUser(user);
     }
     /**
      * Creates a new KritzelCore instance.
@@ -229,8 +229,8 @@ export class KritzelCore {
         // Save active workspace ID to localStorage
         localStorage.setItem(this.getStorageKey('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();
+        if (this._store.objects && this._store.objects.isReady) {
+            this._store.objects.destroy();
         }
         // Create new ObjectMap with its own Y.Doc for this workspace
         const objectsMap = new KritzelObjectMap();
@@ -300,7 +300,10 @@ export class KritzelCore {
             height: this._store.state.viewportHeight / this._store.state.scale,
             depth: 100,
         };
-        return this._store.state.objects
+        if (!this._store.objects) {
+            return [];
+        }
+        return this._store.objects
             .query(viewportBounds)
             .filter(obj => !(obj instanceof KritzelSelectionGroup) && !(obj instanceof KritzelSelectionBox))
             .sort((a, b) => a.zIndex - b.zIndex);
@@ -355,8 +358,8 @@ export class KritzelCore {
         workspace.updatedAt = new Date();
         this.saveWorkspaceToAppState(workspace);
         // Keep metadata map in sync when the active workspace's name changes
-        if (this._store.state.activeWorkspace?.id === workspace.id) {
-            this._store.state.objects?.setWorkspaceName(workspace.name);
+        if (this._store.activeWorkspace?.id === workspace.id) {
+            this._store.objects?.setWorkspaceName(workspace.name);
         }
         const workspaces = this._store.state.workspaces;
         const index = workspaces.findIndex(w => w.id === workspace.id);
@@ -373,9 +376,9 @@ export class KritzelCore {
      */
     deleteWorkspace(workspace) {
         // If deleting the active workspace, need to handle ObjectMap cleanup
-        if (this._store.state.activeWorkspace?.id === workspace.id) {
+        if (this._store.activeWorkspace?.id === workspace.id) {
             this.engine.viewport?.cancelPendingUpdates();
-            this._store.state.objects?.destroy();
+            this._store.objects?.destroy();
         }
         this.deleteWorkspaceFromAppState(workspace.id);
         this._store.state.workspaces = this.loadWorkspacesFromAppState();
@@ -394,7 +397,7 @@ export class KritzelCore {
      * @param scale - The zoom scale of the viewport
      */
     updateWorkspaceViewport(translateX, translateY, scale) {
-        const activeWorkspace = this._store.state.activeWorkspace;
+        const activeWorkspace = this._store.activeWorkspace;
         if (!activeWorkspace) {
             return;
         }
@@ -417,7 +420,7 @@ export class KritzelCore {
      * @returns True if the workspace is public, false otherwise
      */
     getIsPublic() {
-        return this._store.state.activeWorkspace?.isPublic ?? false;
+        return this._store.activeWorkspace?.isPublic ?? false;
     }
     // ═══════════════════════════════════════════════════════════════════════════
     // Object Management Methods
@@ -427,7 +430,7 @@ export class KritzelCore {
      * @param object - The object to add to the canvas
      */
     addObject(object) {
-        this._store.state.objects.insert(object);
+        this._store.objects.insert(object);
     }
     /**
      * Removes an object from the workspace.
@@ -455,7 +458,7 @@ export class KritzelCore {
             this._anchorManager.handleObjectDeleted(object.id);
         }
         object.isMounted = false;
-        this._store.state.objects.remove(o => o.id === object.id);
+        this._store.objects.remove(o => o.id === object.id);
     }
     /**
      * Updates properties on an object and persists the changes.
@@ -468,12 +471,15 @@ export class KritzelCore {
         const changedKeys = [];
         for (const key in updatedProperties) {
             if (updatedProperties.hasOwnProperty(key)) {
-                object[key] = updatedProperties[key];
-                changedKeys.push(key);
+                const value = updatedProperties[key];
+                if (value !== undefined) {
+                    object[key] = value;
+                    changedKeys.push(key);
+                }
             }
         }
         object.onAfterUpdate(changedKeys);
-        this._store.state.objects.update(object);
+        this._store.objects.update(object);
     }
     /**
      * Adds a selection group to the canvas.
@@ -484,7 +490,7 @@ export class KritzelCore {
     addSelectionGroup(selectionGroup) {
         this.removeSelectionGroup();
         this.removeSelectionBox();
-        this._store.state.objects.insert(selectionGroup);
+        this._store.objects.insert(selectionGroup);
         this._store.setSelectionGroup(selectionGroup);
         this._kritzelEngine.triggerSelectionChange();
     }
@@ -495,7 +501,7 @@ export class KritzelCore {
     removeSelectionGroup() {
         const selectionGroup = this._store.selectionGroup;
         if (selectionGroup) {
-            this._store.state.objects.remove(object => object.id === selectionGroup.id);
+            this._store.objects.remove(object => object.id === selectionGroup.id);
             this._store.setSelectionGroup(null);
             this._kritzelEngine.triggerSelectionChange();
         }
@@ -507,9 +513,9 @@ export class KritzelCore {
     removeSelectionBox() {
         const selectionBox = this._store.selectionBox;
         if (selectionBox) {
-            this._store.state.objects.remove(object => object.id === selectionBox.id);
+            this._store.objects.remove(object => object.id === selectionBox.id);
             this._store.setSelectionBox(null);
-            this._store.state.objects.clearLocalSelectionBox();
+            this._store.objects.clearLocalSelectionBox();
         }
     }
     /**
@@ -538,13 +544,13 @@ export class KritzelCore {
      * Undoes the last action in the history stack.
      */
     undo() {
-        this._store.state.objects?.undo();
+        this._store.objects?.undo();
     }
     /**
      * Redoes the last undone action from the history stack.
      */
     redo() {
-        this._store.state.objects?.redo();
+        this._store.objects?.redo();
     }
     /**
      * Deletes a specific object by its ID.
@@ -606,7 +612,7 @@ export class KritzelCore {
         if (!copiedObjects || copiedObjects.length === 0) {
             return;
         }
-        const activeWorkspace = this._store.state.activeWorkspace;
+        const activeWorkspace = this._store.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);
@@ -651,7 +657,7 @@ export class KritzelCore {
         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(() => {
+        this._store.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
@@ -703,7 +709,7 @@ export class KritzelCore {
                     }
                     // If anchors were updated, rebuild the anchor index and persist the change
                     if (updated) {
-                        this._store.state.objects.update(obj);
+                        this._store.objects.update(obj);
                     }
                 }
             });
@@ -825,7 +831,7 @@ export class KritzelCore {
         }
         const objects = selectionGroup.objects;
         const alignedPositions = AlignmentHelper.calculateAlignedPositions(objects, alignment);
-        this._store.state.objects.transaction(() => {
+        this._store.objects.transaction(() => {
             for (const obj of objects) {
                 const newPosition = alignedPositions.get(obj.id);
                 if (newPosition) {
@@ -923,7 +929,7 @@ export class KritzelCore {
      * Switches to selection tool.
      */
     selectAllObjects() {
-        const allObjects = this._store.state.objects
+        const allObjects = this._store.objects
             .allObjects()
             .filter(o => !(o instanceof KritzelSelectionGroup) && !(o instanceof KritzelSelectionBox) && !(o instanceof KritzelContextMenu));
         if (allObjects.length > 0) {
@@ -956,7 +962,7 @@ export class KritzelCore {
             height: this._store.state.viewportHeight / this._store.state.scale,
             depth: 100,
         };
-        const objectsInViewport = this._store.state.objects
+        const objectsInViewport = this._store.objects
             .query(viewportBounds)
             .filter(o => o.isInViewport())
             .filter(o => !(o instanceof KritzelSelectionGroup) && !(o instanceof KritzelSelectionBox) && !(o instanceof KritzelContextMenu));
@@ -983,7 +989,7 @@ export class KritzelCore {
     clearSelection() {
         this.removeSelectionGroup();
         const localUserId = this._user?.id;
-        this._store.state.objects.remove(o => o instanceof KritzelSelectionBox ||
+        this._store.objects.remove(o => o instanceof KritzelSelectionBox ||
             (o instanceof KritzelSelectionGroup && (localUserId == null || o.userId === localUserId || o.userId == null)));
         this._store.setSelectionBox(null);
         this._store.setSelectionGroup(null);
@@ -992,7 +998,7 @@ export class KritzelCore {
         this._store.state.isRotationHandleSelected = false;
         this._store.state.isLineHandleSelected = false;
         this._store.state.isLineHandleDragging = false;
-        this._store.state.lineHandleType = null;
+        this._store.state.lineHandleType = undefined;
         this.rerender();
     }
     /**
@@ -1038,7 +1044,9 @@ export class KritzelCore {
         const selectedObject = elementAtPoint.closest(selector);
         if (selectedObject) {
             const foundObject = this._store.allObjects.find(object => selectedObject.id === object.id);
-            const isHit = foundObject?.hitTest(clientX, clientY);
+            if (!foundObject)
+                return null;
+            const isHit = foundObject.hitTest(clientX, clientY);
             return isHit ? foundObject : null;
         }
         return null;
@@ -1120,7 +1128,7 @@ export class KritzelCore {
         // saving the old workspace's viewport to the new workspace
         this._kritzelEngine.viewport?.cancelPendingUpdates();
         // Immediately save the current workspace's viewport before switching
-        const currentWorkspace = this._store.state.activeWorkspace;
+        const currentWorkspace = this._store.activeWorkspace;
         if (currentWorkspace) {
             this.updateWorkspaceViewport(this._store.state.translateX, this._store.state.translateY, this._store.state.scale);
         }

package/dist/collection/classes/core/store.class.js

@@ -28,13 +28,49 @@ export class KritzelStore {
     get state() {
         return this._state;
     }
+    /**
+     *  Gets the map of all objects in the workspace.
+     *  Throws an error if the objects map is not initialized, as it is required for all object management.
+     *  @returns The KritzelObjectMap containing all objects
+     *  @throws Error if the objects map is not initialized in the state
+     */
+    get objects() {
+        if (!this._state.objects) {
+            throw new Error('Objects map is not initialized.');
+        }
+        return this._state.objects;
+    }
+    /**
+     * Gets the currently active workspace.
+     * Throws an error if no active workspace is set, as it is required for workspace-bound operations.
+     * @returns The current active KritzelWorkspace
+     * @throws Error if no active workspace is set in the state
+     */
+    get activeWorkspace() {
+        if (!this._state.activeWorkspace) {
+            throw new Error('Active workspace is not set.');
+        }
+        return this._state.activeWorkspace;
+    }
+    /**
+     * Gets the host element for the Kritzel editor.
+     * Throws an error if the host is not set, as it is required for many operations.
+     * @returns The host HTMLElement
+     * @throws Error if the host element is not set in the state
+     */
+    get host() {
+        if (!this._state.host) {
+            throw new Error('Host element is not set.');
+        }
+        return this._state.host;
+    }
     /**
      * Gets the next available z-index for new objects.
      * Calculates the maximum z-index among all non-selection objects and adds 1.
      * @returns The next z-index value to use for new objects
      */
     get currentZIndex() {
-        return Math.max(0, ...this._state.objects.filter(o => !(o instanceof KritzelSelectionGroup) && !(o instanceof KritzelSelectionBox)).map(o => o.zIndex)) + 1;
+        return Math.max(0, ...this.objects.filter(o => !(o instanceof KritzelSelectionGroup) && !(o instanceof KritzelSelectionBox)).map(o => o.zIndex)) + 1;
     }
     /**
      * Returns true if viewport boundaries are set to finite values (not Infinity).
@@ -71,7 +107,7 @@ export class KritzelStore {
         if (this.hasViewportBoundaries) {
             return this.allObjects.length;
         }
-        return this._state.objects.totalCount;
+        return this.objects.totalCount;
     }
     /**
      * Gets all objects in the workspace.
@@ -80,9 +116,9 @@ export class KritzelStore {
      */
     get allObjects() {
         if (this.hasViewportBoundaries) {
-            return this._state.objects.query(this.viewportBoundaryBounds);
+            return this.objects.query(this.viewportBoundaryBounds);
         }
-        return this._state.objects.allObjects();
+        return this.objects.allObjects();
     }
     /**
      * Gets all objects currently visible in the viewport.
@@ -98,7 +134,7 @@ export class KritzelStore {
             height: this._state.viewportHeight / this._state.scale,
             depth: 100,
         };
-        return this._state.objects.query(viewportBounds).sort((a, b) => a.zIndex - b.zIndex);
+        return this.objects.query(viewportBounds).sort((a, b) => a.zIndex - b.zIndex);
     }
     /**
      * Gets all objects excluding selection-related objects (selection group and selection box).
@@ -123,7 +159,7 @@ export class KritzelStore {
         if (this._selectionBoxCacheValid) {
             return this._cachedSelectionBox;
         }
-        const selectionBoxes = this._state.objects.filter(o => o instanceof KritzelSelectionBox);
+        const selectionBoxes = this.objects.filter(o => o instanceof KritzelSelectionBox);
         this._cachedSelectionBox = selectionBoxes.length > 0 ? selectionBoxes[0] : null;
         this._selectionBoxCacheValid = true;
         return this._cachedSelectionBox;
@@ -138,7 +174,7 @@ export class KritzelStore {
         if (this._selectionGroupCacheValid) {
             return this._cachedSelectionGroup;
         }
-        const selectionGroups = this._state.objects.filter(o => o instanceof KritzelSelectionGroup);
+        const selectionGroups = this.objects.filter(o => o instanceof KritzelSelectionGroup);
         if (this._localUserId) {
             this._cachedSelectionGroup = selectionGroups.find(sg => sg.userId === this._localUserId) ?? null;
         }
@@ -187,7 +223,7 @@ export class KritzelStore {
      * @returns The text object in editing mode, or null if none
      */
     get activeText() {
-        const activeTexts = this._state.objects.filter(o => o instanceof KritzelText && o.isEditing);
+        const activeTexts = this.objects.filter(o => o instanceof KritzelText && o.isEditing);
         return activeTexts.length > 0 ? activeTexts[0] : null;
     }
     /**
@@ -195,7 +231,7 @@ export class KritzelStore {
      * @returns The shape object in editing mode, or null if none
      */
     get activeShape() {
-        const activeShapes = this._state.objects.filter(o => o instanceof KritzelShape && o.isEditing);
+        const activeShapes = this.objects.filter(o => o instanceof KritzelShape && o.isEditing);
         return activeShapes.length > 0 ? activeShapes[0] : null;
     }
     /**
@@ -203,7 +239,7 @@ export class KritzelStore {
      * @returns The incomplete path object, or null if no path is being drawn
      */
     get currentPath() {
-        const drawingPaths = this._state.objects.filter(o => o instanceof KritzelPath && o.isCompleted === false);
+        const drawingPaths = this.objects.filter(o => o instanceof KritzelPath && o.isCompleted === false);
         return drawingPaths.length > 0 ? drawingPaths[0] : null;
     }
     /**
@@ -211,7 +247,7 @@ export class KritzelStore {
      * @returns The incomplete line object, or null if no line is being drawn
      */
     get currentLine() {
-        const drawingLines = this._state.objects.filter(o => o instanceof KritzelLine && o.isCompleted === false);
+        const drawingLines = this.objects.filter(o => o instanceof KritzelLine && o.isCompleted === false);
         return drawingLines.length > 0 ? drawingLines[0] : null;
     }
     /**
@@ -219,14 +255,14 @@ export class KritzelStore {
      * @returns The left position of the host element in client coordinates
      */
     get offsetX() {
-        return this._state.host.getBoundingClientRect().left;
+        return this.host.getBoundingClientRect().left;
     }
     /**
      * Gets the vertical offset of the host element from the viewport.
      * @returns The top position of the host element in client coordinates
      */
     get offsetY() {
-        return this._state.host.getBoundingClientRect().top;
+        return this.host.getBoundingClientRect().top;
     }
     /**
      * Checks if the engine is currently disabled.
@@ -262,7 +298,11 @@ export class KritzelStore {
         if (!this._listeners.has(property)) {
             this._listeners.set(property, new Set());
         }
-        this._listeners.get(property).add(listener);
+        const listenersForProperty = this._listeners.get(property);
+        if (!listenersForProperty) {
+            throw new Error(`Listeners set for property ${String(property)} was not initialized.`);
+        }
+        listenersForProperty.add(listener);
     }
     /**
      * Gets the current value of a state property as readonly.
@@ -284,8 +324,9 @@ export class KritzelStore {
         const oldValue = this._state[property];
         if (oldValue !== value) {
             this._state[property] = value;
-            if (this._listeners.has(property)) {
-                this._listeners.get(property).forEach(listener => listener(value, oldValue, String(property)));
+            const listenersForProperty = this._listeners.get(property);
+            if (listenersForProperty) {
+                listenersForProperty.forEach(listener => listener(value, oldValue, String(property)));
             }
         }
     }

package/dist/collection/classes/core/viewport.class.js

@@ -130,8 +130,8 @@ export class KritzelViewport {
      * Updates the stored viewport dimensions and triggers a rerender.
      */
     handleResize() {
-        this._core.store.state.viewportWidth = this._core.store.state.host.clientWidth;
-        this._core.store.state.viewportHeight = this._core.store.state.host.clientHeight;
+        this._core.store.state.viewportWidth = this._core.store.host.clientWidth;
+        this._core.store.state.viewportHeight = this._core.store.host.clientHeight;
         this._core.store.state.hasViewportChanged = true;
         this._core.rerender();
     }
@@ -162,15 +162,15 @@ export class KritzelViewport {
                 this._touchCursorBroadcastActive = false;
             }
             if (activePointers.length === 2) {
-                this._core.store.state.objects?.clearCursorPosition();
+                this._core.store.objects?.clearCursorPosition();
                 const currentPath = this._core.store.currentPath;
                 if (currentPath) {
-                    this._core.store.state.objects.remove(obj => obj.id === currentPath.id);
+                    this._core.store.objects.remove(obj => obj.id === currentPath.id);
                 }
                 // Clear selection box when scaling starts to prevent it from remaining on screen
                 if (this._core.store.state.isSelecting) {
                     this._core.store.state.isSelecting = false;
-                    this._core.store.state.objects.remove(obj => obj instanceof KritzelSelectionBox);
+                    this._core.store.objects.remove(obj => obj instanceof KritzelSelectionBox);
                     this._core.store.setSelectionBox(null);
                     // Clear selection preview state from objects - use selectedObjects for efficiency
                     this._core.store.selectedObjects.forEach(object => {
@@ -197,12 +197,12 @@ export class KritzelViewport {
      */
     handlePointerMove(event) {
         if (event.pointerType === 'mouse') {
-            const hostRect = this._core.store.state.host.getBoundingClientRect();
+            const hostRect = this._core.store.host.getBoundingClientRect();
             const xRelativeToHost = event.clientX - hostRect.left;
             const yRelativeToHost = event.clientY - hostRect.top;
             this._core.store.state.pointerX = (xRelativeToHost - this._core.store.state.translateX) / this._core.store.state.scale;
             this._core.store.state.pointerY = (yRelativeToHost - this._core.store.state.translateY) / this._core.store.state.scale;
-            this._core.store.state.objects?.updateCursorPosition(this._core.store.state.pointerX, this._core.store.state.pointerY);
+            this._core.store.objects?.updateCursorPosition(this._core.store.state.pointerX, this._core.store.state.pointerY);
             if (this._core.store.state.isPanning) {
                 const dx = xRelativeToHost - this._core.store.state.startX;
                 const dy = yRelativeToHost - this._core.store.state.startY;
@@ -220,12 +220,12 @@ export class KritzelViewport {
             }
         }
         if (event.pointerType === 'touch' || event.pointerType === 'pen') {
-            const hostRect = this._core.store.state.host.getBoundingClientRect();
+            const hostRect = this._core.store.host.getBoundingClientRect();
             const xRelativeToHost = event.clientX - hostRect.left;
             const yRelativeToHost = event.clientY - hostRect.top;
             const activePointers = Array.from(this._core.store.state.pointers.values());
             if (this._core.store.state.isScaling || activePointers.length > 1) {
-                this._core.store.state.objects?.clearCursorPosition();
+                this._core.store.objects?.clearCursorPosition();
             }
             else {
                 this._core.store.state.pointerX = (xRelativeToHost - this._core.store.state.translateX) / this._core.store.state.scale;
@@ -238,7 +238,7 @@ export class KritzelViewport {
                     }
                 }
                 if (this._touchCursorBroadcastActive) {
-                    this._core.store.state.objects?.updateCursorPosition(this._core.store.state.pointerX, this._core.store.state.pointerY);
+                    this._core.store.objects?.updateCursorPosition(this._core.store.state.pointerX, this._core.store.state.pointerY);
                 }
             }
             if (activePointers.length === 2) {
@@ -437,12 +437,12 @@ export class KritzelViewport {
      */
     handleZoom(event) {
         this._core.store.state.isScaling = true;
-        const rect = this._core.store.state.host.getBoundingClientRect();
+        const rect = this._core.store.host.getBoundingClientRect();
         const xRelativeToHost = event.clientX - rect.left;
         const yRelativeToHost = event.clientY - rect.top;
         this._core.store.state.pointerX = (xRelativeToHost - this._core.store.state.translateX) / this._core.store.state.scale;
         this._core.store.state.pointerY = (yRelativeToHost - this._core.store.state.translateY) / this._core.store.state.scale;
-        this._core.store.state.objects?.updateCursorPosition(this._core.store.state.pointerX, this._core.store.state.pointerY);
+        this._core.store.objects?.updateCursorPosition(this._core.store.state.pointerX, this._core.store.state.pointerY);
         const rawScaleFactor = 1 + (event.deltaY * -0.012);
         const scaleFactor = Math.max(0.8, Math.min(1.2, rawScaleFactor));
         const effectiveMinScale = this.getEffectiveMinScale();

package/dist/collection/classes/handlers/context-menu.handler.js

@@ -53,7 +53,7 @@ export class KritzelContextMenuHandler extends KritzelBaseHandler {
         const selectionTool = this._core.store.state.activeTool;
         selectionTool?.moveHandler?.cancelPendingDrag();
         if (this._core.store.selectionBox) {
-            this._core.store.state.objects.remove(object => object instanceof KritzelSelectionBox);
+            this._core.store.objects.remove(object => object instanceof KritzelSelectionBox);
             this._core.store.setSelectionBox(null);
             this._core.store.state.isSelecting = false;
         }

package/dist/collection/classes/handlers/line-handle.handler.js

@@ -98,7 +98,10 @@ export class KritzelLineHandleHandler extends KritzelBaseHandler {
         if (handleType === 'start' || handleType === 'end') {
             this._core.anchorManager.removeAnchor(line.id, handleType);
         }
-        globalThis.clearTimeout?.(this._core.store.state.longTouchTimeout);
+        const timeout = this._core.store.state.longTouchTimeout;
+        if (timeout) {
+            globalThis.clearTimeout?.(timeout);
+        }
     }
     /**
      * Handles pointer move events during a line handle drag operation.
@@ -393,8 +396,8 @@ export class KritzelLineHandleHandler extends KritzelBaseHandler {
         const rotatedDeltaCx = deltaCx * cos - deltaCy * sin;
         const rotatedDeltaCy = deltaCx * sin + deltaCy * cos;
         // Calculate new translate
-        const newTranslateX = this.initialTranslateX + scale * (oldWidth - newWidth) / 2 + scale * rotatedDeltaCx;
-        const newTranslateY = this.initialTranslateY + scale * (oldHeight - newHeight) / 2 + scale * rotatedDeltaCy;
+        const newTranslateX = this.initialTranslateX + (scale * (oldWidth - newWidth)) / 2 + scale * rotatedDeltaCx;
+        const newTranslateY = this.initialTranslateY + (scale * (oldHeight - newHeight)) / 2 + scale * rotatedDeltaCy;
         // Update the line properties
         line.startX = startX;
         line.startY = startY;
@@ -409,7 +412,7 @@ export class KritzelLineHandleHandler extends KritzelBaseHandler {
         line.translateY = newTranslateY;
         // Clear cached adjusted points
         line._adjustedPoints = null;
-        this._core.store.state.objects.update(line);
+        this._core.store.objects.update(line);
     }
     /**
      * Handles pointer up events to complete a line handle drag operation.

package/dist/collection/classes/handlers/move.handler.js

@@ -11,17 +11,17 @@ const ANCHOR_DISCONNECT_THRESHOLD = 30;
  */
 export class KritzelMoveHandler extends KritzelBaseHandler {
     /** X coordinate where the drag started (updates during drag for incremental movement) */
-    dragStartX;
+    dragStartX = 0;
     /** Y coordinate where the drag started (updates during drag for incremental movement) */
-    dragStartY;
+    dragStartY = 0;
     /** Initial X coordinate when starting interaction (remains constant during drag) */
-    startX;
+    startX = 0;
     /** Initial Y coordinate when starting interaction (remains constant during drag) */
-    startY;
+    startY = 0;
     /** Current X coordinate during move operation */
-    endX;
+    endX = 0;
     /** Current Y coordinate during move operation */
-    endY;
+    endY = 0;
     /** Initial position when drag started (for calculating total accumulated distance) */
     initialDragX = 0;
     initialDragY = 0;
@@ -179,7 +179,10 @@ export class KritzelMoveHandler extends KritzelBaseHandler {
                 const moveDeltaY = Math.abs(y - this.startY);
                 const moveThreshold = 5;
                 if (this.hasMoved || moveDeltaX > moveThreshold || moveDeltaY > moveThreshold) {
-                    globalThis.clearTimeout?.(this._core.store.state.longTouchTimeout);
+                    const timeout = this._core.store.state.longTouchTimeout;
+                    if (timeout) {
+                        globalThis.clearTimeout?.(timeout);
+                    }
                     // Check for anchor disconnect threshold on lines
                     this.checkAndDisconnectAnchors(x, y);
                     selectionGroup.move(x, y, this.dragStartX, this.dragStartY);
@@ -278,7 +281,7 @@ export class KritzelMoveHandler extends KritzelBaseHandler {
                     // Mark as disconnected so we don't try again
                     this.disconnectedLineIds.add(line.id);
                     // Update the line to persist the change
-                    this._core.store.state.objects.update(line);
+                    this._core.store.objects.update(line);
                 }
             }
         }

package/dist/collection/classes/handlers/resize.handler.js

@@ -83,7 +83,10 @@ export class KritzelResizeHandler extends KritzelBaseHandler {
                     this.initialSize.height = selectionGroup.height;
                     this.initialSize.x = selectionGroup.translateX;
                     this.initialSize.y = selectionGroup.translateY;
-                    globalThis.clearTimeout?.(this._core.store.state.longTouchTimeout);
+                    const timeout = this._core.store.state.longTouchTimeout;
+                    if (timeout) {
+                        globalThis.clearTimeout?.(timeout);
+                    }
                 }
             }
         }
@@ -178,7 +181,10 @@ export class KritzelResizeHandler extends KritzelBaseHandler {
                 const resizeDeltaY = Math.abs(dy);
                 const resizeThreshold = 5;
                 if (resizeDeltaX > resizeThreshold || resizeDeltaY > resizeThreshold) {
-                    globalThis.clearTimeout?.(this._core.store.state.longTouchTimeout);
+                    const timeout = this._core.store.state.longTouchTimeout;
+                    if (timeout) {
+                        globalThis.clearTimeout?.(timeout);
+                    }
                     this.hasResized = true;
                 }
                 if (!this.hasResized) {
@@ -287,7 +293,10 @@ export class KritzelResizeHandler extends KritzelBaseHandler {
                     this._core.store.state.hasObjectsChanged = true;
                 }
                 this.reset();
-                globalThis.clearTimeout?.(this._core.store.state.longTouchTimeout);
+                const timeout = this._core.store.state.longTouchTimeout;
+                if (timeout) {
+                    globalThis.clearTimeout?.(timeout);
+                }
             }
         }
     }

package/dist/collection/classes/handlers/rotation.handler.js

@@ -72,7 +72,10 @@ export class KritzelRotationHandler extends KritzelBaseHandler {
                     const cursorY = (clientY - this._core.store.state.translateY) / this._core.store.state.scale;
                     this.initialSelectionGroupRotation = selectionGroup.rotation;
                     this.initialRotation = Math.atan2(centerY - cursorY, centerX - cursorX) - selectionGroup.rotation;
-                    globalThis.clearTimeout?.(this._core.store.state.longTouchTimeout);
+                    const timeout = this._core.store.state.longTouchTimeout;
+                    if (timeout) {
+                        globalThis.clearTimeout?.(timeout);
+                    }
                 }
             }
         }
@@ -117,7 +120,10 @@ export class KritzelRotationHandler extends KritzelBaseHandler {
                 const currentRotation = Math.atan2(groupCenterY - cursorY, groupCenterX - cursorX);
                 this.rotation = currentRotation - this.initialRotation;
                 selectionGroup.rotate(this.rotation);
-                globalThis.clearTimeout?.(this._core.store.state.longTouchTimeout);
+                const timeout = this._core.store.state.longTouchTimeout;
+                if (timeout) {
+                    globalThis.clearTimeout?.(timeout);
+                }
             }
         }
     }
@@ -144,7 +150,10 @@ export class KritzelRotationHandler extends KritzelBaseHandler {
                 this._core.store.state.isRotating = false;
                 this._core.store.state.hasObjectsChanged = true;
                 this.reset();
-                globalThis.clearTimeout?.(this._core.store.state.longTouchTimeout);
+                const timeout = this._core.store.state.longTouchTimeout;
+                if (timeout) {
+                    globalThis.clearTimeout?.(timeout);
+                }
             }
         }
     }