chore(svelte): cleanup node drag handlers, add to changelog

examples/svelte/src/routes/overview/+page.svelte

@@ -164,7 +164,6 @@
 	on:connectend={(event) => console.log('on connect end', event)}
 	on:paneclick={(event) => console.log('on pane click', event)}
 	on:panecontextmenu={(event) => {
-		event.preventDefault();
 		console.log('on pane contextmenu', event);
 	}}
 	on:nodedrag={(event) => {
@@ -177,6 +176,7 @@
 		console.log('on node drag stop', event);
 	}}
 	on:nodecontextmenu={(event) => {
+		event.detail.event.preventDefault();
 		console.log('on node contextmenu', event);
 	}}
 >

packages/svelte/CHANGELOG.md

@@ -1,3 +1,8 @@
+## 0.0.21
+
+- add `on:nodedragstart`, `on:nodedrag` and `on:nodedragstop`
+- add `on:nodecontextmenu`
+
 ## 0.0.20
 
 - [breaking change] use same convention for all custom events: Always pass the original event if possible and additional data

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

@@ -154,8 +154,8 @@
           on:connectstart
           on:connect
           on:connectend
-          on:nodedrag
           on:nodedragstart
+          on:nodedrag
           on:nodedragstop
           on:nodecontextmenu
         />

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

@@ -75,8 +75,8 @@ export type SvelteFlowProps = DOMAttributes<HTMLDivElement> & {
   'on:connectend'?: CustomEvent<{ event: MouseEvent | TouchEvent }>;
   'on:paneclick'?: CustomEvent<{ event: MouseEvent | TouchEvent }>;
   'on:panecontextmenu'?: CustomEvent<{ event: MouseEvent }>;
+  'on:nodedragstart'?: CustomEvent<{ event: MouseEvent; node: NodeBase; nodes: NodeBase[] }>;
   'on:nodedrag'?: CustomEvent<{ event: MouseEvent; node: NodeBase; nodes: NodeBase[] }>;
   'on:nodedragstop'?: CustomEvent<{ event: MouseEvent; node: NodeBase; nodes: NodeBase[] }>;
-  'on:nodedragstart'?: CustomEvent<{ event: MouseEvent; node: NodeBase; nodes: NodeBase[] }>;
   'on:nodecontextmenu'?: CustomEvent<{ event: MouseEvent; node: NodeBase }>;
 };