npm - kritzel-stencil - Versions diffs - 0.0.164 → 0.0.166 - Mend

kritzel-stencil 0.0.164 → 0.0.166

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (44) hide show

package/dist/components/{p-Dz2XHHqa.js → p-Bwv1dxAB.js} RENAMED Viewed

@@ -14639,9 +14639,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);
     }
@@ -14663,6 +14664,7 @@ class KritzelBrushTool extends KritzelBaseTool {
                     strokeWidth: this.size,
                 });
                 path.isCompleted = false;
+                this._currentPathId = path.id;
                 this._core.store.state.objects.insert(path);
             }
         }
@@ -14681,6 +14683,7 @@ class KritzelBrushTool extends KritzelBaseTool {
                     strokeWidth: this.size,
                 });
                 path.isCompleted = false;
+                this._currentPathId = path.id;
                 this._core.store.state.objects.insert(path);
             }
         }
@@ -14690,8 +14693,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;
@@ -14714,23 +14718,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);
+                    }
                 }
             }
         }
@@ -14742,22 +14749,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;
                 }
             }
         }
@@ -14869,6 +14884,6 @@ class KritzelTextTool extends KritzelBaseTool {
 }
 export { EditorView as E, KritzelText as K, Schema as S, TextSelection as T, KritzelPath as a, KritzelBrushTool as b, KritzelTextTool as c, KritzelKeyboardHelper as d, KritzelBaseObject as e, KritzelGeometryHelper as f, KritzelBaseTool as g, KritzelEventHelper as h, KritzelToolRegistry as i, addListNodes as j, EditorState as k, keymap as l, baseKeymap as m, schema as s };
-//# sourceMappingURL=p-Dz2XHHqa.js.map
+//# sourceMappingURL=p-Bwv1dxAB.js.map
-//# sourceMappingURL=p-Dz2XHHqa.js.map
+//# sourceMappingURL=p-Bwv1dxAB.js.map