diff --git a/packages/svelte/src/lib/components/Handle/Handle.svelte b/packages/svelte/src/lib/components/Handle/Handle.svelte index b04a20fc..eb52320e 100644 --- a/packages/svelte/src/lib/components/Handle/Handle.svelte +++ b/packages/svelte/src/lib/components/Handle/Handle.svelte @@ -122,6 +122,7 @@ connectionMode: store.connectionMode, lib: 'svelte', autoPanOnConnect: store.autoPanOnConnect, + autoPanSpeed: store.autoPanSpeed, flowId: store.flowId, isValidConnection: isValidConnection ?? store.isValidConnection, updateConnection: store.updateConnection, diff --git a/packages/svelte/src/lib/container/SvelteFlow/Wrapper.svelte b/packages/svelte/src/lib/container/SvelteFlow/Wrapper.svelte index 57608967..88ba9f1a 100644 --- a/packages/svelte/src/lib/container/SvelteFlow/Wrapper.svelte +++ b/packages/svelte/src/lib/container/SvelteFlow/Wrapper.svelte @@ -94,6 +94,8 @@ noPanClass, noWheelClass, ariaLabelConfig, + autoPanSpeed, + panOnScrollSpeed, ...divAttributes } = $derived(rest); /* eslint-enable @typescript-eslint/no-unused-vars */ diff --git a/packages/svelte/src/lib/container/SvelteFlow/types.ts b/packages/svelte/src/lib/container/SvelteFlow/types.ts index 61a2d776..0fbd4b18 100644 --- a/packages/svelte/src/lib/container/SvelteFlow/types.ts +++ b/packages/svelte/src/lib/container/SvelteFlow/types.ts @@ -239,6 +239,11 @@ export type SvelteFlowProps< * @default true */ nodesDraggable?: boolean; + /** + * The speed at which the viewport pans while dragging a node or a selection box. + * @default 15 + */ + autoPanSpeed?: number; /** * When `true`, the viewport will pan when a node is focused. * @default true diff --git a/packages/svelte/src/lib/store/initial-store.svelte.ts b/packages/svelte/src/lib/store/initial-store.svelte.ts index 702e155e..774fb317 100644 --- a/packages/svelte/src/lib/store/initial-store.svelte.ts +++ b/packages/svelte/src/lib/store/initial-store.svelte.ts @@ -286,6 +286,7 @@ export function getInitialStore