kritzel-stencil 0.0.131 → 0.0.133

package/dist/components/{p-DHSEK3rF.js → p-CNTK3JOp.js}

@@ -1,12 +1,12 @@
-import { O as ObjectHelper } from './p-DnUKql15.js';
 import { K as KritzelMouseButton } from './p-D8W6LE-c.js';
+import { O as ObjectHelper } from './p-B0kd2rUI.js';
 
 class KritzelBaseCommand {
-    _store;
+    _core;
     initiator;
     skipHistory;
-    constructor(store, initiator, skipHistory = false) {
-        this._store = store;
+    constructor(core, initiator, skipHistory = false) {
+        this._core = core;
         this.initiator = initiator?.constructor?.name ?? 'Unknown';
         this.skipHistory = skipHistory;
     }
@@ -22,8 +22,8 @@ class UpdateObjectCommand extends KritzelBaseCommand {
     object;
     updatedProperties;
     previousProperties;
-    constructor(store, initiator, object, updatedProperties, skipHistory = false) {
-        super(store, initiator, skipHistory);
+    constructor(core, initiator, object, updatedProperties, skipHistory = false) {
+        super(core, initiator, skipHistory);
         this.object = object;
         this.updatedProperties = updatedProperties;
         this.previousProperties = {};
@@ -39,7 +39,8 @@ class UpdateObjectCommand extends KritzelBaseCommand {
                 this.object[key] = this.updatedProperties[key];
             }
         }
-        this._store.updateObjectInDatabase(ObjectHelper.clone(this.object));
+        this._core.store.state.objectsMap.update(this.object);
+        this._core.updateObjectInDatabase(this.object);
     }
     undo() {
         for (const key in this.previousProperties) {
@@ -47,14 +48,15 @@ class UpdateObjectCommand extends KritzelBaseCommand {
                 this.object[key] = this.previousProperties[key];
             }
         }
-        this._store.updateObjectInDatabase(ObjectHelper.clone(this.object));
+        this._core.store.state.objectsMap.update(this.object);
+        this._core.updateObjectInDatabase(this.object);
     }
 }
 
 class KritzelToolRegistry {
     static registry = {};
-    static registerTool(toolName, constructor, store) {
-        const toolInstance = new constructor(store);
+    static registerTool(toolName, constructor, core) {
+        const toolInstance = new constructor(core);
         toolInstance.name = toolName;
         this.registry[toolName] = toolInstance;
         return toolInstance;
@@ -72,9 +74,9 @@ class KritzelToolRegistry {
 class KritzelBaseTool {
     __class__ = this.constructor.name;
     name = 'base-tool';
-    _store;
-    constructor(store) {
-        this._store = store;
+    _core;
+    constructor(core) {
+        this._core = core;
     }
     onActivate() {
         // default implementation
@@ -94,7 +96,13 @@ class KritzelBaseTool {
     handleWheel(_event) {
         // default implementation
     }
-    revive(object) {
+    serialize() {
+        return {
+            __class__: this.__class__,
+            name: this.name,
+        };
+    }
+    deserialize(object) {
         Object.assign(this, object);
         return this;
     }
@@ -102,17 +110,17 @@ class KritzelBaseTool {
 
 class AddObjectCommand extends KritzelBaseCommand {
     object;
-    constructor(store, initiator, object, skipHistory = false) {
-        super(store, initiator, skipHistory);
+    constructor(core, initiator, object, skipHistory = false) {
+        super(core, initiator, skipHistory);
         this.object = object;
     }
     execute() {
-        this._store.state.objectsMap.insert(this.object);
-        this._store.addObjectToDatabase(ObjectHelper.clone(this.object));
+        this._core.store.state.objectsMap.insert(this.object);
+        this._core.addObjectToDatabase(this.object);
     }
     undo() {
-        this._store.state.objectsMap.remove(object => object.id === this.object.id);
-        this._store.deleteObjectFromDatabase(this.object.id);
+        this._core.store.state.objectsMap.remove(object => object.id === this.object.id);
+        this._core.deleteObjectFromDatabase(this.object.id);
     }
 }
 
@@ -131,11 +139,7 @@ class KritzelEventHelper {
         const contextMenu = path.find(element => element.classList && element.classList.contains('context-menu'));
         return !!contextMenu;
     }
-    static onLongTouchPress(event, onSuccess, onCancel) {
-        if (event.pointerType !== 'touch') {
-            onCancel?.();
-            return () => { };
-        }
+    static onLongPress(event, onSuccess, onCancel) {
         const longPressTimeout = 400;
         const moveThreshold = 10;
         const startX = event.clientX;
@@ -243,8 +247,8 @@ class KritzelTextTool extends KritzelBaseTool {
         '#808000',
         '#800080',
     ];
-    constructor(store) {
-        super(store);
+    constructor(core) {
+        super(core);
     }
     handlePointerDown(event) {
         if (event.cancelable) {
@@ -253,66 +257,66 @@ class KritzelTextTool extends KritzelBaseTool {
         if (event.pointerType === 'mouse') {
             const path = event.composedPath().slice(1);
             const objectElement = path.find(element => element.classList && element.classList.contains('object'));
-            const object = this._store.findObjectById(objectElement?.id);
-            if (this._store.state.activeText === null && object && object instanceof KritzelText) {
-                this._store.state.activeText = object;
+            const object = this._core.findObjectById(objectElement?.id);
+            if (this._core.store.state.activeText === null && object && object instanceof KritzelText) {
+                this._core.store.setState('activeText', object);
                 object.focus();
                 return;
             }
-            if (this._store.state.activeText !== null && object instanceof KritzelText) {
+            if (this._core.store.state.activeText !== null && object instanceof KritzelText) {
                 object.focus();
                 return;
             }
-            if (this._store.state.activeText !== null) {
-                this._store.resetActiveText();
-                this._store.setState('activeTool', KritzelToolRegistry.getTool('selection'));
+            if (this._core.store.state.activeText !== null) {
+                this._core.resetActiveText();
+                this._core.store.setState('activeTool', KritzelToolRegistry.getTool('selection'));
                 return;
             }
             if (KritzelEventHelper.isLeftClick(event) === false) {
                 return;
             }
-            const clientX = event.clientX - this._store.offsetX;
-            const clientY = event.clientY - this._store.offsetY;
-            const text = KritzelText.create(this._store, this.fontSize, this.fontFamily);
+            const clientX = event.clientX - this._core.store.offsetX;
+            const clientY = event.clientY - this._core.store.offsetY;
+            const text = KritzelText.create(this._core, this.fontSize, this.fontFamily);
             text.fontColor = this.fontColor;
-            text.translateX = (clientX - this._store.state.translateX) / this._store.state.scale;
-            text.translateY = (clientY - this._store.state.translateY) / this._store.state.scale;
-            text.zIndex = this._store.currentZIndex;
-            this._store.state.activeText = text;
-            this._store.history.executeCommand(new AddObjectCommand(this._store, this, text));
+            text.translateX = (clientX - this._core.store.state.translateX) / this._core.store.state.scale;
+            text.translateY = (clientY - this._core.store.state.translateY) / this._core.store.state.scale;
+            text.zIndex = this._core.store.currentZIndex;
+            this._core.store.setState('activeText', text);
+            this._core.history.executeCommand(new AddObjectCommand(this._core, this, text));
         }
         if (event.pointerType === 'touch') {
-            const activePointers = Array.from(this._store.state.pointers.values());
+            const activePointers = Array.from(this._core.store.state.pointers.values());
             const path = event.composedPath().slice(1);
             const objectElement = path.find(element => element.classList && element.classList.contains('object'));
-            const object = this._store.findObjectById(objectElement?.id);
-            if (this._store.state.activeText === null && object && object instanceof KritzelText) {
-                this._store.state.activeText = object;
+            const object = this._core.findObjectById(objectElement?.id);
+            if (this._core.store.state.activeText === null && object && object instanceof KritzelText) {
+                this._core.store.setState('activeText', object);
                 object.focus();
                 return;
             }
-            if (this._store.state.activeText !== null && object instanceof KritzelText) {
+            if (this._core.store.state.activeText !== null && object instanceof KritzelText) {
                 object.focus();
                 return;
             }
-            if (this._store.state.activeText !== null) {
-                this._store.resetActiveText();
-                this._store.setState('activeTool', KritzelToolRegistry.getTool('selection'));
+            if (this._core.store.state.activeText !== null) {
+                this._core.resetActiveText();
+                this._core.store.setState('activeTool', KritzelToolRegistry.getTool('selection'));
                 return;
             }
             if (activePointers.length > 1) {
                 return;
             }
             KritzelKeyboardHelper.disableInteractiveWidget();
-            const clientX = Math.round(activePointers[0].clientX - this._store.offsetX);
-            const clientY = Math.round(activePointers[0].clientY - this._store.offsetY);
-            const text = KritzelText.create(this._store, this.fontSize, this.fontFamily);
+            const clientX = Math.round(activePointers[0].clientX - this._core.store.offsetX);
+            const clientY = Math.round(activePointers[0].clientY - this._core.store.offsetY);
+            const text = KritzelText.create(this._core, this.fontSize, this.fontFamily);
             text.fontColor = this.fontColor;
-            text.translateX = (clientX - this._store.state.translateX) / this._store.state.scale;
-            text.translateY = (clientY - this._store.state.translateY) / this._store.state.scale;
-            text.zIndex = this._store.currentZIndex;
-            this._store.state.activeText = text;
-            this._store.history.executeCommand(new AddObjectCommand(this._store, this, text));
+            text.translateX = (clientX - this._core.store.state.translateX) / this._core.store.state.scale;
+            text.translateY = (clientY - this._core.store.state.translateY) / this._core.store.state.scale;
+            text.zIndex = this._core.store.currentZIndex;
+            this._core.store.setState('activeText', text);
+            this._core.history.executeCommand(new AddObjectCommand(this._core, this, text));
         }
     }
     handlePointerUp(event) {
@@ -320,12 +324,12 @@ class KritzelTextTool extends KritzelBaseTool {
             event.preventDefault();
         }
         if (event.pointerType === 'mouse') {
-            this._store.state.activeText?.updateTextareaDimensions();
-            this._store.state.activeText?.focus();
+            this._core.store.state.activeText?.updateTextareaDimensions();
+            this._core.store.state.activeText?.focus();
         }
         if (event.pointerType === 'touch') {
-            this._store.state.activeText?.updateTextareaDimensions();
-            this._store.state.activeText?.focus();
+            this._core.store.state.activeText?.updateTextareaDimensions();
+            this._core.store.state.activeText?.focus();
             KritzelKeyboardHelper.enableInteractiveWidget();
         }
     }
@@ -386,7 +390,7 @@ class KritzelGeometryHelper {
 
 class KritzelBaseObject {
     __class__ = 'KritzelBaseObject';
-    _store;
+    _core;
     _elementRef;
     id;
     workspaceId;
@@ -500,11 +504,11 @@ class KritzelBaseObject {
     constructor() {
         this.id = this.generateId();
     }
-    static create(store) {
+    static create(core) {
         const object = new KritzelBaseObject();
-        object._store = store;
-        object.zIndex = store.currentZIndex;
-        object.workspaceId = store.state.activeWorkspace.id;
+        object._core = core;
+        object.zIndex = core.store.currentZIndex;
+        object.workspaceId = core.store.state.activeWorkspace.id;
         return object;
     }
     mount(element) {
@@ -531,23 +535,23 @@ class KritzelBaseObject {
     }
     isInViewport() {
         const viewportBounds = {
-            x: -this._store.state.translateX / this._store.state.scale,
-            y: -this._store.state.translateY / this._store.state.scale,
-            width: this._store.state.viewportWidth / this._store.state.scale,
-            height: this._store.state.viewportHeight / this._store.state.scale};
+            x: -this._core.store.state.translateX / this._core.store.state.scale,
+            y: -this._core.store.state.translateY / this._core.store.state.scale,
+            width: this._core.store.state.viewportWidth / this._core.store.state.scale,
+            height: this._core.store.state.viewportHeight / this._core.store.state.scale};
         return (this.boundingBox.x < viewportBounds.x + viewportBounds.width &&
             this.boundingBox.x + this.boundingBox.width > viewportBounds.x &&
             this.boundingBox.y < viewportBounds.y + viewportBounds.height &&
             this.boundingBox.y + this.boundingBox.height > viewportBounds.y);
     }
     centerInViewport() {
-        const scale = this._store.state.scale;
-        this.translateX = (this._store.state.viewportWidth / 2 - this.totalWidth / 2 - this._store.state.translateX) / scale;
-        this.translateY = (this._store.state.viewportHeight / 2 - this.totalHeight / 2 - this._store.state.translateY) / scale;
+        const scale = this._core.store.state.scale;
+        this.translateX = (this._core.store.state.viewportWidth / 2 - this.totalWidth / 2 - this._core.store.state.translateX) / scale;
+        this.translateY = (this._core.store.state.viewportHeight / 2 - this.totalHeight / 2 - this._core.store.state.translateY) / scale;
     }
     move(startX, startY, endX, endY) {
-        const deltaX = (startX - endX) / this._store.state.scale;
-        const deltaY = (startY - endY) / this._store.state.scale;
+        const deltaX = (startX - endX) / this._core.store.state.scale;
+        const deltaY = (startY - endY) / this._core.store.state.scale;
         this.translateX += deltaX;
         this.translateY += deltaY;
     }
@@ -563,6 +567,11 @@ class KritzelBaseObject {
     rotate(value) {
         this.rotation = value;
     }
+    clone() {
+        const clone = new KritzelBaseObject();
+        Object.assign(clone, this);
+        return clone;
+    }
     copy() {
         const copiedObject = Object.create(Object.getPrototypeOf(this));
         Object.assign(copiedObject, this);
@@ -573,7 +582,15 @@ class KritzelBaseObject {
     onSelectedClick() {
         // This method can be overridden by subclasses to handle click events when the object is selected.
     }
-    revive(object) {
+    serialize() {
+        const { _core, _elementRef, element, totalWidth, totalHeight, ...remainingProps } = this;
+        const clonedProps = structuredClone(remainingProps);
+        if (element && typeof element === 'object' && 'nodeType' in element && element.nodeType === 1) {
+            clonedProps.element = element.cloneNode(true);
+        }
+        return clonedProps;
+    }
+    deserialize(object) {
         Object.assign(this, object);
         return this;
     }
@@ -593,7 +610,7 @@ class KritzelBaseObject {
     updatePosition(x, y) {
         this.translateX = x;
         this.translateY = y;
-        this._store.state.objectsMap.update(this);
+        this._core.store.state.objectsMap.update(this);
     }
 }
 
@@ -609,7 +626,7 @@ class KritzelText extends KritzelBaseObject {
     isEditable = true;
     rows = 1;
     get isReadonly() {
-        return !(this._store.state.activeTool instanceof KritzelTextTool);
+        return !(this._core.store.state.activeTool instanceof KritzelTextTool);
     }
     constructor(config) {
         super();
@@ -625,22 +642,22 @@ class KritzelText extends KritzelBaseObject {
             this.scale = config.scale || 1;
         }
     }
-    static create(store, fontSize, fontFamily) {
+    static create(core, fontSize, fontFamily) {
         const object = new KritzelText();
-        object._store = store;
+        object._core = core;
         object.id = object.generateId();
-        object.workspaceId = store.state.activeWorkspace.id;
+        object.workspaceId = core.store.state.activeWorkspace.id;
         object.fontSize = fontSize;
         object.fontFamily = fontFamily;
         object.translateX = 0;
         object.translateY = 0;
-        object.width = object.initialWidth / (object._store.state.scale < 0 ? object._store.state.scale : 1);
-        object.height = (object.fontSize * 1.2) / (object._store.state.scale < 0 ? object._store.state.scale : 1);
+        object.width = object.initialWidth / (object._core.store.state.scale < 0 ? object._core.store.state.scale : 1);
+        object.height = (object.fontSize * 1.2) / (object._core.store.state.scale < 0 ? object._core.store.state.scale : 1);
         object.padding = 5;
         object.backgroundColor = 'transparent';
-        object.scale = object._store.state.scale;
+        object.scale = object._core.store.state.scale;
         object.value = ' ';
-        object.zIndex = store.currentZIndex;
+        object.zIndex = core.store.currentZIndex;
         return object;
     }
     mount(element) {
@@ -694,7 +711,7 @@ class KritzelText extends KritzelBaseObject {
             document.body.removeChild(span);
             this.width = textWidth;
             this.height = textHeight;
-            this._store.history.executeCommand(new UpdateObjectCommand(this._store, this, this, { ...this }));
+            this._core.history.executeCommand(new UpdateObjectCommand(this._core, this, this, { ...this }));
         }
     }
     focus() {
@@ -727,10 +744,10 @@ class KritzelText extends KritzelBaseObject {
         }
     }
     edit() {
-        this._store.setState('activeTool', KritzelToolRegistry.getTool('text'));
-        this._store.state.selectionGroup = null;
-        this._store.state.selectionBox = null;
-        this._store.state.activeText = this;
+        this._core.store.setState('activeTool', KritzelToolRegistry.getTool('text'));
+        this._core.store.setState('selectionGroup', null);
+        this._core.store.setState('selectionBox', null);
+        this._core.store.setState('activeText', this);
         setTimeout(() => {
             this.focus();
         }, 300);
@@ -790,11 +807,11 @@ class KritzelPath extends KritzelBaseObject {
         this.d = this.generateSvgPath();
         this.updateDimensions();
     }
-    static create(store, options) {
+    static create(core, options) {
         const object = new KritzelPath();
-        object._store = store;
+        object._core = core;
         object.id = object.generateId();
-        object.workspaceId = store.state.activeWorkspace.id;
+        object.workspaceId = core.store.state.activeWorkspace.id;
         object.options = options;
         object.points = options?.points ?? [];
         object.translateX = options?.translateX ?? 0;
@@ -802,7 +819,7 @@ class KritzelPath extends KritzelBaseObject {
         object.scale = options?.scale ?? 1;
         object.strokeWidth = options?.strokeWidth ?? 8;
         object.fill = options?.fill ?? '#000000';
-        object.zIndex = store.currentZIndex;
+        object.zIndex = core.store.currentZIndex;
         object.d = object.generateSvgPath();
         object.updateDimensions();
         return object;
@@ -830,8 +847,8 @@ class KritzelPath extends KritzelBaseObject {
         this._adjustedPoints = null;
     }
     move(startX, startY, endX, endY) {
-        const deltaX = (startX - endX) / this._store.state.scale;
-        const deltaY = (startY - endY) / this._store.state.scale;
+        const deltaX = (startX - endX) / this._core.store.state.scale;
+        const deltaY = (startY - endY) / this._core.store.state.scale;
         this.translateX += deltaX;
         this.translateY += deltaY;
         this._adjustedPoints = null;
@@ -910,7 +927,7 @@ class KritzelPath extends KritzelBaseObject {
         this.translateX = x;
         this.translateY = y;
         this._adjustedPoints = null;
-        this._store.state.objectsMap.update(this);
+        this._core.store.state.objectsMap.update(this);
     }
     computeAdjustedPoints() {
         if (!this.points?.length) {
@@ -1033,8 +1050,8 @@ class KritzelBrushTool extends KritzelBaseTool {
         pen: ['#000000', '#FFFFFF', '#FF0000', '#00FF00', '#0000FF', '#FFFF00', '#FF00FF', '#00FFFF', '#808080', '#C0C0C0', '#800000', '#008000', '#000080', '#808000', '#800080'],
         highlighter: ['#ffff00', '#ffb347', '#b4ffb4'],
     };
-    constructor(store) {
-        super(store);
+    constructor(core) {
+        super(core);
     }
     handlePointerDown(event) {
         if (event.cancelable) {
@@ -1042,34 +1059,34 @@ class KritzelBrushTool extends KritzelBaseTool {
         }
         if (event.pointerType === 'mouse') {
             if (KritzelEventHelper.isLeftClick(event)) {
-                this._store.state.isDrawing = true;
-                const x = event.clientX - this._store.offsetX;
-                const y = event.clientY - this._store.offsetY;
-                this._store.state.currentPath = KritzelPath.create(this._store, {
+                this._core.store.setState('isDrawing', true);
+                const x = event.clientX - this._core.store.offsetX;
+                const y = event.clientY - this._core.store.offsetY;
+                this._core.store.setState('currentPath', KritzelPath.create(this._core, {
                     points: [[x, y]],
-                    translateX: -this._store.state.translateX,
-                    translateY: -this._store.state.translateY,
-                    scale: this._store.state.scale,
+                    translateX: -this._core.store.state.translateX,
+                    translateY: -this._core.store.state.translateY,
+                    scale: this._core.store.state.scale,
                     fill: this.color,
                     strokeWidth: this.size,
-                });
+                }));
             }
         }
         if (event.pointerType === 'touch') {
-            const activePointers = Array.from(this._store.state.pointers.values());
+            const activePointers = Array.from(this._core.store.state.pointers.values());
             if (activePointers.length === 1) {
-                const x = Math.round(activePointers[0].clientX - this._store.offsetX);
-                const y = Math.round(activePointers[0].clientY - this._store.offsetY);
-                this._store.state.isDrawing = true;
-                this._store.state.currentPath = KritzelPath.create(this._store, {
+                const x = Math.round(activePointers[0].clientX - this._core.store.offsetX);
+                const y = Math.round(activePointers[0].clientY - this._core.store.offsetY);
+                this._core.store.setState('isDrawing', true);
+                this._core.store.setState('currentPath', KritzelPath.create(this._core, {
                     points: [[x, y]],
-                    translateX: -this._store.state.translateX,
-                    translateY: -this._store.state.translateY,
-                    scale: this._store.state.scale,
+                    translateX: -this._core.store.state.translateX,
+                    translateY: -this._core.store.state.translateY,
+                    scale: this._core.store.state.scale,
                     fill: this.color,
                     strokeWidth: this.size,
-                });
-                this._store.rerender();
+                }));
+                this._core.rerender();
             }
         }
     }
@@ -1078,34 +1095,34 @@ class KritzelBrushTool extends KritzelBaseTool {
             event.preventDefault();
         }
         if (event.pointerType === 'mouse') {
-            if (this._store.state.isDrawing) {
-                const x = event.clientX - this._store.offsetX;
-                const y = event.clientY - this._store.offsetY;
-                this._store.state.currentPath = KritzelPath.create(this._store, {
-                    points: [...this._store.state.currentPath.points, [x, y]],
-                    translateX: -this._store.state.translateX,
-                    translateY: -this._store.state.translateY,
-                    scale: this._store.state.scale,
+            if (this._core.store.state.isDrawing) {
+                const x = event.clientX - this._core.store.offsetX;
+                const y = event.clientY - this._core.store.offsetY;
+                this._core.store.setState('currentPath', KritzelPath.create(this._core, {
+                    points: [...this._core.store.state.currentPath.points, [x, y]],
+                    translateX: -this._core.store.state.translateX,
+                    translateY: -this._core.store.state.translateY,
+                    scale: this._core.store.state.scale,
                     fill: this.color,
                     strokeWidth: this.size,
-                });
-                this._store.rerender();
+                }));
+                this._core.rerender();
             }
         }
         if (event.pointerType === 'touch') {
-            const activePointers = Array.from(this._store.state.pointers.values());
+            const activePointers = Array.from(this._core.store.state.pointers.values());
             if (activePointers.length === 1) {
-                const x = Math.round(activePointers[0].clientX - this._store.offsetX);
-                const y = Math.round(activePointers[0].clientY - this._store.offsetY);
-                this._store.state.currentPath = KritzelPath.create(this._store, {
-                    points: [...this._store.state.currentPath.points, [x, y]],
-                    translateX: -this._store.state.translateX,
-                    translateY: -this._store.state.translateY,
-                    scale: this._store.state.scale,
+                const x = Math.round(activePointers[0].clientX - this._core.store.offsetX);
+                const y = Math.round(activePointers[0].clientY - this._core.store.offsetY);
+                this._core.store.setState('currentPath', KritzelPath.create(this._core, {
+                    points: [...this._core.store.state.currentPath.points, [x, y]],
+                    translateX: -this._core.store.state.translateX,
+                    translateY: -this._core.store.state.translateY,
+                    scale: this._core.store.state.scale,
                     fill: this.color,
                     strokeWidth: this.size,
-                });
-                this._store.rerender();
+                }));
+                this._core.rerender();
             }
         }
     }
@@ -1114,30 +1131,34 @@ class KritzelBrushTool extends KritzelBaseTool {
             event.preventDefault();
         }
         if (event.pointerType === 'mouse') {
-            if (this._store.state.isDrawing) {
-                this._store.state.isDrawing = false;
-                if (this._store.state.currentPath) {
-                    this._store.state.currentPath.zIndex = this._store.currentZIndex;
-                    this._store.history.executeCommand(new AddObjectCommand(this._store, this, this._store.state.currentPath));
+            if (this._core.store.state.isDrawing) {
+                this._core.store.setState('isDrawing', false);
+                if (this._core.store.state.currentPath) {
+                    const currentPath = this._core.store.state.currentPath;
+                    currentPath.zIndex = this._core.store.currentZIndex;
+                    this._core.store.setState('currentPath', currentPath);
+                    this._core.history.executeCommand(new AddObjectCommand(this._core, this, this._core.store.state.currentPath));
                 }
-                this._store.state.currentPath = undefined;
+                this._core.store.setState('currentPath', undefined);
             }
         }
         if (event.pointerType === 'touch') {
-            if (this._store.state.isDrawing) {
-                this._store.state.isDrawing = false;
-                if (this._store.state.currentPath) {
-                    this._store.state.currentPath.zIndex = this._store.currentZIndex;
-                    this._store.history.executeCommand(new AddObjectCommand(this._store, this, this._store.state.currentPath));
+            if (this._core.store.state.isDrawing) {
+                this._core.store.setState('isDrawing', false);
+                if (this._core.store.state.currentPath) {
+                    const currentPath = this._core.store.state.currentPath;
+                    currentPath.zIndex = this._core.store.currentZIndex;
+                    this._core.store.setState('currentPath', currentPath);
+                    this._core.history.executeCommand(new AddObjectCommand(this._core, this, currentPath));
                 }
-                this._store.state.currentPath = undefined;
-                this._store.rerender();
+                this._core.store.setState('currentPath', undefined);
+                this._core.rerender();
             }
         }
     }
 }
 
 export { AddObjectCommand as A, KritzelText as K, UpdateObjectCommand as U, KritzelPath as a, KritzelBrushTool as b, KritzelTextTool as c, KritzelKeyboardHelper as d, KritzelBaseObject as e, KritzelBaseCommand as f, KritzelBaseTool as g, KritzelEventHelper as h, KritzelToolRegistry as i };
-//# sourceMappingURL=p-DHSEK3rF.js.map
+//# sourceMappingURL=p-CNTK3JOp.js.map
 
-//# sourceMappingURL=p-DHSEK3rF.js.map
+//# sourceMappingURL=p-CNTK3JOp.js.map