diff --git a/examples/svelte/src/routes/overview/+page.svelte b/examples/svelte/src/routes/overview/+page.svelte index 2a290401..38a79a3f 100644 --- a/examples/svelte/src/routes/overview/+page.svelte +++ b/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); + }} > diff --git a/packages/svelte/src/lib/components/NodeWrapper/NodeWrapper.svelte b/packages/svelte/src/lib/components/NodeWrapper/NodeWrapper.svelte index 7e18ee61..2be5c098 100644 --- a/packages/svelte/src/lib/components/NodeWrapper/NodeWrapper.svelte +++ b/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)} > {/each} diff --git a/packages/svelte/src/lib/container/SvelteFlow/SvelteFlow.svelte b/packages/svelte/src/lib/container/SvelteFlow/SvelteFlow.svelte index 2d6da254..18b0c722 100644 --- a/packages/svelte/src/lib/container/SvelteFlow/SvelteFlow.svelte +++ b/packages/svelte/src/lib/container/SvelteFlow/SvelteFlow.svelte @@ -157,6 +157,7 @@ on:nodedrag on:nodedragstart on:nodedragstop + on:nodecontextmenu /> diff --git a/packages/svelte/src/lib/container/SvelteFlow/types.ts b/packages/svelte/src/lib/container/SvelteFlow/types.ts index 2b145942..61e3f8c8 100644 --- a/packages/svelte/src/lib/container/SvelteFlow/types.ts +++ b/packages/svelte/src/lib/container/SvelteFlow/types.ts @@ -78,4 +78,5 @@ export type SvelteFlowProps = DOMAttributes & { '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 }>; };