kritzel-stencil 0.0.164 → 0.0.166

package/dist/cjs/{default-line-tool.config-DJMYrkSu.js → default-line-tool.config-BNBO4I1t.js}

@@ -14768,20 +14768,21 @@ class KritzelLine extends KritzelBaseObject {
         this._core.store.state.objects.update(this);
     }
     hitTest(x, y) {
-        const halfStroke = this.strokeWidth / this.scale / 2;
+        const strokeWidth = Math.max(this.strokeWidth, 10);
+        const halfStroke = strokeWidth / this.scale / 2;
         if (this._adjustedPoints === null) {
             this._adjustedPoints = this.computeAdjustedPoints();
         }
         // For curved lines, use distance to the Bezier curve
         if (this.controlX !== undefined && this.controlY !== undefined) {
             const distance = this.pointToBezierDistance(x, y);
-            return distance <= halfStroke + 2;
+            return distance <= halfStroke;
         }
         // For straight lines, use distance to line segment
         const p1 = this._adjustedPoints[0];
         const p2 = this._adjustedPoints[1];
         const distance = this.pointToLineSegmentDistance(x, y, p1[0], p1[1], p2[0], p2[1]);
-        return distance <= halfStroke + 2; // Add a small tolerance for easier selection
+        return distance <= halfStroke;
     }
     hitTestPolygon(polygon) {
         const halfStroke = this.strokeWidth / this.scale / 2;
@@ -15299,9 +15300,10 @@ class KritzelBrushTool extends KritzelBaseTool {
     color = '#000000';
     size = 6;
     palettes = {
-        pen: ['#000000', '#FFFFFF', '#FF0000', '#00FF00', '#0000FF', '#FFFF00', '#FF00FF', '#00FFFF', '#808080', '#C0C0C0', '#800000', '#008000', '#000080', '#808000', '#800080'],
+        pen: ['#000000', '#FFFFFF', '#FF0000', '#00FF00', '#0000FF', '#FFFF00', '#FF00FF', '#00FFFF', '#808080', '#C0C0C0', '#800000', '#008000', '#000080', '#800080'],
         highlighter: ['#ffff00', '#ffb347', '#b4ffb4'],
     };
+    _currentPathId = null;
     constructor(core) {
         super(core);
     }
@@ -15323,6 +15325,7 @@ class KritzelBrushTool extends KritzelBaseTool {
                     strokeWidth: this.size,
                 });
                 path.isCompleted = false;
+                this._currentPathId = path.id;
                 this._core.store.state.objects.insert(path);
             }
         }
@@ -15341,6 +15344,7 @@ class KritzelBrushTool extends KritzelBaseTool {
                     strokeWidth: this.size,
                 });
                 path.isCompleted = false;
+                this._currentPathId = path.id;
                 this._core.store.state.objects.insert(path);
             }
         }
