Merge pull request #3427 from wbkd/svelte-flow-edge-classes
fix(svelte) edge classes get applied
This commit is contained in:
@@ -33,6 +33,8 @@
|
|||||||
export let targetPosition: $$Props['targetPosition'];
|
export let targetPosition: $$Props['targetPosition'];
|
||||||
export let ariaLabel: $$Props['ariaLabel'] = undefined;
|
export let ariaLabel: $$Props['ariaLabel'] = undefined;
|
||||||
// @ todo: support edge updates
|
// @ todo: support edge updates
|
||||||
|
let className: string = '';
|
||||||
|
export { className as class };
|
||||||
|
|
||||||
const { edges, edgeTypes, flowId, addSelectedEdges } = useStore();
|
const { edges, edgeTypes, flowId, addSelectedEdges } = useStore();
|
||||||
const dispatch = createEventDispatcher();
|
const dispatch = createEventDispatcher();
|
||||||
@@ -55,7 +57,7 @@
|
|||||||
<!-- svelte-ignore a11y-no-noninteractive-element-interactions -->
|
<!-- svelte-ignore a11y-no-noninteractive-element-interactions -->
|
||||||
{#if !hidden}
|
{#if !hidden}
|
||||||
<g
|
<g
|
||||||
class="svelte-flow__edge"
|
class="svelte-flow__edge {className}"
|
||||||
class:animated
|
class:animated
|
||||||
class:selected
|
class:selected
|
||||||
data-id={id}
|
data-id={id}
|
||||||
|
|||||||
@@ -69,6 +69,7 @@ export type EdgeLayouted = Pick<
|
|||||||
| 'targetHandle'
|
| 'targetHandle'
|
||||||
| 'ariaLabel'
|
| 'ariaLabel'
|
||||||
| 'hidden'
|
| 'hidden'
|
||||||
|
| 'class'
|
||||||
> &
|
> &
|
||||||
EdgePosition & {
|
EdgePosition & {
|
||||||
sourceHandleId?: string | null;
|
sourceHandleId?: string | null;
|
||||||
|
|||||||
Reference in New Issue
Block a user