diff --git a/packages/svelte/src/lib/container/SvelteFlow/SvelteFlow.svelte b/packages/svelte/src/lib/container/SvelteFlow/SvelteFlow.svelte index 5f176c1e..3a438535 100644 --- a/packages/svelte/src/lib/container/SvelteFlow/SvelteFlow.svelte +++ b/packages/svelte/src/lib/container/SvelteFlow/SvelteFlow.svelte @@ -93,24 +93,6 @@ }, set viewport(newViewport) { viewport = newViewport; - }, - get nodesDraggable() { - return nodesDraggable; - }, - set nodesDraggable(newNodesDraggable) { - nodesDraggable = newNodesDraggable; - }, - get nodesConnectable() { - return nodesConnectable; - }, - set nodesConnectable(newNodesConnectable) { - nodesConnectable = newNodesConnectable; - }, - get elementsSelectable() { - return elementsSelectable; - }, - set elementsSelectable(newElementsSelectable) { - elementsSelectable = newElementsSelectable; } }); diff --git a/packages/svelte/src/lib/container/SvelteFlow/Wrapper.svelte b/packages/svelte/src/lib/container/SvelteFlow/Wrapper.svelte index 150c574b..a689b66f 100644 --- a/packages/svelte/src/lib/container/SvelteFlow/Wrapper.svelte +++ b/packages/svelte/src/lib/container/SvelteFlow/Wrapper.svelte @@ -65,6 +65,9 @@ style, defaultEdgeOptions, elevateNodesOnSelect, + nodesDraggable, + nodesConnectable, + elementsSelectable, ...divAttributes } = $derived(rest); diff --git a/packages/svelte/src/lib/store/initial-store.svelte.ts b/packages/svelte/src/lib/store/initial-store.svelte.ts index 4769cf3d..325db8e9 100644 --- a/packages/svelte/src/lib/store/initial-store.svelte.ts +++ b/packages/svelte/src/lib/store/initial-store.svelte.ts @@ -180,24 +180,9 @@ export const getInitialStore = (signals: StoreSignals) => { }; }); - get nodesDraggable() { - return signals.nodesDraggable; - } - set nodesDraggable(value: boolean) { - signals.nodesDraggable = value; - } - get nodesConnectable() { - return signals.nodesConnectable; - } - set nodesConnectable(value: boolean) { - signals.nodesConnectable = value; - } - get elementsSelectable() { - return signals.elementsSelectable; - } - set elementsSelectable(value: boolean) { - signals.elementsSelectable = value; - } + nodesDraggable: boolean = $derived(signals.props.nodesDraggable ?? true); + nodesConnectable: boolean = $derived(signals.props.nodesConnectable ?? true); + elementsSelectable: boolean = $derived(signals.props.elementsSelectable ?? true); minZoom: number = $derived(signals.props.minZoom ?? 0.5); maxZoom: number = $derived(signals.props.maxZoom ?? 2); diff --git a/packages/svelte/src/lib/store/types.ts b/packages/svelte/src/lib/store/types.ts index 4f39776d..f53fedbf 100644 --- a/packages/svelte/src/lib/store/types.ts +++ b/packages/svelte/src/lib/store/types.ts @@ -86,9 +86,6 @@ export type SvelteFlowRestProps = Omit< | 'nodes' | 'edges' | 'viewport' - | 'nodesDraggable' - | 'nodesConnectable' - | 'elementsSelectable' >; export type StoreSignals = { @@ -98,9 +95,6 @@ export type StoreSignals = { nodes: Node[]; edges: Edge[]; viewport?: Viewport; - nodesDraggable: boolean; - nodesConnectable: boolean; - elementsSelectable: boolean; }; export type SvelteFlowStoreState = ReturnType;