@vue-flow/core - npm Package Compare versions

Comparing version 1.24.2 to 1.25.0

dist/composables/useDrag.d.ts

 import type { D3DragEvent, SubjectPosition } from 'd3-drag'
-import type { Ref } from 'vue'
-import type { MaybeRefOrGetter } from '@vueuse/core'
+import type { MaybeRefOrGetter, Ref } from 'vue'
 import type { NodeDragEvent } from '../types'
@@ -5,0 +4,0 @@

dist/composables/useHandle.d.ts

@@ -1,2 +0,2 @@
-import type { MaybeRefOrGetter } from '@vueuse/core'
+import type { MaybeRefOrGetter } from 'vue'
 import type { Connection, HandleType, MouseTouchEvent, ValidConnectionFunc } from '../types'
@@ -3,0 +3,0 @@

dist/composables/useKeyPress.d.ts

@@ -1,2 +0,3 @@
-import type { KeyFilter, MaybeRefOrGetter } from '@vueuse/core'
+import type { MaybeRefOrGetter } from 'vue'
+import type { KeyFilter } from '@vueuse/core'
 
@@ -3,0 +4,0 @@ export declare function isInputDOMNode(event: KeyboardEvent): boolean

dist/container/Viewport/Viewport.vue.d.ts

@@ -18,3 +18,2 @@ declare const _default: __VLS_WithTemplateSlots<
   {
-    'zoom-pane'?(_: {}): any
     default?(_: {}): any
@@ -21,0 +20,0 @@ }

dist/container/VueFlow/VueFlow.vue.d.ts

@@ -1,21 +0,2 @@
-import type { D3ZoomEvent } from 'd3-zoom'
-import type { FlowElements } from '../../types/flow'
-import type {
-  Connection,
-  ConnectionLineProps,
-  EdgeChange,
-  EdgeMouseEvent,
-  EdgeProps,
-  EdgeUpdateEvent,
-  GraphEdge,
-  GraphNode,
-  NodeChange,
-  NodeDragEvent,
-  NodeMouseEvent,
-  NodeProps,
-  OnConnectStartParams,
-  ViewportTransform,
-  VueFlowStore,
-} from '../../types'
-import type { VueFlowError } from '../../utils/errors'
+import type { FlowSlots, VueFlowStore } from '../../types'
 
@@ -129,3 +110,3 @@ declare const _default: __VLS_WithTemplateSlots<
       defaultViewport: {
-        type: import('vue').PropType<Partial<ViewportTransform>>
+        type: import('vue').PropType<Partial<import('../../types').ViewportTransform>>
       }
@@ -238,25 +219,25 @@ translateExtent: {
       emits: Readonly<{
-        nodesChange: import('@vueuse/shared').EventHookTrigger<NodeChange[]>
-        edgesChange: import('@vueuse/shared').EventHookTrigger<EdgeChange[]>
-        nodeDoubleClick: import('@vueuse/shared').EventHookTrigger<NodeMouseEvent>
-        nodeClick: import('@vueuse/shared').EventHookTrigger<NodeMouseEvent>
-        nodeMouseEnter: import('@vueuse/shared').EventHookTrigger<NodeMouseEvent>
-        nodeMouseMove: import('@vueuse/shared').EventHookTrigger<NodeMouseEvent>
-        nodeMouseLeave: import('@vueuse/shared').EventHookTrigger<NodeMouseEvent>
-        nodeContextMenu: import('@vueuse/shared').EventHookTrigger<NodeMouseEvent>
-        nodeDragStart: import('@vueuse/shared').EventHookTrigger<NodeDragEvent>
-        nodeDrag: import('@vueuse/shared').EventHookTrigger<NodeDragEvent>
-        nodeDragStop: import('@vueuse/shared').EventHookTrigger<NodeDragEvent>
-        nodesInitialized: import('@vueuse/shared').EventHookTrigger<GraphNode<any, any, string>[]>
+        nodesChange: import('@vueuse/shared').EventHookTrigger<import('../../types').NodeChange[]>
+        edgesChange: import('@vueuse/shared').EventHookTrigger<import('../../types').EdgeChange[]>
+        nodeDoubleClick: import('@vueuse/shared').EventHookTrigger<import('../../types').NodeMouseEvent>
+        nodeClick: import('@vueuse/shared').EventHookTrigger<import('../../types').NodeMouseEvent>
+        nodeMouseEnter: import('@vueuse/shared').EventHookTrigger<import('../../types').NodeMouseEvent>
+        nodeMouseMove: import('@vueuse/shared').EventHookTrigger<import('../../types').NodeMouseEvent>
+        nodeMouseLeave: import('@vueuse/shared').EventHookTrigger<import('../../types').NodeMouseEvent>
+        nodeContextMenu: import('@vueuse/shared').EventHookTrigger<import('../../types').NodeMouseEvent>
+        nodeDragStart: import('@vueuse/shared').EventHookTrigger<import('../../types').NodeDragEvent>
+        nodeDrag: import('@vueuse/shared').EventHookTrigger<import('../../types').NodeDragEvent>
+        nodeDragStop: import('@vueuse/shared').EventHookTrigger<import('../../types').NodeDragEvent>
+        nodesInitialized: import('@vueuse/shared').EventHookTrigger<import('../../types').GraphNode<any, any, string>[]>
         updateNodeInternals: import('@vueuse/shared').EventHookTrigger<string[]>
-        miniMapNodeClick: import('@vueuse/shared').EventHookTrigger<NodeMouseEvent>
-        miniMapNodeDoubleClick: import('@vueuse/shared').EventHookTrigger<NodeMouseEvent>
-        miniMapNodeMouseEnter: import('@vueuse/shared').EventHookTrigger<NodeMouseEvent>
-        miniMapNodeMouseMove: import('@vueuse/shared').EventHookTrigger<NodeMouseEvent>
-        miniMapNodeMouseLeave: import('@vueuse/shared').EventHookTrigger<NodeMouseEvent>
-        connect: import('@vueuse/shared').EventHookTrigger<Connection>
+        miniMapNodeClick: import('@vueuse/shared').EventHookTrigger<import('../../types').NodeMouseEvent>
+        miniMapNodeDoubleClick: import('@vueuse/shared').EventHookTrigger<import('../../types').NodeMouseEvent>
+        miniMapNodeMouseEnter: import('@vueuse/shared').EventHookTrigger<import('../../types').NodeMouseEvent>
+        miniMapNodeMouseMove: import('@vueuse/shared').EventHookTrigger<import('../../types').NodeMouseEvent>
+        miniMapNodeMouseLeave: import('@vueuse/shared').EventHookTrigger<import('../../types').NodeMouseEvent>
+        connect: import('@vueuse/shared').EventHookTrigger<import('../../types').Connection>
         connectStart: import('@vueuse/shared').EventHookTrigger<
           {
             event?: MouseEvent | TouchEvent | undefined
-          } & OnConnectStartParams
+          } & import('../../types').OnConnectStartParams
         >
@@ -267,3 +248,3 @@ connectEnd: import('@vueuse/shared').EventHookTrigger<MouseEvent | TouchEvent | undefined>
             event?: MouseEvent | TouchEvent | undefined
-          } & OnConnectStartParams
+          } & import('../../types').OnConnectStartParams
         >
@@ -273,25 +254,25 @@ clickConnectEnd: import('@vueuse/shared').EventHookTrigger<MouseEvent | TouchEvent | undefined>
         move: import('@vueuse/shared').EventHookTrigger<{
-          event: WheelEvent | D3ZoomEvent<HTMLDivElement, any>
-          flowTransform: ViewportTransform
+          event: WheelEvent | import('d3-zoom').D3ZoomEvent<HTMLDivElement, any>
+          flowTransform: import('../../types').ViewportTransform
         }>
         moveStart: import('@vueuse/shared').EventHookTrigger<{
-          event: WheelEvent | D3ZoomEvent<HTMLDivElement, any>
-          flowTransform: ViewportTransform
+          event: WheelEvent | import('d3-zoom').D3ZoomEvent<HTMLDivElement, any>
+          flowTransform: import('../../types').ViewportTransform
         }>
         moveEnd: import('@vueuse/shared').EventHookTrigger<{
-          event: WheelEvent | D3ZoomEvent<HTMLDivElement, any>
-          flowTransform: ViewportTransform
+          event: WheelEvent | import('d3-zoom').D3ZoomEvent<HTMLDivElement, any>
+          flowTransform: import('../../types').ViewportTransform
         }>
