system-canvas-standalone 0.2.42 → 0.2.43

package/dist/system-canvas.js

@@ -15845,6 +15845,7 @@ var SystemCanvas = (() => {
     const [selectedIds, setSelectedIds] = (0, import_react7.useState)(() => /* @__PURE__ */ new Set());
     const [marqueeRect, setMarqueeRect] = (0, import_react7.useState)(null);
     const marqueeActiveRef = (0, import_react7.useRef)(activationKey === "none");
+    const isPendingRef = (0, import_react7.useRef)(false);
     const isDrawingRef = (0, import_react7.useRef)(false);
     const startScreenRef = (0, import_react7.useRef)(null);
     const pointerIdRef = (0, import_react7.useRef)(null);
@@ -15915,7 +15916,8 @@ var SystemCanvas = (() => {
         if (!matchesKey(e))
           return;
         marqueeActiveRef.current = false;
-        if (isDrawingRef.current) {
+        if (isDrawingRef.current || isPendingRef.current) {
+          isPendingRef.current = false;
           isDrawingRef.current = false;
           startScreenRef.current = null;
           pointerIdRef.current = null;
@@ -15965,6 +15967,8 @@ var SystemCanvas = (() => {
         if (target && typeof target.closest === "function") {
           if (target.closest(".system-canvas-node"))
             return;
+          if (target.closest(".system-canvas-edge"))
+            return;
           if (target.closest(".system-canvas-resize-handles"))
             return;
           if (target.closest(".system-canvas-connection-handles"))
@@ -15977,21 +15981,16 @@ var SystemCanvas = (() => {
         const x = e.clientX - rect.left;
         const y = e.clientY - rect.top;
         startScreenRef.current = { x, y };
-        isDrawingRef.current = true;
+        isPendingRef.current = true;
+        isDrawingRef.current = false;
         pointerIdRef.current = e.pointerId;
-        setMarqueeRect({ x1: x, y1: y, x2: x, y2: y });
-        try {
-          container.setPointerCapture(e.pointerId);
-        } catch {
-        }
-        e.preventDefault();
-        e.stopPropagation();
       };
+      const MARQUEE_DRAG_THRESHOLD = 4;
       const onPointerMove = (e) => {
-        if (!isDrawingRef.current)
-          return;
         if (e.pointerId !== pointerIdRef.current)
           return;
+        if (!isPendingRef.current && !isDrawingRef.current)
+          return;
         const svg = svgRef.current;
         if (!svg)
           return;
@@ -15999,13 +15998,32 @@ var SystemCanvas = (() => {
         const x = e.clientX - rect.left;
         const y = e.clientY - rect.top;
         const start2 = startScreenRef.current;
+        if (isPendingRef.current && !isDrawingRef.current) {
+          const dx = x - start2.x;
+          const dy = y - start2.y;
+          if (Math.hypot(dx, dy) < MARQUEE_DRAG_THRESHOLD)
+            return;
+          isPendingRef.current = false;
+          isDrawingRef.current = true;
+          try {
+            container.setPointerCapture(e.pointerId);
+          } catch {
+          }
+        }
+        e.preventDefault();
         setMarqueeRect({ x1: start2.x, y1: start2.y, x2: x, y2: y });
       };
       const onPointerUp = (e) => {
-        if (!isDrawingRef.current)
-          return;
         if (e.pointerId !== pointerIdRef.current)
           return;
+        if (isPendingRef.current && !isDrawingRef.current) {
+          isPendingRef.current = false;
+          startScreenRef.current = null;
+          pointerIdRef.current = null;
+          return;
+        }
+        if (!isDrawingRef.current)
+          return;
         const svg = svgRef.current;
         if (!svg)
           return;
@@ -16031,6 +16049,7 @@ var SystemCanvas = (() => {
         }
         setSelectedIds(matched);
         setMarqueeRect(null);
+        isPendingRef.current = false;
         isDrawingRef.current = false;
         startScreenRef.current = null;
         pointerIdRef.current = null;