Files
xyflow/packages/svelte/src/lib/components/ConnectionLine/ConnectionLine.svelte
Moritz Klack bd922889b4 feat(styles): one stylesheet source for react and svelte (#3350)
* feat(styles): create stylesheets for react and svelte based on one source

* refactor(styling): cleanup

* refactor(postcss): share a config

* refactor(postcss): replace env hack with env file
2023-08-24 14:02:57 +02:00

16 lines
454 B
Svelte

<script lang="ts">
import cc from 'classcat';
import { useStore } from '$lib/store';
const { connectionPath, width, height, connection } = useStore();
</script>
{#if $connectionPath}
<svg width={$width} height={$height} class="svelte-flow__connectionline">
<g class={cc(['svelte-flow__connection', $connection.connectionStatus])}>
<path d={$connectionPath} fill="none" class="svelte-flow__connection-path" />
</g>
</svg>
{/if}