import { HttpClient } from '@angular/common/http';
import { OnInit } from '@angular/core';
import { DomSanitizer } from '@angular/platform-browser';
import { VhEventMediator, VhImage, VhQueryAutoWeb } from 'vhautowebdb';
import { MatDialog } from '@angular/material/dialog';
import { FunctionService } from 'vhobjects-service/src/services';
import { LanguageService } from 'vhobjects-service/src/services';
import * as i0 from "@angular/core";
export declare class AtwShapeConfig implements OnInit {
    vhQueryAutoWeb: VhQueryAutoWeb;
    private sanitizer;
    private http;
    private vhImage;
    private vhEventMediator;
    private matdialog;
    private matDialog;
    functionService: FunctionService;
    private languageService;
    private platformId;
    objectChoosing: any;
    device: any;
    class: any;
    config: any;
    staticdata: any;
    type: any;
    isViewAll: boolean;
    dataAfterChange: any;
    currentViewAll: any;
    imgAddress: string;
    nameFileImg: string;
    valueRange: number;
    valueParameter: number;
    backgroundColor: any;
    openMap: {
        [name: string]: boolean;
    };
    styles_field: {
        title: string;
        index: number;
    }[];
    clipPaths: any;
    style_cover: {
        name: string;
        title: string;
        image: string;
    }[];
    effect_hover: any[];
    effect_hover_data: any;
    customize: any[];
    previewUploadUrl: string | null;
    dragging: boolean;
    compressWidth: number;
    compressHeight: number;
    resolution: any;
    id_subproject: any;
    subproject: any;
    isShowConfirmPopup: boolean;
    isConfirmLoading: boolean;
    constructor(vhQueryAutoWeb: VhQueryAutoWeb, sanitizer: DomSanitizer, http: HttpClient, vhImage: VhImage, vhEventMediator: VhEventMediator, matdialog: MatDialog, matDialog: MatDialog, functionService: FunctionService, languageService: LanguageService, platformId: Object);
    ngOnInit(): void;
    ngOnChanges(): 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;
    updateClass(): void;
    updateConfig(): void;
    /**
    * Cập nhật staticdata vào database.
    */
    updateStaticData(): void;
    /**
     * Xử lý hình dạng của nút bấm
     * @param item : trả về mẫu hình dạng được chọn
     * @param e : trả về element được active
     */
    chooseItem(item: any, event: any): void;
    /** Xử lý chọn màu thông thường hoặc đa màu
     * @param tone: tên màu được chọn
     */
    handleToneBackground(tone: any): void;
    /**
     * Xử lý chọn background-cover khi thêm hình ảnh vào hình dạng
     * @param option : trả về background-cover được chọn
     * @param e : trả về element được active
     */
    chooseOptionCover(option: any, e: any): void;
    /**
     * Xử lý kích hoạt chọn thêm màu cho hình dạng
     */
    handleChangeBackgroundColor(): void;
    /**
   * Xử lý kích hoạt chọn đổ bóng
   */
    handleChangeBoxShadow(): void;
    /**
     * Xử lý kích hoạt chọn thêm hình ảnh cho hình dạng
     */
    handleChangeBackgroundImage(): void;
    /**
     * Xử lý lấy image address để hiển thị
     * @param e : trả về đường dẫn ảnh
     */
    handleImageAddress(e: any): 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 update object vào database.
    */
    updateObject(): void;
    /**
     * Hàm này thay đổi box-shadow giữa có hiệu ứng và không có hiệu ứng.
     * Khi gọi hàm này thì hiệu ứng hover hiển thị box-shadow sẽ bị disable.
     * Ngược lại thì thì hiệu ứng hover hiển thị box-shadow enable.
     * @param event : trả về giá trị true false
     */
    onChangeShadow(e: any): void;
    handleSetTransform(axis: any): void;
    /**
     * Hàm cập nhật giá trị transform
     */
    setTransform(): void;
    setBorder(): void;
    /**
    * @param index : vị trí phần tử muốn xóa
    * Hàm này cho phép xóa phần tử màu gradient trong array bằng index của phần tử đó.
    */
    deleteGradient(index: any): void;
    openbgGradient(): void;
    /** Hàm này cho phép chọn options direction của màu gradient
     * @param direction : trả về hướng phối màu được chọn
     * @param event : trả về element được active
     */
    chooseOption(direction: any, event: any): void;
    updateBackgroundRgb(): void;
    hexToRGB(hex: string): string;
    /**Xử lý lấy thông số giá trị background gradient
    * @param event : trả về giá trị từ 0-100
    */
    getValueRangeBackgroundGradient(e: any): 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 thực hiện thêm màu gradient vào array.
     *
     */
    addGradient(value: any): void;
    /** UPLOAD IMAGE */
    openUpload(): void;
    /**
     * Lấy đường dẫn từ máy
     * @param e Biến lưu hình ảnh
     */
    onUpload(e: any): void;
    /**
     * Hàm xử lý khi người dùng kéo và thả (drop) một tệp vào vùng upload.
     * @param event file được kéo vào
     */
    onFileDropped_upload(event: DragEvent): void;
    /**
     * Hàm xử lý tệp hình ảnh lên server
     * - Tải lên
     * - Kéo thả vào
     *
     * Nén ảnh:
     * - 'no-compress': Không nén ảnh sau khi tải lên
     * - 'compress-screen': Nén ảnh sau khi tải lên, nén ảnh theo tỉ lệ màn hình của mỗi thiết bị
     * - 'compress-frame': Nén ảnh sau khi tải lên, nén ảnh theo tỉ lệ màn hình của mỗi khung hình thiết bị
     * @param file File được kéo thả vào hoặc được tải lên
     */
    processImageUpload(file: File): void;
    /**
     * Hàm thực hiện gán giá trị cho 5 thiết bị hoặc thiết bị hiện tại (Chỉ dùng cho config)
     */
    updateBackgroundImageRestore({ varField, value, }?: {
        varField?: string;
        value?: any;
    }): void;
    /** Hàm thực hiện gán giá trị background-image khi có thay đổi
     *
     */
    handleSetBackgroundImage(): void;
    boxShadow(): 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;
    path: string;
    openLibrary(): void;
    /**
     * Cập nhật kiểu background, khi chuyển từ ảnh sang màu thì set màu mặc định
     */
    updateBgCheck(): void;
    onRadiusChange(position: string, value: any): void;
    onRadiusBlur(position: string, value: string): void;
    /**
     * Hành động khi người dùng kéo file qua vùng upload (chưa thả).
     * @param event
     */
    onDragOver_upload(event: DragEvent): void;
    /**
     * Hành động khi người dùng rời con trỏ khỏi vùng upload mà chưa thả.
     */
    onDragLeave_upload(): void;
    /**
     * Kiểm tra nếu chuỗi là màu hợp lệ (hex, rgb, rgba)
     * @param colorString Chuỗi màu cần kiểm tra
     * @returns boolean Trả về true nếu là màu hợp lệ
     */
    isValidColor(colorString: string): boolean;
    /**
     * Cập nhật Setups vào database.
     */
    updateSetups(): void;
    updateDisplaySharedConfig(device: string): void;
    updateDisplaySharedClass(device: string): void;
    /**
     * Mở popup so sánh màu nền và màu chữ có tương phản hay không
     * (Để tối ưu Accessibility trong SEO)
     */
    openEditShape(): void;
    static ɵfac: i0.ɵɵFactoryDeclaration<AtwShapeConfig, never>;
    static ɵcmp: i0.ɵɵComponentDeclaration<AtwShapeConfig, "atw-shape-config", never, { "objectChoosing": "objectChoosing"; "device": "device"; "class": "class"; "config": "config"; "staticdata": "staticdata"; "type": "type"; }, {}, never, never>;
}