@xyflow/vue 2.0.0-next.3 → 2.0.0-next.5

package/dist/index.mjs

@@ -1,5 +1,5 @@
 import { Fragment, Teleport, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createPropsRestProxy, createTextVNode, createVNode, defineComponent, effectScope, getCurrentInstance, h, inject, isMemoSame, isRef, markRaw, mergeModels, mergeProps, nextTick, normalizeClass, normalizeProps, normalizeStyle, onBeforeMount, onBeforeUnmount, onMounted, onScopeDispose, onUnmounted, openBlock, provide, reactive, renderList, renderSlot, resolveComponent, resolveDynamicComponent, shallowRef, toDisplayString, toRaw, toRef, toRefs, toValue, unref, useAttrs, useId, useModel, useSlots, watch, watchEffect, withCtx } from "vue";
-import { ConnectionLineType, ConnectionLineType as ConnectionLineType$1, ConnectionMode, ConnectionMode as ConnectionMode$1, PanOnScrollMode, PanOnScrollMode as PanOnScrollMode$1, Position, Position as Position$1, ResizeControlVariant, ResizeControlVariant as ResizeControlVariant$2, SelectionMode, SelectionMode as SelectionMode$1, XYDrag, XYHandle, XYMinimap, XYPanZoom, XYResizer, adoptUserNodes, areConnectionMapsEqual, areSetsEqual, calcAutoPan, calculateNodePosition, clamp, clampPosition, clampPositionToParent, evaluateAbsolutePosition, fitViewport, getBezierEdgeCenter, getBezierEdgeCenter as getBezierEdgeCenter$1, getBezierPath, getBezierPath as getBezierPath$1, getBoundsOfBoxes, getBoundsOfRects, getBoundsOfRects as getBoundsOfRects$1, getConnectedEdges, getConnectedEdges as getConnectedEdges$1, getConnectionStatus, getDimensions, getEdgeId, getElementsToRemove, getElevatedEdgeZIndex, getEventPosition, getHandleBounds, getHandlePosition, getHostForElement, getIncomers, getMarkerId, getMarkerId as getMarkerId$1, getNodeDimensions, getNodeToolbarTransform, getNodesBounds, getNodesBounds as getNodesBounds$1, getNodesInside, getNodesInside as getNodesInside$1, getOutgoers, getOverlappingArea, getSmoothStepPath, getSmoothStepPath as getSmoothStepPath$1, getStraightPath, getStraightPath as getStraightPath$1, getViewportForBounds, getViewportForBounds as getViewportForBounds$1, handleConnectionChange, handleExpandParent, infiniteExtent, isCoordinateExtent, isEdgeBase, isEdgeBase as isEdgeBase$1, isEdgeVisible, isInternalNodeBase, isInternalNodeBase as isInternalNodeBase$1, isMacOs, isMacOs as isMacOs$1, isMouseEvent, isNodeBase, isNodeBase as isNodeBase$1, isRectObject, mergeAriaLabelConfig, nodeHasDimensions, nodeToRect, oppositePosition, panBy, pointToRendererPoint, pointToRendererPoint as pointToRendererPoint$1, rendererPointToPoint, rendererPointToPoint as rendererPointToPoint$1, snapPosition, updateAbsolutePositions } from "@xyflow/system";
+import { ConnectionLineType, ConnectionLineType as ConnectionLineType$1, ConnectionMode, ConnectionMode as ConnectionMode$1, PanOnScrollMode, PanOnScrollMode as PanOnScrollMode$1, Position, Position as Position$1, ResizeControlVariant, ResizeControlVariant as ResizeControlVariant$2, SelectionMode, SelectionMode as SelectionMode$1, XYDrag, XYHandle, XYMinimap, XYPanZoom, XYResizer, addEdge as addEdge$1, adoptUserNodes, areConnectionMapsEqual, areSetsEqual, calcAutoPan, calculateNodePosition, clamp, clampPosition, clampPositionToParent, createDevWarn, evaluateAbsolutePosition, fitViewport, getBezierEdgeCenter, getBezierEdgeCenter as getBezierEdgeCenter$1, getBezierPath, getBezierPath as getBezierPath$1, getBoundsOfBoxes, getBoundsOfRects, getBoundsOfRects as getBoundsOfRects$1, getConnectedEdges, getConnectedEdges as getConnectedEdges$1, getConnectionStatus, getDimensions, getEdgeId, getEdgeToolbarTransform, getElementsToRemove, getElevatedEdgeZIndex, getEventPosition, getHandleBounds, getHandlePosition, getHostForElement, getIncomers, getMarkerId, getMarkerId as getMarkerId$1, getNodeDimensions, getNodeToolbarTransform, getNodesBounds, getNodesBounds as getNodesBounds$1, getNodesInside, getNodesInside as getNodesInside$1, getOutgoers, getOverlappingArea, getSmoothStepPath, getSmoothStepPath as getSmoothStepPath$1, getStraightPath, getStraightPath as getStraightPath$1, getViewportForBounds, getViewportForBounds as getViewportForBounds$1, handleConnectionChange, handleExpandParent, infiniteExtent, isCoordinateExtent, isEdgeBase, isEdgeBase as isEdgeBase$1, isEdgeVisible, isInternalNodeBase, isInternalNodeBase as isInternalNodeBase$1, isMacOs, isMacOs as isMacOs$1, isMouseEvent, isNodeBase, isNodeBase as isNodeBase$1, isRectObject, mergeAriaLabelConfig, nodeHasDimensions, nodeToRect, oppositePosition, panBy, pointToRendererPoint, pointToRendererPoint as pointToRendererPoint$1, reconnectEdge as reconnectEdge$1, rendererPointToPoint, rendererPointToPoint as rendererPointToPoint$1, snapPosition, updateAbsolutePositions } from "@xyflow/system";
 import { onKeyStroke, until, useEventListener } from "@vueuse/core";
 //#region src/context/index.ts
 /** the curated instance (`useVueFlow()`) */
