import * as _angular_core from '@angular/core';
import { TemplateRef, ElementRef, EnvironmentInjector, ApplicationRef, ViewContainerRef } from '@angular/core';
import { NgAtomicComponent } from '@ng-atomic/core';
import { Node, Edge, DefaultEdgeOptions, NodeTypes, EdgeTypes, ConnectionLineType, ConnectionLineComponent, ConnectionMode, KeyCode, SelectionMode, NodeOrigin, Viewport, CoordinateExtent, PanOnScrollMode, FitViewOptions, PanelPosition, ProOptions, BackgroundVariant, Connection, HandleType, NodeChange, EdgeChange, OnConnectStartParams, ReactFlowInstance, OnSelectionChangeParams, OnError } from 'reactflow';
export { BackgroundVariant } from 'reactflow';
import * as React from 'react';
import React__default from 'react';

declare class ReactFlowComponentStore {
    readonly nodes: _angular_core.InputSignal<Node<any, string | undefined>[] | undefined>;
    readonly edges: _angular_core.InputSignal<Edge<any>[] | undefined>;
    readonly defaultNodes: _angular_core.InputSignal<Node<any, string | undefined>[] | undefined>;
    readonly defaultEdges: _angular_core.InputSignal<Edge<any>[] | undefined>;
    readonly defaultEdgeOptions: _angular_core.InputSignal<DefaultEdgeOptions | undefined>;
    readonly nodeTemplates: _angular_core.InputSignal<Record<string, TemplateRef<any>> | undefined>;
    readonly nodeTypes: _angular_core.InputSignal<NodeTypes | undefined>;
    readonly edgeTypes: _angular_core.InputSignal<EdgeTypes | undefined>;
    readonly connectionLineType: _angular_core.InputSignal<ConnectionLineType | undefined>;
    readonly connectionLineStyle: _angular_core.InputSignal<React.CSSProperties | undefined>;
    readonly connectionLineComponent: _angular_core.InputSignal<ConnectionLineComponent | undefined>;
    readonly connectionLineContainerStyle: _angular_core.InputSignal<React.CSSProperties | undefined>;
    readonly connectionMode: _angular_core.InputSignal<ConnectionMode | undefined>;
    readonly deleteKeyCode: _angular_core.InputSignal<KeyCode | null | undefined>;
    readonly selectionKeyCode: _angular_core.InputSignal<KeyCode | null | undefined>;
    readonly selectionOnDrag: _angular_core.InputSignal<boolean | undefined>;
    readonly selectionMode: _angular_core.InputSignal<SelectionMode | undefined>;
    readonly panActivationKeyCode: _angular_core.InputSignal<KeyCode | null | undefined>;
    readonly multiSelectionKeyCode: _angular_core.InputSignal<KeyCode | null | undefined>;
    readonly zoomActivationKeyCode: _angular_core.InputSignal<KeyCode | null | undefined>;
    readonly snapToGrid: _angular_core.InputSignal<boolean | undefined>;
    readonly snapGrid: _angular_core.InputSignal<[number, number] | undefined>;
    readonly onlyRenderVisibleElements: _angular_core.InputSignal<boolean | undefined>;
    readonly nodesDraggable: _angular_core.InputSignal<boolean | undefined>;
    readonly nodesConnectable: _angular_core.InputSignal<boolean | undefined>;
    readonly nodesFocusable: _angular_core.InputSignal<boolean | undefined>;
    readonly nodeOrigin: _angular_core.InputSignal<NodeOrigin | undefined>;
    readonly edgesFocusable: _angular_core.InputSignal<boolean | undefined>;
    readonly initNodeOrigin: _angular_core.InputSignal<NodeOrigin | undefined>;
    readonly elementsSelectable: _angular_core.InputSignal<boolean | undefined>;
    readonly selectNodesOnDrag: _angular_core.InputSignal<boolean | undefined>;
    readonly panOnDrag: _angular_core.InputSignal<boolean | number[] | undefined>;
    readonly minZoom: _angular_core.InputSignal<number | undefined>;
    readonly maxZoom: _angular_core.InputSignal<number | undefined>;
    readonly defaultViewport: _angular_core.InputSignal<Viewport | undefined>;
    readonly translateExtent: _angular_core.InputSignal<CoordinateExtent | undefined>;
    readonly preventScrolling: _angular_core.InputSignal<boolean | undefined>;
    readonly nodeExtent: _angular_core.InputSignal<CoordinateExtent | undefined>;
    readonly defaultMarkerColor: _angular_core.InputSignal<string | undefined>;
    readonly zoomOnScroll: _angular_core.InputSignal<boolean | undefined>;
    readonly zoomOnPinch: _angular_core.InputSignal<boolean | undefined>;
    readonly panOnScroll: _angular_core.InputSignal<boolean | undefined>;
    readonly panOnScrollSpeed: _angular_core.InputSignal<number | undefined>;
    readonly panOnScrollMode: _angular_core.InputSignal<PanOnScrollMode | undefined>;
    readonly zoomOnDoubleClick: _angular_core.InputSignal<boolean | undefined>;
    readonly edgeUpdaterRadius: _angular_core.InputSignal<number | undefined>;
    readonly noDragClassName: _angular_core.InputSignal<string | undefined>;
    readonly noWheelClassName: _angular_core.InputSignal<string | undefined>;
    readonly noPanClassName: _angular_core.InputSignal<string | undefined>;
    readonly fitView: _angular_core.InputSignal<boolean | undefined>;
    readonly fitViewOptions: _angular_core.InputSignal<FitViewOptions | undefined>;
    readonly connectOnClick: _angular_core.InputSignal<boolean | undefined>;
    readonly attributionPosition: _angular_core.InputSignal<PanelPosition | undefined>;
    readonly proOptions: _angular_core.InputSignal<ProOptions | undefined>;
    readonly elevateNodesOnSelect: _angular_core.InputSignal<boolean | undefined>;
    readonly elevateEdgesOnSelect: _angular_core.InputSignal<boolean | undefined>;
    readonly disableKeyboardA11y: _angular_core.InputSignal<boolean | undefined>;
    readonly autoPanOnNodeDrag: _angular_core.InputSignal<boolean | undefined>;
    readonly autoPanOnConnect: _angular_core.InputSignal<boolean | undefined>;
    readonly connectionRadius: _angular_core.InputSignal<number | undefined>;
    readonly backgroundVariant: _angular_core.InputSignal<BackgroundVariant | undefined>;
    readonly backgroundGap: _angular_core.InputSignal<number | [number, number] | undefined>;
    readonly backgroundColor: _angular_core.InputSignal<string | undefined>;
    readonly backgroundSize: _angular_core.InputSignal<number | undefined>;
    readonly showBackground: _angular_core.InputSignal<boolean | undefined>;
    readonly showMiniMap: _angular_core.InputSignal<boolean | undefined>;
    readonly showControls: _angular_core.InputSignal<boolean | undefined>;
    readonly showCoordinateLabels: _angular_core.InputSignal<boolean | undefined>;
    readonly coordinateLabelInterval: _angular_core.InputSignal<number | undefined>;
    readonly onNodeClick: _angular_core.OutputEmitterRef<[MouseEvent, Node]>;
    readonly onNodeDoubleClick: _angular_core.OutputEmitterRef<[MouseEvent, Node]>;
    readonly onNodeMouseEnter: _angular_core.OutputEmitterRef<[MouseEvent, Node]>;
    readonly onNodeMouseMove: _angular_core.OutputEmitterRef<[MouseEvent, Node]>;
    readonly onNodeMouseLeave: _angular_core.OutputEmitterRef<[MouseEvent, Node]>;
    readonly onNodeContextMenu: _angular_core.OutputEmitterRef<[MouseEvent, Node]>;
    readonly onNodeDragStart: _angular_core.OutputEmitterRef<[MouseEvent, Node, Node[]]>;
    readonly onNodeDrag: _angular_core.OutputEmitterRef<[MouseEvent, Node, Node[]]>;
    readonly onNodeDragStop: _angular_core.OutputEmitterRef<[MouseEvent, Node, Node[]]>;
    readonly onEdgeClick: _angular_core.OutputEmitterRef<[MouseEvent, Node]>;
    readonly onEdgeUpdate: _angular_core.OutputEmitterRef<[any, Connection]>;
    readonly onEdgeContextMenu: _angular_core.OutputEmitterRef<[MouseEvent, Edge]>;
    readonly onEdgeMouseEnter: _angular_core.OutputEmitterRef<[MouseEvent, Edge]>;
    readonly onEdgeMouseMove: _angular_core.OutputEmitterRef<[MouseEvent, Edge]>;
    readonly onEdgeMouseLeave: _angular_core.OutputEmitterRef<[MouseEvent, Edge]>;
    readonly onEdgeDoubleClick: _angular_core.OutputEmitterRef<[MouseEvent, Edge]>;
    readonly onEdgeUpdateStart: _angular_core.OutputEmitterRef<[MouseEvent, Edge<any>, HandleType]>;
    readonly onEdgeUpdateEnd: _angular_core.OutputEmitterRef<[MouseEvent, Edge<any>, HandleType]>;
    readonly onNodesChange: _angular_core.OutputEmitterRef<[NodeChange[]]>;
    readonly onEdgesChange: _angular_core.OutputEmitterRef<[EdgeChange[]]>;
    readonly onNodesDelete: _angular_core.OutputEmitterRef<[Node[]]>;
    readonly onEdgesDelete: _angular_core.OutputEmitterRef<[Edge[]]>;
    readonly onSelectionDragStart: _angular_core.OutputEmitterRef<[MouseEvent, Node[]]>;
    readonly onSelectionDrag: _angular_core.OutputEmitterRef<[MouseEvent, Node[]]>;
    readonly onSelectionDragStop: _angular_core.OutputEmitterRef<[MouseEvent, Node[]]>;
    readonly onSelectionStart: _angular_core.OutputEmitterRef<[MouseEvent]>;
    readonly onSelectionEnd: _angular_core.OutputEmitterRef<[MouseEvent]>;
    readonly onSelectionContextMenu: _angular_core.OutputEmitterRef<[MouseEvent, Node<any, string | undefined>[]]>;
    readonly onConnect: _angular_core.OutputEmitterRef<[Connection]>;
    readonly onConnectStart: _angular_core.OutputEmitterRef<[MouseEvent, OnConnectStartParams]>;
    readonly onConnectEnd: _angular_core.OutputEmitterRef<[MouseEvent]>;
    readonly onClickConnectStart: _angular_core.OutputEmitterRef<[MouseEvent, OnConnectStartParams]>;
    readonly onClickConnectEnd: _angular_core.OutputEmitterRef<[MouseEvent]>;
    readonly onDragOver: _angular_core.OutputEmitterRef<[MouseEvent]>;
    readonly onDrop: _angular_core.OutputEmitterRef<[MouseEvent, string]>;
    readonly onInit: _angular_core.OutputEmitterRef<[ReactFlowInstance<any, any>]>;
    readonly onMove: _angular_core.OutputEmitterRef<[MouseEvent, Viewport]>;
    readonly onMoveStart: _angular_core.OutputEmitterRef<[MouseEvent, Viewport]>;
    readonly onMoveEnd: _angular_core.OutputEmitterRef<[MouseEvent, Viewport]>;
    readonly onSelectionChange: _angular_core.OutputEmitterRef<[OnSelectionChangeParams]>;
    readonly onPaneScroll: _angular_core.OutputEmitterRef<[WheelEvent]>;
    readonly onPaneClick: _angular_core.OutputEmitterRef<[MouseEvent]>;
    readonly onPaneContextMenu: _angular_core.OutputEmitterRef<[MouseEvent]>;
    readonly onPaneMouseEnter: _angular_core.OutputEmitterRef<[MouseEvent]>;
    readonly onPaneMouseMove: _angular_core.OutputEmitterRef<[MouseEvent]>;
    readonly onPaneMouseLeave: _angular_core.OutputEmitterRef<[MouseEvent]>;
    readonly onError: _angular_core.OutputEmitterRef<OnError>;
    readonly onNodeResizeEnd: _angular_core.OutputEmitterRef<{
        nodeId: string;
        width: number;
        height: number;
    }>;
    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ReactFlowComponentStore, never>;
    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<ReactFlowComponentStore, never, never, { "nodes": { "alias": "nodes"; "required": false; "isSignal": true; }; "edges": { "alias": "edges"; "required": false; "isSignal": true; }; "defaultNodes": { "alias": "defaultNodes"; "required": false; "isSignal": true; }; "defaultEdges": { "alias": "defaultEdges"; "required": false; "isSignal": true; }; "defaultEdgeOptions": { "alias": "defaultEdgeOptions"; "required": false; "isSignal": true; }; "nodeTemplates": { "alias": "nodeTemplates"; "required": false; "isSignal": true; }; "nodeTypes": { "alias": "nodeTypes"; "required": false; "isSignal": true; }; "edgeTypes": { "alias": "edgeTypes"; "required": false; "isSignal": true; }; "connectionLineType": { "alias": "connectionLineType"; "required": false; "isSignal": true; }; "connectionLineStyle": { "alias": "connectionLineStyle"; "required": false; "isSignal": true; }; "connectionLineComponent": { "alias": "connectionLineComponent"; "required": false; "isSignal": true; }; "connectionLineContainerStyle": { "alias": "connectionLineContainerStyle"; "required": false; "isSignal": true; }; "connectionMode": { "alias": "connectionMode"; "required": false; "isSignal": true; }; "deleteKeyCode": { "alias": "deleteKeyCode"; "required": false; "isSignal": true; }; "selectionKeyCode": { "alias": "selectionKeyCode"; "required": false; "isSignal": true; }; "selectionOnDrag": { "alias": "selectionOnDrag"; "required": false; "isSignal": true; }; "selectionMode": { "alias": "selectionMode"; "required": false; "isSignal": true; }; "panActivationKeyCode": { "alias": "panActivationKeyCode"; "required": false; "isSignal": true; }; "multiSelectionKeyCode": { "alias": "multiSelectionKeyCode"; "required": false; "isSignal": true; }; "zoomActivationKeyCode": { "alias": "zoomActivationKeyCode"; "required": false; "isSignal": true; }; "snapToGrid": { "alias": "snapToGrid"; "required": false; "isSignal": true; }; "snapGrid": { "alias": "snapGrid"; "required": false; "isSignal": true; }; "onlyRenderVisibleElements": { "alias": "onlyRenderVisibleElements"; "required": false; "isSignal": true; }; "nodesDraggable": { "alias": "nodesDraggable"; "required": false; "isSignal": true; }; "nodesConnectable": { "alias": "nodesConnectable"; "required": false; "isSignal": true; }; "nodesFocusable": { "alias": "nodesFocusable"; "required": false; "isSignal": true; }; "nodeOrigin": { "alias": "nodeOrigin"; "required": false; "isSignal": true; }; "edgesFocusable": { "alias": "edgesFocusable"; "required": false; "isSignal": true; }; "initNodeOrigin": { "alias": "initNodeOrigin"; "required": false; "isSignal": true; }; "elementsSelectable": { "alias": "elementsSelectable"; "required": false; "isSignal": true; }; "selectNodesOnDrag": { "alias": "selectNodesOnDrag"; "required": false; "isSignal": true; }; "panOnDrag": { "alias": "panOnDrag"; "required": false; "isSignal": true; }; "minZoom": { "alias": "minZoom"; "required": false; "isSignal": true; }; "maxZoom": { "alias": "maxZoom"; "required": false; "isSignal": true; }; "defaultViewport": { "alias": "defaultViewport"; "required": false; "isSignal": true; }; "translateExtent": { "alias": "translateExtent"; "required": false; "isSignal": true; }; "preventScrolling": { "alias": "preventScrolling"; "required": false; "isSignal": true; }; "nodeExtent": { "alias": "nodeExtent"; "required": false; "isSignal": true; }; "defaultMarkerColor": { "alias": "defaultMarkerColor"; "required": false; "isSignal": true; }; "zoomOnScroll": { "alias": "zoomOnScroll"; "required": false; "isSignal": true; }; "zoomOnPinch": { "alias": "zoomOnPinch"; "required": false; "isSignal": true; }; "panOnScroll": { "alias": "panOnScroll"; "required": false; "isSignal": true; }; "panOnScrollSpeed": { "alias": "panOnScrollSpeed"; "required": false; "isSignal": true; }; "panOnScrollMode": { "alias": "panOnScrollMode"; "required": false; "isSignal": true; }; "zoomOnDoubleClick": { "alias": "zoomOnDoubleClick"; "required": false; "isSignal": true; }; "edgeUpdaterRadius": { "alias": "edgeUpdaterRadius"; "required": false; "isSignal": true; }; "noDragClassName": { "alias": "noDragClassName"; "required": false; "isSignal": true; }; "noWheelClassName": { "alias": "noWheelClassName"; "required": false; "isSignal": true; }; "noPanClassName": { "alias": "noPanClassName"; "required": false; "isSignal": true; }; "fitView": { "alias": "fitView"; "required": false; "isSignal": true; }; "fitViewOptions": { "alias": "fitViewOptions"; "required": false; "isSignal": true; }; "connectOnClick": { "alias": "connectOnClick"; "required": false; "isSignal": true; }; "attributionPosition": { "alias": "attributionPosition"; "required": false; "isSignal": true; }; "proOptions": { "alias": "proOptions"; "required": false; "isSignal": true; }; "elevateNodesOnSelect": { "alias": "elevateNodesOnSelect"; "required": false; "isSignal": true; }; "elevateEdgesOnSelect": { "alias": "elevateEdgesOnSelect"; "required": false; "isSignal": true; }; "disableKeyboardA11y": { "alias": "disableKeyboardA11y"; "required": false; "isSignal": true; }; "autoPanOnNodeDrag": { "alias": "autoPanOnNodeDrag"; "required": false; "isSignal": true; }; "autoPanOnConnect": { "alias": "autoPanOnConnect"; "required": false; "isSignal": true; }; "connectionRadius": { "alias": "connectionRadius"; "required": false; "isSignal": true; }; "backgroundVariant": { "alias": "backgroundVariant"; "required": false; "isSignal": true; }; "backgroundGap": { "alias": "backgroundGap"; "required": false; "isSignal": true; }; "backgroundColor": { "alias": "backgroundColor"; "required": false; "isSignal": true; }; "backgroundSize": { "alias": "backgroundSize"; "required": false; "isSignal": true; }; "showBackground": { "alias": "showBackground"; "required": false; "isSignal": true; }; "showMiniMap": { "alias": "showMiniMap"; "required": false; "isSignal": true; }; "showControls": { "alias": "showControls"; "required": false; "isSignal": true; }; "showCoordinateLabels": { "alias": "showCoordinateLabels"; "required": false; "isSignal": true; }; "coordinateLabelInterval": { "alias": "coordinateLabelInterval"; "required": false; "isSignal": true; }; }, { "onNodeClick": "onNodeClick"; "onNodeDoubleClick": "onNodeDoubleClick"; "onNodeMouseEnter": "onNodeMouseEnter"; "onNodeMouseMove": "onNodeMouseMove"; "onNodeMouseLeave": "onNodeMouseLeave"; "onNodeContextMenu": "onNodeContextMenu"; "onNodeDragStart": "onNodeDragStart"; "onNodeDrag": "onNodeDrag"; "onNodeDragStop": "onNodeDragStop"; "onEdgeClick": "onEdgeClick"; "onEdgeUpdate": "onEdgeUpdate"; "onEdgeContextMenu": "onEdgeContextMenu"; "onEdgeMouseEnter": "onEdgeMouseEnter"; "onEdgeMouseMove": "onEdgeMouseMove"; "onEdgeMouseLeave": "onEdgeMouseLeave"; "onEdgeDoubleClick": "onEdgeDoubleClick"; "onEdgeUpdateStart": "onEdgeUpdateStart"; "onEdgeUpdateEnd": "onEdgeUpdateEnd"; "onNodesChange": "onNodesChange"; "onEdgesChange": "onEdgesChange"; "onNodesDelete": "onNodesDelete"; "onEdgesDelete": "onEdgesDelete"; "onSelectionDragStart": "onSelectionDragStart"; "onSelectionDrag": "onSelectionDrag"; "onSelectionDragStop": "onSelectionDragStop"; "onSelectionStart": "onSelectionStart"; "onSelectionEnd": "onSelectionEnd"; "onSelectionContextMenu": "onSelectionContextMenu"; "onConnect": "onConnect"; "onConnectStart": "onConnectStart"; "onConnectEnd": "onConnectEnd"; "onClickConnectStart": "onClickConnectStart"; "onClickConnectEnd": "onClickConnectEnd"; "onDragOver": "onDragOver"; "onDrop": "onDrop"; "onInit": "onInit"; "onMove": "onMove"; "onMoveStart": "onMoveStart"; "onMoveEnd": "onMoveEnd"; "onSelectionChange": "onSelectionChange"; "onPaneScroll": "onPaneScroll"; "onPaneClick": "onPaneClick"; "onPaneContextMenu": "onPaneContextMenu"; "onPaneMouseEnter": "onPaneMouseEnter"; "onPaneMouseMove": "onPaneMouseMove"; "onPaneMouseLeave": "onPaneMouseLeave"; "onError": "onError"; "onNodeResizeEnd": "onNodeResizeEnd"; }, never, never, true, never>;
}

