kritzel-stencil 0.0.132 → 0.0.133

package/dist/components/{p-Davd1R_4.js → p-CwH-bwjb.js}

@@ -1,9 +1,9 @@
 import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-BYanlgdq.js';
 import { K as KritzelMouseButton } from './p-D8W6LE-c.js';
-import { e as KritzelBaseObject, f as KritzelBaseCommand, g as KritzelBaseTool, h as KritzelEventHelper, U as UpdateObjectCommand, c as KritzelTextTool, b as KritzelBrushTool, K as KritzelText, a as KritzelPath, A as AddObjectCommand, i as KritzelToolRegistry, d as KritzelKeyboardHelper } from './p-B3VQubt_.js';
-import { O as ObjectHelper } from './p-EXPChOF6.js';
+import { e as KritzelBaseObject, f as KritzelBaseCommand, g as KritzelBaseTool, h as KritzelEventHelper, c as KritzelTextTool, b as KritzelBrushTool, K as KritzelText, a as KritzelPath, A as AddObjectCommand, i as KritzelToolRegistry, U as UpdateObjectCommand, d as KritzelKeyboardHelper } from './p-CNTK3JOp.js';
 import { K as KritzelWorkspace } from './p-YqK8ch2R.js';
 import { K as KritzelContextMenu, d as defineCustomElement$3 } from './p-BGdsAz54.js';
+import { O as ObjectHelper } from './p-B0kd2rUI.js';
 import { K as KritzelDevicesHelper } from './p-l10It7Nm.js';
 import { d as defineCustomElement$2 } from './p-Db3kxVe2.js';
 import { d as defineCustomElement$1 } from './p-sq9jgfX0.js';
@@ -268,10 +268,18 @@ class MoveSelectionGroupCommand extends KritzelBaseCommand {
         }
         this._core.store.setState('selectionGroup', this.selectionGroup);
         this._core.store.state.selectionGroup.move(this.startX, this.startY, this.endX, this.endY);
+        this._core.store.state.selectionGroup.objects.forEach(object => {
+            this._core.store.state.objectsMap.update(object);
+            this._core.updateObjectInDatabase(object);
+        });
     }
     undo() {
         this._core.store.setState('selectionGroup', this.selectionGroup);
         this._core.store.state.selectionGroup.move(this.endX, this.endY, this.startX, this.startY);
+        this._core.store.state.selectionGroup.objects.forEach(object => {
+            this._core.store.state.objectsMap.update(object);
+            this._core.updateObjectInDatabase(object);
+        });
     }
 }
 
