kritzel-stencil 0.0.153 → 0.0.155

package/dist/esm/{default-text-tool.config-ClW1W-X4.js → default-text-tool.config-2YFQA3SF.js}

@@ -242,14 +242,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) {
@@ -259,11 +259,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));
@@ -306,7 +306,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);
     }
 }
 
@@ -13944,7 +13944,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 });
                     }
                 }
             },
@@ -13997,7 +13997,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) {
@@ -14049,8 +14049,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) {
@@ -14183,12 +14184,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;
@@ -14196,7 +14197,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;
@@ -14272,7 +14273,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) {
@@ -14435,7 +14436,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;
@@ -14574,7 +14575,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') {
@@ -14592,7 +14593,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);
             }
         }
     }
@@ -14617,7 +14618,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);
                 }
             }
         }
@@ -14639,7 +14640,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);
                 }
             }
         }
@@ -14655,7 +14656,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();
                 }
             }
         }
@@ -14666,7 +14668,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();
                 }
             }
         }
@@ -14735,6 +14738,7 @@ class KritzelEraserTool extends KritzelBaseTool {
                     this._core.rerender();
                 }
                 this._core.store.state.isErasing = false;
+                this._core.engine.emitObjectsChange();
             }
         }
         if (event.pointerType === 'touch') {
@@ -14749,6 +14753,7 @@ class KritzelEraserTool extends KritzelBaseTool {
                     this._core.rerender();
                 }
                 this._core.store.state.isErasing = false;
+                this._core.engine.emitObjectsChange();
             }
         }
     }
@@ -14835,6 +14840,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'));
@@ -14898,7 +14904,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);
         }
@@ -14932,7 +14938,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);
         }
@@ -15080,6 +15086,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;
                 }
             }
@@ -15089,6 +15096,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;
                 }
             }
@@ -15265,6 +15273,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();
@@ -15275,6 +15284,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();
@@ -15379,6 +15389,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();
@@ -15387,6 +15398,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();
@@ -15428,7 +15440,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);
@@ -15483,7 +15495,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
@@ -15527,15 +15539,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);
             });
@@ -15551,7 +15563,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;
@@ -15562,7 +15574,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) {
@@ -15572,9 +15584,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)
@@ -15625,7 +15637,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;
@@ -15708,6 +15720,7 @@ class KritzelSelectionHandler extends KritzelBaseHandler {
                         this.addSelectedObjectsToSelectionGroup();
                         this.removeSelectionBox();
                     }
+                    this._core.engine.emitObjectsChange();
                 }
             }
         }
@@ -15728,13 +15741,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;
@@ -15746,8 +15760,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());
@@ -15766,8 +15780,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;
@@ -31189,6 +31203,6 @@ const DEFAULT_TEXT_CONFIG = {
 };
 
 export { Doc as $, isNode as A, min$2 as B, pow as C, HocuspocusProviderWebsocket as D, KritzelPath as E, KritzelImage as F, KritzelBrushTool as G, HocuspocusProvider as H, KritzelEraserTool as I, KritzelImageTool as J, KritzelText as K, KritzelTextTool as L, KritzelSelectionTool as M, IndexedDBSyncProvider as N, Observable$1 as O, KritzelAppStateMap as P, KritzelWorkspace as Q, DEFAULT_BRUSH_CONFIG as R, DEFAULT_TEXT_CONFIG as S, KritzelDevicesHelper as T, KritzelMouseButton as U, KritzelKeyboardHelper as V, KritzelBaseHandler as W, KritzelToolRegistry as X, KritzelSelectionBox as Y, KritzelSelectionGroup as Z, KritzelBaseObject as _, writeVarUint8Array$2 as a, DEFAULT_SYNC_CONFIG as a0, UndoManager as a1, ObjectHelper as a2, KritzelEventHelper as a3, KritzelBaseTool as a4, readVarUint8Array$2 as b, applyUpdate as c, encodeStateVector as d, encodeStateAsUpdate as e, createEncoder$1 as f, createDecoder$1 as g, create$8 as h, fromBase64 as i, toBase64 as j, createUint8ArrayFromArrayBuffer as k, offChange as l, readVarString$2 as m, floor$2 as n, onChange as o, getUnixTime$1 as p, equalityDeep$1 as q, readVarUint$2 as r, setIfUndefined$1 as s, toUint8Array$1 as t, writeVarString$2 as u, varStorage as v, writeVarUint$2 as w, map as x, ObservableV2 as y, length$3 as z };
-//# sourceMappingURL=default-text-tool.config-ClW1W-X4.js.map
+//# sourceMappingURL=default-text-tool.config-2YFQA3SF.js.map
 
-//# sourceMappingURL=default-text-tool.config-ClW1W-X4.js.map
+//# sourceMappingURL=default-text-tool.config-2YFQA3SF.js.map