@acorex/components 16.18.14 → 16.18.16

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.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/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/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/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/package.json

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