import { AfterViewInit, ComponentRef, ElementRef, EventEmitter, ViewContainerRef } from '@angular/core';
import { Store } from '@ngrx/store';
import { SubscriptionnerDirective, YapI18nService } from '@onepoint-yap/dashboard';
import { LGraph, LGraphNode } from 'litegraph.js';
import { BehaviorSubject, Observable } from 'rxjs';
import { PipelineComponentDefinition, PipelineComponentFactoryService } from '../../factory/pipeline-component-factory.service';
import { BaseNode } from '../../node-class/base-node.class';
import { NodePipelineError, PipelineResponse } from '../../store/pipeline.actions';
import { YapTransfo } from './pipeline.interface';
import * as i0 from "@angular/core";
export declare const MIME_TYPE_PIPELINE_COMPONENT = "pipeline/component";
export declare const MIME_TYPE_PIPELINE_PROPERTIES = "pipeline/properties";
export declare class YapPipelineEditorComponent extends SubscriptionnerDirective implements AfterViewInit {
    private store;
    private pipelineComponentFactoryService;
    private translateService;
    pipeline?: YapTransfo;
    goToConsult: EventEmitter<YapTransfo>;
    canvas: ElementRef<HTMLCanvasElement>;
    canvasParent: ElementRef<HTMLDivElement>;
    componentRef: ViewContainerRef;
    lGraphs: LGraph[];
    private lGraphCanvas;
    types$: Observable<{
        [category: string]: PipelineComponentDefinition[];
    }>;
    categories$: Observable<string[]>;
    selectedNode$: Observable<BaseNode | undefined>;
    response$: Observable<PipelineResponse | undefined>;
    instanciatedComponent: ComponentRef<any>;
    selectedNode?: BaseNode;
    actions: {
        type: string;
        icon: string;
    }[];
    errors$: Observable<(NodePipelineError & {
        translated: string;
    })[]>;
    disableEditing: boolean;
    images: {
        start: HTMLImageElement;
        after: HTMLImageElement;
    };
    categoryOpened: string;
    search$: BehaviorSubject<any>;
    constructor(store: Store, pipelineComponentFactoryService: PipelineComponentFactoryService, translateService: YapI18nService);
    get currentGraph(): LGraph;
    get allNodes(): BaseNode[];
    get backgroundImage(): HTMLImageElement;
    findNodeById(id: string): BaseNode | undefined;
    ngAfterViewInit(): void;
    onResize(): void;
    displayGraph(graph: LGraph): void;
    popGraph(): void;
    pupGraph(node: BaseNode): void;
    check(): void;
    refresh(): void;
    createNode(type: string, position: [number, number], additionalProperties: any): void;
    onDragStart($event: DragEvent, component: PipelineComponentDefinition): void;
    onDrop($event: DragEvent): void;
    changeTitle(node: LGraphNode, $event: Event): void;
    clickedAction(action: any): void;
    addAction(add: {
        type: string;
        icon: string;
    }): void;
    removeAction(type: string): void;
    goBack(): void;
    toggle(category: string): void;
    search(category: string, $event: any): void;
    static ɵfac: i0.ɵɵFactoryDeclaration<YapPipelineEditorComponent, never>;
    static ɵcmp: i0.ɵɵComponentDeclaration<YapPipelineEditorComponent, "yap-pipeline-editor", never, { "pipeline": { "alias": "pipeline"; "required": false; }; }, { "goToConsult": "goToConsult"; }, never, never, false, never>;
}