@@ -21,12 +21,14 @@ let ErrorCode = /* @__PURE__ */ function(ErrorCode) {
 	ErrorCode["NODE_MISSING_PARENT"] = "NODE_MISSING_PARENT";
 	ErrorCode["NODE_TYPE_MISSING"] = "NODE_TYPE_MISSING";
 	ErrorCode["NODE_EXTENT_INVALID"] = "NODE_EXTENT_INVALID";
+	ErrorCode["NODE_DUPLICATE_ID"] = "NODE_DUPLICATE_ID";
 	ErrorCode["EDGE_INVALID"] = "EDGE_INVALID";
 	ErrorCode["EDGE_NOT_FOUND"] = "EDGE_NOT_FOUND";
 	ErrorCode["EDGE_SOURCE_MISSING"] = "EDGE_SOURCE_MISSING";
 	ErrorCode["EDGE_TARGET_MISSING"] = "EDGE_TARGET_MISSING";
 	ErrorCode["EDGE_TYPE_MISSING"] = "EDGE_TYPE_MISSING";
 	ErrorCode["EDGE_SOURCE_TARGET_MISSING"] = "EDGE_SOURCE_TARGET_MISSING";
+	ErrorCode["EDGE_DUPLICATE_ID"] = "EDGE_DUPLICATE_ID";
 	ErrorCode["USE_VUE_FLOW_OUTSIDE_PROVIDER"] = "USE_VUE_FLOW_OUTSIDE_PROVIDER";
 	return ErrorCode;
 }({});
@@ -38,11 +40,13 @@ const messages = {
 	["NODE_MISSING_PARENT"]: (id, parentId) => `Node is missing a parent\nNode id: ${id}\nParent id: ${parentId}`,
 	["NODE_TYPE_MISSING"]: (type) => `Node type is missing\nType: ${type}`,
 	["NODE_EXTENT_INVALID"]: (id) => `Only child nodes can use a parent extent\nNode id: ${id}`,
+	["NODE_DUPLICATE_ID"]: (id) => `Node id is not unique — a later node overwrites the earlier one in the lookup\nNode id: ${id}`,
 	["EDGE_INVALID"]: (id) => `An edge needs a source and a target\nEdge id: ${id}`,
 	["EDGE_SOURCE_MISSING"]: (id, source) => `Edge source is missing\nEdge id: ${id} \nSource id: ${source}`,
 	["EDGE_TARGET_MISSING"]: (id, target) => `Edge target is missing\nEdge id: ${id} \nTarget id: ${target}`,
 	["EDGE_TYPE_MISSING"]: (type) => `Edge type is missing\nType: ${type}`,
 	["EDGE_SOURCE_TARGET_MISSING"]: (id, source, target) => `Edge source or target is missing\nEdge id: ${id} \nSource id: ${source} \nTarget id: ${target}`,
+	["EDGE_DUPLICATE_ID"]: (id) => `Edge id is not unique — a later edge overwrites the earlier one in the lookup\nEdge id: ${id}`,
 	["EDGE_NOT_FOUND"]: (id) => `Edge not found\nEdge id: ${id}`,
 	["USE_VUE_FLOW_OUTSIDE_PROVIDER"]: () => `useVueFlow() was called without a <VueFlow> or <VueFlowProvider> ancestor (or outside a component setup). Render one of them above the call, or wrap your components in <VueFlowProvider> to share a store.`
 };
@@ -110,7 +114,7 @@ var export_helper_default = (sfc, props) => {
 };
 //#endregion
 //#region src/components/Background/Background.vue
