From 1c2bcbef34e539d395cdf1bbdaad062dab5cf6f4 Mon Sep 17 00:00:00 2001
From: Peter <p.korcsak@googlemail.com>
Date: Tue, 19 Sep 2023 15:23:10 +0200
Subject: [PATCH] fix(svelte) adjusted svelteflow types for connect events

---
 .../src/lib/components/Handle/Handle.svelte     | 17 +++++++++++------
 .../src/lib/container/SvelteFlow/types.ts       | 14 ++++++++++----
 2 files changed, 21 insertions(+), 10 deletions(-)

diff --git a/packages/svelte/src/lib/components/Handle/Handle.svelte b/packages/svelte/src/lib/components/Handle/Handle.svelte
index ac938374..c3af20ed 100644
--- a/packages/svelte/src/lib/components/Handle/Handle.svelte
+++ b/packages/svelte/src/lib/components/Handle/Handle.svelte
@@ -70,15 +70,20 @@
         updateConnection,
         cancelConnection,
         panBy,
-        onConnect: (params) => {
-          addEdge(params);
-          dispatch('connect', params);
+        onConnect: (connection) => {
+          addEdge(connection);
+          dispatch('connect', { connection: connection });
         },
-        onConnectStart: (event, params) => {
-          dispatch('connectstart', { event, params });
+        onConnectStart: (event, startParams) => {
+          dispatch('connectstart', {
+            event,
+            nodeId: startParams.nodeId,
+            handleId: startParams.handleId,
+            handleType: startParams.handleType
+          });
         },
         onConnectEnd: (event) => {
-          dispatch('connectend', event);
+          dispatch('connectend', { event });
         },
         getTransform: () => $transform
       });
diff --git a/packages/svelte/src/lib/container/SvelteFlow/types.ts b/packages/svelte/src/lib/container/SvelteFlow/types.ts
index db9ae308..a529bc02 100644
--- a/packages/svelte/src/lib/container/SvelteFlow/types.ts
+++ b/packages/svelte/src/lib/container/SvelteFlow/types.ts
@@ -12,7 +12,8 @@ import type {
   OnMoveEnd,
   CoordinateExtent,
   PanOnScrollMode,
-  IsValidConnection
+  IsValidConnection,
+  HandleType
 } from '@xyflow/system';
 
 import type { Edge, Node, NodeTypes, KeyDefinition, EdgeTypes } from '$lib/types';
@@ -64,9 +65,14 @@ export type SvelteFlowProps = DOMAttributes<HTMLDivElement> & {
   'on:nodemousemove'?: CustomEvent<Node>;
   'on:nodemouseleave'?: CustomEvent<Node>;
   'on:edgeclick'?: CustomEvent<Edge>;
-  'on:connectstart'?: CustomEvent<{ event: MouseEvent | TouchEvent; params: OnConnectStartParams }>;
-  'on:connect'?: CustomEvent<Connection>;
-  'on:connectend'?: CustomEvent<MouseEvent | TouchEvent>;
+  'on:connectstart'?: CustomEvent<{
+    event: MouseEvent | TouchEvent;
+    nodeId?: string;
+    handleId?: string;
+    handleType?: HandleType;
+  }>;
+  'on:connect'?: CustomEvent<{ connection: Connection }>;
+  'on:connectend'?: CustomEvent<{ event: MouseEvent | TouchEvent }>;
   'on:paneclick'?: CustomEvent;
   'on:panecontextmenu'?: CustomEvent;
 };