-        selectionDragStart: import('@vueuse/shared').EventHookTrigger<NodeDragEvent>
-        selectionDrag: import('@vueuse/shared').EventHookTrigger<NodeDragEvent>
-        selectionDragStop: import('@vueuse/shared').EventHookTrigger<NodeDragEvent>
+        selectionDragStart: import('@vueuse/shared').EventHookTrigger<import('../../types').NodeDragEvent>
+        selectionDrag: import('@vueuse/shared').EventHookTrigger<import('../../types').NodeDragEvent>
+        selectionDragStop: import('@vueuse/shared').EventHookTrigger<import('../../types').NodeDragEvent>
         selectionContextMenu: import('@vueuse/shared').EventHookTrigger<{
           event: MouseEvent
-          nodes: GraphNode<any, any, string>[]
+          nodes: import('../../types').GraphNode<any, any, string>[]
         }>
         selectionStart: import('@vueuse/shared').EventHookTrigger<MouseEvent>
         selectionEnd: import('@vueuse/shared').EventHookTrigger<MouseEvent>
-        viewportChangeStart: import('@vueuse/shared').EventHookTrigger<ViewportTransform>
-        viewportChange: import('@vueuse/shared').EventHookTrigger<ViewportTransform>
-        viewportChangeEnd: import('@vueuse/shared').EventHookTrigger<ViewportTransform>
+        viewportChangeStart: import('@vueuse/shared').EventHookTrigger<import('../../types').ViewportTransform>
+        viewportChange: import('@vueuse/shared').EventHookTrigger<import('../../types').ViewportTransform>
+        viewportChangeEnd: import('@vueuse/shared').EventHookTrigger<import('../../types').ViewportTransform>
         paneScroll: import('@vueuse/shared').EventHookTrigger<WheelEvent | undefined>
@@ -303,37 +284,37 @@ paneClick: import('@vueuse/shared').EventHookTrigger<MouseEvent>
         paneMouseLeave: import('@vueuse/shared').EventHookTrigger<MouseEvent>
-        edgeContextMenu: import('@vueuse/shared').EventHookTrigger<EdgeMouseEvent>
-        edgeMouseEnter: import('@vueuse/shared').EventHookTrigger<EdgeMouseEvent>
-        edgeMouseMove: import('@vueuse/shared').EventHookTrigger<EdgeMouseEvent>
-        edgeMouseLeave: import('@vueuse/shared').EventHookTrigger<EdgeMouseEvent>
-        edgeDoubleClick: import('@vueuse/shared').EventHookTrigger<EdgeMouseEvent>
-        edgeClick: import('@vueuse/shared').EventHookTrigger<EdgeMouseEvent>
-        edgeUpdateStart: import('@vueuse/shared').EventHookTrigger<EdgeMouseEvent>
-        edgeUpdate: import('@vueuse/shared').EventHookTrigger<EdgeUpdateEvent>
-        edgeUpdateEnd: import('@vueuse/shared').EventHookTrigger<EdgeMouseEvent>
-        error: import('@vueuse/shared').EventHookTrigger<VueFlowError<import('../../utils/errors').ErrorCode>>
+        edgeContextMenu: import('@vueuse/shared').EventHookTrigger<import('../../types').EdgeMouseEvent>
+        edgeMouseEnter: import('@vueuse/shared').EventHookTrigger<import('../../types').EdgeMouseEvent>
+        edgeMouseMove: import('@vueuse/shared').EventHookTrigger<import('../../types').EdgeMouseEvent>
+        edgeMouseLeave: import('@vueuse/shared').EventHookTrigger<import('../../types').EdgeMouseEvent>
+        edgeDoubleClick: import('@vueuse/shared').EventHookTrigger<import('../../types').EdgeMouseEvent>
+        edgeClick: import('@vueuse/shared').EventHookTrigger<import('../../types').EdgeMouseEvent>
+        edgeUpdateStart: import('@vueuse/shared').EventHookTrigger<import('../../types').EdgeMouseEvent>
+        edgeUpdate: import('@vueuse/shared').EventHookTrigger<import('../../types').EdgeUpdateEvent>
+        edgeUpdateEnd: import('@vueuse/shared').EventHookTrigger<import('../../types').EdgeMouseEvent>
+        error: import('@vueuse/shared').EventHookTrigger<import('../..').VueFlowError<import('../..').ErrorCode>>
       }>
       vueFlowVersion: string
-      onNodesChange: import('@vueuse/shared').EventHookOn<NodeChange[]>
-      onEdgesChange: import('@vueuse/shared').EventHookOn<EdgeChange[]>
-      onNodeDoubleClick: import('@vueuse/shared').EventHookOn<NodeMouseEvent>
-      onNodeClick: import('@vueuse/shared').EventHookOn<NodeMouseEvent>
-      onNodeMouseEnter: import('@vueuse/shared').EventHookOn<NodeMouseEvent>
-      onNodeMouseMove: import('@vueuse/shared').EventHookOn<NodeMouseEvent>
-      onNodeMouseLeave: import('@vueuse/shared').EventHookOn<NodeMouseEvent>
-      onNodeContextMenu: import('@vueuse/shared').EventHookOn<NodeMouseEvent>
-      onNodeDragStart: import('@vueuse/shared').EventHookOn<NodeDragEvent>
-      onNodeDrag: import('@vueuse/shared').EventHookOn<NodeDragEvent>
-      onNodeDragStop: import('@vueuse/shared').EventHookOn<NodeDragEvent>
-      onNodesInitialized: import('@vueuse/shared').EventHookOn<GraphNode<any, any, string>[]>
+      onNodesChange: import('@vueuse/shared').EventHookOn<import('../../types').NodeChange[]>
+      onEdgesChange: import('@vueuse/shared').EventHookOn<import('../../types').EdgeChange[]>
+      onNodeDoubleClick: import('@vueuse/shared').EventHookOn<import('../../types').NodeMouseEvent>
+      onNodeClick: import('@vueuse/shared').EventHookOn<import('../../types').NodeMouseEvent>
+      onNodeMouseEnter: import('@vueuse/shared').EventHookOn<import('../../types').NodeMouseEvent>
+      onNodeMouseMove: import('@vueuse/shared').EventHookOn<import('../../types').NodeMouseEvent>
+      onNodeMouseLeave: import('@vueuse/shared').EventHookOn<import('../../types').NodeMouseEvent>
+      onNodeContextMenu: import('@vueuse/shared').EventHookOn<import('../../types').NodeMouseEvent>
+      onNodeDragStart: import('@vueuse/shared').EventHookOn<import('../../types').NodeDragEvent>
+      onNodeDrag: import('@vueuse/shared').EventHookOn<import('../../types').NodeDragEvent>
+      onNodeDragStop: import('@vueuse/shared').EventHookOn<import('../../types').NodeDragEvent>
+      onNodesInitialized: import('@vueuse/shared').EventHookOn<import('../../types').GraphNode<any, any, string>[]>
       onUpdateNodeInternals: import('@vueuse/shared').EventHookOn<string[]>
-      onMiniMapNodeClick: import('@vueuse/shared').EventHookOn<NodeMouseEvent>
-      onMiniMapNodeDoubleClick: import('@vueuse/shared').EventHookOn<NodeMouseEvent>
-      onMiniMapNodeMouseEnter: import('@vueuse/shared').EventHookOn<NodeMouseEvent>
-      onMiniMapNodeMouseMove: import('@vueuse/shared').EventHookOn<NodeMouseEvent>
-      onMiniMapNodeMouseLeave: import('@vueuse/shared').EventHookOn<NodeMouseEvent>
-      onConnect: import('@vueuse/shared').EventHookOn<Connection>
+      onMiniMapNodeClick: import('@vueuse/shared').EventHookOn<import('../../types').NodeMouseEvent>
+      onMiniMapNodeDoubleClick: import('@vueuse/shared').EventHookOn<import('../../types').NodeMouseEvent>
+      onMiniMapNodeMouseEnter: import('@vueuse/shared').EventHookOn<import('../../types').NodeMouseEvent>
+      onMiniMapNodeMouseMove: import('@vueuse/shared').EventHookOn<import('../../types').NodeMouseEvent>
+      onMiniMapNodeMouseLeave: import('@vueuse/shared').EventHookOn<import('../../types').NodeMouseEvent>
+      onConnect: import('@vueuse/shared').EventHookOn<import('../../types').Connection>
       onConnectStart: import('@vueuse/shared').EventHookOn<
         {
           event?: MouseEvent | TouchEvent | undefined
-        } & OnConnectStartParams
+        } & import('../../types').OnConnectStartParams
       >
