From d94f3f490a4c3be22603631e592e82d4186e499f Mon Sep 17 00:00:00 2001
From: peterkogo <peter@xyflow.com>
Date: Thu, 10 Apr 2025 12:09:37 +0200
Subject: [PATCH] renamed callbacks to be lowercase

---
 .../src/lib/container/SvelteFlow/SvelteFlow.svelte   | 12 ++++++------
 .../svelte/src/lib/container/SvelteFlow/types.ts     |  6 +++---
 packages/svelte/src/lib/container/Zoom/Zoom.svelte   | 12 ++++++------
 packages/svelte/src/lib/container/Zoom/types.ts      |  8 ++++----
 4 files changed, 19 insertions(+), 19 deletions(-)

diff --git a/packages/svelte/src/lib/container/SvelteFlow/SvelteFlow.svelte b/packages/svelte/src/lib/container/SvelteFlow/SvelteFlow.svelte
index 3a438535..d3e03932 100644
--- a/packages/svelte/src/lib/container/SvelteFlow/SvelteFlow.svelte
+++ b/packages/svelte/src/lib/container/SvelteFlow/SvelteFlow.svelte
@@ -29,9 +29,9 @@
     zoomActivationKey,
     paneClickDistance = 1,
     nodeClickDistance = 1,
-    onMoveStart,
-    onMoveEnd,
-    onMove,
+    onmovestart,
+    onmoveend,
+    onmove,
     oninit,
     onnodeclick,
     onnodecontextmenu,
@@ -134,9 +134,6 @@
   />
   <Zoom
     {store}
-    {onMoveStart}
-    {onMove}
-    {onMoveEnd}
     {panOnScrollMode}
     {preventScrolling}
     {zoomOnScroll}
@@ -145,6 +142,9 @@
     {panOnScroll}
     {panOnDrag}
     {paneClickDistance}
+    {onmovestart}
+    {onmove}
+    {onmoveend}
     {oninit}
   >
     <Pane {store} {onpaneclick} {onpanecontextmenu} {panOnDrag} {selectionOnDrag}>
diff --git a/packages/svelte/src/lib/container/SvelteFlow/types.ts b/packages/svelte/src/lib/container/SvelteFlow/types.ts
index d19d757e..b00987b5 100644
--- a/packages/svelte/src/lib/container/SvelteFlow/types.ts
+++ b/packages/svelte/src/lib/container/SvelteFlow/types.ts
@@ -335,11 +335,11 @@ export type SvelteFlowProps = NodeEvents &
     elevateNodesOnSelect?: boolean;
     isValidConnection?: IsValidConnection;
     /** This event handler is called when the user begins to pan or zoom the viewport */
-    onMoveStart?: OnMoveStart;
+    onmovestart?: OnMoveStart;
     /** This event handler is called when the user pans or zooms the viewport */
-    onMove?: OnMove;
+    onmove?: OnMove;
     /** This event handler is called when the user stops panning or zooming the viewport */
-    onMoveEnd?: OnMoveEnd;
+    onmoveend?: OnMoveEnd;
     /** Ocassionally something may happen that causes Svelte Flow to throw an error.
      *
      * Instead of exploding your application, we log a message to the console and then call this event handler.
diff --git a/packages/svelte/src/lib/container/Zoom/Zoom.svelte b/packages/svelte/src/lib/container/Zoom/Zoom.svelte
index e4fae81f..ddb4cb83 100644
--- a/packages/svelte/src/lib/container/Zoom/Zoom.svelte
+++ b/packages/svelte/src/lib/container/Zoom/Zoom.svelte
@@ -6,9 +6,6 @@
 
   let {
     store,
-    onMoveStart,
-    onMove,
-    onMoveEnd,
     panOnScrollMode = PanOnScrollMode.Free,
     preventScrolling = true,
     zoomOnScroll = true,
@@ -17,6 +14,9 @@
     panOnDrag = true,
     panOnScroll = false,
     paneClickDistance = 1,
+    onmovestart,
+    onmove,
+    onmoveend,
     oninit,
     children
   }: ZoomProps = $props();
@@ -49,9 +49,9 @@
     setPanZoomInstance: (instance: PanZoomInstance) => {
       store.panZoom = instance;
     },
-    onPanZoomStart: onMoveStart,
-    onPanZoom: onMove,
-    onPanZoomEnd: onMoveEnd,
+    onPanZoomStart: onmovestart,
+    onPanZoom: onmove,
+    onPanZoomEnd: onmoveend,
     zoomOnScroll,
     zoomOnDoubleClick,
     zoomOnPinch,
diff --git a/packages/svelte/src/lib/container/Zoom/types.ts b/packages/svelte/src/lib/container/Zoom/types.ts
index 20fc3e5c..6b02ce19 100644
--- a/packages/svelte/src/lib/container/Zoom/types.ts
+++ b/packages/svelte/src/lib/container/Zoom/types.ts
@@ -5,9 +5,6 @@ import type { Snippet } from 'svelte';
 export type ZoomProps = {
   store: SvelteFlowStore;
   panOnScrollMode: PanOnScrollMode;
-  onMove?: OnMove;
-  onMoveStart?: OnMoveStart;
-  onMoveEnd?: OnMoveEnd;
   preventScrolling: boolean;
   zoomOnScroll: boolean;
   zoomOnDoubleClick: boolean;
@@ -15,6 +12,9 @@ export type ZoomProps = {
   panOnScroll: boolean;
   panOnDrag: boolean | number[];
   paneClickDistance: number;
-  children: Snippet;
+  onmove?: OnMove;
+  onmovestart?: OnMoveStart;
+  onmoveend?: OnMoveEnd;
   oninit?: () => void;
+  children: Snippet;
 };