feat(react,svelte): add nodeDragThreshold

packages/svelte/src/lib/actions/drag/index.ts

@@ -38,6 +38,7 @@ export default function drag(domNode: Element, params: UseDragParams) {
         autoPanOnNodeDrag: get(store.autoPanOnNodeDrag),
         nodesDraggable: get(store.nodesDraggable),
         selectNodesOnDrag: get(store.selectNodesOnDrag),
+        nodeDragThreshold: get(store.nodeDragThreshold),
         unselectNodesAndEdges: store.unselectNodesAndEdges,
         updateNodePositions: store.updateNodePositions,
         panBy: store.panBy

packages/svelte/src/lib/container/SvelteFlow/SvelteFlow.svelte

@@ -34,6 +34,7 @@
   export let panActivationKey: $$Props['panActivationKey'] = undefined;
   export let nodesDraggable: $$Props['nodesDraggable'] = undefined;
   export let nodesConnectable: $$Props['nodesConnectable'] = undefined;
+  export let nodeDragThreshold: $$Props['nodeDragThreshold'] = undefined;
   export let elementsSelectable: $$Props['elementsSelectable'] = undefined;
   export let snapGrid: $$Props['snapGrid'] = undefined;
   export let deleteKey: $$Props['deleteKey'] = undefined;
@@ -118,7 +119,8 @@
       autoPanOnConnect,
       autoPanOnNodeDrag,
       onError,
-      connectionMode
+      connectionMode,
+      nodeDragThreshold
     };
 
     updateStoreByKeys(store, updatableProps);

packages/svelte/src/lib/container/SvelteFlow/types.ts

@@ -43,6 +43,7 @@ export type SvelteFlowProps = DOMAttributes<HTMLDivElement> & {
   fitView?: boolean;
   fitViewOptions?: FitViewOptions;
   nodeOrigin?: NodeOrigin;
+  nodeDragThreshold?: number;
   minZoom?: number;
   maxZoom?: number;
   initialViewport?: Viewport;

packages/svelte/src/lib/container/SvelteFlow/utils.ts

@@ -63,6 +63,7 @@ export type UpdatableStoreProps = {
   autoPanOnNodeDrag?: UnwrapWritable<SvelteFlowStore['autoPanOnNodeDrag']>;
   connectionMode?: UnwrapWritable<SvelteFlowStore['connectionMode']>;
   onError?: UnwrapWritable<SvelteFlowStore['onError']>;
+  nodeDragThreshold?: UnwrapWritable<SvelteFlowStore['nodeDragThreshold']>;
 };
 
 export function updateStoreByKeys(store: SvelteFlowStore, keys: UpdatableStoreProps) {

packages/svelte/src/lib/store/initial-store.ts

@@ -65,6 +65,7 @@ export const getInitialStore = () => ({
   minZoom: writable<number>(0.5),
   maxZoom: writable<number>(2),
   nodeOrigin: writable<NodeOrigin>([0, 0]),
+  nodeDragThreshold: writable<number>(0),
   nodeExtent: writable<CoordinateExtent>(infiniteExtent),
   translateExtent: writable<CoordinateExtent>(infiniteExtent),
   autoPanOnNodeDrag: writable<boolean>(true),