ngx-xyflow/xyflow.component.d.ts

Angular wrapper for the popular xyflow (formerly Reactflow) library

import { EventEmitter, NgZone, OnChanges, SimpleChanges, ViewContainerRef } from '@angular/core';
import { ReactFlowInstance, ReactFlowProps } from '@xyflow/react';
import { ReactifyNgComponent } from 'ngx-reactify';
import * as React from 'react';
import { BackgroundDirective } from './background.directive';
import { ControlsDirective } from './controls.directive';
import { MinimapDirective } from './minimap.directive';
import * as i0 from "@angular/core";
type XYFlowProps = ReactFlowProps<any, any>;
export declare class XYFlowComponent extends ReactifyNgComponent implements XYFlowProps, OnChanges {
    _nodes: XYFlowProps['nodes'];
    _nodesChange: EventEmitter<any[]>;
    _edges: XYFlowProps['edges'];
    _edgesChange: EventEmitter<any[]>;
    defaultEdgeOptions: XYFlowProps['defaultEdgeOptions'];
    nodeTypes: any;
    edgeTypes: XYFlowProps['edgeTypes'];
    instance: ReactFlowInstance;
    connectionLineType: XYFlowProps['connectionLineType'];
    connectionLineStyle: XYFlowProps['connectionLineStyle'];
    connectionLineComponent: XYFlowProps['connectionLineComponent'];
    connectionLineContainerStyle: XYFlowProps['connectionLineContainerStyle'];
    connectionMode: XYFlowProps['connectionMode'];
    deleteKeyCode: XYFlowProps['deleteKeyCode'];
    selectionKeyCode: XYFlowProps['selectionKeyCode'];
    selectionOnDrag: XYFlowProps['selectionOnDrag'];
    selectionMode: XYFlowProps['selectionMode'];
    panActivationKeyCode: XYFlowProps['panActivationKeyCode'];
    multiSelectionKeyCode: XYFlowProps['multiSelectionKeyCode'];
    zoomActivationKeyCode: XYFlowProps['zoomActivationKeyCode'];
    snapToGrid: XYFlowProps['snapToGrid'];
    snapGrid: XYFlowProps['snapGrid'];
    onlyRenderVisibleElements: XYFlowProps['onlyRenderVisibleElements'];
    nodesDraggable: XYFlowProps['nodesDraggable'];
    nodesConnectable: XYFlowProps['nodesConnectable'];
    nodesFocusable: XYFlowProps['nodesFocusable'];
    nodeOrigin: XYFlowProps['nodeOrigin'];
    edgesFocusable: XYFlowProps['edgesFocusable'];
    elementsSelectable: XYFlowProps['elementsSelectable'];
    selectNodesOnDrag: XYFlowProps['selectNodesOnDrag'];
    panOnDrag: XYFlowProps['panOnDrag'];
    minZoom: XYFlowProps['minZoom'];
    maxZoom: XYFlowProps['maxZoom'];
    defaultViewport: XYFlowProps['defaultViewport'];
    translateExtent: XYFlowProps['translateExtent'];
    preventScrolling: XYFlowProps['preventScrolling'];
    nodeExtent: XYFlowProps['nodeExtent'];
    defaultMarkerColor: XYFlowProps['defaultMarkerColor'];
    zoomOnScroll: XYFlowProps['zoomOnScroll'];
    zoomOnPinch: XYFlowProps['zoomOnPinch'];
    panOnScroll: XYFlowProps['panOnScroll'];
    panOnScrollSpeed: XYFlowProps['panOnScrollSpeed'];
    panOnScrollMode: XYFlowProps['panOnScrollMode'];
    zoomOnDoubleClick: XYFlowProps['zoomOnDoubleClick'];
    noDragClassName: XYFlowProps['noDragClassName'];
    noWheelClassName: XYFlowProps['noWheelClassName'];
    noPanClassName: XYFlowProps['noPanClassName'];
    fitView: XYFlowProps['fitView'];
    fitViewOptions: XYFlowProps['fitViewOptions'];
    connectOnClick: XYFlowProps['connectOnClick'];
    attributionPosition: XYFlowProps['attributionPosition'];
    proOptions: XYFlowProps['proOptions'];
    elevateNodesOnSelect: XYFlowProps['elevateNodesOnSelect'];
    elevateEdgesOnSelect: XYFlowProps['elevateEdgesOnSelect'];
    disableKeyboardA11y: XYFlowProps['disableKeyboardA11y'];
    autoPanOnNodeDrag: XYFlowProps['autoPanOnNodeDrag'];
    autoPanOnConnect: XYFlowProps['autoPanOnConnect'];
    connectionRadius: XYFlowProps['connectionRadius'];
    onClickConnectEnd: any;
    onClickConnectStart: any;
    onConnect: any;
    onConnectEnd: any;
    onConnectStart: any;
    onDelete: any;
    onEdgeClick: any;
    onEdgeContextMenu: any;
    onEdgeDoubleClick: any;
    onEdgeMouseEnter: any;
    onEdgeMouseLeave: any;
    onEdgeMouseMove: any;
    onEdgesChange: any;
    onEdgesDelete: any;
    onError: any;
    onInit: any;
    onMove: any;
    onMoveEnd: any;
    onMoveStart: any;
    onNodeClick: any;
    onNodeContextMenu: any;
    onNodeDoubleClick: any;
    onNodeDrag: any;
    onNodeDragStart: any;
    onNodeDragStop: any;
    onNodeMouseEnter: any;
    onNodeMouseLeave: any;
    onNodeMouseMove: any;
    onNodesChange: any;
    onNodesDelete: any;
    onPaneClick: any;
    onPaneContextMenu: any;
    onPaneMouseEnter: any;
    onPaneMouseLeave: any;
    onPaneMouseMove: any;
    onPaneScroll: any;
    onReconnect: any;
    onReconnectStart: any;
    onReconnectEnd: any;
    onSelectionChange: any;
    onSelectionContextMenu: any;
    onSelectionDrag: any;
    onSelectionDragStart: any;
    onSelectionDragStop: any;
    onSelectionEnd: any;
    onSelectionStart: any;
    _background: BackgroundDirective;
    _controls: ControlsDirective;
    _minimap: MinimapDirective;
    private _setNodes;
    private _setEdges;
    ngReactComponent: ({ props }: {
        props: ReactFlowProps;
    }) => React.FunctionComponentElement<import("@xyflow/react/dist/esm/components/ReactFlowProvider").ReactFlowProviderProps>;
    constructor(ngContainer: ViewContainerRef, ngZone: NgZone);
    ngOnInit(): void;
    ngAfterViewInit(): void;
    ngOnChanges(changes?: SimpleChanges): void;
    static ɵfac: i0.ɵɵFactoryDeclaration<XYFlowComponent, never>;
    static ɵcmp: i0.ɵɵComponentDeclaration<XYFlowComponent, "ngx-xyflow", never, { "_nodes": { "alias": "nodes"; "required": false; }; "_edges": { "alias": "edges"; "required": false; }; "defaultEdgeOptions": { "alias": "defaultEdgeOptions"; "required": false; }; "connectionLineType": { "alias": "connectionLineType"; "required": false; }; "connectionLineStyle": { "alias": "connectionLineStyle"; "required": false; }; "connectionLineComponent": { "alias": "connectionLineComponent"; "required": false; }; "connectionLineContainerStyle": { "alias": "connectionLineContainerStyle"; "required": false; }; "connectionMode": { "alias": "connectionMode"; "required": false; }; "deleteKeyCode": { "alias": "deleteKeyCode"; "required": false; }; "selectionKeyCode": { "alias": "selectionKeyCode"; "required": false; }; "selectionOnDrag": { "alias": "selectionOnDrag"; "required": false; }; "selectionMode": { "alias": "selectionMode"; "required": false; }; "panActivationKeyCode": { "alias": "panActivationKeyCode"; "required": false; }; "multiSelectionKeyCode": { "alias": "multiSelectionKeyCode"; "required": false; }; "zoomActivationKeyCode": { "alias": "zoomActivationKeyCode"; "required": false; }; "snapToGrid": { "alias": "snapToGrid"; "required": false; }; "snapGrid": { "alias": "snapGrid"; "required": false; }; "onlyRenderVisibleElements": { "alias": "onlyRenderVisibleElements"; "required": false; }; "nodesDraggable": { "alias": "nodesDraggable"; "required": false; }; "nodesConnectable": { "alias": "nodesConnectable"; "required": false; }; "nodesFocusable": { "alias": "nodesFocusable"; "required": false; }; "nodeOrigin": { "alias": "nodeOrigin"; "required": false; }; "edgesFocusable": { "alias": "edgesFocusable"; "required": false; }; "elementsSelectable": { "alias": "elementsSelectable"; "required": false; }; "selectNodesOnDrag": { "alias": "selectNodesOnDrag"; "required": false; }; "panOnDrag": { "alias": "panOnDrag"; "required": false; }; "minZoom": { "alias": "minZoom"; "required": false; }; "maxZoom": { "alias": "maxZoom"; "required": false; }; "defaultViewport": { "alias": "defaultViewport"; "required": false; }; "translateExtent": { "alias": "translateExtent"; "required": false; }; "preventScrolling": { "alias": "preventScrolling"; "required": false; }; "nodeExtent": { "alias": "nodeExtent"; "required": false; }; "defaultMarkerColor": { "alias": "defaultMarkerColor"; "required": false; }; "zoomOnScroll": { "alias": "zoomOnScroll"; "required": false; }; "zoomOnPinch": { "alias": "zoomOnPinch"; "required": false; }; "panOnScroll": { "alias": "panOnScroll"; "required": false; }; "panOnScrollSpeed": { "alias": "panOnScrollSpeed"; "required": false; }; "panOnScrollMode": { "alias": "panOnScrollMode"; "required": false; }; "zoomOnDoubleClick": { "alias": "zoomOnDoubleClick"; "required": false; }; "noDragClassName": { "alias": "noDragClassName"; "required": false; }; "noWheelClassName": { "alias": "noWheelClassName"; "required": false; }; "noPanClassName": { "alias": "noPanClassName"; "required": false; }; "fitView": { "alias": "fitView"; "required": false; }; "fitViewOptions": { "alias": "fitViewOptions"; "required": false; }; "connectOnClick": { "alias": "connectOnClick"; "required": false; }; "attributionPosition": { "alias": "attributionPosition"; "required": false; }; "proOptions": { "alias": "proOptions"; "required": false; }; "elevateNodesOnSelect": { "alias": "elevateNodesOnSelect"; "required": false; }; "elevateEdgesOnSelect": { "alias": "elevateEdgesOnSelect"; "required": false; }; "disableKeyboardA11y": { "alias": "disableKeyboardA11y"; "required": false; }; "autoPanOnNodeDrag": { "alias": "autoPanOnNodeDrag"; "required": false; }; "autoPanOnConnect": { "alias": "autoPanOnConnect"; "required": false; }; "connectionRadius": { "alias": "connectionRadius"; "required": false; }; }, { "_nodesChange": "nodesChange"; "_edgesChange": "edgesChange"; "onClickConnectEnd": "onClickConnectEnd"; "onClickConnectStart": "onClickConnectStart"; "onConnect": "onConnect"; "onConnectEnd": "onConnectEnd"; "onConnectStart": "onConnectStart"; "onDelete": "onDelete"; "onEdgeClick": "onEdgeClick"; "onEdgeContextMenu": "onEdgeContextMenu"; "onEdgeDoubleClick": "onEdgeDoubleClick"; "onEdgeMouseEnter": "onEdgeMouseEnter"; "onEdgeMouseLeave": "onEdgeMouseLeave"; "onEdgeMouseMove": "onEdgeMouseMove"; "onEdgesChange": "onEdgesChange"; "onEdgesDelete": "onEdgesDelete"; "onError": "onError"; "onInit": "onInit"; "onMove": "onMove"; "onMoveEnd": "onMoveEnd"; "onMoveStart": "onMoveStart"; "onNodeClick": "onNodeClick"; "onNodeContextMenu": "onNodeContextMenu"; "onNodeDoubleClick": "onNodeDoubleClick"; "onNodeDrag": "onNodeDrag"; "onNodeDragStart": "onNodeDragStart"; "onNodeDragStop": "onNodeDragStop"; "onNodeMouseEnter": "onNodeMouseEnter"; "onNodeMouseLeave": "onNodeMouseLeave"; "onNodeMouseMove": "onNodeMouseMove"; "onNodesChange": "onNodesChange"; "onNodesDelete": "onNodesDelete"; "onPaneClick": "onPaneClick"; "onPaneContextMenu": "onPaneContextMenu"; "onPaneMouseEnter": "onPaneMouseEnter"; "onPaneMouseLeave": "onPaneMouseLeave"; "onPaneMouseMove": "onPaneMouseMove"; "onPaneScroll": "onPaneScroll"; "onReconnect": "onReconnect"; "onReconnectStart": "onReconnectStart"; "onReconnectEnd": "onReconnectEnd"; "onSelectionChange": "onSelectionChange"; "onSelectionContextMenu": "onSelectionContextMenu"; "onSelectionDrag": "onSelectionDrag"; "onSelectionDragStart": "onSelectionDragStart"; "onSelectionDragStop": "onSelectionDragStop"; "onSelectionEnd": "onSelectionEnd"; "onSelectionStart": "onSelectionStart"; }, ["_background", "_controls", "_minimap"], never, false, never>;
}
export {};
//# sourceMappingURL=xyflow.component.d.ts.map