kritzel-stencil 0.0.153 → 0.0.154

package/dist/cjs/{default-text-tool.config-Cds94FE8.js → default-text-tool.config-BySzvIox.js}

@@ -244,14 +244,14 @@ class KritzelBaseObject {
         this.updatePosition(this.translateX + deltaX, this.translateY + deltaY);
     }
     update() {
-        this._core.store.state.objectsMap.update(this);
+        this._core.store.state.objects.update(this);
     }
     move(startX, startY, endX, endY) {
         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._core.store.state.objectsMap.update(this);
+        this._core.store.state.objects.update(this);
     }
     resize(x, y, width, height) {
         if (width <= 1 || height <= 1) {
@@ -261,11 +261,11 @@ class KritzelBaseObject {
         this.height = height;
         this.translateX = x;
         this.translateY = y;
-        this._core.store.state.objectsMap.update(this);
+        this._core.store.state.objects.update(this);
     }
     rotate(value) {
         this.rotation = value;
-        this._core.store.state.objectsMap.update(this);
+        this._core.store.state.objects.update(this);
     }
     clone() {
         const clone = Object.create(Object.getPrototypeOf(this));
@@ -308,7 +308,7 @@ class KritzelBaseObject {
     updatePosition(x, y) {
         this.translateX = x;
         this.translateY = y;
-        this._core.store.state.objectsMap.update(this);
+        this._core.store.state.objects.update(this);
     }
 }
 
@@ -13946,7 +13946,7 @@ class KritzelText extends KritzelBaseObject {
                     this.content = newState.doc.toJSON();
                     this.adjustSizeOnInput();
                     if (!transaction.getMeta('fromRemote')) {
-                        this._core.store.state.objectsMap.update(this, { temporary: true });
+                        this._core.store.state.objects.update(this, { temporary: true });
                     }
                 }
             },
@@ -13999,7 +13999,7 @@ class KritzelText extends KritzelBaseObject {
         this.height = originalHeight * this.scaleFactor;
         this.translateX = x;
         this.translateY = y;
-        this._core.store.state.objectsMap.update(this);
+        this._core.store.state.objects.update(this);
     }
     focus(coords) {
         if (this.editor) {
@@ -14051,8 +14051,9 @@ class KritzelText extends KritzelBaseObject {
         this.editor.setProps({ editable: () => false });
         this.editor.dom.blur();
         this.isEditing = false;
-        this._core.store.state.objectsMap.consolidateTemporaryItems();
-        this._core.store.state.objectsMap.update(this);
+        this._core.store.state.objects.consolidateTemporaryItems();
+        this._core.store.state.objects.update(this);
+        this._core.engine.emitObjectsChange();
     }
     handlePointerDown(event) {
         if (!this.isEditing) {
@@ -14185,12 +14186,12 @@ class KritzelPath extends KritzelBaseObject {
         this.translateX = x;
         this.translateY = y;
         this._adjustedPoints = null;
-        this._core.store.state.objectsMap.update(this);
+        this._core.store.state.objects.update(this);
     }
     rotate(value) {
         this.rotation = value;
         this._adjustedPoints = null;
-        this._core.store.state.objectsMap.update(this);
+        this._core.store.state.objects.update(this);
     }
     move(startX, startY, endX, endY) {
         const deltaX = (startX - endX) / this._core.store.state.scale;
@@ -14198,7 +14199,7 @@ class KritzelPath extends KritzelBaseObject {
         this.translateX += deltaX;
         this.translateY += deltaY;
         this._adjustedPoints = null;
-        this._core.store.state.objectsMap.update(this);
+        this._core.store.state.objects.update(this);
     }
     hitTest(x, y) {
         const halfStroke = this.strokeWidth / this.scale / 2;
@@ -14274,7 +14275,7 @@ class KritzelPath extends KritzelBaseObject {
         this.translateX = x;
         this.translateY = y;
         this._adjustedPoints = null;
-        this._core.store.state.objectsMap.update(this);
+        this._core.store.state.objects.update(this);
     }
     computeAdjustedPoints() {
         if (!this.points?.length) {
@@ -14437,7 +14438,7 @@ class KritzelImage extends KritzelBaseObject {
         this.translateX = x;
         this.translateY = y;
         // Update to sync changes to y.js and propagate to other tabs
-        this._core.store.state.objectsMap.update(this);
+        this._core.store.state.objects.update(this);
     }
     calculateScaledDimensions(img) {
         let scaledWidth = img.width;
@@ -14576,7 +14577,7 @@ class KritzelBrushTool extends KritzelBaseTool {
                     strokeWidth: this.size,
                 });
                 path.isCompleted = false;
-                this._core.store.state.objectsMap.insert(path);
+                this._core.store.state.objects.insert(path);
             }
         }
         if (event.pointerType === 'touch') {
@@ -14594,7 +14595,7 @@ class KritzelBrushTool extends KritzelBaseTool {
                     strokeWidth: this.size,
                 });
                 path.isCompleted = false;
-                this._core.store.state.objectsMap.insert(path);
+                this._core.store.state.objects.insert(path);
             }
         }
     }
@@ -14619,7 +14620,7 @@ class KritzelBrushTool extends KritzelBaseTool {
                     updatedPath.id = currentPath.id;
                     updatedPath.workspaceId = currentPath.workspaceId;
                     updatedPath.isCompleted = false;
-                    this._core.store.state.objectsMap.update(updatedPath);
+                    this._core.store.state.objects.update(updatedPath);
                 }
             }
         }
@@ -14641,7 +14642,7 @@ class KritzelBrushTool extends KritzelBaseTool {
                     updatedPath.id = currentPath.id;
                     updatedPath.workspaceId = currentPath.workspaceId;
                     updatedPath.isCompleted = false;
-                    this._core.store.state.objectsMap.update(updatedPath);
+                    this._core.store.state.objects.update(updatedPath);
                 }
             }
         }
@@ -14657,7 +14658,8 @@ class KritzelBrushTool extends KritzelBaseTool {
                 if (currentPath) {
                     currentPath.isCompleted = true;
                     currentPath.zIndex = this._core.store.currentZIndex;
-                    this._core.store.state.objectsMap.update(currentPath);
+                    this._core.store.state.objects.update(currentPath);
+                    this._core.engine.emitObjectsChange();
                 }
             }
         }