@@ -344,3 +325,3 @@ onConnectEnd: import('@vueuse/shared').EventHookOn<MouseEvent | TouchEvent | undefined>
           event?: MouseEvent | TouchEvent | undefined
-        } & OnConnectStartParams
+        } & import('../../types').OnConnectStartParams
       >
@@ -350,25 +331,25 @@ onClickConnectEnd: import('@vueuse/shared').EventHookOn<MouseEvent | TouchEvent | undefined>
       onMove: import('@vueuse/shared').EventHookOn<{
-        event: WheelEvent | D3ZoomEvent<HTMLDivElement, any>
-        flowTransform: ViewportTransform
+        event: WheelEvent | import('d3-zoom').D3ZoomEvent<HTMLDivElement, any>
+        flowTransform: import('../../types').ViewportTransform
       }>
       onMoveStart: import('@vueuse/shared').EventHookOn<{
-        event: WheelEvent | D3ZoomEvent<HTMLDivElement, any>
-        flowTransform: ViewportTransform
+        event: WheelEvent | import('d3-zoom').D3ZoomEvent<HTMLDivElement, any>
+        flowTransform: import('../../types').ViewportTransform
       }>
       onMoveEnd: import('@vueuse/shared').EventHookOn<{
-        event: WheelEvent | D3ZoomEvent<HTMLDivElement, any>
-        flowTransform: ViewportTransform
+        event: WheelEvent | import('d3-zoom').D3ZoomEvent<HTMLDivElement, any>
+        flowTransform: import('../../types').ViewportTransform
       }>
-      onSelectionDragStart: import('@vueuse/shared').EventHookOn<NodeDragEvent>
-      onSelectionDrag: import('@vueuse/shared').EventHookOn<NodeDragEvent>
-      onSelectionDragStop: import('@vueuse/shared').EventHookOn<NodeDragEvent>
+      onSelectionDragStart: import('@vueuse/shared').EventHookOn<import('../../types').NodeDragEvent>
+      onSelectionDrag: import('@vueuse/shared').EventHookOn<import('../../types').NodeDragEvent>
+      onSelectionDragStop: import('@vueuse/shared').EventHookOn<import('../../types').NodeDragEvent>
       onSelectionContextMenu: import('@vueuse/shared').EventHookOn<{
         event: MouseEvent
-        nodes: GraphNode<any, any, string>[]
+        nodes: import('../../types').GraphNode<any, any, string>[]
       }>
       onSelectionStart: import('@vueuse/shared').EventHookOn<MouseEvent>
       onSelectionEnd: import('@vueuse/shared').EventHookOn<MouseEvent>
-      onViewportChangeStart: import('@vueuse/shared').EventHookOn<ViewportTransform>
-      onViewportChange: import('@vueuse/shared').EventHookOn<ViewportTransform>
-      onViewportChangeEnd: import('@vueuse/shared').EventHookOn<ViewportTransform>
+      onViewportChangeStart: import('@vueuse/shared').EventHookOn<import('../../types').ViewportTransform>
+      onViewportChange: import('@vueuse/shared').EventHookOn<import('../../types').ViewportTransform>
+      onViewportChangeEnd: import('@vueuse/shared').EventHookOn<import('../../types').ViewportTransform>
       onPaneScroll: import('@vueuse/shared').EventHookOn<WheelEvent | undefined>
@@ -380,15 +361,15 @@ onPaneClick: import('@vueuse/shared').EventHookOn<MouseEvent>
       onPaneMouseLeave: import('@vueuse/shared').EventHookOn<MouseEvent>
-      onEdgeContextMenu: import('@vueuse/shared').EventHookOn<EdgeMouseEvent>
-      onEdgeMouseEnter: import('@vueuse/shared').EventHookOn<EdgeMouseEvent>
-      onEdgeMouseMove: import('@vueuse/shared').EventHookOn<EdgeMouseEvent>
-      onEdgeMouseLeave: import('@vueuse/shared').EventHookOn<EdgeMouseEvent>
-      onEdgeDoubleClick: import('@vueuse/shared').EventHookOn<EdgeMouseEvent>
-      onEdgeClick: import('@vueuse/shared').EventHookOn<EdgeMouseEvent>
-      onEdgeUpdateStart: import('@vueuse/shared').EventHookOn<EdgeMouseEvent>
-      onEdgeUpdate: import('@vueuse/shared').EventHookOn<EdgeUpdateEvent>
-      onEdgeUpdateEnd: import('@vueuse/shared').EventHookOn<EdgeMouseEvent>
-      onError: import('@vueuse/shared').EventHookOn<VueFlowError<import('../../utils/errors').ErrorCode>>
+      onEdgeContextMenu: import('@vueuse/shared').EventHookOn<import('../../types').EdgeMouseEvent>
+      onEdgeMouseEnter: import('@vueuse/shared').EventHookOn<import('../../types').EdgeMouseEvent>
+      onEdgeMouseMove: import('@vueuse/shared').EventHookOn<import('../../types').EdgeMouseEvent>
+      onEdgeMouseLeave: import('@vueuse/shared').EventHookOn<import('../../types').EdgeMouseEvent>
+      onEdgeDoubleClick: import('@vueuse/shared').EventHookOn<import('../../types').EdgeMouseEvent>
+      onEdgeClick: import('@vueuse/shared').EventHookOn<import('../../types').EdgeMouseEvent>
+      onEdgeUpdateStart: import('@vueuse/shared').EventHookOn<import('../../types').EdgeMouseEvent>
+      onEdgeUpdate: import('@vueuse/shared').EventHookOn<import('../../types').EdgeUpdateEvent>
+      onEdgeUpdateEnd: import('@vueuse/shared').EventHookOn<import('../../types').EdgeMouseEvent>
+      onError: import('@vueuse/shared').EventHookOn<import('../..').VueFlowError<import('../..').ErrorCode>>
       viewportRef: import('vue').Ref<HTMLDivElement | null>
-      nodes: import('vue').Ref<GraphNode<any, any, string>[]>
-      edges: import('vue').Ref<GraphEdge<any, any, string>[]>
+      nodes: import('vue').Ref<import('../../types').GraphNode<any, any, string>[]>
+      edges: import('vue').Ref<import('../../types').GraphEdge<any, any, string>[]>
       d3Zoom: import('vue').Ref<import('../../types').D3Zoom | null>
@@ -399,7 +380,7 @@ d3Selection: import('vue').Ref<import('../../types').D3Selection | null>
       maxZoom: import('vue').Ref<number>
-      defaultViewport: import('vue').Ref<Partial<ViewportTransform>>
+      defaultViewport: import('vue').Ref<Partial<import('../../types').ViewportTransform>>
       translateExtent: import('vue').Ref<import('../../types').CoordinateExtent>
       nodeExtent: import('vue').Ref<import('../../types').CoordinateExtent | import('../../types').CoordinateExtentRange>
       dimensions: import('vue').Ref<import('../../types').Dimensions>
-      viewport: import('vue').Ref<ViewportTransform>
+      viewport: import('vue').Ref<import('../../types').ViewportTransform>
       onlyRenderVisibleElements: import('vue').Ref<boolean>
@@ -473,11 +454,11 @@ nodesSelectionActive: import('vue').Ref<boolean>
         | undefined
