@acorex/components 6.0.16 → 6.1.1

package/mixin/src/mixin.class.d.ts

@@ -3,7 +3,7 @@ export declare const AXBaseComponentMixin: {
     new (...args: any[]): {
         id: string;
         rtl: boolean;
-        "__#32621@#elementRef": import("@angular/core").ElementRef<any>;
+        "__#34338@#elementRef": import("@angular/core").ElementRef<any>;
         _cdr: import("@angular/core").ChangeDetectorRef;
         _isInited: boolean;
         _isRendered: boolean;
@@ -29,7 +29,7 @@ export declare const AXSizableComponentMixin: {
         _onInternalInit(): void;
         id: string;
         rtl: boolean;
-        "__#32621@#elementRef": import("@angular/core").ElementRef<any>;
+        "__#34338@#elementRef": import("@angular/core").ElementRef<any>;
         _cdr: import("@angular/core").ChangeDetectorRef;
         _isInited: boolean;
         _isRendered: boolean;
@@ -51,7 +51,7 @@ export declare const AXSizableComponentMixin: {
     new (...args: any[]): {
         id: string;
         rtl: boolean;
-        "__#32621@#elementRef": import("@angular/core").ElementRef<any>;
+        "__#34338@#elementRef": import("@angular/core").ElementRef<any>;
         _cdr: import("@angular/core").ChangeDetectorRef;
         _isInited: boolean;
         _isRendered: boolean;
@@ -77,7 +77,7 @@ export declare const AXInteractiveComponenetMixin: {
         _onInternalInit(): void;
         id: string;
         rtl: boolean;
-        "__#32621@#elementRef": import("@angular/core").ElementRef<any>;
+        "__#34338@#elementRef": import("@angular/core").ElementRef<any>;
         _cdr: import("@angular/core").ChangeDetectorRef;
         _isInited: boolean;
         _isRendered: boolean;
@@ -96,9 +96,9 @@ export declare const AXInteractiveComponenetMixin: {
         _setOption(option: import("./base-components.class").AXComponentSetOption): void;
     };
 } & (abstract new (...args: any[]) => {
-    "__#32624@#disabled": boolean;
+    "__#34341@#disabled": boolean;
     disabled: boolean;
-    "__#32624@#tabIndex": number;
+    "__#34341@#tabIndex": number;
     tabIndex: number;
     onFocus: import("@angular/core").EventEmitter<import("@acorex/components/common").AXFocusEvent>;
     _emitOnFocusEvent(e: FocusEvent): void;
@@ -108,7 +108,7 @@ export declare const AXInteractiveComponenetMixin: {
     hasFocus(): boolean;
     id: string;
     rtl: boolean;
-    "__#32621@#elementRef": import("@angular/core").ElementRef<any>;
+    "__#34338@#elementRef": import("@angular/core").ElementRef<any>;
     _cdr: import("@angular/core").ChangeDetectorRef;
     _isInited: boolean;
     _isRendered: boolean;
@@ -128,9 +128,9 @@ export declare const AXInteractiveComponenetMixin: {
     _setOption(option: import("./base-components.class").AXComponentSetOption): void;
 }) & typeof AXBaseComponent;
 export declare const AXBaseClickableMixin: (abstract new (...args: any[]) => {
-    "__#32624@#disabled": boolean;
+    "__#34341@#disabled": boolean;
     disabled: boolean;
-    "__#32624@#tabIndex": number;
+    "__#34341@#tabIndex": number;
     tabIndex: number;
     onFocus: import("@angular/core").EventEmitter<import("@acorex/components/common").AXFocusEvent>;
     _emitOnFocusEvent(e: FocusEvent): void;
@@ -140,7 +140,7 @@ export declare const AXBaseClickableMixin: (abstract new (...args: any[]) => {
     hasFocus(): boolean;
     id: string;
     rtl: boolean;
-    "__#32621@#elementRef": import("@angular/core").ElementRef<any>;
+    "__#34338@#elementRef": import("@angular/core").ElementRef<any>;
     _cdr: import("@angular/core").ChangeDetectorRef;
     _isInited: boolean;
     _isRendered: boolean;
@@ -164,7 +164,7 @@ export declare const AXBaseClickableMixin: (abstract new (...args: any[]) => {
         _emitOnClickEvent(e: MouseEvent): void;
         id: string;
         rtl: boolean;
-        "__#32621@#elementRef": import("@angular/core").ElementRef<any>;
+        "__#34338@#elementRef": import("@angular/core").ElementRef<any>;
         _cdr: import("@angular/core").ChangeDetectorRef;
         _isInited: boolean;
         _isRendered: boolean;
@@ -190,7 +190,7 @@ export declare const AXBaseButtonMixin: {
         _onInternalInit(): void;
         id: string;
         rtl: boolean;
-        "__#32621@#elementRef": import("@angular/core").ElementRef<any>;
+        "__#34338@#elementRef": import("@angular/core").ElementRef<any>;
         _cdr: import("@angular/core").ChangeDetectorRef;
         _isInited: boolean;
         _isRendered: boolean;
@@ -209,9 +209,9 @@ export declare const AXBaseButtonMixin: {
         _setOption(option: import("./base-components.class").AXComponentSetOption): void;
     };
 } & (abstract new (...args: any[]) => {
-    "__#32624@#disabled": boolean;
+    "__#34341@#disabled": boolean;
     disabled: boolean;
-    "__#32624@#tabIndex": number;
+    "__#34341@#tabIndex": number;
     tabIndex: number;
     onFocus: import("@angular/core").EventEmitter<import("@acorex/components/common").AXFocusEvent>;
     _emitOnFocusEvent(e: FocusEvent): void;
@@ -221,7 +221,7 @@ export declare const AXBaseButtonMixin: {
     hasFocus(): boolean;
     id: string;
     rtl: boolean;
-    "__#32621@#elementRef": import("@angular/core").ElementRef<any>;
+    "__#34338@#elementRef": import("@angular/core").ElementRef<any>;
     _cdr: import("@angular/core").ChangeDetectorRef;
     _isInited: boolean;
     _isRendered: boolean;
@@ -245,7 +245,7 @@ export declare const AXBaseButtonMixin: {
         _emitOnClickEvent(e: MouseEvent): void;
         id: string;
         rtl: boolean;
-        "__#32621@#elementRef": import("@angular/core").ElementRef<any>;
+        "__#34338@#elementRef": import("@angular/core").ElementRef<any>;
         _cdr: import("@angular/core").ChangeDetectorRef;
         _isInited: boolean;
         _isRendered: boolean;
@@ -274,7 +274,7 @@ export declare const AXBaseButtonMixin: {
         look: import("@acorex/components/common").AXStyleLookType;
         id: string;
         rtl: boolean;
-        "__#32621@#elementRef": import("@angular/core").ElementRef<any>;
+        "__#34338@#elementRef": import("@angular/core").ElementRef<any>;
         _cdr: import("@angular/core").ChangeDetectorRef;
         _isInited: boolean;
         _isRendered: boolean;
@@ -310,7 +310,7 @@ export declare const AXBaseButtonMixin: {
         };
         id: string;
         rtl: boolean;
-        "__#32621@#elementRef": import("@angular/core").ElementRef<any>;
+        "__#34338@#elementRef": import("@angular/core").ElementRef<any>;
         _cdr: import("@angular/core").ChangeDetectorRef;
         _isInited: boolean;
         _isRendered: boolean;
@@ -337,7 +337,7 @@ export declare const AXBaseTextBoxMixin: {
         _onInternalInit(): void;
         id: string;
         rtl: boolean;
-        "__#32621@#elementRef": import("@angular/core").ElementRef<any>;
+        "__#34338@#elementRef": import("@angular/core").ElementRef<any>;
         _cdr: import("@angular/core").ChangeDetectorRef;
         _isInited: boolean;
         _isRendered: boolean;
@@ -356,9 +356,9 @@ export declare const AXBaseTextBoxMixin: {
         _setOption(option: import("./base-components.class").AXComponentSetOption): void;
     };
 } & (abstract new (...args: any[]) => {
-    "__#32624@#disabled": boolean;
+    "__#34341@#disabled": boolean;
     disabled: boolean;
-    "__#32624@#tabIndex": number;
+    "__#34341@#tabIndex": number;
     tabIndex: number;
     onFocus: import("@angular/core").EventEmitter<import("@acorex/components/common").AXFocusEvent>;
     _emitOnFocusEvent(e: FocusEvent): void;
@@ -368,7 +368,7 @@ export declare const AXBaseTextBoxMixin: {
     hasFocus(): boolean;
     id: string;
     rtl: boolean;
-    "__#32621@#elementRef": import("@angular/core").ElementRef<any>;
+    "__#34338@#elementRef": import("@angular/core").ElementRef<any>;
     _cdr: import("@angular/core").ChangeDetectorRef;
     _isInited: boolean;
     _isRendered: boolean;
@@ -390,17 +390,17 @@ export declare const AXBaseTextBoxMixin: {
     new (...args: any[]): {
         onValueChanged: import("@angular/core").EventEmitter<import("@acorex/components/common").AXValueChangedEvent<any>>;
         valueChange: import("@angular/core").EventEmitter<any>;
-        "__#32626@#readonly": boolean;
+        "__#34342@#readonly": boolean;
         readonly: boolean;
-        "__#32626@#allowNull": boolean;
+        "__#34342@#allowNull": boolean;
         allowNull: boolean;
-        "__#32626@#name": string;
+        "__#34342@#name": string;
         name: string;
-        "__#32626@#isUserInteraction": boolean;
+        "__#34342@#isUserInteraction": boolean;
         readonly isUserInteraction: boolean;
-        "__#32626@#value": any;
+        "__#34342@#value": any;
         value: any;
-        "__#32626@#state": "error" | "clear" | "success";
+        "__#34342@#state": "error" | "clear" | "success";
         readonly state: "error" | "clear" | "success";
         _emitOnValueChangedEvent(oldValue?: any, newValue?: any): void;
         _internalSetValue(value: any): any;
@@ -416,7 +416,7 @@ export declare const AXBaseTextBoxMixin: {
         _setState(state: "error" | "clear" | "success", ...args: any[]): void;
         id: string;
         rtl: boolean;
-        "__#32621@#elementRef": import("@angular/core").ElementRef<any>;
+        "__#34338@#elementRef": import("@angular/core").ElementRef<any>;
         _cdr: import("@angular/core").ChangeDetectorRef;
         _isInited: boolean;
         _isRendered: boolean;
@@ -439,22 +439,15 @@ export declare const AXBaseTextBoxMixin: {
         placeholder: string;
         maxLength: number;
         autoComplete: string;
-        debounceTime: number;
-        "__#32625@#valueSubscription": import("rxjs").Subscription;
-        "__#32625@#valueSubject": import("rxjs").Subject<unknown>;
         onKeyDown: import("@angular/core").EventEmitter<import("@acorex/components/common").AXHtmlEvent<KeyboardEvent>>;
         onKeyUp: import("@angular/core").EventEmitter<import("@acorex/components/common").AXHtmlEvent<KeyboardEvent>>;
         onKeyPress: import("@angular/core").EventEmitter<import("@acorex/components/common").AXHtmlEvent<KeyboardEvent>>;
         _emitOnKeydownEvent(e: KeyboardEvent): void;
         _emitOnKeyupEvent(e: KeyboardEvent): void;
         _emitOnKeypressEvent(e: KeyboardEvent): void;
-        _handleModleChange(value: any): void;
-        _settleValue(value: any): void;
-        onInit(): void;
-        onDestroy(): void;
         id: string;
         rtl: boolean;
-        "__#32621@#elementRef": import("@angular/core").ElementRef<any>;
+        "__#34338@#elementRef": import("@angular/core").ElementRef<any>;
         _cdr: import("@angular/core").ChangeDetectorRef;
         _isInited: boolean;
         _isRendered: boolean;
@@ -466,7 +459,9 @@ export declare const AXBaseTextBoxMixin: {
         _onInternalInit(): void;
         _onInternalViewInit(): void;
         _onInternalDestroy(): void;
+        onInit(): void;
         onViewInit(): void;
+        onDestroy(): void;
         _onOptionChanging(option: import("./base-components.class").AXComponentOptionChanging): any;
         _onOptionChanged(option: import("./base-components.class").AXComponentOptionChanged): void;
         _setOption(option: import("./base-components.class").AXComponentSetOption): void;
@@ -481,7 +476,7 @@ export declare const AXBaseDropdownMixin: {
         _onInternalInit(): void;
         id: string;
         rtl: boolean;
-        "__#32621@#elementRef": import("@angular/core").ElementRef<any>;
+        "__#34338@#elementRef": import("@angular/core").ElementRef<any>;
         _cdr: import("@angular/core").ChangeDetectorRef;
         _isInited: boolean;
         _isRendered: boolean;
@@ -500,9 +495,9 @@ export declare const AXBaseDropdownMixin: {
         _setOption(option: import("./base-components.class").AXComponentSetOption): void;
     };
 } & (abstract new (...args: any[]) => {
-    "__#32624@#disabled": boolean;
+    "__#34341@#disabled": boolean;
     disabled: boolean;
-    "__#32624@#tabIndex": number;
+    "__#34341@#tabIndex": number;
     tabIndex: number;
     onFocus: import("@angular/core").EventEmitter<import("@acorex/components/common").AXFocusEvent>;
     _emitOnFocusEvent(e: FocusEvent): void;
@@ -512,7 +507,7 @@ export declare const AXBaseDropdownMixin: {
     hasFocus(): boolean;
     id: string;
     rtl: boolean;
-    "__#32621@#elementRef": import("@angular/core").ElementRef<any>;
+    "__#34338@#elementRef": import("@angular/core").ElementRef<any>;
     _cdr: import("@angular/core").ChangeDetectorRef;
     _isInited: boolean;
     _isRendered: boolean;
@@ -546,7 +541,7 @@ export declare const AXBaseDropdownMixin: {
     readonly isOpen: boolean;
     id: string;
     rtl: boolean;
-    "__#32621@#elementRef": import("@angular/core").ElementRef<any>;
+    "__#34338@#elementRef": import("@angular/core").ElementRef<any>;
     _cdr: import("@angular/core").ChangeDetectorRef;
     _isInited: boolean;
     _isRendered: boolean;
@@ -567,8 +562,8 @@ export declare const AXBaseMenuMixin: {
     new (...args: any[]): {
         textField: string;
         valueField: string;
-        "__#32622@#isLoading": boolean;
-        "__#32622@#loadedItems": any;
+        "__#34339@#isLoading": boolean;
+        "__#34339@#loadedItems": any;
         visibleField: string;
         disableField: string;
         hasChildField: string;
@@ -577,7 +572,7 @@ export declare const AXBaseMenuMixin: {
         orientation: "horizontal" | "vertical" | "sidemenu";
         dividerField: string;
         onMenuItemClick: import("@angular/core").EventEmitter<import("@acorex/components/common").AXItemClickEvent<any>>;
-        "__#32622@#items": any;
+        "__#34339@#items": any;
         items: any;
         readonly displayItems: any;
         readonly isLoading: boolean;
@@ -589,7 +584,7 @@ export declare const AXBaseMenuMixin: {
         refresh(): void;
         id: string;
         rtl: boolean;
-        "__#32621@#elementRef": import("@angular/core").ElementRef<any>;
+        "__#34338@#elementRef": import("@angular/core").ElementRef<any>;
         _cdr: import("@angular/core").ChangeDetectorRef;
         _isInited: boolean;
         _isRendered: boolean;
@@ -618,7 +613,7 @@ export declare const AXAvatarMixin: {
         look: import("@acorex/components/common").AXStyleLookType;
         id: string;
         rtl: boolean;
-        "__#32621@#elementRef": import("@angular/core").ElementRef<any>;
+        "__#34338@#elementRef": import("@angular/core").ElementRef<any>;
         _cdr: import("@angular/core").ChangeDetectorRef;
         _isInited: boolean;
         _isRendered: boolean;

package/mixin/src/page-component.class.d.ts

@@ -4,7 +4,7 @@ export declare function _PageComponenetMixin<TBase extends Constructor<AXBaseCom
     new (...args: any[]): {
         id: string;
         rtl: boolean;
-        "__#32621@#elementRef": import("@angular/core").ElementRef<any>;
+        "__#34338@#elementRef": import("@angular/core").ElementRef<any>;
         _cdr: import("@angular/core").ChangeDetectorRef;
         _isInited: boolean;
         _isRendered: boolean;

package/mixin/src/selection-component.class.d.ts

@@ -38,7 +38,7 @@ export declare function _SelectionComponenetMixin<TBase extends Constructor<AXBa
         *  Defines the primary text to show inside the button.
         */
         rtl: boolean;
-        "__#32621@#elementRef": import("@angular/core").ElementRef<any>;
+        "__#34338@#elementRef": import("@angular/core").ElementRef<any>;
         _cdr: import("@angular/core").ChangeDetectorRef;
         _isInited: boolean;
         _isRendered: boolean;

package/mixin/src/sizable-mixin.class.d.ts

@@ -9,7 +9,7 @@ export declare function _SizableComponenetMixin<TBase extends Constructor<AXBase
         _onInternalInit(): void;
         id: string;
         rtl: boolean;
-        "__#32621@#elementRef": import("@angular/core").ElementRef<any>;
+        "__#34338@#elementRef": import("@angular/core").ElementRef<any>;
         _cdr: import("@angular/core").ChangeDetectorRef;
         _isInited: boolean;
         _isRendered: boolean;

package/mixin/src/textbox-mixin.class.d.ts

@@ -1,5 +1,4 @@
 import { EventEmitter } from '@angular/core';
-import { Subject, Subscription } from 'rxjs';
 import { AXHtmlEvent } from '@acorex/components/common';
 import { AXBaseComponent } from './base-components.class';
 import { Constructor } from './constratctor';
@@ -21,9 +20,6 @@ export declare function _TextboxComponenetMixin<TBase extends Constructor<AXBase
         *  Specifies that autocomplete is on or off.
         */
         autoComplete: string;
-        debounceTime: number;
-        "__#32625@#valueSubscription": Subscription;
-        "__#32625@#valueSubject": Subject<unknown>;
         /**
         *  Fires each time the user press a key.
         *  @event
@@ -42,28 +38,23 @@ export declare function _TextboxComponenetMixin<TBase extends Constructor<AXBase
         _emitOnKeydownEvent(e: KeyboardEvent): void;
         _emitOnKeyupEvent(e: KeyboardEvent): void;
         _emitOnKeypressEvent(e: KeyboardEvent): void;
-        _handleModleChange(value: any): void;
-        _settleValue(value: any): void;
-        onInit(): void;
-        onDestroy(): void;
         id: string;
         rtl: boolean;
-        "__#32621@#elementRef": import("@angular/core").ElementRef<any>;
+        "__#34338@#elementRef": import("@angular/core").ElementRef<any>;
         _cdr: import("@angular/core").ChangeDetectorRef;
         _isInited: boolean;
         _isRendered: boolean;
         ngOnInit(): void;
-        ngAfterViewInit(): void; /**
-      *  Fires each time the user press a key.
-      *  @event
-      */
+        ngAfterViewInit(): void;
         ngOnDestroy(): void;
         _getHostElement<T = HTMLElement>(): T;
         _getInnerElement<T_1 = HTMLElement>(): T_1;
         _onInternalInit(): void;
         _onInternalViewInit(): void;
         _onInternalDestroy(): void;
+        onInit(): void;
         onViewInit(): void;
+        onDestroy(): void;
         _onOptionChanging(option: import("./base-components.class").AXComponentOptionChanging): any;
         _onOptionChanged(option: import("./base-components.class").AXComponentOptionChanged): void;
         _setOption(option: import("./base-components.class").AXComponentSetOption): void;

package/mixin/src/value-mixin.class.d.ts

@@ -10,20 +10,20 @@ export declare function _ValueComponenetMixin<TBase extends Constructor<AXBaseCo
         */
         onValueChanged: EventEmitter<AXValueChangedEvent<any>>;
         valueChange: EventEmitter<any>;
-        "__#32626@#readonly": boolean;
+        "__#34342@#readonly": boolean;
         /**
         *  If set to true, user cannot change the value of component.
         */
         readonly: boolean;
-        "__#32626@#allowNull": boolean;
+        "__#34342@#allowNull": boolean;
         allowNull: boolean;
-        "__#32626@#name": string;
+        "__#34342@#name": string;
         name: string;
-        "__#32626@#isUserInteraction": boolean;
+        "__#34342@#isUserInteraction": boolean;
         readonly isUserInteraction: boolean;
-        "__#32626@#value": any;
+        "__#34342@#value": any;
         value: any;
-        "__#32626@#state": 'clear' | 'success' | 'error';
+        "__#34342@#state": 'clear' | 'success' | 'error';
         readonly state: "error" | "clear" | "success";
         _emitOnValueChangedEvent(oldValue?: any, newValue?: any): void;
         _internalSetValue(value: any): any;
@@ -39,7 +39,7 @@ export declare function _ValueComponenetMixin<TBase extends Constructor<AXBaseCo
         _setState(state: 'clear' | 'success' | 'error', ...args: any[]): void;
         id: string;
         rtl: boolean;
-        "__#32621@#elementRef": import("@angular/core").ElementRef<any>;
+        "__#34338@#elementRef": import("@angular/core").ElementRef<any>;
         _cdr: import("@angular/core").ChangeDetectorRef;
         _isInited: boolean;
         _isRendered: boolean;

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

@@ -10,6 +10,7 @@ import * as i0 from "@angular/core";
  */
 export declare class AXNumberBoxComponent extends AXBaseTextBoxMixin {
     private cdr;
+    input: ElementRef<HTMLInputElement>;
     private _thousandsSeparator;
     /**
      *  A character value that specifies the separator character.
@@ -63,6 +64,7 @@ export declare class AXNumberBoxComponent extends AXBaseTextBoxMixin {
     constructor(elementRef: ElementRef, cdr: ChangeDetectorRef);
     onViewInit(): void;
     _onOptionChanged(option: AXComponentOptionChanged): void;
+    focus(): void;
     private _updateMask;
     _handleOnKeydownEvent(e: KeyboardEvent): void;
     _handleUpDownClick(e: AXClickEvent, v: -1 | 1): void;
@@ -72,5 +74,5 @@ export declare class AXNumberBoxComponent extends AXBaseTextBoxMixin {
     decimalStepUp(): void;
     decimalStepDown(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXNumberBoxComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXNumberBoxComponent, "ax-number-box", never, { "disabled": "disabled"; "readonly": "readonly"; "tabIndex": "tabIndex"; "size": "size"; "value": "value"; "placeholder": "placeholder"; "maxLength": "maxLength"; "allowNull": "allowNull"; "debounceTime": "debounceTime"; "type": "type"; "autoComplete": "autoComplete"; "name": "name"; "checked": "checked"; "thousandsSeparator": "thousandsSeparator"; "padDecimalZeros": "padDecimalZeros"; "step": "step"; "decimals": "decimals"; "decimalStep": "decimalStep"; "showSpinButtons": "showSpinButtons"; "minValue": "minValue"; "maxValue": "maxValue"; }, { "valueChange": "valueChange"; "onValueChanged": "onValueChanged"; "onBlur": "onBlur"; "onFocus": "onFocus"; }, never, ["ax-prefix", "ax-suffix", "ax-validation-rule"], false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXNumberBoxComponent, "ax-number-box", never, { "disabled": "disabled"; "readonly": "readonly"; "tabIndex": "tabIndex"; "size": "size"; "value": "value"; "placeholder": "placeholder"; "maxLength": "maxLength"; "allowNull": "allowNull"; "type": "type"; "autoComplete": "autoComplete"; "name": "name"; "checked": "checked"; "thousandsSeparator": "thousandsSeparator"; "padDecimalZeros": "padDecimalZeros"; "step": "step"; "decimals": "decimals"; "decimalStep": "decimalStep"; "showSpinButtons": "showSpinButtons"; "minValue": "minValue"; "maxValue": "maxValue"; }, { "valueChange": "valueChange"; "onValueChanged": "onValueChanged"; "onBlur": "onBlur"; "onFocus": "onFocus"; }, never, ["ax-prefix", "ax-suffix", "ax-validation-rule"], false>;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@acorex/components",
-  "version": "6.0.16",
+  "version": "6.1.1",
   "peerDependencies": {
     "@angular/common": "^14.0.0",
     "@angular/core": "^14.0.0",
@@ -232,14 +232,6 @@
       "node": "./fesm2015/acorex-components-image.mjs",
       "default": "./fesm2020/acorex-components-image.mjs"
     },
-    "./input-mask": {
-      "types": "./input-mask/index.d.ts",
-      "esm2020": "./esm2020/input-mask/acorex-components-input-mask.mjs",
-      "es2020": "./fesm2020/acorex-components-input-mask.mjs",
-      "es2015": "./fesm2015/acorex-components-input-mask.mjs",
-      "node": "./fesm2015/acorex-components-input-mask.mjs",
-      "default": "./fesm2020/acorex-components-input-mask.mjs"
-    },
     "./label": {
       "types": "./label/index.d.ts",
       "esm2020": "./esm2020/label/acorex-components-label.mjs",

package/password-box/src/password-box.component.d.ts

@@ -7,6 +7,7 @@ import * as i0 from "@angular/core";
  * @category Components
  */
 export declare class AXPasswordBoxComponent extends AXBaseTextBoxMixin {
+    input: ElementRef<HTMLInputElement>;
     _type: 'password' | 'text';
     _icon: 'ax-ic-eye' | 'ax-ic-eye-off';
     /**
@@ -17,7 +18,8 @@ export declare class AXPasswordBoxComponent extends AXBaseTextBoxMixin {
      *  @ignore
      */
     constructor(elementRef: ElementRef, cdr: ChangeDetectorRef);
+    focus(): void;
     toggleType(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXPasswordBoxComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXPasswordBoxComponent, "ax-password-box", never, { "disabled": "disabled"; "readonly": "readonly"; "tabIndex": "tabIndex"; "cssClass": "cssClass"; "size": "size"; "placeholder": "placeholder"; "maxLength": "maxLength"; "allowNull": "allowNull"; "debounceTime": "debounceTime"; "type": "type"; "autoComplete": "autoComplete"; "value": "value"; "name": "name"; "checked": "checked"; "showToggleButton": "showToggleButton"; }, { "valueChange": "valueChange"; "onValueChanged": "onValueChanged"; "onBlur": "onBlur"; "onFocus": "onFocus"; }, never, ["ax-prefix", "ax-suffix", "ax-validation-rule", "ax-input-mask"], false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXPasswordBoxComponent, "ax-password-box", never, { "disabled": "disabled"; "readonly": "readonly"; "tabIndex": "tabIndex"; "cssClass": "cssClass"; "size": "size"; "placeholder": "placeholder"; "maxLength": "maxLength"; "allowNull": "allowNull"; "type": "type"; "autoComplete": "autoComplete"; "value": "value"; "name": "name"; "checked": "checked"; "showToggleButton": "showToggleButton"; }, { "valueChange": "valueChange"; "onValueChanged": "onValueChanged"; "onBlur": "onBlur"; "onFocus": "onFocus"; }, never, ["ax-prefix", "ax-suffix", "ax-validation-rule"], false>;
 }

package/popover/src/popover.component.d.ts

@@ -19,7 +19,7 @@ export declare class AXPopoverComponent extends AXInteractiveComponenetMixin {
     set target(v: HTMLElement | ElementRef | AXBaseComponent);
     position: AXConnectedPosition | AXConnectedPosition[];
     _baseTemplate: TemplateRef<any>;
-    _overlayRef: OverlayRef | any;
+    _overlayRef: OverlayRef;
     _templatePortal: TemplatePortal;
     _subs: Subscription[];
     openTrigger: 'manual' | 'click' | 'mouseover' | 'toggle';
@@ -29,13 +29,13 @@ export declare class AXPopoverComponent extends AXInteractiveComponenetMixin {
     adaptivityEnabled: boolean;
     private _mousePos;
     private _isScrollAttached;
+    private _lastActiveElement;
     onOpened: EventEmitter<AXEvent>;
     onClosed: EventEmitter<AXEvent>;
     _emitOnOpenedEvent(): void;
     _emitOnClosedEvent(): void;
     onViewInit(): void;
     onDestroy(): void;
-    _handleKeydownHandler(e: KeyboardEvent): void;
     toggle(): void;
     close(): void;
     dispose(): void;

package/popup/src/popup.module.d.ts

@@ -1,13 +1,14 @@
 import * as i0 from "@angular/core";
 import * as i1 from "./popup.component";
 import * as i2 from "@angular/common";
-import * as i3 from "@angular/cdk/drag-drop";
-import * as i4 from "@angular/cdk/a11y";
-import * as i5 from "@acorex/components/button";
-import * as i6 from "@angular/cdk/portal";
-import * as i7 from "@acorex/components/decorators";
+import * as i3 from "@acorex/components/common";
+import * as i4 from "@angular/cdk/drag-drop";
+import * as i5 from "@angular/cdk/a11y";
+import * as i6 from "@acorex/components/button";
+import * as i7 from "@angular/cdk/portal";
+import * as i8 from "@acorex/components/decorators";
 export declare class AXPopupModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<AXPopupModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<AXPopupModule, [typeof i1.AXPopupComponent], [typeof i2.CommonModule, typeof i3.DragDropModule, typeof i4.A11yModule, typeof i5.AXButtonModule, typeof i6.PortalModule, typeof i7.AXDecoratorModule], [typeof i1.AXPopupComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<AXPopupModule, [typeof i1.AXPopupComponent], [typeof i2.CommonModule, typeof i3.AXCommonModule, typeof i4.DragDropModule, typeof i5.A11yModule, typeof i6.AXButtonModule, typeof i7.PortalModule, typeof i8.AXDecoratorModule], [typeof i1.AXPopupComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<AXPopupModule>;
 }

package/select-box/src/selectbox.component.d.ts

@@ -62,5 +62,5 @@ export declare class AXSelectBoxComponent extends AXBaseSelectionDropdownMixin {
     search(exp: 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"; "name": "name"; "checked": "checked"; "placeholder": "placeholder"; "maxLength": "maxLength"; "debounceTime": "debounceTime"; "type": "type"; "autoComplete": "autoComplete"; "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"; }, ["_searchBox", "_contentEmptyTemplate"], ["ax-prefix", "ax-validation-rule", "ax-suffix", "ax-search-box"], false>;
+    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"; "name": "name"; "checked": "checked"; "placeholder": "placeholder"; "maxLength": "maxLength"; "type": "type"; "autoComplete": "autoComplete"; "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"; }, ["_searchBox", "_contentEmptyTemplate"], ["ax-prefix", "ax-validation-rule", "ax-suffix", "ax-search-box"], false>;
 }

package/tabs/src/tab-item.component.d.ts

@@ -6,7 +6,7 @@ export declare const AXBaseTabItemMixin: (new (...args: any[]) => {
     _emitOnClickEvent(e: MouseEvent): void;
     id: string;
     rtl: boolean;
-    "__#32621@#elementRef": ElementRef<any>;
+    "__#34338@#elementRef": ElementRef<any>;
     _cdr: ChangeDetectorRef;
     _isInited: boolean;
     _isRendered: boolean;

package/textarea/src/textarea.component.d.ts

@@ -2,11 +2,13 @@ import { AXBaseTextBoxMixin } from '@acorex/components/mixin';
 import { ChangeDetectorRef, ElementRef } from '@angular/core';
 import * as i0 from "@angular/core";
 export declare class AXTextareaComponent extends AXBaseTextBoxMixin {
+    input: ElementRef<HTMLInputElement>;
     rows: number;
     /**
      *  @ignore
      */
     constructor(elementRef: ElementRef, cdr: ChangeDetectorRef);
+    focus(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXTextareaComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXTextareaComponent, "ax-textarea", never, { "disabled": "disabled"; "tabIndex": "tabIndex"; "readonly": "readonly"; "allowNull": "allowNull"; "value": "value"; "name": "name"; "checked": "checked"; "placeholder": "placeholder"; "maxLength": "maxLength"; "debounceTime": "debounceTime"; "type": "type"; "autoComplete": "autoComplete"; "rows": "rows"; }, { "onBlur": "onBlur"; "onFocus": "onFocus"; "valueChange": "valueChange"; "onValueChanged": "onValueChanged"; }, never, ["ax-prefix", "ax-suffix"], false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXTextareaComponent, "ax-textarea", never, { "disabled": "disabled"; "tabIndex": "tabIndex"; "readonly": "readonly"; "allowNull": "allowNull"; "value": "value"; "name": "name"; "checked": "checked"; "placeholder": "placeholder"; "maxLength": "maxLength"; "rows": "rows"; }, { "onBlur": "onBlur"; "onFocus": "onFocus"; "valueChange": "valueChange"; "onValueChanged": "onValueChanged"; }, never, ["ax-prefix", "ax-suffix", "ax-validation-rule"], false>;
 }

package/textbox/public-api.d.ts

@@ -1,2 +1,3 @@
+export * from './src/mask-options.directive';
 export * from './src/textbox.component';
 export * from './src/textbox.module';

package/textbox/src/mask-options.directive.d.ts

@@ -0,0 +1,13 @@
+import * as i0 from "@angular/core";
+export interface AXMaskOptions {
+    mask?: string | RegExp;
+    unmask?: boolean;
+    updateValue?: (masked: string, unmasked: string) => void;
+}
+export declare class AXMaskOptionsDirective implements AXMaskOptions {
+    mask: string | RegExp;
+    unmask: boolean;
+    updateValue?: (masked: string, unmasked: string) => void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXMaskOptionsDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<AXMaskOptionsDirective, "ax-mask-options", never, { "mask": "mask"; "unmask": "unmask"; "updateValue": "updateValue"; }, {}, never, never, false>;
+}

package/textbox/src/textbox.component.d.ts

@@ -1,5 +1,6 @@
 import { ChangeDetectorRef, ElementRef } from '@angular/core';
 import { AXBaseTextBoxMixin } from '@acorex/components/mixin';
+import { AXMaskOptions, AXMaskOptionsDirective } from './mask-options.directive';
 import * as i0 from "@angular/core";
 /**
  * The Textbox is a component which detects user interaction and triggers a corresponding event
@@ -7,10 +8,20 @@ import * as i0 from "@angular/core";
  * @category Components
  */
 export declare class AXTextBoxComponent extends AXBaseTextBoxMixin {
+    protected _updateOn: 'change' | 'blur' | 'submit';
+    private input;
+    private _maskObj;
+    private _maskOptions;
+    get maskOptions(): AXMaskOptions;
+    set maskOptions(v: AXMaskOptions);
+    protected _maskOptionsContent: AXMaskOptionsDirective;
     /**
-     *  @ignore
-     */
+    *  @ignore
+    */
     constructor(elementRef: ElementRef, cdr: ChangeDetectorRef);
+    onInit(): void;
+    focus(): void;
+    private _onComplete;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXTextBoxComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXTextBoxComponent, "ax-text-box", never, { "disabled": "disabled"; "tabIndex": "tabIndex"; "readonly": "readonly"; "allowNull": "allowNull"; "value": "value"; "name": "name"; "checked": "checked"; "placeholder": "placeholder"; "maxLength": "maxLength"; "debounceTime": "debounceTime"; "type": "type"; "autoComplete": "autoComplete"; }, { "onBlur": "onBlur"; "onFocus": "onFocus"; "valueChange": "valueChange"; "onValueChanged": "onValueChanged"; }, never, ["ax-prefix", "ax-suffix", "ax-validation-rule", "ax-input-mask"], false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXTextBoxComponent, "ax-text-box", never, { "disabled": "disabled"; "tabIndex": "tabIndex"; "readonly": "readonly"; "value": "value"; "name": "name"; "placeholder": "placeholder"; "maxLength": "maxLength"; "allowNull": "allowNull"; "type": "type"; "autoComplete": "autoComplete"; "maskOptions": "mask-options"; }, { "onBlur": "onBlur"; "onFocus": "onFocus"; "valueChange": "valueChange"; "onValueChanged": "onValueChanged"; }, ["_maskOptionsContent"], ["ax-prefix", "ax-suffix", "ax-validation-rule"], false>;
 }