feat(core): add connection status to connection lines

Signed-off-by: braks <78412429+bcakmakoglu@users.noreply.github.com>

packages/core/src/composables/useHandle.ts

@@ -33,6 +33,7 @@ export default function useHandle({
     connectionRadius,
     connectOnClick,
     connectionClickStartHandle,
+    connectionStatus,
     nodesConnectable,
     defaultEdgeOptions,
     autoPanOnConnect,
@@ -113,6 +114,8 @@ export default function useHandle({
         event,
       )
 
+      connectionStatus.value = null
+
       emits.connectStart({ event, nodeId, handleId, handleType })
 
       function onPointerMove(event: MouseEvent | TouchEvent) {
@@ -154,6 +157,8 @@ export default function useHandle({
             : connectionPosition,
         )
 
+        connectionStatus.value = getConnectionStatus(!!prevClosestHandle, isValid)
+
         if (!prevClosestHandle) return resetRecentHandle(prevActiveHandle)
 
         connection = result.connection