declare class ReactFlowComponent extends NgAtomicComponent {
    protected readonly store: ReactFlowComponentStore;
    protected readonly el: ElementRef<any>;
    private readonly vcr;
    private _root;
    private _nodeTypesCache;
    private _transitionTimer;
    private _prevNodePositions;
    private contentNodeTemplates;
    private _touchCleanup;
    private _ancestorScrollCleanup;
    /**
     * PR-G fix: drag end 直後の server-driven snap back を react flow internal state に強制反映する用。
     * effect 内で常時 setNodes 呼ぶと updateNodeDimensions chain で NG0103 大量発生するため、
     * onNodeDragStop event hook で drag 完了 800ms 後に one-shot で呼ぶ局所化。
     */
    private _instance;
    private _dragEndSnapBackTimer;
    readonly enableTouchPassthrough: _angular_core.InputSignal<boolean>;
    /** Pre-computed React props — signal依存を分離してrender()を軽量化 */
    private readonly reactFlowProps;
    constructor();
    ngOnInit(): void;
    ngOnDestroy(): void;
    private setupTouchPassthrough;
    private emitTapAsNodeClick;
    /**
     * 祖先要素のスクロールをロックする。
     * overflow:clip は .react-flow 自体のスクロールを防ぐが、
     * 祖先のスクロールコンテナ（例: ScrollFrame の .contents）には効かない。
     * ノード内 input 入力時のブラウザ自動スクロールを防ぐため、
     * 全祖先の scroll イベントを監視して即座にリセットする。
     */
    private lockAncestorScroll;
    private cleanupTouchPassthrough;
    readonly nodeTypes: _angular_core.Signal<any>;
    private applyTransitionClass;
    private render;
    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ReactFlowComponent, never>;
    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ReactFlowComponent, "machina-react-flow", never, { "enableTouchPassthrough": { "alias": "enableTouchPassthrough"; "required": false; "isSignal": true; }; }, {}, ["contentNodeTemplates"], ["*"], true, [{ directive: typeof ReactFlowComponentStore; inputs: { "nodes": "nodes"; "edges": "edges"; "defaultNodes": "defaultNodes"; "defaultEdges": "defaultEdges"; "defaultEdgeOptions": "defaultEdgeOptions"; "nodeTemplates": "nodeTemplates"; "nodeTypes": "nodeTypes"; "edgeTypes": "edgeTypes"; "connectionLineType": "connectionLineType"; "connectionLineStyle": "connectionLineStyle"; "connectionLineComponent": "connectionLineComponent"; "connectionLineContainerStyle": "connectionLineContainerStyle"; "connectionMode": "connectionMode"; "deleteKeyCode": "deleteKeyCode"; "selectionKeyCode": "selectionKeyCode"; "selectionOnDrag": "selectionOnDrag"; "selectionMode": "selectionMode"; "panActivationKeyCode": "panActivationKeyCode"; "multiSelectionKeyCode": "multiSelectionKeyCode"; "zoomActivationKeyCode": "zoomActivationKeyCode"; "snapToGrid": "snapToGrid"; "snapGrid": "snapGrid"; "onlyRenderVisibleElements": "onlyRenderVisibleElements"; "nodesDraggable": "nodesDraggable"; "nodesConnectable": "nodesConnectable"; "nodesFocusable": "nodesFocusable"; "nodeOrigin": "nodeOrigin"; "edgesFocusable": "edgesFocusable"; "initNodeOrigin": "initNodeOrigin"; "elementsSelectable": "elementsSelectable"; "selectNodesOnDrag": "selectNodesOnDrag"; "panOnDrag": "panOnDrag"; "minZoom": "minZoom"; "maxZoom": "maxZoom"; "defaultViewport": "defaultViewport"; "translateExtent": "translateExtent"; "preventScrolling": "preventScrolling"; "nodeExtent": "nodeExtent"; "defaultMarkerColor": "defaultMarkerColor"; "zoomOnScroll": "zoomOnScroll"; "zoomOnPinch": "zoomOnPinch"; "panOnScroll": "panOnScroll"; "panOnScrollSpeed": "panOnScrollSpeed"; "panOnScrollMode": "panOnScrollMode"; "zoomOnDoubleClick": "zoomOnDoubleClick"; "edgeUpdaterRadius": "edgeUpdaterRadius"; "noDragClassName": "noDragClassName"; "noWheelClassName": "noWheelClassName"; "noPanClassName": "noPanClassName"; "fitView": "fitView"; "fitViewOptions": "fitViewOptions"; "connectOnClick": "connectOnClick"; "attributionPosition": "attributionPosition"; "proOptions": "proOptions"; "elevateNodesOnSelect": "elevateNodesOnSelect"; "elevateEdgesOnSelect": "elevateEdgesOnSelect"; "disableKeyboardA11y": "disableKeyboardA11y"; "autoPanOnNodeDrag": "autoPanOnNodeDrag"; "autoPanOnConnect": "autoPanOnConnect"; "connectionRadius": "connectionRadius"; "backgroundVariant": "backgroundVariant"; "backgroundGap": "backgroundGap"; "backgroundColor": "backgroundColor"; "backgroundSize": "backgroundSize"; "showBackground": "showBackground"; "showMiniMap": "showMiniMap"; "showControls": "showControls"; "showCoordinateLabels": "showCoordinateLabels"; "coordinateLabelInterval": "coordinateLabelInterval"; }; outputs: { "onNodeClick": "onNodeClick"; "onNodeDoubleClick": "onNodeDoubleClick"; "onNodeMouseEnter": "onNodeMouseEnter"; "onNodeMouseMove": "onNodeMouseMove"; "onNodeMouseLeave": "onNodeMouseLeave"; "onNodeContextMenu": "onNodeContextMenu"; "onNodeDragStart": "onNodeDragStart"; "onNodeDrag": "onNodeDrag"; "onNodeDragStop": "onNodeDragStop"; "onEdgeClick": "onEdgeClick"; "onEdgeUpdate": "onEdgeUpdate"; "onEdgeContextMenu": "onEdgeContextMenu"; "onEdgeMouseEnter": "onEdgeMouseEnter"; "onEdgeMouseMove": "onEdgeMouseMove"; "onEdgeMouseLeave": "onEdgeMouseLeave"; "onEdgeDoubleClick": "onEdgeDoubleClick"; "onEdgeUpdateStart": "onEdgeUpdateStart"; "onEdgeUpdateEnd": "onEdgeUpdateEnd"; "onNodesChange": "onNodesChange"; "onEdgesChange": "onEdgesChange"; "onNodesDelete": "onNodesDelete"; "onEdgesDelete": "onEdgesDelete"; "onSelectionDragStart": "onSelectionDragStart"; "onSelectionDrag": "onSelectionDrag"; "onSelectionDragStop": "onSelectionDragStop"; "onSelectionStart": "onSelectionStart"; "onSelectionEnd": "onSelectionEnd"; "onSelectionContextMenu": "onSelectionContextMenu"; "onConnect": "onConnect"; "onConnectStart": "onConnectStart"; "onConnectEnd": "onConnectEnd"; "onClickConnectStart": "onClickConnectStart"; "onClickConnectEnd": "onClickConnectEnd"; "onDragOver": "onDragOver"; "onDrop": "onDrop"; "onInit": "onInit"; "onMove": "onMove"; "onMoveStart": "onMoveStart"; "onMoveEnd": "onMoveEnd"; "onSelectionChange": "onSelectionChange"; "onPaneScroll": "onPaneScroll"; "onPaneClick": "onPaneClick"; "onPaneContextMenu": "onPaneContextMenu"; "onPaneMouseEnter": "onPaneMouseEnter"; "onPaneMouseMove": "onPaneMouseMove"; "onPaneMouseLeave": "onPaneMouseLeave"; "onError": "onError"; "onNodeResizeEnd": "onNodeResizeEnd"; }; }]>;
}

