refactor(svelte): cleanup components

packages/svelte/src/lib/components/edges/BaseEdge.svelte

@@ -1,42 +0,0 @@
-<script lang="ts">
-  import EdgeLabelRenderer from '$lib/components/EdgeLabelRenderer/index.svelte';
-  import type { BaseEdgeProps } from '$lib/types';
-
-  type $$Props = BaseEdgeProps;
-
-  export let path: $$Props['path'] = '';
-  export let label: $$Props['label'] = undefined;
-  export let labelX: $$Props['labelX'] = undefined;
-  export let labelY: $$Props['labelY'] = undefined;
-  export let interactionWidth: $$Props['interactionWidth'] = 20;
-</script>
-
-<path d={path} fill="none" class="react-flow__edge-path" />
-
-{#if interactionWidth}
-  <path
-    d={path}
-    fill="none"
-    stroke-opacity={0}
-    stroke-width={interactionWidth}
-    class="react-flow__edge-interaction"
-  />
-{/if}
-
-{#if label}
-  <EdgeLabelRenderer>
-    <div
-      class="react-flow__edge-label"
-      style:transform={`translate(-50%, -50%) translate(${labelX}px,${labelY}px)`}
-    >
-      {label}
-    </div>
-  </EdgeLabelRenderer>
-{/if}
-
-<style>
-  .react-flow__edge-label {
-    position: absolute;
-    background: white;
-  }
-</style>

packages/svelte/src/lib/components/edges/BezierEdge.svelte

@@ -2,7 +2,7 @@
   import { getBezierPath } from '@reactflow/edge-utils';
 
   import type { EdgeProps } from '$lib/types';
-  import BaseEdge from './BaseEdge.svelte';
+  import { BaseEdge } from '$lib/components/BaseEdge';
 
   type $$Props = EdgeProps;
 

packages/svelte/src/lib/components/edges/EdgeWrapper.svelte

@@ -1,71 +0,0 @@
-<script lang="ts">
-  import type { SvelteComponentTyped } from 'svelte';
-  import { Position } from '@reactflow/system';
-
-  import { useStore } from '$lib/store';
-  import BezierEdge from '$lib/components/edges/StraightEdge.svelte';
-  import type { EdgeProps, EdgeLayouted } from '$lib/types';
-
-  type $$Props = EdgeLayouted;
-
-  export let id: $$Props['id'];
-  export let type: $$Props['type'] = 'default';
-  export let source: $$Props['source'] = '';
-  export let target: $$Props['target'] = '';
-  export let sourceX: $$Props['sourceX'] = 0;
-  export let sourceY: $$Props['sourceY'] = 0;
-  export let targetX: $$Props['targetX'] = 0;
-  export let targetY: $$Props['targetY'] = 0;
-  export let sourceHandleId: $$Props['sourceHandleId'] = undefined;
-  export let targetHandleId: $$Props['targetHandleId'] = undefined;
-  export let sourcePosition: $$Props['sourcePosition'] = Position.Bottom;
-  export let targetPosition: $$Props['targetPosition'] = Position.Top;
-  export let animated: $$Props['animated'] = false;
-  export let selected: $$Props['selected'] = false;
-  export let label: $$Props['label'] = undefined;
-
-  const { edgeTypes } = useStore();
-  const edgeComponent: typeof SvelteComponentTyped<EdgeProps> = $edgeTypes[type!] || BezierEdge;
-</script>
-
-<g class="react-flow__edge" class:animated data-id={id}>
-  <svelte:component
-    this={edgeComponent}
-    {id}
-    {source}
-    {target}
-    {sourceX}
-    {sourceY}
-    {targetX}
-    {targetY}
-    {sourcePosition}
-    {targetPosition}
-    {animated}
-    {selected}
-    {label}
-  />
-</g>
-
-<style>
-  .react-flow__edge {
-    pointer-events: visibleStroke;
-    cursor: pointer;
-  }
-
-  .react-flow__edge :global(path) {
-    stroke: #ccc;
-    stroke-width: 1;
-    fill: none;
-  }
-
-  .animated :global(path) {
-    stroke-dasharray: 5;
-    animation: dashdraw 0.5s linear infinite;
-  }
-
-  @keyframes dashdraw {
-    from {
-      stroke-dashoffset: 10;
-    }
-  }
-</style>

packages/svelte/src/lib/components/edges/SmoothStepEdge.svelte

@@ -2,7 +2,7 @@
   import { getSmoothStepPath } from '@reactflow/edge-utils';
 
   import type { EdgeProps } from '$lib/types';
-  import BaseEdge from './BaseEdge.svelte';
+  import { BaseEdge } from '$lib/components/BaseEdge';
 
   type $$Props = EdgeProps;
 

packages/svelte/src/lib/components/edges/StraightEdge.svelte

@@ -2,7 +2,7 @@
   import { getStraightPath } from '@reactflow/edge-utils';
 
   import type { EdgeProps } from '$lib/types';
-  import BaseEdge from './BaseEdge.svelte';
+  import { BaseEdge } from '$lib/components/BaseEdge';
 
   type $$Props = EdgeProps;