Added handleEdgeSelect hook & click on edge-label now selects edge

This commit is contained in:
peterkogo
2024-01-18 14:26:35 +01:00
parent 6bb9c5360d
commit 88aa0fccf3
7 changed files with 86 additions and 50 deletions
@@ -1,7 +1,7 @@
<script lang="ts">
import cc from 'classcat';
import { EdgeLabelRenderer } from '$lib/components/EdgeLabelRenderer';
import type { BaseEdgeProps } from './types';
import EdgeLabel from '../EdgeLabel/EdgeLabel.svelte';
type $$Props = BaseEdgeProps;
@@ -43,13 +43,7 @@
{/if}
{#if label}
<EdgeLabelRenderer>
<div
class="svelte-flow__edge-label"
style:transform="translate(-50%, -50%) translate({labelX}px,{labelY}px)"
style={labelStyle}
>
{label}
</div>
</EdgeLabelRenderer>
<EdgeLabel {labelX} {labelY} {labelStyle}>
{label}
</EdgeLabel>
{/if}