@acorex/components 16.18.13 → 16.18.15

package/lib/base/element.class.d.ts

@@ -6,10 +6,12 @@ import * as i0 from "@angular/core";
 export type AXElementSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
 export declare abstract class AXBaseComponent {
     cssClass: string;
+    axId?: string;
+    axClass?: string;
     uid: string;
     constructor();
     static ɵfac: i0.ɵɵFactoryDeclaration<AXBaseComponent, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<AXBaseComponent, never, never, { "cssClass": { "alias": "cssClass"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<AXBaseComponent, never, never, { "cssClass": { "alias": "cssClass"; "required": false; }; "axId": { "alias": "axId"; "required": false; }; "axClass": { "alias": "axClass"; "required": false; }; }, {}, never, never, false, never>;
 }
 export declare class AXBaseInputChangeEvent extends AXValueEvent<any> {
     isUserChange?: boolean;

package/lib/calendar/calendar-box/calendar-box.component.d.ts

@@ -26,6 +26,8 @@ export declare class AXCalendarBoxComponent implements AXBaseSizableComponent {
     type: AXCalendarType;
     locale: string;
     dir: string;
+    axId?: string;
+    axClass?: string;
     private _min;
     set min(v: Date);
     get min(): Date;
@@ -81,5 +83,5 @@ export declare class AXCalendarBoxComponent implements AXBaseSizableComponent {
     setToday(): void;
     trackByFn(index: any, item: any): any;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXCalendarBoxComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXCalendarBoxComponent, "ax-calendar-box", never, { "size": { "alias": "size"; "required": false; }; "type": { "alias": "type"; "required": false; }; "locale": { "alias": "locale"; "required": false; }; "dir": { "alias": "dir"; "required": false; }; "min": { "alias": "min"; "required": false; }; "max": { "alias": "max"; "required": false; }; "selectableHoliday": { "alias": "selectableHoliday"; "required": false; }; "dayStyle": { "alias": "dayStyle"; "required": false; }; "dayMinMaxResoan": { "alias": "dayMinMaxResoan"; "required": false; }; "showTodayButton": { "alias": "showTodayButton"; "required": false; }; "view": { "alias": "view"; "required": false; }; "depth": { "alias": "depth"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "onValueChanged": "onValueChanged"; "onClick": "onClick"; "valueChange": "valueChange"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXCalendarBoxComponent, "ax-calendar-box", never, { "size": { "alias": "size"; "required": false; }; "type": { "alias": "type"; "required": false; }; "locale": { "alias": "locale"; "required": false; }; "dir": { "alias": "dir"; "required": false; }; "axId": { "alias": "axId"; "required": false; }; "axClass": { "alias": "axClass"; "required": false; }; "min": { "alias": "min"; "required": false; }; "max": { "alias": "max"; "required": false; }; "selectableHoliday": { "alias": "selectableHoliday"; "required": false; }; "dayStyle": { "alias": "dayStyle"; "required": false; }; "dayMinMaxResoan": { "alias": "dayMinMaxResoan"; "required": false; }; "showTodayButton": { "alias": "showTodayButton"; "required": false; }; "view": { "alias": "view"; "required": false; }; "depth": { "alias": "depth"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "onValueChanged": "onValueChanged"; "onClick": "onClick"; "valueChange": "valueChange"; }, never, never, false, never>;
 }

package/lib/context-menu/context-menu.component.d.ts

@@ -11,6 +11,8 @@ export declare class AXContextMenuComponent {
     onItemClick: EventEmitter<any>;
     onClosed: EventEmitter<AXBaseEvent>;
     contex: ElementRef<HTMLUListElement>;
+    axId?: string;
+    axClass?: string;
     show: boolean;
     constructor(container: ElementRef);
     ngAfterViewInit(): void;
@@ -18,5 +20,5 @@ export declare class AXContextMenuComponent {
     open(_left: any, _top: any, _rtl?: boolean): void;
     handleClickItem(item: AXMenuItem): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXContextMenuComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXContextMenuComponent, "ax-context-menu", never, { "size": { "alias": "size"; "required": false; }; "width": { "alias": "width"; "required": false; }; "items": { "alias": "items"; "required": false; }; }, { "onItemClick": "onItemClick"; "onClosed": "onClosed"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXContextMenuComponent, "ax-context-menu", never, { "size": { "alias": "size"; "required": false; }; "width": { "alias": "width"; "required": false; }; "items": { "alias": "items"; "required": false; }; "axId": { "alias": "axId"; "required": false; }; "axClass": { "alias": "axClass"; "required": false; }; }, { "onItemClick": "onItemClick"; "onClosed": "onClosed"; }, never, never, false, never>;
 }

package/lib/data-filter/filter-panel/filter-panel.component.d.ts

@@ -19,6 +19,8 @@ export declare class AXFilterPanelComponent {
     groups: AXFilterColumnGroup[];
     predefinedFilters: AXFilterPredefined[];
     mode: 'click' | 'immediate';
+    axId?: string;
+    axClass?: string;
     saveItems: AXMenuItem[];
     filterChange: EventEmitter<AXFilterCondition[]>;
     constructor(cdr: ChangeDetectorRef, toast: AXToastService);
@@ -41,5 +43,5 @@ export declare class AXFilterPanelComponent {
     tbxNameOnKey(e: AXKeyboardEvent): void;
     handleRenameClick(f: AXFilterPredefined): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXFilterPanelComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXFilterPanelComponent, "ax-filter-panel", never, { "groups": { "alias": "groups"; "required": false; }; "predefinedFilters": { "alias": "predefinedFilters"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; }, { "filterChange": "filterChange"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXFilterPanelComponent, "ax-filter-panel", never, { "groups": { "alias": "groups"; "required": false; }; "predefinedFilters": { "alias": "predefinedFilters"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "axId": { "alias": "axId"; "required": false; }; "axClass": { "alias": "axClass"; "required": false; }; }, { "filterChange": "filterChange"; }, never, never, false, never>;
 }

package/lib/fieldset/fieldset.component.d.ts

@@ -4,8 +4,10 @@ export declare class AXFieldsetComponent implements AXBaseSizableComponent {
     size: AXElementSize;
     caption: string;
     allowCollapse: boolean;
+    axId?: string;
+    axClass?: string;
     collapsed: boolean;
     toggle(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXFieldsetComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXFieldsetComponent, "ax-fieldset", never, { "size": { "alias": "size"; "required": false; }; "caption": { "alias": "caption"; "required": false; }; "allowCollapse": { "alias": "allowCollapse"; "required": false; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXFieldsetComponent, "ax-fieldset", never, { "size": { "alias": "size"; "required": false; }; "caption": { "alias": "caption"; "required": false; }; "allowCollapse": { "alias": "allowCollapse"; "required": false; }; "axId": { "alias": "axId"; "required": false; }; "axClass": { "alias": "axClass"; "required": false; }; }, {}, never, ["*"], false, never>;
 }

package/lib/loading/loading-indicator.component.d.ts

@@ -4,6 +4,8 @@ export declare class AXLoadingIndicatorComponent implements OnInit {
     constructor();
     ngOnInit(): void;
     size: number;
+    axId?: string;
+    axClass?: string;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXLoadingIndicatorComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXLoadingIndicatorComponent, "ax-loading-indicator", never, { "size": { "alias": "size"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXLoadingIndicatorComponent, "ax-loading-indicator", never, { "size": { "alias": "size"; "required": false; }; "axId": { "alias": "axId"; "required": false; }; "axClass": { "alias": "axClass"; "required": false; }; }, {}, never, never, false, never>;
 }

package/lib/loading/loading-panel.component.d.ts

@@ -4,10 +4,12 @@ export declare class AXLoadingPanelComponent implements OnInit {
     private ref;
     constructor(ref: ElementRef<HTMLDivElement>);
     visible: boolean;
+    axId?: string;
+    axClass?: string;
     ngOnInit(): void;
     ngAfterViewInit(): void;
     show(): void;
     hide(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXLoadingPanelComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXLoadingPanelComponent, "ax-loading-panel", never, { "visible": { "alias": "visible"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXLoadingPanelComponent, "ax-loading-panel", never, { "visible": { "alias": "visible"; "required": false; }; "axId": { "alias": "axId"; "required": false; }; "axClass": { "alias": "axClass"; "required": false; }; }, {}, never, never, false, never>;
 }

package/lib/menu/menu.component.d.ts

@@ -29,8 +29,10 @@ export declare class AXMenuComponent implements AXBaseSizableComponent {
     private _items;
     get items(): AXMenuItem[];
     set items(v: AXMenuItem[]);
+    axId?: string;
+    axClass?: string;
     ngOnInit(): void;
     handleItemClick(e: MouseEvent, item?: AXMenuItem): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXMenuComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXMenuComponent, "ax-menu", never, { "menuTemplate": { "alias": "menuTemplate"; "required": false; }; "rtl": { "alias": "rtl"; "required": false; }; "size": { "alias": "size"; "required": false; }; "selection": { "alias": "selection"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "target": { "alias": "target"; "required": false; }; "floatAlignment": { "alias": "floatAlignment"; "required": false; }; "floatPlacemnet": { "alias": "floatPlacemnet"; "required": false; }; "direction": { "alias": "direction"; "required": false; }; "items": { "alias": "items"; "required": false; }; }, { "onItemClick": "onItemClick"; }, ["_contentMenuTemplate"], never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXMenuComponent, "ax-menu", never, { "menuTemplate": { "alias": "menuTemplate"; "required": false; }; "rtl": { "alias": "rtl"; "required": false; }; "size": { "alias": "size"; "required": false; }; "selection": { "alias": "selection"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "target": { "alias": "target"; "required": false; }; "floatAlignment": { "alias": "floatAlignment"; "required": false; }; "floatPlacemnet": { "alias": "floatPlacemnet"; "required": false; }; "direction": { "alias": "direction"; "required": false; }; "items": { "alias": "items"; "required": false; }; "axId": { "alias": "axId"; "required": false; }; "axClass": { "alias": "axClass"; "required": false; }; }, { "onItemClick": "onItemClick"; }, ["_contentMenuTemplate"], never, false, never>;
 }

package/lib/panel-box/panel-box.component.d.ts

@@ -5,6 +5,8 @@ export declare class AXPanelBoxComponent implements AXBaseSizableComponent {
     headerTemplate: TemplateRef<any>;
     size: AXElementSize;
     type: string;
+    axId?: string;
+    axClass?: string;
     private _caption;
     get caption(): string;
     set caption(val: string);
@@ -15,5 +17,5 @@ export declare class AXPanelBoxComponent implements AXBaseSizableComponent {
     allowCollapse: boolean;
     toggle(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXPanelBoxComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXPanelBoxComponent, "ax-panel-box", never, { "size": { "alias": "size"; "required": false; }; "type": { "alias": "type"; "required": false; }; "caption": { "alias": "caption"; "required": false; }; "collapsed": { "alias": "collapsed"; "required": false; }; "allowCollapse": { "alias": "allowCollapse"; "required": false; }; }, { "collapsedChange": "collapsedChange"; }, ["headerTemplate"], ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXPanelBoxComponent, "ax-panel-box", never, { "size": { "alias": "size"; "required": false; }; "type": { "alias": "type"; "required": false; }; "axId": { "alias": "axId"; "required": false; }; "axClass": { "alias": "axClass"; "required": false; }; "caption": { "alias": "caption"; "required": false; }; "collapsed": { "alias": "collapsed"; "required": false; }; "allowCollapse": { "alias": "allowCollapse"; "required": false; }; }, { "collapsedChange": "collapsedChange"; }, ["headerTemplate"], ["*"], false, never>;
 }

package/lib/popover/popover.component.d.ts

@@ -17,6 +17,8 @@ export declare class AXPopoverComponent {
     openMode: 'manual' | 'click' | 'hover';
     closeMode: 'manual' | 'clickout' | 'mouseout';
     rtl: boolean;
+    axId?: string;
+    axClass?: string;
     private _visible;
     get visible(): boolean;
     set visible(v: boolean);
@@ -31,5 +33,5 @@ export declare class AXPopoverComponent {
     ngOnDestroy(): void;
     get isOpen(): boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXPopoverComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXPopoverComponent, "ax-popover", never, { "target": { "alias": "target"; "required": false; }; "position": { "alias": "position"; "required": false; }; "openMode": { "alias": "openMode"; "required": false; }; "closeMode": { "alias": "closeMode"; "required": false; }; "rtl": { "alias": "rtl"; "required": false; }; "visible": { "alias": "visible"; "required": false; }; }, { "onOutSideClick": "onOutSideClick"; }, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXPopoverComponent, "ax-popover", never, { "target": { "alias": "target"; "required": false; }; "position": { "alias": "position"; "required": false; }; "openMode": { "alias": "openMode"; "required": false; }; "closeMode": { "alias": "closeMode"; "required": false; }; "rtl": { "alias": "rtl"; "required": false; }; "axId": { "alias": "axId"; "required": false; }; "axClass": { "alias": "axClass"; "required": false; }; "visible": { "alias": "visible"; "required": false; }; }, { "onOutSideClick": "onOutSideClick"; }, never, ["*"], false, never>;
 }

package/lib/popup/popup.component.d.ts

@@ -30,6 +30,8 @@ export declare class AXPopupComponent extends AXBaseComponent implements OnDestr
     content: any;
     headerButtons: AXButtonItem[];
     footerButtons: AXButtonItem[];
+    axId: string;
+    axClass: string;
     onCloseClick(): void;
     ngOnDestroy(): void;
     focus(): void;

package/lib/popup/popup.service.d.ts

@@ -15,6 +15,8 @@ export declare class AXPopupService {
         data?: any;
         footerButtons?: AXButtonItem[];
         modal?: boolean;
+        axId?: string;
+        axClass?: string;
     }): AXPageClosedPromise;
     private closePopup;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXPopupService, never>;

package/lib/progress-bar/progress-bar.component.d.ts

@@ -2,6 +2,8 @@ import { AXBaseComponent } from '../base/element.class';
 import * as i0 from "@angular/core";
 export declare class AXProgressBarComponent extends AXBaseComponent {
     progress: number;
+    axId?: string;
+    axClass?: string;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXProgressBarComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXProgressBarComponent, "ax-progress-bar", never, { "progress": { "alias": "progress"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXProgressBarComponent, "ax-progress-bar", never, { "progress": { "alias": "progress"; "required": false; }; "axId": { "alias": "axId"; "required": false; }; "axClass": { "alias": "axClass"; "required": false; }; }, {}, never, never, false, never>;
 }

package/lib/search-bar/search-bar.component.d.ts

@@ -31,6 +31,8 @@ export declare class AXSearchBarComponent {
     caption: string;
     block: boolean;
     set items(v: AXPropertyConfig[]);
+    axId?: string;
+    axClass?: string;
     onValueChange: EventEmitter<any>;
     onSearchValue: EventEmitter<FilterTextItemsModel[]>;
     _items: any[];
@@ -58,5 +60,5 @@ export declare class AXSearchBarComponent {
     open(): void;
     close(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXSearchBarComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXSearchBarComponent, "ax-search-bar", never, { "sizeButton": { "alias": "sizeButton"; "required": false; }; "size": { "alias": "size"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "fitParent": { "alias": "fitParent"; "required": false; }; "popoverWidth": { "alias": "popoverWidth"; "required": false; }; "rtl": { "alias": "rtl"; "required": false; }; "loadOnInit": { "alias": "loadOnInit"; "required": false; }; "caption": { "alias": "caption"; "required": false; }; "block": { "alias": "block"; "required": false; }; "items": { "alias": "items"; "required": false; }; }, { "onValueChange": "onValueChange"; "onSearchValue": "onSearchValue"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXSearchBarComponent, "ax-search-bar", never, { "sizeButton": { "alias": "sizeButton"; "required": false; }; "size": { "alias": "size"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "fitParent": { "alias": "fitParent"; "required": false; }; "popoverWidth": { "alias": "popoverWidth"; "required": false; }; "rtl": { "alias": "rtl"; "required": false; }; "loadOnInit": { "alias": "loadOnInit"; "required": false; }; "caption": { "alias": "caption"; "required": false; }; "block": { "alias": "block"; "required": false; }; "items": { "alias": "items"; "required": false; }; "axId": { "alias": "axId"; "required": false; }; "axClass": { "alias": "axClass"; "required": false; }; }, { "onValueChange": "onValueChange"; "onSearchValue": "onSearchValue"; }, never, never, false, never>;
 }

package/lib/searchbox/searchbox.component.d.ts

@@ -12,6 +12,8 @@ export declare class AXSearchBoxComponent extends AXBaseTextComponent {
     private _text;
     get text(): string;
     set text(v: string);
+    axId?: string;
+    axClass?: string;
     ngOnInit(): void;
     onSearchChanged(text: string): void;
     delay: number;
@@ -19,5 +21,5 @@ export declare class AXSearchBoxComponent extends AXBaseTextComponent {
     handleKeyEvent(e: KeyboardEvent): void;
     click(e: MouseEvent): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXSearchBoxComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXSearchBoxComponent, "ax-search-box", never, { "placeholder": { "alias": "placeholder"; "required": false; }; "onDemandTranslate": { "alias": "onDemandTranslate"; "required": false; }; "text": { "alias": "text"; "required": false; }; "delay": { "alias": "delay"; "required": false; }; }, { "textChanged": "textChanged"; "onButtonClick": "onButtonClick"; }, never, ["[start]", "[end]"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXSearchBoxComponent, "ax-search-box", never, { "placeholder": { "alias": "placeholder"; "required": false; }; "onDemandTranslate": { "alias": "onDemandTranslate"; "required": false; }; "text": { "alias": "text"; "required": false; }; "axId": { "alias": "axId"; "required": false; }; "axClass": { "alias": "axClass"; "required": false; }; "delay": { "alias": "delay"; "required": false; }; }, { "textChanged": "textChanged"; "onButtonClick": "onButtonClick"; }, never, ["[start]", "[end]"], false, never>;
 }

package/lib/selectbox/selectbox.component.d.ts

@@ -80,6 +80,8 @@ export declare class AXSelectBoxComponent extends AXValidatableComponent impleme
     private _selectedItems;
     get selectedItems(): any[];
     set selectedItems(v: any[]);
+    axId?: string;
+    axClass?: string;
     setSelectedItemsChange(v: any[], old?: any[]): void;
     ngOnInit(): void;
     scrolled(e: any): void;
@@ -145,5 +147,5 @@ export declare class AXSelectBoxComponent extends AXValidatableComponent impleme
     private itemsStatusObserver;
     private waitForData;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXSelectBoxComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXSelectBoxComponent, "ax-select-box", never, { "showDropDownButton": { "alias": "showDropDownButton"; "required": false; }; "rowInputTemplate": { "alias": "rowInputTemplate"; "required": false; }; "showCheckBox": { "alias": "showCheckBox"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "rtl": { "alias": "rtl"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "size": { "alias": "size"; "required": false; }; "allowNull": { "alias": "allowNull"; "required": false; }; "textAlign": { "alias": "textAlign"; "required": false; }; "bufferSize": { "alias": "bufferSize"; "required": false; }; "remoteOperation": { "alias": "remoteOperation"; "required": false; }; "fitParent": { "alias": "fitParent"; "required": false; }; "dropdownWidth": { "alias": "dropdownWidth"; "required": false; }; "multiLine": { "alias": "multiLine"; "required": false; }; "onDemandTranslate": { "alias": "onDemandTranslate"; "required": false; }; "dataSource": { "alias": "dataSource"; "required": false; }; "validation": { "alias": "validation"; "required": false; }; "disabledCallback": { "alias": "disabledCallback"; "required": false; }; "allowSearch": { "alias": "allowSearch"; "required": false; }; "textField": { "alias": "textField"; "required": false; }; "valueField": { "alias": "valueField"; "required": false; }; "disabledField": { "alias": "disabledField"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "items": { "alias": "items"; "required": false; }; "selectedItems": { "alias": "selectedItems"; "required": false; }; "selectedValues": { "alias": "selectedValues"; "required": false; }; }, { "dropdownToggle": "dropdownToggle"; "itemsChange": "itemsChange"; "onBlur": "onBlur"; "onFocus": "onFocus"; "selectionChanged": "selectionChanged"; "selectedItemsChange": "selectedItemsChange"; "selectedValuesChange": "selectedValuesChange"; }, ["rowTemplate", "_contentDataSource", "_contentValidation"], ["[start]", "[end]"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXSelectBoxComponent, "ax-select-box", never, { "showDropDownButton": { "alias": "showDropDownButton"; "required": false; }; "rowInputTemplate": { "alias": "rowInputTemplate"; "required": false; }; "showCheckBox": { "alias": "showCheckBox"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "rtl": { "alias": "rtl"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "size": { "alias": "size"; "required": false; }; "allowNull": { "alias": "allowNull"; "required": false; }; "textAlign": { "alias": "textAlign"; "required": false; }; "bufferSize": { "alias": "bufferSize"; "required": false; }; "remoteOperation": { "alias": "remoteOperation"; "required": false; }; "fitParent": { "alias": "fitParent"; "required": false; }; "dropdownWidth": { "alias": "dropdownWidth"; "required": false; }; "multiLine": { "alias": "multiLine"; "required": false; }; "onDemandTranslate": { "alias": "onDemandTranslate"; "required": false; }; "dataSource": { "alias": "dataSource"; "required": false; }; "validation": { "alias": "validation"; "required": false; }; "disabledCallback": { "alias": "disabledCallback"; "required": false; }; "allowSearch": { "alias": "allowSearch"; "required": false; }; "textField": { "alias": "textField"; "required": false; }; "valueField": { "alias": "valueField"; "required": false; }; "disabledField": { "alias": "disabledField"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "items": { "alias": "items"; "required": false; }; "selectedItems": { "alias": "selectedItems"; "required": false; }; "axId": { "alias": "axId"; "required": false; }; "axClass": { "alias": "axClass"; "required": false; }; "selectedValues": { "alias": "selectedValues"; "required": false; }; }, { "dropdownToggle": "dropdownToggle"; "itemsChange": "itemsChange"; "onBlur": "onBlur"; "onFocus": "onFocus"; "selectionChanged": "selectionChanged"; "selectedItemsChange": "selectedItemsChange"; "selectedValuesChange": "selectedValuesChange"; }, ["rowTemplate", "_contentDataSource", "_contentValidation"], ["[start]", "[end]"], false, never>;
 }

package/lib/selection-list/selection-list.component.d.ts

@@ -14,6 +14,8 @@ export declare class AXSelectionListComponent extends AXValidatableComponent imp
     mode: string;
     textField: string;
     valueField: string;
+    axId: string;
+    axClass: string;
     selectionChanged: EventEmitter<any>;
     selectedItemsChange: EventEmitter<any[]>;
     get selectedItems(): any[];
@@ -28,5 +30,5 @@ export declare class AXSelectionListComponent extends AXValidatableComponent imp
     onvalueChanged(e: any): void;
     checkBoxClick(e: any, data: any): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXSelectionListComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXSelectionListComponent, "ax-selection-list", never, { "readonly": { "alias": "readonly"; "required": false; }; "value": { "alias": "value"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "size": { "alias": "size"; "required": false; }; "direction": { "alias": "direction"; "required": false; }; "items": { "alias": "items"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "textField": { "alias": "textField"; "required": false; }; "valueField": { "alias": "valueField"; "required": false; }; "selectedItems": { "alias": "selectedItems"; "required": false; }; "selectedValues": { "alias": "selectedValues"; "required": false; }; }, { "selectionChanged": "selectionChanged"; "selectedItemsChange": "selectedItemsChange"; "selectedValuesChange": "selectedValuesChange"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXSelectionListComponent, "ax-selection-list", never, { "readonly": { "alias": "readonly"; "required": false; }; "value": { "alias": "value"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "size": { "alias": "size"; "required": false; }; "direction": { "alias": "direction"; "required": false; }; "items": { "alias": "items"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "textField": { "alias": "textField"; "required": false; }; "valueField": { "alias": "valueField"; "required": false; }; "axId": { "alias": "axId"; "required": false; }; "axClass": { "alias": "axClass"; "required": false; }; "selectedItems": { "alias": "selectedItems"; "required": false; }; "selectedValues": { "alias": "selectedValues"; "required": false; }; }, { "selectionChanged": "selectionChanged"; "selectedItemsChange": "selectedItemsChange"; "selectedValuesChange": "selectedValuesChange"; }, never, never, false, never>;
 }

package/lib/switch/switch.component.d.ts

@@ -13,8 +13,10 @@ export declare class AXSwitchComponent extends AXBaseComponent implements AXBase
     readonly: boolean;
     disabled: boolean;
     size: AXElementSize;
+    axId?: string;
+    axClass?: string;
     constructor(cdr: ChangeDetectorRef);
     focus(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXSwitchComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXSwitchComponent, "ax-switch", never, { "tabIndex": { "alias": "tabIndex"; "required": false; }; "value": { "alias": "value"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "size": { "alias": "size"; "required": false; }; }, { "onValueChanged": "onValueChanged"; "valueChange": "valueChange"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXSwitchComponent, "ax-switch", never, { "tabIndex": { "alias": "tabIndex"; "required": false; }; "value": { "alias": "value"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "size": { "alias": "size"; "required": false; }; "axId": { "alias": "axId"; "required": false; }; "axClass": { "alias": "axClass"; "required": false; }; }, { "onValueChanged": "onValueChanged"; "valueChange": "valueChange"; }, never, never, false, never>;
 }

package/lib/tab-page/tab-page.service.d.ts

@@ -7,6 +7,8 @@ export interface AXTabPage {
     closable?: boolean;
     data?: any;
     pinned?: boolean;
+    axId?: string;
+    axClass?: string;
 }
 export declare class AXTabPageService {
     tabs: AXTabPage[];

package/lib/tab-strip/tab-strip.component.d.ts

@@ -22,7 +22,9 @@ export declare class AXTabStripComponent implements OnInit {
     ngOnInit(): void;
     items: AXTabStripItem[];
     onTabChanged: EventEmitter<AXTabStripChangedEvent>;
+    axId?: string;
+    axClass?: string;
     handleClick(i: AXTabStripItem): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXTabStripComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXTabStripComponent, "ax-tab-strip", never, { "items": { "alias": "items"; "required": false; }; }, { "onTabChanged": "onTabChanged"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXTabStripComponent, "ax-tab-strip", never, { "items": { "alias": "items"; "required": false; }; "axId": { "alias": "axId"; "required": false; }; "axClass": { "alias": "axClass"; "required": false; }; }, { "onTabChanged": "onTabChanged"; }, never, never, false, never>;
 }

package/lib/tab-view/tab-view.component.d.ts

@@ -15,6 +15,8 @@ export declare class AXTabViewComponent implements AfterContentInit {
     tabs: QueryList<AXTabComponent>;
     dynamicTabPlaceholder: DynamicTabsDirective;
     onActiveTab: EventEmitter<AXDataEvent<any>>;
+    axId?: string;
+    axClass?: string;
     constructor(ref: ElementRef, _componentFactoryResolver: ComponentFactoryResolver, fullWidth?: boolean);
     ngAfterContentInit(): void;
     openTab(title: string, template: any, isCloseable?: boolean, icon?: any, data?: any): void;
@@ -22,5 +24,5 @@ export declare class AXTabViewComponent implements AfterContentInit {
     closeTab(tab: AXTabComponent): void;
     closeActiveTab(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXTabViewComponent, [null, null, { attribute: "fullWidth"; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXTabViewComponent, "ax-tab-view", never, {}, { "onActiveTab": "onActiveTab"; }, ["tabs"], ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXTabViewComponent, "ax-tab-view", never, { "axId": { "alias": "axId"; "required": false; }; "axClass": { "alias": "axClass"; "required": false; }; }, { "onActiveTab": "onActiveTab"; }, ["tabs"], ["*"], false, never>;
 }

package/lib/tab-view/tab.component.d.ts

@@ -7,6 +7,8 @@ export declare class AXTabComponent {
     template: any;
     dataContext: any;
     icon: string;
+    axId?: string;
+    axClass?: string;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXTabComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXTabComponent, "ax-tab", never, { "caption": { "alias": "caption"; "required": false; }; "name": { "alias": "name"; "required": false; }; "active": { "alias": "active"; "required": false; }; "isCloseable": { "alias": "isCloseable"; "required": false; }; "template": { "alias": "template"; "required": false; }; "dataContext": { "alias": "dataContext"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXTabComponent, "ax-tab", never, { "caption": { "alias": "caption"; "required": false; }; "name": { "alias": "name"; "required": false; }; "active": { "alias": "active"; "required": false; }; "isCloseable": { "alias": "isCloseable"; "required": false; }; "template": { "alias": "template"; "required": false; }; "dataContext": { "alias": "dataContext"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "axId": { "alias": "axId"; "required": false; }; "axClass": { "alias": "axClass"; "required": false; }; }, {}, never, ["*"], false, never>;
 }

package/lib/textarea/textarea.component.d.ts

@@ -7,6 +7,8 @@ export declare class AXTextAreaComponent extends AXBaseTextComponent {
     rows: number;
     cols: number;
     maxLength: number;
+    axId?: string;
+    axClass?: string;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXTextAreaComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXTextAreaComponent, "ax-text-area", never, { "rows": { "alias": "rows"; "required": false; }; "cols": { "alias": "cols"; "required": false; }; "maxLength": { "alias": "maxLength"; "required": false; }; }, {}, never, ["ax-button"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXTextAreaComponent, "ax-text-area", never, { "rows": { "alias": "rows"; "required": false; }; "cols": { "alias": "cols"; "required": false; }; "maxLength": { "alias": "maxLength"; "required": false; }; "axId": { "alias": "axId"; "required": false; }; "axClass": { "alias": "axClass"; "required": false; }; }, {}, never, ["ax-button"], false, never>;
 }

package/lib/textbox/textbox.component.d.ts

@@ -10,7 +10,9 @@ export declare class AXTextBoxComponent extends AXBaseTextComponent {
     maskGuid: boolean;
     maskPlaceholder: string;
     maskKeepCharPositions: boolean;
+    axId?: string;
+    axClass?: string;
     constructor(cdr: ChangeDetectorRef, ref: ElementRef);
     static ɵfac: i0.ɵɵFactoryDeclaration<AXTextBoxComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXTextBoxComponent, "ax-text-box", never, { "mask": { "alias": "mask"; "required": false; }; "showMask": { "alias": "showMask"; "required": false; }; "type": { "alias": "type"; "required": false; }; "maxLength": { "alias": "maxLength"; "required": false; }; "maskGuid": { "alias": "maskGuid"; "required": false; }; "maskPlaceholder": { "alias": "maskPlaceholder"; "required": false; }; "maskKeepCharPositions": { "alias": "maskKeepCharPositions"; "required": false; }; }, {}, never, ["[start]", "[end]"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXTextBoxComponent, "ax-text-box", never, { "mask": { "alias": "mask"; "required": false; }; "showMask": { "alias": "showMask"; "required": false; }; "type": { "alias": "type"; "required": false; }; "maxLength": { "alias": "maxLength"; "required": false; }; "maskGuid": { "alias": "maskGuid"; "required": false; }; "maskPlaceholder": { "alias": "maskPlaceholder"; "required": false; }; "maskKeepCharPositions": { "alias": "maskKeepCharPositions"; "required": false; }; "axId": { "alias": "axId"; "required": false; }; "axClass": { "alias": "axClass"; "required": false; }; }, {}, never, ["[start]", "[end]"], false, never>;
 }

package/lib/time-picker/time-picker.component.d.ts

@@ -17,6 +17,8 @@ export declare class AXTimePickerComponent extends AXBaseTextComponent implement
     showMask: boolean;
     type: string;
     showCurentTime: boolean;
+    axId?: string;
+    axClass?: string;
     clearDisabled: boolean;
     HHmmss: any;
     HHmm: any;
@@ -49,5 +51,5 @@ export declare class AXTimePickerComponent extends AXBaseTextComponent implement
     setCaretPosition(ctrl: any, pos: any): void;
     setCaret(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXTimePickerComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXTimePickerComponent, "ax-time-picker", never, { "timeType": { "alias": "timeType"; "required": false; }; "showMask": { "alias": "showMask"; "required": false; }; "showCurentTime": { "alias": "showCurentTime"; "required": false; }; }, { "onValueChanged": "onValueChanged"; }, never, ["[start]", "[end]"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXTimePickerComponent, "ax-time-picker", never, { "timeType": { "alias": "timeType"; "required": false; }; "showMask": { "alias": "showMask"; "required": false; }; "showCurentTime": { "alias": "showCurentTime"; "required": false; }; "axId": { "alias": "axId"; "required": false; }; "axClass": { "alias": "axClass"; "required": false; }; }, { "onValueChanged": "onValueChanged"; }, never, ["[start]", "[end]"], false, never>;
 }

package/lib/toast/toast-message/toast-message.component.d.ts

@@ -8,11 +8,13 @@ export declare class AXToastMessageComponent implements OnInit {
     timeOut: number;
     closeable: boolean;
     type: 'info' | 'success' | 'warning' | 'error';
+    axId?: string;
+    axClass?: string;
     style: string;
     icon: string;
     toastWidth: number;
     ngOnInit(): void;
     close(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXToastMessageComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXToastMessageComponent, "ng-component", never, { "title": { "alias": "title"; "required": false; }; "message": { "alias": "message"; "required": false; }; "timeOut": { "alias": "timeOut"; "required": false; }; "closeable": { "alias": "closeable"; "required": false; }; "type": { "alias": "type"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXToastMessageComponent, "ng-component", never, { "title": { "alias": "title"; "required": false; }; "message": { "alias": "message"; "required": false; }; "timeOut": { "alias": "timeOut"; "required": false; }; "closeable": { "alias": "closeable"; "required": false; }; "type": { "alias": "type"; "required": false; }; "axId": { "alias": "axId"; "required": false; }; "axClass": { "alias": "axClass"; "required": false; }; }, {}, never, never, false, never>;
 }

package/lib/toolbar/group-button/toolbar-group-button.component.d.ts

@@ -1,12 +1,14 @@
-import { EventEmitter } from "@angular/core";
+import { EventEmitter } from '@angular/core';
 import { AXBaseMenuItem } from '@acorex/core';
 import * as i0 from "@angular/core";
 export declare class AXToolbarButtonGroupComponent {
-    constructor();
+    axId?: string;
+    axClass?: string;
     items: AXBaseMenuItem[];
     itemClick: EventEmitter<AXBaseMenuItem>;
-    mode: "single" | "multiple";
+    mode: 'single' | 'multiple';
+    constructor();
     onClick(item: AXBaseMenuItem): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXToolbarButtonGroupComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXToolbarButtonGroupComponent, "ax-toolbar-group-button", never, { "items": { "alias": "items"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; }, { "itemClick": "itemClick"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXToolbarButtonGroupComponent, "ax-toolbar-group-button", never, { "axId": { "alias": "axId"; "required": false; }; "axClass": { "alias": "axClass"; "required": false; }; "items": { "alias": "items"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; }, { "itemClick": "itemClick"; }, never, never, false, never>;
 }

package/lib/toolbar/menu/toolbar-menu.component.d.ts

@@ -17,9 +17,11 @@ export declare class AXToolbarMenuComponent extends AXToolbarItem {
     private _items;
     get items(): AXMenuItem[];
     set items(v: AXMenuItem[]);
+    axId?: string;
+    axClass?: string;
     handleItemClick(item?: AXMenuItemClickEvent): void;
     close(): void;
     update(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXToolbarMenuComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXToolbarMenuComponent, "ax-toolbar-menu", never, { "menuTemplate": { "alias": "menuTemplate"; "required": false; }; "floatPlacemnet": { "alias": "floatPlacemnet"; "required": false; }; "selection": { "alias": "selection"; "required": false; }; "items": { "alias": "items"; "required": false; }; }, { "onItemClick": "onItemClick"; }, ["_contentMenuTemplate"], never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXToolbarMenuComponent, "ax-toolbar-menu", never, { "menuTemplate": { "alias": "menuTemplate"; "required": false; }; "floatPlacemnet": { "alias": "floatPlacemnet"; "required": false; }; "selection": { "alias": "selection"; "required": false; }; "items": { "alias": "items"; "required": false; }; "axId": { "alias": "axId"; "required": false; }; "axClass": { "alias": "axClass"; "required": false; }; }, { "onItemClick": "onItemClick"; }, ["_contentMenuTemplate"], never, false, never>;
 }

package/lib/toolbar/search/toolbar-search.component.d.ts

@@ -9,8 +9,10 @@ export declare class AXToolbarSearchComponent {
     private _text;
     get text(): string;
     set text(v: string);
+    axId?: string;
+    axClass?: string;
     focus(): void;
     onSearchChanged(text: string): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXToolbarSearchComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXToolbarSearchComponent, "ax-toolbar-search", never, { "text": { "alias": "text"; "required": false; }; }, { "onValueChanged": "onValueChanged"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXToolbarSearchComponent, "ax-toolbar-search", never, { "text": { "alias": "text"; "required": false; }; "axId": { "alias": "axId"; "required": false; }; "axClass": { "alias": "axClass"; "required": false; }; }, { "onValueChanged": "onValueChanged"; }, never, never, false, never>;
 }

package/lib/toolbar/title/toolbar-title.component.d.ts

@@ -1,9 +1,10 @@
 import * as i0 from "@angular/core";
 export declare class AXToolbarTitleComponent {
-    constructor();
+    axId?: string;
+    axClass?: string;
     private _text;
     get text(): string;
     set text(v: string);
     static ɵfac: i0.ɵɵFactoryDeclaration<AXToolbarTitleComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXToolbarTitleComponent, "ax-toolbar-title", never, { "text": { "alias": "text"; "required": false; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXToolbarTitleComponent, "ax-toolbar-title", never, { "axId": { "alias": "axId"; "required": false; }; "axClass": { "alias": "axClass"; "required": false; }; "text": { "alias": "text"; "required": false; }; }, {}, never, ["*"], false, never>;
 }

package/lib/toolbar/toolbar.component.d.ts

@@ -3,6 +3,8 @@ import * as i0 from "@angular/core";
 export declare class AXToolbarComponent implements OnInit {
     constructor();
     ngOnInit(): void;
+    axId?: string;
+    axClass?: string;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXToolbarComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXToolbarComponent, "ax-toolbar", never, {}, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXToolbarComponent, "ax-toolbar", never, { "axId": { "alias": "axId"; "required": false; }; "axClass": { "alias": "axClass"; "required": false; }; }, {}, never, ["*"], false, never>;
 }

package/lib/tree-side-menu/tree-side-menu.component.d.ts

@@ -58,6 +58,8 @@ export declare class AXTreeSideMenuComponent extends AXBaseComponent {
     onItemDrag: EventEmitter<any>;
     onItemMoved: EventEmitter<AXTreeSideMenuItemMovedEvent>;
     onContextMenuItemClick: EventEmitter<AXContextMenuItemClickEvent>;
+    axId?: string;
+    axClass?: string;
     showSelectBox: boolean;
     loading: boolean;
     list: any[];
@@ -107,5 +109,5 @@ export declare class AXTreeSideMenuComponent extends AXBaseComponent {
     getParentsId(item: any): any[];
     getSelectedKeyFields(): any[];
     static ɵfac: i0.ɵɵFactoryDeclaration<AXTreeSideMenuComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXTreeSideMenuComponent, "ax-tree-side-menu", never, { "cssClass": { "alias": "cssClass"; "required": false; }; "selectionMode": { "alias": "selectionMode"; "required": false; }; "selectionLevel": { "alias": "selectionLevel"; "required": false; }; "selectedFieldName": { "alias": "selectedFieldName"; "required": false; }; "selectNodesRecursive": { "alias": "selectNodesRecursive"; "required": false; }; "seletedKeyFields": { "alias": "seletedKeyFields"; "required": false; }; "keyField": { "alias": "keyField"; "required": false; }; "textField": { "alias": "textField"; "required": false; }; "hasChildField": { "alias": "hasChildField"; "required": false; }; "bordered": { "alias": "bordered"; "required": false; }; "lazyLoading": { "alias": "lazyLoading"; "required": false; }; "allowDrag": { "alias": "allowDrag"; "required": false; }; "size": { "alias": "size"; "required": false; }; "iconStart": { "alias": "iconStart"; "required": false; }; "closeIconName": { "alias": "closeIconName"; "required": false; }; "openIconName": { "alias": "openIconName"; "required": false; }; "contextMenuItems": { "alias": "contextMenuItems"; "required": false; }; }, { "selectionChanged": "selectionChanged"; "onItemOpening": "onItemOpening"; "onItemClick": "onItemClick"; "onItemClosing": "onItemClosing"; "onItemDrag": "onItemDrag"; "onItemMoved": "onItemMoved"; "onContextMenuItemClick": "onContextMenuItemClick"; }, ["nodeTemplate", "_contentDataSource"], never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXTreeSideMenuComponent, "ax-tree-side-menu", never, { "cssClass": { "alias": "cssClass"; "required": false; }; "selectionMode": { "alias": "selectionMode"; "required": false; }; "selectionLevel": { "alias": "selectionLevel"; "required": false; }; "selectedFieldName": { "alias": "selectedFieldName"; "required": false; }; "selectNodesRecursive": { "alias": "selectNodesRecursive"; "required": false; }; "seletedKeyFields": { "alias": "seletedKeyFields"; "required": false; }; "keyField": { "alias": "keyField"; "required": false; }; "textField": { "alias": "textField"; "required": false; }; "hasChildField": { "alias": "hasChildField"; "required": false; }; "bordered": { "alias": "bordered"; "required": false; }; "lazyLoading": { "alias": "lazyLoading"; "required": false; }; "allowDrag": { "alias": "allowDrag"; "required": false; }; "size": { "alias": "size"; "required": false; }; "iconStart": { "alias": "iconStart"; "required": false; }; "closeIconName": { "alias": "closeIconName"; "required": false; }; "openIconName": { "alias": "openIconName"; "required": false; }; "axId": { "alias": "axId"; "required": false; }; "axClass": { "alias": "axClass"; "required": false; }; "contextMenuItems": { "alias": "contextMenuItems"; "required": false; }; }, { "selectionChanged": "selectionChanged"; "onItemOpening": "onItemOpening"; "onItemClick": "onItemClick"; "onItemClosing": "onItemClosing"; "onItemDrag": "onItemDrag"; "onItemMoved": "onItemMoved"; "onContextMenuItemClick": "onContextMenuItemClick"; }, ["nodeTemplate", "_contentDataSource"], never, false, never>;
 }

package/lib/tree-view/tree-view.component.d.ts

@@ -78,6 +78,8 @@ export declare class AXTreeViewComponent extends AXBaseComponent {
     isSelectedItem: boolean;
     loced: boolean;
     contextMenuItems: AXMenuItem[] | AXContextMenuPromiseFunction | AXContextMenuFunction;
+    axId?: string;
+    axClass?: string;
     constructor(ref: ElementRef);
     handleOnContextMenuItem(e: AXContextMenuItemClickEvent): void;
     refresh(): void;
@@ -117,5 +119,5 @@ export declare class AXTreeViewComponent extends AXBaseComponent {
     getSelectedKeyFields(): any[];
     getSelectedKeyFieldsParents(): any[];
     static ɵfac: i0.ɵɵFactoryDeclaration<AXTreeViewComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXTreeViewComponent, "ax-tree-view", never, { "selectionMode": { "alias": "selectionMode"; "required": false; }; "selectionLevel": { "alias": "selectionLevel"; "required": false; }; "selectedFieldName": { "alias": "selectedFieldName"; "required": false; }; "checkParents": { "alias": "checkParents"; "required": false; }; "checkChilds": { "alias": "checkChilds"; "required": false; }; "seletedKeyFields": { "alias": "seletedKeyFields"; "required": false; }; "keyField": { "alias": "keyField"; "required": false; }; "hasChildField": { "alias": "hasChildField"; "required": false; }; "bordered": { "alias": "bordered"; "required": false; }; "lazyLoading": { "alias": "lazyLoading"; "required": false; }; "allowDrag": { "alias": "allowDrag"; "required": false; }; "size": { "alias": "size"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "selectableField": { "alias": "selectableField"; "required": false; }; "contextMenuItems": { "alias": "contextMenuItems"; "required": false; }; }, { "selectionChanged": "selectionChanged"; "seletedKeyFieldsChanged": "seletedKeyFieldsChanged"; "onItemOpening": "onItemOpening"; "onItemClick": "onItemClick"; "onItemClosing": "onItemClosing"; "onItemDrag": "onItemDrag"; "onItemMoved": "onItemMoved"; "onContextMenuItemClick": "onContextMenuItemClick"; }, ["nodeTemplate", "_contentDataSource"], never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXTreeViewComponent, "ax-tree-view", never, { "selectionMode": { "alias": "selectionMode"; "required": false; }; "selectionLevel": { "alias": "selectionLevel"; "required": false; }; "selectedFieldName": { "alias": "selectedFieldName"; "required": false; }; "checkParents": { "alias": "checkParents"; "required": false; }; "checkChilds": { "alias": "checkChilds"; "required": false; }; "seletedKeyFields": { "alias": "seletedKeyFields"; "required": false; }; "keyField": { "alias": "keyField"; "required": false; }; "hasChildField": { "alias": "hasChildField"; "required": false; }; "bordered": { "alias": "bordered"; "required": false; }; "lazyLoading": { "alias": "lazyLoading"; "required": false; }; "allowDrag": { "alias": "allowDrag"; "required": false; }; "size": { "alias": "size"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "selectableField": { "alias": "selectableField"; "required": false; }; "contextMenuItems": { "alias": "contextMenuItems"; "required": false; }; "axId": { "alias": "axId"; "required": false; }; "axClass": { "alias": "axClass"; "required": false; }; }, { "selectionChanged": "selectionChanged"; "seletedKeyFieldsChanged": "seletedKeyFieldsChanged"; "onItemOpening": "onItemOpening"; "onItemClick": "onItemClick"; "onItemClosing": "onItemClosing"; "onItemDrag": "onItemDrag"; "onItemMoved": "onItemMoved"; "onContextMenuItemClick": "onContextMenuItemClick"; }, ["nodeTemplate", "_contentDataSource"], never, false, never>;
 }

package/lib/upload-file/upload-file.component.d.ts

@@ -23,6 +23,8 @@ export declare class AXUploadFileComponent extends AXBaseComponent implements AX
     onLoad: EventEmitter<AXUploadFileLoadEvent>;
     onProgress: EventEmitter<AXUploadFileProgressEvent>;
     onRemove: EventEmitter<any>;
+    axId: string;
+    axClass: string;
     fileTypes: any[];
     files: File[];
     focus(): void;
@@ -41,5 +43,5 @@ export declare class AXUploadFileComponent extends AXBaseComponent implements AX
     get accessTypes(): string[];
     private handleShowEmptyFile;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXUploadFileComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXUploadFileComponent, "ax-upload-file", never, { "contentType": { "alias": "contentType"; "required": false; }; "dropRef": { "alias": "dropRef"; "required": false; }; "progressRef": { "alias": "progressRef"; "required": false; }; "label": { "alias": "label"; "required": false; }; "size": { "alias": "size"; "required": false; }; "type": { "alias": "type"; "required": false; }; "template": { "alias": "template"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, { "onLoad": "onLoad"; "onProgress": "onProgress"; "onRemove": "onRemove"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXUploadFileComponent, "ax-upload-file", never, { "contentType": { "alias": "contentType"; "required": false; }; "dropRef": { "alias": "dropRef"; "required": false; }; "progressRef": { "alias": "progressRef"; "required": false; }; "label": { "alias": "label"; "required": false; }; "size": { "alias": "size"; "required": false; }; "type": { "alias": "type"; "required": false; }; "template": { "alias": "template"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "axId": { "alias": "axId"; "required": false; }; "axClass": { "alias": "axClass"; "required": false; }; }, { "onLoad": "onLoad"; "onProgress": "onProgress"; "onRemove": "onRemove"; }, never, never, false, never>;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@acorex/components",
-  "version": "16.18.13",
+  "version": "16.18.15",
   "peerDependencies": {
     "@angular/common": "^18.0.0",
     "@angular/core": "^18.0.0",