@acorex/components 5.0.37 → 5.0.41

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

@@ -4,6 +4,7 @@ import { AXBaseComponent } from './base-components.class';
 import { Constructor } from './constratctor';
 export declare function _ButtonComponentMixin<TBase extends Constructor<AXBaseComponent>>(Base: TBase): {
     new (...args: any[]): {
+        _text: string;
         /**
         *  Defines the primary text to show inside the button.
         */
@@ -48,7 +49,12 @@ export declare function _ButtonComponentMixin<TBase extends Constructor<AXBaseCo
             'ax-state-selected': boolean;
         };
         id: string;
-        rtl: boolean;
+        /**
+        *  Trigger click event by Enter Key
+        */
+        rtl: boolean; /**
+        *  Trigger click event by Esc Key
+        */
         cssClass: string;
         cssStyle: string;
         "__#1@#elementRef": import("@angular/core").ElementRef<any>;
@@ -59,9 +65,7 @@ export declare function _ButtonComponentMixin<TBase extends Constructor<AXBaseCo
         ngAfterViewInit(): void;
         ngOnDestroy(): void;
         _getHostElement<T = HTMLElement>(): T;
-        _getInnerElement<T_1 = HTMLElement>(): T_1; /**
-        *  Provides visual styling that indicates if the Button is active
-        */
+        _getInnerElement<T_1 = HTMLElement>(): T_1;
         _onInternalInit(): void;
         onInit(): void;
         onRenderCssClass(): void;

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

@@ -42,7 +42,9 @@ export declare function _InteractiveComponenetMixin<TBase extends Constructor<AX
     ngOnDestroy(): void;
     _getHostElement<T = HTMLElement>(): T;
     _getInnerElement<T_1 = HTMLElement>(): T_1;
-    _onInternalInit(): void;
+    _onInternalInit(): void; /**
+    *  Focuses the component.
+    */
     _onInternalViewInit(): void;
     _onInternalDestroy(): void;
     onInit(): void;

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

@@ -320,6 +320,7 @@ export declare const AXBaseButtonMixin: {
     };
 } & {
     new (...args: any[]): {
+        _text: string;
         text: string;
         submitBehavior: boolean;
         cancelBehavior: boolean;
@@ -442,6 +443,8 @@ export declare const AXBaseTextBoxMixin: {
         "__#4@#valueSubject": import("rxjs").Subject<unknown>;
         "__#4@#value": any;
         value: any;
+        "__#4@#state": "error" | "clear" | "success";
+        readonly state: "error" | "clear" | "success";
         _emitOnValueChangedEvent(oldValue?: any, newValue?: any): void;
         _onInternalValueChanging(value: any): any;
         _onValueChanging(value: any): any;

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

@@ -27,6 +27,8 @@ export declare function _ValueComponenetMixin<TBase extends Constructor<AXBaseCo
         "__#4@#valueSubject": Subject<unknown>;
         "__#4@#value": any;
         value: any;
+        "__#4@#state": 'clear' | 'success' | 'error';
+        readonly state: "error" | "clear" | "success";
         _emitOnValueChangedEvent(oldValue?: any, newValue?: any): void;
         _onInternalValueChanging(value: any): any;
         _onValueChanging(value: any): any;

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

@@ -23,6 +23,7 @@ export declare class AXCalendarComponent extends AXCalendarComponentMixin {
     _handleGoToday(): void;
     next(): void;
     prev(): void;
+    focus(): void;
     private _navNextPrev;
     goToday(): void;
     navTo(date: Date | AXDateTime): void;

package/lib/checkbox/checkbox.component.d.ts

@@ -7,5 +7,5 @@ export declare class AXCheckBoxComponent extends AXBaseValueComponentMixin {
     _onValueChanging(value: any): any;
     _handleOnClickEvent(e: MouseEvent): boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXCheckBoxComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXCheckBoxComponent, "ax-check-box", never, { "disabled": "disabled"; "tabIndex": "tabIndex"; "readonly": "readonly"; "allowNull": "allowNull"; "value": "value"; "debounceTime": "debounceTime"; "name": "name"; "checked": "checked"; }, { "onBlur": "onBlur"; "onFocus": "onFocus"; "valueChange": "valueChange"; "onValueChanged": "onValueChanged"; }, never, ["ax-content", "ax-form-hint", "ax-validation-rule"]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXCheckBoxComponent, "ax-check-box", never, { "disabled": "disabled"; "tabIndex": "tabIndex"; "readonly": "readonly"; "allowNull": "allowNull"; "value": "value"; "debounceTime": "debounceTime"; "name": "name"; "checked": "checked"; }, { "onBlur": "onBlur"; "onFocus": "onFocus"; "valueChange": "valueChange"; "onValueChanged": "onValueChanged"; }, never, ["*", "ax-form-hint", "ax-validation-rule"]>;
 }

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

@@ -1,6 +1,7 @@
 import { AXPlatform } from '@acorex/core';
 import { ElementRef, ChangeDetectorRef, EventEmitter } from '@angular/core';
 import { AXClickEvent } from '../base';
+import { AXCalendarComponent } from '../calendar';
 import { AXCalendarBaseComponent } from '../calendar/calendar.class';
 import { AXPopoverComponent } from '../popover/popover.component';
 import * as i0 from "@angular/core";
@@ -88,6 +89,8 @@ export declare const AXBaseDatePickerMixin: (abstract new (...args: any[]) => {
         "__#4@#valueSubject": import("rxjs").Subject<unknown>;
         "__#4@#value": any;
         value: any;
+        "__#4@#state": "error" | "clear" | "success";
+        readonly state: "error" | "clear" | "success";
         _emitOnValueChangedEvent(oldValue?: any, newValue?: any): void;
         _onInternalValueChanging(value: any): any;
         _onValueChanging(value: any): any;
@@ -155,6 +158,7 @@ export declare const AXBaseDatePickerMixin: (abstract new (...args: any[]) => {
 export declare class AXDatePickerComponent extends AXBaseDatePickerMixin {
     private _platform;
     popover: AXPopoverComponent;
+    _calendar: AXCalendarComponent;
     _target: HTMLDivElement;
     displayText: string;
     _calendarValue: Date;
@@ -174,5 +178,5 @@ export declare class AXDatePickerComponent extends AXBaseDatePickerMixin {
     _handleOnInputClickEvent(e: MouseEvent): void;
     private _highlightPart;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXDatePickerComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXDatePickerComponent, "ax-date-picker", 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"; "depth": "depth"; "activeView": "activeView"; "min": "min"; "max": "max"; "disabledDates": "disabledDates"; "holidayDates": "holidayDates"; "format": "format"; }, { "onOpened": "onOpened"; "onClosed": "onClosed"; "onBlur": "onBlur"; "onFocus": "onFocus"; "valueChange": "valueChange"; "onValueChanged": "onValueChanged"; "depthChange": "depthChange"; "formatChange": "formatChange"; }, never, ["ax-prefix", "ax-suffix"]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXDatePickerComponent, "ax-date-picker", 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"; "depth": "depth"; "activeView": "activeView"; "min": "min"; "max": "max"; "disabledDates": "disabledDates"; "holidayDates": "holidayDates"; "format": "format"; }, { "onOpened": "onOpened"; "onClosed": "onClosed"; "onBlur": "onBlur"; "onFocus": "onFocus"; "valueChange": "valueChange"; "onValueChanged": "onValueChanged"; "depthChange": "depthChange"; "formatChange": "formatChange"; }, never, ["ax-prefix", "ax-suffix", "ax-validation-rule"]>;
 }

package/lib/decorators/addon.component.d.ts

@@ -0,0 +1,8 @@
+import { ElementRef, ChangeDetectorRef } from '@angular/core';
+import { AXBaseComponentMixin } from '../base';
+import * as i0 from "@angular/core";
+export declare class AXDecoratorAddOnComponent extends AXBaseComponentMixin {
+    constructor(_elementRef: ElementRef, _cdr: ChangeDetectorRef);
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXDecoratorAddOnComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXDecoratorAddOnComponent, "ax-addon", never, {}, {}, never, ["*"]>;
+}

package/lib/decorators/decorators.module.d.ts

@@ -3,9 +3,10 @@ import * as i1 from "./prefix.component";
 import * as i2 from "./suffix.component";
 import * as i3 from "./content.component";
 import * as i4 from "./header.component";
-import * as i5 from "@angular/common";
+import * as i5 from "./addon.component";
+import * as i6 from "@angular/common";
 export declare class AXEditorDecoratorModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<AXEditorDecoratorModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<AXEditorDecoratorModule, [typeof i1.AXDecoratorPrefixComponent, typeof i2.AXDecoratorSuffixComponent, typeof i3.AXDecoratorContentComponent, typeof i4.AXDecoratorHeaderComponent], [typeof i5.CommonModule], [typeof i1.AXDecoratorPrefixComponent, typeof i2.AXDecoratorSuffixComponent, typeof i3.AXDecoratorContentComponent, typeof i4.AXDecoratorHeaderComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<AXEditorDecoratorModule, [typeof i1.AXDecoratorPrefixComponent, typeof i2.AXDecoratorSuffixComponent, typeof i3.AXDecoratorContentComponent, typeof i4.AXDecoratorHeaderComponent, typeof i5.AXDecoratorAddOnComponent], [typeof i6.CommonModule], [typeof i1.AXDecoratorPrefixComponent, typeof i2.AXDecoratorSuffixComponent, typeof i3.AXDecoratorContentComponent, typeof i4.AXDecoratorHeaderComponent, typeof i5.AXDecoratorAddOnComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<AXEditorDecoratorModule>;
 }

package/lib/decorators/index.d.ts

@@ -1,4 +1,5 @@
 export * from './content.component';
+export * from './addon.component';
 export * from './header.component';
 export * from './decorators.module';
 export * from './header.component';

package/lib/decorators/prefix.component.d.ts

@@ -4,5 +4,5 @@ import * as i0 from "@angular/core";
 export declare class AXDecoratorPrefixComponent extends AXBaseComponentMixin {
     constructor(elementRef: ElementRef, cdr: ChangeDetectorRef);
     static ɵfac: i0.ɵɵFactoryDeclaration<AXDecoratorPrefixComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXDecoratorPrefixComponent, "ax-prefix", never, {}, {}, never, ["ax-button,ax-loading,ax-icon,ax-content"]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXDecoratorPrefixComponent, "ax-prefix", never, {}, {}, never, ["ax-button,ax-loading,ax-icon,ax-content,ax-badge,ax-addon"]>;
 }

package/lib/decorators/suffix.component.d.ts

@@ -4,5 +4,5 @@ import * as i0 from "@angular/core";
 export declare class AXDecoratorSuffixComponent extends AXBaseComponentMixin {
     constructor(elementRef: ElementRef, cdr: ChangeDetectorRef);
     static ɵfac: i0.ɵɵFactoryDeclaration<AXDecoratorSuffixComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXDecoratorSuffixComponent, "ax-suffix", never, {}, {}, never, ["ax-button,ax-icon,ax-badge,ax-content"]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXDecoratorSuffixComponent, "ax-suffix", never, {}, {}, never, ["ax-button,ax-loading,ax-icon,ax-content,ax-badge,ax-addon"]>;
 }

package/lib/icon/icon.component.d.ts

@@ -6,5 +6,5 @@ export declare class AXIconComponent extends AXSizableComponentMixin {
     private get __iconClass();
     constructor(elementRef: ElementRef, cdr: ChangeDetectorRef);
     static ɵfac: i0.ɵɵFactoryDeclaration<AXIconComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXIconComponent, "ax-icon", never, { "icon": "icon"; }, {}, never, ["*"]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXIconComponent, "ax-icon", never, { "icon": "icon"; }, {}, never, ["i,svg,img"]>;
 }

package/lib/input-mask/input-mask.component.d.ts

@@ -1,5 +1,16 @@
+import { ChangeDetectorRef, ElementRef } from '@angular/core';
+import { AXBaseComponent } from '../base';
+import { AXTextBoxComponent } from '../textbox';
 import * as i0 from "@angular/core";
-export declare class AXInputMaskComponent {
+export declare class AXInputMaskComponent extends AXBaseComponent {
+    private _elementRef;
+    private _textbox;
+    private _maskObj;
+    /**
+    *  @ignore
+    */
+    constructor(_elementRef: ElementRef, _cdr: ChangeDetectorRef, _textbox: AXTextBoxComponent);
+    onViewInit(): void;
     private _prefix;
     get prefix(): string;
     set prefix(v: string);
@@ -8,7 +19,7 @@ export declare class AXInputMaskComponent {
     set suffix(v: string);
     showMaskTyped: boolean;
     clearIfNotMatch: boolean;
-    mask: string;
+    mask: any;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXInputMaskComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<AXInputMaskComponent, "ax-input-mask", never, { "prefix": "prefix"; "suffix": "suffix"; "showMaskTyped": "showMaskTyped"; "clearIfNotMatch": "clearIfNotMatch"; "mask": "mask"; }, {}, never, never>;
 }

package/lib/input-mask/input-mask.module.d.ts

@@ -2,8 +2,9 @@ import * as i0 from "@angular/core";
 import * as i1 from "./input-mask.component";
 import * as i2 from "@angular/common";
 import * as i3 from "ngx-mask";
+import * as i4 from "angular-imask";
 export declare class AXInputMaskModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<AXInputMaskModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<AXInputMaskModule, [typeof i1.AXInputMaskComponent], [typeof i2.CommonModule, typeof i3.NgxMaskModule], [typeof i1.AXInputMaskComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<AXInputMaskModule, [typeof i1.AXInputMaskComponent], [typeof i2.CommonModule, typeof i3.NgxMaskModule, typeof i4.IMaskModule], [typeof i1.AXInputMaskComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<AXInputMaskModule>;
 }

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

@@ -1,5 +1,6 @@
 import * as i0 from "@angular/core";
 export declare class AXLoadingSpinnerComponent {
+    text: string;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXLoadingSpinnerComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<AXLoadingSpinnerComponent, "ax-loading-spinner", never, {}, {}, never, never>;
 }

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

@@ -1,4 +1,4 @@
-import { Portal } from '@angular/cdk/portal';
+import { CdkPortalOutletAttachedRef, Portal } from '@angular/cdk/portal';
 import { EventEmitter, ElementRef, ChangeDetectorRef } from '@angular/core';
 import { AXBaseComponentMixin } from '../base';
 import * as i0 from "@angular/core";
@@ -13,7 +13,9 @@ export declare class AXLoadingComponent extends AXBaseComponentMixin {
     get visible(): boolean;
     set visible(v: boolean);
     type: string;
+    text: string;
     onInit(): void;
+    _handleAttched(ref: CdkPortalOutletAttachedRef): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXLoadingComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXLoadingComponent, "ax-loading", never, { "visible": "visible"; "type": "type"; }, { "visibleChange": "visibleChange"; }, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXLoadingComponent, "ax-loading", never, { "visible": "visible"; "type": "type"; "text": "text"; }, { "visibleChange": "visibleChange"; }, never, never>;
 }

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

@@ -1,6 +1,6 @@
-import { ElementRef, ChangeDetectorRef, EventEmitter } from '@angular/core';
-import { MaskApplierService } from 'ngx-mask';
-import { AXBaseTextBoxMixin } from '../base';
+import { ElementRef, ChangeDetectorRef } from '@angular/core';
+import IMask from 'imask';
+import { AXBaseTextBoxMixin, AXClickEvent, AXComponentOptionChanged } from '../base';
 import * as i0 from "@angular/core";
 /**
  * The NumberBox is a component which detects user interaction and triggers a corresponding event
@@ -9,28 +9,32 @@ import * as i0 from "@angular/core";
  */
 export declare class AXNumberBoxComponent extends AXBaseTextBoxMixin {
     private cdr;
-    private _maskService;
-    private get __hostClass();
+    private _thousandsSeparator;
     /**
     *  A character value that specifies the separator character.
     */
-    separator: string;
+    get thousandsSeparator(): string;
+    set thousandsSeparator(v: string);
+    private _padDecimalZeros;
     /**
-   *  Specifies whether the Separator character will be displayed or not
-   */
-    thousandSeparator: boolean;
+    *  A character value that specifies the separator character.
+    */
+    get padDecimalZeros(): boolean;
+    set padDecimalZeros(v: boolean);
     /**
    *  Specifies the value that is used to increment or decrement the **Integer** part of number
    */
     step: number;
+    private _decimals;
     /**
     *  Specifies the number of decimals that the user can enter
     */
-    scale: number;
+    get decimals(): number;
+    set decimals(v: number);
     /**
     *  Specifies the value that is used to increment or decrement the **Deciaml** part of number
     */
-    decimalStep: number;
+    decimalStep: number | 'auto';
     /**
     *  Specifies whether the Up and Down spin buttons will be rendered or not
     */
@@ -47,23 +51,26 @@ export declare class AXNumberBoxComponent extends AXBaseTextBoxMixin {
     */
     get maxValue(): number;
     set maxValue(v: number);
-    displayTextChange: EventEmitter<string>;
-    private _displayText;
     /**
-    *  The formatted string which is displaying in the numberbox
+    *  @ignore
     */
-    get displayText(): string;
-    set displayText(v: string);
+    _maskObj: IMask.MaskedNumber;
+    private _maskDirective;
     /**
     *  @ignore
     */
-    constructor(elementRef: ElementRef, cdr: ChangeDetectorRef, _maskService: MaskApplierService);
+    constructor(elementRef: ElementRef, cdr: ChangeDetectorRef);
+    private toNum;
+    onViewInit(): void;
+    _onOptionChanged(option: AXComponentOptionChanged): void;
+    private _updateMask;
     _handleOnKeydownEvent(e: KeyboardEvent): void;
-    _onValueChanging(value: number): number;
-    _fixValue(value: number): number;
-    _format(value: number): string;
-    _onValueChanged(oldValue: any, newValue: any): void;
-    _handleOnBlurEvent(e: FocusEvent): void;
+    _handleUpDownClick(e: AXClickEvent, v: -1 | 1): void;
+    _onValueChanging(value: any): number;
+    stepUp(): void;
+    stepDown(): void;
+    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"; "name": "name"; "checked": "checked"; "separator": "separator"; "thousandSeparator": "thousandSeparator"; "step": "step"; "scale": "scale"; "decimalStep": "decimalStep"; "showSpinButtons": "showSpinButtons"; "minValue": "minValue"; "maxValue": "maxValue"; "displayText": "displayText"; }, { "valueChange": "valueChange"; "onValueChanged": "onValueChanged"; "onBlur": "onBlur"; "onFocus": "onFocus"; "displayTextChange": "displayTextChange"; }, never, ["ax-prefix", "ax-suffix", "ax-validation-rule"]>;
+    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"; "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"]>;
 }

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

@@ -3,9 +3,11 @@ import * as i1 from "./number-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 "../decorators/decorators.module";
+import * as i6 from "../icon/icon.module";
+import * as i7 from "angular-imask";
 export declare class AXNumberBoxModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<AXNumberBoxModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<AXNumberBoxModule, [typeof i1.AXNumberBoxComponent], [typeof i2.CommonModule, typeof i3.FormsModule, typeof i4.AXButtonModule, typeof i5.NgxMaskModule], [typeof i1.AXNumberBoxComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<AXNumberBoxModule, [typeof i1.AXNumberBoxComponent], [typeof i2.CommonModule, typeof i3.FormsModule, typeof i4.AXButtonModule, typeof i5.AXEditorDecoratorModule, typeof i6.AXIconModule, typeof i7.IMaskModule], [typeof i1.AXNumberBoxComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<AXNumberBoxModule>;
 }

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

@@ -33,5 +33,5 @@ export declare class AXSelectBoxComponent extends AXBaseSelectionDropdownMixin {
     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"; "depth": "depth"; "activeView": "activeView"; "min": "min"; "max": "max"; "disabledDates": "disabledDates"; "holidayDates": "holidayDates"; "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"; "depthChange": "depthChange"; "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"; "checkbox": "checkbox"; }, { "onOpened": "onOpened"; "onClosed": "onClosed"; "onBlur": "onBlur"; "onFocus": "onFocus"; "valueChange": "valueChange"; "onValueChanged": "onValueChanged"; "valueChanged": "valueChanged"; }, never, ["ax-prefix", "ax-validation-rule", "ax-suffix"]>;
 }

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

@@ -5,12 +5,14 @@ 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 "../icon/icon.module";
-import * as i8 from "../popover/popover.module";
-import * as i9 from "../button/button.module";
-import * as i10 from "../label/label.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 i12 from "../loading/loading.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.AXIconModule, typeof i8.AXPopoverModule, typeof i9.AXButtonModule, typeof i10.AXLabelModule], [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 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/textbox/textbox.component.d.ts

@@ -1,6 +1,5 @@
 import { ChangeDetectorRef, ElementRef } from '@angular/core';
 import { AXBaseTextBoxMixin } from '../base/mixin/mixin.class';
-import { AXInputMaskComponent } from '../input-mask';
 import * as i0 from "@angular/core";
 /**
  * The Textbox is a component which detects user interaction and triggers a corresponding event
@@ -8,12 +7,10 @@ import * as i0 from "@angular/core";
  * @category Components
  */
 export declare class AXTextBoxComponent extends AXBaseTextBoxMixin {
-    _contentMask: AXInputMaskComponent;
-    get hostClass(): string;
     /**
     *  @ignore
     */
     constructor(elementRef: ElementRef, cdr: ChangeDetectorRef);
     static ɵfac: i0.ɵɵFactoryDeclaration<AXTextBoxComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXTextBoxComponent, "ax-text-box", never, { "disabled": "disabled"; "readonly": "readonly"; "tabIndex": "tabIndex"; "cssClass": "cssClass"; "size": "size"; "placeholder": "placeholder"; "maxLength": "maxLength"; "allowNull": "allowNull"; "debounceTime": "debounceTime"; "value": "value"; "name": "name"; "checked": "checked"; }, { "valueChange": "valueChange"; "onValueChanged": "onValueChanged"; "onBlur": "onBlur"; "onFocus": "onFocus"; }, ["_contentMask"], ["ax-prefix", "ax-suffix", "ax-validation-rule", "ax-input-mask"]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXTextBoxComponent, "ax-text-box", never, { "disabled": "disabled"; "tabIndex": "tabIndex"; "readonly": "readonly"; "allowNull": "allowNull"; "value": "value"; "debounceTime": "debounceTime"; "name": "name"; "checked": "checked"; "placeholder": "placeholder"; "maxLength": "maxLength"; }, { "onBlur": "onBlur"; "onFocus": "onFocus"; "valueChange": "valueChange"; "onValueChanged": "onValueChanged"; }, never, ["ax-prefix", "ax-suffix", "ax-validation-rule", "ax-input-mask"]>;
 }

package/package.json

@@ -1,12 +1,13 @@
 {
   "name": "@acorex/components",
-  "version": "5.0.37",
+  "version": "5.0.41",
   "peerDependencies": {
-    "@angular/common": "^13.1.1",
-    "@angular/core": "^13.1.1",
-    "@angular/cdk": "^13.1.1",
+    "@angular/common": "^13.2.0",
+    "@angular/core": "^13.2.0",
+    "@angular/cdk": "^13.2.0",
     "@splidejs/splide": "^2.4.21",
-    "ngx-mask": "^12.0.0"
+    "ngx-mask": "^12.0.0",
+    "angular-imask": "^6.3.0-alpha.0"
   },
   "dependencies": {
     "tslib": "^2.3.0"