From 9dd71c25281a44a83e12430892e93506a2fec2df Mon Sep 17 00:00:00 2001
From: Braks <78412429+bcakmakoglu@users.noreply.github.com>
Date: Wed, 30 Mar 2022 14:15:33 +0200
Subject: [PATCH] update(edges): v-if on existing edges before looping wrapper

---
 .../container/EdgeRenderer/EdgeRenderer.vue   | 20 +++++++++++--------
 1 file changed, 12 insertions(+), 8 deletions(-)

diff --git a/package/src/container/EdgeRenderer/EdgeRenderer.vue b/package/src/container/EdgeRenderer/EdgeRenderer.vue
index 17a42ee6..dac10cc9 100644
--- a/package/src/container/EdgeRenderer/EdgeRenderer.vue
+++ b/package/src/container/EdgeRenderer/EdgeRenderer.vue
@@ -41,14 +41,18 @@ export default {
   >
     <MarkerDefinitions v-if="group.isMaxLevel" :default-color="store.defaultMarkerColor" />
     <g>
-      <EdgeWrapper
-        v-for="edge of group.edges"
-        :id="edge.id"
-        :key="edge.id"
-        :selectable="typeof edge.selectable === 'undefined' ? store.elementsSelectable : edge.selectable"
-        :updatable="typeof edge.updatable === 'undefined' ? store.edgesUpdatable : edge.updatable"
-      />
-      <ConnectionLine v-if="connectionLineVisible && sourceNode" :source-node="sourceNode" />
+      <template v-if="store.getEdges.length">
+        <EdgeWrapper
+          v-for="edge of group.edges"
+          :id="edge.id"
+          :key="edge.id"
+          :selectable="typeof edge.selectable === 'undefined' ? store.elementsSelectable : edge.selectable"
+          :updatable="typeof edge.updatable === 'undefined' ? store.edgesUpdatable : edge.updatable"
+        />
+      </template>
+      <ConnectionLine v-if="connectionLineVisible && sourceNode" :source-node="sourceNode">
+        <slot name="connection-line" />
+      </ConnectionLine>
     </g>
   </svg>
 </template>