@@ -15350,8 +15354,9 @@ class KritzelBrushTool extends KritzelBaseTool {
             event.preventDefault();
         }
         if (event.pointerType === 'mouse') {
-            if (this._core.store.state.isDrawing) {
-                const currentPath = this._core.store.currentPath;
+            if (this._core.store.state.isDrawing && this._currentPathId) {
+                const matchingObjects = this._core.store.state.objects.filter(o => o.id === this._currentPathId);
+                const currentPath = matchingObjects.length > 0 ? matchingObjects[0] : null;
                 if (currentPath) {
                     const x = event.clientX - this._core.store.offsetX;
                     const y = event.clientY - this._core.store.offsetY;
@@ -15374,23 +15379,26 @@ class KritzelBrushTool extends KritzelBaseTool {
         if (event.pointerType === 'touch') {
             const activePointers = Array.from(this._core.store.state.pointers.values());
             if (activePointers.length === 1) {
-                const currentPath = this._core.store.currentPath;
-                if (currentPath) {
-                    const x = Math.round(activePointers[0].clientX - this._core.store.offsetX);
-                    const y = Math.round(activePointers[0].clientY - this._core.store.offsetY);
-                    const updatedPath = KritzelPath.create(this._core, {
-                        points: [...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,
-                    });
-                    updatedPath.id = currentPath.id;
-                    updatedPath.workspaceId = currentPath.workspaceId;
-                    updatedPath.zIndex = currentPath.zIndex;
-                    updatedPath.isCompleted = false;
-                    this._core.store.state.objects.update(updatedPath);
+                if (this._currentPathId) {
+                    const matchingObjects = this._core.store.state.objects.filter(o => o.id === this._currentPathId);
+                    const currentPath = matchingObjects.length > 0 ? matchingObjects[0] : null;
+                    if (currentPath) {
+                        const x = Math.round(activePointers[0].clientX - this._core.store.offsetX);
+                        const y = Math.round(activePointers[0].clientY - this._core.store.offsetY);
+                        const updatedPath = KritzelPath.create(this._core, {
+                            points: [...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,
+                        });
+                        updatedPath.id = currentPath.id;
+                        updatedPath.workspaceId = currentPath.workspaceId;
+                        updatedPath.zIndex = currentPath.zIndex;
+                        updatedPath.isCompleted = false;
+                        this._core.store.state.objects.update(updatedPath);
+                    }
                 }
             }
         }
@@ -15402,22 +15410,30 @@ class KritzelBrushTool extends KritzelBaseTool {
         if (event.pointerType === 'mouse') {
             if (this._core.store.state.isDrawing) {
                 this._core.store.state.isDrawing = false;
-                const currentPath = this._core.store.currentPath;
-                if (currentPath) {
-                    currentPath.isCompleted = true;
-                    this._core.store.state.objects.update(currentPath);
-                    this._core.engine.emitObjectsChange();
+                if (this._currentPathId) {
+                    const matchingObjects = this._core.store.state.objects.filter(o => o.id === this._currentPathId);
+                    const currentPath = matchingObjects.length > 0 ? matchingObjects[0] : null;
+                    if (currentPath) {
+                        currentPath.isCompleted = true;
+                        this._core.store.state.objects.update(currentPath);
+                        this._core.engine.emitObjectsChange();
+                    }
+                    this._currentPathId = null;
                 }
             }
         }
         if (event.pointerType === 'touch') {
             if (this._core.store.state.isDrawing) {
                 this._core.store.state.isDrawing = false;
-                const currentPath = this._core.store.currentPath;
-                if (currentPath) {
-                    currentPath.isCompleted = true;
-                    this._core.store.state.objects.update(currentPath);
-                    this._core.engine.emitObjectsChange();
+                if (this._currentPathId) {
+                    const matchingObjects = this._core.store.state.objects.filter(o => o.id === this._currentPathId);
+                    const currentPath = matchingObjects.length > 0 ? matchingObjects[0] : null;
+                    if (currentPath) {
+                        currentPath.isCompleted = true;
+                        this._core.store.state.objects.update(currentPath);
+                        this._core.engine.emitObjectsChange();
+                    }
+                    this._currentPathId = null;
                 }
             }
         }
@@ -15490,7 +15506,7 @@ class KritzelSelectionGroup extends KritzelBaseObject {
             const deltaX = snapshot.translateX - this.translateX;
             const deltaY = snapshot.translateY - this.translateY;
             snapshot.translateX = x + deltaX;
-            snapshot.translateY = x + deltaY;
+            snapshot.translateY = y + deltaY;
         });
         this.translateX = x;
         this.translateY = y;
@@ -15726,6 +15742,9 @@ class KritzelSelectionGroup extends KritzelBaseObject {
         const groupCenterY = this.translateY + this.totalHeight / this.scale / 2;
         return objCenterY - groupCenterY;
     }
+    hitTest(x, y) {
+        return this.objects.some(obj => obj.hitTest(x, y));
+    }
 }
 
 class KritzelLineTool extends KritzelBaseTool {
@@ -17561,6 +17580,10 @@ class KritzelSelectionTool extends KritzelBaseTool {
         if (!object) {
             return null;
         }
+        const { x, y } = this._core.getCanvasPoint(event);
+        if (!object.hitTest(x, y)) {
+            return null;
+        }
         if (object instanceof KritzelSelectionGroup) {
             return object;
         }
@@ -33909,6 +33932,6 @@ exports.varStorage = varStorage;
 exports.writeVarString = writeVarString$2;
 exports.writeVarUint = writeVarUint$2;
 exports.writeVarUint8Array = writeVarUint8Array$2;
-//# sourceMappingURL=default-line-tool.config-DJMYrkSu.js.map
+//# sourceMappingURL=default-line-tool.config-BNBO4I1t.js.map
 
-//# sourceMappingURL=default-line-tool.config-DJMYrkSu.js.map
+//# sourceMappingURL=default-line-tool.config-BNBO4I1t.js.map