48 lines
1.2 KiB
Svelte
48 lines
1.2 KiB
Svelte
<script lang="ts">
|
|
import { getSmoothStepPath } from '@xyflow/system';
|
|
|
|
import type { EdgeProps } from '$lib/types';
|
|
import { BaseEdge } from '$lib/components/BaseEdge';
|
|
|
|
type $$Props = EdgeProps;
|
|
|
|
export let label: $$Props['label'] = undefined;
|
|
export let labelStyle: $$Props['labelStyle'] = undefined;
|
|
export let style: $$Props['style'] = undefined;
|
|
export let markerStart: $$Props['markerStart'] = undefined;
|
|
export let markerEnd: $$Props['markerEnd'] = undefined;
|
|
export let interactionWidth: $$Props['interactionWidth'] = undefined;
|
|
|
|
export let sourceX: $$Props['sourceX'];
|
|
export let sourceY: $$Props['sourceY'];
|
|
export let sourcePosition: $$Props['sourcePosition'];
|
|
|
|
export let targetX: $$Props['targetX'];
|
|
export let targetY: $$Props['targetY'];
|
|
export let targetPosition: $$Props['targetPosition'];
|
|
|
|
$: [path, labelX, labelY] = getSmoothStepPath({
|
|
sourceX,
|
|
sourceY,
|
|
targetX,
|
|
targetY,
|
|
sourcePosition,
|
|
targetPosition
|
|
});
|
|
|
|
// this is a workaround for suppressing the warning about unused props
|
|
$$restProps;
|
|
</script>
|
|
|
|
<BaseEdge
|
|
{path}
|
|
{labelX}
|
|
{labelY}
|
|
{label}
|
|
{labelStyle}
|
|
{markerStart}
|
|
{markerEnd}
|
|
{interactionWidth}
|
|
{style}
|
|
/>
|