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

package/dist/index.mjs

@@ -4039,70 +4039,6 @@ function useNodesInitialized(options = { includeHiddenNodes: false }) {
 	return computed(() => areNodesInitialized(nodeLookup, options.includeHiddenNodes));
 }
 //#endregion
-//#region src/components/A11y/A11yDescriptions.vue
-const _sfc_main$11 = /* @__PURE__ */ defineComponent({
-	name: "A11yDescriptions",
-	compatConfig: { MODE: 3 },
-	setup(__props, { expose: __expose }) {
-		__expose();
-		const { id } = useVueFlow();
-		const { disableKeyboardA11y, ariaLiveMessage, ariaLabelConfig } = storeToRefs(useStore());
-		const __returned__ = {
-			id,
-			disableKeyboardA11y,
-			ariaLiveMessage,
-			ariaLabelConfig,
-			get ARIA_EDGE_DESC_KEY() {
-				return ARIA_EDGE_DESC_KEY;
-			},
-			get ARIA_LIVE_MESSAGE() {
-				return ARIA_LIVE_MESSAGE;
-			},
-			get ARIA_NODE_DESC_KEY() {
-				return ARIA_NODE_DESC_KEY;
-			}
-		};
-		Object.defineProperty(__returned__, "__isScriptSetup", {
-			enumerable: false,
-			value: true
-		});
-		return __returned__;
-	}
-});
-const _hoisted_1$5 = ["id"];
-const _hoisted_2 = ["id"];
-const _hoisted_3 = ["id"];
-function _sfc_render$11(_ctx, _cache, $props, $setup, $data, $options) {
-	return openBlock(), createElementBlock(Fragment, null, [
-		createElementVNode("div", {
-			id: `${$setup.ARIA_NODE_DESC_KEY}-${$setup.id}`,
-			style: { "display": "none" }
-		}, toDisplayString($setup.disableKeyboardA11y ? $setup.ariaLabelConfig["node.a11yDescription.default"] : $setup.ariaLabelConfig["node.a11yDescription.keyboardDisabled"]), 9, _hoisted_1$5),
-		createElementVNode("div", {
-			id: `${$setup.ARIA_EDGE_DESC_KEY}-${$setup.id}`,
-			style: { "display": "none" }
-		}, toDisplayString($setup.ariaLabelConfig["edge.a11yDescription.default"]), 9, _hoisted_2),
-		!$setup.disableKeyboardA11y ? (openBlock(), createElementBlock("div", {
-			key: 0,
-			id: `${$setup.ARIA_LIVE_MESSAGE}-${$setup.id}`,
-			"aria-live": "assertive",
-			"aria-atomic": "true",
-			style: {
-				"position": "absolute",
-				"width": "1px",
-				"height": "1px",
-				"margin": "-1px",
-				"border": "0",
-				"padding": "0",
-				"overflow": "hidden",
-				"clip": "rect(0px, 0px, 0px, 0px)",
-				"clip-path": "inset(100%)"
-			}
-		}, toDisplayString($setup.ariaLiveMessage), 9, _hoisted_3)) : createCommentVNode("v-if", true)
-	], 64);
-}
-var A11yDescriptions_default = /* @__PURE__ */ export_helper_default(_sfc_main$11, [["render", _sfc_render$11], ["__file", "/Users/moritz/xyflow/xyflow/packages/vue/src/components/A11y/A11yDescriptions.vue"]]);
-//#endregion
 //#region src/store/hooks.ts
 function createHooks() {
 	return {
@@ -5156,6 +5092,101 @@ function useCreateVueFlow(options, signals) {
 	return handle;
 }
 //#endregion
+//#region src/composables/setupVueFlow.ts
+/**
+* Create a VueFlow store, `provide` it to the current component's subtree, and return the instance — the
+* same API as {@link useVueFlow}. The Vue-native alternative to wrapping in `<VueFlowProvider>`: call it
+* in the component that renders `<VueFlow>` and you get the store's actions/getters/hooks in that same
+* `setup`, while the rendered `<VueFlow>` (and any `useVueFlow()`/`useStore()` below it) reuse the provided
+* store instead of creating their own.
+*
+* Must run in a component `setup` (it calls `provide`). Delegates to the same store factory as
+* `<VueFlowProvider>`, so one call scopes one store — host a single `<VueFlow>` per setup.
+*
+* @public
+* @param options - initial flow options (`id`, initial nodes/edges, defaults, …)
+* @returns the VueFlow instance (same shape `useVueFlow()` returns)
+* @example
+* ```vue
+* <script setup lang="ts">
+* import { setupVueFlow, VueFlow } from '@xyflow/vue'
+*
+* const { addEdges, fitView } = setupVueFlow()
+* <\/script>
+*
+* <template>
+*   <VueFlow v-model:nodes="nodes" v-model:edges="edges" />
+* </template>
+* ```
+*/
+function setupVueFlow(options) {
+	return useCreateVueFlow(options).instance;
+}
+//#endregion
+//#region src/components/A11y/A11yDescriptions.vue
+const _sfc_main$11 = /* @__PURE__ */ defineComponent({
+	name: "A11yDescriptions",
+	compatConfig: { MODE: 3 },
+	setup(__props, { expose: __expose }) {
+		__expose();
+		const { id } = useVueFlow();
+		const { disableKeyboardA11y, ariaLiveMessage, ariaLabelConfig } = storeToRefs(useStore());
+		const __returned__ = {
+			id,
+			disableKeyboardA11y,
+			ariaLiveMessage,
+			ariaLabelConfig,
+			get ARIA_EDGE_DESC_KEY() {
+				return ARIA_EDGE_DESC_KEY;
+			},
+			get ARIA_LIVE_MESSAGE() {
+				return ARIA_LIVE_MESSAGE;
+			},
+			get ARIA_NODE_DESC_KEY() {
+				return ARIA_NODE_DESC_KEY;
+			}
+		};
+		Object.defineProperty(__returned__, "__isScriptSetup", {
+			enumerable: false,
+			value: true
+		});
+		return __returned__;
+	}
+});
+const _hoisted_1$5 = ["id"];
+const _hoisted_2 = ["id"];
+const _hoisted_3 = ["id"];
+function _sfc_render$11(_ctx, _cache, $props, $setup, $data, $options) {
+	return openBlock(), createElementBlock(Fragment, null, [
+		createElementVNode("div", {
+			id: `${$setup.ARIA_NODE_DESC_KEY}-${$setup.id}`,
+			style: { "display": "none" }
+		}, toDisplayString($setup.disableKeyboardA11y ? $setup.ariaLabelConfig["node.a11yDescription.default"] : $setup.ariaLabelConfig["node.a11yDescription.keyboardDisabled"]), 9, _hoisted_1$5),
+		createElementVNode("div", {
+			id: `${$setup.ARIA_EDGE_DESC_KEY}-${$setup.id}`,
+			style: { "display": "none" }
+		}, toDisplayString($setup.ariaLabelConfig["edge.a11yDescription.default"]), 9, _hoisted_2),
+		!$setup.disableKeyboardA11y ? (openBlock(), createElementBlock("div", {
+			key: 0,
+			id: `${$setup.ARIA_LIVE_MESSAGE}-${$setup.id}`,
+			"aria-live": "assertive",
+			"aria-atomic": "true",
+			style: {
+				"position": "absolute",
+				"width": "1px",
+				"height": "1px",
+				"margin": "-1px",
+				"border": "0",
+				"padding": "0",
+				"overflow": "hidden",
+				"clip": "rect(0px, 0px, 0px, 0px)",
+				"clip-path": "inset(100%)"
+			}
+		}, toDisplayString($setup.ariaLiveMessage), 9, _hoisted_3)) : createCommentVNode("v-if", true)
+	], 64);
+}
+var A11yDescriptions_default = /* @__PURE__ */ export_helper_default(_sfc_main$11, [["render", _sfc_render$11], ["__file", "/Users/moritz/xyflow/xyflow/packages/vue/src/components/A11y/A11yDescriptions.vue"]]);
+//#endregion
 //#region src/composables/useOnInitHandler.ts
 /**
 * Composable that handles the initialization of the viewport.
@@ -7587,6 +7618,6 @@ function reconnectEdge(oldEdge, newConnection, edges, options = { shouldReplaceI
 	});
 }
 //#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 };
+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, setupVueFlow, storeToRefs, useConnection, useEdge, useEdgesData, useHandle, useInternalNode, useKeyPress, useNode, useNodeConnections, useNodeId, useNodesData, useNodesInitialized, useStore, useVueFlow };
 
 //# sourceMappingURL=index.mjs.map