File size: 706 Bytes
bc20498 |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 |
<script>import { getContext } from 'svelte';
import { EdgeLabelRenderer } from '../EdgeLabelRenderer';
import { useHandleEdgeSelect } from '../../hooks/useHandleEdgeSelect';
export let style = undefined;
export let x = undefined;
export let y = undefined;
const handleEdgeSelect = useHandleEdgeSelect();
const id = getContext('svelteflow__edge_id');
</script>
<EdgeLabelRenderer>
<div
class="svelte-flow__edge-label"
style:transform="translate(-50%, -50%) translate({x}px,{y}px)"
style={'pointer-events: all;' + style}
role="button"
tabindex="-1"
on:keyup={() => {}}
on:click={() => {
if (id) handleEdgeSelect(id);
}}
>
<slot />
</div>
</EdgeLabelRenderer>
|