@@ -14668,7 +14670,8 @@ class KritzelBrushTool extends KritzelBaseTool {
                 if (currentPath) {
                     currentPath.isCompleted = true;
                     currentPath.zIndex = this._core.store.currentZIndex;
-                    this._core.store.state.objectsMap.update(currentPath);
+                    this._core.store.state.objects.update(currentPath);
+                    this._core.engine.emitObjectsChange();
                 }
             }
         }
@@ -14737,6 +14740,7 @@ class KritzelEraserTool extends KritzelBaseTool {
                     this._core.rerender();
                 }
                 this._core.store.state.isErasing = false;
+                this._core.engine.emitObjectsChange();
             }
         }
         if (event.pointerType === 'touch') {
@@ -14751,6 +14755,7 @@ class KritzelEraserTool extends KritzelBaseTool {
                     this._core.rerender();
                 }
                 this._core.store.state.isErasing = false;
+                this._core.engine.emitObjectsChange();
             }
         }
     }
@@ -14837,6 +14842,7 @@ class KritzelImageTool extends KritzelBaseTool {
         this._core.addObject(image);
         this._core.store.setState('activeTool', KritzelToolRegistry.getTool('selection'));
         this._core.selectObjects([image]);
+        this._core.engine.emitObjectsChange();
     }
     handleCancel() {
         this._core.store.setState('activeTool', KritzelToolRegistry.getTool('selection'));
@@ -14900,7 +14906,7 @@ class KritzelTextTool extends KritzelBaseTool {
             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.state.objectsMap.insert(text);
+            this._core.store.state.objects.insert(text);
             this._core.rerender();
             text.edit(event);
         }
@@ -14934,7 +14940,7 @@ class KritzelTextTool extends KritzelBaseTool {
             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.state.objectsMap.insert(text);
+            this._core.store.state.objects.insert(text);
             this._core.rerender();
             text.edit(event);
         }
@@ -15082,6 +15088,7 @@ class KritzelMoveHandler extends KritzelBaseHandler {
                 this._core.store.state.isDragging = false;
                 if (this.hasMoved) {
                     this._core.store.selectionGroup.update();
+                    this._core.engine.emitObjectsChange();
                     this._core.store.state.hasObjectsChanged = true;
                 }
             }
@@ -15091,6 +15098,7 @@ class KritzelMoveHandler extends KritzelBaseHandler {
                 this._core.store.state.isDragging = false;
                 if (this.hasMoved) {
                     this._core.store.selectionGroup.update();
+                    this._core.engine.emitObjectsChange();
                     this._core.store.state.hasObjectsChanged = true;
                 }
             }
@@ -15267,6 +15275,7 @@ class KritzelResizeHandler extends KritzelBaseHandler {
                 this._core.store.state.isResizing = false;
                 if (this.hasResized) {
                     this._core.store.selectionGroup.update();
+                    this._core.engine.emitObjectsChange();
                     this._core.store.state.hasObjectsChanged = true;
                 }
                 this.reset();
@@ -15277,6 +15286,7 @@ class KritzelResizeHandler extends KritzelBaseHandler {
                 this._core.store.state.isResizing = false;
                 if (this.hasResized) {
                     this._core.store.selectionGroup.update();
+                    this._core.engine.emitObjectsChange();
                     this._core.store.state.hasObjectsChanged = true;
                 }
                 this.reset();
@@ -15381,6 +15391,7 @@ class KritzelRotationHandler extends KritzelBaseHandler {
         if (event.pointerType === 'mouse') {
             if (this._core.store.state.isRotating) {
                 this._core.store.selectionGroup.update();
+                this._core.engine.emitObjectsChange();
                 this._core.store.state.isRotating = false;
                 this._core.store.state.hasObjectsChanged = true;
                 this.reset();
@@ -15389,6 +15400,7 @@ class KritzelRotationHandler extends KritzelBaseHandler {
         if (event.pointerType === 'touch') {
             if (this._core.store.state.isRotating) {
                 this._core.store.selectionGroup.update();
+                this._core.engine.emitObjectsChange();
                 this._core.store.state.isRotating = false;
                 this._core.store.state.hasObjectsChanged = true;
                 this.reset();
@@ -15430,7 +15442,7 @@ class KritzelSelectionGroup extends KritzelBaseObject {
     get objects() {
         return this.objectIds
             .map(id => {
-            const found = this._core.store.state.objectsMap.filter(obj => obj.id === id);
+            const found = this._core.store.state.objects.filter(obj => obj.id === id);
             return found.length > 0 ? found[0] : null;
         })
             .filter(obj => obj !== null);
@@ -15485,7 +15497,7 @@ class KritzelSelectionGroup extends KritzelBaseObject {
         });
         this.translateX = x;
         this.translateY = y;
-        this._core.store.state.objectsMap.update(this);
+        this._core.store.state.objects.update(this);
     }
     /**
      * Capture snapshots of current object states for undo/redo operations
@@ -15529,15 +15541,15 @@ class KritzelSelectionGroup extends KritzelBaseObject {
         // Only update the selection group itself
         // Child objects are already updated during move/resize/rotate operations
         // Updating them again here would create redundant y.js updates
-        this._core.store.state.objectsMap.update(this);
+        this._core.store.state.objects.update(this);
     }
     move(startX, startY, endX, endY) {
         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._core.store.state.objectsMap.transaction(() => {
-            this._core.store.state.objectsMap.update(this);
+        this._core.store.state.objects.transaction(() => {
+            this._core.store.state.objects.update(this);
             this.objects.forEach(obj => {
                 obj.move(startX, startY, endX, endY);
             });
@@ -15553,7 +15565,7 @@ class KritzelSelectionGroup extends KritzelBaseObject {
         const heightScaleFactor = height / this.height;
         const deltaX = x - this.translateX;
         const deltaY = y - this.translateY;
-        this._core.store.state.objectsMap.transaction(() => {
+        this._core.store.state.objects.transaction(() => {
             this.objects.forEach(child => {
                 const updatedWidth = child.width * widthScaleFactor;
                 const updatedHeight = child.height * heightScaleFactor;
@@ -15564,7 +15576,7 @@ class KritzelSelectionGroup extends KritzelBaseObject {
             // Refresh dimensions and update the SelectionGroup to propagate changes to other tabs
             this.refreshObjectDimensions();
             this.captureUnchangedSnapshots();
-            this._core.store.state.objectsMap.update(this);
+            this._core.store.state.objects.update(this);
         });
     }
     rotate(value) {
@@ -15574,9 +15586,9 @@ class KritzelSelectionGroup extends KritzelBaseObject {
         const angle = value;
         const cos = Math.cos(angle);
         const sin = Math.sin(angle);
-        this._core.store.state.objectsMap.transaction(() => {
+        this._core.store.state.objects.transaction(() => {
             // Update the SelectionGroup itself to propagate rotation to other tabs
-            this._core.store.state.objectsMap.update(this);
+            this._core.store.state.objects.update(this);
             this.objects.forEach(child => {
                 const unchangedSnapshot = this.unchangedObjectSnapshots.get(child.id);
                 if (!unchangedSnapshot)
@@ -15627,7 +15639,7 @@ class KritzelSelectionGroup extends KritzelBaseObject {
             this.width = (this.maxX - this.minX - this.padding) * this.scale;
             this.height = (this.maxY - this.minY - this.padding) * this.scale;
         }
-        this._core.store.state.objectsMap.update(this);
+        this._core.store.state.objects.update(this);
     }
     getOffsetXToCenterFromSnapshot(snapshot) {
         const objCenterX = snapshot.translateX + snapshot.totalWidth / snapshot.scale / 2;
@@ -15710,6 +15722,7 @@ class KritzelSelectionHandler extends KritzelBaseHandler {
                         this.addSelectedObjectsToSelectionGroup();
                         this.removeSelectionBox();
                     }
+                    this._core.engine.emitObjectsChange();
                 }
             }
         }
@@ -15730,13 +15743,14 @@ class KritzelSelectionHandler extends KritzelBaseHandler {
                     this.addSelectedObjectsToSelectionGroup();
                     this.removeSelectionBox();
                 }
+                this._core.engine.emitObjectsChange();
                 this._core.store.state.skipContextMenu = false;
             }
         }
     }
     removeSelectionBox() {
         this._core.store.state.isSelecting = false;
-        this._core.store.state.objectsMap.remove(o => o instanceof KritzelSelectionBox);
+        this._core.store.state.objects.remove(o => o instanceof KritzelSelectionBox);
     }
     startMouseSelection(event) {
         let clientX, clientY;
@@ -15748,8 +15762,8 @@ class KritzelSelectionHandler extends KritzelBaseHandler {
         selectionBox.translateX = this.startX;
         selectionBox.translateY = this.startY;
         this._core.store.state.isSelecting = true;
-        this._core.store.state.objectsMap.remove(o => o instanceof KritzelSelectionBox || o instanceof KritzelSelectionGroup);
-        this._core.store.state.objectsMap.insert(selectionBox);
+        this._core.store.state.objects.remove(o => o instanceof KritzelSelectionBox || o instanceof KritzelSelectionGroup);
+        this._core.store.state.objects.insert(selectionBox);
     }
     startTouchSelection() {
         const activePointers = Array.from(this._core.store.state.pointers.values());
@@ -15768,8 +15782,8 @@ class KritzelSelectionHandler extends KritzelBaseHandler {
         selectionBox.translateX = this.startX;
         selectionBox.translateY = this.startY;
         this._core.store.state.isSelecting = true;
-        this._core.store.state.objectsMap.remove(o => o instanceof KritzelSelectionBox || o instanceof KritzelSelectionGroup);
-        this._core.store.state.objectsMap.insert(selectionBox);
+        this._core.store.state.objects.remove(o => o instanceof KritzelSelectionBox || o instanceof KritzelSelectionGroup);
+        this._core.store.state.objects.insert(selectionBox);
     }
     updateMouseSelection(event) {
         let clientX, clientY;
@@ -31248,6 +31262,6 @@ exports.varStorage = varStorage;
 exports.writeVarString = writeVarString$2;
 exports.writeVarUint = writeVarUint$2;
 exports.writeVarUint8Array = writeVarUint8Array$2;
-//# sourceMappingURL=default-text-tool.config-Cds94FE8.js.map
+//# sourceMappingURL=default-text-tool.config-BySzvIox.js.map
 
-//# sourceMappingURL=default-text-tool.config-Cds94FE8.js.map
+//# sourceMappingURL=default-text-tool.config-BySzvIox.js.map