feat(svelte) add autoPanOnConnect autoPanOnNodeDrag props

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

@@ -51,6 +51,8 @@
   export let zoomOnPinch: boolean = true;
   export let panOnScroll: boolean = false;
   export let panOnDrag: boolean | number[] = true;
+  export let autoPanOnConnect: $$Props['autoPanOnConnect'] = true;
+  export let autoPanOnNodeDrag: $$Props['autoPanOnNodeDrag'] = true;
 
   export let defaultMarkerColor = '#b1b1b7';
 
@@ -102,7 +104,9 @@
       nodesConnectable,
       elementsSelectable,
       onlyRenderVisibleElements,
-      isValidConnection
+      isValidConnection,
+      autoPanOnConnect,
+      autoPanOnNodeDrag
     };
 
     updateStoreByKeys(store, updatableProps);

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

@@ -49,6 +49,8 @@ export type SvelteFlowProps = DOMAttributes<HTMLDivElement> & {
   panOnScroll?: boolean;
   panOnDrag?: boolean | number[];
   onlyRenderVisibleElements?: boolean;
+  autoPanOnConnect?: boolean;
+  autoPanOnNodeDrag?: boolean;
 
   class?: string;
   style?: string;

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

@@ -59,6 +59,8 @@ export type UpdatableStoreProps = {
   elementsSelectable?: UnwrapWritable<SvelteFlowStore['elementsSelectable']>;
   onlyRenderVisibleElements?: UnwrapWritable<SvelteFlowStore['onlyRenderVisibleElements']>;
   isValidConnection?: UnwrapWritable<SvelteFlowStore['isValidConnection']>;
+  autoPanOnConnect?: UnwrapWritable<SvelteFlowStore['autoPanOnConnect']>;
+  autoPanOnNodeDrag?: UnwrapWritable<SvelteFlowStore['autoPanOnNodeDrag']>;
 };
 
 export function updateStoreByKeys(store: SvelteFlowStore, keys: UpdatableStoreProps) {