feat(svelte): add event handlers and props, rename class names

2023-03-01 17:28:59 +01:00
parent 9391b36869
commit e2961bfa8c
38 changed files with 410 additions and 163 deletions
@@ -21,16 +21,27 @@
  onDestroy(() => {
    resizeObserver?.disconnect();
  });
+
 </script>

-<div class="react-flow__nodes">
+<div class="svelte-flow__nodes">
  {#each $nodes as node (node.id)}
-    <NodeWrapper {...node} {resizeObserver} />
+    <NodeWrapper
+      {...node}
+      {resizeObserver}
+      on:node:click
+      on:node:mouseenter
+      on:node:mousemove
+      on:node:mouseleave
+      on:connect:start
+      on:connect
+      on:connect:end
+    />
  {/each}
 </div>

 <style>
-  .react-flow__nodes {
+  .svelte-flow__nodes {
    width: 100%;
    height: 100%;
    pointer-events: none;