30 lines
720 B
Svelte
30 lines
720 B
Svelte
<script lang="ts">
|
|
import { getSmoothStepPath } from '@xyflow/system';
|
|
|
|
import type { EdgeProps } from '$lib/types';
|
|
import { BaseEdge } from '$lib/components/BaseEdge';
|
|
|
|
type $$Props = EdgeProps;
|
|
|
|
$: [path, labelX, labelY] = getSmoothStepPath({
|
|
sourceX: $$props.sourceX,
|
|
sourceY: $$props.sourceY,
|
|
targetX: $$props.targetX,
|
|
targetY: $$props.targetY,
|
|
sourcePosition: $$props.sourcePosition,
|
|
targetPosition: $$props.targetPosition
|
|
});
|
|
</script>
|
|
|
|
<BaseEdge
|
|
{path}
|
|
{labelX}
|
|
{labelY}
|
|
label={$$props.label}
|
|
labelStyle={$$props.labelStyle}
|
|
markerStart={$$props.markerStart}
|
|
markerEnd={$$props.markerEnd}
|
|
interactionWidth={$$props.interactionWidth}
|
|
style={$$props.style}
|
|
/>
|