@acorex/components 5.0.45 → 5.0.48

package/lib/alert/alert.component.d.ts

@@ -1,22 +1,52 @@
 import { ElementRef, ChangeDetectorRef, EventEmitter } from '@angular/core';
-import { AXBaseComponentMixin, AXStyleColorType } from '../base';
+import { AXBaseComponent, AXComponentOptionChanged, AXStyleColorType } from '../base';
 import * as i0 from "@angular/core";
+export declare const AXBaseAlertMixin: {
+    new (...args: any[]): {
+        colorChange: EventEmitter<AXStyleColorType>;
+        _color: AXStyleColorType;
+        color: AXStyleColorType;
+        lookChange: EventEmitter<import("../base").AXStyleButtonLook>;
+        _look?: import("../base").AXStyleButtonLook;
+        look: import("../base").AXStyleButtonLook;
+        id: string;
+        rtl: boolean;
+        cssClass: string;
+        cssStyle: string;
+        "__#1@#elementRef": ElementRef<any>;
+        _cdr: ChangeDetectorRef;
+        _isInited: boolean;
+        _isRendered: boolean;
+        ngOnInit(): void;
+        ngAfterViewInit(): void;
+        ngOnDestroy(): void;
+        _getHostElement<T = HTMLElement>(): T;
+        _getInnerElement<T_1 = HTMLElement>(): T_1;
+        _onInternalInit(): void;
+        _onInternalViewInit(): void;
+        _onInternalDestroy(): void;
+        onInit(): void;
+        onRenderCssClass(): void;
+        onViewInit(): void;
+        onDestroy(): void;
+        _onOptionChanging(option: import("../base").AXComponentOptionChanging): any;
+        _onOptionChanged(option: AXComponentOptionChanged): void;
+        _setOption(option: import("../base").AXComponentSetOption): void;
+    };
+} & typeof AXBaseComponent;
 /**
  * Regular description
  *
  * @category Components
  */
