From 34685a50c6be5f1a185d4e43fdc76ee2f41b3c0f Mon Sep 17 00:00:00 2001
From: braks <78412429+bcakmakoglu@users.noreply.github.com>
Date: Fri, 14 Oct 2022 23:40:47 +0200
Subject: [PATCH] fix(edges): pass edge styles to edge path

---
 packages/core/src/components/Edges/Wrapper.ts             | 2 +-
 packages/core/src/container/EdgeRenderer/EdgeRenderer.vue | 3 ---
 2 files changed, 1 insertion(+), 4 deletions(-)

diff --git a/packages/core/src/components/Edges/Wrapper.ts b/packages/core/src/components/Edges/Wrapper.ts
index 74bd7d68..cae9ebd5 100644
--- a/packages/core/src/components/Edges/Wrapper.ts
+++ b/packages/core/src/components/Edges/Wrapper.ts
@@ -181,7 +181,7 @@ const Wrapper = defineComponent({
                 labelBgBorderRadius: edge.labelBgBorderRadius,
                 data: edge.data,
                 events: { ...edge.events, ...hooks.on },
-                style: edge.style,
+                style: (edge.style instanceof Function ? edge.style(edge) : edge.style) || {},
                 markerStart: `url(#${getMarkerId(edge.markerStart)})`,
                 markerEnd: `url(#${getMarkerId(edge.markerEnd)})`,
                 sourcePosition,
diff --git a/packages/core/src/container/EdgeRenderer/EdgeRenderer.vue b/packages/core/src/container/EdgeRenderer/EdgeRenderer.vue
index 8b6d9fc4..971bf258 100644
--- a/packages/core/src/container/EdgeRenderer/EdgeRenderer.vue
+++ b/packages/core/src/container/EdgeRenderer/EdgeRenderer.vue
@@ -118,8 +118,6 @@ const getClass = (edge: GraphEdge) => {
   const extraClass = edge.class instanceof Function ? edge.class(edge) : edge.class
   return [noPanClassName, extraClass]
 }
-
-const getStyle = (edge: GraphEdge) => (edge.style instanceof Function ? edge.style(edge) : edge.style) as CSSProperties
 </script>
 
 <script lang="ts">
@@ -143,7 +141,6 @@ export default {
         :target-node="getNode(edge.target)"
         :selectable="selectable(edge.selectable)"
         :updatable="updatable(edge.updatable)"
-        :style="getStyle(edge)"
         :class="getClass(edge)"
       />
     </g>