-const _sfc_main$24 = /* @__PURE__ */ defineComponent({
+const _sfc_main$25 = /* @__PURE__ */ defineComponent({
 	name: "Background",
 	compatConfig: { MODE: 3 },
 	props: {
@@ -195,7 +199,7 @@ const _sfc_main$24 = /* @__PURE__ */ defineComponent({
 		return __returned__;
 	}
 });
-const _hoisted_1$14 = { class: "vue-flow__background vue-flow__container" };
+const _hoisted_1$15 = { class: "vue-flow__background vue-flow__container" };
 const _hoisted_2$4 = [
 	"id",
 	"x",
@@ -209,8 +213,8 @@ const _hoisted_3$3 = [
 	"y",
 	"fill"
 ];
-function _sfc_render$24(_ctx, _cache, $props, $setup, $data, $options) {
-	return openBlock(), createElementBlock("svg", _hoisted_1$14, [
+function _sfc_render$25(_ctx, _cache, $props, $setup, $data, $options) {
+	return openBlock(), createElementBlock("svg", _hoisted_1$15, [
 		renderSlot(_ctx.$slots, "pattern-container", { id: $setup.patternId }, () => [createElementVNode("pattern", {
 			id: $setup.patternId,
 			x: $setup.viewport.x % $setup.background.scaledGap[0],
@@ -243,10 +247,10 @@ function _sfc_render$24(_ctx, _cache, $props, $setup, $data, $options) {
 		renderSlot(_ctx.$slots, "default", { id: $setup.patternId })
 	]);
 }
-var Background_default = /* @__PURE__ */ export_helper_default(_sfc_main$24, [["render", _sfc_render$24], ["__file", "/Users/moritz/xyflow/xyflow/packages/vue/src/components/Background/Background.vue"]]);
+var Background_default = /* @__PURE__ */ export_helper_default(_sfc_main$25, [["render", _sfc_render$25], ["__file", "/Users/moritz/xyflow/xyflow/packages/vue/src/components/Background/Background.vue"]]);
 //#endregion
 //#region src/components/Controls/ControlButton.vue
-const _sfc_main$23 = /* @__PURE__ */ defineComponent({
+const _sfc_main$24 = /* @__PURE__ */ defineComponent({
 	name: "ControlButton",
 	compatConfig: { MODE: 3 },
 	props: {
@@ -270,12 +274,12 @@ const _sfc_main$23 = /* @__PURE__ */ defineComponent({
 		return __returned__;
 	}
 });
-const _hoisted_1$13 = [
+const _hoisted_1$14 = [
 	"disabled",
 	"aria-label",
 	"title"
 ];
-function _sfc_render$23(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$24(_ctx, _cache, $props, $setup, $data, $options) {
 	return openBlock(), createElementBlock("button", {
 		type: "button",
 		class: "vue-flow__controls-button",
@@ -283,9 +287,9 @@ function _sfc_render$23(_ctx, _cache, $props, $setup, $data, $options) {
 		"aria-label": $props.label,
 		title: $props.label,
 		onClick: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("click", $event))
-	}, [renderSlot(_ctx.$slots, "default")], 8, _hoisted_1$13);
+	}, [renderSlot(_ctx.$slots, "default")], 8, _hoisted_1$14);
 }
-var ControlButton_default = /* @__PURE__ */ export_helper_default(_sfc_main$23, [["render", _sfc_render$23], ["__file", "/Users/moritz/xyflow/xyflow/packages/vue/src/components/Controls/ControlButton.vue"]]);
+var ControlButton_default = /* @__PURE__ */ export_helper_default(_sfc_main$24, [["render", _sfc_render$24], ["__file", "/Users/moritz/xyflow/xyflow/packages/vue/src/components/Controls/ControlButton.vue"]]);
 //#endregion
 //#region src/composables/storeToRefs.ts
 /**
@@ -314,7 +318,7 @@ function storeToRefs(store) {
 * @param params
 */
 function useDrag(params) {
-	const { panBy, getInternalNode, removeSelectedNodes, removeSelectedEdges, updateNodePositions, getNodes, getEdges } = useVueFlow();
+	const { panBy, getInternalNode, addSelectedNodes, removeSelectedNodes, removeSelectedEdges, updateNodePositions, getNodes, getEdges } = useVueFlow();
 	const store = useStore();
 	const { nodeLookup } = store;
 	const { onStart, onDrag, onStop, onClick, el, disabled, id, selectable, dragHandle } = params;
@@ -386,6 +390,13 @@ function useDrag(params) {
 				},
 				autoPanSpeed: store.autoPanSpeed
 			}),
+			onNodeMouseDown: (nodeId) => {
+				const node = getInternalNode(nodeId);
+				if (!node) return;
+				store.nodesSelectionActive = false;
+				if (!node.selected) addSelectedNodes([node]);
+				else if (store.multiSelectionActive) removeSelectedNodes([node]);
+			},
 			onDragStart: (event, _dragItems, node, nodes) => {
 				dragFired = true;
 				dragging.value = true;
@@ -825,12 +836,15 @@ function reconnectEdgeAction(edge, newConnection, prevEdge, shouldReplaceId, tri
 */
 function adoptNodes(nodes, nodeLookup, parentLookup, triggerError, options) {
 	const validNodes = [];
+	const seenNodeIds = /* @__PURE__ */ new Set();
 	for (let i = 0; i < nodes.length; ++i) {
 		const node = nodes[i];
 		if (!isNode(node)) {
 			triggerError(new VueFlowError("NODE_INVALID", node?.id ?? `[ID UNKNOWN|INDEX ${i}]`));
 			continue;
 		}
+		if (seenNodeIds.has(node.id)) triggerError(new VueFlowError("NODE_DUPLICATE_ID", node.id));
+		else seenNodeIds.add(node.id);
 		validNodes.push(markRaw(toRaw(node)));
 	}
 	const priorInternals = /* @__PURE__ */ new Map();
@@ -1553,9 +1567,10 @@ function useViewportHelper(state, nodeLookup) {
 /**
 * Two-way bind a `v-model` array ref to the store, identity-in / snapshot-out, with native `watch`.
 *
-* Used only when `<VueFlow>` does NOT own its store (it reuses a `<VueFlowProvider>`'s), so the model
-* refs can't back the store directly. The owned-store path is single-source instead — the model refs
-* ARE the store's nodes/edges (see `createStore`'s `StoreSignals` binding), needing no sync here.
+* Runs for BOTH the owned- and reused-store paths: the store's canonical nodes/edges are always an
+* internal `shallowRef` (see `createStore`), never the v-model ref, so this is the single place the model
+* ref is bridged to the store. Both directions flush synchronously so the model ref and the store's
+* synchronous reads (`getNodes`/`state.nodes`) never disagree within a tick.
 *
 * - **out** (store → model): snapshot on every membership change; element refs are shared, so per-node
 *   field mutations surface without a copy.
@@ -1568,24 +1583,29 @@ function syncModelArray(model, storeItems, setItems) {
 	watch([storeItems, () => storeItems.value.length], () => {
 		lastSnapshot = [...storeItems.value];
 		model.value = lastSnapshot;
-	}, { immediate: storeItems.value.length > 0 });
+	}, {
+		immediate: storeItems.value.length > 0,
+		flush: "sync"
+	});
 	watch([model, () => model.value?.length], ([next]) => {
 		if (!Array.isArray(next)) return;
 		const nextRaw = toRaw(next);
 		if (nextRaw === lastSnapshot) return;
 		setItems(nextRaw);
-	}, { immediate: true });
+	}, {
+		immediate: true,
+		flush: "sync"
+	});
 }
 /**
 * Watches props and updates the store accordingly
 *
 * @internal
-* @param models v-model refs for nodes/edges (bound only when `ownsStore` is false — see {@link syncModelArray})
+* @param models v-model refs for nodes/edges — bridged to the store here (see {@link syncModelArray})
 * @param props the `<VueFlow>` props
 * @param handle the created store handle ({@link VueFlowStoreHandle}) — instance (actions) + reactive state
-* @param ownsStore whether this `<VueFlow>` created the store (then nodes/edges are signal-backed and skipped here)
 */
-function useWatchProps(models, props, handle, ownsStore = false) {
+function useWatchProps(models, props, handle) {
 	const { instance, state } = handle;
 	const storeRefs = storeToRefs(state);
 	const scope = effectScope(true);
@@ -1689,10 +1709,8 @@ function useWatchProps(models, props, handle, ownsStore = false) {
 			}
 		};
 		const runAll = () => {
-			if (!ownsStore) {
-				watchNodesValue();
-				watchEdgesValue();
-			}
+			watchNodesValue();
+			watchEdgesValue();
 			watchMinZoom();
 			watchMaxZoom();
 			watchTranslateExtent();
@@ -1708,13 +1726,14 @@ function useWatchProps(models, props, handle, ownsStore = false) {
 }
 //#endregion
 //#region src/components/Panel/Panel.vue
-const _sfc_main$22 = /* @__PURE__ */ defineComponent({
+const _sfc_main$23 = /* @__PURE__ */ defineComponent({
 	name: "Panel",
 	compatConfig: { MODE: 3 },
 	props: {
 		position: {
 			type: String,
-			required: true
+			required: false,
+			default: "top-left"
 		},
 		label: {
 			type: [String, null],
@@ -1737,15 +1756,15 @@ const _sfc_main$22 = /* @__PURE__ */ defineComponent({
 		return __returned__;
 	}
 });
-const _hoisted_1$12 = ["aria-label"];
-function _sfc_render$22(_ctx, _cache, $props, $setup, $data, $options) {
+const _hoisted_1$13 = ["aria-label"];
+function _sfc_render$23(_ctx, _cache, $props, $setup, $data, $options) {
 	return openBlock(), createElementBlock("div", {
 		class: normalizeClass(["vue-flow__panel", $setup.positionClasses]),
 		"aria-label": $props.label ?? void 0,
 		style: normalizeStyle({ pointerEvents: $setup.userSelectionActive ? "none" : "all" })
-	}, [renderSlot(_ctx.$slots, "default")], 14, _hoisted_1$12);
+	}, [renderSlot(_ctx.$slots, "default")], 14, _hoisted_1$13);
 }
-var Panel_default = /* @__PURE__ */ export_helper_default(_sfc_main$22, [["render", _sfc_render$22], ["__file", "/Users/moritz/xyflow/xyflow/packages/vue/src/components/Panel/Panel.vue"]]);
+var Panel_default = /* @__PURE__ */ export_helper_default(_sfc_main$23, [["render", _sfc_render$23], ["__file", "/Users/moritz/xyflow/xyflow/packages/vue/src/components/Panel/Panel.vue"]]);
 //#endregion
 //#region src/components/Controls/icons.ts
 function icon(viewBox, d) {
@@ -1762,7 +1781,7 @@ const Lock = icon("0 0 25 32", "M21.333 10.667H19.81V7.619C19.81 3.429 16.38 0 1
 const Unlock = icon("0 0 25 32", "M21.333 10.667H19.81V7.619C19.81 3.429 16.38 0 12.19 0c-4.114 1.828-1.37 2.133.305 2.438 1.676.305 4.42 2.59 4.42 5.181v3.048H3.047A3.056 3.056 0 000 13.714v15.238A3.056 3.056 0 003.048 32h18.285a3.056 3.056 0 003.048-3.048V13.714a3.056 3.056 0 00-3.048-3.047zM12.19 24.533a3.056 3.056 0 01-3.047-3.047 3.056 3.056 0 013.047-3.048 3.056 3.056 0 013.048 3.048 3.056 3.056 0 01-3.048 3.047z");
 //#endregion
 //#region src/components/Controls/Controls.vue
-const _sfc_main$21 = /* @__PURE__ */ defineComponent({
+const _sfc_main$22 = /* @__PURE__ */ defineComponent({
 	name: "Controls",
 	compatConfig: { MODE: 3 },
 	props: {
@@ -1872,7 +1891,7 @@ const _sfc_main$21 = /* @__PURE__ */ defineComponent({
 		return __returned__;
 	}
 });
-function _sfc_render$21(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$22(_ctx, _cache, $props, $setup, $data, $options) {
 	return openBlock(), createBlock($setup["Panel"], {
 		class: "vue-flow__controls",
 		position: $props.position,
@@ -1919,10 +1938,10 @@ function _sfc_render$21(_ctx, _cache, $props, $setup, $data, $options) {
 		_: 3
 	}, 8, ["position", "label"]);
 }
-var Controls_default = /* @__PURE__ */ export_helper_default(_sfc_main$21, [["render", _sfc_render$21], ["__file", "/Users/moritz/xyflow/xyflow/packages/vue/src/components/Controls/Controls.vue"]]);
+var Controls_default = /* @__PURE__ */ export_helper_default(_sfc_main$22, [["render", _sfc_render$22], ["__file", "/Users/moritz/xyflow/xyflow/packages/vue/src/components/Controls/Controls.vue"]]);
 //#endregion
 //#region src/components/Edges/EdgeText.vue
-const _sfc_main$20 = /* @__PURE__ */ defineComponent({
+const _sfc_main$21 = /* @__PURE__ */ defineComponent({
 	name: "EdgeText",
 	compatConfig: { MODE: 3 },
 	props: {
@@ -2002,7 +2021,7 @@ const _sfc_main$20 = /* @__PURE__ */ defineComponent({
 		return __returned__;
 	}
 });
-const _hoisted_1$11 = ["transform", "visibility"];
+const _hoisted_1$12 = ["transform", "visibility"];
 const _hoisted_2$3 = [
 	"width",
 	"height",
@@ -2012,7 +2031,7 @@ const _hoisted_2$3 = [
 	"ry"
 ];
 const _hoisted_3$2 = ["y"];
-function _sfc_render$20(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$21(_ctx, _cache, $props, $setup, $data, $options) {
 	return openBlock(), createElementBlock("g", {
 		transform: $setup.transform,
 		visibility: $setup.box.width ? "visible" : "hidden",
@@ -2033,12 +2052,12 @@ function _sfc_render$20(_ctx, _cache, $props, $setup, $data, $options) {
 		y: $setup.box.height / 2,
 		dy: "0.3em",
 		style: $props.labelStyle
-	}), [renderSlot(_ctx.$slots, "default", {}, () => [typeof $props.label !== "string" ? (openBlock(), createBlock(resolveDynamicComponent($props.label), { key: 0 })) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [createTextVNode(toDisplayString($props.label), 1)], 64))])], 16, _hoisted_3$2)], 8, _hoisted_1$11);
+	}), [renderSlot(_ctx.$slots, "default", {}, () => [typeof $props.label !== "string" ? (openBlock(), createBlock(resolveDynamicComponent($props.label), { key: 0 })) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [createTextVNode(toDisplayString($props.label), 1)], 64))])], 16, _hoisted_3$2)], 8, _hoisted_1$12);
 }
-var EdgeText_default = /* @__PURE__ */ export_helper_default(_sfc_main$20, [["render", _sfc_render$20], ["__file", "/Users/moritz/xyflow/xyflow/packages/vue/src/components/Edges/EdgeText.vue"]]);
+var EdgeText_default = /* @__PURE__ */ export_helper_default(_sfc_main$21, [["render", _sfc_render$21], ["__file", "/Users/moritz/xyflow/xyflow/packages/vue/src/components/Edges/EdgeText.vue"]]);
 //#endregion
 //#region src/components/Edges/BaseEdge.vue
-const _sfc_main$19 = /* @__PURE__ */ defineComponent({
+const _sfc_main$20 = /* @__PURE__ */ defineComponent({
 	name: "BaseEdge",
 	inheritAttrs: false,
 	compatConfig: { MODE: 3 },
@@ -2121,14 +2140,14 @@ const _sfc_main$19 = /* @__PURE__ */ defineComponent({
 		return __returned__;
 	}
 });
-const _hoisted_1$10 = [
+const _hoisted_1$11 = [
 	"id",
 	"d",
 	"marker-end",
 	"marker-start"
 ];
 const _hoisted_2$2 = ["d", "stroke-width"];
-function _sfc_render$19(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$20(_ctx, _cache, $props, $setup, $data, $options) {
 	return openBlock(), createElementBlock(Fragment, null, [
 		createElementVNode("path", mergeProps($setup.attrs, {
 			id: $props.id,
@@ -2137,7 +2156,7 @@ function _sfc_render$19(_ctx, _cache, $props, $setup, $data, $options) {
 			class: "vue-flow__edge-path",
 			"marker-end": $props.markerEnd,
 			"marker-start": $props.markerStart
-		}), null, 16, _hoisted_1$10),
+		}), null, 16, _hoisted_1$11),
 		$props.interactionWidth ? (openBlock(), createElementBlock("path", {
 			key: 0,
 			ref: "interactionEl",
@@ -2170,7 +2189,7 @@ function _sfc_render$19(_ctx, _cache, $props, $setup, $data, $options) {
 		])) : createCommentVNode("v-if", true)
 	], 64);
 }
-var BaseEdge_default = /* @__PURE__ */ export_helper_default(_sfc_main$19, [["render", _sfc_render$19], ["__file", "/Users/moritz/xyflow/xyflow/packages/vue/src/components/Edges/BaseEdge.vue"]]);
+var BaseEdge_default = /* @__PURE__ */ export_helper_default(_sfc_main$20, [["render", _sfc_render$20], ["__file", "/Users/moritz/xyflow/xyflow/packages/vue/src/components/Edges/BaseEdge.vue"]]);
 //#endregion
 //#region src/components/Edges/utils.ts
 /**
@@ -2238,7 +2257,7 @@ const BezierEdge = defineComponent({
 });
 //#endregion
 //#region src/components/Edges/EdgeLabelRenderer.vue
-const _sfc_main$18 = /* @__PURE__ */ defineComponent({
+const _sfc_main$19 = /* @__PURE__ */ defineComponent({
 	name: "EdgeLabelRenderer",
 	compatConfig: { MODE: 3 },
 	setup(__props, { expose: __expose }) {
@@ -2255,17 +2274,17 @@ const _sfc_main$18 = /* @__PURE__ */ defineComponent({
 		return __returned__;
 	}
 });
-const _hoisted_1$9 = {
+const _hoisted_1$10 = {
 	height: "0",
 	width: "0"
 };
-function _sfc_render$18(_ctx, _cache, $props, $setup, $data, $options) {
-	return openBlock(), createElementBlock("svg", null, [(openBlock(), createElementBlock("foreignObject", _hoisted_1$9, [(openBlock(), createBlock(Teleport, {
+function _sfc_render$19(_ctx, _cache, $props, $setup, $data, $options) {
+	return openBlock(), createElementBlock("svg", null, [(openBlock(), createElementBlock("foreignObject", _hoisted_1$10, [(openBlock(), createBlock(Teleport, {
 		to: $setup.teleportTarget,
 		disabled: !$setup.teleportTarget
 	}, [renderSlot(_ctx.$slots, "default")], 8, ["to", "disabled"]))]))]);
 }
-var EdgeLabelRenderer_default = /* @__PURE__ */ export_helper_default(_sfc_main$18, [["render", _sfc_render$18], ["__file", "/Users/moritz/xyflow/xyflow/packages/vue/src/components/Edges/EdgeLabelRenderer.vue"]]);
+var EdgeLabelRenderer_default = /* @__PURE__ */ export_helper_default(_sfc_main$19, [["render", _sfc_render$19], ["__file", "/Users/moritz/xyflow/xyflow/packages/vue/src/components/Edges/EdgeLabelRenderer.vue"]]);
 //#endregion
 //#region src/components/Edges/SimpleBezierEdge.ts
 function getControl({ pos, x1, y1, x2, y2 }) {
@@ -2474,7 +2493,7 @@ const StraightEdge = defineComponent({
 });
 //#endregion
 //#region src/components/Handle/Handle.vue
-const _sfc_main$17 = /* @__PURE__ */ defineComponent({
+const _sfc_main$18 = /* @__PURE__ */ defineComponent({
 	name: "Handle",
 	compatConfig: { MODE: 3 },
 	props: {
@@ -2646,8 +2665,8 @@ const _sfc_main$17 = /* @__PURE__ */ defineComponent({
 		return __returned__;
 	}
 });
-const _hoisted_1$8 = ["aria-label"];
-function _sfc_render$17(_ctx, _cache, $props, $setup, $data, $options) {
+const _hoisted_1$9 = ["aria-label"];
+function _sfc_render$18(_ctx, _cache, $props, $setup, $data, $options) {
 	return openBlock(), createElementBlock("div", mergeProps({ ref: "handle" }, $setup.handleDataIds, {
 		"aria-label": $setup.store.ariaLabelConfig["handle.ariaLabel"],
 		class: ["vue-flow__handle", [
@@ -2661,9 +2680,84 @@ function _sfc_render$17(_ctx, _cache, $props, $setup, $data, $options) {
 		onMousedown: $setup.onPointerDown,
 		onTouchstartPassive: $setup.onPointerDown,
 		onClick: $setup.onClick
-	}), [renderSlot(_ctx.$slots, "default", { id: $props.id })], 16, _hoisted_1$8);
+	}), [renderSlot(_ctx.$slots, "default", { id: $props.id })], 16, _hoisted_1$9);
 }
-var Handle_default = /* @__PURE__ */ export_helper_default(_sfc_main$17, [["render", _sfc_render$17], ["__file", "/Users/moritz/xyflow/xyflow/packages/vue/src/components/Handle/Handle.vue"]]);
+var Handle_default = /* @__PURE__ */ export_helper_default(_sfc_main$18, [["render", _sfc_render$18], ["__file", "/Users/moritz/xyflow/xyflow/packages/vue/src/components/Handle/Handle.vue"]]);
+//#endregion
+//#region src/components/EdgeToolbar/EdgeToolbar.vue
+const _sfc_main$17 = /* @__PURE__ */ defineComponent({
+	name: "EdgeToolbar",
+	compatConfig: { MODE: 3 },
+	inheritAttrs: false,
+	props: {
+		edgeId: {
+			type: String,
+			required: true
+		},
+		x: {
+			type: Number,
+			required: true
+		},
+		y: {
+			type: Number,
+			required: true
+		},
+		isVisible: {
+			type: Boolean,
+			required: false,
+			default: void 0
+		},
+		alignX: {
+			type: String,
+			required: false,
+			default: "center"
+		},
+		alignY: {
+			type: String,
+			required: false,
+			default: "center"
+		}
+	},
+	setup(__props, { expose: __expose }) {
+		__expose();
+		const props = __props;
+		const { viewport } = useVueFlow();
+		const { edgeLookup } = useStore();
+		const edge = computed(() => edgeLookup.get(props.edgeId));
+		const __returned__ = {
+			props,
+			viewport,
+			edgeLookup,
+			edge,
+			isActive: computed(() => typeof props.isVisible === "boolean" ? props.isVisible : edge.value?.selected),
+			wrapperStyle: computed(() => ({
+				position: "absolute",
+				transform: getEdgeToolbarTransform(props.x, props.y, viewport.value.zoom, props.alignX, props.alignY),
+				zIndex: (edge.value?.zIndex ?? 0) + 1,
+				pointerEvents: "all",
+				transformOrigin: "0 0"
+			})),
+			EdgeLabelRenderer: EdgeLabelRenderer_default
+		};
+		Object.defineProperty(__returned__, "__isScriptSetup", {
+			enumerable: false,
+			value: true
+		});
+		return __returned__;
+	}
+});
+const _hoisted_1$8 = ["data-id"];
+function _sfc_render$17(_ctx, _cache, $props, $setup, $data, $options) {
+	return $setup.isActive ? (openBlock(), createBlock($setup["EdgeLabelRenderer"], { key: 0 }, {
+		default: withCtx(() => [createElementVNode("div", mergeProps(_ctx.$attrs, {
+			style: $setup.wrapperStyle,
+			"data-id": $setup.edge?.id ?? "",
+			class: "vue-flow__edge-toolbar"
+		}), [renderSlot(_ctx.$slots, "default")], 16, _hoisted_1$8)]),
+		_: 3
+	})) : createCommentVNode("v-if", true);
+}
+var EdgeToolbar_default = /* @__PURE__ */ export_helper_default(_sfc_main$17, [["render", _sfc_render$17], ["__file", "/Users/moritz/xyflow/xyflow/packages/vue/src/components/EdgeToolbar/EdgeToolbar.vue"]]);
 //#endregion
 //#region src/components/MiniMap/types.ts
 const Slots = Symbol("MiniMapSlots");
@@ -3306,14 +3400,16 @@ const _sfc_main$14 = /* @__PURE__ */ defineComponent({
 		const { nodeLookup, parentLookup } = useStore();
 		const { transform, nodeOrigin, snapGrid, snapToGrid, vueFlowRef, noDragClassName } = storeToRefs(useStore());
 		const resizeControlRef = shallowRef();
+		const contextNodeId = inject(NodeId, null);
+		const nodeId = toRef(() => typeof props.nodeId === "string" ? props.nodeId : contextNodeId ?? void 0);
 		const controlPosition = toRef(() => props.position ?? DefaultPositions[props.variant]);
 		const positionClassNames = computed(() => controlPosition.value.split("-"));
 		const controlStyle = toRef(() => props.color ? { [StylingProperty[props.variant]]: props.color } : {});
 		watchEffect((onCleanup) => {
-			if (!resizeControlRef.value || !props.nodeId) return;
+			if (!resizeControlRef.value || !nodeId.value) return;
 			const resizerInstance = XYResizer({
 				domNode: resizeControlRef.value,
-				nodeId: props.nodeId,
+				nodeId: nodeId.value,
 				getStoreItems: () => ({
 					nodeLookup,
 					transform: transform.value,
@@ -3324,7 +3420,7 @@ const _sfc_main$14 = /* @__PURE__ */ defineComponent({
 				}),
 				onChange: (changes, childChanges) => {
 					const nodeChanges = [];
-					const node = nodeLookup.get(props.nodeId);
+					const node = nodeLookup.get(nodeId.value);
 					let nextX = changes.x;
 					let nextY = changes.y;
 					if (node?.expandParent && node.parentId) {
@@ -3356,14 +3452,14 @@ const _sfc_main$14 = /* @__PURE__ */ defineComponent({
 							y: nextY ?? node?.position.y ?? 0
 						};
 						nodeChanges.push({
-							id: props.nodeId,
+							id: nodeId.value,
 							type: "position",
 							position,
 							positionAbsolute: position
 						});
 					}
 					if (typeof changes.width !== "undefined" || typeof changes.height !== "undefined") nodeChanges.push({
-						id: props.nodeId,
+						id: nodeId.value,
 						type: "dimensions",
 						setAttributes: true,
 						resizing: true,
@@ -3382,7 +3478,7 @@ const _sfc_main$14 = /* @__PURE__ */ defineComponent({
 				},
 				onEnd: ({ width, height }) => {
 					triggerEmits.nodesChange([{
-						id: props.nodeId,
+						id: nodeId.value,
 						type: "dimensions",
 						resizing: false,
 						dimensions: {
@@ -3433,6 +3529,8 @@ const _sfc_main$14 = /* @__PURE__ */ defineComponent({
 			vueFlowRef,
 			noDragClassName,
 			resizeControlRef,
+			contextNodeId,
+			nodeId,
 			controlPosition,
 			positionClassNames,
 			controlStyle,
@@ -4276,8 +4374,11 @@ function useActions(state, nodeLookup, parentLookup, edgeLookup) {
 	*/
 	function commitEdges(next) {
 		const rawEdgeLookup = toRaw(edgeLookup);
+		const seenEdgeIds = /* @__PURE__ */ new Set();
 		for (let i = 0; i < next.length; i++) {
 			const edge = next[i] = markRaw(toRaw(next[i]));
+			if (seenEdgeIds.has(edge.id)) state.hooks.error.trigger(new VueFlowError("EDGE_DUPLICATE_ID", edge.id));
+			else seenEdgeIds.add(edge.id);
 			if (rawEdgeLookup.get(edge.id) !== edge) edgeLookup.set(edge.id, edge);
 		}
 		if (rawEdgeLookup.size !== next.length) {
@@ -4961,17 +5062,14 @@ function useGetters(state, nodeLookup) {
 * @internal
 */
 function createVueFlowStore(id, preloadedState, onDestroy, signals) {
-	const nodesSignal = signals?.nodes ?? shallowRef([]);
-	const edgesSignal = signals?.edges ?? shallowRef([]);
-	let lastWriteNodes;
-	let lastWriteEdges;
+	const nodesSignal = shallowRef(signals?.nodes?.value ?? []);
+	const edgesSignal = shallowRef(signals?.edges?.value ?? []);
 	const emptyNodes = [];
 	const emptyEdges = [];
 	const state = useState();
 	Object.defineProperty(state, "nodes", {
 		get: () => nodesSignal.value ?? emptyNodes,
 		set: (value) => {
-			lastWriteNodes = toRaw(value);
 			nodesSignal.value = value;
 		},
 		enumerable: true,
@@ -4980,7 +5078,6 @@ function createVueFlowStore(id, preloadedState, onDestroy, signals) {
 	Object.defineProperty(state, "edges", {
 		get: () => edgesSignal.value ?? emptyEdges,
 		set: (value) => {
-			lastWriteEdges = toRaw(value);
 			edgesSignal.value = value;
 		},
 		enumerable: true,
@@ -5003,14 +5100,6 @@ function createVueFlowStore(id, preloadedState, onDestroy, signals) {
 		...reactiveState,
 		...preloadedState
 	});
-	if (signals?.nodes) watch(nodesSignal, (next) => {
-		const nextRaw = next && toRaw(next);
-		if (nextRaw && nextRaw !== lastWriteNodes) actions.setNodes(nextRaw);
-	});
-	if (signals?.edges) watch(edgesSignal, (next) => {
-		const nextRaw = next && toRaw(next);
-		if (nextRaw && nextRaw !== lastWriteEdges) actions.setEdges(nextRaw);
-	});
 	return {
 		instance: {
 			...hooksOn,
@@ -5161,7 +5250,7 @@ function useViewportSync(model, state = useStore()) {
 		};
 		if (sameViewport(viewport, model.value)) return;
 		model.value = viewport;
-	});
+	}, { flush: "sync" });
 }
 //#endregion
 //#region src/components/ConnectionLine/index.ts
@@ -5194,13 +5283,13 @@ const ConnectionLine = defineComponent({
 			}
 			const fromHandle = (startHandleId ? handleBounds.find((d) => d.id === startHandleId) : handleBounds[0]) ?? null;
 			const fromPosition = fromHandle?.position ?? Position$1.Top;
-			const { x: fromX, y: fromY } = getHandlePosition(fromNode.value, fromHandle, fromPosition);
+			const { x: fromX, y: fromY } = getHandlePosition(fromNode.value, fromHandle, fromPosition, true);
 			let toHandle = null;
 			if (toNode.value) if (connectionMode.value === ConnectionMode$1.Strict) toHandle = toNode.value.internals.handleBounds?.[handleType === "source" ? "target" : "source"]?.find((d) => d.id === connectionEndHandle.value?.id) || null;
 			else toHandle = [...toNode.value.internals.handleBounds?.source ?? [], ...toNode.value.internals.handleBounds?.target ?? []].find((d) => d.id === connectionEndHandle.value?.id) || null;
 			const toPosition = connectionEndHandle.value?.position ?? (fromPosition ? oppositePosition[fromPosition] : null);
 			if (!fromPosition || !toPosition) return null;
-			const { x: toX, y: toY } = toHandle && toNode.value ? getHandlePosition(toNode.value, toHandle, toPosition) : pointer.value;
+			const { x: toX, y: toY } = toHandle && toNode.value ? getHandlePosition(toNode.value, toHandle, toPosition, true) : pointer.value;
 			const type = connectionLineOptions.value.type ?? ConnectionLineType$1.Bezier;
 			let dAttr = "";
 			const pathParams = {
@@ -5941,6 +6030,8 @@ const NodeWrapper = defineComponent({
 		const getStyle = computed(() => {
 			const node = nodeRef.value;
 			const styles = { ...node?.style };
+			if (typeof styles.width === "number") styles.width = `${styles.width}px`;
+			if (typeof styles.height === "number") styles.height = `${styles.height}px`;
 			const isMeasured = !!node?.internals.handleBounds;
 			const width = node?.width ?? (isMeasured ? void 0 : node?.initialWidth);
 			const height = node?.height ?? (isMeasured ? void 0 : node?.initialHeight);
@@ -7309,7 +7400,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
 		}, props, {
 			instance,
 			state
-		}, ownsStore);
+		});
 		useHooks(emit, state.hooks);
 		useOnInitHandler(instance);
 		useSelectionChange(instance);
@@ -7382,6 +7473,120 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
 }
 var VueFlowProvider_default = /* @__PURE__ */ export_helper_default(_sfc_main, [["render", _sfc_render], ["__file", "/Users/moritz/xyflow/xyflow/packages/vue/src/container/VueFlowProvider/VueFlowProvider.vue"]]);
 //#endregion
-export { Background_default as Background, BaseEdge_default as BaseEdge, BezierEdge, ConnectionLineType, ConnectionMode, ControlButton_default as ControlButton, Controls_default as Controls, EdgeLabelRenderer_default as EdgeLabelRenderer, EdgeText_default as EdgeText, ErrorCode, Handle_default as Handle, MarkerType, MiniMap_default as MiniMap, MiniMapNode_default as MiniMapNode, NodeId as NodeIdInjection, ResizeControl_default as NodeResizeControl, NodeResizer_default as NodeResizer, NodeToolbar_default as NodeToolbar, PanOnScrollMode, Panel_default as Panel, Position, ResizeControlVariant, SelectionMode, SimpleBezierEdge, Slots, SmoothStepEdge, StepEdge, StraightEdge, VueFlow_default as VueFlow, VueFlowError, VueFlow as VueFlowInjection, VueFlowProvider_default as VueFlowProvider, applyChanges, applyEdgeChanges, applyNodeChanges, clamp, connectionExists, defaultEdgeTypes, defaultNodeTypes, getBezierEdgeCenter, getBezierPath, getBoundsOfBoxes, getBoundsOfRects, getConnectedEdges, getConnectionStatus, getIncomers, getMarkerId, getNodesBounds, getNodesInside, getOutgoers, getSimpleBezierPath, getSmoothStepPath, getStraightPath, getViewportForBounds, isEdge, isEdgeBase, isErrorOfType, isInternalNode, isInternalNodeBase, isMacOs, isNode, isNodeBase, pointToRendererPoint, rendererPointToPoint, storeToRefs, useConnection, useEdge, useEdgesData, useHandle, useInternalNode, useKeyPress, useNode, useNodeConnections, useNodeId, useNodesData, useNodesInitialized, useStore, useVueFlow };
+//#region src/utils/prop-of.ts
+function propOf(required = false) {
+	return {
+		type: null,
+		required
+	};
+}
+//#endregion
+//#region src/props-objects.gen.ts
+function nodeProps() {
+	return {
+		data: propOf(true),
+		deletable: propOf(true),
+		dragHandle: propOf(),
+		draggable: propOf(true),
+		dragging: propOf(true),
+		height: propOf(),
+		id: propOf(true),
+		isConnectable: propOf(true),
+		parentId: propOf(),
+		positionAbsoluteX: propOf(true),
+		positionAbsoluteY: propOf(true),
+		selectable: propOf(true),
+		selected: propOf(true),
+		sourcePosition: propOf(),
+		targetPosition: propOf(),
+		type: propOf(true),
+		width: propOf(),
+		zIndex: propOf(true)
+	};
+}
+function edgeProps() {
+	return {
+		animated: propOf(),
+		curvature: propOf(),
+		data: propOf(),
+		deletable: propOf(),
+		id: propOf(true),
+		interactionWidth: propOf(),
+		label: propOf(),
+		labelBgBorderRadius: propOf(),
+		labelBgPadding: propOf(),
+		labelBgStyle: propOf(),
+		labelShowBg: propOf(),
+		labelStyle: propOf(),
+		markerEnd: propOf(),
+		markerStart: propOf(),
+		reconnectable: propOf(),
+		selectable: propOf(),
+		selected: propOf(),
+		source: propOf(true),
+		sourceHandleId: propOf(),
+		sourcePosition: propOf(true),
+		sourceX: propOf(true),
+		sourceY: propOf(true),
+		style: propOf(),
+		target: propOf(true),
+		targetHandleId: propOf(),
+		targetPosition: propOf(true),
+		targetX: propOf(true),
+		targetY: propOf(true),
+		type: propOf()
+	};
+}
+function connectionLineProps() {
+	return {
+		connectionStatus: propOf(true),
+		fromHandle: propOf(true),
+		fromNode: propOf(true),
+		fromPosition: propOf(true),
+		fromX: propOf(true),
+		fromY: propOf(true),
+		markerEnd: propOf(),
+		markerStart: propOf(),
+		pointer: propOf(true),
+		toHandle: propOf(true),
+		toNode: propOf(true),
+		toPosition: propOf(true),
+		toX: propOf(true),
+		toY: propOf(true)
+	};
+}
+//#endregion
+//#region src/utils/edges.ts
+const defaultOnError = createDevWarn("Vue Flow", "https://vueflow.dev/");
+/**
+* Adds a `Connection` (or a full `Edge`) to an edges array and returns a new array — generating the
+* edge id and skipping the add when an equivalent connection already exists. The pure helper to use
+* in an `@connect` handler against a `v-model:edges` array, e.g.
+* `edges.value = addEdge(connection, edges.value)`, with no store/instance access.
+*
+* Mirrors xyflow/react's + xyflow/svelte's `addEdge`.
+*/
+function addEdge(edgeParams, edges, options = {}) {
+	return addEdge$1(edgeParams, edges, {
+		...options,
+		onError: options.onError ?? defaultOnError
+	});
+}
+/**
+* Reconnects an existing edge to a new `Connection`, returning a new edges array. The pure,
+* controlled counterpart to the store action `useVueFlow().reconnectEdge` — use it in an
+* `@reconnect` handler against a `v-model:edges` array, e.g.
+* `edges.value = reconnectEdge(oldEdge, newConnection, edges.value)`.
+*
+* Mirrors xyflow/react's `reconnectEdge`.
+*/
+function reconnectEdge(oldEdge, newConnection, edges, options = { shouldReplaceId: true }) {
+	return reconnectEdge$1(oldEdge, newConnection, edges, {
+		...options,
+		onError: options.onError ?? defaultOnError
+	});
+}
+//#endregion
+export { Background_default as Background, BaseEdge_default as BaseEdge, BezierEdge, ConnectionLineType, ConnectionMode, ControlButton_default as ControlButton, Controls_default as Controls, EdgeLabelRenderer_default as EdgeLabelRenderer, EdgeText_default as EdgeText, EdgeToolbar_default as EdgeToolbar, ErrorCode, Handle_default as Handle, MarkerType, MiniMap_default as MiniMap, MiniMapNode_default as MiniMapNode, NodeId as NodeIdInjection, ResizeControl_default as NodeResizeControl, NodeResizer_default as NodeResizer, NodeToolbar_default as NodeToolbar, PanOnScrollMode, Panel_default as Panel, Position, ResizeControlVariant, SelectionMode, SimpleBezierEdge, Slots, SmoothStepEdge, StepEdge, StraightEdge, VueFlow_default as VueFlow, VueFlowError, VueFlow as VueFlowInjection, VueFlowProvider_default as VueFlowProvider, addEdge, applyChanges, applyEdgeChanges, applyNodeChanges, clamp, connectionExists, connectionLineProps, defaultEdgeTypes, defaultNodeTypes, edgeProps, getBezierEdgeCenter, getBezierPath, getBoundsOfBoxes, getBoundsOfRects, getConnectedEdges, getConnectionStatus, getIncomers, getMarkerId, getNodesBounds, getNodesInside, getOutgoers, getSimpleBezierPath, getSmoothStepPath, getStraightPath, getViewportForBounds, isEdge, isEdgeBase, isErrorOfType, isInternalNode, isInternalNodeBase, isMacOs, isNode, isNodeBase, nodeProps, pointToRendererPoint, reconnectEdge, rendererPointToPoint, storeToRefs, useConnection, useEdge, useEdgesData, useHandle, useInternalNode, useKeyPress, useNode, useNodeConnections, useNodeId, useNodesData, useNodesInitialized, useStore, useVueFlow };
 
 //# sourceMappingURL=index.mjs.map