vhobjects-config 0.5.3 → 0.5.4

package/lib/frames/frame-products-viewed/config/frame-products-viewed-config/frame-products-viewed-config.component.d.ts

@@ -261,6 +261,7 @@ export declare class AtwFrameProductsViewedConfig implements OnInit {
      * @param event customize sau khi thay đổi
      */
     openAnimationDetail(event: any): void;
+    updateTypeDisplay(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AtwFrameProductsViewedConfig, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<AtwFrameProductsViewedConfig, "atw-frame-products-viewed-config", never, { "objectChoosing": "objectChoosing"; "device": "device"; "position": "position"; "class": "class"; "config": "config"; "type": "type"; "staticdata": "staticdata"; }, { "changeOptionConfig": "changeOptionConfig"; }, never, never>;
 }

package/lib/frames/frame-tabs/config/frame-tabs-config/frame-tabs-config.component.d.ts

@@ -231,7 +231,7 @@ export declare class AtwFrameTabsConfig implements OnInit {
     handleOkConfirm(): void;
     openImageFree(): void;
     updateTabChoosingStaticData(): void;
-    updateTabChoosingName(): 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

package/lib/objects/basic/icon/config/icon-config/icon-config.component.d.ts

@@ -33,7 +33,6 @@ export declare class AtwIconConfig implements OnInit {
     blocks_of_page?: any;
     iconSelected: EventEmitter<any>;
     isViewAll: boolean;
-    fonts: any[];
     effect_hover: any[];
     customize: any[];
     effect_hover_data: any;
@@ -44,9 +43,6 @@ export declare class AtwIconConfig implements OnInit {
     id_subproject: any;
     textareaValue: string;
     dataAfterChange: any;
-    checkIconSvg: boolean;
-    checkIcon: boolean;
-    selectTypeIcon: string;
     styles_field: {
         title: string;
         index: number;
@@ -64,21 +60,29 @@ export declare class AtwIconConfig implements OnInit {
      * @param event width hieght của element sau khi thay đổi
      */
     changeWidthHeight(event: any): void;
-    parsePx(value: string | undefined): number;
+    /**
+     * Lấy fontSize từ width tổng và từ viền, khoảng đệm
+     */
+    getFontSizeFromWidth(w?: any): number;
+    /**
+     * Chọn loại icon hiển thị
+     */
     chooseTypeICon(value: any): void;
-    openMap: OpenMap;
-    saveSVG(): 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
-   */
+     * Upload file SVG từ máy
+     * @param event file upload từ máy
+     */
+    onFileSelected(event: any): void;
+    /**
+     * Nhập Link URL
+     * @param url
+     */
+    loadSvgFromUrl(url?: string): void;
     /**
-  * hàm này để xử lý thay đổi cấu hình của  hay là StaticData
-  * nếu this.objectChoosing.dynamic_data = true thì cập nhật vào
-  * ngược lại cập nhật vào staticData
-  */
-    handleChangeConfig(): void;
+     * Chọn nguồn hiển thị icon svg
+     */
+    toggleIconSvgSource(event: any): void;
+    openMap: OpenMap;
     openHandler(value: string): void;
     /**
      * Hàm đóng

package/lib/objects/basic/image-detail-repeat/config/image-detail-repeat-config/image-detail-repeat-config.component.d.ts

@@ -0,0 +1,187 @@
+import { HttpClient } from '@angular/common/http';
+import { OnInit, SimpleChanges } from '@angular/core';
+import { NzPlacementType } from 'ng-zorro-antd/dropdown';
+import { VhEventMediator, VhQueryAutoWeb } from 'vhautowebdb';
+import * as i0 from "@angular/core";
+export declare class AtwImageDetailRepeatConfig implements OnInit {
+    private http;
+    private vhQueryAutoWeb;
+    private vhEventMediator;
+    private platformId;
+    objectChoosing: any;
+    device: any;
+    class: any;
+    staticdata: any;
+    config: any;
+    type: any;
+    isCarouselActive: boolean;
+    isCarouselOtherImageActive: boolean;
+    isHoverZoomActive: boolean;
+    carouselID: string;
+    gridClass: string;
+    gridObjSelected: any;
+    arrayImage: any;
+    id_subproject: any;
+    counterIndex: number;
+    positionSelect: NzPlacementType;
+    carouselState: any;
+    iconArrowsSelected: any;
+    bootstrapIconArrows: any;
+    bootstrapIconArrowsUpDown: any;
+    style_fields: ({
+        title: string;
+        index: number;
+        isDrop?: undefined;
+    } | {
+        title: string;
+        index: number;
+        isDrop: boolean;
+    })[];
+    opacityArrow: string;
+    opacityArrowHover: string;
+    isViewAll: boolean;
+    currentViewAll: any;
+    effect_hover: any[];
+    effect_hover_data: any;
+    constructor(http: HttpClient, vhQueryAutoWeb: VhQueryAutoWeb, vhEventMediator: VhEventMediator, platformId: Object);
+    ngAfterViewChecked(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    ngOnInit(): void;
+    setVariablesValue(): void;
+    setVariablesValueUpDown(): 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;
+    createElementID(): void;
+    /**
+     *
+     * @param element element cần lấy translateX
+     * @returns translateX: number
+     */
+    getTranslateX(element: any): number;
+    /**Click next của Carousel cài đặt
+     *
+     * @param id : id của carousel 'effect-carousel'
+     * @param amountStep số lần chuyển slide mong muốn (tự xác định trước)
+     */
+    onNext(id: any, amountStep: any): void;
+    /** Xử lí chuyển slide của carousel
+    * @param id : id của carousel [carouselID]
+    */
+    hanldeNext(id: any): void;
+    /** Xử lí chuyển slide của carousel
+    * @param id : id của carousel [carouselID]
+    */
+    hanldePrev(id: any): void;
+    /** Xử lí | kiểm tra hiệu ứng chuyển slide của carousel
+   * @param id : id của carousel [carouselID]
+   * @event
+   * các hiệu ứng
+   * 'carousel-default' : mặc định
+   * 'carousel-fadeout' : mờ dần
+   * 'carousel-transition' : chuyển tiếp
+   */
+    onImageNext(id: any, event: any): void;
+    /** Xử lí | kiểm tra hiệu ứng chuyển slide của carousel
+    * @param id : id của carousel [carouselID]
+    * @event
+    */
+    onImagePrev(id: any): void;
+    /** Đi tới slide thứ number
+    * @param id : id của carousel [carouselID]
+    * @param number :  vị trí slide trong mảng hình ảnh arrayImage
+    */
+    gotoImageIndex(id: any, number: any): void;
+    /** Function event khi ấn chuột vào ảnh và giữ lại
+    * @param id : id của carousel [carouselID]
+    * @param event
+    */
+    onMouseDown(id: any, event: any): void;
+    /** Function event khi nhả chuột khỏi ảnh
+    * @param id : id của carousel [carouselID]
+    * @param event
+    */
+    onMouseUp(id: any, event: any): void;
+    /** Function event khi chuột nằm trong ảnh
+    * @param id : id của carousel [carouselID]
+    * @param event
+    */
+    onMouseEnter(id: any, event: any): void;
+    /** Function event khi di chuyển chuột trong ảnh
+   * @param id : id của carousel [carouselID]
+   * @param event
+   */
+    onMouseMove(id: any, event: any): void;
+    /** Kiểm tra xem ảnh đã ở giới hạn chưa
+   * @param id : id của carousel [carouselID]
+   * @param event
+   */
+    checkBoundary(id: any): void;
+    /** Chọn hiệu ứng khi chuyển slide
+    * @param effectName : Tên hiệu ứng 'carousel-default' | 'carousel-fadeout' | 'carousel-transition' | 'carousel-default'
+    */
+    onSelectEffect(effectName: any): void;
+    onClickObject(target: any, event: any): void;
+    removeOutlineActive(): void;
+    /**
+  * Hàm update object vào database.
+  */
+    updateObject(): void;
+    /**
+    *Hàm update config vào database.
+    */
+    updateConfig(): void;
+    /**
+    *Hàm update class vào database.
+    */
+    updateClass(): void;
+    /**
+    * Cập nhật staticdata lên database
+    */
+    updateStaticdata(): void;
+    onChangeArrows(arrows: any): void;
+    onChangeArrowsGrid2(arrows: any): void;
+    onChangeArrowsUpDown(arrows: any): void;
+    onSelectColor(): void;
+    onChangeColour(apply: any, event: any): void;
+    onChangeColourOpacity(apply: any, event: any): void;
+    onChangeColourOpacityUpDown(apply: any, 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;
+    hexToRgbA(hex: any, opacity: any): string;
+    openColour(event: any): void;
+    onSelectColorFor(event: any): void;
+    onZoomSwitch(): void;
+    position(value: any): void;
+    isOpenViewAll(event: 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
+     */
+    openHandler(value: string, isSub?: boolean): void;
+    openMapSub: {
+        [name: string]: boolean;
+    };
+    openMap: {
+        [name: string]: boolean;
+    };
+    customize: any[];
+    /**
+     * 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;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AtwImageDetailRepeatConfig, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AtwImageDetailRepeatConfig, "atw-image-detail-repeat-config", never, { "objectChoosing": "objectChoosing"; "device": "device"; "class": "class"; "staticdata": "staticdata"; "config": "config"; "type": "type"; }, {}, never, never>;
+}

package/lib/objects/basic/shape/config/edit-shape/edit-shape.component.d.ts

@@ -0,0 +1,146 @@
+import { ChangeDetectorRef, ElementRef, OnInit } from '@angular/core';
+import { MatDialogRef } from '@angular/material/dialog';
+import * as i0 from "@angular/core";
+export declare class EditShapeComponent implements OnInit {
+    data: any;
+    private dialogRef;
+    private cd;
+    private platformId;
+    container: ElementRef<HTMLDivElement>;
+    svgOverlay: ElementRef<SVGSVGElement>;
+    width: number;
+    height: number;
+    bgImage: string;
+    bgColor: string;
+    shape: ClipShape;
+    units: Units;
+    gridStepPercent: number;
+    active: ActiveHandle;
+    dragging: boolean;
+    enableOverlay: boolean;
+    opacityOverlay: number;
+    editInput: ElementRef<HTMLInputElement | HTMLTextAreaElement>;
+    editing: boolean;
+    editingValue: string;
+    constructor(data: any, dialogRef: MatDialogRef<EditShapeComponent>, cd: ChangeDetectorRef, platformId: Object);
+    ngOnInit(): void;
+    ngAfterViewInit(): void;
+    /**
+     * Phân tích chuỗi clip-path (chỉ hỗ trợ polygon) để trả về mảng các cặp tọa độ [x, y] ở dạng chuỗi.
+     * @param clipPathString Chuỗi CSS clip-path, ví dụ: "polygon(50% 0%, 100% 50%)"
+     * @returns Mảng các cặp [x, y] (kiểu tuple) ở dạng chuỗi: Array<[string, string]>.
+     */
+    private parseClipPath;
+    getClipPath(): string;
+    private polygonClip;
+    private insetClip;
+    private ellipseClip;
+    private circleClip;
+    private clientToPercent;
+    private snap;
+    pointerDownOnHandle(event: PointerEvent, handle: ActiveHandle): void;
+    onPointerMove(event: PointerEvent): void;
+    onPointerUp(event: PointerEvent): void;
+    svgClick(event: MouseEvent): void;
+    addPolygonPointAt(index: number): void;
+    private pointToSegmentDistance;
+    removePolygonPoint(i: number): void;
+    /** Hàm copy css vào bộ nhớ tạm */
+    copy(type: 'css' | 'value'): Promise<void>;
+    private loadShape;
+    polygonPointsAttr(): string;
+    /** Đóng popup */
+    close(isSave?: boolean): void;
+    handleKeyDown(event: KeyboardEvent): void;
+    chooseShape(event: any, item: any): void;
+    private isColor;
+    private normalizeToPercent;
+    /**
+     * Xử lý phím trong edit
+     * (Chỉ hoạt động khi edit)
+     * @param event Phím nhấn bàn phím
+     */
+    onEditKeydown(event: KeyboardEvent): void;
+    /**
+     * Bắt đầu edit khi dblclick
+     */
+    startEditing(event: MouseEvent): void;
+    /**
+     * Lưu thay đổi:
+     * - Cập nhật staticdata (Nội dung chuỗi)
+     * - Cập nhật class (style cho chuỗi)
+     * @param event mục đích để lấy `target as HTMLElement`
+     */
+    saveEditing(event?: any): void;
+    /**
+     * Thoát chỉnh sửa trực tiếp
+     */
+    private cancelEditing;
+    /**
+     * Đặt caret ở cuối cùng của chuỗi
+     */
+    private placeCaretAtEnd;
+    static ɵfac: i0.ɵɵFactoryDeclaration<EditShapeComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<EditShapeComponent, "app-edit-shape", never, {}, {}, never, never>;
+}
+interface Point {
+    x: number;
+    y: number;
+}
+declare type Units = 'percent' | 'px';
+interface PolygonShape {
+    kind: 'polygon';
+    points: Point[];
+    units: Units;
+}
+interface InsetShape {
+    kind: 'inset';
+    top: number;
+    right: number;
+    bottom: number;
+    left: number;
+    borderRadius?: string;
+    units: Units;
+}
+interface EllipseShape {
+    kind: 'ellipse';
+    cx: number;
+    cy: number;
+    rx: number;
+    ry: number;
+    rotation: number;
+    units: Units;
+}
+interface CircleShape {
+    kind: 'circle';
+    cx: number;
+    cy: number;
+    r: number;
+    units: Units;
+}
+declare type ClipShape = PolygonShape | InsetShape | EllipseShape | CircleShape;
+declare type ActiveHandle = {
+    type: 'polygon-point';
+    index: number;
+} | {
+    type: 'inset-edge';
+    edge: 'top' | 'right' | 'bottom' | 'left';
+} | {
+    type: 'inset-corner';
+    corner: 'tl' | 'tr' | 'br' | 'bl' | string;
+} | {
+    type: 'move-shape';
+} | {
+    type: 'ellipse-center';
+} | {
+    type: 'ellipse-radius-x';
+} | {
+    type: 'ellipse-radius-y';
+} | {
+    type: 'ellipse-rotation';
+} | {
+    type: 'circle-center';
+} | {
+    type: 'circle-radius';
+} | null;
+export {};

package/lib/objects/basic/shape/config/shape-config/shape-config.component.d.ts

@@ -13,6 +13,7 @@ export declare class AtwShapeConfig implements OnInit {
     private vhImage;
     private vhEventMediator;
     private matdialog;
+    private matDialog;
     functionService: FunctionService;
     private languageService;
     private platformId;
@@ -55,7 +56,7 @@ export declare class AtwShapeConfig implements OnInit {
     subproject: any;
     isShowConfirmPopup: boolean;
     isConfirmLoading: boolean;
-    constructor(vhQueryAutoWeb: VhQueryAutoWeb, sanitizer: DomSanitizer, http: HttpClient, vhImage: VhImage, vhEventMediator: VhEventMediator, matdialog: MatDialog, functionService: FunctionService, languageService: LanguageService, platformId: Object);
+    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;
     /**
@@ -222,6 +223,11 @@ export declare class AtwShapeConfig implements OnInit {
     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>;
 }

package/lib/objects/menu/menu-horizontal/config/menu-horizontal-config/menu-horizontal-config.component.d.ts

@@ -4,6 +4,7 @@ import { VhEventMediator, VhQueryAutoWeb } from 'vhautowebdb';
 import { LanguageService } from 'vhobjects-service/src/services';
 import { FunctionService } from 'vhobjects-service/src/services';
 import { NzModalService } from 'ng-zorro-antd/modal';
+import { MatDialog } from '@angular/material/dialog';
 import * as i0 from "@angular/core";
 export declare class AtwMenuHorizontalConfig implements OnInit {
     vhQueryAutoWeb: VhQueryAutoWeb;
@@ -14,6 +15,7 @@ export declare class AtwMenuHorizontalConfig implements OnInit {
     private nzModalService;
     private platformId;
     functionService: FunctionService;
+    private matDialog;
     objectChoosing: any;
     device: any;
     class: any;
@@ -27,6 +29,12 @@ export declare class AtwMenuHorizontalConfig implements OnInit {
         title: string;
         index: number;
     }[];
+    fieldConfigGradient: {
+        5: string;
+        6: string;
+        7: string;
+        8: string;
+    };
     dataAfterChange: any;
     valueRange: number;
     valueParameter: number;
@@ -67,7 +75,7 @@ export declare class AtwMenuHorizontalConfig implements OnInit {
         label: string;
         value: string;
     }[];
-    constructor(vhQueryAutoWeb: VhQueryAutoWeb, http: HttpClient, vhEventMediator: VhEventMediator, renderer: Renderer2, languageService: LanguageService, nzModalService: NzModalService, platformId: Object, functionService: FunctionService);
+    constructor(vhQueryAutoWeb: VhQueryAutoWeb, http: HttpClient, vhEventMediator: VhEventMediator, renderer: Renderer2, languageService: LanguageService, nzModalService: NzModalService, platformId: Object, functionService: FunctionService, matDialog: MatDialog);
     ngOnInit(): void;
     ngOnChanges(changes: SimpleChanges): void;
     /**
@@ -210,6 +218,46 @@ export declare class AtwMenuHorizontalConfig implements OnInit {
      * Cập nhật số dòng
      */
     updateLineNumber(menu: any): 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(type: 'menu' | 'menu_con' | 'khi_chon_menu' | 'khi_chon_menu_con'): void;
+    /**
+     * Hàm này thực hiện thêm màu gradient vào array.
+     * - menu - 5
+     * - menu_con - 6
+     * - khi_chon_menu - 7
+     * - khi_chon_menu_con - 8
+     */
+    addGradient(value: any, currentViewAllIndex: 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ử đó.
+     * - menu - 5
+     * - menu_con - 6
+     * - khi_chon_menu - 7
+     * - khi_chon_menu_con - 8
+     */
+    deleteGradient(index: any, currentViewAllIndex: 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
+     * - menu - 5
+     * - menu_con - 6
+     * - khi_chon_menu - 7
+     * - khi_chon_menu_con - 8
+     */
+    chooseOption(direction: any, event: any, currentViewAllIndex: any): void;
+    /**
+     * hàm cập nhật background linear-gradient
+     * - menu - 5
+     * - menu_con - 6
+     * - khi_chon_menu - 7
+     * - khi_chon_menu_con - 8
+     */
+    updateBackgroundRgb(currentViewAllIndex: any): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AtwMenuHorizontalConfig, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<AtwMenuHorizontalConfig, "atw-menu-horizontal-config", never, { "objectChoosing": "objectChoosing"; "device": "device"; "class": "class"; "config": "config"; "staticdata": "staticdata"; }, {}, never, never>;
 }

package/lib/objects/menu/menu-vertical/config/menu-vertical-config/menu-vertical-config.component.d.ts

@@ -4,6 +4,7 @@ import { VhEventMediator, VhQueryAutoWeb } from 'vhautowebdb';
 import { LanguageService } from 'vhobjects-service/src/services';
 import { FunctionService } from 'vhobjects-service/src/services';
 import { NzModalService } from 'ng-zorro-antd/modal';
+import { MatDialog } from '@angular/material/dialog';
 import * as i0 from "@angular/core";
 export declare class AtwMenuVerticalConfig implements OnInit {
     vhQueryAutoWeb: VhQueryAutoWeb;
@@ -14,6 +15,7 @@ export declare class AtwMenuVerticalConfig implements OnInit {
     private nzModalService;
     private platformId;
     functionService: FunctionService;
+    private matDialog;
     objectChoosing: any;
     device: any;
     class: any;
@@ -27,6 +29,12 @@ export declare class AtwMenuVerticalConfig implements OnInit {
         title: string;
         index: number;
     }[];
+    fieldConfigGradient: {
+        5: string;
+        6: string;
+        7: string;
+        8: string;
+    };
     dataAfterChange: any;
     valueRange: number;
     valueParameter: number;
@@ -67,7 +75,7 @@ export declare class AtwMenuVerticalConfig implements OnInit {
         label: string;
         value: string;
     }[];
-    constructor(vhQueryAutoWeb: VhQueryAutoWeb, http: HttpClient, vhEventMediator: VhEventMediator, renderer: Renderer2, languageService: LanguageService, nzModalService: NzModalService, platformId: Object, functionService: FunctionService);
+    constructor(vhQueryAutoWeb: VhQueryAutoWeb, http: HttpClient, vhEventMediator: VhEventMediator, renderer: Renderer2, languageService: LanguageService, nzModalService: NzModalService, platformId: Object, functionService: FunctionService, matDialog: MatDialog);
     ngOnInit(): void;
     ngOnChanges(changes: SimpleChanges): void;
     /**
@@ -214,6 +222,46 @@ export declare class AtwMenuVerticalConfig implements OnInit {
      * Cập nhật số dòng
      */
     updateLineNumber(menu: any): 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(type: 'menu' | 'menu_con' | 'khi_chon_menu' | 'khi_chon_menu_con'): void;
+    /**
+     * Hàm này thực hiện thêm màu gradient vào array.
+     * - menu - 5
+     * - menu_con - 6
+     * - khi_chon_menu - 7
+     * - khi_chon_menu_con - 8
+     */
+    addGradient(value: any, currentViewAllIndex: 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ử đó.
+     * - menu - 5
+     * - menu_con - 6
+     * - khi_chon_menu - 7
+     * - khi_chon_menu_con - 8
+     */
+    deleteGradient(index: any, currentViewAllIndex: 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
+     * - menu - 5
+     * - menu_con - 6
+     * - khi_chon_menu - 7
+     * - khi_chon_menu_con - 8
+     */
+    chooseOption(direction: any, event: any, currentViewAllIndex: any): void;
+    /**
+     * hàm cập nhật background linear-gradient
+     * - menu - 5
+     * - menu_con - 6
+     * - khi_chon_menu - 7
+     * - khi_chon_menu_con - 8
+     */
+    updateBackgroundRgb(currentViewAllIndex: any): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AtwMenuVerticalConfig, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<AtwMenuVerticalConfig, "atw-menu-vertical-config", never, { "objectChoosing": "objectChoosing"; "device": "device"; "class": "class"; "config": "config"; "staticdata": "staticdata"; }, {}, never, never>;
 }

package/lib/objects/product/image-detail/config/image-detail-config/image-detail-config.component.d.ts

@@ -2,12 +2,14 @@ import { OnInit, SimpleChanges } from '@angular/core';
 import { VhEventMediator, VhQueryAutoWeb } from 'vhautowebdb';
 import { NzPlacementType } from 'ng-zorro-antd/dropdown';
 import { HttpClient } from '@angular/common/http';
+import { MatDialog } from '@angular/material/dialog';
 import * as i0 from "@angular/core";
 export declare class AtwImageDetailConfig implements OnInit {
     private http;
     private vhQueryAutoWeb;
     private vhEventMediator;
     private platformId;
+    private dialog;
     objectChoosing: any;
     device: any;
     class: any;
@@ -43,7 +45,7 @@ export declare class AtwImageDetailConfig implements OnInit {
     currentViewAll: any;
     effect_hover: any[];
     effect_hover_data: any;
-    constructor(http: HttpClient, vhQueryAutoWeb: VhQueryAutoWeb, vhEventMediator: VhEventMediator, platformId: Object);
+    constructor(http: HttpClient, vhQueryAutoWeb: VhQueryAutoWeb, vhEventMediator: VhEventMediator, platformId: Object, dialog: MatDialog);
     ngAfterViewChecked(): void;
     ngOnChanges(changes: SimpleChanges): void;
     ngOnInit(): void;
@@ -182,6 +184,7 @@ export declare class AtwImageDetailConfig implements OnInit {
      * @param event customize sau khi thay đổi
      */
     openAnimationDetail(event: any): void;
+    openDialogChooseIcon(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AtwImageDetailConfig, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<AtwImageDetailConfig, "atw-image-detail-config", never, { "objectChoosing": "objectChoosing"; "device": "device"; "class": "class"; "staticdata": "staticdata"; "config": "config"; "type": "type"; }, {}, never, never>;
 }