-      getElements: import('vue').ComputedRef<FlowElements<any, any, any, any>>
-      getNodes: import('vue').ComputedRef<GraphNode<any, any, string>[]>
-      getEdges: import('vue').ComputedRef<GraphEdge<any, any, string>[]>
-      getNode: import('vue').ComputedRef<(id: string) => GraphNode<any, any, string> | undefined>
-      getEdge: import('vue').ComputedRef<(id: string) => GraphEdge<any, any, string> | undefined>
-      getSelectedElements: import('vue').ComputedRef<FlowElements<any, any, any, any>>
-      getSelectedNodes: import('vue').ComputedRef<GraphNode<any, any, string>[]>
-      getSelectedEdges: import('vue').ComputedRef<GraphEdge<any, any, string>[]>
-      getNodesInitialized: import('vue').ComputedRef<GraphNode<any, any, string>[]>
+      getElements: import('vue').ComputedRef<import('../../types').FlowElements<any, any, any, any>>
+      getNodes: import('vue').ComputedRef<import('../../types').GraphNode<any, any, string>[]>
+      getEdges: import('vue').ComputedRef<import('../../types').GraphEdge<any, any, string>[]>
+      getNode: import('vue').ComputedRef<(id: string) => import('../../types').GraphNode<any, any, string> | undefined>
+      getEdge: import('vue').ComputedRef<(id: string) => import('../../types').GraphEdge<any, any, string> | undefined>
+      getSelectedElements: import('vue').ComputedRef<import('../../types').FlowElements<any, any, any, any>>
+      getSelectedNodes: import('vue').ComputedRef<import('../../types').GraphNode<any, any, string>[]>
+      getSelectedEdges: import('vue').ComputedRef<import('../../types').GraphEdge<any, any, string>[]>
+      getNodesInitialized: import('vue').ComputedRef<import('../../types').GraphNode<any, any, string>[]>
       areNodesInitialized: import('vue').ComputedRef<boolean>
@@ -494,9 +475,9 @@ setElements: import('../../types').SetElements
       updateEdge: import('../../types').UpdateEdge
-      applyEdgeChanges: (changes: EdgeChange[]) => GraphEdge<any, any, string>[]
-      applyNodeChanges: (changes: NodeChange[]) => GraphNode<any, any, string>[]
-      addSelectedElements: (elements: FlowElements<any, any, any, any>) => void
-      addSelectedEdges: (edges: GraphEdge<any, any, string>[]) => void
-      addSelectedNodes: (nodes: GraphNode<any, any, string>[]) => void
-      removeSelectedEdges: (edges: GraphEdge<any, any, string>[]) => void
-      removeSelectedNodes: (nodes: GraphNode<any, any, string>[]) => void
+      applyEdgeChanges: (changes: import('../../types').EdgeChange[]) => import('../../types').GraphEdge<any, any, string>[]
+      applyNodeChanges: (changes: import('../../types').NodeChange[]) => import('../../types').GraphNode<any, any, string>[]
+      addSelectedElements: (elements: import('../../types').FlowElements<any, any, any, any>) => void
+      addSelectedEdges: (edges: import('../../types').GraphEdge<any, any, string>[]) => void
+      addSelectedNodes: (nodes: import('../../types').GraphNode<any, any, string>[]) => void
+      removeSelectedEdges: (edges: import('../../types').GraphEdge<any, any, string>[]) => void
+      removeSelectedNodes: (nodes: import('../../types').GraphNode<any, any, string>[]) => void
       removeSelectedElements: (elements?: import('../../types').Elements<any, any, any, any> | undefined) => void
@@ -528,5 +509,11 @@ setMinZoom: (zoom: number) => void
       isNodeIntersecting: import('../../types').IsNodeIntersecting
-      getIncomers: (nodeOrId: string | import('../../types').Node<any, any, string>) => GraphNode<any, any, string>[]
-      getOutgoers: (nodeOrId: string | import('../../types').Node<any, any, string>) => GraphNode<any, any, string>[]
-      getConnectedEdges: (nodesOrId: string | import('../../types').Node<any, any, string>[]) => GraphEdge<any, any, string>[]
+      getIncomers: (
+        nodeOrId: string | import('../../types').Node<any, any, string>,
+      ) => import('../../types').GraphNode<any, any, string>[]
+      getOutgoers: (
+        nodeOrId: string | import('../../types').Node<any, any, string>,
+      ) => import('../../types').GraphNode<any, any, string>[]
+      getConnectedEdges: (
+        nodesOrId: string | import('../../types').Node<any, any, string>[],
+      ) => import('../../types').GraphEdge<any, any, string>[]
       panBy: (delta: import('../../types').XYPosition) => boolean
@@ -549,25 +536,25 @@ $reset: () => void
         Readonly<{
-          nodesChange: import('../../utils').EventHookExtended<NodeChange[]>
-          edgesChange: import('../../utils').EventHookExtended<EdgeChange[]>
-          nodeDoubleClick: import('../../utils').EventHookExtended<NodeMouseEvent>
-          nodeClick: import('../../utils').EventHookExtended<NodeMouseEvent>
-          nodeMouseEnter: import('../../utils').EventHookExtended<NodeMouseEvent>
-          nodeMouseMove: import('../../utils').EventHookExtended<NodeMouseEvent>
-          nodeMouseLeave: import('../../utils').EventHookExtended<NodeMouseEvent>
-          nodeContextMenu: import('../../utils').EventHookExtended<NodeMouseEvent>
-          nodeDragStart: import('../../utils').EventHookExtended<NodeDragEvent>
-          nodeDrag: import('../../utils').EventHookExtended<NodeDragEvent>
-          nodeDragStop: import('../../utils').EventHookExtended<NodeDragEvent>
-          nodesInitialized: import('../../utils').EventHookExtended<GraphNode<any, any, string>[]>
+          nodesChange: import('../../utils').EventHookExtended<import('../../types').NodeChange[]>
+          edgesChange: import('../../utils').EventHookExtended<import('../../types').EdgeChange[]>
+          nodeDoubleClick: import('../../utils').EventHookExtended<import('../../types').NodeMouseEvent>
+          nodeClick: import('../../utils').EventHookExtended<import('../../types').NodeMouseEvent>
+          nodeMouseEnter: import('../../utils').EventHookExtended<import('../../types').NodeMouseEvent>
+          nodeMouseMove: import('../../utils').EventHookExtended<import('../../types').NodeMouseEvent>
+          nodeMouseLeave: import('../../utils').EventHookExtended<import('../../types').NodeMouseEvent>
+          nodeContextMenu: import('../../utils').EventHookExtended<import('../../types').NodeMouseEvent>
+          nodeDragStart: import('../../utils').EventHookExtended<import('../../types').NodeDragEvent>
+          nodeDrag: import('../../utils').EventHookExtended<import('../../types').NodeDragEvent>
+          nodeDragStop: import('../../utils').EventHookExtended<import('../../types').NodeDragEvent>
+          nodesInitialized: import('../../utils').EventHookExtended<import('../../types').GraphNode<any, any, string>[]>
           updateNodeInternals: import('../../utils').EventHookExtended<string[]>
-          miniMapNodeClick: import('../../utils').EventHookExtended<NodeMouseEvent>
-          miniMapNodeDoubleClick: import('../../utils').EventHookExtended<NodeMouseEvent>
-          miniMapNodeMouseEnter: import('../../utils').EventHookExtended<NodeMouseEvent>
-          miniMapNodeMouseMove: import('../../utils').EventHookExtended<NodeMouseEvent>
-          miniMapNodeMouseLeave: import('../../utils').EventHookExtended<NodeMouseEvent>
-          connect: import('../../utils').EventHookExtended<Connection>
+          miniMapNodeClick: import('../../utils').EventHookExtended<import('../../types').NodeMouseEvent>
+          miniMapNodeDoubleClick: import('../../utils').EventHookExtended<import('../../types').NodeMouseEvent>
+          miniMapNodeMouseEnter: import('../../utils').EventHookExtended<import('../../types').NodeMouseEvent>
+          miniMapNodeMouseMove: import('../../utils').EventHookExtended<import('../../types').NodeMouseEvent>
+          miniMapNodeMouseLeave: import('../../utils').EventHookExtended<import('../../types').NodeMouseEvent>
+          connect: import('../../utils').EventHookExtended<import('../../types').Connection>
           connectStart: import('../../utils').EventHookExtended<
             {
               event?: MouseEvent | TouchEvent | undefined
-            } & OnConnectStartParams
+            } & import('../../types').OnConnectStartParams
           >
