• #5299 848b486b Thanks @printerscanner! - Add ariaRole prop to nodes and edges

• #5280 dba6faf2 Thanks @moklick! - Improve typing for Nodes

• #5276 6ce44a05 Thanks @moklick! - Add an ease and interpolate option to all function that alter the viewport

• #5277 f59730ce Thanks @printerscanner! - Add ariaLabelConfig prop for customizing UI text like aria labels and descriptions.

• #5317 09458f52 Thanks @moklick! - Add domAttributes option for nodes and edges

• #5326 050b511c Thanks @peterkogo! - Prevent NodeResizer controls to become too small when zooming out

• #5308 09fab679 Thanks @printerscanner! - Focus nodes on tab if not within the viewport and add a new prop autoPanOnNodeFocus

• #5327 75ed6dec Thanks @peterkogo! - Prevent selecting of edges when spacebar is pressed

• #5294 4a582e23 Thanks @peterkogo! - Fix data in EdgeProps that was not typed correctly

• #5327 d0c36fdb Thanks @peterkogo! - Fix initial fitView for SSR

• #5275 a67bfc09 Thanks @peterkogo! - Fix setting nodesInitialized multiple times

• #5271 5224a1a2 Thanks @leejuyuu! - Change a11y description inline styles to classes

• #5327 d0c36fdb Thanks @peterkogo! - Fix ViewportPortal not working when used outside of SvelteFlow component

• #5295 93aefe71 Thanks @peterkogo! - Export missing callback types

• #5327 d0c36fdb Thanks @peterkogo! - Display nodes correctly in SSR output

• Updated dependencies [848b486b, dba6faf2, 6ce44a05, f59730ce, 09458f52, 050b511c]:

  • @xyflow/system@0.0.62

• #5299 848b486b Thanks @printerscanner! - Add ariaRole prop to nodes and edges

• #5280 dba6faf2 Thanks @moklick! - Improve typing for Nodes

• #5276 6ce44a05 Thanks @moklick! - Add an ease and interpolate option to all function that alter the viewport

• #5277 f59730ce Thanks @printerscanner! - Add ariaLabelConfig prop for customizing UI text like aria labels and descriptions.

• #5317 09458f52 Thanks @moklick! - Add domAttributes option for nodes and edges

• #5326 050b511c Thanks @peterkogo! - Prevent NodeResizer controls to become too small when zooming out

• #5308 09fab679 Thanks @printerscanner! - Focus nodes on tab if not within the viewport and add a new prop autoPanOnNodeFocus

• Updated dependencies [848b486b, dba6faf2, 6ce44a05, f59730ce, 09458f52, 050b511c]:
  • @xyflow/system@0.0.62

• #5299 848b486b Thanks @printerscanner! - Add ariaRole prop to nodes and edges

• #5280 dba6faf2 Thanks @moklick! - Improve typing for Nodes

• #5276 6ce44a05 Thanks @moklick! - Add an ease and interpolate option to all function that alter the viewport

• #5277 f59730ce Thanks @printerscanner! - Add ariaLabelConfig prop for customizing UI text like aria labels and descriptions.

• #5317 09458f52 Thanks @moklick! - Add domAttributes option for nodes and edges

• #5326 050b511c Thanks @peterkogo! - Prevent NodeResizer controls to become too small when zooming out

• #5266 77107453 Thanks @peterkogo! - Fix connection snapping for handles larger than connectionRadius

• #5263 e4a8d4b4 Thanks @moklick! - Multi select key works when input is focused

• #5266 77107453 Thanks @peterkogo! - Fix connection snapping for handles larger than connectionRadius

• Updated dependencies [77107453]:

  • @xyflow/system@0.0.61

• #5266 77107453 Thanks @peterkogo! - Fix connection snapping for handles larger than connectionRadius

• #5267 d9f0ffbe Thanks @peterkogo! - Make Background, Panel, Minimap work outside of SvelteFlow component

• Updated dependencies [77107453]:

  • @xyflow/system@0.0.61

• #5258 47f7a0b6 Thanks @peterkogo! - Fix fitView not working when accessed through the SvelteFlowProvider

• #5259 77bf79c4 Thanks @peterkogo! - Fix background-color css variable fallback.

• Updated dependencies [77bf79c4]:

  • @xyflow/system@0.0.60

• #5259 77bf79c4 Thanks @peterkogo! - Fix background-color css variable fallback.

• #5259 77bf79c4 Thanks @peterkogo! - Fix background-color css variable fallback.

• Updated dependencies [77bf79c4]:

  • @xyflow/system@0.0.60

It is based on Svelte 5 and introduces a lot of new features and improvements. Please refer to the migration guide to see how to upgrade.

• Reconnect edges: You can reconnect your edges by using the new <EdgeReconnectAnchor /> component. It can be used to add custom reconnection points on custom edges.
• Keyboard navigation & A11y: We added support for keyboard navigation and improved accessibility for screen readers. You can now tab through nodes and edges and move nodes with the arrow keys. Can be disabled via disableKeyboardA11y
• Click connect: You can now create a new connection by clicking on a handle one by one.
• Enhanced ViewportPortal: You can now decide if you want to render something below or above the nodes & edges in the viewport.
• Improved fitView: We finetuned the fitView function to better work with dynamically added nodes.
• colorModeSSR prop: You can pass a fallback color mode for server side rendering when colorMode is set to 'system'.
• elevateNodesOnSelect & elevateEdgesOnSelect: Control if nodes & edges should be elevated via z-index when selected.
• noDragClass, noWheelClass, noPanClass: You can now modify the class name used to disable dragging, panning and zooming.
• onselectionchange & useOnSelectionChange: You can now listen to selection changes via a callback