Merge branch 'main' into a11y

packages/svelte/src/lib/components/A11yDescriptions/A11yDescriptions.svelte

@@ -1,21 +1,18 @@
 <script lang="ts" generics="NodeType extends Node = Node, EdgeType extends Edge = Edge">
   import { derived } from 'svelte/store';
   import type { SvelteFlowStore } from '$lib/store/types';
-    import type { Node, Edge } from '$lib/types';
+  import type { Node, Edge } from '$lib/types';
   import { ARIA_EDGE_DESC_KEY, ARIA_LIVE_MESSAGE, ARIA_NODE_DESC_KEY } from '.';
 
   let { store }: { store: SvelteFlowStore<NodeType, EdgeType> } = $props();
-
-
-
 </script>
 
-<div id={`${ARIA_NODE_DESC_KEY}-${store.flowId}`} style="display: none;">
+<div id={`${ARIA_NODE_DESC_KEY}-${store.flowId}`} class="a11y-hidden">
     {store.disableKeyboardA11y
       ? store.labelConfig['a11yDescription.node.default']
       : store.labelConfig['a11yDescription.node.keyboardDisabled']}
 </div>
-<div id={`${ARIA_EDGE_DESC_KEY}-${store.flowId}`} style="display: none;">
+<div id={`${ARIA_EDGE_DESC_KEY}-${store.flowId}`} class="a11y-hidden">
     {store.labelConfig['a11yDescription.edge.default']}
 </div>
 
@@ -24,8 +21,26 @@
     id={`${ARIA_LIVE_MESSAGE}-${store.flowId}`}
     aria-live="assertive"
     aria-atomic="true"
-    style="position: absolute; width: 1px; height: 1px; margin: -1px; border: 0; padding: 0; overflow: hidden; clip: rect(0px, 0px, 0px, 0px); clip-path: inset(100%);"
+    class="a11y-live-msg"
   >
     {store.ariaLiveMessage}
   </div>
-{/if}
+{/if}
+
+<style>
+  .a11y-hidden {
+    display: none;
+  }
+
+  .a11y-live-msg {
+    position: absolute;
+    width: 1px;
+    height: 1px;
+    margin: -1px;
+    border: 0;
+    padding: 0;
+    overflow: hidden;
+    clip: rect(0px, 0px, 0px, 0px);
+    clip-path: inset(100%);
+  }
+</style>

packages/svelte/src/lib/hooks/useSvelteFlow.svelte.ts

@@ -360,7 +360,7 @@ export function useSvelteFlow<NodeType extends Node = Node, EdgeType extends Edg
           y: nextViewport.y ?? currentViewport.y,
           zoom: nextViewport.zoom ?? currentViewport.zoom
         },
-        { duration: options?.duration }
+        options
       );
 
       return Promise.resolve(true);
@@ -380,7 +380,7 @@ export function useSvelteFlow<NodeType extends Node = Node, EdgeType extends Edg
           y: store.height / 2 - y * nextZoom,
           zoom: nextZoom
         },
-        { duration: options?.duration }
+        { duration: options?.duration, ease: options?.ease, interpolate: options?.interpolate }
       );
 
       return Promise.resolve(true);
@@ -402,7 +402,11 @@ export function useSvelteFlow<NodeType extends Node = Node, EdgeType extends Edg
         options?.padding ?? 0.1
       );
 
-      await store.panZoom.setViewport(viewport, { duration: options?.duration });
+      await store.panZoom.setViewport(viewport, {
+        duration: options?.duration,
+        ease: options?.ease,
+        interpolate: options?.interpolate
+      });
 
       return Promise.resolve(true);
     },

packages/svelte/src/lib/index.ts

@@ -55,10 +55,10 @@ export type {
   EdgeTypes,
   DefaultEdgeOptions
 } from '$lib/types/edges';
-export type { FitViewOptions, OnBeforeDelete } from '$lib/types/general';
+export type * from '$lib/types/general';
 export type { Node, NodeTypes, BuiltInNode, NodeProps, InternalNode } from '$lib/types/nodes';
-export type { SvelteFlowStore } from '$lib/store/types';
 export * from '$lib/types/events';
+export type { SvelteFlowStore } from '$lib/store/types';
 
 // system types
 export {

packages/svelte/src/lib/store/index.ts

@@ -108,10 +108,6 @@ export function createStore<NodeType extends Node = Node, EdgeType extends Edge
     }
 
     store.nodes = store.nodes.map((node) => newNodes.get(node.id) ?? node);
-
-    if (!store.nodesInitialized) {
-      store.nodesInitialized = true;
-    }
   }
 
   function fitView(options?: FitViewOptions) {

packages/svelte/src/lib/types/edges.ts

@@ -85,8 +85,6 @@ export type EdgeProps<EdgeType extends Edge = Edge> = Omit<
   'sourceHandle' | 'targetHandle'
 > &
   EdgePosition & {
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    data?: any;
     type: string;
     markerStart?: string;
     markerEnd?: string;

packages/svelte/src/lib/types/nodes.ts

@@ -16,7 +16,7 @@ export type InternalNode<NodeType extends Node = Node> = InternalNodeBase<NodeTy
  */
 export type Node<
   NodeData extends Record<string, unknown> = Record<string, unknown>,
-  NodeType extends string = string
+  NodeType extends string | undefined = string | undefined
 > = NodeBase<NodeData, NodeType> & {
   class?: ClassValue;
   style?: string;