import type { D3ZoomEvent } from 'd3-zoom' import type { FlowElements, FlowProps } from '../../types/flow' import type { Connection, EdgeChange, EdgeMouseEvent, EdgeUpdateEvent, GraphEdge, GraphNode, NodeChange, NodeDragEvent, NodeMouseEvent, OnConnectStartParams, ViewpaneTransform, VueFlowStore, } from '../../types' declare const _default: { new (...args: any[]): { $: import('vue').ComponentInternalInstance $data: {} $props: Partial<{ connectionLineStyle: import('vue').CSSProperties | null snapToGrid: boolean onlyRenderVisibleElements: boolean edgesUpdatable: import('../../types').EdgeUpdatable nodesDraggable: boolean nodesConnectable: boolean elementsSelectable: boolean selectNodesOnDrag: boolean panOnDrag: boolean zoomOnScroll: boolean zoomOnPinch: boolean panOnScroll: boolean zoomOnDoubleClick: boolean preventScrolling: boolean fitViewOnInit: boolean connectOnClick: boolean applyDefault: boolean autoConnect: boolean | import('../../types').Connector elevateEdgesOnSelect: boolean }> & Omit< Readonly< import('vue').ExtractPropTypes< __VLS_WithDefaults< __VLS_TypePropsToRuntimeProps, { snapToGrid: undefined onlyRenderVisibleElements: undefined edgesUpdatable: undefined nodesConnectable: undefined nodesDraggable: undefined elementsSelectable: undefined selectNodesOnDrag: undefined preventScrolling: undefined zoomOnScroll: undefined zoomOnPinch: undefined zoomOnDoubleClick: undefined panOnScroll: undefined panOnDrag: undefined applyDefault: undefined fitViewOnInit: undefined connectOnClick: undefined connectionLineStyle: undefined autoConnect: undefined elevateEdgesOnSelect: undefined } > > > & { 'onNodesChange'?: ((changes: NodeChange[]) => any) | undefined 'onEdgesChange'?: ((changes: EdgeChange[]) => any) | undefined 'onNodeDoubleClick'?: ((nodeMouseEvent: NodeMouseEvent) => any) | undefined 'onNodeClick'?: ((nodeMouseEvent: NodeMouseEvent) => any) | undefined 'onNodeMouseEnter'?: ((nodeMouseEvent: NodeMouseEvent) => any) | undefined 'onNodeMouseMove'?: ((nodeMouseEvent: NodeMouseEvent) => any) | undefined 'onNodeMouseLeave'?: ((nodeMouseEvent: NodeMouseEvent) => any) | undefined 'onNodeContextMenu'?: ((nodeMouseEvent: NodeMouseEvent) => any) | undefined 'onNodeDragStart'?: ((nodeDragEvent: NodeDragEvent) => any) | undefined 'onNodeDrag'?: ((nodeDragEvent: NodeDragEvent) => any) | undefined 'onNodeDragStop'?: ((nodeDragEvent: NodeDragEvent) => 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 'onConnectStart'?: | (( connectionEvent: { event?: MouseEvent | undefined } & OnConnectStartParams, ) => any) | undefined 'onConnectEnd'?: ((connectionEvent?: MouseEvent | undefined) => any) | undefined 'onPaneReady'?: ((paneEvent: VueFlowStore) => any) | undefined 'onMove'?: | ((moveEvent: { event: D3ZoomEvent; flowTransform: ViewpaneTransform }) => any) | undefined 'onMoveStart'?: | ((moveEvent: { event: D3ZoomEvent; flowTransform: ViewpaneTransform }) => any) | undefined 'onMoveEnd'?: | ((moveEvent: { event: D3ZoomEvent; flowTransform: ViewpaneTransform }) => 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 'onPaneScroll'?: ((paneEvent: WheelEvent | undefined) => any) | undefined 'onPaneClick'?: ((paneEvent: MouseEvent) => any) | undefined 'onPaneContextMenu'?: ((paneEvent: MouseEvent) => any) | undefined 'onPaneMouseEnter'?: ((paneEvent: MouseEvent) => any) | undefined 'onPaneMouseMove'?: ((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 'onUpdate:modelValue'?: ((value: FlowElements) => any) | undefined 'onUpdate:nodes'?: ((value: GraphNode[]) => any) | undefined 'onUpdate:edges'?: ((value: GraphEdge[]) => any) | undefined } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, | 'connectionLineStyle' | 'snapToGrid' | 'onlyRenderVisibleElements' | 'edgesUpdatable' | 'nodesDraggable' | 'nodesConnectable' | 'elementsSelectable' | 'selectNodesOnDrag' | 'panOnDrag' | 'zoomOnScroll' | 'zoomOnPinch' | 'panOnScroll' | 'zoomOnDoubleClick' | 'preventScrolling' | 'fitViewOnInit' | 'connectOnClick' | 'applyDefault' | 'autoConnect' | 'elevateEdgesOnSelect' > $attrs: { [x: string]: unknown } $refs: { [x: string]: unknown } $slots: Readonly<{ [name: string]: import('vue').Slot | undefined }> $root: | import('vue').ComponentPublicInstance< {}, {}, {}, {}, {}, {}, {}, {}, false, import('vue').ComponentOptionsBase > | null $parent: | import('vue').ComponentPublicInstance< {}, {}, {}, {}, {}, {}, {}, {}, false, import('vue').ComponentOptionsBase > | null $emit: ((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: 'updateNodeInternals') => 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 | undefined } & OnConnectStartParams, ) => void) & ((event: 'connectEnd', connectionEvent?: MouseEvent | undefined) => void) & ((event: 'paneReady', paneEvent: VueFlowStore) => void) & (( event: 'move', moveEvent: { event: D3ZoomEvent flowTransform: ViewpaneTransform }, ) => void) & (( event: 'moveStart', moveEvent: { event: D3ZoomEvent flowTransform: ViewpaneTransform }, ) => void) & (( event: 'moveEnd', moveEvent: { event: D3ZoomEvent flowTransform: ViewpaneTransform }, ) => 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: '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: 'update:modelValue', value: FlowElements) => void) & ((event: 'update:nodes', value: GraphNode[]) => void) & ((event: 'update:edges', value: GraphEdge[]) => void) $el: any $options: import('vue').ComponentOptionsBase< Readonly< import('vue').ExtractPropTypes< __VLS_WithDefaults< __VLS_TypePropsToRuntimeProps, { snapToGrid: undefined onlyRenderVisibleElements: undefined edgesUpdatable: undefined nodesConnectable: undefined nodesDraggable: undefined elementsSelectable: undefined selectNodesOnDrag: undefined preventScrolling: undefined zoomOnScroll: undefined zoomOnPinch: undefined zoomOnDoubleClick: undefined panOnScroll: undefined panOnDrag: undefined applyDefault: undefined fitViewOnInit: undefined connectOnClick: undefined connectionLineStyle: undefined autoConnect: undefined elevateEdgesOnSelect: undefined } > > > & { 'onNodesChange'?: ((changes: NodeChange[]) => any) | undefined 'onEdgesChange'?: ((changes: EdgeChange[]) => any) | undefined 'onNodeDoubleClick'?: ((nodeMouseEvent: NodeMouseEvent) => any) | undefined 'onNodeClick'?: ((nodeMouseEvent: NodeMouseEvent) => any) | undefined 'onNodeMouseEnter'?: ((nodeMouseEvent: NodeMouseEvent) => any) | undefined 'onNodeMouseMove'?: ((nodeMouseEvent: NodeMouseEvent) => any) | undefined 'onNodeMouseLeave'?: ((nodeMouseEvent: NodeMouseEvent) => any) | undefined 'onNodeContextMenu'?: ((nodeMouseEvent: NodeMouseEvent) => any) | undefined 'onNodeDragStart'?: ((nodeDragEvent: NodeDragEvent) => any) | undefined 'onNodeDrag'?: ((nodeDragEvent: NodeDragEvent) => any) | undefined 'onNodeDragStop'?: ((nodeDragEvent: NodeDragEvent) => 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 'onConnectStart'?: | (( connectionEvent: { event?: MouseEvent | undefined } & OnConnectStartParams, ) => any) | undefined 'onConnectEnd'?: ((connectionEvent?: MouseEvent | undefined) => any) | undefined 'onPaneReady'?: ((paneEvent: VueFlowStore) => any) | undefined 'onMove'?: ((moveEvent: { event: D3ZoomEvent; flowTransform: ViewpaneTransform }) => any) | undefined 'onMoveStart'?: | ((moveEvent: { event: D3ZoomEvent; flowTransform: ViewpaneTransform }) => any) | undefined 'onMoveEnd'?: | ((moveEvent: { event: D3ZoomEvent; flowTransform: ViewpaneTransform }) => 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 'onPaneScroll'?: ((paneEvent: WheelEvent | undefined) => any) | undefined 'onPaneClick'?: ((paneEvent: MouseEvent) => any) | undefined 'onPaneContextMenu'?: ((paneEvent: MouseEvent) => any) | undefined 'onPaneMouseEnter'?: ((paneEvent: MouseEvent) => any) | undefined 'onPaneMouseMove'?: ((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 'onUpdate:modelValue'?: ((value: FlowElements) => any) | undefined 'onUpdate:nodes'?: ((value: GraphNode[]) => any) | undefined 'onUpdate:edges'?: ((value: GraphEdge[]) => any) | undefined }, { id: string emits: Readonly<{ nodesChange: import('@vueuse/shared').EventHookTrigger edgesChange: import('@vueuse/shared').EventHookTrigger nodeDoubleClick: import('@vueuse/shared').EventHookTrigger nodeClick: import('@vueuse/shared').EventHookTrigger nodeMouseEnter: import('@vueuse/shared').EventHookTrigger nodeMouseMove: import('@vueuse/shared').EventHookTrigger nodeMouseLeave: import('@vueuse/shared').EventHookTrigger nodeContextMenu: import('@vueuse/shared').EventHookTrigger nodeDragStart: import('@vueuse/shared').EventHookTrigger nodeDrag: import('@vueuse/shared').EventHookTrigger nodeDragStop: import('@vueuse/shared').EventHookTrigger updateNodeInternals: import('@vueuse/shared').EventHookTrigger miniMapNodeClick: import('@vueuse/shared').EventHookTrigger miniMapNodeDoubleClick: import('@vueuse/shared').EventHookTrigger miniMapNodeMouseEnter: import('@vueuse/shared').EventHookTrigger miniMapNodeMouseMove: import('@vueuse/shared').EventHookTrigger miniMapNodeMouseLeave: import('@vueuse/shared').EventHookTrigger connect: import('@vueuse/shared').EventHookTrigger connectStart: import('@vueuse/shared').EventHookTrigger< { event?: MouseEvent | undefined } & OnConnectStartParams > connectEnd: import('@vueuse/shared').EventHookTrigger paneReady: import('@vueuse/shared').EventHookTrigger move: import('@vueuse/shared').EventHookTrigger<{ event: D3ZoomEvent flowTransform: ViewpaneTransform }> moveStart: import('@vueuse/shared').EventHookTrigger<{ event: D3ZoomEvent flowTransform: ViewpaneTransform }> moveEnd: import('@vueuse/shared').EventHookTrigger<{ event: D3ZoomEvent flowTransform: ViewpaneTransform }> selectionDragStart: import('@vueuse/shared').EventHookTrigger selectionDrag: import('@vueuse/shared').EventHookTrigger selectionDragStop: import('@vueuse/shared').EventHookTrigger selectionContextMenu: import('@vueuse/shared').EventHookTrigger<{ event: MouseEvent nodes: GraphNode[] }> paneScroll: import('@vueuse/shared').EventHookTrigger paneClick: import('@vueuse/shared').EventHookTrigger paneContextMenu: import('@vueuse/shared').EventHookTrigger paneMouseEnter: import('@vueuse/shared').EventHookTrigger paneMouseMove: import('@vueuse/shared').EventHookTrigger paneMouseLeave: import('@vueuse/shared').EventHookTrigger edgeContextMenu: import('@vueuse/shared').EventHookTrigger edgeMouseEnter: import('@vueuse/shared').EventHookTrigger edgeMouseMove: import('@vueuse/shared').EventHookTrigger edgeMouseLeave: import('@vueuse/shared').EventHookTrigger edgeDoubleClick: import('@vueuse/shared').EventHookTrigger edgeClick: import('@vueuse/shared').EventHookTrigger edgeUpdateStart: import('@vueuse/shared').EventHookTrigger edgeUpdate: import('@vueuse/shared').EventHookTrigger edgeUpdateEnd: import('@vueuse/shared').EventHookTrigger }> onNodesChange: import('@vueuse/shared').EventHookOn onEdgesChange: import('@vueuse/shared').EventHookOn onNodeDoubleClick: import('@vueuse/shared').EventHookOn onNodeClick: import('@vueuse/shared').EventHookOn onNodeMouseEnter: import('@vueuse/shared').EventHookOn onNodeMouseMove: import('@vueuse/shared').EventHookOn onNodeMouseLeave: import('@vueuse/shared').EventHookOn onNodeContextMenu: import('@vueuse/shared').EventHookOn onNodeDragStart: import('@vueuse/shared').EventHookOn onNodeDrag: import('@vueuse/shared').EventHookOn onNodeDragStop: import('@vueuse/shared').EventHookOn onUpdateNodeInternals: import('@vueuse/shared').EventHookOn onMiniMapNodeClick: import('@vueuse/shared').EventHookOn onMiniMapNodeDoubleClick: import('@vueuse/shared').EventHookOn onMiniMapNodeMouseEnter: import('@vueuse/shared').EventHookOn onMiniMapNodeMouseMove: import('@vueuse/shared').EventHookOn onMiniMapNodeMouseLeave: import('@vueuse/shared').EventHookOn onConnect: import('@vueuse/shared').EventHookOn onConnectStart: import('@vueuse/shared').EventHookOn< { event?: MouseEvent | undefined } & OnConnectStartParams > onConnectEnd: import('@vueuse/shared').EventHookOn onPaneReady: import('@vueuse/shared').EventHookOn onMove: import('@vueuse/shared').EventHookOn<{ event: D3ZoomEvent flowTransform: ViewpaneTransform }> onMoveStart: import('@vueuse/shared').EventHookOn<{ event: D3ZoomEvent flowTransform: ViewpaneTransform }> onMoveEnd: import('@vueuse/shared').EventHookOn<{ event: D3ZoomEvent flowTransform: ViewpaneTransform }> onSelectionDragStart: import('@vueuse/shared').EventHookOn onSelectionDrag: import('@vueuse/shared').EventHookOn onSelectionDragStop: import('@vueuse/shared').EventHookOn onSelectionContextMenu: import('@vueuse/shared').EventHookOn<{ event: MouseEvent nodes: GraphNode[] }> onPaneScroll: import('@vueuse/shared').EventHookOn onPaneClick: import('@vueuse/shared').EventHookOn onPaneContextMenu: import('@vueuse/shared').EventHookOn onPaneMouseEnter: import('@vueuse/shared').EventHookOn onPaneMouseMove: import('@vueuse/shared').EventHookOn onPaneMouseLeave: import('@vueuse/shared').EventHookOn onEdgeContextMenu: import('@vueuse/shared').EventHookOn onEdgeMouseEnter: import('@vueuse/shared').EventHookOn onEdgeMouseMove: import('@vueuse/shared').EventHookOn onEdgeMouseLeave: import('@vueuse/shared').EventHookOn onEdgeDoubleClick: import('@vueuse/shared').EventHookOn onEdgeClick: import('@vueuse/shared').EventHookOn onEdgeUpdateStart: import('@vueuse/shared').EventHookOn onEdgeUpdate: import('@vueuse/shared').EventHookOn onEdgeUpdateEnd: import('@vueuse/shared').EventHookOn vueFlowRef: import('vue').Ref viewportRef: import('vue').Ref hooks: import('vue').Ref< Readonly<{ nodesChange: import('@vueuse/shared').EventHook edgesChange: import('@vueuse/shared').EventHook nodeDoubleClick: import('@vueuse/shared').EventHook nodeClick: import('@vueuse/shared').EventHook nodeMouseEnter: import('@vueuse/shared').EventHook nodeMouseMove: import('@vueuse/shared').EventHook nodeMouseLeave: import('@vueuse/shared').EventHook nodeContextMenu: import('@vueuse/shared').EventHook nodeDragStart: import('@vueuse/shared').EventHook nodeDrag: import('@vueuse/shared').EventHook nodeDragStop: import('@vueuse/shared').EventHook updateNodeInternals: import('@vueuse/shared').EventHook miniMapNodeClick: import('@vueuse/shared').EventHook miniMapNodeDoubleClick: import('@vueuse/shared').EventHook miniMapNodeMouseEnter: import('@vueuse/shared').EventHook miniMapNodeMouseMove: import('@vueuse/shared').EventHook miniMapNodeMouseLeave: import('@vueuse/shared').EventHook connect: import('@vueuse/shared').EventHook connectStart: import('@vueuse/shared').EventHook< { event?: MouseEvent | undefined } & OnConnectStartParams > connectEnd: import('@vueuse/shared').EventHook paneReady: import('@vueuse/shared').EventHook move: import('@vueuse/shared').EventHook<{ event: D3ZoomEvent flowTransform: ViewpaneTransform }> moveStart: import('@vueuse/shared').EventHook<{ event: D3ZoomEvent flowTransform: ViewpaneTransform }> moveEnd: import('@vueuse/shared').EventHook<{ event: D3ZoomEvent flowTransform: ViewpaneTransform }> selectionDragStart: import('@vueuse/shared').EventHook selectionDrag: import('@vueuse/shared').EventHook selectionDragStop: import('@vueuse/shared').EventHook selectionContextMenu: import('@vueuse/shared').EventHook<{ event: MouseEvent nodes: GraphNode[] }> paneScroll: import('@vueuse/shared').EventHook paneClick: import('@vueuse/shared').EventHook paneContextMenu: import('@vueuse/shared').EventHook paneMouseEnter: import('@vueuse/shared').EventHook paneMouseMove: import('@vueuse/shared').EventHook paneMouseLeave: import('@vueuse/shared').EventHook edgeContextMenu: import('@vueuse/shared').EventHook edgeMouseEnter: import('@vueuse/shared').EventHook edgeMouseMove: import('@vueuse/shared').EventHook edgeMouseLeave: import('@vueuse/shared').EventHook edgeDoubleClick: import('@vueuse/shared').EventHook edgeClick: import('@vueuse/shared').EventHook edgeUpdateStart: import('@vueuse/shared').EventHook edgeUpdate: import('@vueuse/shared').EventHook edgeUpdateEnd: import('@vueuse/shared').EventHook }> > nodes: import('vue').Ref[]> edges: import('vue').Ref[]> d3Zoom: import('vue').Ref d3Selection: import('vue').Ref d3ZoomHandler: import('vue').Ref minZoom: import('vue').Ref maxZoom: import('vue').Ref defaultZoom: import('vue').Ref translateExtent: import('vue').Ref nodeExtent: import('vue').Ref dimensions: import('vue').Ref viewport: import('vue').Ref onlyRenderVisibleElements: import('vue').Ref defaultPosition: import('vue').Ref<[number, number]> nodesSelectionActive: import('vue').Ref userSelectionActive: import('vue').Ref multiSelectionActive: import('vue').Ref deleteKeyCode: import('vue').Ref selectionKeyCode: import('vue').Ref multiSelectionKeyCode: import('vue').Ref zoomActivationKeyCode: import('vue').Ref connectionMode: import('vue').Ref connectionLineOptions: import('vue').Ref connectionLineType: import('vue').Ref connectionLineStyle: import('vue').Ref connectionStartHandle: import('vue').Ref connectionPosition: import('vue').Ref connectOnClick: import('vue').Ref edgeUpdaterRadius: import('vue').Ref snapToGrid: import('vue').Ref snapGrid: import('vue').Ref defaultMarkerColor: import('vue').Ref edgesUpdatable: import('vue').Ref nodesDraggable: import('vue').Ref nodesConnectable: import('vue').Ref elementsSelectable: import('vue').Ref selectNodesOnDrag: import('vue').Ref panOnDrag: import('vue').Ref zoomOnScroll: import('vue').Ref zoomOnPinch: import('vue').Ref panOnScroll: import('vue').Ref panOnScrollSpeed: import('vue').Ref panOnScrollMode: import('vue').Ref zoomOnDoubleClick: import('vue').Ref preventScrolling: import('vue').Ref initialized: import('vue').Ref applyDefault: import('vue').Ref autoConnect: import('vue').Ref fitViewOnInit?: import('vue').Ref | undefined noDragClassName?: import('vue').Ref | undefined noWheelClassName?: import('vue').Ref | undefined noPanClassName?: import('vue').Ref | undefined defaultEdgeOptions?: import('vue').Ref | undefined vueFlowVersion: import('vue').Ref edgeTypes?: import('vue').Ref | undefined nodeTypes?: import('vue').Ref | undefined elevateEdgesOnSelect?: import('vue').Ref | undefined getEdgeTypes: import('vue').ComputedRef> getNodeTypes: import('vue').ComputedRef> getElements: import('vue').ComputedRef> getNodes: import('vue').ComputedRef[]> getEdges: import('vue').ComputedRef[]> getNode: import('vue').ComputedRef<(id: string) => GraphNode | undefined> getEdge: import('vue').ComputedRef<(id: string) => GraphEdge | undefined> getSelectedElements: import('vue').ComputedRef> getSelectedNodes: import('vue').ComputedRef[]> getSelectedEdges: import('vue').ComputedRef[]> setElements: import('../../types').SetElements setNodes: import('../../types').SetNodes setEdges: import('../../types').SetEdges addNodes: import('../../types').AddNodes addEdges: import('../../types').AddEdges removeNodes: import('../../types').RemoveNodes removeEdges: import('../../types').RemoveEdges findNode: import('../../types').FindNode findEdge: import('../../types').FindEdge updateEdge: import('../../types').UpdateEdge applyEdgeChanges: (changes: EdgeChange[]) => GraphEdge[] applyNodeChanges: (changes: NodeChange[]) => GraphNode[] addSelectedElements: (elements: FlowElements) => void addSelectedEdges: (edges: GraphEdge[]) => void addSelectedNodes: (nodes: GraphNode[]) => void removeSelectedEdges: (edges: GraphEdge[]) => void removeSelectedNodes: (nodes: GraphNode[]) => void removeSelectedElements: ( elements?: | { nodes?: GraphNode[] | undefined edges?: GraphEdge[] | undefined } | undefined, ) => void setMinZoom: (zoom: number) => void setMaxZoom: (zoom: number) => void setTranslateExtent: (translateExtent: import('../../types').CoordinateExtent) => void setNodeExtent: (nodeExtent: import('../../types').CoordinateExtent) => void setInteractive: (isInteractive: boolean) => void setState: import('../../types').SetState toObject: () => import('../../types').FlowExportObject updateNodeInternals: import('../../types').UpdateNodeInternals startConnection: ( startHandle: import('../../types').StartHandle, position?: import('../../types').XYPosition | undefined, event?: MouseEvent | undefined, ) => void updateConnection: (position: import('../../types').XYPosition) => void endConnection: (event?: MouseEvent | undefined) => void updateNodePositions: import('../../types').UpdateNodePosition updateNodeDimensions: import('../../types').UpdateNodeDimensions $reset: () => void $destroy: () => void zoomIn: import('../../types').ZoomInOut zoomOut: import('../../types').ZoomInOut zoomTo: import('../../types').ZoomTo setTransform: import('../../types').SetTransform getTransform: import('../../types').GetTransform fitView: import('../../types').FitView setCenter: import('../../types').SetCenter fitBounds: import('../../types').FitBounds project: import('../../types').Project }, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, { nodesChange: (changes: NodeChange[]) => void } & { edgesChange: (changes: EdgeChange[]) => void } & { nodeDoubleClick: (nodeMouseEvent: NodeMouseEvent) => void } & { nodeClick: (nodeMouseEvent: NodeMouseEvent) => void } & { nodeMouseEnter: (nodeMouseEvent: NodeMouseEvent) => void } & { nodeMouseMove: (nodeMouseEvent: NodeMouseEvent) => void } & { nodeMouseLeave: (nodeMouseEvent: NodeMouseEvent) => void } & { nodeContextMenu: (nodeMouseEvent: NodeMouseEvent) => void } & { nodeDragStart: (nodeDragEvent: NodeDragEvent) => void } & { nodeDrag: (nodeDragEvent: NodeDragEvent) => void } & { nodeDragStop: (nodeDragEvent: NodeDragEvent) => 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 } & { connectStart: ( connectionEvent: { event?: MouseEvent | undefined } & OnConnectStartParams, ) => void } & { connectEnd: (connectionEvent?: MouseEvent | undefined) => void } & { moveStart: (moveEvent: { event: D3ZoomEvent; flowTransform: ViewpaneTransform }) => void } & { move: (moveEvent: { event: D3ZoomEvent; flowTransform: ViewpaneTransform }) => void } & { moveEnd: (moveEvent: { event: D3ZoomEvent; flowTransform: ViewpaneTransform }) => void } & { selectionDragStart: (selectionEvent: NodeDragEvent) => void } & { selectionDrag: (selectionEvent: NodeDragEvent) => void } & { selectionDragStop: (selectionEvent: NodeDragEvent) => void } & { selectionContextMenu: (selectionEvent: { event: MouseEvent; nodes: GraphNode[] }) => void } & { paneReady: (paneEvent: VueFlowStore) => void } & { paneScroll: (paneEvent: WheelEvent | undefined) => void } & { paneClick: (paneEvent: MouseEvent) => void } & { paneContextMenu: (paneEvent: MouseEvent) => void } & { paneMouseEnter: (paneEvent: MouseEvent) => void } & { paneMouseMove: (paneEvent: MouseEvent) => 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 } & { updateNodeInternals: () => void } & { 'update:modelValue': (value: FlowElements) => void } & { 'update:nodes': (value: GraphNode[]) => void } & { 'update:edges': (value: GraphEdge[]) => void }, string, { connectionLineStyle: import('vue').CSSProperties | null snapToGrid: boolean onlyRenderVisibleElements: boolean edgesUpdatable: import('../../types').EdgeUpdatable nodesDraggable: boolean nodesConnectable: boolean elementsSelectable: boolean selectNodesOnDrag: boolean panOnDrag: boolean zoomOnScroll: boolean zoomOnPinch: boolean panOnScroll: boolean zoomOnDoubleClick: boolean preventScrolling: boolean fitViewOnInit: boolean connectOnClick: boolean applyDefault: boolean autoConnect: boolean | import('../../types').Connector elevateEdgesOnSelect: boolean } > & { beforeCreate?: ((() => void) | (() => void)[]) | undefined created?: ((() => void) | (() => void)[]) | undefined beforeMount?: ((() => void) | (() => void)[]) | undefined mounted?: ((() => void) | (() => void)[]) | undefined beforeUpdate?: ((() => void) | (() => void)[]) | undefined updated?: ((() => void) | (() => void)[]) | undefined activated?: ((() => void) | (() => void)[]) | undefined deactivated?: ((() => void) | (() => void)[]) | undefined beforeDestroy?: ((() => void) | (() => void)[]) | undefined beforeUnmount?: ((() => void) | (() => void)[]) | undefined destroyed?: ((() => void) | (() => void)[]) | undefined unmounted?: ((() => void) | (() => void)[]) | undefined renderTracked?: (((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[]) | undefined renderTriggered?: (((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[]) | undefined errorCaptured?: | ( | (( err: unknown, instance: | import('vue').ComponentPublicInstance< {}, {}, {}, {}, {}, {}, {}, {}, false, import('vue').ComponentOptionsBase > | null, info: string, ) => boolean | void) | (( err: unknown, instance: | import('vue').ComponentPublicInstance< {}, {}, {}, {}, {}, {}, {}, {}, false, import('vue').ComponentOptionsBase > | null, info: string, ) => boolean | void)[] ) | undefined } $forceUpdate: () => void $nextTick: typeof import('vue').nextTick $watch( source: string | Function, cb: Function, options?: import('vue').WatchOptions | undefined, ): import('vue').WatchStopHandle } & Readonly< import('vue').ExtractPropTypes< __VLS_WithDefaults< __VLS_TypePropsToRuntimeProps, { snapToGrid: undefined onlyRenderVisibleElements: undefined edgesUpdatable: undefined nodesConnectable: undefined nodesDraggable: undefined elementsSelectable: undefined selectNodesOnDrag: undefined preventScrolling: undefined zoomOnScroll: undefined zoomOnPinch: undefined zoomOnDoubleClick: undefined panOnScroll: undefined panOnDrag: undefined applyDefault: undefined fitViewOnInit: undefined connectOnClick: undefined connectionLineStyle: undefined autoConnect: undefined elevateEdgesOnSelect: undefined } > > > & { 'onNodesChange'?: ((changes: NodeChange[]) => any) | undefined 'onEdgesChange'?: ((changes: EdgeChange[]) => any) | undefined 'onNodeDoubleClick'?: ((nodeMouseEvent: NodeMouseEvent) => any) | undefined 'onNodeClick'?: ((nodeMouseEvent: NodeMouseEvent) => any) | undefined 'onNodeMouseEnter'?: ((nodeMouseEvent: NodeMouseEvent) => any) | undefined 'onNodeMouseMove'?: ((nodeMouseEvent: NodeMouseEvent) => any) | undefined 'onNodeMouseLeave'?: ((nodeMouseEvent: NodeMouseEvent) => any) | undefined 'onNodeContextMenu'?: ((nodeMouseEvent: NodeMouseEvent) => any) | undefined 'onNodeDragStart'?: ((nodeDragEvent: NodeDragEvent) => any) | undefined 'onNodeDrag'?: ((nodeDragEvent: NodeDragEvent) => any) | undefined 'onNodeDragStop'?: ((nodeDragEvent: NodeDragEvent) => 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 'onConnectStart'?: | (( connectionEvent: { event?: MouseEvent | undefined } & OnConnectStartParams, ) => any) | undefined 'onConnectEnd'?: ((connectionEvent?: MouseEvent | undefined) => any) | undefined 'onPaneReady'?: ((paneEvent: VueFlowStore) => any) | undefined 'onMove'?: ((moveEvent: { event: D3ZoomEvent; flowTransform: ViewpaneTransform }) => any) | undefined 'onMoveStart'?: | ((moveEvent: { event: D3ZoomEvent; flowTransform: ViewpaneTransform }) => any) | undefined 'onMoveEnd'?: | ((moveEvent: { event: D3ZoomEvent; flowTransform: ViewpaneTransform }) => 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 'onPaneScroll'?: ((paneEvent: WheelEvent | undefined) => any) | undefined 'onPaneClick'?: ((paneEvent: MouseEvent) => any) | undefined 'onPaneContextMenu'?: ((paneEvent: MouseEvent) => any) | undefined 'onPaneMouseEnter'?: ((paneEvent: MouseEvent) => any) | undefined 'onPaneMouseMove'?: ((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 'onUpdate:modelValue'?: ((value: FlowElements) => any) | undefined 'onUpdate:nodes'?: ((value: GraphNode[]) => any) | undefined 'onUpdate:edges'?: ((value: GraphEdge[]) => any) | undefined } & import('vue').ShallowUnwrapRef<{ id: string emits: Readonly<{ nodesChange: import('@vueuse/shared').EventHookTrigger edgesChange: import('@vueuse/shared').EventHookTrigger nodeDoubleClick: import('@vueuse/shared').EventHookTrigger nodeClick: import('@vueuse/shared').EventHookTrigger nodeMouseEnter: import('@vueuse/shared').EventHookTrigger nodeMouseMove: import('@vueuse/shared').EventHookTrigger nodeMouseLeave: import('@vueuse/shared').EventHookTrigger nodeContextMenu: import('@vueuse/shared').EventHookTrigger nodeDragStart: import('@vueuse/shared').EventHookTrigger nodeDrag: import('@vueuse/shared').EventHookTrigger nodeDragStop: import('@vueuse/shared').EventHookTrigger updateNodeInternals: import('@vueuse/shared').EventHookTrigger miniMapNodeClick: import('@vueuse/shared').EventHookTrigger miniMapNodeDoubleClick: import('@vueuse/shared').EventHookTrigger miniMapNodeMouseEnter: import('@vueuse/shared').EventHookTrigger miniMapNodeMouseMove: import('@vueuse/shared').EventHookTrigger miniMapNodeMouseLeave: import('@vueuse/shared').EventHookTrigger connect: import('@vueuse/shared').EventHookTrigger connectStart: import('@vueuse/shared').EventHookTrigger< { event?: MouseEvent | undefined } & OnConnectStartParams > connectEnd: import('@vueuse/shared').EventHookTrigger paneReady: import('@vueuse/shared').EventHookTrigger move: import('@vueuse/shared').EventHookTrigger<{ event: D3ZoomEvent flowTransform: ViewpaneTransform }> moveStart: import('@vueuse/shared').EventHookTrigger<{ event: D3ZoomEvent flowTransform: ViewpaneTransform }> moveEnd: import('@vueuse/shared').EventHookTrigger<{ event: D3ZoomEvent flowTransform: ViewpaneTransform }> selectionDragStart: import('@vueuse/shared').EventHookTrigger selectionDrag: import('@vueuse/shared').EventHookTrigger selectionDragStop: import('@vueuse/shared').EventHookTrigger selectionContextMenu: import('@vueuse/shared').EventHookTrigger<{ event: MouseEvent nodes: GraphNode[] }> paneScroll: import('@vueuse/shared').EventHookTrigger paneClick: import('@vueuse/shared').EventHookTrigger paneContextMenu: import('@vueuse/shared').EventHookTrigger paneMouseEnter: import('@vueuse/shared').EventHookTrigger paneMouseMove: import('@vueuse/shared').EventHookTrigger paneMouseLeave: import('@vueuse/shared').EventHookTrigger edgeContextMenu: import('@vueuse/shared').EventHookTrigger edgeMouseEnter: import('@vueuse/shared').EventHookTrigger edgeMouseMove: import('@vueuse/shared').EventHookTrigger edgeMouseLeave: import('@vueuse/shared').EventHookTrigger edgeDoubleClick: import('@vueuse/shared').EventHookTrigger edgeClick: import('@vueuse/shared').EventHookTrigger edgeUpdateStart: import('@vueuse/shared').EventHookTrigger edgeUpdate: import('@vueuse/shared').EventHookTrigger edgeUpdateEnd: import('@vueuse/shared').EventHookTrigger }> onNodesChange: import('@vueuse/shared').EventHookOn onEdgesChange: import('@vueuse/shared').EventHookOn onNodeDoubleClick: import('@vueuse/shared').EventHookOn onNodeClick: import('@vueuse/shared').EventHookOn onNodeMouseEnter: import('@vueuse/shared').EventHookOn onNodeMouseMove: import('@vueuse/shared').EventHookOn onNodeMouseLeave: import('@vueuse/shared').EventHookOn onNodeContextMenu: import('@vueuse/shared').EventHookOn onNodeDragStart: import('@vueuse/shared').EventHookOn onNodeDrag: import('@vueuse/shared').EventHookOn onNodeDragStop: import('@vueuse/shared').EventHookOn onUpdateNodeInternals: import('@vueuse/shared').EventHookOn onMiniMapNodeClick: import('@vueuse/shared').EventHookOn onMiniMapNodeDoubleClick: import('@vueuse/shared').EventHookOn onMiniMapNodeMouseEnter: import('@vueuse/shared').EventHookOn onMiniMapNodeMouseMove: import('@vueuse/shared').EventHookOn onMiniMapNodeMouseLeave: import('@vueuse/shared').EventHookOn onConnect: import('@vueuse/shared').EventHookOn onConnectStart: import('@vueuse/shared').EventHookOn< { event?: MouseEvent | undefined } & OnConnectStartParams > onConnectEnd: import('@vueuse/shared').EventHookOn onPaneReady: import('@vueuse/shared').EventHookOn onMove: import('@vueuse/shared').EventHookOn<{ event: D3ZoomEvent flowTransform: ViewpaneTransform }> onMoveStart: import('@vueuse/shared').EventHookOn<{ event: D3ZoomEvent flowTransform: ViewpaneTransform }> onMoveEnd: import('@vueuse/shared').EventHookOn<{ event: D3ZoomEvent flowTransform: ViewpaneTransform }> onSelectionDragStart: import('@vueuse/shared').EventHookOn onSelectionDrag: import('@vueuse/shared').EventHookOn onSelectionDragStop: import('@vueuse/shared').EventHookOn onSelectionContextMenu: import('@vueuse/shared').EventHookOn<{ event: MouseEvent nodes: GraphNode[] }> onPaneScroll: import('@vueuse/shared').EventHookOn onPaneClick: import('@vueuse/shared').EventHookOn onPaneContextMenu: import('@vueuse/shared').EventHookOn onPaneMouseEnter: import('@vueuse/shared').EventHookOn onPaneMouseMove: import('@vueuse/shared').EventHookOn onPaneMouseLeave: import('@vueuse/shared').EventHookOn onEdgeContextMenu: import('@vueuse/shared').EventHookOn onEdgeMouseEnter: import('@vueuse/shared').EventHookOn onEdgeMouseMove: import('@vueuse/shared').EventHookOn onEdgeMouseLeave: import('@vueuse/shared').EventHookOn onEdgeDoubleClick: import('@vueuse/shared').EventHookOn onEdgeClick: import('@vueuse/shared').EventHookOn onEdgeUpdateStart: import('@vueuse/shared').EventHookOn onEdgeUpdate: import('@vueuse/shared').EventHookOn onEdgeUpdateEnd: import('@vueuse/shared').EventHookOn vueFlowRef: import('vue').Ref viewportRef: import('vue').Ref hooks: import('vue').Ref< Readonly<{ nodesChange: import('@vueuse/shared').EventHook edgesChange: import('@vueuse/shared').EventHook nodeDoubleClick: import('@vueuse/shared').EventHook nodeClick: import('@vueuse/shared').EventHook nodeMouseEnter: import('@vueuse/shared').EventHook nodeMouseMove: import('@vueuse/shared').EventHook nodeMouseLeave: import('@vueuse/shared').EventHook nodeContextMenu: import('@vueuse/shared').EventHook nodeDragStart: import('@vueuse/shared').EventHook nodeDrag: import('@vueuse/shared').EventHook nodeDragStop: import('@vueuse/shared').EventHook updateNodeInternals: import('@vueuse/shared').EventHook miniMapNodeClick: import('@vueuse/shared').EventHook miniMapNodeDoubleClick: import('@vueuse/shared').EventHook miniMapNodeMouseEnter: import('@vueuse/shared').EventHook miniMapNodeMouseMove: import('@vueuse/shared').EventHook miniMapNodeMouseLeave: import('@vueuse/shared').EventHook connect: import('@vueuse/shared').EventHook connectStart: import('@vueuse/shared').EventHook< { event?: MouseEvent | undefined } & OnConnectStartParams > connectEnd: import('@vueuse/shared').EventHook paneReady: import('@vueuse/shared').EventHook move: import('@vueuse/shared').EventHook<{ event: D3ZoomEvent flowTransform: ViewpaneTransform }> moveStart: import('@vueuse/shared').EventHook<{ event: D3ZoomEvent flowTransform: ViewpaneTransform }> moveEnd: import('@vueuse/shared').EventHook<{ event: D3ZoomEvent flowTransform: ViewpaneTransform }> selectionDragStart: import('@vueuse/shared').EventHook selectionDrag: import('@vueuse/shared').EventHook selectionDragStop: import('@vueuse/shared').EventHook selectionContextMenu: import('@vueuse/shared').EventHook<{ event: MouseEvent nodes: GraphNode[] }> paneScroll: import('@vueuse/shared').EventHook paneClick: import('@vueuse/shared').EventHook paneContextMenu: import('@vueuse/shared').EventHook paneMouseEnter: import('@vueuse/shared').EventHook paneMouseMove: import('@vueuse/shared').EventHook paneMouseLeave: import('@vueuse/shared').EventHook edgeContextMenu: import('@vueuse/shared').EventHook edgeMouseEnter: import('@vueuse/shared').EventHook edgeMouseMove: import('@vueuse/shared').EventHook edgeMouseLeave: import('@vueuse/shared').EventHook edgeDoubleClick: import('@vueuse/shared').EventHook edgeClick: import('@vueuse/shared').EventHook edgeUpdateStart: import('@vueuse/shared').EventHook edgeUpdate: import('@vueuse/shared').EventHook edgeUpdateEnd: import('@vueuse/shared').EventHook }> > nodes: import('vue').Ref[]> edges: import('vue').Ref[]> d3Zoom: import('vue').Ref d3Selection: import('vue').Ref d3ZoomHandler: import('vue').Ref minZoom: import('vue').Ref maxZoom: import('vue').Ref defaultZoom: import('vue').Ref translateExtent: import('vue').Ref nodeExtent: import('vue').Ref dimensions: import('vue').Ref viewport: import('vue').Ref onlyRenderVisibleElements: import('vue').Ref defaultPosition: import('vue').Ref<[number, number]> nodesSelectionActive: import('vue').Ref userSelectionActive: import('vue').Ref multiSelectionActive: import('vue').Ref deleteKeyCode: import('vue').Ref selectionKeyCode: import('vue').Ref multiSelectionKeyCode: import('vue').Ref zoomActivationKeyCode: import('vue').Ref connectionMode: import('vue').Ref connectionLineOptions: import('vue').Ref connectionLineType: import('vue').Ref connectionLineStyle: import('vue').Ref connectionStartHandle: import('vue').Ref connectionPosition: import('vue').Ref connectOnClick: import('vue').Ref edgeUpdaterRadius: import('vue').Ref snapToGrid: import('vue').Ref snapGrid: import('vue').Ref defaultMarkerColor: import('vue').Ref edgesUpdatable: import('vue').Ref nodesDraggable: import('vue').Ref nodesConnectable: import('vue').Ref elementsSelectable: import('vue').Ref selectNodesOnDrag: import('vue').Ref panOnDrag: import('vue').Ref zoomOnScroll: import('vue').Ref zoomOnPinch: import('vue').Ref panOnScroll: import('vue').Ref panOnScrollSpeed: import('vue').Ref panOnScrollMode: import('vue').Ref zoomOnDoubleClick: import('vue').Ref preventScrolling: import('vue').Ref initialized: import('vue').Ref applyDefault: import('vue').Ref autoConnect: import('vue').Ref fitViewOnInit?: import('vue').Ref | undefined noDragClassName?: import('vue').Ref | undefined noWheelClassName?: import('vue').Ref | undefined noPanClassName?: import('vue').Ref | undefined defaultEdgeOptions?: import('vue').Ref | undefined vueFlowVersion: import('vue').Ref edgeTypes?: import('vue').Ref | undefined nodeTypes?: import('vue').Ref | undefined elevateEdgesOnSelect?: import('vue').Ref | undefined getEdgeTypes: import('vue').ComputedRef> getNodeTypes: import('vue').ComputedRef> getElements: import('vue').ComputedRef> getNodes: import('vue').ComputedRef[]> getEdges: import('vue').ComputedRef[]> getNode: import('vue').ComputedRef<(id: string) => GraphNode | undefined> getEdge: import('vue').ComputedRef<(id: string) => GraphEdge | undefined> getSelectedElements: import('vue').ComputedRef> getSelectedNodes: import('vue').ComputedRef[]> getSelectedEdges: import('vue').ComputedRef[]> setElements: import('../../types').SetElements setNodes: import('../../types').SetNodes setEdges: import('../../types').SetEdges addNodes: import('../../types').AddNodes addEdges: import('../../types').AddEdges removeNodes: import('../../types').RemoveNodes removeEdges: import('../../types').RemoveEdges findNode: import('../../types').FindNode findEdge: import('../../types').FindEdge updateEdge: import('../../types').UpdateEdge applyEdgeChanges: (changes: EdgeChange[]) => GraphEdge[] applyNodeChanges: (changes: NodeChange[]) => GraphNode[] addSelectedElements: (elements: FlowElements) => void addSelectedEdges: (edges: GraphEdge[]) => void addSelectedNodes: (nodes: GraphNode[]) => void removeSelectedEdges: (edges: GraphEdge[]) => void removeSelectedNodes: (nodes: GraphNode[]) => void removeSelectedElements: ( elements?: | { nodes?: GraphNode[] | undefined edges?: GraphEdge[] | undefined } | undefined, ) => void setMinZoom: (zoom: number) => void setMaxZoom: (zoom: number) => void setTranslateExtent: (translateExtent: import('../../types').CoordinateExtent) => void setNodeExtent: (nodeExtent: import('../../types').CoordinateExtent) => void setInteractive: (isInteractive: boolean) => void setState: import('../../types').SetState toObject: () => import('../../types').FlowExportObject updateNodeInternals: import('../../types').UpdateNodeInternals startConnection: ( startHandle: import('../../types').StartHandle, position?: import('../../types').XYPosition | undefined, event?: MouseEvent | undefined, ) => void updateConnection: (position: import('../../types').XYPosition) => void endConnection: (event?: MouseEvent | undefined) => void updateNodePositions: import('../../types').UpdateNodePosition updateNodeDimensions: import('../../types').UpdateNodeDimensions $reset: () => void $destroy: () => void zoomIn: import('../../types').ZoomInOut zoomOut: import('../../types').ZoomInOut zoomTo: import('../../types').ZoomTo setTransform: import('../../types').SetTransform getTransform: import('../../types').GetTransform fitView: import('../../types').FitView setCenter: import('../../types').SetCenter fitBounds: import('../../types').FitBounds project: import('../../types').Project }> & {} & import('vue').ComponentCustomProperties __isFragment?: undefined __isTeleport?: undefined __isSuspense?: undefined } & import('vue').ComponentOptionsBase< Readonly< import('vue').ExtractPropTypes< __VLS_WithDefaults< __VLS_TypePropsToRuntimeProps, { snapToGrid: undefined onlyRenderVisibleElements: undefined edgesUpdatable: undefined nodesConnectable: undefined nodesDraggable: undefined elementsSelectable: undefined selectNodesOnDrag: undefined preventScrolling: undefined zoomOnScroll: undefined zoomOnPinch: undefined zoomOnDoubleClick: undefined panOnScroll: undefined panOnDrag: undefined applyDefault: undefined fitViewOnInit: undefined connectOnClick: undefined connectionLineStyle: undefined autoConnect: undefined elevateEdgesOnSelect: undefined } > > > & { 'onNodesChange'?: ((changes: NodeChange[]) => any) | undefined 'onEdgesChange'?: ((changes: EdgeChange[]) => any) | undefined 'onNodeDoubleClick'?: ((nodeMouseEvent: NodeMouseEvent) => any) | undefined 'onNodeClick'?: ((nodeMouseEvent: NodeMouseEvent) => any) | undefined 'onNodeMouseEnter'?: ((nodeMouseEvent: NodeMouseEvent) => any) | undefined 'onNodeMouseMove'?: ((nodeMouseEvent: NodeMouseEvent) => any) | undefined 'onNodeMouseLeave'?: ((nodeMouseEvent: NodeMouseEvent) => any) | undefined 'onNodeContextMenu'?: ((nodeMouseEvent: NodeMouseEvent) => any) | undefined 'onNodeDragStart'?: ((nodeDragEvent: NodeDragEvent) => any) | undefined 'onNodeDrag'?: ((nodeDragEvent: NodeDragEvent) => any) | undefined 'onNodeDragStop'?: ((nodeDragEvent: NodeDragEvent) => 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 'onConnectStart'?: | (( connectionEvent: { event?: MouseEvent | undefined } & OnConnectStartParams, ) => any) | undefined 'onConnectEnd'?: ((connectionEvent?: MouseEvent | undefined) => any) | undefined 'onPaneReady'?: ((paneEvent: VueFlowStore) => any) | undefined 'onMove'?: ((moveEvent: { event: D3ZoomEvent; flowTransform: ViewpaneTransform }) => any) | undefined 'onMoveStart'?: | ((moveEvent: { event: D3ZoomEvent; flowTransform: ViewpaneTransform }) => any) | undefined 'onMoveEnd'?: ((moveEvent: { event: D3ZoomEvent; flowTransform: ViewpaneTransform }) => 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 'onPaneScroll'?: ((paneEvent: WheelEvent | undefined) => any) | undefined 'onPaneClick'?: ((paneEvent: MouseEvent) => any) | undefined 'onPaneContextMenu'?: ((paneEvent: MouseEvent) => any) | undefined 'onPaneMouseEnter'?: ((paneEvent: MouseEvent) => any) | undefined 'onPaneMouseMove'?: ((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 'onUpdate:modelValue'?: ((value: FlowElements) => any) | undefined 'onUpdate:nodes'?: ((value: GraphNode[]) => any) | undefined 'onUpdate:edges'?: ((value: GraphEdge[]) => any) | undefined }, { id: string emits: Readonly<{ nodesChange: import('@vueuse/shared').EventHookTrigger edgesChange: import('@vueuse/shared').EventHookTrigger nodeDoubleClick: import('@vueuse/shared').EventHookTrigger nodeClick: import('@vueuse/shared').EventHookTrigger nodeMouseEnter: import('@vueuse/shared').EventHookTrigger nodeMouseMove: import('@vueuse/shared').EventHookTrigger nodeMouseLeave: import('@vueuse/shared').EventHookTrigger nodeContextMenu: import('@vueuse/shared').EventHookTrigger nodeDragStart: import('@vueuse/shared').EventHookTrigger nodeDrag: import('@vueuse/shared').EventHookTrigger nodeDragStop: import('@vueuse/shared').EventHookTrigger updateNodeInternals: import('@vueuse/shared').EventHookTrigger miniMapNodeClick: import('@vueuse/shared').EventHookTrigger miniMapNodeDoubleClick: import('@vueuse/shared').EventHookTrigger miniMapNodeMouseEnter: import('@vueuse/shared').EventHookTrigger miniMapNodeMouseMove: import('@vueuse/shared').EventHookTrigger miniMapNodeMouseLeave: import('@vueuse/shared').EventHookTrigger connect: import('@vueuse/shared').EventHookTrigger connectStart: import('@vueuse/shared').EventHookTrigger< { event?: MouseEvent | undefined } & OnConnectStartParams > connectEnd: import('@vueuse/shared').EventHookTrigger paneReady: import('@vueuse/shared').EventHookTrigger move: import('@vueuse/shared').EventHookTrigger<{ event: D3ZoomEvent flowTransform: ViewpaneTransform }> moveStart: import('@vueuse/shared').EventHookTrigger<{ event: D3ZoomEvent flowTransform: ViewpaneTransform }> moveEnd: import('@vueuse/shared').EventHookTrigger<{ event: D3ZoomEvent flowTransform: ViewpaneTransform }> selectionDragStart: import('@vueuse/shared').EventHookTrigger selectionDrag: import('@vueuse/shared').EventHookTrigger selectionDragStop: import('@vueuse/shared').EventHookTrigger selectionContextMenu: import('@vueuse/shared').EventHookTrigger<{ event: MouseEvent nodes: GraphNode[] }> paneScroll: import('@vueuse/shared').EventHookTrigger paneClick: import('@vueuse/shared').EventHookTrigger paneContextMenu: import('@vueuse/shared').EventHookTrigger paneMouseEnter: import('@vueuse/shared').EventHookTrigger paneMouseMove: import('@vueuse/shared').EventHookTrigger paneMouseLeave: import('@vueuse/shared').EventHookTrigger edgeContextMenu: import('@vueuse/shared').EventHookTrigger edgeMouseEnter: import('@vueuse/shared').EventHookTrigger edgeMouseMove: import('@vueuse/shared').EventHookTrigger edgeMouseLeave: import('@vueuse/shared').EventHookTrigger edgeDoubleClick: import('@vueuse/shared').EventHookTrigger edgeClick: import('@vueuse/shared').EventHookTrigger edgeUpdateStart: import('@vueuse/shared').EventHookTrigger edgeUpdate: import('@vueuse/shared').EventHookTrigger edgeUpdateEnd: import('@vueuse/shared').EventHookTrigger }> onNodesChange: import('@vueuse/shared').EventHookOn onEdgesChange: import('@vueuse/shared').EventHookOn onNodeDoubleClick: import('@vueuse/shared').EventHookOn onNodeClick: import('@vueuse/shared').EventHookOn onNodeMouseEnter: import('@vueuse/shared').EventHookOn onNodeMouseMove: import('@vueuse/shared').EventHookOn onNodeMouseLeave: import('@vueuse/shared').EventHookOn onNodeContextMenu: import('@vueuse/shared').EventHookOn onNodeDragStart: import('@vueuse/shared').EventHookOn onNodeDrag: import('@vueuse/shared').EventHookOn onNodeDragStop: import('@vueuse/shared').EventHookOn onUpdateNodeInternals: import('@vueuse/shared').EventHookOn onMiniMapNodeClick: import('@vueuse/shared').EventHookOn onMiniMapNodeDoubleClick: import('@vueuse/shared').EventHookOn onMiniMapNodeMouseEnter: import('@vueuse/shared').EventHookOn onMiniMapNodeMouseMove: import('@vueuse/shared').EventHookOn onMiniMapNodeMouseLeave: import('@vueuse/shared').EventHookOn onConnect: import('@vueuse/shared').EventHookOn onConnectStart: import('@vueuse/shared').EventHookOn< { event?: MouseEvent | undefined } & OnConnectStartParams > onConnectEnd: import('@vueuse/shared').EventHookOn onPaneReady: import('@vueuse/shared').EventHookOn onMove: import('@vueuse/shared').EventHookOn<{ event: D3ZoomEvent flowTransform: ViewpaneTransform }> onMoveStart: import('@vueuse/shared').EventHookOn<{ event: D3ZoomEvent flowTransform: ViewpaneTransform }> onMoveEnd: import('@vueuse/shared').EventHookOn<{ event: D3ZoomEvent flowTransform: ViewpaneTransform }> onSelectionDragStart: import('@vueuse/shared').EventHookOn onSelectionDrag: import('@vueuse/shared').EventHookOn onSelectionDragStop: import('@vueuse/shared').EventHookOn onSelectionContextMenu: import('@vueuse/shared').EventHookOn<{ event: MouseEvent nodes: GraphNode[] }> onPaneScroll: import('@vueuse/shared').EventHookOn onPaneClick: import('@vueuse/shared').EventHookOn onPaneContextMenu: import('@vueuse/shared').EventHookOn onPaneMouseEnter: import('@vueuse/shared').EventHookOn onPaneMouseMove: import('@vueuse/shared').EventHookOn onPaneMouseLeave: import('@vueuse/shared').EventHookOn onEdgeContextMenu: import('@vueuse/shared').EventHookOn onEdgeMouseEnter: import('@vueuse/shared').EventHookOn onEdgeMouseMove: import('@vueuse/shared').EventHookOn onEdgeMouseLeave: import('@vueuse/shared').EventHookOn onEdgeDoubleClick: import('@vueuse/shared').EventHookOn onEdgeClick: import('@vueuse/shared').EventHookOn onEdgeUpdateStart: import('@vueuse/shared').EventHookOn onEdgeUpdate: import('@vueuse/shared').EventHookOn onEdgeUpdateEnd: import('@vueuse/shared').EventHookOn vueFlowRef: import('vue').Ref viewportRef: import('vue').Ref hooks: import('vue').Ref< Readonly<{ nodesChange: import('@vueuse/shared').EventHook edgesChange: import('@vueuse/shared').EventHook nodeDoubleClick: import('@vueuse/shared').EventHook nodeClick: import('@vueuse/shared').EventHook nodeMouseEnter: import('@vueuse/shared').EventHook nodeMouseMove: import('@vueuse/shared').EventHook nodeMouseLeave: import('@vueuse/shared').EventHook nodeContextMenu: import('@vueuse/shared').EventHook nodeDragStart: import('@vueuse/shared').EventHook nodeDrag: import('@vueuse/shared').EventHook nodeDragStop: import('@vueuse/shared').EventHook updateNodeInternals: import('@vueuse/shared').EventHook miniMapNodeClick: import('@vueuse/shared').EventHook miniMapNodeDoubleClick: import('@vueuse/shared').EventHook miniMapNodeMouseEnter: import('@vueuse/shared').EventHook miniMapNodeMouseMove: import('@vueuse/shared').EventHook miniMapNodeMouseLeave: import('@vueuse/shared').EventHook connect: import('@vueuse/shared').EventHook connectStart: import('@vueuse/shared').EventHook< { event?: MouseEvent | undefined } & OnConnectStartParams > connectEnd: import('@vueuse/shared').EventHook paneReady: import('@vueuse/shared').EventHook move: import('@vueuse/shared').EventHook<{ event: D3ZoomEvent flowTransform: ViewpaneTransform }> moveStart: import('@vueuse/shared').EventHook<{ event: D3ZoomEvent flowTransform: ViewpaneTransform }> moveEnd: import('@vueuse/shared').EventHook<{ event: D3ZoomEvent flowTransform: ViewpaneTransform }> selectionDragStart: import('@vueuse/shared').EventHook selectionDrag: import('@vueuse/shared').EventHook selectionDragStop: import('@vueuse/shared').EventHook selectionContextMenu: import('@vueuse/shared').EventHook<{ event: MouseEvent nodes: GraphNode[] }> paneScroll: import('@vueuse/shared').EventHook paneClick: import('@vueuse/shared').EventHook paneContextMenu: import('@vueuse/shared').EventHook paneMouseEnter: import('@vueuse/shared').EventHook paneMouseMove: import('@vueuse/shared').EventHook paneMouseLeave: import('@vueuse/shared').EventHook edgeContextMenu: import('@vueuse/shared').EventHook edgeMouseEnter: import('@vueuse/shared').EventHook edgeMouseMove: import('@vueuse/shared').EventHook edgeMouseLeave: import('@vueuse/shared').EventHook edgeDoubleClick: import('@vueuse/shared').EventHook edgeClick: import('@vueuse/shared').EventHook edgeUpdateStart: import('@vueuse/shared').EventHook edgeUpdate: import('@vueuse/shared').EventHook edgeUpdateEnd: import('@vueuse/shared').EventHook }> > nodes: import('vue').Ref[]> edges: import('vue').Ref[]> d3Zoom: import('vue').Ref d3Selection: import('vue').Ref d3ZoomHandler: import('vue').Ref minZoom: import('vue').Ref maxZoom: import('vue').Ref defaultZoom: import('vue').Ref translateExtent: import('vue').Ref nodeExtent: import('vue').Ref dimensions: import('vue').Ref viewport: import('vue').Ref onlyRenderVisibleElements: import('vue').Ref defaultPosition: import('vue').Ref<[number, number]> nodesSelectionActive: import('vue').Ref userSelectionActive: import('vue').Ref multiSelectionActive: import('vue').Ref deleteKeyCode: import('vue').Ref selectionKeyCode: import('vue').Ref multiSelectionKeyCode: import('vue').Ref zoomActivationKeyCode: import('vue').Ref connectionMode: import('vue').Ref connectionLineOptions: import('vue').Ref connectionLineType: import('vue').Ref connectionLineStyle: import('vue').Ref connectionStartHandle: import('vue').Ref connectionPosition: import('vue').Ref connectOnClick: import('vue').Ref edgeUpdaterRadius: import('vue').Ref snapToGrid: import('vue').Ref snapGrid: import('vue').Ref defaultMarkerColor: import('vue').Ref edgesUpdatable: import('vue').Ref nodesDraggable: import('vue').Ref nodesConnectable: import('vue').Ref elementsSelectable: import('vue').Ref selectNodesOnDrag: import('vue').Ref panOnDrag: import('vue').Ref zoomOnScroll: import('vue').Ref zoomOnPinch: import('vue').Ref panOnScroll: import('vue').Ref panOnScrollSpeed: import('vue').Ref panOnScrollMode: import('vue').Ref zoomOnDoubleClick: import('vue').Ref preventScrolling: import('vue').Ref initialized: import('vue').Ref applyDefault: import('vue').Ref autoConnect: import('vue').Ref fitViewOnInit?: import('vue').Ref | undefined noDragClassName?: import('vue').Ref | undefined noWheelClassName?: import('vue').Ref | undefined noPanClassName?: import('vue').Ref | undefined defaultEdgeOptions?: import('vue').Ref | undefined vueFlowVersion: import('vue').Ref edgeTypes?: import('vue').Ref | undefined nodeTypes?: import('vue').Ref | undefined elevateEdgesOnSelect?: import('vue').Ref | undefined getEdgeTypes: import('vue').ComputedRef> getNodeTypes: import('vue').ComputedRef> getElements: import('vue').ComputedRef> getNodes: import('vue').ComputedRef[]> getEdges: import('vue').ComputedRef[]> getNode: import('vue').ComputedRef<(id: string) => GraphNode | undefined> getEdge: import('vue').ComputedRef<(id: string) => GraphEdge | undefined> getSelectedElements: import('vue').ComputedRef> getSelectedNodes: import('vue').ComputedRef[]> getSelectedEdges: import('vue').ComputedRef[]> setElements: import('../../types').SetElements setNodes: import('../../types').SetNodes setEdges: import('../../types').SetEdges addNodes: import('../../types').AddNodes addEdges: import('../../types').AddEdges removeNodes: import('../../types').RemoveNodes removeEdges: import('../../types').RemoveEdges findNode: import('../../types').FindNode findEdge: import('../../types').FindEdge updateEdge: import('../../types').UpdateEdge applyEdgeChanges: (changes: EdgeChange[]) => GraphEdge[] applyNodeChanges: (changes: NodeChange[]) => GraphNode[] addSelectedElements: (elements: FlowElements) => void addSelectedEdges: (edges: GraphEdge[]) => void addSelectedNodes: (nodes: GraphNode[]) => void removeSelectedEdges: (edges: GraphEdge[]) => void removeSelectedNodes: (nodes: GraphNode[]) => void removeSelectedElements: ( elements?: | { nodes?: GraphNode[] | undefined edges?: GraphEdge[] | undefined } | undefined, ) => void setMinZoom: (zoom: number) => void setMaxZoom: (zoom: number) => void setTranslateExtent: (translateExtent: import('../../types').CoordinateExtent) => void setNodeExtent: (nodeExtent: import('../../types').CoordinateExtent) => void setInteractive: (isInteractive: boolean) => void setState: import('../../types').SetState toObject: () => import('../../types').FlowExportObject updateNodeInternals: import('../../types').UpdateNodeInternals startConnection: ( startHandle: import('../../types').StartHandle, position?: import('../../types').XYPosition | undefined, event?: MouseEvent | undefined, ) => void updateConnection: (position: import('../../types').XYPosition) => void endConnection: (event?: MouseEvent | undefined) => void updateNodePositions: import('../../types').UpdateNodePosition updateNodeDimensions: import('../../types').UpdateNodeDimensions $reset: () => void $destroy: () => void zoomIn: import('../../types').ZoomInOut zoomOut: import('../../types').ZoomInOut zoomTo: import('../../types').ZoomTo setTransform: import('../../types').SetTransform getTransform: import('../../types').GetTransform fitView: import('../../types').FitView setCenter: import('../../types').SetCenter fitBounds: import('../../types').FitBounds project: import('../../types').Project }, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, { nodesChange: (changes: NodeChange[]) => void } & { edgesChange: (changes: EdgeChange[]) => void } & { nodeDoubleClick: (nodeMouseEvent: NodeMouseEvent) => void } & { nodeClick: (nodeMouseEvent: NodeMouseEvent) => void } & { nodeMouseEnter: (nodeMouseEvent: NodeMouseEvent) => void } & { nodeMouseMove: (nodeMouseEvent: NodeMouseEvent) => void } & { nodeMouseLeave: (nodeMouseEvent: NodeMouseEvent) => void } & { nodeContextMenu: (nodeMouseEvent: NodeMouseEvent) => void } & { nodeDragStart: (nodeDragEvent: NodeDragEvent) => void } & { nodeDrag: (nodeDragEvent: NodeDragEvent) => void } & { nodeDragStop: (nodeDragEvent: NodeDragEvent) => 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 } & { connectStart: ( connectionEvent: { event?: MouseEvent | undefined } & OnConnectStartParams, ) => void } & { connectEnd: (connectionEvent?: MouseEvent | undefined) => void } & { moveStart: (moveEvent: { event: D3ZoomEvent; flowTransform: ViewpaneTransform }) => void } & { move: (moveEvent: { event: D3ZoomEvent; flowTransform: ViewpaneTransform }) => void } & { moveEnd: (moveEvent: { event: D3ZoomEvent; flowTransform: ViewpaneTransform }) => void } & { selectionDragStart: (selectionEvent: NodeDragEvent) => void } & { selectionDrag: (selectionEvent: NodeDragEvent) => void } & { selectionDragStop: (selectionEvent: NodeDragEvent) => void } & { selectionContextMenu: (selectionEvent: { event: MouseEvent; nodes: GraphNode[] }) => void } & { paneReady: (paneEvent: VueFlowStore) => void } & { paneScroll: (paneEvent: WheelEvent | undefined) => void } & { paneClick: (paneEvent: MouseEvent) => void } & { paneContextMenu: (paneEvent: MouseEvent) => void } & { paneMouseEnter: (paneEvent: MouseEvent) => void } & { paneMouseMove: (paneEvent: MouseEvent) => 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 } & { updateNodeInternals: () => void } & { 'update:modelValue': (value: FlowElements) => void } & { 'update:nodes': (value: GraphNode[]) => void } & { 'update:edges': (value: GraphEdge[]) => void }, string, { connectionLineStyle: import('vue').CSSProperties | null snapToGrid: boolean onlyRenderVisibleElements: boolean edgesUpdatable: import('../../types').EdgeUpdatable nodesDraggable: boolean nodesConnectable: boolean elementsSelectable: boolean selectNodesOnDrag: boolean panOnDrag: boolean zoomOnScroll: boolean zoomOnPinch: boolean panOnScroll: boolean zoomOnDoubleClick: boolean preventScrolling: boolean fitViewOnInit: boolean connectOnClick: boolean applyDefault: boolean autoConnect: boolean | import('../../types').Connector elevateEdgesOnSelect: boolean } > & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => { $slots: Record & Record & { 'connection-line': (_: {}) => any 'zoom-pane': (_: {}) => any 'default': (_: {}) => any } }) export default _default declare type __VLS_NonUndefinedable = T extends undefined ? never : T declare type __VLS_TypePropsToRuntimeProps = { [K in keyof T]-?: {} extends Pick ? { type: import('vue').PropType<__VLS_NonUndefinedable> } : { type: import('vue').PropType required: true } } declare type __VLS_WithDefaults = { [K in keyof Pick]: K extends keyof D ? P[K] & { default: D[K] } : P[K] }