@acorex/components 5.0.41 → 5.0.44

package/lib/base/common.module.d.ts

@@ -1,7 +1,8 @@
 import * as i0 from "@angular/core";
 import * as i1 from "./responsive.directive";
+import * as i2 from "./infinite-scroll.directive";
 export declare class AXCommonModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<AXCommonModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<AXCommonModule, [typeof i1.AXResponsiveDirective], never, [typeof i1.AXResponsiveDirective]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<AXCommonModule, [typeof i1.AXResponsiveDirective, typeof i2.AXInfiniteScrollerDirective], never, [typeof i1.AXResponsiveDirective, typeof i2.AXInfiniteScrollerDirective]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<AXCommonModule>;
 }

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/index.d.ts

@@ -3,4 +3,5 @@ export * from './events.class';
 export * from './drawing.class';
 export * from './styles.class';
 export * from './responsive.directive';
+export * from './infinite-scroll.directive';
 export * from './common.module';

package/lib/base/infinite-scroll.directive.d.ts

@@ -0,0 +1,25 @@
+import { AfterViewInit, ElementRef } from '@angular/core';
+import * as i0 from "@angular/core";
+export interface AXScrollPosition {
+    scrollHeight: number;
+    scrollTop: number;
+    clientHeight: number;
+}
+export declare class AXInfiniteScrollerDirective implements AfterViewInit {
+    private elm;
+    private scrollEvent$;
+    private userScrolledDown$;
+    private requestOnScroll$;
+    scrollCallback: Function;
+    immediateCallback: any;
+    scrollPercent: number;
+    constructor(elm: ElementRef);
+    ngAfterViewInit(): void;
+    private registerScrollEvent;
+    private streamScrollEvents;
+    private requestCallbackOnScroll;
+    private isUserScrollingDown;
+    private isScrollExpectedPercent;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXInfiniteScrollerDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<AXInfiniteScrollerDirective, "[axInfiniteScroller]", never, { "scrollCallback": "scrollCallback"; "immediateCallback": "immediateCallback"; "scrollPercent": "scrollPercent"; }, {}, never>;
+}

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

@@ -1,28 +1,35 @@
 import { AXBaseComponent } from './base-components.class';
 import { Constructor } from './constratctor';
+import { AXDataListItems } from './datalist.class';
 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;
         "__#2@#loadedItems": any[];
+        "__#2@#flatItems": any[];
         "__#2@#totalItems": number;
         "__#2@#isLazy": boolean;
         readonly totalCount: number;
         readonly loadedCount: number;
-        "__#2@#items": any;
-        items: any;
-        readonly displayItems: any;
+        "__#2@#items": AXDataListItems;
+        items: AXDataListItems;
+        readonly displayItems: any[];
+        readonly flatItems: any[];
         readonly isLoading: boolean;
         _formatData(v: any[]): any[];
-        _fetchData(): void;
+        _fetchData(opts?: {
+            searchQuery?: string;
+        }): void;
         _onDataLoaded(): void;
+        "__#2@#generateFlatItems"(): void;
         _getItemDisplayTextTemplte(item: any): any;
         _trackByFunction(item: any): any;
+        refresh(): void;
+        empty(): void;
         id: string;
         rtl: boolean;
         cssClass: string;

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

@@ -0,0 +1,11 @@
+export interface AXDataListQuery {
+    take?: number;
+    skip?: number;
+    searchQuery?: string;
+}
+export interface AXDataListFetchCallbackResult {
+    items: any[];
+    total: number;
+}
+export declare type AXDataListFetchDataCallback = (e: AXDataListQuery) => Promise<any[] | AXDataListFetchCallbackResult>;
+export declare type AXDataListItems = any[] | AXDataListFetchDataCallback;

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

@@ -1,4 +1,5 @@
 import { AXBaseComponent } from './base-components.class';
