chore(changelogs): update

packages/react/CHANGELOG.md

@@ -1,5 +1,9 @@
 # @xyflow/react
 
+## 12.0.0-next.28
+
+- add `paneDistanceClick` prop (max distance between mousedown/up that will trigger a click)
+
 ## 12.0.0-next.27
 
 - return Promises for `setViewport`, `fitView`, `fitBounds` and `zoomTo` to be able to await viewport update

packages/svelte/CHANGELOG.md

@@ -1,5 +1,9 @@
 # @xyflow/svelte
 
+## 0.1.10
+
+- add `paneDistanceClick` prop (max distance between mousedown/up that will trigger a click)
+
 ## 0.1.9
 
 - return Promises for `setViewport`, `fitView`, `fitBounds` and `zoomTo` to be able to await viewport update

packages/system/src/xypanzoom/XYPanZoom.ts

@@ -54,7 +54,7 @@ export function XYPanZoom({
   };
   const bbox = domNode.getBoundingClientRect();
   const d3ZoomInstance = zoom()
-    .clickDistance(paneClickDistance)
+    .clickDistance(!isNumeric(paneClickDistance) || paneClickDistance < 0 ? 0 : paneClickDistance)
     .scaleExtent([minZoom, maxZoom])
     .translateExtent(translateExtent);
   const d3Selection = select(domNode).call(d3ZoomInstance);
@@ -272,17 +272,8 @@ export function XYPanZoom({
   }
 
   function setClickDistance(distance: number) {
-    let validNumber = distance;
+    const validDistance = !isNumeric(distance) || distance < 0 ? 0 : distance;
-
+    d3ZoomInstance?.clickDistance(validDistance);
-    if (!isNumeric(distance)) {
-      validNumber = 0;
-    }
-
-    if (validNumber < 0) {
-      validNumber = 0;
-    }
-
-    d3ZoomInstance?.clickDistance(validNumber);
   }
 
   return {