From f4e9d9ad4c5799cd6b54f1e534216cae51b05afc Mon Sep 17 00:00:00 2001
From: Peter <p.korcsak@googlemail.com>
Date: Mon, 18 Sep 2023 17:36:53 +0200
Subject: [PATCH] fix(svelte) changed attribute names of className to class in
 MiniMap & Background plugins

---
 .../svelte/src/lib/plugins/Background/Background.svelte     | 6 +++---
 packages/svelte/src/lib/plugins/Background/types.ts         | 2 +-
 packages/svelte/src/lib/plugins/Minimap/Minimap.svelte      | 6 +++---
 packages/svelte/src/lib/plugins/Minimap/types.ts            | 2 +-
 4 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/packages/svelte/src/lib/plugins/Background/Background.svelte b/packages/svelte/src/lib/plugins/Background/Background.svelte
index 16d2f05d..5086c210 100644
--- a/packages/svelte/src/lib/plugins/Background/Background.svelte
+++ b/packages/svelte/src/lib/plugins/Background/Background.svelte
@@ -22,7 +22,7 @@
   export let lineWidth: $$Props['lineWidth'] = 1;
   export let bgColor: $$Props['bgColor'] = undefined;
   export let patternColor: $$Props['patternColor'] = undefined;
-  export let patternClassName: $$Props['patternClassName'] = undefined;
+  export let patternClass: $$Props['patternClass'] = undefined;
   let className: $$Props['class'] = '';
   export { className as class };
 
@@ -57,9 +57,9 @@
     patternTransform={`translate(-${patternOffset[0]},-${patternOffset[1]})`}
   >
     {#if isDots}
-      <DotPattern radius={scaledSize / 2} class={patternClassName} />
+      <DotPattern radius={scaledSize / 2} class={patternClass} />
     {:else}
-      <LinePattern dimensions={patternDimensions} {variant} {lineWidth} class={patternClassName} />
+      <LinePattern dimensions={patternDimensions} {variant} {lineWidth} class={patternClass} />
     {/if}
   </pattern>
   <rect x="0" y="0" width="100%" height="100%" fill={`url(#${patternId})`} />
diff --git a/packages/svelte/src/lib/plugins/Background/types.ts b/packages/svelte/src/lib/plugins/Background/types.ts
index d0935b4c..dd6a4d3c 100644
--- a/packages/svelte/src/lib/plugins/Background/types.ts
+++ b/packages/svelte/src/lib/plugins/Background/types.ts
@@ -7,7 +7,7 @@ export enum BackgroundVariant {
 export type BackgroundProps = {
   bgColor?: string;
   patternColor?: string;
-  patternClassName?: string;
+  patternClass?: string;
   class?: string;
   gap?: number | [number, number];
   size?: number;
diff --git a/packages/svelte/src/lib/plugins/Minimap/Minimap.svelte b/packages/svelte/src/lib/plugins/Minimap/Minimap.svelte
index beb20d08..07ffde00 100644
--- a/packages/svelte/src/lib/plugins/Minimap/Minimap.svelte
+++ b/packages/svelte/src/lib/plugins/Minimap/Minimap.svelte
@@ -21,7 +21,7 @@
   export let ariaLabel: $$Props['ariaLabel'] = 'Mini map';
   export let nodeStrokeColor: $$Props['nodeStrokeColor'] = 'transparent';
   export let nodeColor: $$Props['nodeColor'] = '#e2e2e2';
-  export let nodeClassName: $$Props['nodeClassName'] = '';
+  export let nodeClass: $$Props['nodeClass'] = '';
   export let nodeBorderRadius: $$Props['nodeBorderRadius'] = 5;
   export let nodeStrokeWidth: $$Props['nodeStrokeWidth'] = 2;
   export let bgColor: $$Props['bgColor'] = undefined;
@@ -53,7 +53,7 @@
 
   const nodeColorFunc = getAttrFunction(nodeColor);
   const nodeStrokeColorFunc = getAttrFunction(nodeStrokeColor);
-  const nodeClassNameFunc = getAttrFunction(nodeClassName);
+  const nodeClassFunc = getAttrFunction(nodeClass);
   const shapeRendering =
     typeof window === 'undefined' || !!window.chrome ? 'crispEdges' : 'geometricPrecision';
   const labelledBy = `svelte-flow__minimap-desc-${$flowId}`;
@@ -126,7 +126,7 @@
             strokeColor={nodeStrokeColorFunc(node)}
             strokeWidth={nodeStrokeWidth}
             {shapeRendering}
-            class={nodeClassNameFunc(node)}
+            class={nodeClassFunc(node)}
           />
         {/if}
       {/each}
diff --git a/packages/svelte/src/lib/plugins/Minimap/types.ts b/packages/svelte/src/lib/plugins/Minimap/types.ts
index c141aac9..d39aab7a 100644
--- a/packages/svelte/src/lib/plugins/Minimap/types.ts
+++ b/packages/svelte/src/lib/plugins/Minimap/types.ts
@@ -8,7 +8,7 @@ export type MiniMapProps = {
   bgColor?: string;
   nodeColor?: string | GetMiniMapNodeAttribute;
   nodeStrokeColor?: string | GetMiniMapNodeAttribute;
-  nodeClassName?: string | GetMiniMapNodeAttribute;
+  nodeClass?: string | GetMiniMapNodeAttribute;
   nodeBorderRadius?: number;
   nodeStrokeWidth?: number;
   maskColor?: string;