feat(svelte) added connectionLineContainerStyle and connectionLineStyle props

2023-09-26 16:01:00 +02:00
parent beecd9623b
commit 854a9d3606
3 changed files with 10 additions and 3 deletions
@@ -3,13 +3,16 @@

  import { useStore } from '$lib/store';

+  export let containerStyle: string = '';
+  export let style: string = '';
+
  const { connectionPath, width, height, connection } = useStore();
 </script>

 {#if $connectionPath}
-  <svg width={$width} height={$height} class="svelte-flow__connectionline">
+  <svg width={$width} height={$height} class="svelte-flow__connectionline" style={containerStyle}>
    <slot name="connectionLineComponent">
-      <g class={cc(['svelte-flow__connection', $connection.connectionStatus])}>
+      <g class={cc(['svelte-flow__connection', $connection.connectionStatus])} {style}>
        <path d={$connectionPath} fill="none" class="svelte-flow__connection-path" />
      </g>
    </slot>