@@ -578,3 +565,3 @@ connectEnd: import('../../utils').EventHookExtended<MouseEvent | TouchEvent | undefined>
               event?: MouseEvent | TouchEvent | undefined
-            } & OnConnectStartParams
+            } & import('../../types').OnConnectStartParams
           >
@@ -584,25 +571,25 @@ clickConnectEnd: import('../../utils').EventHookExtended<MouseEvent | TouchEvent | undefined>
           move: import('../../utils').EventHookExtended<{
-            event: WheelEvent | D3ZoomEvent<HTMLDivElement, any>
-            flowTransform: ViewportTransform
+            event: WheelEvent | import('d3-zoom').D3ZoomEvent<HTMLDivElement, any>
+            flowTransform: import('../../types').ViewportTransform
           }>
           moveStart: import('../../utils').EventHookExtended<{
-            event: WheelEvent | D3ZoomEvent<HTMLDivElement, any>
-            flowTransform: ViewportTransform
+            event: WheelEvent | import('d3-zoom').D3ZoomEvent<HTMLDivElement, any>
+            flowTransform: import('../../types').ViewportTransform
           }>
           moveEnd: import('../../utils').EventHookExtended<{
-            event: WheelEvent | D3ZoomEvent<HTMLDivElement, any>
-            flowTransform: ViewportTransform
+            event: WheelEvent | import('d3-zoom').D3ZoomEvent<HTMLDivElement, any>
+            flowTransform: import('../../types').ViewportTransform
           }>
-          selectionDragStart: import('../../utils').EventHookExtended<NodeDragEvent>
-          selectionDrag: import('../../utils').EventHookExtended<NodeDragEvent>
-          selectionDragStop: import('../../utils').EventHookExtended<NodeDragEvent>
+          selectionDragStart: import('../../utils').EventHookExtended<import('../../types').NodeDragEvent>
+          selectionDrag: import('../../utils').EventHookExtended<import('../../types').NodeDragEvent>
+          selectionDragStop: import('../../utils').EventHookExtended<import('../../types').NodeDragEvent>
           selectionContextMenu: import('../../utils').EventHookExtended<{
             event: MouseEvent
-            nodes: GraphNode<any, any, string>[]
+            nodes: import('../../types').GraphNode<any, any, string>[]
           }>
           selectionStart: import('../../utils').EventHookExtended<MouseEvent>
           selectionEnd: import('../../utils').EventHookExtended<MouseEvent>
-          viewportChangeStart: import('../../utils').EventHookExtended<ViewportTransform>
-          viewportChange: import('../../utils').EventHookExtended<ViewportTransform>
-          viewportChangeEnd: import('../../utils').EventHookExtended<ViewportTransform>
+          viewportChangeStart: import('../../utils').EventHookExtended<import('../../types').ViewportTransform>
+          viewportChange: import('../../utils').EventHookExtended<import('../../types').ViewportTransform>
+          viewportChangeEnd: import('../../utils').EventHookExtended<import('../../types').ViewportTransform>
           paneScroll: import('../../utils').EventHookExtended<WheelEvent | undefined>
@@ -614,12 +601,12 @@ paneClick: import('../../utils').EventHookExtended<MouseEvent>
           paneMouseLeave: import('../../utils').EventHookExtended<MouseEvent>
-          edgeContextMenu: import('../../utils').EventHookExtended<EdgeMouseEvent>
-          edgeMouseEnter: import('../../utils').EventHookExtended<EdgeMouseEvent>
-          edgeMouseMove: import('../../utils').EventHookExtended<EdgeMouseEvent>
-          edgeMouseLeave: import('../../utils').EventHookExtended<EdgeMouseEvent>
-          edgeDoubleClick: import('../../utils').EventHookExtended<EdgeMouseEvent>
-          edgeClick: import('../../utils').EventHookExtended<EdgeMouseEvent>
-          edgeUpdateStart: import('../../utils').EventHookExtended<EdgeMouseEvent>
-          edgeUpdate: import('../../utils').EventHookExtended<EdgeUpdateEvent>
-          edgeUpdateEnd: import('../../utils').EventHookExtended<EdgeMouseEvent>
-          error: import('../../utils').EventHookExtended<VueFlowError<import('../../utils/errors').ErrorCode>>
+          edgeContextMenu: import('../../utils').EventHookExtended<import('../../types').EdgeMouseEvent>
+          edgeMouseEnter: import('../../utils').EventHookExtended<import('../../types').EdgeMouseEvent>
+          edgeMouseMove: import('../../utils').EventHookExtended<import('../../types').EdgeMouseEvent>
+          edgeMouseLeave: import('../../utils').EventHookExtended<import('../../types').EdgeMouseEvent>
+          edgeDoubleClick: import('../../utils').EventHookExtended<import('../../types').EdgeMouseEvent>
+          edgeClick: import('../../utils').EventHookExtended<import('../../types').EdgeMouseEvent>
+          edgeUpdateStart: import('../../utils').EventHookExtended<import('../../types').EdgeMouseEvent>
+          edgeUpdate: import('../../utils').EventHookExtended<import('../../types').EdgeUpdateEvent>
+          edgeUpdateEnd: import('../../utils').EventHookExtended<import('../../types').EdgeMouseEvent>
+          error: import('../../utils').EventHookExtended<import('../..').VueFlowError<import('../..').ErrorCode>>
         }>
@@ -636,16 +623,16 @@ >
     {
-      'nodeDragStart': (nodeDragEvent: NodeDragEvent) => void
-      'nodeDrag': (nodeDragEvent: NodeDragEvent) => void
-      'nodeDragStop': (nodeDragEvent: NodeDragEvent) => void
+      'nodeDragStart': (nodeDragEvent: import('../../types').NodeDragEvent) => void
+      'nodeDrag': (nodeDragEvent: import('../../types').NodeDragEvent) => void
+      'nodeDragStop': (nodeDragEvent: import('../../types').NodeDragEvent) => void
       'nodesInitialized': () => void
-      'miniMapNodeClick': (nodeMouseEvent: NodeMouseEvent) => void
-      'miniMapNodeDoubleClick': (nodeMouseEvent: NodeMouseEvent) => void
-      'miniMapNodeMouseEnter': (nodeMouseEvent: NodeMouseEvent) => void
-      'miniMapNodeMouseMove': (nodeMouseEvent: NodeMouseEvent) => void
-      'miniMapNodeMouseLeave': (nodeMouseEvent: NodeMouseEvent) => void
-      'connect': (connectionEvent: Connection) => void
+      'miniMapNodeClick': (nodeMouseEvent: import('../../types').NodeMouseEvent) => void
+      'miniMapNodeDoubleClick': (nodeMouseEvent: import('../../types').NodeMouseEvent) => void
+      'miniMapNodeMouseEnter': (nodeMouseEvent: import('../../types').NodeMouseEvent) => void
+      'miniMapNodeMouseMove': (nodeMouseEvent: import('../../types').NodeMouseEvent) => void
+      'miniMapNodeMouseLeave': (nodeMouseEvent: import('../../types').NodeMouseEvent) => void
+      'connect': (connectionEvent: import('../../types').Connection) => void
       'connectStart': (
         connectionEvent: {
           event?: MouseEvent | undefined
-        } & OnConnectStartParams,
+        } & import('../../types').OnConnectStartParams,
       ) => void
@@ -656,17 +643,29 @@ 'connectEnd': (connectionEvent?: MouseEvent | undefined) => void
           event?: MouseEvent | undefined
-        } & OnConnectStartParams,
+        } & import('../../types').OnConnectStartParams,
       ) => void
       'clickConnectEnd': (connectionEvent?: MouseEvent | undefined) => void
