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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (7) hide show
  1. package/dist/index.d.mts +105 -31
  2. package/dist/index.d.ts +105 -31
  3. package/dist/index.js +251 -103
  4. package/dist/index.js.map +1 -1
  5. package/dist/index.mjs +249 -105
  6. package/dist/index.mjs.map +1 -1
  7. package/package.json +1 -1
package/dist/index.d.mts CHANGED
@@ -1,5 +1,5 @@
1
1
  import { CSSProperties, Component, ComputedRef, DefineComponent, HTMLAttributes, InjectionKey, MaybeRefOrGetter, SVGAttributes, ToRefs, VNode } from "vue";
2
- import { Align, AriaLabelConfig, AriaLabelConfig as AriaLabelConfig$1, ColorMode, ColorMode as ColorMode$1, Connection, Connection as Connection$1, ConnectionLineType, ConnectionLineType as ConnectionLineType$1, ConnectionMode, ConnectionMode as ConnectionMode$1, ControlLinePosition, ControlLinePosition as ControlLinePosition$1, ControlPosition, ControlPosition as ControlPosition$1, CoordinateExtent, CoordinateExtent as CoordinateExtent$1, Dimensions, Dimensions as Dimensions$1, DistributivePick, EdgeBase, EdgeRemoveChange, EdgeRemoveChange as EdgeRemoveChange$1, EdgeSelectionChange, EdgeSelectionChange as EdgeSelectionChange$1, FinalConnectionState, FinalConnectionState as FinalConnectionState$1, FitViewOptionsBase, FitViewOptionsBase as FitViewOptions, GetViewport, GetViewport as GetViewport$1, HandleType, HandleType as HandleType$1, InternalNodeBase, NodeBase, NodeConnection, NodeConnection as NodeConnection$1, NodeDimensionChange, NodeDimensionChange as NodeDimensionChange$1, NodePositionChange, NodePositionChange as NodePositionChange$1, NodeRemoveChange, NodeRemoveChange as NodeRemoveChange$1, NodeSelectionChange, NodeSelectionChange as NodeSelectionChange$1, Padding, Padding as Padding$1, PaddingUnit, PaddingWithUnit, PanOnScrollMode, PanOnScrollMode as PanOnScrollMode$1, PanZoomInstance, PanelPosition, Position, Position as Position$1, Project, Project as Project$1, Rect, Rect as Rect$1, ResizeControlVariant, ResizeControlVariant as ResizeControlVariant$1, ResizeControlVariant as ResizeControlVariant$2, ResizeDragEvent, ResizeDragEvent as ResizeDragEvent$1, ResizeParams, ResizeParams as ResizeParams$1, ResizeParamsWithDirection, ResizeParamsWithDirection as ResizeParamsWithDirection$1, SelectionMode, SelectionMode as SelectionMode$1, SelectionRect, SelectionRect as SelectionRect$1, SetCenter, SetCenter as SetCenter$1, SetCenterOptions, SetViewport, SetViewport as SetViewport$1, ShouldResize, ShouldResize as ShouldResize$1, SnapGrid, SnapGrid as SnapGrid$1, Transform, Viewport, Viewport as Viewport$1, ViewportHelperFunctionOptions, ViewportHelperFunctionOptions as ViewportHelperFunctionOptions$1, XYPosition, XYPosition as XYPosition$1, ZIndexMode, ZIndexMode as ZIndexMode$1, ZoomInOut, ZoomInOut as ZoomInOut$1, ZoomTo, ZoomTo as ZoomTo$1, clamp, getBezierEdgeCenter, getBezierPath, getBoundsOfBoxes, getBoundsOfRects, getConnectedEdges, getConnectionStatus, getIncomers, getMarkerId, getNodesBounds, getNodesInside, getOutgoers, getSmoothStepPath, getStraightPath, getViewportForBounds, isEdgeBase, isInternalNodeBase, isMacOs, isNodeBase, pointToRendererPoint, rendererPointToPoint } from "@xyflow/system";
2
+ import { AddEdgeOptions, Align, AriaLabelConfig, AriaLabelConfig as AriaLabelConfig$1, ColorMode, ColorMode as ColorMode$1, Connection, Connection as Connection$1, ConnectionLineType, ConnectionLineType as ConnectionLineType$1, ConnectionMode, ConnectionMode as ConnectionMode$1, ControlLinePosition, ControlLinePosition as ControlLinePosition$1, ControlPosition, ControlPosition as ControlPosition$1, CoordinateExtent, CoordinateExtent as CoordinateExtent$1, Dimensions, Dimensions as Dimensions$1, DistributivePick, EdgeBase, EdgeRemoveChange, EdgeRemoveChange as EdgeRemoveChange$1, EdgeSelectionChange, EdgeSelectionChange as EdgeSelectionChange$1, FinalConnectionState, FinalConnectionState as FinalConnectionState$1, FitViewOptionsBase, FitViewOptionsBase as FitViewOptions, GetViewport, GetViewport as GetViewport$1, HandleType, HandleType as HandleType$1, InternalNodeBase, NodeBase, NodeConnection, NodeConnection as NodeConnection$1, NodeDimensionChange, NodeDimensionChange as NodeDimensionChange$1, NodePositionChange, NodePositionChange as NodePositionChange$1, NodeRemoveChange, NodeRemoveChange as NodeRemoveChange$1, NodeSelectionChange, NodeSelectionChange as NodeSelectionChange$1, Padding, Padding as Padding$1, PaddingUnit, PaddingWithUnit, PanOnScrollMode, PanOnScrollMode as PanOnScrollMode$1, PanZoomInstance, PanelPosition, Position, Position as Position$1, Project, Project as Project$1, ReconnectEdgeOptions, Rect, Rect as Rect$1, ResizeControlVariant, ResizeControlVariant as ResizeControlVariant$1, ResizeControlVariant as ResizeControlVariant$2, ResizeDragEvent, ResizeDragEvent as ResizeDragEvent$1, ResizeParams, ResizeParams as ResizeParams$1, ResizeParamsWithDirection, ResizeParamsWithDirection as ResizeParamsWithDirection$1, SelectionMode, SelectionMode as SelectionMode$1, SelectionRect, SelectionRect as SelectionRect$1, SetCenter, SetCenter as SetCenter$1, SetCenterOptions, SetViewport, SetViewport as SetViewport$1, ShouldResize, ShouldResize as ShouldResize$1, SnapGrid, SnapGrid as SnapGrid$1, Transform, Viewport, Viewport as Viewport$1, ViewportHelperFunctionOptions, ViewportHelperFunctionOptions as ViewportHelperFunctionOptions$1, XYPosition, XYPosition as XYPosition$1, ZIndexMode, ZIndexMode as ZIndexMode$1, ZoomInOut, ZoomInOut as ZoomInOut$1, ZoomTo, ZoomTo as ZoomTo$1, clamp, getBezierEdgeCenter, getBezierPath, getBoundsOfBoxes, getBoundsOfRects, getConnectedEdges, getConnectionStatus, getIncomers, getMarkerId, getNodesBounds, getNodesInside, getOutgoers, getSmoothStepPath, getStraightPath, getViewportForBounds, isEdgeBase, isInternalNodeBase, isMacOs, isNodeBase, pointToRendererPoint, rendererPointToPoint } from "@xyflow/system";
3
3
  import { KeyFilter } from "@vueuse/core";
4
4
 
5
5
  //#region src/components/Background/types.d.ts
@@ -71,12 +71,12 @@ interface BackgroundProps {
71
71
  }
72
72
  //#endregion
73
73
  //#region src/components/Background/Background.vue.d.ts
74
- declare const _default: typeof __VLS_export$14;
75
- declare const __VLS_export$14: __VLS_WithSlots$10<import("vue").DefineComponent<BackgroundProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<BackgroundProps> & Readonly<{}>, {
74
+ declare const _default: typeof __VLS_export$15;
75
+ declare const __VLS_export$15: __VLS_WithSlots$11<import("vue").DefineComponent<BackgroundProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<BackgroundProps> & Readonly<{}>, {
76
+ offset: number | [number, number];
76
77
  x: number;
77
78
  y: number;
78
79
  size: number;
79
- offset: number | [number, number];
80
80
  variant: BackgroundVariant;
81
81
  gap: number | number[];
82
82
  lineWidth: number;
@@ -91,15 +91,15 @@ declare const __VLS_export$14: __VLS_WithSlots$10<import("vue").DefineComponent<
91
91
  id: string;
92
92
  }) => any;
93
93
  }>;
