vue-flow

Minor Changes

• #1066 f1421f43 Thanks @bcakmakoglu! - Add offsetScale prop

What's Changed

Patch Changes

• #1064 07387ebe Thanks @bcakmakoglu! - fix smooth step edge horizontally or vertically aligned nodes

• #1082 e3cc6ddf Thanks @bcakmakoglu! - Fix scroll speed when using Control btn on windows

• #1081 0d36d4cd Thanks @bcakmakoglu! - Use os specific key defaults (Windows -> Control, Mac -> Meta)

• #1065 05821407 Thanks @bcakmakoglu! - Add role img to edges if not focusable

• #1083 13d2e2cb Thanks @bcakmakoglu! - Improve smoothstep edge label positioning

• #1082 e3cc6ddf Thanks @bcakmakoglu! - Fix horizontal scroll on windows

• #1085 03715134 Thanks @bcakmakoglu! - Clear pressed key on keyup event, so that key combinations only work while simulteanously pressing keys

• #1084 806f2632 Thanks @bcakmakoglu! - Allow passing key combinations as a simple string instead of wrapping in an array

• #1086 641b4d75 Thanks @bcakmakoglu! - Reset isPressed value when switching from a boolean keyFilter to another type of keyFilter

Full Changelog: https://github.com/bcakmakoglu/vue-flow/compare/v1.22.2...v1.22.3

What's Changed

Patch Changes

• #1055 50059483 Thanks @bcakmakoglu! - Check if viewport transform is defined before setting in fromObj action

Full Changelog: https://github.com/bcakmakoglu/vue-flow/compare/v1.22.1...v1.22.2

What's Changed

Patch Changes

• #1048 b230e2ab Thanks @bcakmakoglu! - Deprecate position and zoom props on FlowExportObj and replace with viewport

• #1054 543423c2 Thanks @bcakmakoglu! - ESC key press causing browser error when blur on nodeEl is called

• #1048 b230e2ab Thanks @bcakmakoglu! - Wait for viewport helper when calling fromObject action

Full Changelog: https://github.com/bcakmakoglu/vue-flow/compare/v1.22.0...v1.22.1

What's Changed

Minor Changes

• #1034 080d8f41 Thanks @bcakmakoglu! - Deprecate getTransform and setTransform and add getViewport and setViewport instead

• #1034 763ea593 Thanks @bcakmakoglu! - Add hasListener to event hook objects to check if any listeners are bound

• #1034 4c191dfe Thanks @bcakmakoglu! - Return promises from viewport actions that are resolved when the transition of the action has ended

• #1034 5d08d68a Thanks @bcakmakoglu! - Add flag to removeNodes which allows recursively removing all child nodes of a parent

• #1034 5d08d68a Thanks @bcakmakoglu! - Allow passing string or { id } type object to getIncomers and getOutgoers

Patch Changes

• #1034 080d8f41 Thanks @bcakmakoglu! - Do not wait for the nodes initialized hook to trigger for viewport helper to become ready

• #1034 5e1802ca Thanks @bcakmakoglu! - Destroy state when the creating scope is disposed.

• #1034 afd1d235 Thanks @bcakmakoglu! - Watch applyDefault state in useVueFlow scope instead of component scope otherwise adding nodes/edges to the state is impossible until the VueFlow component has mounted unless the changes handlers are explicitly bound by the user.

Full Changelog: https://github.com/bcakmakoglu/vue-flow/compare/v1.21.3...v1.22.0

What's Changed

Patch Changes

• #1033 8585dd53 Thanks @bcakmakoglu! - Use correct handle position as source x,y position of connection lines

• #1041 373a345c Thanks @bcakmakoglu! - Abort fit view when there are no nodes to fit around

• #1033 8585dd53 Thanks @bcakmakoglu! - Correct source handle type to be possibly null when passing as prop to custom connection line components

Full Changelog: https://github.com/bcakmakoglu/vue-flow/compare/v1.21.2...v1.21.3

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: https://github.com/bcakmakoglu/vue-flow/compare/v1.21.1...v1.21.2

What's Changed

Patch Changes

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

Full Changelog: https://github.com/bcakmakoglu/vue-flow/compare/v1.21.0...v1.21.1

What's Changed

1.3.3

Patch Changes

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

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 https://github.com/bcakmakoglu/vue-flow/pull/979

Full Changelog: https://github.com/bcakmakoglu/vue-flow/compare/v1.20.2...v1.21.0

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: https://github.com/bcakmakoglu/vue-flow/compare/v1.20.1...v1.20.2

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]

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]

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: https://github.com/bcakmakoglu/vue-flow/compare/v1.20.0...v1.20.1

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: https://github.com/bcakmakoglu/vue-flow/compare/v1.19.4...v1.20.0

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: https://github.com/bcakmakoglu/vue-flow/compare/v1.19.3...v1.19.4

What's Changed

Patch Changes

• #916 2dec266 Thanks @bcakmakoglu! - Check if node exists during drag

• #910 cbb587f Thanks @bcakmakoglu! - Emit pane mouse move event if no active selection exists

• #909 e823aea Thanks @bcakmakoglu! - Return bool from panBy and use the val to check if auto-pan should be triggered

• #917 6c32065 Thanks @bcakmakoglu! - Prevent orphaned edge warning for edges with deletable: false when calculating max z-index of edges

• #915 2cd746a Thanks @bcakmakoglu! - Pass selectionKeyCode ref to useKeyPress

Full Changelog: https://github.com/bcakmakoglu/vue-flow/compare/v1.19.2...v1.19.3

What's changed

Patch Changes

• #890 9065311 Thanks @bcakmakoglu! - Render nothing when isVisible prop is set to false

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

What's Changed

Patch Changes

• #894 c0a03c4 Thanks @github-actions! - Remove border from controls

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

What's Changed

Patch Changes

• #899 24370a0 Thanks @bcakmakoglu! - Fix focus,focus-visible and selected styles not using proper border colors

• #889 56d7873 Thanks @bcakmakoglu! - Set vue flow version as regular string instead of a ref

Full Changelog: https://github.com/bcakmakoglu/vue-flow/compare/v1.19.1...v1.19.2