-      'moveStart': (moveEvent: { event: D3ZoomEvent<HTMLDivElement, any>; flowTransform: ViewportTransform }) => void
-      'move': (moveEvent: { event: D3ZoomEvent<HTMLDivElement, any>; flowTransform: ViewportTransform }) => void
-      'moveEnd': (moveEvent: { event: D3ZoomEvent<HTMLDivElement, any>; flowTransform: ViewportTransform }) => void
-      'selectionDragStart': (selectionEvent: NodeDragEvent) => void
-      'selectionDrag': (selectionEvent: NodeDragEvent) => void
-      'selectionDragStop': (selectionEvent: NodeDragEvent) => void
-      'selectionContextMenu': (selectionEvent: { event: MouseEvent; nodes: GraphNode[] }) => void
+      'moveStart': (moveEvent: {
+        event: import('d3-zoom').D3ZoomEvent<HTMLDivElement, any>
+        flowTransform: import('../../types').ViewportTransform
+      }) => void
+      'move': (moveEvent: {
+        event: import('d3-zoom').D3ZoomEvent<HTMLDivElement, any>
+        flowTransform: import('../../types').ViewportTransform
+      }) => void
+      'moveEnd': (moveEvent: {
+        event: import('d3-zoom').D3ZoomEvent<HTMLDivElement, any>
+        flowTransform: import('../../types').ViewportTransform
+      }) => void
+      'selectionDragStart': (selectionEvent: import('../../types').NodeDragEvent) => void
+      'selectionDrag': (selectionEvent: import('../../types').NodeDragEvent) => void
+      'selectionDragStop': (selectionEvent: import('../../types').NodeDragEvent) => void
+      'selectionContextMenu': (selectionEvent: {
+        event: MouseEvent
+        nodes: import('../../types').GraphNode<any, any, string>[]
+      }) => void
       'selectionStart': (selectionEvent: MouseEvent) => void
       'selectionEnd': (selectionEvent: MouseEvent) => void
-      'viewportChangeStart': (viewport: ViewportTransform) => void
-      'viewportChange': (viewport: ViewportTransform) => void
-      'viewportChangeEnd': (viewport: ViewportTransform) => void
+      'viewportChangeStart': (viewport: import('../../types').ViewportTransform) => void
+      'viewportChange': (viewport: import('../../types').ViewportTransform) => void
+      'viewportChangeEnd': (viewport: import('../../types').ViewportTransform) => void
       'paneReady': (paneEvent: VueFlowStore) => void
@@ -679,16 +678,16 @@ 'paneScroll': (paneEvent: WheelEvent | undefined) => void
       'paneMouseLeave': (paneEvent: MouseEvent) => void
-      'edgeContextMenu': (edgeMouseEvent: EdgeMouseEvent) => void
-      'edgeMouseEnter': (edgeMouseEvent: EdgeMouseEvent) => void
-      'edgeMouseMove': (edgeMouseEvent: EdgeMouseEvent) => void
-      'edgeMouseLeave': (edgeMouseEvent: EdgeMouseEvent) => void
-      'edgeDoubleClick': (edgeMouseEvent: EdgeMouseEvent) => void
-      'edgeClick': (edgeMouseEvent: EdgeMouseEvent) => void
-      'edgeUpdateStart': (edgeMouseEvent: EdgeMouseEvent) => void
-      'edgeUpdate': (edgeUpdateEvent: EdgeUpdateEvent) => void
-      'edgeUpdateEnd': (edgeMouseEvent: EdgeMouseEvent) => void
+      'edgeContextMenu': (edgeMouseEvent: import('../../types').EdgeMouseEvent) => void
+      'edgeMouseEnter': (edgeMouseEvent: import('../../types').EdgeMouseEvent) => void
+      'edgeMouseMove': (edgeMouseEvent: import('../../types').EdgeMouseEvent) => void
+      'edgeMouseLeave': (edgeMouseEvent: import('../../types').EdgeMouseEvent) => void
+      'edgeDoubleClick': (edgeMouseEvent: import('../../types').EdgeMouseEvent) => void
+      'edgeClick': (edgeMouseEvent: import('../../types').EdgeMouseEvent) => void
+      'edgeUpdateStart': (edgeMouseEvent: import('../../types').EdgeMouseEvent) => void
+      'edgeUpdate': (edgeUpdateEvent: import('../../types').EdgeUpdateEvent) => void
+      'edgeUpdateEnd': (edgeMouseEvent: import('../../types').EdgeMouseEvent) => void
       'updateNodeInternals': () => void
-      'error': (error: VueFlowError<import('../../utils/errors').ErrorCode>) => void
-      'update:modelValue': (value: FlowElements<any, any, any, any>) => void
-      'update:nodes': (value: GraphNode<any, any, string>[]) => void
-      'update:edges': (value: GraphEdge<any, any, string>[]) => void
+      'error': (error: import('../..').VueFlowError<import('../..').ErrorCode>) => void
+      'update:modelValue': (value: import('../../types').FlowElements<any, any, any, any>) => void
+      'update:nodes': (value: import('../../types').GraphNode<any, any, string>[]) => void
+      'update:edges': (value: import('../../types').GraphEdge<any, any, string>[]) => void
     },
@@ -803,3 +802,3 @@ string,
         defaultViewport: {
-          type: import('vue').PropType<Partial<ViewportTransform>>
+          type: import('vue').PropType<Partial<import('../../types').ViewportTransform>>
         }
@@ -910,14 +909,19 @@ translateExtent: {
     > & {
-      'onMove'?: ((moveEvent: { event: D3ZoomEvent<HTMLDivElement, any>; flowTransform: ViewportTransform }) => any) | undefined
-      'onNodeDragStart'?: ((nodeDragEvent: NodeDragEvent) => any) | undefined
-      'onNodeDrag'?: ((nodeDragEvent: NodeDragEvent) => any) | undefined
-      'onNodeDragStop'?: ((nodeDragEvent: NodeDragEvent) => any) | undefined
+      'onMove'?:
+        | ((moveEvent: {
+            event: import('d3-zoom').D3ZoomEvent<HTMLDivElement, any>
+            flowTransform: import('../../types').ViewportTransform
+          }) => any)
+        | undefined
+      'onNodeDragStart'?: ((nodeDragEvent: import('../../types').NodeDragEvent) => any) | undefined
+      'onNodeDrag'?: ((nodeDragEvent: import('../../types').NodeDragEvent) => any) | undefined
+      'onNodeDragStop'?: ((nodeDragEvent: import('../../types').NodeDragEvent) => any) | undefined
       'onNodesInitialized'?: (() => any) | undefined
       'onUpdateNodeInternals'?: (() => any) | undefined
-      'onMiniMapNodeClick'?: ((nodeMouseEvent: NodeMouseEvent) => any) | undefined
-      'onMiniMapNodeDoubleClick'?: ((nodeMouseEvent: NodeMouseEvent) => any) | undefined
-      'onMiniMapNodeMouseEnter'?: ((nodeMouseEvent: NodeMouseEvent) => any) | undefined
-      'onMiniMapNodeMouseMove'?: ((nodeMouseEvent: NodeMouseEvent) => any) | undefined
-      'onMiniMapNodeMouseLeave'?: ((nodeMouseEvent: NodeMouseEvent) => any) | undefined
-      'onConnect'?: ((connectionEvent: Connection) => any) | undefined
+      'onMiniMapNodeClick'?: ((nodeMouseEvent: import('../../types').NodeMouseEvent) => any) | undefined
+      'onMiniMapNodeDoubleClick'?: ((nodeMouseEvent: import('../../types').NodeMouseEvent) => any) | undefined
+      'onMiniMapNodeMouseEnter'?: ((nodeMouseEvent: import('../../types').NodeMouseEvent) => any) | undefined
+      'onMiniMapNodeMouseMove'?: ((nodeMouseEvent: import('../../types').NodeMouseEvent) => any) | undefined
+      'onMiniMapNodeMouseLeave'?: ((nodeMouseEvent: import('../../types').NodeMouseEvent) => any) | undefined
+      'onConnect'?: ((connectionEvent: import('../../types').Connection) => any) | undefined
       'onConnectStart'?:
@@ -927,3 +931,3 @@ | ((
               event?: MouseEvent | undefined
-            } & OnConnectStartParams,
+            } & import('../../types').OnConnectStartParams,
           ) => any)