94
- type __VLS_WithSlots$10<T, S> = T & {
94
+ type __VLS_WithSlots$11<T, S> = T & {
95
95
  new (): {
96
96
  $slots: S;
97
97
  };
98
98
  };
99
99
  //#endregion
100
100
  //#region src/components/Controls/ControlButton.vue.d.ts
101
- declare const _default$2: typeof __VLS_export$13;
102
- declare const __VLS_export$13: __VLS_WithSlots$9<import("vue").DefineComponent<{
101
+ declare const _default$2: typeof __VLS_export$14;
102
+ declare const __VLS_export$14: __VLS_WithSlots$10<import("vue").DefineComponent<{
103
103
  disabled?: boolean; /** accessible label; applied as both `aria-label` and `title` (mirrors xyflow) */
104
104
  label?: string;
105
105
  }, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
@@ -112,15 +112,15 @@ declare const __VLS_export$13: __VLS_WithSlots$9<import("vue").DefineComponent<{
112
112
  }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
113
113
  default?: (props: {}) => any;
114
114
  }>;
115
- type __VLS_WithSlots$9<T, S> = T & {
115
+ type __VLS_WithSlots$10<T, S> = T & {
116
116
  new (): {
117
117
  $slots: S;
118
118
  };
119
119
  };
120
120
  //#endregion
121
121
  //#region src/components/Edges/BaseEdge.vue.d.ts
122
- declare const _default$1: typeof __VLS_export$12;
123
- declare const __VLS_export$12: import("vue").DefineComponent<BaseEdgeProps, {
122
+ declare const _default$1: typeof __VLS_export$13;
123
+ declare const __VLS_export$13: import("vue").DefineComponent<BaseEdgeProps, {
124
124
  pathEl: import("vue").ShallowRef<SVGPathElement | null, SVGPathElement | null>;
125
125
  interactionEl: import("vue").ShallowRef<SVGPathElement | null, SVGPathElement | null>;
126
126
  labelEl: import("vue").ShallowRef<SVGGElement | null, SVGGElement | null>;
@@ -132,22 +132,22 @@ declare const __VLS_export$12: import("vue").DefineComponent<BaseEdgeProps, {
132
132
  declare const BezierEdge: import("vue").DefineComponent<BezierEdgeProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<BezierEdgeProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
133
133
  //#endregion
134
134
  //#region src/components/Edges/EdgeLabelRenderer.vue.d.ts
135
- declare const _default$4: typeof __VLS_export$11;
136
- declare const __VLS_export$11: __VLS_WithSlots$8<import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, {
135
+ declare const _default$4: typeof __VLS_export$12;
136
+ declare const __VLS_export$12: __VLS_WithSlots$9<import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, {
137
137
  default?: (props: {}) => any;
138
138
  }>;
139
- type __VLS_WithSlots$8<T, S> = T & {
139
+ type __VLS_WithSlots$9<T, S> = T & {
140
140
  new (): {
141
141
  $slots: S;
142
142
  };
143
143
  };
144
144
  //#endregion
145
145
  //#region src/components/Edges/EdgeText.vue.d.ts
146
- declare const _default$5: typeof __VLS_export$10;
147
- declare const __VLS_export$10: __VLS_WithSlots$7<import("vue").DefineComponent<EdgeTextProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<EdgeTextProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
146
+ declare const _default$5: typeof __VLS_export$11;
147
+ declare const __VLS_export$11: __VLS_WithSlots$8<import("vue").DefineComponent<EdgeTextProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<EdgeTextProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
148
148
  default?: (props: {}) => any;
149
149
  }>;
150
- type __VLS_WithSlots$7<T, S> = T & {
150
+ type __VLS_WithSlots$8<T, S> = T & {
151
151
  new (): {
152
152
  $slots: S;
153
153
  };
@@ -195,8 +195,8 @@ declare const StepEdge: import("vue").DefineComponent<StepEdgeProps, {}, {}, {},
195
195
  declare const StraightEdge: import("vue").DefineComponent<StraightEdgeProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<StraightEdgeProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
196
196
  //#endregion
197
197
  //#region src/components/Handle/Handle.vue.d.ts
198
- declare const _default$6: typeof __VLS_export$9;
199
- declare const __VLS_export$9: __VLS_WithSlots$6<import("vue").DefineComponent<HandleProps, {
198
+ declare const _default$7: typeof __VLS_export$10;
199
+ declare const __VLS_export$10: __VLS_WithSlots$7<import("vue").DefineComponent<HandleProps, {
200
200
  handleClick: (event: MouseEvent) => void;
201
201
  handlePointerDown: (event: MouseTouchEvent) => void;
202
202
  onClick: (event: MouseEvent) => void;
@@ -206,7 +206,7 @@ declare const __VLS_export$9: __VLS_WithSlots$6<import("vue").DefineComponent<Ha
206
206
  id: string | undefined;
207
207
  }) => any;
208
208
  }>;
209
- type __VLS_WithSlots$6<T, S> = T & {
209
+ type __VLS_WithSlots$7<T, S> = T & {
210
210
  new (): {
211
211
  $slots: S;
212
212
  };
@@ -1740,8 +1740,8 @@ interface ControlEmits {
1740
1740
  }
1741
1741
  //#endregion
1742
1742
  //#region src/components/Controls/Controls.vue.d.ts
1743
- declare const _default$3: typeof __VLS_export$8;
1744
- declare const __VLS_export$8: __VLS_WithSlots$5<import("vue").DefineComponent<ControlProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
1743
+ declare const _default$3: typeof __VLS_export$9;
1744
+ declare const __VLS_export$9: __VLS_WithSlots$6<import("vue").DefineComponent<ControlProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
1745
1745
  zoomIn: () => any;
1746
1746
  zoomOut: () => any;
1747
1747
  fitView: () => any;
@@ -1779,6 +1779,31 @@ declare const __VLS_export$8: __VLS_WithSlots$5<import("vue").DefineComponent<Co
1779
1779
  } & {
1780
1780
  default?: (props: {}) => any;
1781
1781
  }>;
1782
+ type __VLS_WithSlots$6<T, S> = T & {
1783
+ new (): {
1784
+ $slots: S;
1785
+ };
1786
+ };
1787
+ //#endregion
1788
+ //#region src/components/EdgeToolbar/types.d.ts
1789
+ interface EdgeToolbarProps {
1790
+ edgeId: string;
1791
+ x: number;
1792
+ y: number;
1793
+ isVisible?: boolean;
1794
+ alignX?: 'left' | 'center' | 'right';
1795
+ alignY?: 'top' | 'center' | 'bottom';
1796
+ }
1797
+ //#endregion
1798
+ //#region src/components/EdgeToolbar/EdgeToolbar.vue.d.ts
1799
+ declare const _default$6: typeof __VLS_export$8;
1800
+ declare const __VLS_export$8: __VLS_WithSlots$5<import("vue").DefineComponent<EdgeToolbarProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<EdgeToolbarProps> & Readonly<{}>, {
1801
+ isVisible: boolean;
1802
+ alignX: "left" | "center" | "right";
1803
+ alignY: "top" | "center" | "bottom";
1804
+ }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
1805
+ default?: (props: {}) => any;
1806
+ }>;
1782
1807
  type __VLS_WithSlots$5<T, S> = T & {
1783
1808
  new (): {
1784
1809
  $slots: S;
@@ -1861,7 +1886,7 @@ interface MiniMapSlots extends Record<`node-${string}`, (nodeProps: MiniMapNodeP
1861
1886
  declare const Slots: InjectionKey<MiniMapSlots>;
1862
1887
  //#endregion
1863
1888
  //#region src/components/MiniMap/MiniMap.vue.d.ts
1864
- declare const _default$7: typeof __VLS_export$7;
1889
+ declare const _default$8: typeof __VLS_export$7;
1865
1890
  declare const __VLS_export$7: __VLS_WithSlots$4<import("vue").DefineComponent<MiniMapProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
1866
1891
  click: (params: {
1867
1892
  event: MouseEvent;
@@ -1890,7 +1915,7 @@ type __VLS_WithSlots$4<T, S> = T & {
1890
1915
  };
1891
1916
  //#endregion
1892
1917
  //#region src/components/MiniMap/MiniMapNode.vue.d.ts
1893
- declare const _default$8: typeof __VLS_export$6;
1918
+ declare const _default$9: typeof __VLS_export$6;
1894
1919
  declare const __VLS_export$6: import("vue").DefineComponent<MiniMapNodeProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
1895
1920
  click: (params: MouseEvent) => any;
1896
1921
  dblclick: (params: MouseEvent) => any;
@@ -1973,7 +1998,7 @@ interface ResizeControlLineProps extends ResizeControlProps {
1973
1998
  }
1974
1999
  //#endregion
1975
2000
  //#region src/components/NodeResizer/NodeResizer.vue.d.ts
1976
- declare const _default$10: typeof __VLS_export$5;
2001
+ declare const _default$11: typeof __VLS_export$5;
1977
2002
  declare const __VLS_export$5: import("vue").DefineComponent<NodeResizerProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
1978
2003
  resize: (resizeEvent: OnResize) => any;
1979
2004
  resizeStart: (resizeEvent: OnResizeStart) => any;
@@ -1988,7 +2013,7 @@ declare const __VLS_export$5: import("vue").DefineComponent<NodeResizerProps, {}
1988
2013
  }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
1989
2014
  //#endregion
1990
2015
  //#region src/components/NodeResizer/ResizeControl.vue.d.ts
1991
- declare const _default$9: typeof __VLS_export$4;
2016
+ declare const _default$10: typeof __VLS_export$4;
1992
2017
  declare const __VLS_export$4: __VLS_WithSlots$3<import("vue").DefineComponent<ResizeControlProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
1993
2018
  resize: (resizeEvent: OnResize) => any;
1994
2019
  resizeStart: (resizeEvent: OnResizeStart) => any;
@@ -2024,10 +2049,10 @@ interface NodeToolbarProps {
2024
2049
  }
2025
2050
  //#endregion
2026
2051
  //#region src/components/NodeToolbar/NodeToolbar.vue.d.ts
2027
- declare const _default$11: typeof __VLS_export$3;
2052
+ declare const _default$12: typeof __VLS_export$3;
2028
2053
  declare const __VLS_export$3: __VLS_WithSlots$2<import("vue").DefineComponent<NodeToolbarProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<NodeToolbarProps> & Readonly<{}>, {
2029
- position: Position$1;
2030
2054
  offset: number;
2055
+ position: Position$1;
2031
2056
  isVisible: boolean;
2032
2057
  align: "center" | "start" | "end";
2033
2058
  }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
@@ -2040,7 +2065,7 @@ type __VLS_WithSlots$2<T, S> = T & {
2040
2065
  };
2041
2066
  //#endregion
2042
2067
  //#region src/components/Panel/Panel.vue.d.ts
2043
- declare const _default$12: typeof __VLS_export$2;
2068
+ declare const _default$13: typeof __VLS_export$2;
2044
2069
  declare const __VLS_export$2: __VLS_WithSlots$1<import("vue").DefineComponent<PanelProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<PanelProps> & Readonly<{}>, {
2045
2070
  position: import("@xyflow/system").PanelPosition;
2046
2071
  }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
@@ -2149,8 +2174,37 @@ interface UseNodesInitializedOptions {
2149
2174
  */
2150
2175
  declare function useNodesInitialized(options?: UseNodesInitializedOptions): import("vue").ComputedRef<boolean>;
2151
2176
  //#endregion
2177
+ //#region src/composables/setupVueFlow.d.ts
2178
+ /**
2179
+ * Create a VueFlow store, `provide` it to the current component's subtree, and return the instance — the
2180
+ * same API as {@link useVueFlow}. The Vue-native alternative to wrapping in `<VueFlowProvider>`: call it
2181
+ * in the component that renders `<VueFlow>` and you get the store's actions/getters/hooks in that same
2182
+ * `setup`, while the rendered `<VueFlow>` (and any `useVueFlow()`/`useStore()` below it) reuse the provided
2183
+ * store instead of creating their own.
2184
+ *
2185
+ * Must run in a component `setup` (it calls `provide`). Delegates to the same store factory as
2186
+ * `<VueFlowProvider>`, so one call scopes one store — host a single `<VueFlow>` per setup.
2187
+ *
2188
+ * @public
2189
+ * @param options - initial flow options (`id`, initial nodes/edges, defaults, …)
2190
+ * @returns the VueFlow instance (same shape `useVueFlow()` returns)
2191
+ * @example
2192
+ * ```vue
2193
+ * <script setup lang="ts">
2194
+ * import { setupVueFlow, VueFlow } from '@xyflow/vue'
2195
+ *
2196
+ * const { addEdges, fitView } = setupVueFlow()
2197
+ * </script>
2198
+ *
2199
+ * <template>
2200
+ * <VueFlow v-model:nodes="nodes" v-model:edges="edges" />
2201
+ * </template>
2202
+ * ```
2203
+ */
2204
+ declare function setupVueFlow<NodeType extends Node = Node, EdgeType extends Edge = Edge>(options?: FlowOptions<NodeType, EdgeType>): VueFlowInstance<NodeType, EdgeType>;
2205
+ //#endregion
2152
2206
  //#region src/container/VueFlow/VueFlow.vue.d.ts
2153
- declare const _default$13: typeof __VLS_export$1;
2207
+ declare const _default$14: typeof __VLS_export$1;
2154
2208
  declare const __VLS_export$1: <NodeType extends Node = Node, EdgeType extends Edge = Edge>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
2155
2209
  props: import("vue").PublicProps & __VLS_PrettifyLocal<(FlowProps<NodeType, EdgeType> & {
2156
2210
  nodes?: NodeType[];
@@ -2187,7 +2241,7 @@ declare const __VLS_export$1: <NodeType extends Node = Node, EdgeType extends Ed
2187
2241
  type __VLS_PrettifyLocal<T> = (T extends any ? { [K in keyof T]: T[K] } : { [K in keyof T as K]: T[K] }) & {};
2188
2242
  //#endregion
2189
2243
  //#region src/container/VueFlowProvider/VueFlowProvider.vue.d.ts
2190
- declare const _default$14: typeof __VLS_export;
2244
+ declare const _default$15: typeof __VLS_export;
2191
2245
  declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
2192
2246
  id?: string;
2193
2247
  }, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{
@@ -2464,5 +2518,25 @@ declare function connectionLineProps<NodeType extends Node = Node>(): {
2464
2518
  declare const defaultNodeTypes: DefaultNodeTypes;
2465
2519
  declare const defaultEdgeTypes: DefaultEdgeTypes;
2466
2520
  //#endregion
2467
- export { Actions, AddEdges, AddNodes, type Align, type AriaLabelConfig, _default as Background, BackgroundProps, BackgroundVariant, _default$1 as BaseEdge, BaseEdgeProps, BezierEdge, BezierEdgeProps, BezierEdgeType, BezierPathOptions, BuiltInNode, CSSVars, ClassValue, type ColorMode, ComputedGetters, ConnectEndEvent, ConnectingHandle, type Connection, ConnectionInProgress, ConnectionLineOptions, ConnectionLineProps, ConnectionLineType, ConnectionLookup, ConnectionMode, ConnectionState, ConnectionStatus, Connector, _default$2 as ControlButton, ControlEmits, type ControlLinePosition, type ControlPosition, ControlProps, _default$3 as Controls, type CoordinateExtent, CustomThemeVars, DefaultEdge, DefaultEdgeOptions, DefaultEdgeTypes, DefaultNodeTypes, DeleteElements, type Dimensions, Edge, EdgeAddChange, EdgeChange, EdgeComponent, EdgeEventsHandler, EdgeEventsOn, EdgeLabelOptions, _default$4 as EdgeLabelRenderer, EdgeLookup, EdgeMarker, EdgeMarkerType, EdgeMouseEvent, EdgePositions, EdgeProps, EdgeReconnectEndEvent, EdgeReconnectEvent, EdgeReconnectStartEvent, EdgeReconnectable, type EdgeRemoveChange, type EdgeSelectionChange, EdgeSlots, _default$5 as EdgeText, EdgeTextProps, EdgeTypesObject, ElementChange, ErrorCode, type FinalConnectionState, FitBounds, FitBoundsOptions, FitView, type FitViewOptions, FlowEmits, FlowEvents, FlowExportObject, FlowHooks, FlowHooksEmit, FlowHooksOn, FlowOptions, FlowProps, FlowSlots, GetEdge, GetInternalNode, GetIntersectingNodes, GetNode, type GetViewport, Getters, _default$6 as Handle, HandleConnectable, HandleConnectableFunc, HandleElement, HandleProps, type HandleType, InternalNode, IsNodeIntersecting, IsValidParams, MarkerProps, MarkerType, _default$7 as MiniMap, MiniMapEmits, _default$8 as MiniMapNode, MiniMapNodeEmits, MiniMapNodeFunc, MiniMapNodeProps, MiniMapProps, MiniMapSlots, MouseTouchEvent, NoConnection, Node, NodeAddChange, NodeChange, NodeComponent, type NodeConnection, type NodeDimensionChange, NodeDragEvent, NodeDragItem, NodeEventsHandler, NodeEventsOn, NodeHandleBounds, NodeId as NodeIdInjection, NodeLookup, NodeMouseEvent, NodeOrigin, type NodePositionChange, NodeProps, type NodeRemoveChange, _default$9 as NodeResizeControl, _default$10 as NodeResizer, NodeResizerEmits, NodeResizerProps, type NodeSelectionChange, NodeSlots, _default$11 as NodeToolbar, NodeToolbarProps, NodeTypesObject, OnBeforeDelete, OnConnectStartParams, OnResize, OnResizeEnd, OnResizeStart, type Padding, type PaddingUnit, type PaddingWithUnit, PanOnScrollMode, _default$12 as Panel, PanelProps, Position, type Project, ReconnectEdge, type Rect, RemoveEdges, RemoveNodes, ResizeControlLineProps, ResizeControlProps, ResizeControlVariant, type ResizeDragEvent, type ResizeParams, type ResizeParamsWithDirection, Result, SelectionChangeEvent, SelectionMode, type SelectionRect, type SetCenter, type SetCenterOptions, SetEdges, SetNodes, SetState, SetStateOptions, type SetViewport, ShapeRendering, type ShouldResize, SimpleBezierEdge, SimpleBezierEdgeProps, Slots, SmoothStepEdge, SmoothStepEdgeProps, SmoothStepEdgeType, SmoothStepPathOptions, type SnapGrid, State, StepEdge, StepEdgeProps, StraightEdge, StraightEdgeProps, Styles, ThemeVars, UpdateEdge, UpdateEdgeData, UpdateNode, UpdateNodeData, UpdateNodeDimensions, UpdateNodeDimensionsParams, UpdateNodeInternals, UpdateNodePosition, ValidConnectionFunc, type Viewport, ViewportFunctions, type ViewportHelperFunctionOptions, _default$13 as VueFlow, VueFlowError, VueFlow as VueFlowInjection, VueFlowInstance, _default$14 as VueFlowProvider, VueFlowState, VueFlowStoreHandle, type XYPosition, type ZIndexMode, type ZoomInOut, type ZoomTo, 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, rendererPointToPoint, storeToRefs, useConnection, useEdge, useEdgesData, useHandle, useInternalNode, useKeyPress, useNode, useNodeConnections, useNodeId, useNodesData, useNodesInitialized, useStore, useVueFlow };
2521
+ //#region src/utils/edges.d.ts
2522
+ /**
2523
+ * Adds a `Connection` (or a full `Edge`) to an edges array and returns a new array — generating the
2524
+ * edge id and skipping the add when an equivalent connection already exists. The pure helper to use
2525
+ * in an `@connect` handler against a `v-model:edges` array, e.g.
2526
+ * `edges.value = addEdge(connection, edges.value)`, with no store/instance access.
2527
+ *
2528
+ * Mirrors xyflow/react's + xyflow/svelte's `addEdge`.
2529
+ */
2530
+ declare function addEdge<EdgeType extends EdgeBase>(edgeParams: EdgeType | Connection$1, edges: EdgeType[], options?: AddEdgeOptions): EdgeType[];
2531
+ /**
2532
+ * Reconnects an existing edge to a new `Connection`, returning a new edges array. The pure,
2533
+ * controlled counterpart to the store action `useVueFlow().reconnectEdge` — use it in an
2534
+ * `@reconnect` handler against a `v-model:edges` array, e.g.
2535
+ * `edges.value = reconnectEdge(oldEdge, newConnection, edges.value)`.
2536
+ *
2537
+ * Mirrors xyflow/react's `reconnectEdge`.
2538
+ */
2539
+ declare function reconnectEdge<EdgeType extends EdgeBase>(oldEdge: EdgeType, newConnection: Connection$1, edges: EdgeType[], options?: ReconnectEdgeOptions): EdgeType[];
2540
+ //#endregion
2541
+ export { Actions, AddEdges, AddNodes, type Align, type AriaLabelConfig, _default as Background, BackgroundProps, BackgroundVariant, _default$1 as BaseEdge, BaseEdgeProps, BezierEdge, BezierEdgeProps, BezierEdgeType, BezierPathOptions, BuiltInNode, CSSVars, ClassValue, type ColorMode, ComputedGetters, ConnectEndEvent, ConnectingHandle, type Connection, ConnectionInProgress, ConnectionLineOptions, ConnectionLineProps, ConnectionLineType, ConnectionLookup, ConnectionMode, ConnectionState, ConnectionStatus, Connector, _default$2 as ControlButton, ControlEmits, type ControlLinePosition, type ControlPosition, ControlProps, _default$3 as Controls, type CoordinateExtent, CustomThemeVars, DefaultEdge, DefaultEdgeOptions, DefaultEdgeTypes, DefaultNodeTypes, DeleteElements, type Dimensions, Edge, EdgeAddChange, EdgeChange, EdgeComponent, EdgeEventsHandler, EdgeEventsOn, EdgeLabelOptions, _default$4 as EdgeLabelRenderer, EdgeLookup, EdgeMarker, EdgeMarkerType, EdgeMouseEvent, EdgePositions, EdgeProps, EdgeReconnectEndEvent, EdgeReconnectEvent, EdgeReconnectStartEvent, EdgeReconnectable, type EdgeRemoveChange, type EdgeSelectionChange, EdgeSlots, _default$5 as EdgeText, EdgeTextProps, _default$6 as EdgeToolbar, EdgeToolbarProps, EdgeTypesObject, ElementChange, ErrorCode, type FinalConnectionState, FitBounds, FitBoundsOptions, FitView, type FitViewOptions, FlowEmits, FlowEvents, FlowExportObject, FlowHooks, FlowHooksEmit, FlowHooksOn, FlowOptions, FlowProps, FlowSlots, GetEdge, GetInternalNode, GetIntersectingNodes, GetNode, type GetViewport, Getters, _default$7 as Handle, HandleConnectable, HandleConnectableFunc, HandleElement, HandleProps, type HandleType, InternalNode, IsNodeIntersecting, IsValidParams, MarkerProps, MarkerType, _default$8 as MiniMap, MiniMapEmits, _default$9 as MiniMapNode, MiniMapNodeEmits, MiniMapNodeFunc, MiniMapNodeProps, MiniMapProps, MiniMapSlots, MouseTouchEvent, NoConnection, Node, NodeAddChange, NodeChange, NodeComponent, type NodeConnection, type NodeDimensionChange, NodeDragEvent, NodeDragItem, NodeEventsHandler, NodeEventsOn, NodeHandleBounds, NodeId as NodeIdInjection, NodeLookup, NodeMouseEvent, NodeOrigin, type NodePositionChange, NodeProps, type NodeRemoveChange, _default$10 as NodeResizeControl, _default$11 as NodeResizer, NodeResizerEmits, NodeResizerProps, type NodeSelectionChange, NodeSlots, _default$12 as NodeToolbar, NodeToolbarProps, NodeTypesObject, OnBeforeDelete, OnConnectStartParams, OnResize, OnResizeEnd, OnResizeStart, type Padding, type PaddingUnit, type PaddingWithUnit, PanOnScrollMode, _default$13 as Panel, PanelProps, Position, type Project, ReconnectEdge, type Rect, RemoveEdges, RemoveNodes, ResizeControlLineProps, ResizeControlProps, ResizeControlVariant, type ResizeDragEvent, type ResizeParams, type ResizeParamsWithDirection, Result, SelectionChangeEvent, SelectionMode, type SelectionRect, type SetCenter, type SetCenterOptions, SetEdges, SetNodes, SetState, SetStateOptions, type SetViewport, ShapeRendering, type ShouldResize, SimpleBezierEdge, SimpleBezierEdgeProps, Slots, SmoothStepEdge, SmoothStepEdgeProps, SmoothStepEdgeType, SmoothStepPathOptions, type SnapGrid, State, StepEdge, StepEdgeProps, StraightEdge, StraightEdgeProps, Styles, ThemeVars, UpdateEdge, UpdateEdgeData, UpdateNode, UpdateNodeData, UpdateNodeDimensions, UpdateNodeDimensionsParams, UpdateNodeInternals, UpdateNodePosition, ValidConnectionFunc, type Viewport, ViewportFunctions, type ViewportHelperFunctionOptions, _default$14 as VueFlow, VueFlowError, VueFlow as VueFlowInjection, VueFlowInstance, _default$15 as VueFlowProvider, VueFlowState, VueFlowStoreHandle, type XYPosition, type ZIndexMode, type ZoomInOut, type ZoomTo, 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 };
2468
2542
  //# sourceMappingURL=index.d.mts.map
package/dist/index.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- import { Align, AriaLabelConfig, AriaLabelConfig as AriaLabelConfig$1, ColorMode, ColorMode as ColorMode$1, Connection, Connection as Connection$1, ConnectionLineType, ConnectionLineType as ConnectionLineType$1, ConnectionMode, ConnectionMode as ConnectionMode$1, ControlLinePosition, ControlLinePosition as ControlLinePosition$1, ControlPosition, ControlPosition as ControlPosition$1, CoordinateExtent, CoordinateExtent as CoordinateExtent$1, Dimensions, Dimensions as Dimensions$1, DistributivePick, EdgeBase, EdgeRemoveChange, EdgeRemoveChange as EdgeRemoveChange$1, EdgeSelectionChange, EdgeSelectionChange as EdgeSelectionChange$1, FinalConnectionState, FinalConnectionState as FinalConnectionState$1, FitViewOptionsBase, FitViewOptionsBase as FitViewOptions, GetViewport, GetViewport as GetViewport$1, HandleType, HandleType as HandleType$1, InternalNodeBase, NodeBase, NodeConnection, NodeConnection as NodeConnection$1, NodeDimensionChange, NodeDimensionChange as NodeDimensionChange$1, NodePositionChange, NodePositionChange as NodePositionChange$1, NodeRemoveChange, NodeRemoveChange as NodeRemoveChange$1, NodeSelectionChange, NodeSelectionChange as NodeSelectionChange$1, Padding, Padding as Padding$1, PaddingUnit, PaddingWithUnit, PanOnScrollMode, PanOnScrollMode as PanOnScrollMode$1, PanZoomInstance, PanelPosition, Position, Position as Position$1, Project, Project as Project$1, Rect, Rect as Rect$1, ResizeControlVariant, ResizeControlVariant as ResizeControlVariant$1, ResizeControlVariant as ResizeControlVariant$2, ResizeDragEvent, ResizeDragEvent as ResizeDragEvent$1, ResizeParams, ResizeParams as ResizeParams$1, ResizeParamsWithDirection, ResizeParamsWithDirection as ResizeParamsWithDirection$1, SelectionMode, SelectionMode as SelectionMode$1, SelectionRect, SelectionRect as SelectionRect$1, SetCenter, SetCenter as SetCenter$1, SetCenterOptions, SetViewport, SetViewport as SetViewport$1, ShouldResize, ShouldResize as ShouldResize$1, SnapGrid, SnapGrid as SnapGrid$1, Transform, Viewport, Viewport as Viewport$1, ViewportHelperFunctionOptions, ViewportHelperFunctionOptions as ViewportHelperFunctionOptions$1, XYPosition, XYPosition as XYPosition$1, ZIndexMode, ZIndexMode as ZIndexMode$1, ZoomInOut, ZoomInOut as ZoomInOut$1, ZoomTo, ZoomTo as ZoomTo$1, clamp, getBezierEdgeCenter, getBezierPath, getBoundsOfBoxes, getBoundsOfRects, getConnectedEdges, getConnectionStatus, getIncomers, getMarkerId, getNodesBounds, getNodesInside, getOutgoers, getSmoothStepPath, getStraightPath, getViewportForBounds, isEdgeBase, isInternalNodeBase, isMacOs, isNodeBase, pointToRendererPoint, rendererPointToPoint } from "@xyflow/system";
1
+ import { AddEdgeOptions, Align, AriaLabelConfig, AriaLabelConfig as AriaLabelConfig$1, ColorMode, ColorMode as ColorMode$1, Connection, Connection as Connection$1, ConnectionLineType, ConnectionLineType as ConnectionLineType$1, ConnectionMode, ConnectionMode as ConnectionMode$1, ControlLinePosition, ControlLinePosition as ControlLinePosition$1, ControlPosition, ControlPosition as ControlPosition$1, CoordinateExtent, CoordinateExtent as CoordinateExtent$1, Dimensions, Dimensions as Dimensions$1, DistributivePick, EdgeBase, EdgeRemoveChange, EdgeRemoveChange as EdgeRemoveChange$1, EdgeSelectionChange, EdgeSelectionChange as EdgeSelectionChange$1, FinalConnectionState, FinalConnectionState as FinalConnectionState$1, FitViewOptionsBase, FitViewOptionsBase as FitViewOptions, GetViewport, GetViewport as GetViewport$1, HandleType, HandleType as HandleType$1, InternalNodeBase, NodeBase, NodeConnection, NodeConnection as NodeConnection$1, NodeDimensionChange, NodeDimensionChange as NodeDimensionChange$1, NodePositionChange, NodePositionChange as NodePositionChange$1, NodeRemoveChange, NodeRemoveChange as NodeRemoveChange$1, NodeSelectionChange, NodeSelectionChange as NodeSelectionChange$1, Padding, Padding as Padding$1, PaddingUnit, PaddingWithUnit, PanOnScrollMode, PanOnScrollMode as PanOnScrollMode$1, PanZoomInstance, PanelPosition, Position, Position as Position$1, Project, Project as Project$1, ReconnectEdgeOptions, Rect, Rect as Rect$1, ResizeControlVariant, ResizeControlVariant as ResizeControlVariant$1, ResizeControlVariant as ResizeControlVariant$2, ResizeDragEvent, ResizeDragEvent as ResizeDragEvent$1, ResizeParams, ResizeParams as ResizeParams$1, ResizeParamsWithDirection, ResizeParamsWithDirection as ResizeParamsWithDirection$1, SelectionMode, SelectionMode as SelectionMode$1, SelectionRect, SelectionRect as SelectionRect$1, SetCenter, SetCenter as SetCenter$1, SetCenterOptions, SetViewport, SetViewport as SetViewport$1, ShouldResize, ShouldResize as ShouldResize$1, SnapGrid, SnapGrid as SnapGrid$1, Transform, Viewport, Viewport as Viewport$1, ViewportHelperFunctionOptions, ViewportHelperFunctionOptions as ViewportHelperFunctionOptions$1, XYPosition, XYPosition as XYPosition$1, ZIndexMode, ZIndexMode as ZIndexMode$1, ZoomInOut, ZoomInOut as ZoomInOut$1, ZoomTo, ZoomTo as ZoomTo$1, clamp, getBezierEdgeCenter, getBezierPath, getBoundsOfBoxes, getBoundsOfRects, getConnectedEdges, getConnectionStatus, getIncomers, getMarkerId, getNodesBounds, getNodesInside, getOutgoers, getSmoothStepPath, getStraightPath, getViewportForBounds, isEdgeBase, isInternalNodeBase, isMacOs, isNodeBase, pointToRendererPoint, rendererPointToPoint } from "@xyflow/system";
2
2
  import { CSSProperties, Component, ComputedRef, DefineComponent, HTMLAttributes, InjectionKey, MaybeRefOrGetter, SVGAttributes, ToRefs, VNode } from "vue";
3
3
  import { KeyFilter } from "@vueuse/core";
4
4
 
@@ -71,12 +71,12 @@ interface BackgroundProps {
71
71
  }
72
72
  //#endregion
73
73
  //#region src/components/Background/Background.vue.d.ts
74
- declare const _default: typeof __VLS_export$14;
75
- declare const __VLS_export$14: __VLS_WithSlots$10<import("vue").DefineComponent<BackgroundProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<BackgroundProps> & Readonly<{}>, {
74
+ declare const _default: typeof __VLS_export$15;
75
+ declare const __VLS_export$15: __VLS_WithSlots$11<import("vue").DefineComponent<BackgroundProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<BackgroundProps> & Readonly<{}>, {
76
+ offset: number | [number, number];
76
77
  x: number;
77
78
  y: number;
78
79
  size: number;
79
- offset: number | [number, number];
80
80
  variant: BackgroundVariant;
81
81
  gap: number | number[];
82
82
  lineWidth: number;
@@ -91,15 +91,15 @@ declare const __VLS_export$14: __VLS_WithSlots$10<import("vue").DefineComponent<
91
91
  id: string;
92
92
  }) => any;
93
93
  }>;
94
- type __VLS_WithSlots$10<T, S> = T & {
94
+ type __VLS_WithSlots$11<T, S> = T & {
95
95
  new (): {
96
96
  $slots: S;
97
97
  };
98
98
  };
99
99
  //#endregion
100
100
  //#region src/components/Controls/ControlButton.vue.d.ts
101
- declare const _default$2: typeof __VLS_export$13;
102
- declare const __VLS_export$13: __VLS_WithSlots$9<import("vue").DefineComponent<{
101
+ declare const _default$2: typeof __VLS_export$14;
102
+ declare const __VLS_export$14: __VLS_WithSlots$10<import("vue").DefineComponent<{
103
103
  disabled?: boolean; /** accessible label; applied as both `aria-label` and `title` (mirrors xyflow) */
104
104
  label?: string;
105
105
  }, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
@@ -112,15 +112,15 @@ declare const __VLS_export$13: __VLS_WithSlots$9<import("vue").DefineComponent<{
112
112
  }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
113
113
  default?: (props: {}) => any;
114
114
  }>;
115
- type __VLS_WithSlots$9<T, S> = T & {
115
+ type __VLS_WithSlots$10<T, S> = T & {
116
116
  new (): {
117
117
  $slots: S;
118
118
  };
119
119
  };
120
120
  //#endregion
121
121
  //#region src/components/Edges/BaseEdge.vue.d.ts
122
- declare const _default$1: typeof __VLS_export$12;
123
- declare const __VLS_export$12: import("vue").DefineComponent<BaseEdgeProps, {
122
+ declare const _default$1: typeof __VLS_export$13;
123
+ declare const __VLS_export$13: import("vue").DefineComponent<BaseEdgeProps, {
124
124
  pathEl: import("vue").ShallowRef<SVGPathElement | null, SVGPathElement | null>;
125
125
  interactionEl: import("vue").ShallowRef<SVGPathElement | null, SVGPathElement | null>;
126
126
  labelEl: import("vue").ShallowRef<SVGGElement | null, SVGGElement | null>;
@@ -132,22 +132,22 @@ declare const __VLS_export$12: import("vue").DefineComponent<BaseEdgeProps, {
132
132
  declare const BezierEdge: import("vue").DefineComponent<BezierEdgeProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<BezierEdgeProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
133
133
  //#endregion
134
134
  //#region src/components/Edges/EdgeLabelRenderer.vue.d.ts
135
- declare const _default$4: typeof __VLS_export$11;
136
- declare const __VLS_export$11: __VLS_WithSlots$8<import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, {
135
+ declare const _default$4: typeof __VLS_export$12;
136
+ declare const __VLS_export$12: __VLS_WithSlots$9<import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, {
137
137
  default?: (props: {}) => any;
138
138
  }>;
139
- type __VLS_WithSlots$8<T, S> = T & {
139
+ type __VLS_WithSlots$9<T, S> = T & {
140
140
  new (): {
141
141
  $slots: S;
142
142
  };
143
143
  };
144
144
  //#endregion
145
145
  //#region src/components/Edges/EdgeText.vue.d.ts
146
- declare const _default$5: typeof __VLS_export$10;
147
- declare const __VLS_export$10: __VLS_WithSlots$7<import("vue").DefineComponent<EdgeTextProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<EdgeTextProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
146
+ declare const _default$5: typeof __VLS_export$11;
147
+ declare const __VLS_export$11: __VLS_WithSlots$8<import("vue").DefineComponent<EdgeTextProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<EdgeTextProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
148
148
  default?: (props: {}) => any;
149
149
  }>;
150
- type __VLS_WithSlots$7<T, S> = T & {
150
+ type __VLS_WithSlots$8<T, S> = T & {
151
151
  new (): {
152
152
  $slots: S;
153
153
  };
@@ -195,8 +195,8 @@ declare const StepEdge: import("vue").DefineComponent<StepEdgeProps, {}, {}, {},
195
195
  declare const StraightEdge: import("vue").DefineComponent<StraightEdgeProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<StraightEdgeProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
196
196
  //#endregion
197
197
  //#region src/components/Handle/Handle.vue.d.ts
198
- declare const _default$6: typeof __VLS_export$9;
199
- declare const __VLS_export$9: __VLS_WithSlots$6<import("vue").DefineComponent<HandleProps, {
198
+ declare const _default$7: typeof __VLS_export$10;
199
+ declare const __VLS_export$10: __VLS_WithSlots$7<import("vue").DefineComponent<HandleProps, {
200
200
  handleClick: (event: MouseEvent) => void;
201
201
  handlePointerDown: (event: MouseTouchEvent) => void;
202
202
  onClick: (event: MouseEvent) => void;
@@ -206,7 +206,7 @@ declare const __VLS_export$9: __VLS_WithSlots$6<import("vue").DefineComponent<Ha
206
206
  id: string | undefined;
207
207
  }) => any;
208
208
  }>;
209
- type __VLS_WithSlots$6<T, S> = T & {
209
+ type __VLS_WithSlots$7<T, S> = T & {
210
210
  new (): {
211
211
  $slots: S;
212
212
  };
@@ -1740,8 +1740,8 @@ interface ControlEmits {
1740
1740
  }
1741
1741
  //#endregion
1742
1742
  //#region src/components/Controls/Controls.vue.d.ts
1743
- declare const _default$3: typeof __VLS_export$8;
1744
- declare const __VLS_export$8: __VLS_WithSlots$5<import("vue").DefineComponent<ControlProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
1743
+ declare const _default$3: typeof __VLS_export$9;
1744
+ declare const __VLS_export$9: __VLS_WithSlots$6<import("vue").DefineComponent<ControlProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
1745
1745
  zoomIn: () => any;
1746
1746
  zoomOut: () => any;
1747
1747
  fitView: () => any;
@@ -1779,6 +1779,31 @@ declare const __VLS_export$8: __VLS_WithSlots$5<import("vue").DefineComponent<Co
1779
1779
  } & {
1780
1780
  default?: (props: {}) => any;
1781
1781
  }>;
1782
+ type __VLS_WithSlots$6<T, S> = T & {
1783
+ new (): {
1784
+ $slots: S;
1785
+ };
1786
+ };
1787
+ //#endregion
1788
+ //#region src/components/EdgeToolbar/types.d.ts
1789
+ interface EdgeToolbarProps {
1790
+ edgeId: string;
1791
+ x: number;
1792
+ y: number;
1793
+ isVisible?: boolean;
1794
+ alignX?: 'left' | 'center' | 'right';
1795
+ alignY?: 'top' | 'center' | 'bottom';
1796
+ }
1797
+ //#endregion
1798
+ //#region src/components/EdgeToolbar/EdgeToolbar.vue.d.ts
1799
+ declare const _default$6: typeof __VLS_export$8;
1800
+ declare const __VLS_export$8: __VLS_WithSlots$5<import("vue").DefineComponent<EdgeToolbarProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<EdgeToolbarProps> & Readonly<{}>, {
1801
+ isVisible: boolean;
1802
+ alignX: "left" | "center" | "right";
1803
+ alignY: "top" | "center" | "bottom";
1804
+ }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
1805
+ default?: (props: {}) => any;
1806
+ }>;
1782
1807
  type __VLS_WithSlots$5<T, S> = T & {
1783
1808
  new (): {
1784
1809
  $slots: S;
@@ -1861,7 +1886,7 @@ interface MiniMapSlots extends Record<`node-${string}`, (nodeProps: MiniMapNodeP
1861
1886
  declare const Slots: InjectionKey<MiniMapSlots>;
1862
1887
  //#endregion
1863
1888
  //#region src/components/MiniMap/MiniMap.vue.d.ts
1864
- declare const _default$7: typeof __VLS_export$7;
1889
+ declare const _default$8: typeof __VLS_export$7;
1865
1890
  declare const __VLS_export$7: __VLS_WithSlots$4<import("vue").DefineComponent<MiniMapProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
1866
1891
  click: (params: {
1867
1892
  event: MouseEvent;
@@ -1890,7 +1915,7 @@ type __VLS_WithSlots$4<T, S> = T & {
1890
1915
  };
1891
1916
  //#endregion
1892
1917
  //#region src/components/MiniMap/MiniMapNode.vue.d.ts
1893
- declare const _default$8: typeof __VLS_export$6;
1918
+ declare const _default$9: typeof __VLS_export$6;
1894
1919
  declare const __VLS_export$6: import("vue").DefineComponent<MiniMapNodeProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
1895
1920
  click: (params: MouseEvent) => any;
1896
1921
  dblclick: (params: MouseEvent) => any;
@@ -1973,7 +1998,7 @@ interface ResizeControlLineProps extends ResizeControlProps {
1973
1998
  }
1974
1999
  //#endregion
1975
2000
  //#region src/components/NodeResizer/NodeResizer.vue.d.ts
1976
- declare const _default$10: typeof __VLS_export$5;
2001
+ declare const _default$11: typeof __VLS_export$5;
1977
2002
  declare const __VLS_export$5: import("vue").DefineComponent<NodeResizerProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
1978
2003
  resize: (resizeEvent: OnResize) => any;
1979
2004
  resizeStart: (resizeEvent: OnResizeStart) => any;
@@ -1988,7 +2013,7 @@ declare const __VLS_export$5: import("vue").DefineComponent<NodeResizerProps, {}
1988
2013
  }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
1989
2014
  //#endregion
1990
2015
  //#region src/components/NodeResizer/ResizeControl.vue.d.ts
1991
- declare const _default$9: typeof __VLS_export$4;
2016
+ declare const _default$10: typeof __VLS_export$4;
1992
2017
  declare const __VLS_export$4: __VLS_WithSlots$3<import("vue").DefineComponent<ResizeControlProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
1993
2018
  resize: (resizeEvent: OnResize) => any;
1994
2019
  resizeStart: (resizeEvent: OnResizeStart) => any;
@@ -2024,10 +2049,10 @@ interface NodeToolbarProps {
2024
2049
  }
2025
2050
  //#endregion
2026
2051
  //#region src/components/NodeToolbar/NodeToolbar.vue.d.ts
2027
- declare const _default$11: typeof __VLS_export$3;
2052
+ declare const _default$12: typeof __VLS_export$3;
2028
2053
  declare const __VLS_export$3: __VLS_WithSlots$2<import("vue").DefineComponent<NodeToolbarProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<NodeToolbarProps> & Readonly<{}>, {
2029
- position: Position$1;
2030
2054
  offset: number;
2055
+ position: Position$1;
2031
2056
  isVisible: boolean;
2032
2057
  align: "center" | "start" | "end";
2033
2058
  }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
@@ -2040,7 +2065,7 @@ type __VLS_WithSlots$2<T, S> = T & {
2040
2065
  };
2041
2066
  //#endregion
2042
2067
  //#region src/components/Panel/Panel.vue.d.ts
2043
- declare const _default$12: typeof __VLS_export$2;
2068
+ declare const _default$13: typeof __VLS_export$2;
2044
2069
  declare const __VLS_export$2: __VLS_WithSlots$1<import("vue").DefineComponent<PanelProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<PanelProps> & Readonly<{}>, {
2045
2070
  position: import("@xyflow/system").PanelPosition;
2046
2071
  }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
@@ -2149,8 +2174,37 @@ interface UseNodesInitializedOptions {
2149
2174
  */
2150
2175
  declare function useNodesInitialized(options?: UseNodesInitializedOptions): import("vue").ComputedRef<boolean>;
2151
2176
  //#endregion
2177
+ //#region src/composables/setupVueFlow.d.ts
2178
+ /**
2179
+ * Create a VueFlow store, `provide` it to the current component's subtree, and return the instance — the
2180
+ * same API as {@link useVueFlow}. The Vue-native alternative to wrapping in `<VueFlowProvider>`: call it
2181
+ * in the component that renders `<VueFlow>` and you get the store's actions/getters/hooks in that same
2182
+ * `setup`, while the rendered `<VueFlow>` (and any `useVueFlow()`/`useStore()` below it) reuse the provided
2183
+ * store instead of creating their own.
2184
+ *
2185
+ * Must run in a component `setup` (it calls `provide`). Delegates to the same store factory as
2186
+ * `<VueFlowProvider>`, so one call scopes one store — host a single `<VueFlow>` per setup.
2187
+ *
2188
+ * @public
2189
+ * @param options - initial flow options (`id`, initial nodes/edges, defaults, …)
2190
+ * @returns the VueFlow instance (same shape `useVueFlow()` returns)
2191
+ * @example
2192
+ * ```vue
2193
+ * <script setup lang="ts">
2194
+ * import { setupVueFlow, VueFlow } from '@xyflow/vue'
2195
+ *
2196
+ * const { addEdges, fitView } = setupVueFlow()
2197
+ * </script>
2198
+ *
2199
+ * <template>
2200
+ * <VueFlow v-model:nodes="nodes" v-model:edges="edges" />
2201
+ * </template>
2202
+ * ```
2203
+ */
2204
+ declare function setupVueFlow<NodeType extends Node = Node, EdgeType extends Edge = Edge>(options?: FlowOptions<NodeType, EdgeType>): VueFlowInstance<NodeType, EdgeType>;
2205
+ //#endregion
2152
2206
  //#region src/container/VueFlow/VueFlow.vue.d.ts
2153
- declare const _default$13: typeof __VLS_export$1;
2207
+ declare const _default$14: typeof __VLS_export$1;
2154
2208
  declare const __VLS_export$1: <NodeType extends Node = Node, EdgeType extends Edge = Edge>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
2155
2209
  props: import("vue").PublicProps & __VLS_PrettifyLocal<(FlowProps<NodeType, EdgeType> & {
2156
2210
  nodes?: NodeType[];
@@ -2187,7 +2241,7 @@ declare const __VLS_export$1: <NodeType extends Node = Node, EdgeType extends Ed
2187
2241
  type __VLS_PrettifyLocal<T> = (T extends any ? { [K in keyof T]: T[K] } : { [K in keyof T as K]: T[K] }) & {};
2188
2242
  //#endregion
2189
2243
  //#region src/container/VueFlowProvider/VueFlowProvider.vue.d.ts
2190
- declare const _default$14: typeof __VLS_export;
2244
+ declare const _default$15: typeof __VLS_export;
2191
2245
  declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
2192
2246
  id?: string;
2193
2247
  }, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{
@@ -2464,5 +2518,25 @@ declare function connectionLineProps<NodeType extends Node = Node>(): {
2464
2518
  declare const defaultNodeTypes: DefaultNodeTypes;
2465
2519
  declare const defaultEdgeTypes: DefaultEdgeTypes;
2466
2520
  //#endregion
2467
- export { Actions, AddEdges, AddNodes, type Align, type AriaLabelConfig, _default as Background, BackgroundProps, BackgroundVariant, _default$1 as BaseEdge, BaseEdgeProps, BezierEdge, BezierEdgeProps, BezierEdgeType, BezierPathOptions, BuiltInNode, CSSVars, ClassValue, type ColorMode, ComputedGetters, ConnectEndEvent, ConnectingHandle, type Connection, ConnectionInProgress, ConnectionLineOptions, ConnectionLineProps, ConnectionLineType, ConnectionLookup, ConnectionMode, ConnectionState, ConnectionStatus, Connector, _default$2 as ControlButton, ControlEmits, type ControlLinePosition, type ControlPosition, ControlProps, _default$3 as Controls, type CoordinateExtent, CustomThemeVars, DefaultEdge, DefaultEdgeOptions, DefaultEdgeTypes, DefaultNodeTypes, DeleteElements, type Dimensions, Edge, EdgeAddChange, EdgeChange, EdgeComponent, EdgeEventsHandler, EdgeEventsOn, EdgeLabelOptions, _default$4 as EdgeLabelRenderer, EdgeLookup, EdgeMarker, EdgeMarkerType, EdgeMouseEvent, EdgePositions, EdgeProps, EdgeReconnectEndEvent, EdgeReconnectEvent, EdgeReconnectStartEvent, EdgeReconnectable, type EdgeRemoveChange, type EdgeSelectionChange, EdgeSlots, _default$5 as EdgeText, EdgeTextProps, EdgeTypesObject, ElementChange, ErrorCode, type FinalConnectionState, FitBounds, FitBoundsOptions, FitView, type FitViewOptions, FlowEmits, FlowEvents, FlowExportObject, FlowHooks, FlowHooksEmit, FlowHooksOn, FlowOptions, FlowProps, FlowSlots, GetEdge, GetInternalNode, GetIntersectingNodes, GetNode, type GetViewport, Getters, _default$6 as Handle, HandleConnectable, HandleConnectableFunc, HandleElement, HandleProps, type HandleType, InternalNode, IsNodeIntersecting, IsValidParams, MarkerProps, MarkerType, _default$7 as MiniMap, MiniMapEmits, _default$8 as MiniMapNode, MiniMapNodeEmits, MiniMapNodeFunc, MiniMapNodeProps, MiniMapProps, MiniMapSlots, MouseTouchEvent, NoConnection, Node, NodeAddChange, NodeChange, NodeComponent, type NodeConnection, type NodeDimensionChange, NodeDragEvent, NodeDragItem, NodeEventsHandler, NodeEventsOn, NodeHandleBounds, NodeId as NodeIdInjection, NodeLookup, NodeMouseEvent, NodeOrigin, type NodePositionChange, NodeProps, type NodeRemoveChange, _default$9 as NodeResizeControl, _default$10 as NodeResizer, NodeResizerEmits, NodeResizerProps, type NodeSelectionChange, NodeSlots, _default$11 as NodeToolbar, NodeToolbarProps, NodeTypesObject, OnBeforeDelete, OnConnectStartParams, OnResize, OnResizeEnd, OnResizeStart, type Padding, type PaddingUnit, type PaddingWithUnit, PanOnScrollMode, _default$12 as Panel, PanelProps, Position, type Project, ReconnectEdge, type Rect, RemoveEdges, RemoveNodes, ResizeControlLineProps, ResizeControlProps, ResizeControlVariant, type ResizeDragEvent, type ResizeParams, type ResizeParamsWithDirection, Result, SelectionChangeEvent, SelectionMode, type SelectionRect, type SetCenter, type SetCenterOptions, SetEdges, SetNodes, SetState, SetStateOptions, type SetViewport, ShapeRendering, type ShouldResize, SimpleBezierEdge, SimpleBezierEdgeProps, Slots, SmoothStepEdge, SmoothStepEdgeProps, SmoothStepEdgeType, SmoothStepPathOptions, type SnapGrid, State, StepEdge, StepEdgeProps, StraightEdge, StraightEdgeProps, Styles, ThemeVars, UpdateEdge, UpdateEdgeData, UpdateNode, UpdateNodeData, UpdateNodeDimensions, UpdateNodeDimensionsParams, UpdateNodeInternals, UpdateNodePosition, ValidConnectionFunc, type Viewport, ViewportFunctions, type ViewportHelperFunctionOptions, _default$13 as VueFlow, VueFlowError, VueFlow as VueFlowInjection, VueFlowInstance, _default$14 as VueFlowProvider, VueFlowState, VueFlowStoreHandle, type XYPosition, type ZIndexMode, type ZoomInOut, type ZoomTo, 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, rendererPointToPoint, storeToRefs, useConnection, useEdge, useEdgesData, useHandle, useInternalNode, useKeyPress, useNode, useNodeConnections, useNodeId, useNodesData, useNodesInitialized, useStore, useVueFlow };
2521
+ //#region src/utils/edges.d.ts
2522
+ /**
2523
+ * Adds a `Connection` (or a full `Edge`) to an edges array and returns a new array — generating the
2524
+ * edge id and skipping the add when an equivalent connection already exists. The pure helper to use
2525
+ * in an `@connect` handler against a `v-model:edges` array, e.g.
2526
+ * `edges.value = addEdge(connection, edges.value)`, with no store/instance access.
2527
+ *
2528
+ * Mirrors xyflow/react's + xyflow/svelte's `addEdge`.
2529
+ */
2530
+ declare function addEdge<EdgeType extends EdgeBase>(edgeParams: EdgeType | Connection$1, edges: EdgeType[], options?: AddEdgeOptions): EdgeType[];
2531
+ /**
2532
+ * Reconnects an existing edge to a new `Connection`, returning a new edges array. The pure,
2533
+ * controlled counterpart to the store action `useVueFlow().reconnectEdge` — use it in an
2534
+ * `@reconnect` handler against a `v-model:edges` array, e.g.
2535
+ * `edges.value = reconnectEdge(oldEdge, newConnection, edges.value)`.
2536
+ *
2537
+ * Mirrors xyflow/react's `reconnectEdge`.
2538
+ */
2539
+ declare function reconnectEdge<EdgeType extends EdgeBase>(oldEdge: EdgeType, newConnection: Connection$1, edges: EdgeType[], options?: ReconnectEdgeOptions): EdgeType[];
2540
+ //#endregion
2541
+ export { Actions, AddEdges, AddNodes, type Align, type AriaLabelConfig, _default as Background, BackgroundProps, BackgroundVariant, _default$1 as BaseEdge, BaseEdgeProps, BezierEdge, BezierEdgeProps, BezierEdgeType, BezierPathOptions, BuiltInNode, CSSVars, ClassValue, type ColorMode, ComputedGetters, ConnectEndEvent, ConnectingHandle, type Connection, ConnectionInProgress, ConnectionLineOptions, ConnectionLineProps, ConnectionLineType, ConnectionLookup, ConnectionMode, ConnectionState, ConnectionStatus, Connector, _default$2 as ControlButton, ControlEmits, type ControlLinePosition, type ControlPosition, ControlProps, _default$3 as Controls, type CoordinateExtent, CustomThemeVars, DefaultEdge, DefaultEdgeOptions, DefaultEdgeTypes, DefaultNodeTypes, DeleteElements, type Dimensions, Edge, EdgeAddChange, EdgeChange, EdgeComponent, EdgeEventsHandler, EdgeEventsOn, EdgeLabelOptions, _default$4 as EdgeLabelRenderer, EdgeLookup, EdgeMarker, EdgeMarkerType, EdgeMouseEvent, EdgePositions, EdgeProps, EdgeReconnectEndEvent, EdgeReconnectEvent, EdgeReconnectStartEvent, EdgeReconnectable, type EdgeRemoveChange, type EdgeSelectionChange, EdgeSlots, _default$5 as EdgeText, EdgeTextProps, _default$6 as EdgeToolbar, EdgeToolbarProps, EdgeTypesObject, ElementChange, ErrorCode, type FinalConnectionState, FitBounds, FitBoundsOptions, FitView, type FitViewOptions, FlowEmits, FlowEvents, FlowExportObject, FlowHooks, FlowHooksEmit, FlowHooksOn, FlowOptions, FlowProps, FlowSlots, GetEdge, GetInternalNode, GetIntersectingNodes, GetNode, type GetViewport, Getters, _default$7 as Handle, HandleConnectable, HandleConnectableFunc, HandleElement, HandleProps, type HandleType, InternalNode, IsNodeIntersecting, IsValidParams, MarkerProps, MarkerType, _default$8 as MiniMap, MiniMapEmits, _default$9 as MiniMapNode, MiniMapNodeEmits, MiniMapNodeFunc, MiniMapNodeProps, MiniMapProps, MiniMapSlots, MouseTouchEvent, NoConnection, Node, NodeAddChange, NodeChange, NodeComponent, type NodeConnection, type NodeDimensionChange, NodeDragEvent, NodeDragItem, NodeEventsHandler, NodeEventsOn, NodeHandleBounds, NodeId as NodeIdInjection, NodeLookup, NodeMouseEvent, NodeOrigin, type NodePositionChange, NodeProps, type NodeRemoveChange, _default$10 as NodeResizeControl, _default$11 as NodeResizer, NodeResizerEmits, NodeResizerProps, type NodeSelectionChange, NodeSlots, _default$12 as NodeToolbar, NodeToolbarProps, NodeTypesObject, OnBeforeDelete, OnConnectStartParams, OnResize, OnResizeEnd, OnResizeStart, type Padding, type PaddingUnit, type PaddingWithUnit, PanOnScrollMode, _default$13 as Panel, PanelProps, Position, type Project, ReconnectEdge, type Rect, RemoveEdges, RemoveNodes, ResizeControlLineProps, ResizeControlProps, ResizeControlVariant, type ResizeDragEvent, type ResizeParams, type ResizeParamsWithDirection, Result, SelectionChangeEvent, SelectionMode, type SelectionRect, type SetCenter, type SetCenterOptions, SetEdges, SetNodes, SetState, SetStateOptions, type SetViewport, ShapeRendering, type ShouldResize, SimpleBezierEdge, SimpleBezierEdgeProps, Slots, SmoothStepEdge, SmoothStepEdgeProps, SmoothStepEdgeType, SmoothStepPathOptions, type SnapGrid, State, StepEdge, StepEdgeProps, StraightEdge, StraightEdgeProps, Styles, ThemeVars, UpdateEdge, UpdateEdgeData, UpdateNode, UpdateNodeData, UpdateNodeDimensions, UpdateNodeDimensionsParams, UpdateNodeInternals, UpdateNodePosition, ValidConnectionFunc, type Viewport, ViewportFunctions, type ViewportHelperFunctionOptions, _default$14 as VueFlow, VueFlowError, VueFlow as VueFlowInjection, VueFlowInstance, _default$15 as VueFlowProvider, VueFlowState, VueFlowStoreHandle, type XYPosition, type ZIndexMode, type ZoomInOut, type ZoomTo, 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 };
2468
2542
  //# sourceMappingURL=index.d.ts.map