renamed callbacks to be lowercase

packages/svelte/src/lib/container/SvelteFlow/SvelteFlow.svelte

@@ -29,9 +29,9 @@
     zoomActivationKey,
     paneClickDistance = 1,
     nodeClickDistance = 1,
-    onMoveStart,
+    onmovestart,
-    onMoveEnd,
+    onmoveend,
-    onMove,
+    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}>

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.

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,
+    onPanZoomStart: onmovestart,
-    onPanZoom: onMove,
+    onPanZoom: onmove,
-    onPanZoomEnd: onMoveEnd,
+    onPanZoomEnd: onmoveend,
     zoomOnScroll,
     zoomOnDoubleClick,
     zoomOnPinch,

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;
 };