@@ -936,3 +940,3 @@ | undefined
               event?: MouseEvent | undefined
-            } & OnConnectStartParams,
+            } & import('../../types').OnConnectStartParams,
           ) => any)
@@ -943,16 +947,24 @@ | undefined
       'onMoveStart'?:
-        | ((moveEvent: { event: D3ZoomEvent<HTMLDivElement, any>; flowTransform: ViewportTransform }) => any)
+        | ((moveEvent: {
+            event: import('d3-zoom').D3ZoomEvent<HTMLDivElement, any>
+            flowTransform: import('../../types').ViewportTransform
+          }) => any)
         | undefined
       'onMoveEnd'?:
-        | ((moveEvent: { event: D3ZoomEvent<HTMLDivElement, any>; flowTransform: ViewportTransform }) => any)
+        | ((moveEvent: {
+            event: import('d3-zoom').D3ZoomEvent<HTMLDivElement, any>
+            flowTransform: import('../../types').ViewportTransform
+          }) => any)
         | undefined
-      'onSelectionDragStart'?: ((selectionEvent: NodeDragEvent) => any) | undefined
-      'onSelectionDrag'?: ((selectionEvent: NodeDragEvent) => any) | undefined
-      'onSelectionDragStop'?: ((selectionEvent: NodeDragEvent) => any) | undefined
-      'onSelectionContextMenu'?: ((selectionEvent: { event: MouseEvent; nodes: GraphNode[] }) => any) | undefined
+      'onSelectionDragStart'?: ((selectionEvent: import('../../types').NodeDragEvent) => any) | undefined
+      'onSelectionDrag'?: ((selectionEvent: import('../../types').NodeDragEvent) => any) | undefined
+      'onSelectionDragStop'?: ((selectionEvent: import('../../types').NodeDragEvent) => any) | undefined
+      'onSelectionContextMenu'?:
+        | ((selectionEvent: { event: MouseEvent; nodes: import('../../types').GraphNode<any, any, string>[] }) => any)
+        | undefined
       'onSelectionStart'?: ((selectionEvent: MouseEvent) => any) | undefined
       'onSelectionEnd'?: ((selectionEvent: MouseEvent) => any) | undefined
-      'onViewportChangeStart'?: ((viewport: ViewportTransform) => any) | undefined
-      'onViewportChange'?: ((viewport: ViewportTransform) => any) | undefined
-      'onViewportChangeEnd'?: ((viewport: ViewportTransform) => any) | undefined
+      'onViewportChangeStart'?: ((viewport: import('../../types').ViewportTransform) => any) | undefined
+      'onViewportChange'?: ((viewport: import('../../types').ViewportTransform) => any) | undefined
+      'onViewportChangeEnd'?: ((viewport: import('../../types').ViewportTransform) => any) | undefined
       'onPaneScroll'?: ((paneEvent: WheelEvent | undefined) => any) | undefined
@@ -964,15 +976,15 @@ 'onPaneClick'?: ((paneEvent: MouseEvent) => any) | undefined
       'onPaneMouseLeave'?: ((paneEvent: MouseEvent) => any) | undefined
-      'onEdgeContextMenu'?: ((edgeMouseEvent: EdgeMouseEvent) => any) | undefined
-      'onEdgeMouseEnter'?: ((edgeMouseEvent: EdgeMouseEvent) => any) | undefined
-      'onEdgeMouseMove'?: ((edgeMouseEvent: EdgeMouseEvent) => any) | undefined
-      'onEdgeMouseLeave'?: ((edgeMouseEvent: EdgeMouseEvent) => any) | undefined
-      'onEdgeDoubleClick'?: ((edgeMouseEvent: EdgeMouseEvent) => any) | undefined
-      'onEdgeClick'?: ((edgeMouseEvent: EdgeMouseEvent) => any) | undefined
-      'onEdgeUpdateStart'?: ((edgeMouseEvent: EdgeMouseEvent) => any) | undefined
-      'onEdgeUpdate'?: ((edgeUpdateEvent: EdgeUpdateEvent) => any) | undefined
-      'onEdgeUpdateEnd'?: ((edgeMouseEvent: EdgeMouseEvent) => any) | undefined
-      'onError'?: ((error: VueFlowError<import('../../utils/errors').ErrorCode>) => any) | undefined
-      'onUpdate:modelValue'?: ((value: FlowElements<any, any, any, any>) => any) | undefined
-      'onUpdate:nodes'?: ((value: GraphNode<any, any, string>[]) => any) | undefined
-      'onUpdate:edges'?: ((value: GraphEdge<any, any, string>[]) => any) | undefined
+      'onEdgeContextMenu'?: ((edgeMouseEvent: import('../../types').EdgeMouseEvent) => any) | undefined
+      'onEdgeMouseEnter'?: ((edgeMouseEvent: import('../../types').EdgeMouseEvent) => any) | undefined
+      'onEdgeMouseMove'?: ((edgeMouseEvent: import('../../types').EdgeMouseEvent) => any) | undefined
+      'onEdgeMouseLeave'?: ((edgeMouseEvent: import('../../types').EdgeMouseEvent) => any) | undefined
+      'onEdgeDoubleClick'?: ((edgeMouseEvent: import('../../types').EdgeMouseEvent) => any) | undefined
+      'onEdgeClick'?: ((edgeMouseEvent: import('../../types').EdgeMouseEvent) => any) | undefined
+      'onEdgeUpdateStart'?: ((edgeMouseEvent: import('../../types').EdgeMouseEvent) => any) | undefined
+      'onEdgeUpdate'?: ((edgeUpdateEvent: import('../../types').EdgeUpdateEvent) => any) | undefined
+      'onEdgeUpdateEnd'?: ((edgeMouseEvent: import('../../types').EdgeMouseEvent) => any) | undefined
+      'onError'?: ((error: import('../..').VueFlowError<import('../..').ErrorCode>) => any) | undefined
+      'onUpdate:modelValue'?: ((value: import('../../types').FlowElements<any, any, any, any>) => any) | undefined
+      'onUpdate:nodes'?: ((value: import('../../types').GraphNode<any, any, string>[]) => any) | undefined
+      'onUpdate:edges'?: ((value: import('../../types').GraphEdge<any, any, string>[]) => any) | undefined
     },
