import { HttpClient } from '@angular/common/http';
import { OnInit, SimpleChanges } from '@angular/core';
import { VhQueryAutoWeb, VhEventMediator } from 'vhautowebdb';
import { ThemeService } from 'vhobjects-service/src/services';
import { FunctionService } from 'vhobjects-service/src/services';
import { MatDialog } from '@angular/material/dialog';
import * as i0 from "@angular/core";
export declare class AtwButtonConfig implements OnInit {
    vhQueryAutoWeb: VhQueryAutoWeb;
    private http;
    private vhEventMediator;
    themeService: ThemeService;
    private platformId;
    functionService: FunctionService;
    private matDialog;
    objectChoosing: any;
    device: any;
    class: any;
    config: any;
    staticdata: any;
    blocks_of_page: any;
    currentViewAll: any;
    isViewAll: boolean;
    valueRange: number;
    valueParameter: number;
    style_color: string;
    subProject: any;
    is_payment_not_login: any;
    backgroundColor: any;
    styles_field: {
        title: string;
        index: number;
    }[];
    effect_hover: any[];
    effect_hover_data: any;
    width: number;
    height: number;
    constructor(vhQueryAutoWeb: VhQueryAutoWeb, http: HttpClient, vhEventMediator: VhEventMediator, themeService: ThemeService, platformId: Object, functionService: FunctionService, matDialog: MatDialog);
    parserPercent: (value: string) => string;
    formatterPercent: (value: number) => string;
    ngOnInit(): void;
    ngOnChanges(changes: SimpleChanges): void;
    updateBackgroundRgb(): void;
    /**
     * Hàm update object vào database.
     */
    updateObject(): void;
    /**
     *Hàm update class vào database.
     */
    updateClass(): void;
    /**
     * hàm này để update width height trong dimention của config
     */
    updateDimension(): void;
    /**
     *Hàm update config vào database.
     */
    updateConfig(): void;
    /**
     * Cập nhật staticdata vào database.
     */
    updateStaticData(): void;
    /**
     * remove link khi click vào nút x
     */
    removeLink(): void;
    /**
     * Chuyển đổi mã màu hexadecimal thành mã màu rgba.
     * @param hex : tham số trả về mã màu hex
     * @returns string : trả về chuỗi rgb
     */
    hexToRGB(hex: string): string;
    /**Xử lý lấy thông số giá trị background color.
     * @param event : trả về giá trị từ 0-100
     */
    getValueRangeBackgroundColor(e: any): void;
    /**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 lấy giá trị màu nền của input color
    * @param event : trả về màu được chọn từ input color
    */
    updateColorInput(e: any): void;
    /**Hàm này dùng để click chọn màu nền của danh sách màu.
     * @param bgColor : trả về màu được chọn
     * @param event : trả về element được active
     */
    chooseBg(bgColor: any, event: any): 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;
    customize: any[];
    /** Xử lý border
    */
    toggleBorder(isActive: any): void;
    openbgGradient(): void;
    /**
     * Hàm này thực hiện thêm màu gradient vào array.
     *
     */
    addGradient(value: any): 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;
    /**
     * 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 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
     */
    openMap: {
        [name: string]: boolean;
    };
    openMapSub: {
        [name: string]: boolean;
    };
    openHandler(value: string, isSub?: boolean): 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.
     *
     * Nếu là text-align: left thì padding-left là phần configPaddingLeftRight, padding-right sẽ nhận toàn bộ phần padding còn lại, trừ đi configPaddingLeftRight; tương tự với trường hợp text-align: right.
     * Đối với text-align: center thì là padding / 2
     */
    changeWidthHeight(event: any): void;
    /**
  *Hàm update class vào dabase, và gửi cập nhật width, height cho object-selected
  */
    updateClassAndWidthHeight(): 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 chạy thử thông báo
     */
    handleTryNoti(): 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)
     */
    openColorContrast(): void;
    static ɵfac: i0.ɵɵFactoryDeclaration<AtwButtonConfig, never>;
    static ɵcmp: i0.ɵɵComponentDeclaration<AtwButtonConfig, "app-config-button", never, { "objectChoosing": "objectChoosing"; "device": "device"; "class": "class"; "config": "config"; "staticdata": "staticdata"; "blocks_of_page": "blocks_of_page"; }, {}, never, never>;
}