@elixpo/lixsketch 5.6.9 → 5.6.11

package/dist/react/{EventDispatcher-UV7LFSAS.js → EventDispatcher-E4OJCMY6.js}

@@ -4,32 +4,32 @@ import {
   handleTextMouseDown,
   handleTextMouseMove,
   handleTextMouseUp
-} from "./chunk-RK3NVAER.js";
+} from "./chunk-75OPJOWN.js";
 import {
   handleCodeMouseDown,
   handleCodeMouseMove,
   handleCodeMouseUp
-} from "./chunk-DODPOWNX.js";
+} from "./chunk-CWE5IFG7.js";
 import {
   handleMouseDownImage,
   handleMouseMoveImage,
   handleMouseUpImage
-} from "./chunk-37PF7FG2.js";
+} from "./chunk-SDG4U7TP.js";
 import {
   handleMouseDownIcon,
   handleMouseMoveIcon,
   handleMouseUpIcon
-} from "./chunk-O7KXLFZN.js";
+} from "./chunk-IS2MKWGH.js";
 import {
   handleMouseDown as handleMouseDown4,
   handleMouseMove as handleMouseMove4,
   handleMouseUp as handleMouseUp4
-} from "./chunk-GQLXUZHQ.js";
+} from "./chunk-TWHJ6PJK.js";
 import {
   handleMouseDown as handleMouseDown5,
   handleMouseMove as handleMouseMove5,
   handleMouseUp as handleMouseUp5
-} from "./chunk-6LWUR7XB.js";
+} from "./chunk-LXEHYCKH.js";
 import {
   handleMultiSelectionMouseDown,
   handleMultiSelectionMouseMove,
@@ -37,40 +37,40 @@ import {
   isMultiSelecting,
   multiSelection,
   removeMultiSelectionRect
-} from "./chunk-KC26KJW4.js";
+} from "./chunk-PX2635H5.js";
 import {
   Frame
-} from "./chunk-ZNZAICWY.js";
+} from "./chunk-JEHOEQ6Z.js";
 import {
   handleMouseDownRect,
   handleMouseMoveRect,
   handleMouseUpRect
-} from "./chunk-I7TVGJFF.js";
+} from "./chunk-Y3FJMYPX.js";
 import {
   handleMouseDown as handleMouseDown2,
   handleMouseMove as handleMouseMove2,
   handleMouseUp as handleMouseUp2
-} from "./chunk-KZBKYHZO.js";
+} from "./chunk-P7VIYR6R.js";
 import {
   handleMouseDown as handleMouseDown3,
   handleMouseMove as handleMouseMove3,
   handleMouseUp as handleMouseUp3
-} from "./chunk-CGMUXYPJ.js";
+} from "./chunk-STJERZ25.js";
 import {
   normalizeWebEmbedUrl
 } from "./chunk-QZI4UIE5.js";
 import "./chunk-DNAG7ML6.js";
-import "./chunk-PAKA6HUX.js";
+import "./chunk-MS4TIQ6Z.js";
 import {
   handleMouseDown,
   handleMouseMove,
   handleMouseUp
-} from "./chunk-X5ENBMGL.js";
+} from "./chunk-2U47AU6Y.js";
 import {
   pushCreateAction,
   pushFrameAttachmentAction,
   pushOptionsChangeAction
-} from "./chunk-VZX55VQL.js";
+} from "./chunk-TFCBCWL5.js";
 
 // src/tools/shapeRecognition.js
 var MIN_SHAPE_SIZE2 = 8;
