| <script>import cc from 'classcat'; | |
| import EdgeLabel from '../EdgeLabel/EdgeLabel.svelte'; | |
| export let id = undefined; | |
| export let path; | |
| export let label = undefined; | |
| export let labelX = undefined; | |
| export let labelY = undefined; | |
| export let labelStyle = undefined; | |
| export let markerStart = undefined; | |
| export let markerEnd = undefined; | |
| export let style = undefined; | |
| export let interactionWidth = 20; | |
| let className = undefined; | |
| export { className as class }; | |
| let interactionWidthValue = interactionWidth === undefined ? 20 : interactionWidth; | |
| </script> | |
| <path | |
| {id} | |
| d={path} | |
| class={cc(['svelte-flow__edge-path', className])} | |
| marker-start={markerStart} | |
| marker-end={markerEnd} | |
| fill="none" | |
| {style} | |
| /> | |
| {#if interactionWidthValue} | |
| <path | |
| d={path} | |
| stroke-opacity={0} | |
| stroke-width={interactionWidthValue} | |
| fill="none" | |
| class="svelte-flow__edge-interaction" | |
| /> | |
| {/if} | |
| {#if label} | |
| <EdgeLabel x={labelX} y={labelY} style={labelStyle}> | |
| {label} | |
| </EdgeLabel> | |
| {/if} | |