@acorex/components 6.1.0 → 6.1.2

package/alert/public-api.d.ts

@@ -1,2 +1,3 @@
+export * from './src/alert-button.directive';
 export * from './src/alert.component';
 export * from './src/alert.module';

package/alert/src/alert-button.directive.d.ts

@@ -0,0 +1,8 @@
+import * as i0 from "@angular/core";
+export declare class AXAlertButtonDirective {
+    text: string;
+    look: 'default' | 'blank';
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXAlertButtonDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<AXAlertButtonDirective, "[ax-alert-button]", never, { "text": "text"; "look": "look"; }, {}, never, never, false>;
+}

package/alert/src/alert.component.d.ts

@@ -1,3 +1,4 @@
+import { AXButtonComponent } from '@acorex/components/button';
 import { ElementRef, ChangeDetectorRef, EventEmitter } from '@angular/core';
 import { AXEvent } from '@acorex/components/common';
 import { AXBaseComponent, AXComponentOptionChanged } from '@acorex/components/mixin';
@@ -11,7 +12,7 @@ export declare const AXBaseAlertMixin: (new (...args: any[]) => {
     look: import("@acorex/components/common").AXStyleLookType;
     id: string;
     rtl: boolean;
-    "__#33098@#elementRef": ElementRef<any>;
+    "__#34353@#elementRef": ElementRef<any>;
     _cdr: ChangeDetectorRef;
     _isInited: boolean;
     _isRendered: boolean;
@@ -29,6 +30,7 @@ export declare const AXBaseAlertMixin: (new (...args: any[]) => {
     _onOptionChanging(option: import("@acorex/components/mixin").AXComponentOptionChanging): any;
     _onOptionChanged(option: AXComponentOptionChanged): void;
     _setOption(option: import("@acorex/components/mixin").AXComponentSetOption): void;
+    _isRtl(): boolean;
 }) & typeof AXBaseComponent;
 /**
  * Regular description
@@ -38,15 +40,20 @@ export declare const AXBaseAlertMixin: (new (...args: any[]) => {
 export declare class AXAlertComponent extends AXBaseAlertMixin {
     private _icon;
     private _buttons;
-    onDismissed: EventEmitter<AXEvent>;
-    _onOptionChanged(option: AXComponentOptionChanged): void;
-    protected ngDoCheck(): void;
-    private _setIcon;
+    protected _content: AXButtonComponent;
+    protected _footer: AXButtonComponent;
+    protected _showInline: boolean;
+    onClosed: EventEmitter<AXEvent>;
+    private _customIcon;
+    private _timeOutRef;
     /**
      *  @ignore
      */
     get __hostClass(): string;
-    timeOut: number;
+    private _timeOut;
+    get timeOut(): number;
+    set timeOut(v: number);
+    private _observer;
     protected _visible: boolean;
     /**
      *  set the visibility of the Alert
@@ -57,14 +64,14 @@ export declare class AXAlertComponent extends AXBaseAlertMixin {
      *  @ignore
      */
     constructor(elementRef: ElementRef, cdr: ChangeDetectorRef);
-    onInit(): void;
     onViewInit(): void;
-    protected ngAfterContentInit(): void;
+    _onOptionChanged(option: AXComponentOptionChanged): void;
+    private _setIcon;
     private _applyButtonStyle;
     /**
      *  Remove the alert from the container
      */
-    dismiss(): void;
+    close(): void;
     /**
      *  Hide the alert
      */
@@ -73,6 +80,7 @@ export declare class AXAlertComponent extends AXBaseAlertMixin {
      *  Show the alert
      */
     show(): void;
+    onDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXAlertComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXAlertComponent, "ax-alert", never, { "color": "color"; "look": "look"; "timeOut": "timeOut"; "visible": "visible"; }, { "onDismissed": "onDismissed"; }, ["_icon", "_buttons"], ["ax-header,ng-container,ng-template", "ax-icon,ng-container,ng-template", "ax-content,ng-container,ng-template", "ax-footer,ng-container,ng-template", "ax-suffix,ng-container,ng-template"], false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXAlertComponent, "ax-alert", never, { "color": "color"; "timeOut": "timeOut"; "visible": "visible"; }, { "onClosed": "onClosed"; }, ["_icon", "_content", "_footer", "_buttons"], ["ax-icon", "ax-title", "ax-sub-title", "ax-content", "ax-footer", "ax-button", "ax-close-button"], false>;
 }

package/alert/src/alert.module.d.ts

@@ -1,9 +1,10 @@
 import * as i0 from "@angular/core";
 import * as i1 from "./alert.component";
-import * as i2 from "@angular/common";
-import * as i3 from "@acorex/components/decorators";
+import * as i2 from "./alert-button.directive";
+import * as i3 from "@angular/common";
+import * as i4 from "@acorex/components/decorators";
 export declare class AXAlertModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<AXAlertModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<AXAlertModule, [typeof i1.AXAlertComponent], [typeof i2.CommonModule, typeof i3.AXDecoratorModule], [typeof i1.AXAlertComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<AXAlertModule, [typeof i1.AXAlertComponent, typeof i2.AXAlertButtonDirective], [typeof i3.CommonModule, typeof i4.AXDecoratorModule], [typeof i1.AXAlertComponent, typeof i2.AXAlertButtonDirective]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<AXAlertModule>;
 }

package/badge/src/badge.component.d.ts

@@ -10,7 +10,7 @@ export declare const AXBaseBadgeMixin: (new (...args: any[]) => {
     look: import("@acorex/components/common").AXStyleLookType;
     id: string;
     rtl: boolean;
-    "__#33098@#elementRef": ElementRef<any>;
+    "__#34353@#elementRef": ElementRef<any>;
     _cdr: ChangeDetectorRef;
     _isInited: boolean;
     _isRendered: boolean;
@@ -28,6 +28,7 @@ export declare const AXBaseBadgeMixin: (new (...args: any[]) => {
     _onOptionChanging(option: import("@acorex/components/mixin").AXComponentOptionChanging): any;
     _onOptionChanged(option: import("@acorex/components/mixin").AXComponentOptionChanged): void;
     _setOption(option: import("@acorex/components/mixin").AXComponentSetOption): void;
+    _isRtl(): boolean;
 }) & typeof AXBaseComponent;
 export declare class AXBadgeComponent extends AXBaseBadgeMixin {
     private elementRef;

package/breadcrumbs/src/breadcrumbs-item.component.d.ts

@@ -3,9 +3,9 @@ import { ChangeDetectorRef, ElementRef } from '@angular/core';
 import { AXBreadCrumbsComponent } from './breadcrumbs.component';
 import * as i0 from "@angular/core";
 export declare const AXBaseItemBreadCrumbMixin: (abstract new (...args: any[]) => {
-    "__#33101@#disabled": boolean;
+    "__#34356@#disabled": boolean;
     disabled: boolean;
-    "__#33101@#tabIndex": number;
+    "__#34356@#tabIndex": number;
     tabIndex: number;
     onFocus: import("@angular/core").EventEmitter<import("@acorex/components/common").AXFocusEvent>;
     _emitOnFocusEvent(e: FocusEvent): void;
@@ -15,7 +15,7 @@ export declare const AXBaseItemBreadCrumbMixin: (abstract new (...args: any[]) =
     hasFocus(): boolean;
     id: string;
     rtl: boolean;
-    "__#33098@#elementRef": ElementRef<any>;
+    "__#34353@#elementRef": ElementRef<any>;
     _cdr: ChangeDetectorRef;
     _isInited: boolean;
     _isRendered: boolean;
@@ -33,15 +33,13 @@ export declare const AXBaseItemBreadCrumbMixin: (abstract new (...args: any[]) =
     _onOptionChanging(option: import("@acorex/components/mixin").AXComponentOptionChanging): any;
     _onOptionChanged(option: import("@acorex/components/mixin").AXComponentOptionChanged): void;
     _setOption(option: import("@acorex/components/mixin").AXComponentSetOption): void;
+    _isRtl(): boolean;
 }) & (new (...args: any[]) => {
     onClick: import("@angular/core").EventEmitter<import("@acorex/components/common").AXClickEvent>;
     _emitOnClickEvent(e: MouseEvent): void;
     id: string;
     rtl: boolean;
-    "__#33098@#elementRef": ElementRef<any>;
-    /**
-     *  @ignore
-     */
+    "__#34353@#elementRef": ElementRef<any>;
     _cdr: ChangeDetectorRef;
     _isInited: boolean;
     _isRendered: boolean;
@@ -59,6 +57,7 @@ export declare const AXBaseItemBreadCrumbMixin: (abstract new (...args: any[]) =
     _onOptionChanging(option: import("@acorex/components/mixin").AXComponentOptionChanging): any;
     _onOptionChanged(option: import("@acorex/components/mixin").AXComponentOptionChanged): void;
     _setOption(option: import("@acorex/components/mixin").AXComponentSetOption): void;
+    _isRtl(): boolean;
 }) & typeof AXBaseComponent;
 export declare class AXBreadCrumbsItemComponent extends AXBaseItemBreadCrumbMixin {
     _parent: AXBreadCrumbsComponent;

package/button/src/button-group.component.d.ts

@@ -4,9 +4,9 @@ import { AXClickEvent, AXItemClickEvent, AXSelectionMode, AXSelectionValueChange
 import { AXBaseComponent } from '@acorex/components/mixin';
 import * as i0 from "@angular/core";
 export declare const AXBaseButtonGroupMixin: (abstract new (...args: any[]) => {
-    "__#33101@#disabled": boolean;
+    "__#34356@#disabled": boolean;
     disabled: boolean;
-    "__#33101@#tabIndex": number;
+    "__#34356@#tabIndex": number;
     tabIndex: number;
     onFocus: EventEmitter<import("@acorex/components/common").AXFocusEvent>;
     _emitOnFocusEvent(e: FocusEvent): void;
@@ -16,7 +16,7 @@ export declare const AXBaseButtonGroupMixin: (abstract new (...args: any[]) => {
     hasFocus(): boolean;
     id: string;
     rtl: boolean;
-    "__#33098@#elementRef": ElementRef<any>;
+    "__#34353@#elementRef": ElementRef<any>;
     _cdr: ChangeDetectorRef;
     _isInited: boolean;
     _isRendered: boolean;
@@ -34,6 +34,7 @@ export declare const AXBaseButtonGroupMixin: (abstract new (...args: any[]) => {
     _onOptionChanging(option: import("@acorex/components/mixin").AXComponentOptionChanging): any;
     _onOptionChanged(option: import("@acorex/components/mixin").AXComponentOptionChanged): void;
     _setOption(option: import("@acorex/components/mixin").AXComponentSetOption): void;
+    _isRtl(): boolean;
 }) & (new (...args: any[]) => {
     colorChange: EventEmitter<import("@acorex/components/common").AXStyleColorType>;
     _color: import("@acorex/components/common").AXStyleColorType;
@@ -43,7 +44,7 @@ export declare const AXBaseButtonGroupMixin: (abstract new (...args: any[]) => {
     look: import("@acorex/components/common").AXStyleLookType;
     id: string;
     rtl: boolean;
-    "__#33098@#elementRef": ElementRef<any>;
+    "__#34353@#elementRef": ElementRef<any>;
     _cdr: ChangeDetectorRef;
     _isInited: boolean;
     _isRendered: boolean;
@@ -61,6 +62,7 @@ export declare const AXBaseButtonGroupMixin: (abstract new (...args: any[]) => {
     _onOptionChanging(option: import("@acorex/components/mixin").AXComponentOptionChanging): any;
     _onOptionChanged(option: import("@acorex/components/mixin").AXComponentOptionChanged): void;
     _setOption(option: import("@acorex/components/mixin").AXComponentSetOption): void;
+    _isRtl(): boolean;
 }) & typeof AXBaseComponent;
 export declare class AXButtonGroupComponent extends AXBaseButtonGroupMixin {
     private zone;

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

@@ -3,9 +3,9 @@ import { AXStyleColorType } from '@acorex/components/common';
 import { AXBaseComponent } from '@acorex/components/mixin';
 import * as i0 from "@angular/core";
 export declare const AXBaseItemButtonMixin: (abstract new (...args: any[]) => {
-    "__#33101@#disabled": boolean;
+    "__#34356@#disabled": boolean;
     disabled: boolean;
-    "__#33101@#tabIndex": number;
+    "__#34356@#tabIndex": number;
     tabIndex: number;
     onFocus: import("@angular/core").EventEmitter<import("@acorex/components/common").AXFocusEvent>;
     _emitOnFocusEvent(e: FocusEvent): void;
@@ -15,7 +15,7 @@ export declare const AXBaseItemButtonMixin: (abstract new (...args: any[]) => {
     hasFocus(): boolean;
     id: string;
     rtl: boolean;
-    "__#33098@#elementRef": ElementRef<any>;
+    "__#34353@#elementRef": ElementRef<any>;
     _cdr: ChangeDetectorRef;
     _isInited: boolean;
     _isRendered: boolean;
@@ -33,12 +33,13 @@ export declare const AXBaseItemButtonMixin: (abstract new (...args: any[]) => {
     _onOptionChanging(option: import("@acorex/components/mixin").AXComponentOptionChanging): any;
     _onOptionChanged(option: import("@acorex/components/mixin").AXComponentOptionChanged): void;
     _setOption(option: import("@acorex/components/mixin").AXComponentSetOption): void;
+    _isRtl(): boolean;
 }) & (new (...args: any[]) => {
     onClick: import("@angular/core").EventEmitter<import("@acorex/components/common").AXClickEvent>;
     _emitOnClickEvent(e: MouseEvent): void;
     id: string;
     rtl: boolean;
-    "__#33098@#elementRef": ElementRef<any>;
+    "__#34353@#elementRef": ElementRef<any>;
     _cdr: ChangeDetectorRef;
     _isInited: boolean;
     _isRendered: boolean;
@@ -56,6 +57,7 @@ export declare const AXBaseItemButtonMixin: (abstract new (...args: any[]) => {
     _onOptionChanging(option: import("@acorex/components/mixin").AXComponentOptionChanging): any;
     _onOptionChanged(option: import("@acorex/components/mixin").AXComponentOptionChanged): void;
     _setOption(option: import("@acorex/components/mixin").AXComponentSetOption): void;
+    _isRtl(): boolean;
 }) & typeof AXBaseComponent;
 export declare class AXButtonItemComponent extends AXBaseItemButtonMixin {
     /**

package/calendar/src/calendar.component.d.ts

@@ -7,7 +7,7 @@ export declare const AXCalendarComponentMixin: any;
 export declare class AXCalendarComponent extends AXCalendarComponentMixin {
     private cdr;
     interface: 'calendar' | 'picker';
-    rtl: boolean;
+    todayText: string;
     private get _viewRange();
     protected _today: AXDateTime;
     private _viewStartDate;
@@ -21,10 +21,10 @@ export declare class AXCalendarComponent extends AXCalendarComponentMixin {
     private _refresh;
     protected onInit(): void;
     private _genearteSlots;
-    protected _handlePrevClick(e: AXClickEvent): void;
-    protected _handleNextClick(e: AXClickEvent): void;
+    protected _handlePrevClick(): void;
+    protected _handleNextClick(): void;
     protected _handleSlotClick(e: MouseEvent, slot: any): void;
-    protected _handleNavClick(e: AXClickEvent): void;
+    protected _handleNavClick(e: AXClickEvent | any): void;
     protected _onOptionChanged(option: AXComponentOptionChanged): void;
     protected _onValueChanged(oldValue: any, newValue: any): void;
     protected _handleGoToday(): void;

package/calendar/src/calendar.module.d.ts

@@ -1,11 +1,10 @@
 import * as i0 from "@angular/core";
 import * as i1 from "./calendar.component";
 import * as i2 from "@angular/common";
-import * as i3 from "@acorex/components/button";
-import * as i4 from "@acorex/components/decorators";
-import * as i5 from "@acorex/core/dateTime";
+import * as i3 from "@acorex/components/decorators";
+import * as i4 from "@acorex/core/dateTime";
 export declare class AXCalendarModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<AXCalendarModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<AXCalendarModule, [typeof i1.AXCalendarComponent], [typeof i2.CommonModule, typeof i3.AXButtonModule, typeof i4.AXDecoratorModule, typeof i5.AXDateTimeModule], [typeof i1.AXCalendarComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<AXCalendarModule, [typeof i1.AXCalendarComponent], [typeof i2.CommonModule, typeof i3.AXDecoratorModule, typeof i4.AXDateTimeModule], [typeof i1.AXCalendarComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<AXCalendarModule>;
 }

package/color-picker/src/color-picker.component.d.ts

@@ -6,9 +6,9 @@ import { AXPopoverComponent } from '@acorex/components/popover';
 import { AXBaseComponent } from '@acorex/components/mixin';
 import * as i0 from "@angular/core";
 export declare const AXBaseColorPickerMixin: (abstract new (...args: any[]) => {
-    "__#33101@#disabled": boolean;
+    "__#34356@#disabled": boolean;
     disabled: boolean;
-    "__#33101@#tabIndex": number;
+    "__#34356@#tabIndex": number;
     tabIndex: number;
     onFocus: import("@angular/core").EventEmitter<import("@acorex/components/common").AXFocusEvent>;
     _emitOnFocusEvent(e: FocusEvent): void;
@@ -18,7 +18,7 @@ export declare const AXBaseColorPickerMixin: (abstract new (...args: any[]) => {
     hasFocus(): boolean;
     id: string;
     rtl: boolean;
-    "__#33098@#elementRef": ElementRef<any>;
+    "__#34353@#elementRef": ElementRef<any>;
     _cdr: ChangeDetectorRef;
     _isInited: boolean;
     _isRendered: boolean;
@@ -36,6 +36,7 @@ export declare const AXBaseColorPickerMixin: (abstract new (...args: any[]) => {
     _onOptionChanging(option: import("@acorex/components/mixin").AXComponentOptionChanging): any;
     _onOptionChanged(option: import("@acorex/components/mixin").AXComponentOptionChanged): void;
     _setOption(option: import("@acorex/components/mixin").AXComponentSetOption): void;
+    _isRtl(): boolean;
 }) & (abstract new (...args: any[]) => {
     readonly: boolean;
     onOpened: import("@angular/core").EventEmitter<import("@acorex/components/common").AXEvent>;
@@ -52,7 +53,7 @@ export declare const AXBaseColorPickerMixin: (abstract new (...args: any[]) => {
     readonly isOpen: boolean;
     id: string;
     rtl: boolean;
-    "__#33098@#elementRef": ElementRef<any>;
+    "__#34353@#elementRef": ElementRef<any>;
     _cdr: ChangeDetectorRef;
     _isInited: boolean;
     _isRendered: boolean;
@@ -68,20 +69,21 @@ export declare const AXBaseColorPickerMixin: (abstract new (...args: any[]) => {
     _onOptionChanging(option: import("@acorex/components/mixin").AXComponentOptionChanging): any;
     _onOptionChanged(option: import("@acorex/components/mixin").AXComponentOptionChanged): void;
     _setOption(option: import("@acorex/components/mixin").AXComponentSetOption): void;
+    _isRtl(): boolean;
 }) & (new (...args: any[]) => {
     onValueChanged: import("@angular/core").EventEmitter<AXValueChangedEvent<any>>;
     valueChange: import("@angular/core").EventEmitter<any>;
-    "__#33103@#readonly": boolean;
+    "__#34357@#readonly": boolean;
     readonly: boolean;
-    "__#33103@#allowNull": boolean;
+    "__#34357@#allowNull": boolean;
     allowNull: boolean;
-    "__#33103@#name": string;
+    "__#34357@#name": string;
     name: string;
-    "__#33103@#isUserInteraction": boolean;
+    "__#34357@#isUserInteraction": boolean;
     readonly isUserInteraction: boolean;
-    "__#33103@#value": any;
+    "__#34357@#value": any;
     value: any;
-    "__#33103@#state": "error" | "clear" | "success";
+    "__#34357@#state": "error" | "clear" | "success";
     readonly state: "error" | "clear" | "success";
     _emitOnValueChangedEvent(oldValue?: any, newValue?: any): void;
     _internalSetValue(value: any): any;
@@ -97,7 +99,7 @@ export declare const AXBaseColorPickerMixin: (abstract new (...args: any[]) => {
     _setState(state: "error" | "clear" | "success", ...args: any[]): void;
     id: string;
     rtl: boolean;
-    "__#33098@#elementRef": ElementRef<any>;
+    "__#34353@#elementRef": ElementRef<any>;
     _cdr: ChangeDetectorRef;
     _isInited: boolean;
     _isRendered: boolean;
@@ -113,27 +115,21 @@ export declare const AXBaseColorPickerMixin: (abstract new (...args: any[]) => {
     _onOptionChanging(option: import("@acorex/components/mixin").AXComponentOptionChanging): any;
     _onOptionChanged(option: import("@acorex/components/mixin").AXComponentOptionChanged): void;
     _setOption(option: import("@acorex/components/mixin").AXComponentSetOption): void;
+    _isRtl(): boolean;
 }) & (new (...args: any[]) => {
     type: string;
     placeholder: string;
     maxLength: number;
     autoComplete: string;
-    debounceTime: number;
-    "__#33102@#valueSubscription": import("rxjs").Subscription;
-    "__#33102@#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;
-    "__#33098@#elementRef": ElementRef<any>;
+    "__#34353@#elementRef": ElementRef<any>;
     _cdr: ChangeDetectorRef;
     _isInited: boolean;
     _isRendered: boolean;
@@ -145,10 +141,15 @@ export declare const AXBaseColorPickerMixin: (abstract new (...args: any[]) => {
     _onInternalInit(): void;
     _onInternalViewInit(): void;
     _onInternalDestroy(): void;
-    onViewInit(): void;
+    onInit(): void;
+    onViewInit(): void; /**
+     *  @ignore
+     */
+    onDestroy(): void;
     _onOptionChanging(option: import("@acorex/components/mixin").AXComponentOptionChanging): any;
     _onOptionChanged(option: import("@acorex/components/mixin").AXComponentOptionChanged): void;
     _setOption(option: import("@acorex/components/mixin").AXComponentSetOption): void;
+    _isRtl(): boolean;
 }) & typeof AXBaseComponent;
 /**
  * The Button is a component which detects user interaction and triggers a corresponding event
@@ -180,5 +181,5 @@ export declare class AXColorPickerComponent extends AXBaseColorPickerMixin {
     _handlePopupOnOpened(e: any): Promise<void>;
     _handlePopupOnClosed(e: any): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXColorPickerComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXColorPickerComponent, "ax-color-picker", 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"; }, { "onOpened": "onOpened"; "onClosed": "onClosed"; "onBlur": "onBlur"; "onFocus": "onFocus"; "valueChange": "valueChange"; "onValueChanged": "onValueChanged"; }, never, ["ax-prefix", "ax-validation-rule", "ax-suffix"], false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXColorPickerComponent, "ax-color-picker", 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"; }, { "onOpened": "onOpened"; "onClosed": "onClosed"; "onBlur": "onBlur"; "onFocus": "onFocus"; "valueChange": "valueChange"; "onValueChanged": "onValueChanged"; }, never, ["ax-prefix", "ax-validation-rule", "ax-suffix"], false>;
 }

package/common/public-api.d.ts

@@ -7,6 +7,7 @@ export * from './src/events.class';
 export * from './src/hotkey.directive';
 export * from './src/hotkey.service';
 export * from './src/infinite-scroll.directive';
+export * from './src/debounce-time.directive';
 export * from './src/overlay.service';
 export * from './src/responsive.directive';
 export * from './src/styles.class';

package/common/src/common.module.d.ts

@@ -1,10 +1,11 @@
 import * as i0 from "@angular/core";
 import * as i1 from "./responsive.directive";
 import * as i2 from "./infinite-scroll.directive";
-import * as i3 from "./auto-focus.directive";
-import * as i4 from "./hotkey.directive";
+import * as i3 from "./debounce-time.directive";
+import * as i4 from "./auto-focus.directive";
+import * as i5 from "./hotkey.directive";
 export declare class AXCommonModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<AXCommonModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<AXCommonModule, [typeof i1.AXResponsiveDirective, typeof i2.AXInfiniteScrollerDirective, typeof i3.AXAutoFocusDirective, typeof i4.AXHotkeyDirective], never, [typeof i1.AXResponsiveDirective, typeof i2.AXInfiniteScrollerDirective, typeof i3.AXAutoFocusDirective, typeof i4.AXHotkeyDirective]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<AXCommonModule, [typeof i1.AXResponsiveDirective, typeof i2.AXInfiniteScrollerDirective, typeof i3.AXNgModelChangeDebouncedDirective, typeof i4.AXAutoFocusDirective, typeof i5.AXHotkeyDirective], never, [typeof i1.AXResponsiveDirective, typeof i2.AXInfiniteScrollerDirective, typeof i4.AXAutoFocusDirective, typeof i3.AXNgModelChangeDebouncedDirective, typeof i5.AXHotkeyDirective]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<AXCommonModule>;
 }

package/common/src/debounce-time.directive.d.ts

@@ -0,0 +1,17 @@
+import { EventEmitter, OnDestroy } from "@angular/core";
+import { NgModel } from "@angular/forms";
+import * as i0 from "@angular/core";
+export declare class AXNgModelChangeDebouncedDirective implements OnDestroy {
+    private ngModel;
+    ngModelChangeDebounced: EventEmitter<any>;
+    ngModelChangeDebounceTimeChange: EventEmitter<number>;
+    private _ngModelChangeDebounceTime;
+    get ngModelChangeDebounceTime(): number;
+    set ngModelChangeDebounceTime(v: number);
+    private subscription;
+    ngOnDestroy(): void;
+    constructor(ngModel: NgModel);
+    private update;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXNgModelChangeDebouncedDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<AXNgModelChangeDebouncedDirective, "[ngModelChangeDebounced]", never, { "ngModelChangeDebounceTime": "ngModelChangeDebounceTime"; }, { "ngModelChangeDebounced": "ngModelChangeDebounced"; "ngModelChangeDebounceTimeChange": "ngModelChangeDebounceTimeChange"; }, never, never, false>;
+}

package/common/src/events.class.d.ts

@@ -24,7 +24,7 @@ export declare class AXHtmlEvent<E extends Event = Event> extends AXEvent {
  *  Contains native event
  * @category Events
  */
-export declare class AXValueChangedEvent<T> extends AXEvent {
+export declare class AXValueChangedEvent<T = any> extends AXEvent {
     name?: string;
     value?: T;
     oldValue?: T;

package/data-table/src/data-table.component.d.ts

@@ -4,7 +4,7 @@ import { AXDataColumnComponent } from './data-column.directive';
 import { AXBaseComponentMixin, AXDataListItems } from '@acorex/components/mixin';
 import * as i0 from "@angular/core";
 export declare class AXDataTableComponent extends AXBaseComponentMixin implements AXPagedComponentInterface {
-    _columns: QueryList<AXDataColumnComponent>;
+    protected _columns: QueryList<AXDataColumnComponent>;
     onPageChanged: EventEmitter<AXValueChangedEvent<number>>;
     rowTemplate?: TemplateRef<any>;
     emptyTemplate?: TemplateRef<any>;
@@ -19,8 +19,8 @@ export declare class AXDataTableComponent extends AXBaseComponentMixin implement
     private _totalItems;
     private _isLazy;
     get totalCount(): number;
-    get isLazy(): boolean;
-    get loadedCount(): number;
+    protected get isLazy(): boolean;
+    protected get loadedCount(): number;
     private _items;
     get items(): AXDataListItems;
     set items(v: AXDataListItems);

package/date-picker/src/datepicker.component.d.ts

@@ -6,9 +6,9 @@ import { AXPopoverComponent } from '@acorex/components/popover';
 import { AXComponentOptionChanged } from '@acorex/components/mixin';
 import * as i0 from "@angular/core";
 export declare const AXBaseDatePickerMixin: (abstract new (...args: any[]) => {
-    "__#33101@#disabled": boolean;
+    "__#34356@#disabled": boolean;
     disabled: boolean;
-    "__#33101@#tabIndex": number;
+    "__#34356@#tabIndex": number;
     tabIndex: number;
     onFocus: EventEmitter<import("@acorex/components/common").AXFocusEvent>;
     _emitOnFocusEvent(e: FocusEvent): void;
@@ -18,7 +18,7 @@ export declare const AXBaseDatePickerMixin: (abstract new (...args: any[]) => {
     hasFocus(): boolean;
     id: string;
     rtl: boolean;
-    "__#33098@#elementRef": ElementRef<any>;
+    "__#34353@#elementRef": ElementRef<any>;
     _cdr: ChangeDetectorRef;
     _isInited: boolean;
     _isRendered: boolean;
@@ -36,6 +36,7 @@ export declare const AXBaseDatePickerMixin: (abstract new (...args: any[]) => {
     _onOptionChanging(option: import("@acorex/components/mixin").AXComponentOptionChanging): any;
     _onOptionChanged(option: AXComponentOptionChanged): void;
     _setOption(option: import("@acorex/components/mixin").AXComponentSetOption): void;
+    _isRtl(): boolean;
 }) & (abstract new (...args: any[]) => {
     readonly: boolean;
     onOpened: EventEmitter<import("@acorex/components/common").AXEvent>;
@@ -52,7 +53,7 @@ export declare const AXBaseDatePickerMixin: (abstract new (...args: any[]) => {
     readonly isOpen: boolean;
     id: string;
     rtl: boolean;
-    "__#33098@#elementRef": ElementRef<any>;
+    "__#34353@#elementRef": ElementRef<any>;
     _cdr: ChangeDetectorRef;
     _isInited: boolean;
     _isRendered: boolean;
@@ -68,20 +69,21 @@ export declare const AXBaseDatePickerMixin: (abstract new (...args: any[]) => {
     _onOptionChanging(option: import("@acorex/components/mixin").AXComponentOptionChanging): any;
     _onOptionChanged(option: AXComponentOptionChanged): void;
     _setOption(option: import("@acorex/components/mixin").AXComponentSetOption): void;
+    _isRtl(): boolean;
 }) & (new (...args: any[]) => {
     onValueChanged: EventEmitter<import("@acorex/components/common").AXValueChangedEvent<any>>;
     valueChange: EventEmitter<any>;
-    "__#33103@#readonly": boolean;
+    "__#34357@#readonly": boolean;
     readonly: boolean;
-    "__#33103@#allowNull": boolean;
+    "__#34357@#allowNull": boolean;
     allowNull: boolean;
-    "__#33103@#name": string;
+    "__#34357@#name": string;
     name: string;
-    "__#33103@#isUserInteraction": boolean;
+    "__#34357@#isUserInteraction": boolean;
     readonly isUserInteraction: boolean;
-    "__#33103@#value": any;
+    "__#34357@#value": any;
     value: any;
-    "__#33103@#state": "error" | "clear" | "success";
+    "__#34357@#state": "error" | "clear" | "success";
     readonly state: "error" | "clear" | "success";
     _emitOnValueChangedEvent(oldValue?: any, newValue?: any): void;
     _internalSetValue(value: any): any;
@@ -97,7 +99,7 @@ export declare const AXBaseDatePickerMixin: (abstract new (...args: any[]) => {
     _setState(state: "error" | "clear" | "success", ...args: any[]): void;
     id: string;
     rtl: boolean;
-    "__#33098@#elementRef": ElementRef<any>;
+    "__#34353@#elementRef": ElementRef<any>;
     _cdr: ChangeDetectorRef;
     _isInited: boolean;
     _isRendered: boolean;
@@ -113,6 +115,7 @@ export declare const AXBaseDatePickerMixin: (abstract new (...args: any[]) => {
     _onOptionChanging(option: import("@acorex/components/mixin").AXComponentOptionChanging): any;
     _onOptionChanged(option: AXComponentOptionChanged): void;
     _setOption(option: import("@acorex/components/mixin").AXComponentSetOption): void;
+    _isRtl(): boolean;
 }) & typeof AXCalendarBaseComponent;
 export declare class AXDatePickerComponent extends AXBaseDatePickerMixin {
     private _platform;
@@ -143,5 +146,5 @@ export declare class AXDatePickerComponent extends AXBaseDatePickerMixin {
     protected _handleOnNavigate(e: AXCalendarNavigateEvent): 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"; "name": "name"; "checked": "checked"; "placeholder": "placeholder"; "maxLength": "maxLength"; "debounceTime": "debounceTime"; "type": "type"; "autoComplete": "autoComplete"; "depth": "depth"; "activeView": "activeView"; "min": "min"; "max": "max"; "disabledDates": "disabledDates"; "holidayDates": "holidayDates"; "format": "format"; "interface": "interface"; }, { "onOpened": "onOpened"; "onClosed": "onClosed"; "onBlur": "onBlur"; "onFocus": "onFocus"; "valueChange": "valueChange"; "onValueChanged": "onValueChanged"; "depthChange": "depthChange"; "typeChange": "typeChange"; "disabledDatesChange": "disabledDatesChange"; "holidayDatesChange": "holidayDatesChange"; "onNavigate": "onNavigate"; "formatChange": "formatChange"; }, never, ["ax-prefix", "ax-suffix", "ax-validation-rule"], false>;
+    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"; "name": "name"; "checked": "checked"; "placeholder": "placeholder"; "maxLength": "maxLength"; "type": "type"; "autoComplete": "autoComplete"; "depth": "depth"; "activeView": "activeView"; "min": "min"; "max": "max"; "disabledDates": "disabledDates"; "holidayDates": "holidayDates"; "format": "format"; "interface": "interface"; }, { "onOpened": "onOpened"; "onClosed": "onClosed"; "onBlur": "onBlur"; "onFocus": "onFocus"; "valueChange": "valueChange"; "onValueChanged": "onValueChanged"; "depthChange": "depthChange"; "typeChange": "typeChange"; "disabledDatesChange": "disabledDatesChange"; "holidayDatesChange": "holidayDatesChange"; "onNavigate": "onNavigate"; "formatChange": "formatChange"; }, never, ["ax-prefix", "ax-suffix", "ax-validation-rule"], false>;
 }

package/decorators/public-api.d.ts

@@ -7,6 +7,7 @@ export * from './src/icon.component';
 export * from './src/overlay.component';
 export * from './src/placeholder.component';
 export * from './src/prefix.component';
+export * from './src/sub-title.component';
 export * from './src/suffix.component';
 export * from './src/text.component';
 export * from './src/title.component';

package/decorators/src/decorators.module.d.ts

@@ -6,13 +6,14 @@ import * as i4 from "./header.component";
 import * as i5 from "./footer.component";
 import * as i6 from "./icon.component";
 import * as i7 from "./title.component";
-import * as i8 from "./close-button.component";
-import * as i9 from "./overlay.component";
-import * as i10 from "./placeholder.component";
-import * as i11 from "./text.component";
-import * as i12 from "@angular/common";
+import * as i8 from "./sub-title.component";
+import * as i9 from "./close-button.component";
+import * as i10 from "./overlay.component";
+import * as i11 from "./placeholder.component";
+import * as i12 from "./text.component";
+import * as i13 from "@angular/common";
 export declare class AXDecoratorModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<AXDecoratorModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<AXDecoratorModule, [typeof i1.AXDecoratorPrefixComponent, typeof i2.AXDecoratorSuffixComponent, typeof i3.AXDecoratorContentComponent, typeof i4.AXDecoratorHeaderComponent, typeof i5.AXDecoratorFooterComponent, typeof i6.AXDecoratorIconComponent, typeof i7.AXDecoratorTitleComponent, typeof i8.AXDecoratorCloseButtonComponent, typeof i9.AXDecoratorOverlayComponent, typeof i10.AXDecoratorPlaceholderComponent, typeof i11.AXDecoratorTextComponent], [typeof i12.CommonModule], [typeof i1.AXDecoratorPrefixComponent, typeof i2.AXDecoratorSuffixComponent, typeof i3.AXDecoratorContentComponent, typeof i4.AXDecoratorHeaderComponent, typeof i5.AXDecoratorFooterComponent, typeof i6.AXDecoratorIconComponent, typeof i7.AXDecoratorTitleComponent, typeof i8.AXDecoratorCloseButtonComponent, typeof i9.AXDecoratorOverlayComponent, typeof i10.AXDecoratorPlaceholderComponent, typeof i11.AXDecoratorTextComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<AXDecoratorModule, [typeof i1.AXDecoratorPrefixComponent, typeof i2.AXDecoratorSuffixComponent, typeof i3.AXDecoratorContentComponent, typeof i4.AXDecoratorHeaderComponent, typeof i5.AXDecoratorFooterComponent, typeof i6.AXDecoratorIconComponent, typeof i7.AXDecoratorTitleComponent, typeof i8.AXDecoratorSubTitleComponent, typeof i9.AXDecoratorCloseButtonComponent, typeof i10.AXDecoratorOverlayComponent, typeof i11.AXDecoratorPlaceholderComponent, typeof i12.AXDecoratorTextComponent], [typeof i13.CommonModule], [typeof i1.AXDecoratorPrefixComponent, typeof i2.AXDecoratorSuffixComponent, typeof i3.AXDecoratorContentComponent, typeof i4.AXDecoratorHeaderComponent, typeof i5.AXDecoratorFooterComponent, typeof i6.AXDecoratorIconComponent, typeof i7.AXDecoratorTitleComponent, typeof i8.AXDecoratorSubTitleComponent, typeof i9.AXDecoratorCloseButtonComponent, typeof i10.AXDecoratorOverlayComponent, typeof i11.AXDecoratorPlaceholderComponent, typeof i12.AXDecoratorTextComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<AXDecoratorModule>;
 }