@@ -289,9 +297,19 @@ class KritzelMoveHandler extends KritzelBaseHandler {
     startY;
     endX;
     endY;
+    hasMoved = false;
     constructor(core) {
         super(core);
     }
+    reset() {
+        this.dragStartX = 0;
+        this.dragStartY = 0;
+        this.startX = 0;
+        this.startY = 0;
+        this.endX = 0;
+        this.endY = 0;
+        this.hasMoved = false;
+    }
     handlePointerDown(event) {
         if (event.pointerType === 'mouse') {
             if (KritzelEventHelper.isLeftClick(event)) {
@@ -330,16 +348,21 @@ class KritzelMoveHandler extends KritzelBaseHandler {
                 this._core.store.state.selectionGroup.move(clientX, clientY, this.dragStartX, this.dragStartY);
                 this.dragStartX = clientX;
                 this.dragStartY = clientY;
+                this.hasMoved = true;
             }
         }
         if (event.pointerType === 'touch') {
             const activePointers = Array.from(this._core.store.state.pointers.values());
-            if (this._core.store.state.pointers.size === 1 && this._core.store.state.selectionGroup && !this._core.store.state.isResizeHandleSelected && !this._core.store.state.isRotationHandleSelected) {
+            if (this._core.store.state.pointers.size === 1 &&
+                this._core.store.state.selectionGroup &&
+                !this._core.store.state.isResizeHandleSelected &&
+                !this._core.store.state.isRotationHandleSelected) {
                 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('isDragging', true);
                 this.endX = x;
                 this.endY = y;
+                this.hasMoved = true;
                 const moveDeltaX = Math.abs(x - this.startX);
                 const moveDeltaY = Math.abs(y - this.startY);
                 const moveThreshold = 5;
@@ -356,27 +379,19 @@ class KritzelMoveHandler extends KritzelBaseHandler {
         if (event.pointerType === 'mouse') {
             if (this._core.store.state.isDragging) {
                 this._core.store.setState('isDragging', false);
-                const moveSelectionGroupCommand = new MoveSelectionGroupCommand(this._core, this, this.endX, this.endY, this.startX, this.startY, true);
-                const updateObjectsCommand = this._core.store.state.selectionGroup.objects.map(object => {
-                    return new UpdateObjectCommand(this._core, this, object, {
-                        translateX: object.translateX,
-                        translateY: object.translateY
-                    });
-                });
-                this._core.history.executeCommand(new BatchCommand(this._core, this, [moveSelectionGroupCommand, ...updateObjectsCommand]));
+                if (this.hasMoved) {
+                    this._core.history.executeCommand(new MoveSelectionGroupCommand(this._core, this, this.endX, this.endY, this.startX, this.startY, true));
+                }
+                this.reset();
             }
         }
         if (event.pointerType === 'touch') {
             if (this._core.store.state.isDragging) {
                 this._core.store.setState('isDragging', false);
-                const moveSelectionGroupCommand = new MoveSelectionGroupCommand(this._core, this, this.endX, this.endY, this.startX, this.startY, true);
-                const updateObjectsCommand = this._core.store.state.selectionGroup.objects.map(object => {
-                    return new UpdateObjectCommand(this._core, this, object, {
-                        translateX: object.translateX,
-                        translateY: object.translateY
-                    });
-                });
-                this._core.history.executeCommand(new BatchCommand(this._core, this, [moveSelectionGroupCommand, ...updateObjectsCommand]));
+                if (this.hasMoved) {
+                    this._core.history.executeCommand(new MoveSelectionGroupCommand(this._core, this, this.endX, this.endY, this.startX, this.startY, true));
+                }
+                this.reset();
             }
         }
     }
@@ -403,10 +418,18 @@ class ResizeSelectionGroupCommand extends KritzelBaseCommand {
     execute() {
         this._core.store.setState('selectionGroup', this.selectionGroup);
         this._core.store.state.selectionGroup.resize(this.newSize.x, this.newSize.y, this.newSize.width, this.newSize.height);
+        this._core.store.state.selectionGroup.objects.forEach(object => {
+            this._core.store.state.objectsMap.update(object);
+            this._core.updateObjectInDatabase(object);
+        });
     }
     undo() {
         this._core.store.setState('selectionGroup', this.selectionGroup);
         this._core.store.state.selectionGroup.resize(this.previousSize.x, this.previousSize.y, this.previousSize.width, this.previousSize.height);
+        this._core.store.state.selectionGroup.objects.forEach(object => {
+            this._core.store.state.objectsMap.update(object);
+            this._core.updateObjectInDatabase(object);
+        });
     }
 }
 
@@ -418,6 +441,12 @@ class KritzelResizeHandler extends KritzelBaseHandler {
     constructor(core) {
         super(core);
     }
+    reset() {
+        this.initialMouseX = 0;
+        this.initialMouseY = 0;
+        this.initialSize = { x: 0, y: 0, width: 0, height: 0 };
+        this.newSize = { x: 0, y: 0, width: 0, height: 0 };
+    }
     handlePointerDown(event) {
         if (event.pointerType === 'mouse') {
             if (KritzelEventHelper.isLeftClick(event)) {
@@ -537,22 +566,16 @@ class KritzelResizeHandler extends KritzelBaseHandler {
     handlePointerUp(event) {
         if (event.pointerType === 'mouse') {
             if (this._core.store.state.isResizing) {
-                const resizeSelectionGroupCommand = new ResizeSelectionGroupCommand(this._core, this, structuredClone(this.initialSize), structuredClone(this.newSize));
-                const updateObjectsCommand = this._core.store.state.selectionGroup.objects.map(object => {
-                    return new UpdateObjectCommand(this._core, this, object, { ...object });
-                });
-                this._core.history.executeCommand(new BatchCommand(this._core, this, [resizeSelectionGroupCommand, ...updateObjectsCommand]));
+                this._core.history.executeCommand(new ResizeSelectionGroupCommand(this._core, this, structuredClone(this.initialSize), structuredClone(this.newSize)));
                 this._core.store.setState('isResizing', false);
+                this.reset();
             }
         }
         if (event.pointerType === 'touch') {
             if (this._core.store.state.isResizing) {
-                const resizeSelectionGroupCommand = new ResizeSelectionGroupCommand(this._core, this, structuredClone(this.initialSize), structuredClone(this.newSize));
-                const updateObjectsCommand = this._core.store.state.selectionGroup.objects.map(object => {
-                    return new UpdateObjectCommand(this._core, this, object, { ...object });
-                });
-                this._core.history.executeCommand(new BatchCommand(this._core, this, [resizeSelectionGroupCommand, ...updateObjectsCommand]));
+                this._core.history.executeCommand(new ResizeSelectionGroupCommand(this._core, this, structuredClone(this.initialSize), structuredClone(this.newSize)));
                 this._core.store.setState('isResizing', false);
+                this.reset();
                 clearTimeout(this._core.store.state.longTouchTimeout);
             }
         }
@@ -563,10 +586,10 @@ class RotateSelectionGroupCommand extends KritzelBaseCommand {
     rotation;
     initialRotation;
     selectionGroup;
-    constructor(core, initiator, rotation, skipHistory = false) {
+    constructor(core, initiator, rotation, initialRotation, skipHistory = false) {
         super(core, initiator, skipHistory);
         this.rotation = rotation;
-        this.initialRotation = this._core.store.state.selectionGroup.rotation;
+        this.initialRotation = initialRotation;
         this.selectionGroup = this._core.store.state.selectionGroup;
     }
     execute() {
@@ -574,13 +597,15 @@ class RotateSelectionGroupCommand extends KritzelBaseCommand {
         this._core.store.state.selectionGroup.rotate(this.rotation);
         this._core.store.state.selectionGroup.objects.forEach(object => {
             this._core.store.state.objectsMap.update(object);
+            this._core.updateObjectInDatabase(object);
         });
     }
     undo() {
         this._core.store.setState('selectionGroup', this.selectionGroup);
-        this._core.store.state.selectionGroup.rotate(this.rotation - this.initialRotation);
+        this._core.store.state.selectionGroup.rotate(this.initialRotation);
         this._core.store.state.selectionGroup.objects.forEach(object => {
             this._core.store.state.objectsMap.update(object);
+            this._core.updateObjectInDatabase(object);
         });
     }
 }
@@ -588,9 +613,16 @@ class RotateSelectionGroupCommand extends KritzelBaseCommand {
 class KritzelRotationHandler extends KritzelBaseHandler {
     initialRotation = 0;
     rotation = 0;
+    unchangedObjects = [];
+    initialSelectionGroupRotation = 0;
     constructor(core) {
         super(core);
     }
+    reset() {
+        this.initialRotation = 0;
+        this.rotation = 0;
+        this.unchangedObjects = [];
+    }
     handlePointerDown(event) {
         if (event.pointerType === 'mouse') {
             if (KritzelEventHelper.isLeftClick(event)) {
@@ -602,7 +634,9 @@ class KritzelRotationHandler extends KritzelBaseHandler {
                     const centerY = this._core.store.state.selectionGroup.translateY + this._core.store.state.selectionGroup.height / 2 / this._core.store.state.scale;
                     const cursorX = (clientX - this._core.store.state.translateX) / this._core.store.state.scale;
                     const cursorY = (clientY - this._core.store.state.translateY) / this._core.store.state.scale;
+                    this.initialSelectionGroupRotation = this._core.store.state.selectionGroup.rotation;
                     this.initialRotation = Math.atan2(centerY - cursorY, centerX - cursorX) - this._core.store.state.selectionGroup.rotation;
+                    this.unchangedObjects = this._core.store.state.selectionGroup.objects.map(obj => obj.clone());
                 }
             }
         }
@@ -622,6 +656,7 @@ class KritzelRotationHandler extends KritzelBaseHandler {
                     const cursorX = (clientX - this._core.store.state.translateX) / this._core.store.state.scale;
                     const cursorY = (clientY - this._core.store.state.translateY) / this._core.store.state.scale;
                     this.initialRotation = Math.atan2(centerY - cursorY, centerX - cursorX) - this._core.store.state.selectionGroup.rotation;
+                    this.unchangedObjects = this._core.store.state.selectionGroup.objects.map(obj => obj.clone());
                     clearTimeout(this._core.store.state.longTouchTimeout);
                 }
             }
@@ -664,32 +699,16 @@ class KritzelRotationHandler extends KritzelBaseHandler {
     handlePointerUp(event) {
         if (event.pointerType === 'mouse') {
             if (this._core.store.state.isRotating) {
-                const rotateSelectionGroupCommand = new RotateSelectionGroupCommand(this._core, this, this.rotation);
-                const updateObjectsCommand = this._core.store.state.selectionGroup.objects.map(object => {
-                    return new UpdateObjectCommand(this._core, this, object, {
-                        rotation: object.rotation,
-                        translateX: object.translateX,
-                        translateY: object.translateY,
-                    });
-                });
-                this._core.history.executeCommand(new BatchCommand(this._core, this, [rotateSelectionGroupCommand, ...updateObjectsCommand]));
+                this._core.history.executeCommand(new RotateSelectionGroupCommand(this._core, this, this.rotation, this.initialSelectionGroupRotation));
                 this._core.store.setState('isRotating', false);
-                this.initialRotation = 0;
-                this.rotation = 0;
+                this.reset();
             }
         }
         if (event.pointerType === 'touch') {
             if (this._core.store.state.isRotating) {
-                const rotateSelectionGroupCommand = new RotateSelectionGroupCommand(this._core, this, this.rotation);
-                const updateObjectsCommand = this._core.store.state.selectionGroup.objects.map(object => {
-                    return new UpdateObjectCommand(this._core, this, object, {
-                        rotation: object.rotation,
-                    });
-                });
-                this._core.history.executeCommand(new BatchCommand(this._core, this, [rotateSelectionGroupCommand, ...updateObjectsCommand]));
+                this._core.history.executeCommand(new RotateSelectionGroupCommand(this._core, this, this.rotation, this.initialSelectionGroupRotation));
                 this._core.store.setState('isRotating', false);
-                this.initialRotation = 0;
-                this.rotation = 0;
+                this.reset();
                 clearTimeout(this._core.store.state.longTouchTimeout);
             }
         }
@@ -1188,7 +1207,7 @@ class KritzelSelectionGroup extends KritzelBaseObject {
         else {
             this.objects.splice(index, 1);
         }
-        this.unchangedObjects = ObjectHelper.clone(this.objects);
+        this.unchangedObjects = this.objects.map(obj => obj.clone());
         this.refreshObjectDimensions();
     }
     deselectAllChildren() {
@@ -1239,7 +1258,7 @@ class KritzelSelectionGroup extends KritzelBaseObject {
             this._core.store.state.objectsMap.update(child);
         });
         this.refreshObjectDimensions();
-        this.unchangedObjects = ObjectHelper.clone(this.objects);
+        this.unchangedObjects = this.objects.map(obj => obj.clone());
     }
     rotate(value) {
         this.rotation = value;
@@ -1269,7 +1288,7 @@ class KritzelSelectionGroup extends KritzelBaseObject {
             selectionGroup.addOrRemove(copiedObject);
             currentZIndex++;
         });
-        selectionGroup.unchangedObjects = ObjectHelper.clone(selectionGroup.objects);
+        selectionGroup.unchangedObjects = selectionGroup.objects.map(obj => obj.clone());
         if (this.objects.length === 1) {
             selectionGroup.rotation = this.objects[0].rotation;
         }
@@ -1667,9 +1686,12 @@ class KritzelContextMenuHandler extends KritzelBaseHandler {
             selectionGroup.addOrRemove(selectedObject);
             selectionGroup.isSelected = true;
             selectionGroup.rotation = selectedObject.rotation;
-            this._core.store.setState('selectionGroup', selectionGroup);
             this._core.store.setState('isSelecting', false);
-            this._core.history.executeCommand(new AddSelectionGroupCommand(this._core, this, this._core.store.state.selectionGroup));
+            const batch = new BatchCommand(this._core, this, [
+                new RemoveSelectionGroupCommand(this._core, this._core.store.state.selectionGroup),
+                new AddSelectionGroupCommand(this._core, this, selectionGroup),
+            ]);
+            this._core.history.executeCommand(batch);
         }
         this._core.store.setState('contextMenuItems', this._core.store.state.selectionGroup ? this.objectContextMenuItems : this.globalContextMenuItems);
         let x = event.clientX - this._core.store.offsetX;
@@ -2359,18 +2381,14 @@ class KritzelCore {
             throw new Error('Database not initialized');
         }
         const reviver = new KritzelReviver(this);
-        return this._database
-            .get('workspaces', id)
-            .then(rawWorkspace => rawWorkspace ? reviver.revive(rawWorkspace) : null);
+        return this._database.get('workspaces', id).then(rawWorkspace => (rawWorkspace ? reviver.revive(rawWorkspace) : null));
     }
     async getWorkspaces() {
         if (!this._database) {
             throw new Error('Database not initialized');
         }
         const reviver = new KritzelReviver(this);
-        return this._database
-            .getAll('workspaces')
-            .then(rawWorkspaces => rawWorkspaces.map(ws => reviver.revive(ws)));
+        return this._database.getAll('workspaces').then(rawWorkspaces => rawWorkspaces.map(ws => reviver.revive(ws)));
     }
     async createWorkspace(workspace) {
         if (!this._database) {
@@ -2444,8 +2462,8 @@ class KritzelCore {
         const copiedObjects = this._store.state.copiedObjects;
         copiedObjects.isSelected = true;
         this._store.setState('copiedObjects', copiedObjects);
-        const adjustedX = x !== undefined ? x : this._store.state.copiedObjects.translateX + 25;
-        const adjustedY = y !== undefined ? y : this._store.state.copiedObjects.translateY + 25;
+        const adjustedX = x !== undefined ? x : this._store.state.copiedObjects.translateX + 25 / this._store.state.scale;
+        const adjustedY = y !== undefined ? y : this._store.state.copiedObjects.translateY + 25 / this._store.state.scale;
         this._store.state.copiedObjects.updatePosition(adjustedX, adjustedY);
         const commands = [];
         if (this._store.state.selectionGroup !== null) {
@@ -2654,7 +2672,9 @@ const KritzelEngine = /*@__PURE__*/ proxyCustomElement(class KritzelEngine exten
         if (this.core.store.isDisabled) {
             return;
         }
-        KritzelEventHelper.onLongPress(ev, (event) => this.longpress.emit(event));
+        if (KritzelDevicesHelper.isTouchDevice()) {
+            KritzelEventHelper.onLongPress(ev, (event) => this.longpress.emit(event));
+        }
         this.host.setPointerCapture(ev.pointerId);
         this.core.store.state.pointers.set(ev.pointerId, ev);
         this.viewport.handlePointerDown(ev);
@@ -2898,7 +2918,7 @@ const KritzelEngine = /*@__PURE__*/ proxyCustomElement(class KritzelEngine exten
         const baseHandleSizePx = computedStyle.getPropertyValue('--kritzel-selection-handle-size').trim() || '6px';
         const baseHandleSize = parseFloat(baseHandleSizePx);
         const baseHandleTouchSize = baseHandleSize * 2 < 14 ? 14 : baseHandleSize;
-        return (h(Host, { key: '05b345f98a4548591946d1295da4d4b288767da6' }, h("div", { key: 'c8399a8968a39448120f3123b39c755b0f9b5e49', class: "debug-panel", style: { display: this.core.store.state.debugInfo.showViewportInfo ? 'block' : 'none' } }, h("div", { key: '2cedd93f88f1a1e6ddc99e648375549ca5254f04' }, "ActiveWorkspaceId: ", this.core.store.state?.activeWorkspace?.id), h("div", { key: '30ed15a98512b0efd91123773963d6266fa8426a' }, "ActiveWorkspaceName: ", this.core.store.state?.activeWorkspace?.name), h("div", { key: 'a0eb11088673a9e0e2e22880ae8a7a89c6705609' }, "TranslateX: ", this.core.store.state?.translateX), h("div", { key: '97c7ccfc77342d4122f85136ab4c81709046a4e4' }, "TranslateY: ", this.core.store.state?.translateY), h("div", { key: 'ff832aa8a779a4adb2fca5b7ecd8d9b992cf7b99' }, "ViewportWidth: ", this.core.store.state?.viewportWidth), h("div", { key: '6867ad7ee7f4fbe8725ac6edbe1bd999942fd729' }, "ViewportHeight: ", this.core.store.state?.viewportHeight), h("div", { key: 'f54768467cace934702bd3fd6f26970515f669f0' }, "Scale: ", this.core.store.state?.scale), h("div", { key: '4aaa2cec8688e42249a6f0f7e2d67a13c57fa155' }, "ActiveTool: ", this.core.store.state?.activeTool?.name), h("div", { key: '0bec60557f2a1271c69226b477fde02f4c2857a1' }, "HasViewportChanged: ", this.core.store.state?.hasViewportChanged ? 'true' : 'false'), h("div", { key: 'bd342af473102a1c2095a3a2810de25630c8a717' }, "IsEnabled: ", this.core.store.state?.isEnabled ? 'true' : 'false'), h("div", { key: '62477d9f931903bff3fa6fa85f1ecd3b2944884f' }, "IsScaling: ", this.core.store.state?.isScaling ? 'true' : 'false'), h("div", { key: '80fba2f64cec36d9c7b2d5f2081ef21190c61768' }, "IsPanning: ", this.core.store.state?.isPanning ? 'true' : 'false'), h("div", { key: 'da75419ac806f146a6ac69607b64095eb1f37de4' }, "IsSelecting: ", this.isSelecting ? 'true' : 'false'), h("div", { key: '11b3bf816afa3d64fea468de92a351d9e96dee9e' }, "IsSelectionActive: ", this.isSelectionActive ? 'true' : 'false'), h("div", { key: 'e12cf1412d0e48a1245ae923c595e737deb4dffb' }, "IsResizeHandleSelected: ", this.core.store.state.isResizeHandleSelected ? 'true' : 'false'), h("div", { key: 'fa79c455e0ae7d68259003ce63a58eda4c250eba' }, "IsRotationHandleSelected: ", this.core.store.state.isRotationHandleSelected ? 'true' : 'false'), h("div", { key: 'bc7b25568bac9ef9cd6f1341a7415e4b93d8e8e9' }, "IsDrawing: ", this.core.store.state.isDrawing ? 'true' : 'false'), h("div", { key: 'a62eef5e0e277b629a11bb13809a4ab211d9428c' }, "IsWriting: ", this.core.store.state.isWriting ? 'true' : 'false'), h("div", { key: '285815884e83a3d5d8ec3726034ff4853225f216' }, "PointerX: ", this.core.store.state?.pointerX), h("div", { key: 'f267eb928ccb57736229d3a7fbc5bfdfd0d51819' }, "PointerY: ", this.core.store.state?.pointerY), h("div", { key: '55977bf82d326a128a5da8d303875603c2850aac' }, "SelectedObjects: ", this.core.store.state.selectionGroup?.objects.length || 0)), h("div", { key: '8c91eaf482ce6cbd7400ba5342ec6c866fc0a049', id: "origin", class: "origin", style: {
+        return (h(Host, { key: 'da47553aad7abf8b5daab177c6933a9177b91089' }, h("div", { key: '4e64b43bfb85a61154d36ca8ecd3518d61445d50', class: "debug-panel", style: { display: this.core.store.state.debugInfo.showViewportInfo ? 'block' : 'none' } }, h("div", { key: '21742da9258a2b929b81c0ca6c8f37f41b228ad4' }, "ActiveWorkspaceId: ", this.core.store.state?.activeWorkspace?.id), h("div", { key: 'de31fcf57b0faf8fad2bb39336eeea35dbec35ca' }, "ActiveWorkspaceName: ", this.core.store.state?.activeWorkspace?.name), h("div", { key: 'a2cb298a867f92349b5e1fb556ee5f9c6110f1c7' }, "TranslateX: ", this.core.store.state?.translateX), h("div", { key: '28697bfcecf9f8b4b1972a90cd02855767433047' }, "TranslateY: ", this.core.store.state?.translateY), h("div", { key: '7fb25f6e9c9b8dea11832dbd311d2cc0b981cbeb' }, "ViewportWidth: ", this.core.store.state?.viewportWidth), h("div", { key: '92aeade312b3d28e4c9b0e1c7ca55f6932fd23d9' }, "ViewportHeight: ", this.core.store.state?.viewportHeight), h("div", { key: 'a4fd8090acaf094e44fdc2e72fcc388695b412c4' }, "Scale: ", this.core.store.state?.scale), h("div", { key: '6ff28100b64bafdffcb8fe9d49cd041a6a374817' }, "ActiveTool: ", this.core.store.state?.activeTool?.name), h("div", { key: '12a61ad3d070563eb721d0d4068143962914b2bc' }, "HasViewportChanged: ", this.core.store.state?.hasViewportChanged ? 'true' : 'false'), h("div", { key: '437309daa2af1a64c9b9d3548fe12e075dd4a8bd' }, "IsEnabled: ", this.core.store.state?.isEnabled ? 'true' : 'false'), h("div", { key: 'e6841095c220ebf081604c548729f085ec9d17bd' }, "IsScaling: ", this.core.store.state?.isScaling ? 'true' : 'false'), h("div", { key: 'b07316a528782f7560c2e42f7bd9edd473cc256c' }, "IsPanning: ", this.core.store.state?.isPanning ? 'true' : 'false'), h("div", { key: '7160a5aa21c4cdbf2b523f620c819ad541a2e466' }, "IsSelecting: ", this.isSelecting ? 'true' : 'false'), h("div", { key: '9ad29a686bc76b47d4c5040121b468428ade437a' }, "IsSelectionActive: ", this.isSelectionActive ? 'true' : 'false'), h("div", { key: '68f240aa7d7188996647afd0df73d63a253e18a1' }, "IsResizeHandleSelected: ", this.core.store.state.isResizeHandleSelected ? 'true' : 'false'), h("div", { key: '260010c089bdf0e8fd8c2406c39394ef79a85262' }, "IsRotationHandleSelected: ", this.core.store.state.isRotationHandleSelected ? 'true' : 'false'), h("div", { key: '6b07975c781801b0a7d7727d0666a6765aa9e889' }, "IsDrawing: ", this.core.store.state.isDrawing ? 'true' : 'false'), h("div", { key: '83c949c9ed26c3d445421ba1f965a742f5fc149f' }, "IsWriting: ", this.core.store.state.isWriting ? 'true' : 'false'), h("div", { key: '1687122785d3370da5d91a975dd56f11aebc81c1' }, "PointerX: ", this.core.store.state?.pointerX), h("div", { key: 'a28e152a0510c9e3eef5624de1b5512baf45b37c' }, "PointerY: ", this.core.store.state?.pointerY), h("div", { key: '09e5a0157002fe95a46415d32a3eb17be8d959a9' }, "SelectedObjects: ", this.core.store.state.selectionGroup?.objects.length || 0)), h("div", { key: '5228fbae773f30d91b129c257ef08adca10a6a70', id: "origin", class: "origin", style: {
                 transform: `matrix(${this.core.store.state?.scale}, 0, 0, ${this.core.store.state?.scale}, ${this.core.store.state?.translateX}, ${this.core.store.state?.translateY})`,
             } }, this.core.store.state.objectsMap.allObjects()?.map(object => {
             return (h("div", { key: object.id, style: {
@@ -3017,7 +3037,7 @@ const KritzelEngine = /*@__PURE__*/ proxyCustomElement(class KritzelEngine exten
                 transform: this.core.store.state.currentPath?.transformationMatrix,
                 transformOrigin: 'top left',
                 overflow: 'visible',
-            }, viewBox: this.core.store.state.currentPath?.viewBox }, h("path", { key: '1cdae549bc53dc30eb397f27702054ac6c5122f7', d: this.core.store.state.currentPath?.d, fill: this.core.store.state.currentPath?.fill, stroke: this.core.store.state.currentPath?.stroke }))), this.core.store.state.isContextMenuVisible && (h("kritzel-context-menu", { key: '2428e653f61d7ac5a71da1dbf94155b02e870406', class: "context-menu", ref: el => (this.contextMenuElement = el), items: this.core.store.state.contextMenuItems, objects: this.core.store.state.selectionGroup?.objects || [], style: {
+            }, viewBox: this.core.store.state.currentPath?.viewBox }, h("path", { key: '6dedb398968d275166e042660c4718635b57da84', d: this.core.store.state.currentPath?.d, fill: this.core.store.state.currentPath?.fill, stroke: this.core.store.state.currentPath?.stroke }))), this.core.store.state.isContextMenuVisible && (h("kritzel-context-menu", { key: '09ae0d7842918bcb4ae9fd16d416badc19942264', class: "context-menu", ref: el => (this.contextMenuElement = el), items: this.core.store.state.contextMenuItems, objects: this.core.store.state.selectionGroup?.objects || [], style: {
                 position: 'fixed',
                 left: `${this.core.store.state.contextMenuX}px`,
                 top: `${this.core.store.state.contextMenuY}px`,
@@ -3028,7 +3048,7 @@ const KritzelEngine = /*@__PURE__*/ proxyCustomElement(class KritzelEngine exten
                     y: (-this.core.store.state.translateY + this.core.store.state.contextMenuY) / this.core.store.state.scale,
                 }, this.core.store.state.selectionGroup?.objects);
                 this.hideContextMenu();
-            }, onClose: () => this.hideContextMenu() })), this.core.store.state?.activeTool instanceof KritzelEraserTool && !this.core.store.state.isScaling && h("kritzel-cursor-trail", { key: '94bdb8b137c50bb7499a37e4784ae36989258ee2', core: this.core })));
+            }, onClose: () => this.hideContextMenu() })), this.core.store.state?.activeTool instanceof KritzelEraserTool && !this.core.store.state.isScaling && h("kritzel-cursor-trail", { key: 'e0863ccf8c52ebef822827d8eeac62d3619134ca', core: this.core })));
     }
     static get watchers() { return {
         "workspace": ["onWorkspaceChange"],
@@ -3108,6 +3128,6 @@ function defineCustomElement() {
 }
 
 export { ABSOLUTE_SCALE_MAX as A, KritzelImage as K, KritzelEraserTool as a, KritzelImageTool as b, KritzelSelectionTool as c, KritzelEngine as d, defineCustomElement as e, ABSOLUTE_SCALE_MIN as f };
-//# sourceMappingURL=p-Davd1R_4.js.map
+//# sourceMappingURL=p-CwH-bwjb.js.map
 
-//# sourceMappingURL=p-Davd1R_4.js.map
+//# sourceMappingURL=p-CwH-bwjb.js.map