From cd4383d00e95650396aa9d571d181e3128e961cf Mon Sep 17 00:00:00 2001
From: braks <78412429+bcakmakoglu@users.noreply.github.com>
Date: Sun, 13 Nov 2022 23:04:56 +0100
Subject: [PATCH] fix(core,edges): when connection mode is `Loose` use all
 handles as connection line source handle

---
 .../src/components/ConnectionLine/ConnectionLine.vue     | 9 ++++++---
 1 file changed, 6 insertions(+), 3 deletions(-)

diff --git a/packages/core/src/components/ConnectionLine/ConnectionLine.vue b/packages/core/src/components/ConnectionLine/ConnectionLine.vue
index 321f0ad9..ae248a49 100644
--- a/packages/core/src/components/ConnectionLine/ConnectionLine.vue
+++ b/packages/core/src/components/ConnectionLine/ConnectionLine.vue
@@ -1,6 +1,6 @@
 <script lang="ts" setup>
 import type { GraphNode, HandleElement } from '../../types'
-import { ConnectionLineType, Position } from '../../types'
+import { ConnectionLineType, ConnectionMode, Position } from '../../types'
 import { getMarkerId } from '../../utils'
 
 const { sourceNode } = defineProps<{
@@ -9,6 +9,7 @@ const { sourceNode } = defineProps<{
 
 const {
   getNodes,
+  connectionMode,
   connectionStartHandle,
   connectionPosition,
   connectionLineType,
@@ -26,9 +27,11 @@ const nodeId = connectionStartHandle!.nodeId
 const type = connectionStartHandle!.type
 
 const sourceHandle =
-  handleId && type
+  (connectionMode === ConnectionMode.Strict
     ? sourceNode.handleBounds[type]?.find((d: HandleElement) => d.id === handleId)
-    : type && sourceNode.handleBounds[type ?? 'source']?.[0]
+    : [...(sourceNode.handleBounds.source || []), ...(sourceNode.handleBounds.target || [])]?.find(
+        (d: HandleElement) => d.id === handleId,
+      )) || sourceNode.handleBounds[type ?? 'source']?.[0]
 
 const sourceHandleX = sourceHandle ? sourceHandle.x + sourceHandle.width / 2 : sourceNode.dimensions.width / 2
 const sourceHandleY = sourceHandle ? sourceHandle.y + sourceHandle.height / 2 : sourceNode.dimensions.height