import { CdkDragDrop } from '@angular/cdk/drag-drop';
import { EventEmitter, OnInit } from '@angular/core';
import { MatDialog } from '@angular/material/dialog';
import { JsonDataService } from 'vhobjects-service/src/services';
import { VhImage, VhQueryAutoWeb, VhEventMediator } from 'vhautowebdb';
import { NzContextMenuService, NzDropdownMenuComponent } from 'ng-zorro-antd/dropdown';
import { HttpClient } from '@angular/common/http';
import { FunctionService } from 'vhobjects-service/src/services';
import * as i0 from "@angular/core";
export declare class AtwFrameCollapseConfig implements OnInit {
    vhQueryAutoWeb: VhQueryAutoWeb;
    private nzContextMenuService;
    private jsonDataService;
    private matDialog;
    private http;
    private vhImage;
    functionService: FunctionService;
    private vhEventMediator;
    class: any;
    config: any;
    staticdata: any;
    device: any;
    rMessage: any;
    objectChoosing: any;
    type: any;
    changeOptionConfig: EventEmitter<any>;
    framePicking: EventEmitter<any>;
    deleteFrame: EventEmitter<any>;
    menuItemList: boolean;
    isViewAll: boolean;
    isCollapsed: boolean;
    menus: any;
    pages: Array<any>;
    fonts: any[];
    bootstrapIconArrows: any;
    currentViewAll: any;
    stylesField: {
        title: string;
        index: number;
    }[];
    /** Trạng thái hiển thị context menu ở dấu 3 chấm */
    isShowContextMenu: boolean;
    /** Collapse đang được chọn */
    collapseChoosing: any;
    isShowConfirmPopup: boolean;
    id_subproject: string;
    animation: any;
    effect_hover: any[];
    effect_hover_data: any;
    customize: any[];
    constructor(vhQueryAutoWeb: VhQueryAutoWeb, nzContextMenuService: NzContextMenuService, jsonDataService: JsonDataService, matDialog: MatDialog, http: HttpClient, vhImage: VhImage, functionService: FunctionService, vhEventMediator: VhEventMediator);
    ngOnInit(): void;
    ngOnChanges(): void;
    /**
     * Hàm thực hiện việc thay đổi vị trí của các collapse trong danh sách
     */
    cdkDropListDropped(event: CdkDragDrop<any[]>): void;
    /**
     *  Hàm thực hiện chọn collapse phần thành phần collapse, đồng thời thiết lập cấu hình cho từng collapse
     * @param collapse
     * @param event
     */
    chooseSettingCollapse(collapse: any, event: any): void;
    /**
     * Hàm thực hiện mở option lựa chọn khi chọn vào 3 chấm
     *
     * @param event
     * @param menu
     */
    onContextMenu(event: MouseEvent, menu: NzDropdownMenuComponent): void;
    /**
     * Hàm thêm collapse
     */
    addCollapse(): void;
    /**
     * Hàm này thực hiện xóa collapse cho frame, với giá trị collapse đang được active. Chú ý: tìm theo label
     */
    deleteCollapse(frame: any): void;
    /**
     * Tạo màu ngẫu nhiên cho frame
     * @returns
     */
    getRandomColor(): string;
    /**
     * Hàm update class vào database.
     */
    updateClass(): void;
    /**
     *Hàm update config vào database.
     */
    updateConfig(): void;
    /**
     * Hàm này dùng để cho phép mở menu config .
     * Khi mở ở vị trí menu[0] thì các menu khác (menu[n]) đóng lại.
     * @param: value
     */
    openHandler(value: string): void;
    /**
     * Hàm này dùng để mở dialog của component icon
     */
    openDialogChooseIcon(): void;
    /**
     *
     * @param value Khi thay đổi Bộ icon (Thu gọn/ mở rộng nội dung)
     */
    onChangeIcons(value: {
        expand_icon: string;
        collapse_icon: string;
    }): void;
    /**
     * Khi thay đổi cấu hình Giới hạn chiều cao để cuộn
     */
    updateMaxHeight(): void;
    /**
     *  Khi click Upload ảnh từ máy
     * @param e
     */
    handleUploadImg(e: any): void;
    path: string;
    /**
     * Hàm xử lý lấy ảnh ở thư viện
     */
    openLibrary(): void;
    /**
     * Mở dialog chọn ảnh free
     */
    openImageFree(): void;
    /**
     * Hàm này dùng để mở rộng phần cấu hình.
     * @param field_text : trả về phần tử được chọn của mảng style_field
     */
    openViewAll(field_text: any): void;
    /**
     * Hàm này set customize mở phần mở rộng của config từ choose-animations-config truyền về
     * @param event customize sau khi thay đổi
     */
    openAnimationDetail(event: any): void;
    /**
     * hàm này nhận sk thay đổi width height từ component app-width-height-config truyền về
     * @param event width hieght của element sau khi thay đổi
     */
    changeWidthHeight(event: any): void;
    updateCollapseChoosingStaticData(): void;
    updateCollapseChoosingConfig(): void;
    updateCollapseChoosingClass(): void;
    updateCollapseChoosingName(): void;
    static ɵfac: i0.ɵɵFactoryDeclaration<AtwFrameCollapseConfig, never>;
    static ɵcmp: i0.ɵɵComponentDeclaration<AtwFrameCollapseConfig, "atw-frame-collapse-config", never, { "class": "class"; "config": "config"; "staticdata": "staticdata"; "device": "device"; "rMessage": "rMessage"; "objectChoosing": "objectChoosing"; "type": "type"; }, { "changeOptionConfig": "changeOptionConfig"; "framePicking": "framePicking"; "deleteFrame": "deleteFrame"; }, never, never>;
}