diff --git a/examples/svelte/src/routes/overview/+page.svelte b/examples/svelte/src/routes/overview/+page.svelte index 05bc506b..0ba5e4da 100644 --- a/examples/svelte/src/routes/overview/+page.svelte +++ b/examples/svelte/src/routes/overview/+page.svelte @@ -161,6 +161,9 @@ }} autoPanOnConnect autoPanOnNodeDrag + defaultEdgeOptions={{ + hidden: false + }} > diff --git a/packages/svelte/src/lib/container/EdgeRenderer/EdgeRenderer.svelte b/packages/svelte/src/lib/container/EdgeRenderer/EdgeRenderer.svelte index 0658f47a..19f6848d 100644 --- a/packages/svelte/src/lib/container/EdgeRenderer/EdgeRenderer.svelte +++ b/packages/svelte/src/lib/container/EdgeRenderer/EdgeRenderer.svelte @@ -2,8 +2,19 @@ import { EdgeWrapper } from '$lib/components/EdgeWrapper'; import { MarkerDefinition } from '$lib/container/EdgeRenderer/MarkerDefinition'; import { useStore } from '$lib/store'; + import type { DefaultEdgeOptions } from '$lib/types'; - const { width, height, elementsSelectable, edgeTree } = useStore(); + export let defaultOptions: DefaultEdgeOptions | undefined; + + const { + width, + height, + elementsSelectable, + edgeTree, + edges: { setDefaultOptions } + } = useStore(); + + $: if (defaultOptions) setDefaultOptions(defaultOptions); {#each $edgeTree as group (group.level)} diff --git a/packages/svelte/src/lib/container/SvelteFlow/SvelteFlow.svelte b/packages/svelte/src/lib/container/SvelteFlow/SvelteFlow.svelte index d6e55ee2..cec7597d 100644 --- a/packages/svelte/src/lib/container/SvelteFlow/SvelteFlow.svelte +++ b/packages/svelte/src/lib/container/SvelteFlow/SvelteFlow.svelte @@ -54,6 +54,7 @@ export let autoPanOnConnect: $$Props['autoPanOnConnect'] = true; export let autoPanOnNodeDrag: $$Props['autoPanOnNodeDrag'] = true; export let onError: $$Props['onError'] = undefined; + export let defaultEdgeOptions: $$Props['defaultEdgeOptions'] = undefined; export let defaultMarkerColor = '#b1b1b7'; @@ -149,7 +150,7 @@ > - +
& { @@ -52,6 +59,7 @@ export type SvelteFlowProps = DOMAttributes & { onlyRenderVisibleElements?: boolean; autoPanOnConnect?: boolean; autoPanOnNodeDrag?: boolean; + defaultEdgeOptions?: DefaultEdgeOptions; class?: string; style?: string;