import { HttpClient } from '@angular/common/http';
import { EventEmitter, OnInit } from '@angular/core';
import { VhQueryAutoWeb, VhEventMediator } from 'vhautowebdb';
import { FunctionService } from 'vhobjects-service';
import { AtwUpdateDbComponent } from 'vhobjects-service';
import * as i0 from "@angular/core";
export declare class AtwFrameProductsViewedAdminConfig extends AtwUpdateDbComponent implements OnInit {
    vhQueryAutoWeb: VhQueryAutoWeb;
    vhEventMediator: VhEventMediator;
    private http;
    private platformId;
    functionService: FunctionService;
    objectChoosing: any;
    device: any;
    position: any;
    class: any;
    config: any;
    type: any;
    staticdata: any;
    changeOptionConfig: EventEmitter<any>;
    width: number;
    height: number;
    isViewAll: boolean;
    currentViewAll: any;
    openMenu: {
        [name: string]: boolean;
    };
    urlBackgroundImage: string;
    gapSpace: number;
    loadComplete: boolean;
    stylesField: {
        title: string;
        index: number;
    }[];
    typeGradient: {
        type: string;
        direction: string;
        name: string;
        deg: string;
    }[];
    animation: any;
    effect_hover: any[];
    customize: any[];
    classUpdates: {
        "frame-products__pagination": {
            "background-color": string;
            "align-items": string;
            height: string;
            display: string;
            width: string;
            "margin-top": string;
            "justify-content": string;
        };
        "frame-products__pagination-list-button": {
            "background-color": string;
            "font-family": string;
            "font-size": string;
            gap: string;
            display: string;
            color: string;
        };
        "frame-products__pagination-list-button--controll": {
            "align-items": string;
            "border-style": string;
            "border-color": string;
            "justify-content": string;
            "font-size": string;
            padding: string;
            color: string;
            display: string;
            cursor: string;
            "background-color": string;
            "border-width": string;
            "font-family": string;
        };
        "frame-products__pagination-list-button--page-number": {
            "font-size": string;
            padding: string;
            display: string;
            "align-items": string;
            "border-width": string;
            "background-color": string;
            "border-style": string;
            "border-radius": string;
            color: string;
            "font-family": string;
            cursor: string;
            "border-color": string;
            "justify-content": string;
        };
        "frame-products__pagination-list-button--active": {
            color: string;
            "border-width": string;
            "font-family": string;
            cursor: string;
            "justify-content": string;
            "border-color": string;
            "background-color": string;
            padding: string;
            "border-style": string;
            "align-items": string;
            display: string;
            "font-size": string;
        };
        "frame-products__left-arrow--icon": {
            display: string;
            "align-items": string;
            "justify-content": string;
        };
        "frame-products__right-arrow--icon": {
            display: string;
            "align-items": string;
            "justify-content": string;
        };
    };
    configUpdates: {
        left_arrow_icon_shadow: {
            property_box_shadow: {
                spread: number;
                type: string;
                "v-offset": number;
                "h-offset": number;
                color: string;
                blur: number;
            };
            is_box_shadow: boolean;
        };
        right_arrow_icon_shadow: {
            property_box_shadow: {
                spread: number;
                type: string;
                "v-offset": number;
                "h-offset": number;
                color: string;
                blur: number;
            };
            is_box_shadow: boolean;
        };
        goToPage_pagination: {
            border_color: string;
            color: string;
            border_style: string;
            content_goToPage: string;
            background_color: string;
            font_size: number;
            border_radius: number;
            display: boolean;
            border_width: number;
        };
        content_pagination: {
            content_left: string;
            content_right: string;
        };
        slick_dots: {
            height: string;
            border_radius: number;
            width: string;
            background_style: string;
        };
        "animation-selected": {
            id: string;
        };
        "frame-products__pagination": {
            hide_pagination: boolean;
        };
        type_display: string;
        icon_pagination: {
            icon: boolean;
            color: string;
            font_size: number;
            arrow_left_icon: string;
            display: boolean;
            background_color: string;
            border_radius: number;
            border_color: string;
            arrow_right_icon: string;
            border_width: number;
        };
        "background-color": {
            gradient_arr: string[];
            background: string;
            gradient_check: boolean;
            value_range: number;
            gradient_type: string;
            value_parameter: number;
            gradient_direction: string;
        };
        "background-color-item": {
            gradient_arr: string[];
            background: string;
            gradient_check: boolean;
            value_range: number;
            gradient_type: string;
            value_parameter: number;
            gradient_direction: string;
        };
    };
    configMode: 'basic' | 'advanced';
    constructor(vhQueryAutoWeb: VhQueryAutoWeb, vhEventMediator: VhEventMediator, http: HttpClient, platformId: Object, functionService: FunctionService);
    ngOnInit(): void;
    updateBackgroundRgb(viewMoreIndex: any): 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;
    /**
     * Hàm này thực hiện thêm màu gradient vào array.
     *
     */
    addGradient(value: any, viewMoreIndex: 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, viewMoreIndex: 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, viewMoreIndex: any): void;
    openHandler(value: string): 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 thực hiện kiểm tra điều kiện 1 hướng của viền và active option đấy nếu đủ điều kiện
     *
     * @param value
     */
    checkActiveDirectionBorder(value: any): boolean;
    /** Hàm sẽ thực hiện disable các option khi lựa chọn tải ảnh nền cho frame
     *
     * @param valueItem
     * @returns
     */
    checkDisableUploadImage(valueItem: any): boolean;
    updateClass(): 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;
    updateTypeDisplay(): void;
    static ɵfac: i0.ɵɵFactoryDeclaration<AtwFrameProductsViewedAdminConfig, never>;
    static ɵcmp: i0.ɵɵComponentDeclaration<AtwFrameProductsViewedAdminConfig, "atw-frame-products-viewed-admin-config", never, { "objectChoosing": "objectChoosing"; "device": "device"; "position": "position"; "class": "class"; "config": "config"; "type": "type"; "staticdata": "staticdata"; }, { "changeOptionConfig": "changeOptionConfig"; }, never, never>;
}