From b1118b1dd97003d2a4e789f002749f2beeeb61ce Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Tue, 9 Jul 2024 10:58:44 +0200
Subject: [PATCH] chore(changelogs): update

---
 packages/react/CHANGELOG.md                |  4 ++++
 packages/svelte/CHANGELOG.md               |  4 ++++
 packages/system/src/xypanzoom/XYPanZoom.ts | 15 +++------------
 3 files changed, 11 insertions(+), 12 deletions(-)

diff --git a/packages/react/CHANGELOG.md b/packages/react/CHANGELOG.md
index eb0e3238..3c52df40 100644
--- a/packages/react/CHANGELOG.md
+++ b/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
diff --git a/packages/svelte/CHANGELOG.md b/packages/svelte/CHANGELOG.md
index 169b8e7d..d41c15dd 100644
--- a/packages/svelte/CHANGELOG.md
+++ b/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
diff --git a/packages/system/src/xypanzoom/XYPanZoom.ts b/packages/system/src/xypanzoom/XYPanZoom.ts
index 3266b8e7..ffb6f8b0 100644
--- a/packages/system/src/xypanzoom/XYPanZoom.ts
+++ b/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;
-
-    if (!isNumeric(distance)) {
-      validNumber = 0;
-    }
-
-    if (validNumber < 0) {
-      validNumber = 0;
-    }
-
-    d3ZoomInstance?.clickDistance(validNumber);
+    const validDistance = !isNumeric(distance) || distance < 0 ? 0 : distance;
+    d3ZoomInstance?.clickDistance(validDistance);
   }
 
   return {