v1.21.2

What's Changed

Patch Changes

• #1024 df1c5322 Thanks @bcakmakoglu! - Use flush timing when calculating node positions

• #1028 3e11c6f0 Thanks @bcakmakoglu! - Use noop functions instead of waiting for promise to be resolved when triggering viewport actions like fitView, setCenter etc.

• #1031 7fcf9c1f Thanks @bcakmakoglu! - Pass missing handle dom node to valid handle result obj

• #1025 ec6765c2 Thanks @bcakmakoglu! - Fix connection line status prop type. Can be string or null.

Full Changelog: v1.21.1...v1.21.2

v1.21.1

What's Changed

Patch Changes

• #1018 c14941a1 Thanks @bcakmakoglu! - Correct nested nodes position calculation

Full Changelog: v1.21.0...v1.21.1

v1.21.0

What's Changed

1.21.0

Minor Changes

• #988 cfd33294 Thanks @bcakmakoglu! - Expose template refs from base edge component

• #1013 159bc763 Thanks @bcakmakoglu! - Resolve slot templates before falling back to default node/edge components

Patch Changes

• #1013 159bc763 Thanks @bcakmakoglu! - Deprecate template prop for nodes

• #1014 02d2dd58 Thanks @bcakmakoglu! - Clamp node extent by node dimensions to avoid node overflowing the extent by its size

• #988 d6d4d5c7 Thanks @bcakmakoglu! - Priotize handle below during handle lookup

• #988 f5cfab61 Thanks @bcakmakoglu! - Add style and ref to base edge props to avoid volar ts error

New Contributors

• @LarchLiu made their first contribution in #979

Full Changelog: v1.20.2...v1.21.0

@vue-flow/[email protected]

What's Changed

1.3.3

Patch Changes

• #1015 f4d8d540 Thanks @bcakmakoglu! - Use correct prop names for class and style

v1.20.2

What's Changed

Patch Changes

• #993 98875dd5 Thanks @bcakmakoglu! - Correct handle position calculation during lookup

• #994 89972a90 Thanks @bcakmakoglu! - Consider handle dimensions when calculating distance

• #993 3585c473 Thanks @bcakmakoglu! - Trigger connect if connection end handle is stored in state

• #981 e68c1700 Thanks @bcakmakoglu! - Set interaction edge (invisible overlay path) to no animation to avoid breaking pointer on hover

• #993 9ca41aa0 Thanks @bcakmakoglu! - Use isValidHandle with null as closest handle when none can be found

• #992 4539f698 Thanks @bcakmakoglu! - Fix connection line path calculation

• #993 9ca41aa0 Thanks @bcakmakoglu! - Reset connection end handle state on connection end

• #976 0686bb5e Thanks @bcakmakoglu! - Wrap each edge element in a separate svg container to allow changing z-index of edges without causing a re-render on all of them.

Full Changelog: v1.20.1...v1.20.2

v1.20.1

What's Changed

Patch Changes

• #943 22b53569 Thanks @bcakmakoglu! - Fetch current node in drag handler, fixes drag handler using outdated node obj when it has been overwritten

• #961 2f75b31c Thanks @bcakmakoglu! - Avoid inserting invalid nodes into state and throw error msg if invalid node is passed

• #956 90e4cf99 Thanks @bcakmakoglu! - Allow passing a MaybeComputedRef type as isValidConnection arg for useHandle composable

• #954 402da363 Thanks @bcakmakoglu! - Use all handles in connection radius and select closest one that is valid

• #951 b81069e5 Thanks @bcakmakoglu! - Set default viewport type as partial

Full Changelog: v1.20.0...v1.20.1

@vue-flow/[email protected]

What's Changed

Minor Changes

• #953 bda15cfa Thanks @bcakmakoglu! - Add align prop to node toolbar

Full Changelog: https://github.com/bcakmakoglu/vue-flow/compare/@vue-flow/[email protected]...@vue-flow/[email protected]

@vue-flow/[email protected]

What's Changed

Minor Changes

• #957 ee1ab495 Thanks @bcakmakoglu! - Disable zoom-in / zoom-out btns when max or min zoom is reached

Patch Changes

• #952 095ab6af Thanks @bcakmakoglu! - use OR operator to determine isInteractive state in controls component

Full Changelog: https://github.com/bcakmakoglu/vue-flow/compare/v1.20.0...@vue-flow/[email protected]

v1.20.0

What's changed

Minor Changes

• #931 ecb9b540 Thanks @github-actions! - Add parent class name to parent nodes

• #931 2e0484b7 Thanks @github-actions! - Allow passing a single element to removeNodes and removeEdges actions

• #931 11210b4c Thanks @github-actions! - Add id prop to BaseEdge component and pass id to the edge path

• #939 fc68db2d Thanks @bcakmakoglu! - Add fromObject function to load a graph from a flow export obj

• #931 0a090681 Thanks @github-actions! - Allow passing a single element to addNodes or addEdges actions

• #931 aef0ec51 Thanks @github-actions! - When handles are on top of each other, try to pick the one closest to center and/or one that is of type target

Patch Changes

• #941 a840e73b Thanks @bcakmakoglu! - Do not render edges that are connected to a hidden node

Full Changelog: v1.19.4...v1.20.0

v1.19.4

What's Changed

Patch Changes

• #924 f292bfd6 Thanks @bcakmakoglu! - Check if transform has changed in panBy before applying the new transform

• #923 caafee4e Thanks @bcakmakoglu! - Properly reset the store state when using $reset and retain reactivity of store state

Full Changelog: v1.19.3...v1.19.4