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;