@@ -325,7 +325,7 @@ var previewPath = null;
 var previewFrame = 0;
 var latestPrediction = null;
 function getThemeStroke() {
-  return document.body?.classList.contains("theme-dark") ? "#f7f4ff" : "#211a33";
+  return document.body?.classList.contains("theme-dark") ? "#f7f4ff" : "#000000";
 }
 function getSVGPoint(event) {
   const viewBox = svg.viewBox.baseVal;
@@ -821,7 +821,77 @@ function handleWebEmbedUp() {
 }
 window.__placeWebEmbed = placeWebEmbed;
 
+// src/core/SelectionGesture.js
+function normalizePointerId(pointerId) {
+  return Number.isFinite(Number(pointerId)) ? Number(pointerId) : null;
+}
+function createSelectionGestureOwner() {
+  let activeGesture = null;
+  return {
+    captureShape(shape, pointerId) {
+      if (!shape) return null;
+      activeGesture = {
+        kind: "shape",
+        shape,
+        shapeName: shape.shapeName,
+        pointerId: normalizePointerId(pointerId)
+      };
+      return activeGesture;
+    },
+    captureMulti(pointerId) {
+      activeGesture = {
+        kind: "multi",
+        pointerId: normalizePointerId(pointerId)
+      };
+      return activeGesture;
+    },
+    get(pointerId) {
+      if (!activeGesture) return null;
+      const requestedPointer = normalizePointerId(pointerId);
+      if (activeGesture.pointerId !== null && requestedPointer !== null && activeGesture.pointerId !== requestedPointer) {
+        return null;
+      }
+      return activeGesture;
+    },
+    clear(pointerId) {
+      const gesture = this.get(pointerId);
+      if (!gesture) return false;
+      activeGesture = null;
+      return true;
+    },
+    clearAll() {
+      activeGesture = null;
+    }
+  };
+}
+
 // src/core/EventDispatcher.js
+var selectionGestureOwner = createSelectionGestureOwner();
+var shapePointerHandlers = {
+  rectangle: { down: handleMouseDownRect, move: handleMouseMoveRect, up: handleMouseUpRect },
+  arrow: { down: handleMouseDown, move: handleMouseMove, up: handleMouseUp },
+  circle: { down: handleMouseDown2, move: handleMouseMove2, up: handleMouseUp2 },
+  image: { down: handleMouseDownImage, move: handleMouseMoveImage, up: handleMouseUpImage },
+  line: { down: handleMouseDown3, move: handleMouseMove3, up: handleMouseUp3 },
+  freehandStroke: { down: handleMouseDown5, move: handleMouseMove5, up: handleMouseUp5 },
+  text: { down: handleTextMouseDown, move: handleTextMouseMove, up: handleTextMouseUp },
+  frame: { down: handleMouseDown4, move: handleMouseMove4, up: handleMouseUp4 },
+  icon: { down: handleMouseDownIcon, move: handleMouseMoveIcon, up: handleMouseUpIcon },
+  code: { down: handleCodeMouseDown, move: handleCodeMouseMove, up: handleCodeMouseUp }
+};
+function routeShapePointer(phase, event, shape = currentShape) {
+  const handler = shapePointerHandlers[shape?.shapeName]?.[phase];
+  if (!handler) return false;
+  handler(event);
+  return true;
+}
+function captureSelectionGesture(event) {
+  if (isMultiSelecting || multiSelection.isDragging || multiSelection.isResizing || multiSelection.isRotating) {
+    selectionGestureOwner.captureMulti(event.pointerId);
+  } else if (currentShape?.isSelected) {
+    selectionGestureOwner.captureShape(currentShape, event.pointerId);
+  }
+}
 var EDGE_THRESHOLD = 40;
 var SCROLL_SPEED = 8;
 var _autoScrollRAF = null;
@@ -880,6 +950,7 @@ function _onDocumentDragMove(e) {
   const clampedX = Math.max(rect.left, Math.min(rect.right, e.clientX));
   const clampedY = Math.max(rect.top, Math.min(rect.bottom, e.clientY));
   const clampedEvent = new PointerEvent(e.type, {
+    pointerId: e.pointerId,
     clientX: clampedX,
     clientY: clampedY,
     buttons: e.buttons,
@@ -901,6 +972,7 @@ function _onDocumentDragUp(e) {
 var handleMainMouseDown = (e) => {
   if (!e.target) return;
   if (e.button === 1 || e.button === 2 || window.__spacePanActive) return;
+  selectionGestureOwner.clearAll();
   removeMultiSelectionRect();
   if (!isSelectionToolActive) {
     if (multiSelection.selectedShapes.size > 0) {
@@ -950,66 +1022,67 @@ var handleMainMouseDown = (e) => {
     handleMouseDownIcon(e);
   } else if (isSelectionToolActive) {
     if (handleMultiSelectionMouseDown(e)) {
+      captureSelectionGesture(e);
       return;
     }
     const prevShape = currentShape;
     let handled = false;
-    if (currentShape?.shapeName === "rectangle") {
-      handleMouseDownRect(e);
-      handled = true;
-    } else if (currentShape?.shapeName === "arrow") {
-      handleMouseDown(e);
-      handled = true;
-    } else if (currentShape?.shapeName === "circle") {
-      handleMouseDown2(e);
-      handled = true;
-    } else if (currentShape?.shapeName === "image") {
-      handleMouseDownImage(e);
-      handled = true;
-    } else if (currentShape?.shapeName === "line") {
-      handleMouseDown3(e);
-      handled = true;
-    } else if (currentShape?.shapeName === "freehandStroke") {
-      handleMouseDown5(e);
-      handled = true;
-    } else if (currentShape?.shapeName === "text") {
-      handleTextMouseDown(e);
-      handled = true;
-    } else if (currentShape?.shapeName === "frame") {
-      handleMouseDown4(e);
-      handled = true;
-    } else if (currentShape?.shapeName === "icon") {
-      handleMouseDownIcon(e);
-      handled = true;
-    } else if (currentShape?.shapeName === "code") {
-      handleCodeMouseDown(e);
-      handled = true;
-    }
+    handled = routeShapePointer("down", e);
     if (handled && prevShape && !currentShape) {
       handled = false;
     }
     if (!handled) {
       const originalCurrentShape = currentShape;
       handleMouseDownRect(e);
-      if (currentShape && currentShape !== originalCurrentShape) return;
+      if (currentShape && currentShape !== originalCurrentShape) {
+        captureSelectionGesture(e);
+        return;
+      }
       handleMouseDown2(e);
-      if (currentShape && currentShape !== originalCurrentShape) return;
+      if (currentShape && currentShape !== originalCurrentShape) {
+        captureSelectionGesture(e);
+        return;
+      }
       handleMouseDown(e);
-      if (currentShape && currentShape !== originalCurrentShape) return;
+      if (currentShape && currentShape !== originalCurrentShape) {
+        captureSelectionGesture(e);
+        return;
+      }
       handleMouseDownImage(e);
-      if (currentShape && currentShape !== originalCurrentShape) return;
+      if (currentShape && currentShape !== originalCurrentShape) {
+        captureSelectionGesture(e);
+        return;
+      }
       handleMouseDown3(e);
-      if (currentShape && currentShape !== originalCurrentShape) return;
+      if (currentShape && currentShape !== originalCurrentShape) {
+        captureSelectionGesture(e);
+        return;
+      }
       handleMouseDown5(e);
-      if (currentShape && currentShape !== originalCurrentShape) return;
+      if (currentShape && currentShape !== originalCurrentShape) {
+        captureSelectionGesture(e);
+        return;
+      }
       handleTextMouseDown(e);
-      if (currentShape && currentShape !== originalCurrentShape) return;
+      if (currentShape && currentShape !== originalCurrentShape) {
+        captureSelectionGesture(e);
+        return;
+      }
       handleMouseDown4(e);
-      if (currentShape && currentShape !== originalCurrentShape) return;
+      if (currentShape && currentShape !== originalCurrentShape) {
+        captureSelectionGesture(e);
+        return;
+      }
       handleMouseDownIcon(e);
-      if (currentShape && currentShape !== originalCurrentShape) return;
+      if (currentShape && currentShape !== originalCurrentShape) {
+        captureSelectionGesture(e);
+        return;
+      }
       handleCodeMouseDown(e);
-      if (currentShape && currentShape !== originalCurrentShape) return;
+      if (currentShape && currentShape !== originalCurrentShape) {
+        captureSelectionGesture(e);
+        return;
+      }
       if (currentShape === originalCurrentShape) {
         if (currentShape) {
           currentShape.removeSelection();
@@ -1017,6 +1090,7 @@ var handleMainMouseDown = (e) => {
         }
       }
     }
+    captureSelectionGesture(e);
   }
 };
 var handleMainMouseMove = (e) => {
@@ -1055,6 +1129,15 @@ var handleMainMouseMove = (e) => {
   } else if (isIconToolActive) {
     handleMouseMoveIcon(e);
   } else if (isSelectionToolActive) {
+    const activeGesture = selectionGestureOwner.get(e.pointerId);
+    if (activeGesture) {
+      if (activeGesture.kind === "multi") {
+        handleMultiSelectionMouseMove(e);
+      } else if (currentShape === activeGesture.shape && currentShape?.isSelected) {
+        routeShapePointer("move", e, activeGesture.shape);
+      }
+      return;
+    }
     if (isMultiSelecting || multiSelection.isDragging || multiSelection.isResizing || multiSelection.isRotating) {
       if (handleMultiSelectionMouseMove(e)) {
         return;
@@ -1128,6 +1211,19 @@ var handleMainMouseUp = (e) => {
   } else if (isIconToolActive) {
     handleMouseUpIcon(e);
   } else if (isSelectionToolActive) {
+    const activeGesture = selectionGestureOwner.get(e.pointerId);
+    if (activeGesture) {
+      try {
+        if (activeGesture.kind === "multi") {
+          handleMultiSelectionMouseUp(e);
+        } else if (currentShape === activeGesture.shape) {
+          routeShapePointer("up", e, activeGesture.shape);
+        }
+      } finally {
+        selectionGestureOwner.clear(e.pointerId);
+      }
+      return;
+    }
     if (isMultiSelecting || multiSelection.isDragging || multiSelection.isResizing || multiSelection.isRotating) {
       handleMultiSelectionMouseUp(e);
       return;
@@ -1221,6 +1317,7 @@ function initEventDispatcher(svgEl) {
 }
 function cleanupEventDispatcher() {
   _stopAutoScroll();
+  selectionGestureOwner.clearAll();
   if (_documentDragActive) {
     document.removeEventListener("pointermove", _onDocumentDragMove);
     document.removeEventListener("pointerup", _onDocumentDragUp);
@@ -1247,4 +1344,4 @@ export {
   handleMainMouseUp,
   initEventDispatcher
 };
-//# sourceMappingURL=EventDispatcher-UV7LFSAS.js.map
+//# sourceMappingURL=EventDispatcher-E4OJCMY6.js.map