import { DialogBodyComponent } from './../dialog-body/dialog-body.component';
import { OnInit, Injector, OnDestroy, AfterViewInit } from '@angular/core';
import { LCUElementContext, LcuElementComponent } from '@lcu/common';
import { DataFlowManagementState } from '../../../../core/data-flow-management.state';
import { jsPlumbSurfaceComponent, AngularViewOptions, jsPlumbService } from 'jsplumbtoolkit-angular';
import { Surface, jsPlumbToolkit, DrawingTools, SurfaceMode, SurfaceRenderParams, jsPlumbToolkitOptions, Edge } from 'jsplumbtoolkit';
import { DataFlowJSPlumbToolkitIOService } from '../../../../services/data-flow-jsplumb-toolkit-io.service';
import { DataFlowNodeFactoryParams } from '../../../../models/DataFlowNodeFactoryParams';
import { MatDialog, MatDialogRef } from '@angular/material/dialog';
import { Subscription } from 'rxjs';
import { DataFlowManagerEventService } from '../../data-flow-manager-event.service';
export interface DialogData {
    animal: string;
    name: string;
}
export declare class LcuDataFlowDataFlowIdeElementState extends DataFlowManagementState {
}
export declare class LcuDataFlowDataFlowIdeContext extends LCUElementContext<LcuDataFlowDataFlowIdeElementState> {
}
export declare const SelectorLcuDataFlowDataFlowIdeElement = "lcu-data-flow-ide-element";
export declare class LcuDataFlowDataFlowIdeElementComponent extends LcuElementComponent<LcuDataFlowDataFlowIdeContext> implements AfterViewInit, OnDestroy, OnInit {
    protected $jsplumb: jsPlumbService;
    protected dataFlowEventService: DataFlowManagerEventService;
    protected injector: Injector;
    protected io: DataFlowJSPlumbToolkitIOService;
    protected matDialog: MatDialog;
    protected dialogRef: MatDialogRef<DialogBodyComponent>;
    protected drawing: DrawingTools;
    protected originalState: string;
    protected subscriptions: {
        [key: string]: Subscription;
    };
    protected surface: Surface;
    protected toolkit: jsPlumbToolkit;
    IsSaved: boolean;
    RenderParams: SurfaceRenderParams;
    SelectMode: SurfaceMode;
    ToolkitParams: jsPlumbToolkitOptions;
    View: AngularViewOptions;
    get State(): DataFlowManagementState;
    SurfaceComponent: jsPlumbSurfaceComponent;
    constructor($jsplumb: jsPlumbService, dataFlowEventService: DataFlowManagerEventService, injector: Injector, io: DataFlowJSPlumbToolkitIOService, matDialog: MatDialog);
    ngAfterViewInit(): Promise<void>;
    ngOnDestroy(): void;
    ngOnInit(): void;
    CancelActive(): void;
    Deploy(): void;
    Relayout(refreshOutput?: boolean): Promise<void>;
    Save(): Promise<void>;
    ToggleCreationModules(): void;
    ToggleSelectMode(): void;
    ZoomToFit(): void;
    protected edgeAdded(params: any): void;
    protected editLabel(edge: Edge): void;
    protected handleStateChanged(): Promise<void>;
    protected nodeAdded(node: {
        type: string;
        data: any;
        callback: (data: object) => void;
    }): void;
    protected nodeFactory(params: DataFlowNodeFactoryParams): void;
    protected removeEdge(edge: any): void;
    protected setIsSaved(): void;
    protected setOriginalState(): void;
    protected setupJsPlumbSurface(): void;
}