From fdb50e8ba4f10855439457a6c46926989fe1de7e Mon Sep 17 00:00:00 2001
From: Peter <p.korcsak@googlemail.com>
Date: Thu, 21 Sep 2023 10:27:05 +0200
Subject: [PATCH 1/2] fix(svelte) edge classes get applied

---
 .../svelte/src/lib/components/EdgeWrapper/EdgeWrapper.svelte   | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/packages/svelte/src/lib/components/EdgeWrapper/EdgeWrapper.svelte b/packages/svelte/src/lib/components/EdgeWrapper/EdgeWrapper.svelte
index aabff7b7..e22f5c89 100644
--- a/packages/svelte/src/lib/components/EdgeWrapper/EdgeWrapper.svelte
+++ b/packages/svelte/src/lib/components/EdgeWrapper/EdgeWrapper.svelte
@@ -33,6 +33,8 @@
   export let targetPosition: $$Props['targetPosition'];
   export let ariaLabel: $$Props['ariaLabel'] = undefined;
   // @ todo: support edge updates
+  let className: string = '';
+  export { className as class };
 
   const { edges, edgeTypes, flowId, addSelectedEdges } = useStore();
   const dispatch = createEventDispatcher();
@@ -69,6 +71,7 @@
   >
     <svelte:component
       this={edgeComponent}
+      class={className}
       {id}
       {source}
       {target}

From 75712a1d6c292afe01f5f0a3eaa1b4f9fc63c57b Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Thu, 21 Sep 2023 15:35:13 +0200
Subject: [PATCH 2/2] chore(svelte): cleanup edgewrapper

---
 .../svelte/src/lib/components/EdgeWrapper/EdgeWrapper.svelte   | 3 +--
 packages/svelte/src/lib/types/edges.ts                         | 1 +
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/svelte/src/lib/components/EdgeWrapper/EdgeWrapper.svelte b/packages/svelte/src/lib/components/EdgeWrapper/EdgeWrapper.svelte
index e22f5c89..0b99d744 100644
--- a/packages/svelte/src/lib/components/EdgeWrapper/EdgeWrapper.svelte
+++ b/packages/svelte/src/lib/components/EdgeWrapper/EdgeWrapper.svelte
@@ -57,7 +57,7 @@
 <!-- svelte-ignore a11y-no-noninteractive-element-interactions -->
 {#if !hidden}
   <g
-    class="svelte-flow__edge"
+    class="svelte-flow__edge {className}"
     class:animated
     class:selected
     data-id={id}
@@ -71,7 +71,6 @@
   >
     <svelte:component
       this={edgeComponent}
-      class={className}
       {id}
       {source}
       {target}
diff --git a/packages/svelte/src/lib/types/edges.ts b/packages/svelte/src/lib/types/edges.ts
index 19e7e47f..c4426a89 100644
--- a/packages/svelte/src/lib/types/edges.ts
+++ b/packages/svelte/src/lib/types/edges.ts
@@ -69,6 +69,7 @@ export type EdgeLayouted = Pick<
   | 'targetHandle'
   | 'ariaLabel'
   | 'hidden'
+  | 'class'
 > &
   EdgePosition & {
     sourceHandleId?: string | null;