import * as _angular_core from '@angular/core';
import { Type } from '@angular/core';
import { Node, Edge, MarkerType, NodeChange, EdgeChange, Connection, Viewport, ReactFlowInstance } from 'reactflow';
import { InjectableComponent, NgAtomicComponent } from '@ng-atomic/core';

type FlowInteractionMode = 'desktop' | 'touch';
declare enum ActionId {
    EXPANDED_CHANGE = "[FlowTemplate] EXPANDED_CHANGE"
}
declare class FlowNodeStore<T> extends InjectableComponent {
    static provideComponent(loader: () => Promise<Type<any>> | Type<any>): {
        provide: any;
        useValue: () => Promise<Type<any>>;
    };
    readonly data: _angular_core.InputSignal<T | undefined>;
    static ɵfac: _angular_core.ɵɵFactoryDeclaration<FlowNodeStore<any>, never>;
    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<FlowNodeStore<any>, "flow-node", never, { "data": { "alias": "data"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
}
declare class FlowTemplate extends NgAtomicComponent {
    static readonly ActionId: typeof ActionId;
    readonly nodes: _angular_core.InputSignal<Node[]>;
    readonly edges: _angular_core.InputSignal<Edge[]>;
    readonly interactionMode: _angular_core.InputSignal<FlowInteractionMode>;
    readonly deleteKeyCode: _angular_core.InputSignal<string | null>;
    protected readonly panOnDrag_ = true;
    protected readonly nodesDraggable_: _angular_core.Signal<boolean>;
    protected readonly elementsSelectable_: _angular_core.Signal<boolean>;
    readonly defaultEdgeOptions: _angular_core.InputSignal<{
        type: string;
        animated: boolean;
        markerEnd: {
            type: MarkerType;
        };
        style: {
            stroke: string;
            strokeWidth: number;
        };
    }>;
    readonly nodeClick: _angular_core.OutputEmitterRef<[MouseEvent, Node]>;
    readonly nodesChange: _angular_core.OutputEmitterRef<NodeChange[]>;
    readonly nodeDragStop: _angular_core.OutputEmitterRef<[MouseEvent, Node, Node[]]>;
    readonly edgesChange: _angular_core.OutputEmitterRef<EdgeChange[]>;
    readonly connect: _angular_core.OutputEmitterRef<Connection>;
    readonly nodeData: _angular_core.OutputEmitterRef<[string, any]>;
    readonly nodeResizeEnd: _angular_core.OutputEmitterRef<{
        nodeId: string;
        width: number;
        height: number;
    }>;
    readonly viewportChange: _angular_core.OutputEmitterRef<Viewport>;
    protected onViewportMove([_event, viewport]: [MouseEvent, Viewport]): void;
    protected onFlowInit([instance]: [ReactFlowInstance]): void;
    protected onGroupExpandedChange(payload: {
        expanded: boolean;
        data: any;
    }): void;
    static ɵfac: _angular_core.ɵɵFactoryDeclaration<FlowTemplate, never>;
    static ɵcmp: _angular_core.ɵɵComponentDeclaration<FlowTemplate, "templates-flow", never, { "nodes": { "alias": "nodes"; "required": false; "isSignal": true; }; "edges": { "alias": "edges"; "required": false; "isSignal": true; }; "interactionMode": { "alias": "interactionMode"; "required": false; "isSignal": true; }; "deleteKeyCode": { "alias": "deleteKeyCode"; "required": false; "isSignal": true; }; "defaultEdgeOptions": { "alias": "defaultEdgeOptions"; "required": false; "isSignal": true; }; }, { "nodeClick": "nodeClick"; "nodesChange": "nodesChange"; "nodeDragStop": "nodeDragStop"; "edgesChange": "edgesChange"; "connect": "connect"; "nodeData": "nodeData"; "nodeResizeEnd": "nodeResizeEnd"; "viewportChange": "viewportChange"; }, never, ["[top]"], true, never>;
}

export { FlowNodeStore, FlowTemplate };
export type { FlowInteractionMode };
//# sourceMappingURL=xxmachina-components-templates-flow.d.ts.map