feat(svelte) added on:nodecontextmenu

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

@@ -176,6 +176,9 @@
 	on:nodedragstop={(event) => {
 		console.log('on node drag stop', event);
 	}}
+	on:nodecontextmenu={(event) => {
+		console.log('on node contextmenu', event);
+	}}
 >
 	<Controls />
 	<Background variant={BackgroundVariant.Dots} />

packages/svelte/src/lib/components/NodeWrapper/NodeWrapper.svelte

@@ -124,6 +124,7 @@
     on:mouseenter={(event) => dispatchEvent('nodemouseenter', event)}
     on:mouseleave={(event) => dispatchEvent('nodemouseleave', event)}
     on:mousemove={(event) => dispatchEvent('nodemousemove', event)}
+    on:contextmenu={(event) => dispatchEvent('nodecontextmenu', event)}
   >
     <svelte:component
       this={nodeComponent}

packages/svelte/src/lib/container/NodeRenderer/NodeRenderer.svelte

@@ -75,6 +75,7 @@
       on:nodedrag
       on:nodedragstart
       on:nodedragstop
+      on:nodecontextmenu
     />
   {/each}
 </div>

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

@@ -157,6 +157,7 @@
           on:nodedrag
           on:nodedragstart
           on:nodedragstop
+          on:nodecontextmenu
         />
         <NodeSelection />
       </ViewportComponent>

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

@@ -78,4 +78,5 @@ export type SvelteFlowProps = DOMAttributes<HTMLDivElement> & {
   '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 }>;
 };