+export * from './datalist.class';
 export declare const AXBaseComponentMixin: {
     new (...args: any[]): {
         id: string;
@@ -117,6 +118,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 +180,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 +270,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 +408,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 +486,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 +554,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;
@@ -15,6 +15,7 @@ export declare function _SelectionComponenetMixin<TBase extends Constructor<AXBa
         selectionMode: 'value' | 'item';
         readonly items: any[];
         readonly displayItems: any[];
+        readonly flatItems: any[];
         valueChange: EventEmitter<any>;
         onValueChanged: EventEmitter<AXSelectionValueChangedEvent>;
         _onInternalInit(): void;

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/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,6 +1,6 @@
 import { AXPlatform } from '@acorex/core';
-import { ChangeDetectorRef, ElementRef, NgZone } from '@angular/core';
-import { AXBaseSelectionDropdownMixin, AXClickEvent } from '../base';
+import { ChangeDetectorRef, ElementRef, NgZone, TemplateRef } from '@angular/core';
+import { AXBaseSelectionDropdownMixin, AXClickEvent, AXValueChangedEvent } from '../base';
 import { AXPopoverComponent } from '../popover';
 import * as i0 from "@angular/core";
 export declare class AXSelectBoxComponent extends AXBaseSelectionDropdownMixin {
@@ -12,26 +12,46 @@ export declare class AXSelectBoxComponent extends AXBaseSelectionDropdownMixin {
     _target: HTMLDivElement;
     _popoverTitle: string;
     _popoverWidth: number;
+    clearButton: boolean;
+    private _searchSettings;
+    get searchSettings(): {
+        enabled?: boolean;
+        expr?: string;
+    };
+    set searchSettings(v: {
+        enabled?: boolean;
+        expr?: string;
+    });
     checkbox: boolean;
     private listContainer;
-    _currentfocusedIndex: number;
+    private _searchBox;
+    private _contentEmptyTemplate;
+    get emptyTemplate(): TemplateRef<any>;
     _isMobile: boolean;
+    _forceFocus: boolean;
     constructor(_elementRef: ElementRef<HTMLDivElement>, _cdr: ChangeDetectorRef, _zone: NgZone, _platform: AXPlatform);
     _handleArrowClickEvent(e: AXClickEvent): void;
     _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;
+    _handlePopupOnClosed(e: any): void;
     private _focusItemByNav;
-    private _focusItemByIndex;
     private _focusSelectedItem;
-    private _selectedItemByIndex;
+    private _focusItemElement;
+    private _selectedItemByNav;
+    _onSearchExprChanged(e: AXValueChangedEvent<string>): void;
+    _fetchData(): void;
     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"; "searchSettings": "searchSettings"; "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

@@ -1,18 +1,20 @@
 import * as i0 from "@angular/core";
 import * as i1 from "./selectbox.component";
 import * as i2 from "@angular/common";
-import * as i3 from "@angular/forms";
-import * as i4 from "../checkbox/checkbox.module";
-import * as i5 from "../badge/badge.module";
-import * as i6 from "../decorators/decorators.module";
-import * as i7 from "@acorex/core";
-import * as i8 from "../icon/icon.module";
-import * as i9 from "../popover/popover.module";
-import * as i10 from "../button/button.module";
-import * as i11 from "../label/label.module";
+import * as i3 from "../base/common.module";
+import * as i4 from "@angular/forms";
+import * as i5 from "../checkbox/checkbox.module";
+import * as i6 from "../badge/badge.module";
+import * as i7 from "../decorators/decorators.module";
+import * as i8 from "@acorex/core";
+import * as i9 from "../icon/icon.module";
+import * as i10 from "../popover/popover.module";
+import * as i11 from "../button/button.module";
 import * as i12 from "../loading/loading.module";
+import * as i13 from "@angular/cdk/a11y";
+import * as i14 from "../textbox/textbox.module";
 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.AXCommonModule, typeof i4.FormsModule, typeof i5.AXCheckBoxModule, typeof i6.AXBadgeModule, typeof i7.AXEditorDecoratorModule, typeof i8.AXTranslationModule, typeof i9.AXIconModule, typeof i10.AXPopoverModule, typeof i11.AXButtonModule, typeof i12.AXLoadingModule, typeof i13.A11yModule, typeof i14.AXTextBoxModule], [typeof i1.AXSelectBoxComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<AXSelectBoxModule>;
 }

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,25 @@
+import { OnInit } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class AXTreeViewComponent implements OnInit {
+    constructor();
+    ngOnInit(): void;
+    showLines: "all" | "node" | "none";
+    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, { "showLines": "showLines"; }, {}, 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.41",
+  "version": "5.0.44",
   "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