interface GroupNodeData {
    label: string;
    status?: string;
    assignee?: string;
    task?: any;
}

interface NgNodeData {
    label: string;
    status: string;
    assignee: string;
}

declare function setAngularContext(injector: EnvironmentInjector, appRef: ApplicationRef): void;

interface TemplateNodeData {
    [key: string]: any;
}
declare function createTemplateNodeComponent(template: TemplateRef<any>, vcr: ViewContainerRef, onNodeResizeEnd?: (nodeId: string, width: number, height: number) => void): ({ data, selected, id }: {
    data: TemplateNodeData;
    selected?: boolean;
    id: string;
}) => React__default.JSX.Element;

declare const NODE_TYPES: {
    task: React.MemoExoticComponent<({ data }: {
        data: NgNodeData;
        selected?: boolean;
    }) => React.JSX.Element>;
    group: React.MemoExoticComponent<({ data }: {
        data: GroupNodeData;
    }) => React.JSX.Element>;
};

declare class FlowNodeDirective {
    template: TemplateRef<any>;
    type: string;
    constructor(template: TemplateRef<any>);
    static ɵfac: _angular_core.ɵɵFactoryDeclaration<FlowNodeDirective, never>;
    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<FlowNodeDirective, "[flowNode]", never, { "type": { "alias": "flowNode"; "required": false; }; }, {}, never, never, true, never>;
}

export { FlowNodeDirective, NODE_TYPES, ReactFlowComponent, ReactFlowComponentStore, createTemplateNodeComponent, setAngularContext };
//# sourceMappingURL=xxmachina-components-extras-flow.d.ts.map