vue-flow

What's Changed

• refactor(core): support key combinations for key codes by @bcakmakoglu in https://github.com/bcakmakoglu/vue-flow/pull/615
• refactor(core): keep user selection on right click by @bcakmakoglu in https://github.com/bcakmakoglu/vue-flow/pull/614
• chore(deps-dev): update workspace root deps by @bcakmakoglu in https://github.com/bcakmakoglu/vue-flow/pull/616

Full Changelog: https://github.com/bcakmakoglu/vue-flow/compare/v1.12.2...v1.12.3

What's Changed

• fix(core): check if position is a number and not if it's truthy by @bcakmakoglu in https://github.com/bcakmakoglu/vue-flow/pull/611
• fix(core): always handle keyup by @bcakmakoglu in https://github.com/bcakmakoglu/vue-flow/pull/610

Full Changelog: https://github.com/bcakmakoglu/vue-flow/compare/v1.12.1...v1.12.2

What's Changed

• fix(core): bubble up keydown event in node wrapper by @bcakmakoglu in https://github.com/bcakmakoglu/vue-flow/pull/605
• fix(core): place default slot outside of viewport el by @bcakmakoglu in https://github.com/bcakmakoglu/vue-flow/pull/607

Full Changelog: https://github.com/bcakmakoglu/vue-flow/compare/v1.12.0...v1.12.1

What's Changed

• feat(core): add zIndex option to elements by @bcakmakoglu in https://github.com/bcakmakoglu/vue-flow/pull/600

Full Changelog: https://github.com/bcakmakoglu/vue-flow/compare/v1.11.1...v1.12.0

What's Changed

• chore(tests): upgrade cypress to latest by @bcakmakoglu in https://github.com/bcakmakoglu/vue-flow/pull/589
• refactor(workflows): update cache key for turborepo by @bcakmakoglu in https://github.com/bcakmakoglu/vue-flow/pull/598
• fix(core): add focus and focus-visible styles to nodes to avoid browser styles by @bcakmakoglu in https://github.com/bcakmakoglu/vue-flow/pull/597

Full Changelog: https://github.com/bcakmakoglu/vue-flow/compare/v1.11.0...v1.11.1

What's Changed

• fix(core): prevent unselectable elements from being selected by @bcakmakoglu in https://github.com/bcakmakoglu/vue-flow/pull/593
• refactor(core): use pre flush in NodeWrapper by @bcakmakoglu in https://github.com/bcakmakoglu/vue-flow/pull/590
• feat(core): add deletable option to nodes and edges by @bcakmakoglu in https://github.com/bcakmakoglu/vue-flow/pull/595

Full Changelog: https://github.com/bcakmakoglu/vue-flow/compare/v1.10.3...v1.11.0

What's Changed

• refactor(core): check if element still exists before attempting removal by @bcakmakoglu in https://github.com/bcakmakoglu/vue-flow/pull/586

Full Changelog: https://github.com/bcakmakoglu/vue-flow/compare/v1.10.2...v1.10.3

What's Changed

• Fixed package.json main entry

What's Changed

• Fixed package.json main entry

What's Changed

• Fixed package.json main entry

What's Changed

• Fixed package.json main entry

What's Changed

• Fixed package.json main entry

What's Changed

• fix(core): use relative path for tsconfig by @bcakmakoglu in https://github.com/bcakmakoglu/vue-flow/pull/583
• fix(core): calculate position and computedPos correctly in calcNextPosition by @bcakmakoglu in https://github.com/bcakmakoglu/vue-flow/pull/584
• chore: next release by @github-actions in https://github.com/bcakmakoglu/vue-flow/pull/585

Full Changelog: https://github.com/bcakmakoglu/vue-flow/compare/v1.10.1...v1.10.2

What's Changed

• fix(core): reapply node extent on change by @bcakmakoglu in https://github.com/bcakmakoglu/vue-flow/pull/581
• chore: next release by @github-actions in https://github.com/bcakmakoglu/vue-flow/pull/582

Full Changelog: https://github.com/bcakmakoglu/vue-flow/compare/v1.10.0...v1.10.1

What's Changed

• refactor(core): allow omitting width/height styles for parent nodes by @bcakmakoglu in https://github.com/bcakmakoglu/vue-flow/pull/578
• feat(core): allow setting padding for extent parent by @bcakmakoglu in https://github.com/bcakmakoglu/vue-flow/pull/579
• chore: next release by @github-actions in https://github.com/bcakmakoglu/vue-flow/pull/580

🚀 New Features

You can now use padding on parent extent option.
Padding can be a number[] containing a maximum of 4 values.
The values are applied in the same order as CSS padding: top, right, bottom, left.
You can omit values at the end of the array, so [10, 20] is equivalent to [10, 20, 10, 20] etc.

Usage

const nodes = ref([
  {
    id: '4',
    label: 'Node 4',
    position: { x: 320, y: 200 },
    style: { backgroundColor: 'rgba(255, 0, 0, 0.7)', width: '300px', height: '300px' },
  },
  {
    id: '4a',
    label: 'Node 4a',
    position: { x: 15, y: 65 },
    class: 'light',
    extent: {
      range: 'parent',
      // apply 10 px padding to all four sides
      padding: [10],
    },
    parentNode: '4',
  },
])

Full Changelog: https://github.com/bcakmakoglu/vue-flow/compare/v1.9.4...v1.10.0

What's Changed

• feat(workflows): add concurrency by @bcakmakoglu in https://github.com/bcakmakoglu/vue-flow/pull/571
• docs: suspend Repl by @bcakmakoglu in https://github.com/bcakmakoglu/vue-flow/pull/572
• fix(core,nodes): slot props undefined on first render by @bcakmakoglu in https://github.com/bcakmakoglu/vue-flow/pull/574
• chore: next release by @github-actions in https://github.com/bcakmakoglu/vue-flow/pull/575

Full Changelog: https://github.com/bcakmakoglu/vue-flow/compare/v1.9.3...v1.9.4