@@ -1015,11 +1027,3 @@ {
   >,
-  Partial<Record<string, (_: any) => any>> & {
-    'connection-line': (connectionLineProps: ConnectionLineProps) => any
-    'zoom-pane': () => any
-    'default': () => any
-  } & {
-    [key: `node-${string}`]: (nodeProps: NodeProps) => any
-  } & {
-    [key: `edge-${string}`]: (edgeProps: EdgeProps) => any
-  }
+  Readonly<FlowSlots>
 >
@@ -1026,0 +1030,0 @@ export default _default

dist/context/index.d.ts

@@ -1,3 +0,3 @@
-import type { InjectionKey, Ref, Slots as TSlots } from 'vue'
-import type { VueFlowStore } from '../types'
+import type { InjectionKey, Ref } from 'vue'
+import type { FlowSlots, VueFlowStore } from '../types'
 
@@ -9,2 +9,2 @@ export declare const VueFlow: InjectionKey<VueFlowStore>
 export declare const EdgeRef: InjectionKey<Ref<SVGElement | null>>
-export declare const Slots: InjectionKey<TSlots>
+export declare const Slots: InjectionKey<Readonly<FlowSlots>>

dist/types/flow.d.ts

 import type { CSSProperties } from 'vue'
 import type { KeyFilter } from '@vueuse/core'
-import type { DefaultEdgeOptions, Edge, EdgeUpdatable, GraphEdge } from './edge'
-import type { CoordinateExtent, CoordinateExtentRange, GraphNode, Node } from './node'
-import type { Connection, ConnectionLineOptions, ConnectionLineType, ConnectionMode, Connector } from './connection'
+import type { D3ZoomEvent } from 'd3-zoom'
+import type { VueFlowError } from '../utils'
+import type { DefaultEdgeOptions, Edge, EdgeProps, EdgeUpdatable, GraphEdge } from './edge'
+import type { CoordinateExtent, CoordinateExtentRange, GraphNode, Node, NodeProps } from './node'
+import type {
+  Connection,
+  ConnectionLineOptions,
+  ConnectionLineProps,
+  ConnectionLineType,
+  ConnectionMode,
+  Connector,
+  OnConnectStartParams,
+} from './connection'
 import type { PanOnScrollMode, ViewportTransform } from './zoom'
 import type { EdgeTypesObject, NodeTypesObject } from './components'
-import type { CustomEvent } from './hooks'
+import type { CustomEvent, EdgeMouseEvent, EdgeUpdateEvent, NodeDragEvent, NodeMouseEvent } from './hooks'
 import type { ValidConnectionFunc } from './handle'
+import type { EdgeChange, NodeChange } from './changes'
+import type { VueFlowStore } from './store'
 
@@ -173,1 +185,100 @@ export type ElementData = any
 export type FlowOptions = FlowProps
+export interface FlowEmits {
+  (event: 'nodesChange', changes: NodeChange[]): void
+  (event: 'edgesChange', changes: EdgeChange[]): void
+  (event: 'nodeDoubleClick', nodeMouseEvent: NodeMouseEvent): void
+  (event: 'nodeClick', nodeMouseEvent: NodeMouseEvent): void
+  (event: 'nodeMouseEnter', nodeMouseEvent: NodeMouseEvent): void
+  (event: 'nodeMouseMove', nodeMouseEvent: NodeMouseEvent): void
+  (event: 'nodeMouseLeave', nodeMouseEvent: NodeMouseEvent): void
+  (event: 'nodeContextMenu', nodeMouseEvent: NodeMouseEvent): void
+  (event: 'nodeDragStart', nodeDragEvent: NodeDragEvent): void
+  (event: 'nodeDrag', nodeDragEvent: NodeDragEvent): void
+  (event: 'nodeDragStop', nodeDragEvent: NodeDragEvent): void
+  (event: 'nodesInitialized'): void
+  (event: 'miniMapNodeClick', nodeMouseEvent: NodeMouseEvent): void
+  (event: 'miniMapNodeDoubleClick', nodeMouseEvent: NodeMouseEvent): void
+  (event: 'miniMapNodeMouseEnter', nodeMouseEvent: NodeMouseEvent): void
+  (event: 'miniMapNodeMouseMove', nodeMouseEvent: NodeMouseEvent): void
+  (event: 'miniMapNodeMouseLeave', nodeMouseEvent: NodeMouseEvent): void
+  (event: 'connect', connectionEvent: Connection): void
+  (
+    event: 'connectStart',
+    connectionEvent: {
+      event?: MouseEvent
+    } & OnConnectStartParams,
+  ): void
+  (event: 'connectEnd', connectionEvent?: MouseEvent): void
+  (
+    event: 'clickConnectStart',
+    connectionEvent: {
+      event?: MouseEvent
+    } & OnConnectStartParams,
+  ): void
+  (event: 'clickConnectEnd', connectionEvent?: MouseEvent): void
+  (
+    event: 'moveStart',
+    moveEvent: {
+      event: D3ZoomEvent<HTMLDivElement, any>
+      flowTransform: ViewportTransform
+    },
+  ): void
+  (
+    event: 'move',
+    moveEvent: {
+      event: D3ZoomEvent<HTMLDivElement, any>
+      flowTransform: ViewportTransform
+    },
+  ): void
+  (
+    event: 'moveEnd',
+    moveEvent: {
+      event: D3ZoomEvent<HTMLDivElement, any>
+      flowTransform: ViewportTransform
+    },
+  ): void
+  (event: 'selectionDragStart', selectionEvent: NodeDragEvent): void
+  (event: 'selectionDrag', selectionEvent: NodeDragEvent): void
+  (event: 'selectionDragStop', selectionEvent: NodeDragEvent): void
+  (
+    event: 'selectionContextMenu',
+    selectionEvent: {
+      event: MouseEvent
+      nodes: GraphNode[]
+    },
+  ): void
+  (event: 'selectionStart', selectionEvent: MouseEvent): void
+  (event: 'selectionEnd', selectionEvent: MouseEvent): void
+  (event: 'viewportChangeStart', viewport: ViewportTransform): void
+  (event: 'viewportChange', viewport: ViewportTransform): void
+  (event: 'viewportChangeEnd', viewport: ViewportTransform): void
+  (event: 'paneReady', paneEvent: VueFlowStore): void
+  (event: 'paneScroll', paneEvent: WheelEvent | undefined): void
+  (event: 'paneClick', paneEvent: MouseEvent): void
+  (event: 'paneContextMenu', paneEvent: MouseEvent): void
+  (event: 'paneMouseEnter', paneEvent: MouseEvent): void
+  (event: 'paneMouseMove', paneEvent: MouseEvent): void
+  (event: 'paneMouseLeave', paneEvent: MouseEvent): void
+  (event: 'edgeContextMenu', edgeMouseEvent: EdgeMouseEvent): void
+  (event: 'edgeMouseEnter', edgeMouseEvent: EdgeMouseEvent): void
+  (event: 'edgeMouseMove', edgeMouseEvent: EdgeMouseEvent): void
+  (event: 'edgeMouseLeave', edgeMouseEvent: EdgeMouseEvent): void
+  (event: 'edgeDoubleClick', edgeMouseEvent: EdgeMouseEvent): void
+  (event: 'edgeClick', edgeMouseEvent: EdgeMouseEvent): void
+  (event: 'edgeUpdateStart', edgeMouseEvent: EdgeMouseEvent): void
+  (event: 'edgeUpdate', edgeUpdateEvent: EdgeUpdateEvent): void
+  (event: 'edgeUpdateEnd', edgeMouseEvent: EdgeMouseEvent): void
+  (event: 'updateNodeInternals'): void
+  (event: 'error', error: VueFlowError): void
+  /** v-model event definitions */
+  (event: 'update:modelValue', value: FlowElements): void
+  (event: 'update:nodes', value: GraphNode[]): void
+  (event: 'update:edges', value: GraphEdge[]): void
+}
+export interface NodeSlots extends Record<`node-${string}`, (nodeProps: NodeProps) => any> {}
+export interface EdgeSlots extends Record<`edge-${string}`, (edgeProps: EdgeProps) => any> {}
+export interface FlowSlots extends NodeSlots, EdgeSlots {
+  'connection-line': (connectionLineProps: ConnectionLineProps) => any
+  'zoom-pane': () => any
+  'default': () => any
+}

dist/types/handle.d.ts

@@ -34,2 +34,3 @@ import type { Dimensions, Position, XYPosition } from './flow'
     edges: GraphEdge[]
+    nodes: GraphNode[]
     sourceNode: GraphNode
@@ -36,0 +37,0 @@ targetNode: GraphNode

dist/utils/handle.d.ts

@@ -63,2 +63,3 @@ import type { ConnectionMode } from '../types'
   edges: GraphEdge[],
+  nodes: GraphNode[],
   findNode: Actions['findNode'],
@@ -65,0 +66,0 @@ ): ValidHandleResult

package.json

 {
   "name": "@vue-flow/core",
-  "version": "1.24.2",
+  "version": "1.25.0",
   "private": false,
@@ -90,5 +90,4 @@ "license": "MIT",
     "build:watch": "vite build --watch & vite build -c vite.config.iife.ts --watch",
-    "types": "pnpm prepare && vue-tsc --declaration --emitDeclarationOnly && tsc -p ./tsconfig.build.json && shx rm -rf tmp && pnpm lint:dist && pnpm run patch",
+    "types": "pnpm prepare && vue-tsc --declaration --emitDeclarationOnly && tsc -p ./tsconfig.build.json && shx rm -rf tmp && pnpm lint:dist",
     "types:watch": "pnpm prepare && vue-tsc --declaration --emitDeclarationOnly --watch & tsc -p ./tsconfig.build.json --watch",
-    "patch": "node patch/slots.js",
     "theme": "postcss src/style.css -o dist/style.css && postcss src/theme-default.css -o dist/theme-default.css",
@@ -95,0 +94,0 @@ "lint": "eslint --ext .js,.ts,.vue ./",

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

1486156

increased by0.37%

Lines of code

42830

increased by0.11%

No dependency changes