From d06ce8659d816f97ed6f3dad79c1a258b19f05e6 Mon Sep 17 00:00:00 2001
From: braks <78412429+bcakmakoglu@users.noreply.github.com>
Date: Mon, 19 Dec 2022 16:16:56 +0100
Subject: [PATCH] refactor(core,edges): group edges on edge selection changes

Signed-off-by: braks <78412429+bcakmakoglu@users.noreply.github.com>
---
 packages/core/src/container/EdgeRenderer/EdgeRenderer.vue | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/packages/core/src/container/EdgeRenderer/EdgeRenderer.vue b/packages/core/src/container/EdgeRenderer/EdgeRenderer.vue
index 6f253843..1557bf02 100644
--- a/packages/core/src/container/EdgeRenderer/EdgeRenderer.vue
+++ b/packages/core/src/container/EdgeRenderer/EdgeRenderer.vue
@@ -1,5 +1,5 @@
 <script lang="ts" setup>
-import type { EffectScope } from 'vue'
+import type { EffectScope, WatchStopHandle } from 'vue'
 import EdgeWrapper from '../../components/Edges/EdgeWrapper'
 import ConnectionLine from '../../components/ConnectionLine/ConnectionLine.vue'
 import type { EdgeComponent, EdgeUpdatable, GraphEdge } from '../../types'
@@ -17,6 +17,7 @@ const {
   edgesUpdatable,
   elementsSelectable,
   getSelectedNodes,
+  getSelectedEdges,
   nodesSelectionActive,
   getNode,
   getNodes,
@@ -63,7 +64,7 @@ onPaneReady(() => {
 
   scope.run(() => {
     watch(
-      [$$(getSelectedNodes), $$(getEdges)],
+      [$$(getSelectedNodes), $$(getEdges), () => (elevateEdgesOnSelect ? getSelectedEdges : [])],
       () => {
         if (elevateEdgesOnSelect) {
           nextTick(() => (groups = groupEdgesByZLevel(getEdges, getNode)))