import { ChangeDetectorRef, ElementRef, EventEmitter, OnChanges, OnDestroy, OnInit, SimpleChanges, TemplateRef, QueryList, AfterContentInit } from '@angular/core';
import { HttpClient } from '@angular/common/http';
import moment from 'moment';
import { BehaviorSubject, Observable, Subject } from 'rxjs';
import { SubSink } from 'subsink';
import { BoxPaintOccupation } from '../_models/box-paint-occupation';
import { BrendlyImage } from '../_models/brendly-image';
import { Color } from '../_models/color';
import { Image } from '../_models/image';
import { ImageEditorService } from '../_services/image-editor/image-editor.service';
import { ImageEditorEnvironmentConfig } from '../config/image-editor-environment-config';
import { createBackgroundColor } from '../util';
import { EditingBox } from '../_models/editing-box';
import { ImageGeneratorService, TranslateService, PlatformService } from '../_services';
import { FileUploadHandlerDirective } from '../_directives/file-upload-handler/file-upload-handler.directive';
import { IImageUploadHandler } from '../_interfaces/image-upload-handler.interface';
import * as i0 from "@angular/core";
export declare class ImageEditorComponent implements OnInit, OnChanges, OnDestroy, AfterContentInit, IImageUploadHandler {
    private loaderService;
    private config;
    private http;
    private imageEditorService;
    private cdr;
    private translateService;
    private imageGeneratorService;
    private platformService;
    image: Image;
    objects: any[];
    colors: Color[];
    backgroundColor: string;
    btnClass: string;
    customTemplate: TemplateRef<any>;
    editingBox: EditingBox;
    activeColor$: BehaviorSubject<Color>;
    showCustomUploadButton: boolean;
    setObjectMeta: (image: any) => any;
    formTemplate: TemplateRef<any>;
    generatedImageHandler: EventEmitter<any>;
    generatedFilesHandler: EventEmitter<any>;
    moment: moment.Moment;
    private readonly isBrowser;
    private fabricReady;
    private fabricLoadingPromise;
    canvasWrapper: ElementRef;
    canvasEl: ElementRef<HTMLCanvasElement>;
    canvasWithTransparentObjectsEl: ElementRef<HTMLCanvasElement>;
    debugCanvasEl: ElementRef<HTMLCanvasElement>;
    fileUpload: any;
    customFileUploadButton: FileUploadHandlerDirective | null;
    customFileUploadButtons: QueryList<FileUploadHandlerDirective>;
    screen: 'mobile' | 'desktop';
    hasCustomFileUploadButton: boolean;
    canvasProperties$: BehaviorSubject<any>;
    chosenGalleryImage$: Subject<any>;
    subs: SubSink;
    NODE_CANVAS_SIZE: number;
    selected$: BehaviorSubject<boolean>;
    canvasLoading$: BehaviorSubject<boolean>;
    private pendingCanvasLoads;
    imageSelected: boolean;
    textSelected: boolean;
    isImageJPG: boolean;
    isCanvasChanged: boolean;
    environment: string;
    devEnvironment: boolean;
    backgroundImage: any;
    canvas: any;
    canvasWithTransparentObjects: any;
    debugCanvas: any;
    rect: any;
    rectInitialized$: BehaviorSubject<boolean>;
    activeObject: any;
    activeObjectOncanvasWithTransparentObjects: any;
    filterMap: {
        [key: string]: any;
    };
    filterIndexMap: {
        [key: string]: any;
    };
    verticalLineVisible: boolean;
    horizontalLineVisible: boolean;
    canvasChanged: EventEmitter<boolean>;
    objectsLoaded: EventEmitter<boolean>;
    loadedObjects: BehaviorSubject<any>;
    loadedObjects$: Observable<any>;
    areObjectsLoaded: boolean;
    unloadingObjects: boolean;
    loadingObjects: boolean;
    canvasPadding: number;
    visibleEditingBox: any;
    currentImageDPI$: BehaviorSubject<number>;
    currentImageDPIState: string;
    visibleEditingBoxPaintOccupation$: BehaviorSubject<BoxPaintOccupation>;
    setScreen(): void;
    createBackgroundColor: typeof createBackgroundColor;
    constructor(loaderService: any, config: ImageEditorEnvironmentConfig, http: HttpClient, imageEditorService: ImageEditorService, cdr: ChangeDetectorRef, translateService: TranslateService, imageGeneratorService: ImageGeneratorService, platformService: PlatformService);
    private ensureFabricReady;
    private configureFabricDefaults;
    private get canUseCanvas();
    private startCanvasLoading;
    private stopCanvasLoading;
    uploadHandler(fileUpload: any, event: any): void;
    ngOnInit(): void;
    ngAfterContentInit(): void;
    ngAfterViewInit(): Promise<void>;
    ngOnChanges(changes: SimpleChanges): void;
    performanceChecker: any[];
    performanceCheckStarted: boolean;
    testImages: any[];
    generateImageRequest(image: any): any;
    loadObjects(image: any): Observable<any>;
    save(): any;
    togglePerformance(): void;
    initCanvas(): void;
    resizeCanvas(width: number, height: number): void;
    onResize(): void;
    setEventHandlers(): void;
    onCanvasChanged(changed: boolean): void;
    changeColor(color: Color): void;
    changeColorAndBackground(color: Color): void;
    getObjects(): any;
    getObjectsWithoutIndex(): [];
    setCanvasProperties(): any;
    addText(): void;
    addExistingText(text: any): void;
    processAndAddImage(image: any, isImageFetched: boolean, uploadedImage?: any): void;
    uploadPhoto(uploadedImage: BrendlyImage | any): void;
    addExistingPhoto(image: any): void;
    addVerticalLine(): void;
    removeVerticalLine(): void;
    resolveVerticalLine(object: any): void;
    addHorizontalLine(): void;
    removeHorizontalLine(): void;
    resolveHorizontalLine(object: any): void;
    centerObject(object: any, offset: number, type: 'horizontal' | 'vertical'): void;
    addEditingBox(): void;
    addVisibleEditingBox(): void;
    showEditingBox(): void;
    hideEditingBox(): void;
    setBackgroundColor(): void;
    setSelected(selected: boolean, imageSelected: boolean, textSelected: boolean, isImageJPG?: boolean): void;
    toggleFilter(checked: boolean, index: number): void;
    applyFilter(index: number, filter: any): void;
    closeFilters(): void;
    defineFilters(): void;
    customizeControls(): void;
    loadFont(): void;
    calculateImageDPI(): number;
    triggerCanvasChange(): void;
    alignVertical(): number | void;
    alignHorizontal(): number | void;
    alignLeft(): number | void;
    alignTop(): number | void;
    alignRight(): number | void;
    alignBottom(): number | void;
    expand(): number | void;
    setActiveStyle(styleName: string, value: any, object: any): void;
    setActiveProp(name: any, value: any): void;
    setTextAlign(align: string): void;
    setOpacity(): void;
    setFill(): void;
    setLineHeight(): void;
    setCharSpacing(): void;
    setFontSize(): void;
    setBold(): void;
    setFontStyle(): void;
    setUnderline(): void;
    setOverline(): void;
    setLineThrough(): void;
    setFontFamily(): void;
    ngOnDestroy(): void;
    static ɵfac: i0.ɵɵFactoryDeclaration<ImageEditorComponent, [{ optional: true; }, null, null, { optional: true; }, null, null, null, null]>;
    static ɵcmp: i0.ɵɵComponentDeclaration<ImageEditorComponent, "image-editor", never, { "image": "image"; "objects": "objects"; "colors": "colors"; "backgroundColor": "backgroundColor"; "btnClass": "btnClass"; "customTemplate": "customTemplate"; "editingBox": "editingBox"; "activeColor$": "activeColor$"; "showCustomUploadButton": "showCustomUploadButton"; "setObjectMeta": "setObjectMeta"; "formTemplate": "formTemplate"; }, { "generatedImageHandler": "generatedImageHandler"; "generatedFilesHandler": "generatedFilesHandler"; "canvasChanged": "canvasChanged"; "objectsLoaded": "objectsLoaded"; }, ["customFileUploadButton", "customFileUploadButtons"], ["[currentImagePrintSize]", "*"]>;
}