@acorex/components 5.0.40 → 5.0.43

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

@@ -50,7 +50,7 @@ export declare class AXButtonClickEvent extends AXClickEvent {
 *  Fires each time the user click the element.
 * @category Events
 */
-export declare class AXItemClickEvent<T> extends AXEvent {
+export declare class AXItemClickEvent<T> extends AXHtmlEvent<MouseEvent> {
     item: T;
 }
 /**

package/lib/base/mixin/datalist-component.class.d.ts

@@ -3,9 +3,8 @@ import { Constructor } from './constratctor';
 export declare function _DatalistComponenetMixin<TBase extends Constructor<AXBaseComponent>>(Base: TBase): {
     new (...args: any[]): {
         valueField: string;
-        textField: string | string[];
-        groupValueField: string;
-        groupTextField: string | string[];
+        textField: string;
+        childrenField: string;
         pageSize: number;
         "__#2@#currentPage": number;
         "__#2@#isLoading": boolean;
@@ -23,6 +22,7 @@ export declare function _DatalistComponenetMixin<TBase extends Constructor<AXBas
         _onDataLoaded(): void;
         _getItemDisplayTextTemplte(item: any): any;
         _trackByFunction(item: any): any;
+        refresh(): void;
         id: string;
         rtl: boolean;
         cssClass: string;

package/lib/base/mixin/interactive-mixin.class.d.ts

@@ -29,6 +29,10 @@ export declare function _InteractiveComponenetMixin<TBase extends Constructor<AX
     *  Focuses the component.
     */
     focus(): void;
+    /**
+    *  Check component is focused or has any focused element.
+    */
+    hasFocus(): boolean;
     id: string;
     rtl: boolean;
     cssClass: string;

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

@@ -117,6 +117,7 @@ export declare const AXInteractiveComponenetMixin: {
     onBlur: import("@angular/core").EventEmitter<import("@acorex/components").AXFocusEvent>;
     _emitOnBlurEvent(e: FocusEvent): void;
     focus(): void;
+    hasFocus(): boolean;
     id: string;
     rtl: boolean;
     cssClass: string;
@@ -178,6 +179,7 @@ export declare const AXBaseClickableMixin: {
     onBlur: import("@angular/core").EventEmitter<import("@acorex/components").AXFocusEvent>;
     _emitOnBlurEvent(e: FocusEvent): void;
     focus(): void;
+    hasFocus(): boolean;
     id: string;
     rtl: boolean;
     cssClass: string;
@@ -267,6 +269,7 @@ export declare const AXBaseButtonMixin: {
     onBlur: import("@angular/core").EventEmitter<import("@acorex/components").AXFocusEvent>;
     _emitOnBlurEvent(e: FocusEvent): void;
     focus(): void;
+    hasFocus(): boolean;
     id: string;
     rtl: boolean;
     cssClass: string;
@@ -404,6 +407,7 @@ export declare const AXBaseTextBoxMixin: {
     onBlur: import("@angular/core").EventEmitter<import("@acorex/components").AXFocusEvent>;
     _emitOnBlurEvent(e: FocusEvent): void;
     focus(): void;
+    hasFocus(): boolean;
     id: string;
     rtl: boolean;
     cssClass: string;
@@ -481,7 +485,7 @@ export declare const AXBaseTextBoxMixin: {
     new (...args: any[]): {
         placeholder: string;
         maxLength: number;
-        autoComplete: boolean;
+        autoComplete: string;
         onKeyDown: import("@angular/core").EventEmitter<import("@acorex/components").AXHtmlEvent<KeyboardEvent>>;
         _emitOnKeydownEvent(e: KeyboardEvent): void;
         id: string;
@@ -549,6 +553,7 @@ export declare const AXBaseDropdownMixin: {
     onBlur: import("@angular/core").EventEmitter<import("@acorex/components").AXFocusEvent>;
     _emitOnBlurEvent(e: FocusEvent): void;
     focus(): void;
+    hasFocus(): boolean;
     id: string;
     rtl: boolean;
     cssClass: string;

package/lib/base/mixin/selection-component.class.d.ts

@@ -5,7 +5,7 @@ import { Constructor } from './constratctor';
 export declare function _SelectionComponenetMixin<TBase extends Constructor<AXBaseComponent>>(Base: TBase): {
     new (...args: any[]): {
         valueField: string;
-        textField: string | string[];
+        textField: string;
         disabledField: string;
         disabledCallback: (e: {
             item: any;

package/lib/base/mixin/textbox-mixin.class.d.ts

@@ -15,7 +15,7 @@ export declare function _TextboxComponenetMixin<TBase extends Constructor<AXBase
         /**
         *  Specifies that autocomplete is on or off.
         */
-        autoComplete: boolean;
+        autoComplete: string;
         /**
         *  Fires each time the user press a key.
         *  @event

package/lib/button/button-item.component.d.ts

@@ -11,6 +11,7 @@ export declare const AXBaseItemButtonMixin: (abstract new (...args: any[]) => {
     onBlur: import("@angular/core").EventEmitter<import("../base").AXFocusEvent>;
     _emitOnBlurEvent(e: FocusEvent): void;
     focus(): void;
+    hasFocus(): boolean;
     id: string;
     rtl: boolean;
     cssClass: string;

package/lib/button/button.component.d.ts

@@ -11,7 +11,7 @@ export declare class AXButtonComponent extends AXBaseButtonMixin {
     *  @ignore
     */
     constructor(elementRef: ElementRef, cdr: ChangeDetectorRef);
-    onKeydownHandler(e: KeyboardEvent): boolean;
+    onKeydownHandler(e: KeyboardEvent): void;
     _emitOnClickEvent(e: MouseEvent): void;
     _emitOnFocusEvent(e: MouseEvent): void;
     _emitOnBlurEvent(e: MouseEvent): void;

package/lib/datalist/datalist.module.d.ts

@@ -2,8 +2,10 @@ import * as i0 from "@angular/core";
 import * as i1 from "./datalist.component";
 import * as i2 from "@angular/common";
 import * as i3 from "../button/button.module";
+import * as i4 from "../loading/loading.module";
+import * as i5 from "@acorex/core";
 export declare class AXDataListModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<AXDataListModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<AXDataListModule, [typeof i1.AXDataListComponent], [typeof i2.CommonModule, typeof i3.AXButtonModule], [typeof i1.AXDataListComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<AXDataListModule, [typeof i1.AXDataListComponent], [typeof i2.CommonModule, typeof i3.AXButtonModule, typeof i4.AXLoadingModule, typeof i5.AXTranslationModule], [typeof i1.AXDataListComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<AXDataListModule>;
 }

package/lib/datepicker/datepicker.component.d.ts

@@ -15,6 +15,7 @@ export declare const AXBaseDatePickerMixin: (abstract new (...args: any[]) => {
     onBlur: EventEmitter<import("../base").AXFocusEvent>;
     _emitOnBlurEvent(e: FocusEvent): void;
     focus(): void;
+    hasFocus(): boolean;
     id: string;
     rtl: boolean;
     cssClass: string;
@@ -127,7 +128,7 @@ export declare const AXBaseDatePickerMixin: (abstract new (...args: any[]) => {
     new (...args: any[]): {
         placeholder: string;
         maxLength: number;
-        autoComplete: boolean;
+        autoComplete: string;
         onKeyDown: EventEmitter<import("../base").AXHtmlEvent<KeyboardEvent>>;
         _emitOnKeydownEvent(e: KeyboardEvent): void;
         id: string;

package/lib/menu/index.d.ts

@@ -0,0 +1,2 @@
+export * from './menu.component';
+export * from './menu.module';

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

@@ -0,0 +1,32 @@
+import { ElementRef, ChangeDetectorRef, EventEmitter } from '@angular/core';
+import { AXBaseComponentMixin, AXItemClickEvent } from '../base';
+import * as i0 from "@angular/core";
+export interface AXMenuItems {
+    id?: string;
+    name?: string;
+    text?: string;
+    tooltip?: string;
+    parentId?: string;
+    icon?: string;
+    visible?: boolean;
+    disable?: boolean;
+    selected?: boolean;
+    data?: any;
+    style?: string;
+    children?: AXMenuItems[];
+    isOpen?: boolean;
+    isActive?: boolean;
+    onClick?: (e?: any) => void;
+}
+export declare class AXMenuComponent extends AXBaseComponentMixin {
+    private elementRef;
+    private cdr;
+    constructor(elementRef: ElementRef, cdr: ChangeDetectorRef);
+    items: AXMenuItems[];
+    onMenuItemClick: EventEmitter<AXItemClickEvent<AXMenuItems>>;
+    onMenuClick(e: MouseEvent, item: AXMenuItems): void;
+    notActive(items: AXMenuItems[]): void;
+    closeChild(items: AXMenuItems[]): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXMenuComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXMenuComponent, "ax-menu", never, { "items": "items"; }, { "onMenuItemClick": "onMenuItemClick"; }, never, never>;
+}

package/lib/menu/menu.module.d.ts

@@ -0,0 +1,9 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./menu.component";
+import * as i2 from "@angular/common";
+import * as i3 from "../icon/icon.module";
+export declare class AXMenuModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXMenuModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<AXMenuModule, [typeof i1.AXMenuComponent], [typeof i2.CommonModule, typeof i3.AXIconModule], [typeof i1.AXMenuComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<AXMenuModule>;
+}

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

@@ -60,7 +60,6 @@ export declare class AXNumberBoxComponent extends AXBaseTextBoxMixin {
     *  @ignore
     */
     constructor(elementRef: ElementRef, cdr: ChangeDetectorRef);
-    private toNum;
     onViewInit(): void;
     _onOptionChanged(option: AXComponentOptionChanged): void;
     private _updateMask;

package/lib/page/base-page.class.d.ts

@@ -28,6 +28,8 @@ export declare class AXBasePageComponent {
     private _isLoading;
     get isLoading(): boolean;
     set isLoading(v: boolean);
+    private _isPopup;
+    get isPopup(): boolean;
     onClosed: EventEmitter<AXPageCloseEvent>;
     close(data?: any): void;
     onClosing(e: AXPageClosing): void | Promise<void>;

package/lib/page/index.d.ts

@@ -1,4 +1,5 @@
 export * from './page.component';
 export * from './base-page.class';
 export * from './page-footer.component';
+export * from './page-header.component';
 export * from './page.module';

package/lib/page/page-header.component.d.ts

@@ -0,0 +1,7 @@
+import { TemplateRef } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class AXPageHeaderComponent {
+    template: TemplateRef<any>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXPageHeaderComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXPageHeaderComponent, "ax-page-header", never, {}, {}, never, ["ax-prefix", "ax-suffix"]>;
+}

package/lib/page/page.module.d.ts

@@ -1,7 +1,8 @@
 import * as i0 from "@angular/core";
 import * as i1 from "./page-footer.component";
+import * as i2 from "./page-header.component";
 export declare class AXPageModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<AXPageModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<AXPageModule, [typeof i1.AXPageFooterComponent], never, [typeof i1.AXPageFooterComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<AXPageModule, [typeof i1.AXPageFooterComponent, typeof i2.AXPageHeaderComponent], never, [typeof i1.AXPageFooterComponent, typeof i2.AXPageHeaderComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<AXPageModule>;
 }

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

@@ -1,11 +1,11 @@
 import { NgZone, ChangeDetectorRef, TemplateRef, ElementRef, ViewContainerRef, EventEmitter } from '@angular/core';
-import { AXBaseComponent, AXConnectedPosition, AXEvent } from '../base';
+import { AXBaseComponent, AXConnectedPosition, AXEvent, AXInteractiveComponenetMixin } from '../base';
 import { Overlay, OverlayRef } from '@angular/cdk/overlay';
 import { AXPlatform } from '@acorex/core';
 import { TemplatePortal } from '@angular/cdk/portal';
 import { Subscription } from 'rxjs';
 import * as i0 from "@angular/core";
-export declare class AXPopoverComponent extends AXBaseComponent {
+export declare class AXPopoverComponent extends AXInteractiveComponenetMixin {
     private _elementRef;
     _cdr: ChangeDetectorRef;
     private _zone;

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

@@ -1,5 +1,5 @@
 import { AXPlatform } from '@acorex/core';
-import { ChangeDetectorRef, ElementRef, NgZone } from '@angular/core';
+import { ChangeDetectorRef, ElementRef, NgZone, TemplateRef } from '@angular/core';
 import { AXBaseSelectionDropdownMixin, AXClickEvent } from '../base';
 import { AXPopoverComponent } from '../popover';
 import * as i0 from "@angular/core";
@@ -12,8 +12,11 @@ export declare class AXSelectBoxComponent extends AXBaseSelectionDropdownMixin {
     _target: HTMLDivElement;
     _popoverTitle: string;
     _popoverWidth: number;
+    clearButton: boolean;
     checkbox: boolean;
     private listContainer;
+    private _contentEmptyTemplate;
+    get emptyTemplate(): TemplateRef<any>;
     _currentfocusedIndex: number;
     _isMobile: boolean;
     constructor(_elementRef: ElementRef<HTMLDivElement>, _cdr: ChangeDetectorRef, _zone: NgZone, _platform: AXPlatform);
@@ -21,17 +24,21 @@ export declare class AXSelectBoxComponent extends AXBaseSelectionDropdownMixin {
     _handleInputClickEvent(e: MouseEvent): void;
     onInit(): void;
     onViewInit(): void;
+    refresh(): void;
     _handleOnItemClick(e: MouseEvent, item: any): void;
     _handleListScroll(e: Event): void;
     private _checkForLoadData;
     _onDataLoaded(): void;
+    _onValueChanged(oldValue: any, newValue: any): void;
     _handleOnRemoveItemClick(e: MouseEvent, item: any): void;
     _handleBadgeRemove(e: MouseEvent, item: any): void;
     _handleKeydown(e: KeyboardEvent): void;
+    _handlePopoverKeydown(e: KeyboardEvent): void;
+    _handlePopupOnOpened(e: any): void;
     private _focusItemByNav;
     private _focusItemByIndex;
     private _focusSelectedItem;
     private _selectedItemByIndex;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXSelectBoxComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXSelectBoxComponent, "ax-select-box", never, { "isOpen": "isOpen"; "fitParent": "fitParent"; "dropdownWidth": "dropdownWidth"; "position": "position"; "disabled": "disabled"; "tabIndex": "tabIndex"; "readonly": "readonly"; "allowNull": "allowNull"; "value": "value"; "debounceTime": "debounceTime"; "name": "name"; "checked": "checked"; "placeholder": "placeholder"; "maxLength": "maxLength"; "pageSize": "pageSize"; "valueField": "valueField"; "textField": "textField"; "items": "items"; "disabledField": "disabledField"; "disabledCallback": "disabledCallback"; "multiple": "multiple"; "selectionMode": "selectionMode"; "checkbox": "checkbox"; }, { "onOpened": "onOpened"; "onClosed": "onClosed"; "onBlur": "onBlur"; "onFocus": "onFocus"; "valueChange": "valueChange"; "onValueChanged": "onValueChanged"; "valueChanged": "valueChanged"; }, never, ["ax-prefix", "ax-validation-rule", "ax-suffix"]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXSelectBoxComponent, "ax-select-box", never, { "isOpen": "isOpen"; "fitParent": "fitParent"; "dropdownWidth": "dropdownWidth"; "position": "position"; "disabled": "disabled"; "tabIndex": "tabIndex"; "readonly": "readonly"; "allowNull": "allowNull"; "value": "value"; "debounceTime": "debounceTime"; "name": "name"; "checked": "checked"; "placeholder": "placeholder"; "maxLength": "maxLength"; "pageSize": "pageSize"; "valueField": "valueField"; "textField": "textField"; "items": "items"; "disabledField": "disabledField"; "disabledCallback": "disabledCallback"; "multiple": "multiple"; "selectionMode": "selectionMode"; "clearButton": "clearButton"; "checkbox": "checkbox"; }, { "onOpened": "onOpened"; "onClosed": "onClosed"; "onBlur": "onBlur"; "onFocus": "onFocus"; "valueChange": "valueChange"; "onValueChanged": "onValueChanged"; "valueChanged": "valueChanged"; }, ["_contentEmptyTemplate"], ["ax-prefix", "ax-validation-rule", "ax-suffix"]>;
 }

package/lib/selectbox/selectbox.module.d.ts

@@ -11,8 +11,9 @@ import * as i9 from "../popover/popover.module";
 import * as i10 from "../button/button.module";
 import * as i11 from "../label/label.module";
 import * as i12 from "../loading/loading.module";
+import * as i13 from "@angular/cdk/a11y";
 export declare class AXSelectBoxModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<AXSelectBoxModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<AXSelectBoxModule, [typeof i1.AXSelectBoxComponent], [typeof i2.CommonModule, typeof i3.FormsModule, typeof i4.AXCheckBoxModule, typeof i5.AXBadgeModule, typeof i6.AXEditorDecoratorModule, typeof i7.AXTranslationModule, typeof i8.AXIconModule, typeof i9.AXPopoverModule, typeof i10.AXButtonModule, typeof i11.AXLabelModule, typeof i12.AXLoadingModule], [typeof i1.AXSelectBoxComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<AXSelectBoxModule, [typeof i1.AXSelectBoxComponent], [typeof i2.CommonModule, typeof i3.FormsModule, typeof i4.AXCheckBoxModule, typeof i5.AXBadgeModule, typeof i6.AXEditorDecoratorModule, typeof i7.AXTranslationModule, typeof i8.AXIconModule, typeof i9.AXPopoverModule, typeof i10.AXButtonModule, typeof i11.AXLabelModule, typeof i12.AXLoadingModule, typeof i13.A11yModule], [typeof i1.AXSelectBoxComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<AXSelectBoxModule>;
 }

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

@@ -2,9 +2,11 @@ import { ChangeDetectorRef, ElementRef } from '@angular/core';
 import { AXBaseValueComponentMixin } from '../base';
 import * as i0 from "@angular/core";
 export declare class AXSwitchComponent extends AXBaseValueComponentMixin {
+    uncheckedText: string;
+    checkedText: string;
+    loading: boolean;
     constructor(elementRef: ElementRef, cdr: ChangeDetectorRef);
-    handleOnClickEvent(e: MouseEvent): void;
-    private get __hostClass();
+    _handleOnClickEvent(e: MouseEvent): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXSwitchComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXSwitchComponent, "ax-switch", never, { "disabled": "disabled"; "readonly": "readonly"; "tabIndex": "tabIndex"; "size": "size"; "cssClass": "cssClass"; "cssStyle": "cssStyle"; "allowNull": "allowNull"; "value": "value"; "debounceTime": "debounceTime"; "name": "name"; "checked": "checked"; }, { "onBlur": "onBlur"; "onFocus": "onFocus"; "valueChange": "valueChange"; "onValueChanged": "onValueChanged"; }, never, ["ax-validation-rule"]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXSwitchComponent, "ax-switch", never, { "disabled": "disabled"; "readonly": "readonly"; "tabIndex": "tabIndex"; "size": "size"; "cssClass": "cssClass"; "cssStyle": "cssStyle"; "allowNull": "allowNull"; "value": "value"; "debounceTime": "debounceTime"; "name": "name"; "checked": "checked"; "uncheckedText": "uncheckedText"; "checkedText": "checkedText"; "loading": "loading"; }, { "onBlur": "onBlur"; "onFocus": "onFocus"; "valueChange": "valueChange"; "onValueChanged": "onValueChanged"; }, never, ["ax-prefix", "ax-suffix"]>;
 }

package/lib/switch/switch.module.d.ts

@@ -2,8 +2,9 @@ import * as i0 from "@angular/core";
 import * as i1 from "./switch.component";
 import * as i2 from "@angular/common";
 import * as i3 from "@angular/forms";
+import * as i4 from "../loading/loading.module";
 export declare class AXSwitchModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<AXSwitchModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<AXSwitchModule, [typeof i1.AXSwitchComponent], [typeof i2.CommonModule, typeof i3.FormsModule], [typeof i1.AXSwitchComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<AXSwitchModule, [typeof i1.AXSwitchComponent], [typeof i2.CommonModule, typeof i3.FormsModule, typeof i4.AXLoadingModule], [typeof i1.AXSwitchComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<AXSwitchModule>;
 }

package/lib/textarea/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./textarea.component";
+export * from "./textarea.module";

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

@@ -0,0 +1,12 @@
+import { ChangeDetectorRef, ElementRef } from '@angular/core';
+import { AXBaseTextBoxMixin } from '../base';
+import * as i0 from "@angular/core";
+export declare class AXTextareaComponent extends AXBaseTextBoxMixin {
+    rows: number;
+    /**
+   *  @ignore
+   */
+    constructor(elementRef: ElementRef, cdr: ChangeDetectorRef);
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXTextareaComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXTextareaComponent, "ax-textarea", never, { "disabled": "disabled"; "tabIndex": "tabIndex"; "readonly": "readonly"; "allowNull": "allowNull"; "value": "value"; "debounceTime": "debounceTime"; "name": "name"; "checked": "checked"; "placeholder": "placeholder"; "maxLength": "maxLength"; "rows": "rows"; }, { "onBlur": "onBlur"; "onFocus": "onFocus"; "valueChange": "valueChange"; "onValueChanged": "onValueChanged"; }, never, ["ax-prefix"]>;
+}

package/lib/textarea/textarea.module.d.ts

@@ -0,0 +1,9 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./textarea.component";
+import * as i2 from "@angular/common";
+import * as i3 from "@angular/forms";
+export declare class AXTextareaModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXTextareaModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<AXTextareaModule, [typeof i1.AXTextareaComponent], [typeof i2.CommonModule, typeof i3.FormsModule], [typeof i1.AXTextareaComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<AXTextareaModule>;
+}

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

@@ -1,29 +1,40 @@
 import { ElementRef, ChangeDetectorRef, EventEmitter } from '@angular/core';
-import { MaskApplierService } from 'ngx-mask';
-import { AXBaseTextBoxMixin } from '../base';
+import IMask from 'imask';
+import { AXBaseTextBoxMixin, AXComponentOptionChanged } from '../base';
 import * as i0 from "@angular/core";
+export declare type AX_TIME_FORMAT = 'HH:mm' | 'HH:mm:ss';
 export declare class AXTimeBoxComponent extends AXBaseTextBoxMixin {
     private cdr;
-    private _maskService;
-    get hostClass(): string;
     private _minValue;
     get minValue(): Date;
     set minValue(v: Date);
     private _maxValue;
     get maxValue(): Date;
     set maxValue(v: Date);
-    format: string;
+    formatChange: EventEmitter<string>;
+    private _format;
+    get format(): AX_TIME_FORMAT;
+    set format(v: AX_TIME_FORMAT);
     displayTextChange: EventEmitter<string>;
     private _displayText;
     get displayText(): string;
     set displayText(v: string);
-    constructor(elementRef: ElementRef, cdr: ChangeDetectorRef, _maskService: MaskApplierService);
+    /**
+    *  @ignore
+    */
+    _maskObj: IMask.MaskedPattern;
+    private _maskDirective;
+    constructor(elementRef: ElementRef, cdr: ChangeDetectorRef);
+    onViewInit(): void;
+    _onValueChanged(oldValue?: any, newValue?: any): void;
+    _updateText(): void;
+    _onOptionChanged(option: AXComponentOptionChanged): void;
+    private _updateMask;
     _handleOnKeydownEvent(e: KeyboardEvent): void;
-    _onValueChanging(value: Date): Date;
-    _fixValue(value: Date): Date;
-    _format(value: Date): string;
-    _onValueChanged(oldValue: any, newValue: any): void;
-    _handleOnBlurEvent(e: FocusEvent): void;
+    _handleKeyUpEvent(e: KeyboardEvent): void;
+    _emitOnFocusEvent(e: FocusEvent): void;
+    _handleOnInputClickEvent(e: MouseEvent): void;
+    private _highlightPart;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXTimeBoxComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXTimeBoxComponent, "ax-time-box", never, { "disabled": "disabled"; "readonly": "readonly"; "tabIndex": "tabIndex"; "size": "size"; "value": "value"; "placeholder": "placeholder"; "maxLength": "maxLength"; "allowNull": "allowNull"; "debounceTime": "debounceTime"; "name": "name"; "checked": "checked"; "minValue": "minValue"; "maxValue": "maxValue"; "format": "format"; "displayText": "displayText"; }, { "valueChange": "valueChange"; "onValueChanged": "onValueChanged"; "onBlur": "onBlur"; "onFocus": "onFocus"; "displayTextChange": "displayTextChange"; }, never, ["ax-prefix", "ax-suffix", "ax-validation-rule"]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXTimeBoxComponent, "ax-time-box", never, { "disabled": "disabled"; "readonly": "readonly"; "tabIndex": "tabIndex"; "size": "size"; "value": "value"; "placeholder": "placeholder"; "maxLength": "maxLength"; "allowNull": "allowNull"; "debounceTime": "debounceTime"; "name": "name"; "checked": "checked"; "minValue": "minValue"; "maxValue": "maxValue"; "format": "format"; "displayText": "displayText"; }, { "valueChange": "valueChange"; "onValueChanged": "onValueChanged"; "onBlur": "onBlur"; "onFocus": "onFocus"; "formatChange": "formatChange"; "displayTextChange": "displayTextChange"; }, never, ["ax-prefix", "ax-suffix", "ax-validation-rule"]>;
 }

package/lib/time-box/time-box.module.d.ts

@@ -3,9 +3,9 @@ import * as i1 from "./time-box.component";
 import * as i2 from "@angular/common";
 import * as i3 from "@angular/forms";
 import * as i4 from "../button/button.module";
-import * as i5 from "ngx-mask";
+import * as i5 from "angular-imask";
 export declare class AXTimeBoxModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<AXTimeBoxModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<AXTimeBoxModule, [typeof i1.AXTimeBoxComponent], [typeof i2.CommonModule, typeof i3.FormsModule, typeof i4.AXButtonModule, typeof i5.NgxMaskModule], [typeof i1.AXTimeBoxComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<AXTimeBoxModule, [typeof i1.AXTimeBoxComponent], [typeof i2.CommonModule, typeof i3.FormsModule, typeof i4.AXButtonModule, typeof i5.IMaskModule], [typeof i1.AXTimeBoxComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<AXTimeBoxModule>;
 }

package/lib/treeview/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./tree-view.component";
+export * from './tree-view.module';

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

@@ -0,0 +1,24 @@
+import { OnInit } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class AXTreeViewComponent implements OnInit {
+    constructor();
+    ngOnInit(): void;
+    list: {
+        title: string;
+        children: {
+            title: string;
+            children: {
+                title: string;
+                children: {
+                    title: string;
+                    children: {
+                        title: string;
+                        children: any[];
+                    }[];
+                }[];
+            }[];
+        }[];
+    }[];
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXTreeViewComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXTreeViewComponent, "ax-tree-view", never, {}, {}, never, never>;
+}

package/lib/treeview/tree-view.module.d.ts

@@ -0,0 +1,9 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./tree-view.component";
+import * as i2 from "@angular/common";
+import * as i3 from "../checkbox/checkbox.module";
+export declare class AXTreeViewModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXTreeViewModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<AXTreeViewModule, [typeof i1.AXTreeViewComponent], [typeof i2.CommonModule, typeof i3.AXCheckBoxModule], [typeof i1.AXTreeViewComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<AXTreeViewModule>;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@acorex/components",
-  "version": "5.0.40",
+  "version": "5.0.43",
   "peerDependencies": {
     "@angular/common": "^13.2.0",
     "@angular/core": "^13.2.0",

package/public-api.d.ts

@@ -21,6 +21,7 @@ export * from "./lib/icon";
 export * from "./lib/input-mask";
 export * from "./lib/label";
 export * from "./lib/loading";
+export * from "./lib/menu";
 export * from "./lib/number-box";
 export * from "./lib/page";
 export * from "./lib/password-box";
@@ -30,11 +31,12 @@ export * from "./lib/radio";
 export * from "./lib/range-slider";
 export * from "./lib/selectbox";
 export * from "./lib/selection-list";
-export * from "./lib/side-menu";
 export * from "./lib/switch";
 export * from "./lib/tabs";
+export * from "./lib/textarea";
+export * from "./lib/textbox";
 export * from "./lib/time-box";
 export * from "./lib/toast";
 export * from "./lib/tooltip";
-export * from "./lib/textbox";
+export * from "./lib/treeview";
 export * from "./lib/validation";

package/esm2020/lib/side-menu/index.mjs

@@ -1,3 +0,0 @@
-export * from './side-menu.component';
-export * from './side-menu.module';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9hY29yZXgvY29tcG9uZW50cy9zcmMvbGliL3NpZGUtbWVudS9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxjQUFjLHVCQUF1QixDQUFDO0FBQ3RDLGNBQWMsb0JBQW9CLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgKiBmcm9tICcuL3NpZGUtbWVudS5jb21wb25lbnQnO1xyXG5leHBvcnQgKiBmcm9tICcuL3NpZGUtbWVudS5tb2R1bGUnO1xyXG4iXX0=

package/esm2020/lib/side-menu/side-menu.component.mjs

@@ -1,15 +0,0 @@
-import { Component, ViewEncapsulation, ChangeDetectionStrategy } from '@angular/core';
-import { AXBaseComponentMixin } from '../base';
-import * as i0 from "@angular/core";
-export class AXSideMenuComponent extends AXBaseComponentMixin {
-    constructor(elementRef, cdr) {
-        super(elementRef, cdr);
-    }
-}
-AXSideMenuComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: AXSideMenuComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-AXSideMenuComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.0", type: AXSideMenuComponent, selector: "ax-side-menu", host: { classAttribute: "ax-side-menu" }, usesInheritance: true, ngImport: i0, template: "\r\n<div>Hi ax-side-menu</div>\r\n", changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: AXSideMenuComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'ax-side-menu', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: { class: 'ax-side-menu' }, template: "\r\n<div>Hi ax-side-menu</div>\r\n" }]
-        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }]; } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2lkZS1tZW51LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2Fjb3JleC9jb21wb25lbnRzL3NyYy9saWIvc2lkZS1tZW51L3NpZGUtbWVudS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9hY29yZXgvY29tcG9uZW50cy9zcmMvbGliL3NpZGUtbWVudS9zaWRlLW1lbnUuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxpQkFBaUIsRUFBRSx1QkFBdUIsRUFBaUMsTUFBTSxlQUFlLENBQUM7QUFDckgsT0FBTyxFQUFFLG9CQUFvQixFQUFFLE1BQU0sU0FBUyxDQUFDOztBQVMvQyxNQUFNLE9BQU8sbUJBQW9CLFNBQVEsb0JBQW9CO0lBRXpELFlBQ0ksVUFBc0IsRUFDdEIsR0FBc0I7UUFFdEIsS0FBSyxDQUFDLFVBQVUsRUFBRSxHQUFHLENBQUMsQ0FBQztJQUMzQixDQUFDOztnSEFQUSxtQkFBbUI7b0dBQW5CLG1CQUFtQixxSENWaEMsb0NBRUE7MkZEUWEsbUJBQW1CO2tCQVAvQixTQUFTOytCQUNJLGNBQWMsbUJBRVAsdUJBQXVCLENBQUMsTUFBTSxpQkFDaEMsaUJBQWlCLENBQUMsSUFBSSxRQUM5QixFQUFFLEtBQUssRUFBRSxjQUFjLEVBQUUiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIFZpZXdFbmNhcHN1bGF0aW9uLCBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgRWxlbWVudFJlZiwgQ2hhbmdlRGV0ZWN0b3JSZWYgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgQVhCYXNlQ29tcG9uZW50TWl4aW4gfSBmcm9tICcuLi9iYXNlJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gICAgc2VsZWN0b3I6ICdheC1zaWRlLW1lbnUnLFxyXG4gICAgdGVtcGxhdGVVcmw6ICcuL3NpZGUtbWVudS5jb21wb25lbnQuaHRtbCcsXHJcbiAgICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcclxuICAgIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXHJcbiAgICBob3N0IDogeyBjbGFzczogJ2F4LXNpZGUtbWVudScgfVxyXG59KVxyXG5leHBvcnQgY2xhc3MgQVhTaWRlTWVudUNvbXBvbmVudCBleHRlbmRzIEFYQmFzZUNvbXBvbmVudE1peGluIHtcclxuXHJcbiAgICBjb25zdHJ1Y3RvcihcclxuICAgICAgICBlbGVtZW50UmVmOiBFbGVtZW50UmVmLCBcclxuICAgICAgICBjZHI6IENoYW5nZURldGVjdG9yUmVmXHJcbiAgICApIHtcclxuICAgICAgICBzdXBlcihlbGVtZW50UmVmLCBjZHIpO1xyXG4gICAgfVxyXG5cclxufVxyXG4iLCJcclxuPGRpdj5IaSBheC1zaWRlLW1lbnU8L2Rpdj5cclxuIl19

package/esm2020/lib/side-menu/side-menu.module.mjs

@@ -1,21 +0,0 @@
-import { NgModule } from '@angular/core';
-import { CommonModule } from '@angular/common';
-import { AXSideMenuComponent } from './side-menu.component';
-import * as i0 from "@angular/core";
-const COMPONENT = [AXSideMenuComponent];
-const MODULES = [CommonModule];
-export class AXSideMenuModule {
-}
-AXSideMenuModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: AXSideMenuModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-AXSideMenuModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: AXSideMenuModule, declarations: [AXSideMenuComponent], imports: [CommonModule], exports: [AXSideMenuComponent] });
-AXSideMenuModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: AXSideMenuModule, providers: [], imports: [[...MODULES]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: AXSideMenuModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [...COMPONENT],
-                    imports: [...MODULES],
-                    exports: [...COMPONENT],
-                    providers: [],
-                }]
-        }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2lkZS1tZW51Lm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2Fjb3JleC9jb21wb25lbnRzL3NyYy9saWIvc2lkZS1tZW51L3NpZGUtbWVudS5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sdUJBQXVCLENBQUM7O0FBRTVELE1BQU0sU0FBUyxHQUFHLENBQUMsbUJBQW1CLENBQUMsQ0FBQztBQUN4QyxNQUFNLE9BQU8sR0FBRyxDQUFDLFlBQVksQ0FBQyxDQUFDO0FBUS9CLE1BQU0sT0FBTyxnQkFBZ0I7OzZHQUFoQixnQkFBZ0I7OEdBQWhCLGdCQUFnQixpQkFUVixtQkFBbUIsYUFDckIsWUFBWSxhQURWLG1CQUFtQjs4R0FTekIsZ0JBQWdCLGFBRmQsRUFBRSxZQUZKLENBQUMsR0FBRyxPQUFPLENBQUM7MkZBSVosZ0JBQWdCO2tCQU41QixRQUFRO21CQUFDO29CQUNOLFlBQVksRUFBRSxDQUFDLEdBQUcsU0FBUyxDQUFDO29CQUM1QixPQUFPLEVBQUUsQ0FBQyxHQUFHLE9BQU8sQ0FBQztvQkFDckIsT0FBTyxFQUFFLENBQUMsR0FBRyxTQUFTLENBQUM7b0JBQ3ZCLFNBQVMsRUFBRSxFQUFFO2lCQUNoQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XHJcbmltcG9ydCB7IEFYU2lkZU1lbnVDb21wb25lbnQgfSBmcm9tICcuL3NpZGUtbWVudS5jb21wb25lbnQnO1xyXG5cclxuY29uc3QgQ09NUE9ORU5UID0gW0FYU2lkZU1lbnVDb21wb25lbnRdO1xyXG5jb25zdCBNT0RVTEVTID0gW0NvbW1vbk1vZHVsZV07XHJcblxyXG5ATmdNb2R1bGUoe1xyXG4gICAgZGVjbGFyYXRpb25zOiBbLi4uQ09NUE9ORU5UXSxcclxuICAgIGltcG9ydHM6IFsuLi5NT0RVTEVTXSxcclxuICAgIGV4cG9ydHM6IFsuLi5DT01QT05FTlRdLFxyXG4gICAgcHJvdmlkZXJzOiBbXSxcclxufSlcclxuZXhwb3J0IGNsYXNzIEFYU2lkZU1lbnVNb2R1bGUgeyB9XHJcbiJdfQ==

package/lib/side-menu/index.d.ts

@@ -1,2 +0,0 @@
-export * from './side-menu.component';
-export * from './side-menu.module';

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

@@ -1,8 +0,0 @@
-import { ElementRef, ChangeDetectorRef } from '@angular/core';
-import { AXBaseComponentMixin } from '../base';
-import * as i0 from "@angular/core";
-export declare class AXSideMenuComponent extends AXBaseComponentMixin {
-    constructor(elementRef: ElementRef, cdr: ChangeDetectorRef);
-    static ɵfac: i0.ɵɵFactoryDeclaration<AXSideMenuComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXSideMenuComponent, "ax-side-menu", never, {}, {}, never, never>;
-}

package/lib/side-menu/side-menu.module.d.ts

@@ -1,8 +0,0 @@
-import * as i0 from "@angular/core";
-import * as i1 from "./side-menu.component";
-import * as i2 from "@angular/common";
-export declare class AXSideMenuModule {
-    static ɵfac: i0.ɵɵFactoryDeclaration<AXSideMenuModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<AXSideMenuModule, [typeof i1.AXSideMenuComponent], [typeof i2.CommonModule], [typeof i1.AXSideMenuComponent]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<AXSideMenuModule>;
-}