Merge branch 'xyflow' into feat/ssr

packages/svelte/src/lib/container/EdgeRenderer/EdgeRenderer.svelte

@@ -29,7 +29,34 @@
           ($elementsSelectable && typeof edge.selectable === 'undefined')
         )}
 
-        <EdgeWrapper {...edge} type={edgeType} {selectable} on:edgeclick on:edgecontextmenu />
+        <EdgeWrapper
+          id={edge.id}
+          source={edge.source}
+          target={edge.target}
+          data={edge.data}
+          style={edge.style}
+          animated={edge.animated}
+          selected={edge.selected}
+          hidden={edge.hidden}
+          label={edge.label}
+          labelStyle={edge.labelStyle}
+          markerStart={edge.markerStart}
+          markerEnd={edge.markerEnd}
+          sourceHandle={edge.sourceHandle}
+          targetHandle={edge.targetHandle}
+          sourceX={edge.sourceX}
+          sourceY={edge.sourceY}
+          targetX={edge.targetX}
+          targetY={edge.targetY}
+          sourcePosition={edge.sourcePosition}
+          targetPosition={edge.targetPosition}
+          ariaLabel={edge.ariaLabel}
+          class={edge.class}
+          type={edgeType}
+          {selectable}
+          on:edgeclick
+          on:edgecontextmenu
+        />
       {/each}
     </g>
   </svg>

packages/svelte/src/lib/container/Pane/Pane.svelte

@@ -41,7 +41,14 @@
 
   export let panOnDrag: $$Props['panOnDrag'] = undefined;
 
-  const dispatch = createEventDispatcher();
+  const dispatch = createEventDispatcher<{
+    paneclick: {
+      event: MouseEvent | TouchEvent;
+    };
+    panecontextmenu: {
+      event: MouseEvent;
+    };
+  }>();
   const {
     nodes,
     edges,

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

@@ -85,25 +85,4 @@ export type SvelteFlowProps = DOMAttributes<HTMLDivElement> & {
   onMove?: OnMove;
   onMoveEnd?: OnMoveEnd;
   onError?: OnError;
-
-  'on:nodeclick'?: CustomEvent<{ event: MouseEvent | TouchEvent; node: Node }>;
-  'on:nodemouseenter'?: CustomEvent<{ event: MouseEvent; node: Node }>;
-  'on:nodemousemove'?: CustomEvent<{ event: MouseEvent; node: Node }>;
-  'on:nodemouseleave'?: CustomEvent<{ event: MouseEvent; node: Node }>;
-  'on:edgeclick'?: CustomEvent<{ event: MouseEvent; edge: Edge }>;
-  'on:edgecontextmenu'?: CustomEvent<{ event: MouseEvent; edge: Edge }>;
-  'on:connectstart'?: CustomEvent<{
-    event: MouseEvent | TouchEvent;
-    nodeId?: string;
-    handleId?: string;
-    handleType?: HandleType;
-  }>;
-  'on:connect'?: CustomEvent<{ connection: Connection }>;
-  '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:nodecontextmenu'?: CustomEvent<{ event: MouseEvent; node: NodeBase }>;
 };