import { EventEmitter, OnInit, SimpleChanges } from '@angular/core'; import { VhEventMediator, VhImage, VhQueryAutoWeb } from 'vhautowebdb'; import { CdkDragDrop } from '@angular/cdk/drag-drop'; import { NzContextMenuService, NzDropdownMenuComponent } from 'ng-zorro-antd/dropdown'; import { JsonDataService } from 'vhobjects-service/src/services'; import { HttpClient } from '@angular/common/http'; import { FunctionService } from 'vhobjects-service/src/services'; import { MatDialog } from '@angular/material/dialog'; import * as i0 from "@angular/core"; export declare class AtwFrameTabsConfig implements OnInit { vhQueryAutoWeb: VhQueryAutoWeb; private vhImage; private vhEventMediator; private nzContextMenuService; private jsonDataService; functionService: FunctionService; private matDialog; private http; private platformId; objectChoosing: any; device: any; position: any; class: any; config: any; rMessage: any; staticdata: any; type: any; changeOptionConfig: EventEmitter; isViewAll: boolean; isCollapsed: boolean; dataAfterChange: any; tabChoosing: any; isShowContextMenu: boolean; visible_config_tool: boolean; effect_hover: any[]; effect_hover_data: any; customize: any; currentViewAll: any; openMap: { [name: string]: boolean; }; stylesField: { title: string; index: number; }[]; optionsBackground: { label: string; value: string; }[]; fonts: any[]; openBorderConfig: boolean; id_subproject: string; isShowConfirmPopup: boolean; isConfirmLoading: boolean; isTabOverflowing: boolean; /** Danh sách các thuộc tính (dạng object) của class */ requiredClassFields: string[]; classUpdates: { "block-tabs": { "min-height": string; }; "block-tabs__container--arrow": { position: string; top: string; right: string; display: string; "flex-direction": string; transform: string; "font-size": string; color: string; gap: string; }; "block-tabs__header": { position: string; display: string; "flex-direction": string; "justify-content": string; "align-items": string; }; "block-tabs__container": { display: string; "flex-direction": string; "justify-content": string; "align-items": string; "max-width": string; "max-height": string; overflow: string; }; "block-tabs__container--button": { display: string; "justify-content": string; "flex-direction": string; "min-width": string; gap: string; }; 'block-tabs__container--button-active': { "flex-direction": string; }; 'block-tabs__container--button-inactive': { "flex-direction": string; gap: string; }; "block-tabs__button-title": { display: string; "justify-content": string; "align-items": string; "flex-direction": string; gap: string; }; "block-tabs__button-sub-active": {}; "block-tabs__button-sub-inactive": {}; }; configUpdates: { isActive: number; isTitleAutoResize: boolean; tab_aspect_ratio: number; tab_position: string; tab_align: string; scroll_active_tab: string; arrow: { isDisplay: boolean; position: string; distance: number; size: number; }; "-webkit-scrollbar": { width: string; height: string; display: string; "background-color": string; "thumb-background-color": string; "thumb-hover-background-color": string; "thumb-border-radius": string; }; "animation-selected": { id: string; }; }; staticdataUpdates: { mobile_portrait_animation_type: string; mobile_landscape_animation: { "animation-0": {}; }; mobile_landscape_animation_type: string; tablet_portrait_animation_type: string; tablet_portrait_animation: { "animation-0": {}; }; desktop_animation_type: string; tablet_landscape_animation: { "animation-0": {}; }; mobile_portrait_animation: { "animation-0": {}; }; tablet_landscape_animation_type: string; desktop_animation: { "animation-0": {}; }; }; constructor(vhQueryAutoWeb: VhQueryAutoWeb, vhImage: VhImage, vhEventMediator: VhEventMediator, nzContextMenuService: NzContextMenuService, jsonDataService: JsonDataService, functionService: FunctionService, matDialog: MatDialog, http: HttpClient, platformId: Object); ngOnInit(): void; ngOnChanges(changes: SimpleChanges): void; updateClass(): void; /** * Hàm update class và config */ updateObject(): void; updateConfig(): 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; /** * * @returns boolean true: cụm tiêu đề căn trái, false: cụm tiêu đề không khoá căn */ getTabOverflowing(): boolean; /** * Toggle kiểu tự động giãn đều cảu Cụm tiêu đề */ handleTitleAutoResize(): 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; /** * Hàm này để thêm tab mới * */ addTab(): void; getRandomColor(): string; /** * * hàm này để cấu hình cho tab đang dược chọn * @param collapse * @param event */ chooseTab(frame: any, event: any): void; deleteTab(frame: 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; handleUploadImg(e: any): void; updateTabPosition(position: any, align: any): void; updateArrow(): void; updateArrowPosition(position: any): 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): void; /** Hàm thực hiện gọi component sửa tên phần tử * * @param frame */ path: string; /** * Hàm xử lý lấy ảnh ở thư viện */ openLibrary(): void; handleCancelConfirm(): void; /** * Lấy hình ảnh từ url đẩy lên server với kích thước hình ko thay đổi * */ handleOkConfirm(): void; openImageFree(): void; updateTabChoosingStaticData(): void; updateTabChoosingName(field?: string): 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; /** Xử lí lưu vị trí ảnh * -> xử lí dữ liệu bóng -> css: object-position: `x y` */ handleSetPositionImage(): void; scale(): void; /** * Hàm xử lý bật/tắt cho tiêu đề chính được linh hoạt theo vị trí hoặc theo thứ tự * @param event true: linh hoạt, false: theo thứ tự */ toggleTextFlexible(event: any): void; /** * Hàm xử lý bật/tắt cho thanh cuộn cho phần tab * @param event true: bật thanh cuộn, false: tắt thanh cuộn */ toggleShowScrollbar(event: any): void; /** * hàm cập nhật background linear-gradient */ updateBackgroundRgb(): void; /** * Lấy ra class active hay inactive */ get getGradientBg(): string; /** 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; /** * 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; /** * 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; handleGroupButtonWrap(event: any): void; static ɵfac: i0.ɵɵFactoryDeclaration; static ɵcmp: i0.ɵɵComponentDeclaration; }