-export declare class AXAlertComponent extends AXBaseComponentMixin {
+export declare class AXAlertComponent extends AXBaseAlertMixin {
     #private;
     icon: string;
-    typeChange: EventEmitter<AXStyleColorType>;
-    private _color;
+    _onOptionChanged(option: AXComponentOptionChanged): void;
     /**
-    *  The Alert allows you to set different types of alerts
-    */
-    get color(): AXStyleColorType;
-    set color(v: AXStyleColorType);
-    get hostClass(): string;
+   *  @ignore
+   */
+    get __hostClass(): string;
     timeOut: number;
     /**
     *  set the visibility of the Alert
@@ -42,5 +72,5 @@ export declare class AXAlertComponent extends AXBaseComponentMixin {
     */
     show(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXAlertComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXAlertComponent, "ax-alert", never, { "icon": "icon"; "color": "color"; "timeOut": "timeOut"; "visible": "visible"; }, { "typeChange": "typeChange"; }, never, ["ax-alert-title", "ax-alert-content", "ax-alert-footer", "ax-alert-suffix"]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXAlertComponent, "ax-alert", never, { "color": "color"; "look": "look"; "icon": "icon"; "timeOut": "timeOut"; "visible": "visible"; }, {}, never, ["ax-alert-title", "ax-alert-content", "ax-alert-footer", "ax-alert-suffix"]>;
 }

package/lib/badge/badge.component.d.ts

@@ -1,11 +1,43 @@
 import { ElementRef, ChangeDetectorRef } from '@angular/core';
-import { AXBaseComponentMixin, AXStyleColorType } from '../base';
+import { AXBaseComponent, AXStyleColorType } from '../base';
 import * as i0 from "@angular/core";
-export declare class AXBadgeComponent extends AXBaseComponentMixin {
+export declare const AXBaseBadgeMixin: {
+    new (...args: any[]): {
+        colorChange: import("@angular/core").EventEmitter<AXStyleColorType>;
+        _color: AXStyleColorType;
+        color: AXStyleColorType;
+        lookChange: import("@angular/core").EventEmitter<import("../base").AXStyleButtonLook>;
+        _look?: import("../base").AXStyleButtonLook;
+        look: import("../base").AXStyleButtonLook;
+        id: string;
+        rtl: boolean;
+        cssClass: string;
+        cssStyle: string;
+        "__#1@#elementRef": ElementRef<any>;
+        _cdr: ChangeDetectorRef;
+        _isInited: boolean;
+        _isRendered: boolean;
+        ngOnInit(): void;
+        ngAfterViewInit(): void;
+        ngOnDestroy(): void;
+        _getHostElement<T = HTMLElement>(): T;
+        _getInnerElement<T_1 = HTMLElement>(): T_1;
+        _onInternalInit(): void;
+        _onInternalViewInit(): void;
+        _onInternalDestroy(): void;
+        onInit(): void;
+        onRenderCssClass(): void;
+        onViewInit(): void;
+        onDestroy(): void;
+        _onOptionChanging(option: import("../base").AXComponentOptionChanging): any;
+        _onOptionChanged(option: import("../base").AXComponentOptionChanged): void;
+        _setOption(option: import("../base").AXComponentSetOption): void;
+    };
+} & typeof AXBaseComponent;
+export declare class AXBadgeComponent extends AXBaseBadgeMixin {
     text: string;
-    color: AXStyleColorType;
     constructor(elementRef: ElementRef, cdr: ChangeDetectorRef);
     private get __hostClass();
     static ɵfac: i0.ɵɵFactoryDeclaration<AXBadgeComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXBadgeComponent, "ax-badge", never, { "text": "text"; "color": "color"; }, {}, never, ["ax-prefix", "ax-suffix"]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXBadgeComponent, "ax-badge", never, { "color": "color"; "look": "look"; "text": "text"; }, {}, never, ["ax-prefix", "ax-suffix"]>;
 }

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

@@ -11,6 +11,7 @@ export declare class AXEvent {
     *  The root native element
     */
     htmlElement?: HTMLElement;
+    isUserInteraction?: boolean;
 }
 /**
 *  Contains native event
@@ -27,7 +28,6 @@ export declare class AXValueChangedEvent<T> extends AXEvent {
     name?: T;
     value?: T;
     oldValue?: T;
-    isTriggred?: boolean;
 }
 /**
 *  Fires each time the user click the element.
@@ -66,7 +66,6 @@ export declare class AXFocusEvent extends AXHtmlEvent<FocusEvent> {
 export declare class AXSelectionValueChangedEvent extends AXValueChangedEvent<any | any[]> {
     value?: any;
     oldValue?: any;
-    isUserInput: boolean;
     selectedKeys?: any[];
     selectedItems?: any[];
 }

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

@@ -1,5 +1,4 @@
 import { EventEmitter } from '@angular/core';
-import { AXStyleColorType, AXStyleButtonLook } from '../styles.class';
 import { AXBaseComponent } from './base-components.class';
 import { Constructor } from './constratctor';
 export declare function _ButtonComponentMixin<TBase extends Constructor<AXBaseComponent>>(Base: TBase): {
@@ -17,18 +16,6 @@ export declare function _ButtonComponentMixin<TBase extends Constructor<AXBaseCo
         *  Trigger click event by Esc Key
         */
         cancelBehavior: boolean;
-        colorChange: EventEmitter<AXStyleColorType>;
-        _color: AXStyleColorType;
-        /**
-        *  Predefined color schemes
-        */
-        color: AXStyleColorType;
-        lookChange: EventEmitter<AXStyleButtonLook>;
-        _look?: AXStyleButtonLook;
-        /**
-        *  Predefined look schemes
-        */
-        look: AXStyleButtonLook;
         toggleableChange: EventEmitter<boolean>;
         _toggleable?: boolean;
         /**
@@ -48,13 +35,11 @@ export declare function _ButtonComponentMixin<TBase extends Constructor<AXBaseCo
             'ax-state-disabled': any;
             'ax-state-selected': boolean;
         };
-        id: string;
         /**
         *  Trigger click event by Enter Key
         */
-        rtl: boolean; /**
-        *  Trigger click event by Esc Key
-        */
+        id: string;
+        rtl: boolean;
         cssClass: string;
         cssStyle: string;
         "__#1@#elementRef": import("@angular/core").ElementRef<any>;
@@ -62,7 +47,9 @@ export declare function _ButtonComponentMixin<TBase extends Constructor<AXBaseCo
         _isInited: boolean;
         _isRendered: boolean;
         ngOnInit(): void;
-        ngAfterViewInit(): void;
+        ngAfterViewInit(): void; /**
+        *  Indicates if the Button is selected or not
+        */
         ngOnDestroy(): void;
         _getHostElement<T = HTMLElement>(): T;
         _getInnerElement<T_1 = HTMLElement>(): T_1;

package/lib/base/mixin/color-look-mixing.class.d.ts

@@ -0,0 +1,45 @@
+import { EventEmitter } from "@angular/core";
+import { AXStyleColorType, AXStyleButtonLook } from "../styles.class";
+import { AXBaseComponent } from "./base-components.class";
+import { Constructor } from "./constratctor";
+export declare function _ColorLookComponentMixin<TBase extends Constructor<AXBaseComponent>>(Base: TBase): {
+    new (...args: any[]): {
+        colorChange: EventEmitter<AXStyleColorType>;
+        _color: AXStyleColorType;
+        /**
+        *  Predefined color schemes
+        */
+        color: AXStyleColorType;
+        lookChange: EventEmitter<AXStyleButtonLook>;
+        _look?: AXStyleButtonLook;
+        /**
+        *  Predefined look schemes
+        */
+        look: AXStyleButtonLook;
+        id: string;
+        rtl: boolean;
+        cssClass: string;
+        cssStyle: string;
+        "__#1@#elementRef": import("@angular/core").ElementRef<any>;
+        _cdr: import("@angular/core").ChangeDetectorRef;
+        _isInited: boolean;
+        _isRendered: boolean;
+        ngOnInit(): void;
+        ngAfterViewInit(): void;
+        ngOnDestroy(): void;
+        _getHostElement<T = HTMLElement>(): T;
+        _getInnerElement<T_1 = HTMLElement>(): T_1;
+        _onInternalInit(): void;
+        _onInternalViewInit(): void;
+        _onInternalDestroy(): void;
+        onInit(): void;
+        onRenderCssClass(): 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;
+    };
+} & TBase;
+export declare const COLOR_LOOK_INPUTS: string[];
+export declare const COLOR_LOOK_OUTPUT: any[];

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

@@ -1,5 +1,5 @@
-import { AXBaseComponent } from './base-components.class';
 export * from './datalist.class';
+import { AXBaseComponent } from './base-components.class';
 export declare const AXBaseComponentMixin: {
     new (...args: any[]): {
         id: string;
@@ -324,16 +324,42 @@ export declare const AXBaseButtonMixin: {
     };
 } & {
     new (...args: any[]): {
-        _text: string;
-        text: string;
-        submitBehavior: boolean;
-        cancelBehavior: boolean;
         colorChange: import("@angular/core").EventEmitter<import("@acorex/components").AXStyleColorType>;
         _color: import("@acorex/components").AXStyleColorType;
         color: import("@acorex/components").AXStyleColorType;
         lookChange: import("@angular/core").EventEmitter<import("@acorex/components").AXStyleButtonLook>;
         _look?: import("@acorex/components").AXStyleButtonLook;
         look: import("@acorex/components").AXStyleButtonLook;
+        id: string;
+        rtl: boolean;
+        cssClass: string;
+        cssStyle: string;
+        "__#1@#elementRef": import("@angular/core").ElementRef<any>;
+        _cdr: import("@angular/core").ChangeDetectorRef;
+        _isInited: boolean;
+        _isRendered: boolean;
+        ngOnInit(): void;
+        ngAfterViewInit(): void;
+        ngOnDestroy(): void;
+        _getHostElement<T = HTMLElement>(): T;
+        _getInnerElement<T_1 = HTMLElement>(): T_1;
+        _onInternalInit(): void;
+        _onInternalViewInit(): void;
+        _onInternalDestroy(): void;
+        onInit(): void;
+        onRenderCssClass(): 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;
+    };
+} & {
+    new (...args: any[]): {
+        _text: string;
+        text: string;
+        submitBehavior: boolean;
+        cancelBehavior: boolean;
         toggleableChange: import("@angular/core").EventEmitter<boolean>;
         _toggleable?: boolean;
         toggleable: boolean;
@@ -484,6 +510,7 @@ export declare const AXBaseTextBoxMixin: {
     };
 } & {
     new (...args: any[]): {
+        type: string;
         placeholder: string;
         maxLength: number;
         autoComplete: string;

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

@@ -5,6 +5,10 @@ import { Constructor } from './constratctor';
 export declare function _TextboxComponenetMixin<TBase extends Constructor<AXBaseComponent>>(Base: TBase): {
     new (...args: any[]): {
         /**
+       *  A string value that specifies the type of text box.
+       */
+        type: string;
+        /**
         *  A string value that specifies the placeholder of text box.
         */
         placeholder: string;

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

@@ -17,5 +17,5 @@ export declare class AXButtonComponent extends AXBaseButtonMixin {
     _emitOnBlurEvent(e: MouseEvent): void;
     private get __hostClass();
     static ɵfac: i0.ɵɵFactoryDeclaration<AXButtonComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXButtonComponent, "ax-button", never, { "disabled": "disabled"; "tabIndex": "tabIndex"; "size": "size"; "text": "text"; "submitBehavior": "submitBehavior"; "cancelBehavior": "cancelBehavior"; "color": "color"; "look": "look"; "toggleable": "toggleable"; "selected": "selected"; }, { "onBlur": "onBlur"; "onFocus": "onFocus"; "onClick": "onClick"; "selectedChange": "selectedChange"; "toggleableChange": "toggleableChange"; }, never, ["ax-prefix,ax-loading,ax-icon", "ax-suffix", "ax-dropdown-panel"]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXButtonComponent, "ax-button", never, { "disabled": "disabled"; "tabIndex": "tabIndex"; "size": "size"; "color": "color"; "look": "look"; "text": "text"; "submitBehavior": "submitBehavior"; "cancelBehavior": "cancelBehavior"; "toggleable": "toggleable"; "selected": "selected"; }, { "onBlur": "onBlur"; "onFocus": "onFocus"; "onClick": "onClick"; "selectedChange": "selectedChange"; "toggleableChange": "toggleableChange"; }, never, ["ax-prefix,ax-loading,ax-icon", "ax-suffix", "ax-dropdown-panel"]>;
 }

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

@@ -1,22 +1,27 @@
 import { AXDateTime } from '@acorex/core';
-import { ElementRef, ChangeDetectorRef } from '@angular/core';
-import { AXClickEvent, AXComponentOptionChanged } from '../base';
+import { ElementRef, ChangeDetectorRef, EventEmitter } from '@angular/core';
+import { AXClickEvent, AXComponentOptionChanged, AXItemClickEvent } from '../base';
 import * as i0 from "@angular/core";
 export declare const AXCalendarComponentMixin: any;
 export declare class AXCalendarComponent extends AXCalendarComponentMixin {
     private cdr;
     private get _viewRange();
+    private _type;
+    get type(): string;
+    set type(v: string);
     _today: AXDateTime;
     private _viewStartDate;
     _navText: string;
     _todayText: string;
     _slots: any[];
+    _dayNames: string[];
+    onSlotClick: EventEmitter<AXItemClickEvent<Date>>;
     constructor(elementRef: ElementRef, cdr: ChangeDetectorRef);
     onInit(): void;
     private _genearteSlots;
     _handlePrevClick(e: AXClickEvent): void;
     _handleNextClick(e: AXClickEvent): void;
-    _handleSlotClick(slot: any): void;
+    _handleSlotClick(e: MouseEvent, slot: any): void;
     _handleNavClick(e: AXClickEvent): void;
     _onOptionChanged(option: AXComponentOptionChanged): void;
     _onValueChanged(oldValue: any, newValue: any): void;
@@ -32,5 +37,5 @@ export declare class AXCalendarComponent extends AXCalendarComponentMixin {
     private isHoliday;
     private isWeekend;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXCalendarComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXCalendarComponent, "ax-calendar", never, { "readonly": "readonly"; "allowNull": "allowNull"; "value": "value"; "debounceTime": "debounceTime"; "name": "name"; "checked": "checked"; "disabled": "disabled"; "tabIndex": "tabIndex"; "depth": "depth"; "activeView": "activeView"; "min": "min"; "max": "max"; "disabledDates": "disabledDates"; "holidayDates": "holidayDates"; }, { "valueChange": "valueChange"; "onValueChanged": "onValueChanged"; "onBlur": "onBlur"; "onFocus": "onFocus"; "depthChange": "depthChange"; }, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXCalendarComponent, "ax-calendar", never, { "readonly": "readonly"; "allowNull": "allowNull"; "value": "value"; "debounceTime": "debounceTime"; "name": "name"; "checked": "checked"; "disabled": "disabled"; "tabIndex": "tabIndex"; "depth": "depth"; "activeView": "activeView"; "min": "min"; "max": "max"; "disabledDates": "disabledDates"; "holidayDates": "holidayDates"; "type": "type"; }, { "valueChange": "valueChange"; "onValueChanged": "onValueChanged"; "onBlur": "onBlur"; "onFocus": "onFocus"; "depthChange": "depthChange"; "onSlotClick": "onSlotClick"; }, never, never>;
 }

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

@@ -126,6 +126,7 @@ export declare const AXBaseDatePickerMixin: (abstract new (...args: any[]) => {
     };
 } & {
     new (...args: any[]): {
+        type: string;
         placeholder: string;
         maxLength: number;
         autoComplete: string;
@@ -179,5 +180,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", "ax-validation-rule"]>;
+    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"; "type": "type"; "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/number-box/number-box.component.d.ts

@@ -71,5 +71,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"; "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"]>;
+    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"; "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/password-box/password-box.component.d.ts

@@ -20,5 +20,5 @@ export declare class AXPasswordBoxComponent extends AXBaseTextBoxMixin {
     constructor(elementRef: ElementRef, cdr: ChangeDetectorRef);
     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"; "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"]>;
+    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"; "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"]>;
 }

package/lib/progress-bar/index.d.ts

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

package/lib/progress-bar/progress-bar.component.d.ts

@@ -0,0 +1,12 @@
+import { AXBaseComponentMixin } from '../base';
+import * as i0 from "@angular/core";
+export declare class AXProgressBarComponent extends AXBaseComponentMixin {
+    value: number;
+    private _max;
+    get max(): number;
+    set max(v: number);
+    constructor();
+    ngOnInit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXProgressBarComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXProgressBarComponent, "ax-progress-bar", never, { "value": "value"; "max": "max"; }, {}, never, never>;
+}

package/lib/progress-bar/progress-bar.module.d.ts

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

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

@@ -53,5 +53,5 @@ export declare class AXSelectBoxComponent extends AXBaseSelectionDropdownMixin {
     _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"; "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"]>;
+    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"; "type": "type"; "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/tabs/tab-item.component.d.ts

@@ -4,6 +4,7 @@ import * as i0 from "@angular/core";
 export declare class AXTabItemComponent extends AXBaseClickableMixin {
     constructor(elementRef: ElementRef, cdr: ChangeDetectorRef);
     text: string;
+    name: string;
     width: boolean;
     template: TemplateRef<any>;
     headerTemplate: TemplateRef<any>;
@@ -13,5 +14,5 @@ export declare class AXTabItemComponent extends AXBaseClickableMixin {
     set active(v: boolean);
     private __hostClick;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXTabItemComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXTabItemComponent, "ax-tab-item", never, { "text": "text"; "width": "width"; "active": "active"; }, { "activeChange": "activeChange"; }, ["headerTemplate"], ["ax-prefix", "ax-suffix", "ax-content"]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXTabItemComponent, "ax-tab-item", never, { "text": "text"; "name": "name"; "width": "width"; "active": "active"; }, { "activeChange": "activeChange"; }, ["headerTemplate"], ["ax-prefix", "ax-suffix", "ax-content"]>;
 }

package/lib/tabs/tabs.component.d.ts

@@ -10,6 +10,7 @@ export declare class AXTabsComponent extends AXBaseComponent {
     minWidth: boolean;
     content: AXTabContentDirective;
     constructor(elementRef: ElementRef, cdr: ChangeDetectorRef);
+    private _isUserInteraction;
     onActiveTabChanged: EventEmitter<AXTabStripChangedEvent>;
     onRenderCssClass(): void;
     onViewInit(): void;

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

@@ -8,5 +8,5 @@ export declare class AXTextareaComponent extends AXBaseTextBoxMixin {
    */
     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"]>;
+    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"; "type": "type"; "rows": "rows"; }, { "onBlur": "onBlur"; "onFocus": "onFocus"; "valueChange": "valueChange"; "onValueChanged": "onValueChanged"; }, never, ["ax-prefix"]>;
 }

package/lib/textbox/textbox.component.d.ts

@@ -12,5 +12,5 @@ export declare class AXTextBoxComponent extends AXBaseTextBoxMixin {
     */
     constructor(elementRef: ElementRef, cdr: ChangeDetectorRef);
     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"; "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"]>;
+    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"; "type": "type"; }, { "onBlur": "onBlur"; "onFocus": "onFocus"; "valueChange": "valueChange"; "onValueChanged": "onValueChanged"; }, never, ["ax-prefix", "ax-suffix", "ax-validation-rule", "ax-input-mask"]>;
 }

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

@@ -36,5 +36,5 @@ export declare class AXTimeBoxComponent extends AXBaseTextBoxMixin {
     _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"; "formatChange": "formatChange"; "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"; "type": "type"; "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/package.json

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

package/public-api.d.ts

@@ -27,6 +27,7 @@ export * from "./lib/page";
 export * from "./lib/password-box";
 export * from "./lib/popover";
 export * from "./lib/popup";
+export * from "./lib/progress-bar";
 export * from "./lib/radio";
 export * from "./lib/range-slider";
 export * from "./lib/selectbox";