kritzel-stencil 0.0.152 → 0.0.154

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

@@ -215,6 +215,12 @@ class KritzelBaseObject {
         return ObjectHelper.generateUUID();
     }
     isInViewport() {
+        const viewportScale = this._core.store.state.scale;
+        const scaledWidth = this.boundingBox.width * viewportScale;
+        const scaledHeight = this.boundingBox.height * viewportScale;
+        if (scaledWidth * scaledHeight < 0.5) {
+            return false;
+        }
         const viewportBounds = {
             x: -this._core.store.state.translateX / this._core.store.state.scale,
             y: -this._core.store.state.translateY / this._core.store.state.scale,
@@ -238,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) {
@@ -255,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));
@@ -302,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);
     }
 }
 
@@ -13940,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 });
                     }
                 }
             },
@@ -13993,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) {
@@ -14045,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) {
@@ -14179,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;
@@ -14192,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;
@@ -14268,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) {
@@ -14289,7 +14296,7 @@ class KritzelPath extends KritzelBaseObject {
             const dy = y - cy;
             return [cx + dx * cos - dy * sin, cy + dx * sin + dy * cos];
         });
-        return rotatedPoints.map(([px, py]) => [((Math.abs(px - this.x) / this.scale + this.translateX)), ((Math.abs(py - this.y) / this.scale + this.translateY))]);
+        return rotatedPoints.map(([px, py]) => [Math.abs(px - this.x) / this.scale + this.translateX, Math.abs(py - this.y) / this.scale + this.translateY]);
     }
     pointToLineSegmentDistance(x, y, x1, y1, x2, y2) {
         const A = x - x1;
@@ -14381,6 +14388,15 @@ class KritzelPath extends KritzelBaseObject {
         }
         return result;
     }
+    isLowRes() {
+        if (!this._core) {
+            return false;
+        }
+        const viewportScale = this._core.store.state.scale;
+        const scaledWidth = this.boundingBox.width * viewportScale;
+        const scaledHeight = this.boundingBox.height * viewportScale;
+        return (scaledWidth * scaledHeight) < 500;
+    }
 }
 
 class KritzelImage extends KritzelBaseObject {
@@ -14422,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;
@@ -14561,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') {
@@ -14579,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);
             }
         }
     }
@@ -14604,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);
                 }
             }
         }
@@ -14626,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);
                 }
             }
         }
@@ -14642,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();
                 }
             }
         }
@@ -14653,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();
                 }
             }
         }
@@ -14722,6 +14740,7 @@ class KritzelEraserTool extends KritzelBaseTool {
                     this._core.rerender();
                 }
                 this._core.store.state.isErasing = false;
+                this._core.engine.emitObjectsChange();
             }
         }
         if (event.pointerType === 'touch') {
@@ -14736,6 +14755,7 @@ class KritzelEraserTool extends KritzelBaseTool {
                     this._core.rerender();
                 }
                 this._core.store.state.isErasing = false;
+                this._core.engine.emitObjectsChange();
             }
         }
     }
@@ -14822,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'));
@@ -14885,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);
         }
@@ -14919,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);
         }
@@ -15067,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;
                 }
             }
@@ -15076,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;
                 }
             }
@@ -15252,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();
@@ -15262,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();
@@ -15366,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();
@@ -15374,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();
@@ -15415,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);
@@ -15470,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
@@ -15514,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);
             });
@@ -15538,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;
@@ -15549,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) {
@@ -15559,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)
@@ -15612,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;
@@ -15695,6 +15722,7 @@ class KritzelSelectionHandler extends KritzelBaseHandler {
                         this.addSelectedObjectsToSelectionGroup();
                         this.removeSelectionBox();
                     }
+                    this._core.engine.emitObjectsChange();
                 }
             }
         }
@@ -15715,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;
@@ -15733,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());
@@ -15753,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;
@@ -31233,6 +31262,6 @@ exports.varStorage = varStorage;
 exports.writeVarString = writeVarString$2;
 exports.writeVarUint = writeVarUint$2;
 exports.writeVarUint8Array = writeVarUint8Array$2;
-//# sourceMappingURL=default-text-tool.config-BX6sjin6.js.map
+//# sourceMappingURL=default-text-tool.config-BySzvIox.js.map
 
-//# sourceMappingURL=default-text-tool.config-BX6sjin6.js.map
+//# sourceMappingURL=default-text-tool.config-BySzvIox.js.map