chore(autoFocus): rename to autoPanOnNodeFocus

packages/svelte/src/lib/components/NodeWrapper/NodeWrapper.svelte

@@ -202,7 +202,7 @@
   const onFocus = () => {
     if (
       store.disableKeyboardA11y ||
-      !store.enablePanOnFocus ||
+      !store.autoPanOnNodeFocus ||
       !nodeRef?.matches(':focus-visible')
     ) {
       return;

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

@@ -84,7 +84,7 @@
     elevateNodesOnSelect,
     elevateEdgesOnSelect,
     nodesDraggable,
-    enablePanOnFocus,
+    autoPanOnNodeFocus,
     nodesConnectable,
     elementsSelectable,
     nodesFocusable,
@@ -105,7 +105,7 @@
   // Undo scroll events, preventing viewport from shifting when nodes outside of it are focused
   function wrapperOnScroll(e: UIEvent & { currentTarget: EventTarget & HTMLDivElement }) {
     e.currentTarget.scrollTo({ top: 0, left: 0, behavior: 'auto' });
-    
+
     // Forward the event to any existing onscroll handler if needed
     if (rest.onscroll) {
       rest.onscroll(e);

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

@@ -236,7 +236,7 @@ export type SvelteFlowProps<
      * When `true`, the viewport will pan when a node is focused.
      * @default false
      */
-    enablePanOnFocus?: boolean;
+    autoPanOnNodeFocus?: boolean;
     /**
      * Controls if all nodes should be connectable to each other
      * @default true

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

@@ -247,7 +247,6 @@ export function getInitialStore<NodeType extends Node = Node, EdgeType extends E
     });
 
     nodesDraggable: boolean = $derived(signals.props.nodesDraggable ?? true);
-    enablePanOnFocus: boolean = $derived(signals.props.enablePanOnFocus ?? true);
     nodesConnectable: boolean = $derived(signals.props.nodesConnectable ?? true);
     elementsSelectable: boolean = $derived(signals.props.elementsSelectable ?? true);
     nodesFocusable: boolean = $derived(signals.props.nodesFocusable ?? true);
@@ -267,6 +266,7 @@ export function getInitialStore<NodeType extends Node = Node, EdgeType extends E
     nodeDragThreshold: number = $derived(signals.props.nodeDragThreshold ?? 1);
     autoPanOnNodeDrag: boolean = $derived(signals.props.autoPanOnNodeDrag ?? true);
     autoPanOnConnect: boolean = $derived(signals.props.autoPanOnConnect ?? true);
+    autoPanOnNodeFocus: boolean = $derived(signals.props.autoPanOnNodeFocus ?? true);
 
     fitViewQueued: boolean = signals.props.fitView ?? false;
     fitViewOptions: FitViewOptions | undefined = signals.props.fitViewOptions;