import { ElementRef, EventEmitter, QueryList } from '@angular/core';
import { AnimationBuilder } from '@angular/animations';
import { ApiService } from '../../../../services/api.service';
import { ComponentUtilsService } from '../../../../services/component-utils.service';
import { Thing } from '../../../../interfaces/things/thing.interface';
import { BaseDiagramData, SubDiagramData } from '../../../../interfaces/things/resources/diagram.interface';
export declare class BaseDiagramViewer {
    private elem;
    utils: ComponentUtilsService;
    private builder;
    apiProvider: ApiService;
    navigate: EventEmitter<string>;
    resource: Thing;
    connectors: QueryList<ElementRef>;
    diagConn: QueryList<ElementRef>;
    data: BaseDiagramData;
    render: boolean;
    baseElement: Array<HTMLElement>;
    screenWidth: number;
    screenPrevWidth: number;
    centerHover: boolean;
    subDiagHover: boolean;
    constructor(elem: ElementRef, utils: ComponentUtilsService, builder: AnimationBuilder, apiProvider: ApiService);
    init(): Promise<void>;
    leafClick(link: any): void;
    centerClick(): void;
    mouseCenterHover(): void;
    mouseSubDiagramHover(diagram: any): void;
    presentModal(guid: string): Promise<void>;
    formatBaseWindow(): {
        display: string;
        'align-items': string;
        'min-height': string;
    };
    formatDiagram(): {
        width: string;
        height: string;
    };
    formatCenterText(): {
        'font-size': string;
        border: string;
        cursor: string;
    };
    formatLeafText(): {
        'font-size': string;
        border: string;
    };
    formatTexts(): {
        'font-size': string;
        border: string;
    };
    formatCenter(): {
        width: string;
        height: string;
        left: string;
        top: string;
        'border-radius': string;
    };
    distributeDiagrams(index: number): {
        width: string;
        height: string;
        left: string;
        top: string;
        'border-radius': string;
        'font-size': string;
    };
    distributeTexts(diag: SubDiagramData, index: number, diagindex: number): {
        width: string;
        height: string;
        left: string;
        top: string;
        'font-size': string;
        transform: string;
    };
    rerunDiagram(): void;
    distributeTextConnectors(diag: any, index: number): {
        position: string;
        width: string;
        height: string;
        left: string;
        top: string;
        transform: string;
    };
    distributeConnectors(index: number): {
        position: string;
        width: string;
        height: string;
        left: string;
        top: string;
        transform: string;
    };
    getConnectorAngle(index: number): {
        width: number;
        height: number;
        left: number;
        top: number;
        angle: number;
    };
    createCenterAnimationPlayer(): void;
    getDiagramConnectorAngle(diag: any, index: number): {
        width: number;
        height: number;
        left: number;
        top: number;
        angle: number;
    };
    createDiagramAnimationPlayer(diag: any): void;
}