@acorex/components 7.2.8 → 7.3.2

package/common/lib/directives/delayed-value-changed.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 AXNgModelDelayedValueChangedDirective implements OnDestroy {
+    private ngModel;
+    delayedValueChanged: EventEmitter<any>;
+    delayTimeChange: EventEmitter<number>;
+    private _delayTime;
+    get delayTime(): number;
+    set delayTime(v: number);
+    private subscription;
+    ngOnDestroy(): void;
+    constructor(ngModel: NgModel);
+    private update;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXNgModelDelayedValueChangedDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<AXNgModelDelayedValueChangedDirective, "[delayedValueChanged]", never, { "delayTime": { "alias": "delayTime"; "required": false; }; }, { "delayedValueChanged": "delayedValueChanged"; "delayTimeChange": "delayTimeChange"; }, never, never, true, never>;
+}

package/common/lib/services/dom.service.d.ts

@@ -0,0 +1,6 @@
+import * as i0 from "@angular/core";
+export declare class AXDomService {
+    generateElementId(): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXDomService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<AXDomService>;
+}

package/data-pager/lib/data-pager-base.component.d.ts

@@ -1,12 +1,12 @@
 import { EventEmitter } from '@angular/core';
-import { AXEvent } from '@acorex/components/common';
-import { AXInteractiveComponenetMixin } from '@acorex/components/mixin';
+import { AXEvent, MXInteractiveComponent, AXOptionChangedEvent } from '@acorex/components/common';
+import { AXUnsubscriber } from '@acorex/core/utils';
 import * as i0 from "@angular/core";
 /**
  * A token that specifies the  display mode of datapager component.
  */
 export type AXDataPagerDisplayMode = 'full' | 'compact' | 'custom';
-export interface AXDataPagerInfoData {
+export interface AXDataPagerData {
     range: {
         from: number;
         to: number;
@@ -17,7 +17,7 @@ export interface AXDataPagerInfoData {
     totalPages: number;
     totalItems: number;
 }
-export declare class AXPagerPageChangedEvent extends AXEvent implements AXDataPagerInfoData {
+export declare class AXDataPagerChangedEvent extends AXEvent implements AXDataPagerData {
     range: {
         from: number;
         to: number;
@@ -28,22 +28,27 @@ export declare class AXPagerPageChangedEvent extends AXEvent implements AXDataPa
     totalPages: number;
     totalItems: number;
 }
-export declare class AXPagerStateChangedEvent extends AXPagerPageChangedEvent {
-}
-export declare abstract class AXPagerComponent {
-    abstract onStateChanged: EventEmitter<AXPagerStateChangedEvent>;
-    abstract get state(): AXDataPagerInfoData;
+export declare abstract class AXDataPagerParentComponent {
+    abstract readonly: boolean;
+    abstract disabled: boolean;
+    abstract onChanged: EventEmitter<AXDataPagerChangedEvent>;
+    abstract onOptionChanged: EventEmitter<AXOptionChangedEvent>;
+    abstract get displayInfo(): AXDataPagerData;
     abstract size: number;
     abstract goNextPage(): void;
     abstract goLastPage(): void;
     abstract goFirstPage(): void;
     abstract goPrevPage(): void;
     abstract goToPage(page: number): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<AXPagerComponent, never>;
-    static ɵprov: i0.ɵɵInjectableDeclaration<AXPagerComponent>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXDataPagerParentComponent, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<AXDataPagerParentComponent>;
 }
-export declare abstract class AXDataPagerChild extends AXInteractiveComponenetMixin {
-    constructor(...args: any[]);
+export declare abstract class AXDataPagerChild extends MXInteractiveComponent {
+    protected _parent: AXDataPagerParentComponent;
+    protected _unsubscriber: AXUnsubscriber;
+    constructor();
+    ngAfterViewInit(): void;
+    protected abstract applyParent(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXDataPagerChild, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<AXDataPagerChild>;
 }

package/data-pager/lib/data-pager-info.component.d.ts

@@ -1,15 +1,9 @@
-import { ElementRef, ChangeDetectorRef } from '@angular/core';
-import { AXDataPagerChild, AXPagerComponent } from './data-pager-base.component';
+import { AXDataPagerChild } from './data-pager-base.component';
 import * as i0 from "@angular/core";
 export declare class AXDataPagerInfoComponent extends AXDataPagerChild {
-    private elementRef;
-    private cdr;
-    private _parent;
-    constructor(elementRef: ElementRef<HTMLDivElement>, cdr: ChangeDetectorRef, _parent: AXPagerComponent);
     text: string;
-    _textFormatted: string;
-    onViewInit(): void;
-    private _updateText;
+    protected _textFormatted: string;
+    protected applyParent(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXDataPagerInfoComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<AXDataPagerInfoComponent, "ax-data-pager-info", never, { "text": { "alias": "text"; "required": false; }; }, {}, never, never, false, never>;
 }

package/data-pager/lib/data-pager-input-selector.component.d.ts

@@ -1,15 +1,11 @@
-import { ElementRef, ChangeDetectorRef } from '@angular/core';
 import { AXValueChangedEvent } from '@acorex/components/common';
-import { AXDataPagerChild, AXPagerComponent } from './data-pager-base.component';
+import { AXDataPagerChild } from './data-pager-base.component';
 import * as i0 from "@angular/core";
 export declare class AXDataPagerInputSelectorComponent extends AXDataPagerChild {
-    private _parent;
-    private cdr;
-    constructor(elementRef: ElementRef, _parent: AXPagerComponent, cdr: ChangeDetectorRef);
-    _totalPages: number;
-    _currentPage: number;
-    onViewInit(): void;
-    _handleValueChanged(e: AXValueChangedEvent<number>): void;
+    protected _totalPages: number;
+    protected _currentPage: number;
+    protected applyParent(): void;
+    protected _handleValueChanged(e: AXValueChangedEvent<number>): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXDataPagerInputSelectorComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<AXDataPagerInputSelectorComponent, "ax-data-pager-input-selector", never, {}, {}, never, never, false, never>;
 }

package/data-pager/lib/data-pager-next-buttons.components.d.ts

@@ -1,14 +1,8 @@
-import { ElementRef, ChangeDetectorRef } from '@angular/core';
 import { AXClickEvent } from '@acorex/components/common';
-import { AXDataPagerChild, AXPagerComponent } from './data-pager-base.component';
+import { AXDataPagerChild } from './data-pager-base.component';
 import * as i0 from "@angular/core";
 export declare class AXDataPagerNextButtonsComponent extends AXDataPagerChild {
-    private elementRef;
-    private cdr;
-    private _parent;
-    constructor(elementRef: ElementRef, cdr: ChangeDetectorRef, _parent: AXPagerComponent);
-    onViewInit(): void;
-    private _checkDisabled;
+    protected applyParent(): void;
     _emitOnLastPageClick(e: AXClickEvent): void;
     _emitOnNextPageClick(e: AXClickEvent): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXDataPagerNextButtonsComponent, never>;

package/data-pager/lib/data-pager-numeric-selector.component.d.ts

@@ -1,17 +1,12 @@
-import { ElementRef, ChangeDetectorRef, NgZone } from '@angular/core';
 import { AXButtonItem } from '@acorex/components/button';
-import { AXDataPagerChild, AXPagerComponent } from './data-pager-base.component';
+import { AXDataPagerChild } from './data-pager-base.component';
 import * as i0 from "@angular/core";
 export declare class AXDataPagerNumericSelectorComponent extends AXDataPagerChild {
-    private _parent;
-    private _zone;
-    constructor(_elementRef: ElementRef, _cdr: ChangeDetectorRef, _parent: AXPagerComponent, _zone: NgZone);
     _items: AXButtonItem[];
     _currentPage: number;
     _lastPage: number;
     private _displayCount;
-    onViewInit(): void;
-    private _generateDisplayItems;
+    protected applyParent(): void;
     _handleOnItemClick(e: any): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXDataPagerNumericSelectorComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<AXDataPagerNumericSelectorComponent, "ax-data-pager-numeric-selector", never, {}, {}, never, never, false, never>;

package/data-pager/lib/data-pager-pagesize-dropdown.component.d.ts

@@ -1,17 +1,13 @@
-import { ElementRef, ChangeDetectorRef } from '@angular/core';
 import { AXClickEvent } from '@acorex/components/common';
-import { AXDataPagerChild, AXPagerComponent } from './data-pager-base.component';
+import { AXDataPagerChild } from './data-pager-base.component';
 import * as i0 from "@angular/core";
 export declare class AXDataPagerPageSizesComponent extends AXDataPagerChild {
-    private _parent;
-    constructor(elementRef: ElementRef, cdr: ChangeDetectorRef, _parent: AXPagerComponent);
     _size: number;
-    onViewInit(): void;
     _items: any[];
     private _sizes;
     get sizes(): number[];
     set sizes(v: number[]);
-    private _generateDisplayItems;
+    protected applyParent(): void;
     _emitOnItemClick(e: AXClickEvent): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXDataPagerPageSizesComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<AXDataPagerPageSizesComponent, "ax-data-pager-page-sizes", never, { "sizes": { "alias": "sizes"; "required": false; }; }, {}, never, never, false, never>;

package/data-pager/lib/data-pager-prev-buttons.component.d.ts

@@ -1,13 +1,8 @@
-import { ElementRef, ChangeDetectorRef } from '@angular/core';
 import { AXClickEvent } from '@acorex/components/common';
-import { AXDataPagerChild, AXPagerComponent } from './data-pager-base.component';
+import { AXDataPagerChild } from './data-pager-base.component';
 import * as i0 from "@angular/core";
 export declare class AXDataPagerPrevButtonsComponent extends AXDataPagerChild {
-    private elementRef;
-    private _parent;
-    constructor(elementRef: ElementRef, cdr: ChangeDetectorRef, _parent: AXPagerComponent);
-    onViewInit(): void;
-    private _checkDisabled;
+    protected applyParent(): void;
     _emitOnFirstPageClick(e: AXClickEvent): void;
     _emitOnPrevPageClick(e: AXClickEvent): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXDataPagerPrevButtonsComponent, never>;

package/data-pager/lib/data-pager.component.d.ts

@@ -1,11 +1,8 @@
-import { ElementRef, ChangeDetectorRef, EventEmitter } from '@angular/core';
-import { AXPagedComponent } from '@acorex/components/common';
-import { AXDataPagerDisplayMode, AXDataPagerInfoData, AXPagerStateChangedEvent } from './data-pager-base.component';
-import { AXBaseValueComponentMixin } from '@acorex/components/mixin';
+import { EventEmitter } from '@angular/core';
+import { AXPagedComponent, MXValueComponent } from '@acorex/components/common';
+import { AXDataPagerData, AXDataPagerChangedEvent } from './data-pager-base.component';
 import * as i0 from "@angular/core";
-export declare class AXDataPagerComponent extends AXBaseValueComponentMixin {
-    private _elementRef;
-    private _cdr;
+export declare class AXDataPagerComponent extends MXValueComponent<number> {
     private _parent;
     private _size;
     get size(): number;
@@ -16,20 +13,22 @@ export declare class AXDataPagerComponent extends AXBaseValueComponentMixin {
     private _totalPages;
     get totalPages(): number;
     private set totalPages(value);
-    displayMode: AXDataPagerDisplayMode;
-    onStateChanged: EventEmitter<AXPagerStateChangedEvent>;
-    constructor(_elementRef: ElementRef, _cdr: ChangeDetectorRef, _parent: AXPagedComponent);
-    onInit(): void;
-    onViewInit(): void;
-    _onValueChanged(oldValue: number, newValue: number): void;
-    _getValue(value: any): number;
-    get state(): AXDataPagerInfoData;
-    private _emitStateChangedEvent;
+    displayModeChange: EventEmitter<string>;
+    private _displayMode;
+    get displayMode(): string;
+    set displayMode(v: string);
+    onChanged: EventEmitter<AXDataPagerChangedEvent>;
+    constructor(_parent: AXPagedComponent);
+    ngAfterViewInit(): void;
+    protected internalValueChanged(value: any): void;
+    protected internalGetValue(value: any): number;
+    get displayInfo(): AXDataPagerData;
+    private _emitChangedEvent;
     goNextPage(): void;
     goLastPage(): void;
     goFirstPage(): void;
     goPrevPage(): void;
     goToPage(page: number): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<AXDataPagerComponent, [null, null, { optional: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXDataPagerComponent, "ax-data-pager", never, { "value": { "alias": "value"; "required": false; }; "name": { "alias": "name"; "required": false; }; "size": { "alias": "size"; "required": false; }; "total": { "alias": "total"; "required": false; }; "displayMode": { "alias": "displayMode"; "required": false; }; }, { "valueChange": "valueChange"; "onValueChanged": "onValueChanged"; "onStateChanged": "onStateChanged"; }, never, ["ax-prefix", "ax-suffix"], false, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXDataPagerComponent, [{ optional: true; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXDataPagerComponent, "ax-data-pager", never, { "value": { "alias": "value"; "required": false; }; "name": { "alias": "name"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "size": { "alias": "size"; "required": false; }; "total": { "alias": "total"; "required": false; }; "displayMode": { "alias": "displayMode"; "required": false; }; }, { "valueChange": "valueChange"; "onValueChanged": "onValueChanged"; "disabledChange": "disabledChange"; "readonlyChange": "readonlyChange"; "displayModeChange": "displayModeChange"; "onChanged": "onChanged"; }, never, ["ax-prefix", "ax-suffix"], false, never>;
 }

package/data-pager/lib/data-pager.module.d.ts

@@ -7,12 +7,13 @@ import * as i5 from "./data-pager-numeric-selector.component";
 import * as i6 from "./data-pager-input-selector.component";
 import * as i7 from "./data-pager-info.component";
 import * as i8 from "@angular/common";
-import * as i9 from "@acorex/components/button";
-import * as i10 from "@acorex/components/number-box";
-import * as i11 from "@acorex/components/dropdown";
-import * as i12 from "@acorex/components/decorators";
+import * as i9 from "@angular/forms";
+import * as i10 from "@acorex/components/button";
+import * as i11 from "@acorex/components/number-box";
+import * as i12 from "@acorex/components/dropdown";
+import * as i13 from "@acorex/components/decorators";
 export declare class AXDataPagerModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<AXDataPagerModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<AXDataPagerModule, [typeof i1.AXDataPagerComponent, typeof i2.AXDataPagerNextButtonsComponent, typeof i3.AXDataPagerPrevButtonsComponent, typeof i4.AXDataPagerPageSizesComponent, typeof i5.AXDataPagerNumericSelectorComponent, typeof i6.AXDataPagerInputSelectorComponent, typeof i7.AXDataPagerInfoComponent], [typeof i8.CommonModule, typeof i9.AXButtonModule, typeof i10.AXNumberBoxModule, typeof i11.AXDropdownModule, typeof i12.AXDecoratorModule], [typeof i1.AXDataPagerComponent, typeof i2.AXDataPagerNextButtonsComponent, typeof i3.AXDataPagerPrevButtonsComponent, typeof i4.AXDataPagerPageSizesComponent, typeof i5.AXDataPagerNumericSelectorComponent, typeof i6.AXDataPagerInputSelectorComponent, typeof i7.AXDataPagerInfoComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<AXDataPagerModule, [typeof i1.AXDataPagerComponent, typeof i2.AXDataPagerNextButtonsComponent, typeof i3.AXDataPagerPrevButtonsComponent, typeof i4.AXDataPagerPageSizesComponent, typeof i5.AXDataPagerNumericSelectorComponent, typeof i6.AXDataPagerInputSelectorComponent, typeof i7.AXDataPagerInfoComponent], [typeof i8.CommonModule, typeof i9.FormsModule, typeof i10.AXButtonModule, typeof i11.AXNumberBoxModule, typeof i12.AXDropdownModule, typeof i13.AXDecoratorModule], [typeof i1.AXDataPagerComponent, typeof i2.AXDataPagerNextButtonsComponent, typeof i3.AXDataPagerPrevButtonsComponent, typeof i4.AXDataPagerPageSizesComponent, typeof i5.AXDataPagerNumericSelectorComponent, typeof i6.AXDataPagerInputSelectorComponent, typeof i7.AXDataPagerInfoComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<AXDataPagerModule>;
 }

package/data-table/index.d.ts

@@ -1,4 +1,3 @@
-export * from './lib/data-column-cell-template.directive';
 export * from './lib/data-column.directive';
 export * from './lib/data-table.component';
 export * from './lib/data-table.module';

package/data-table/lib/data-column.directive.d.ts

@@ -1,16 +1,11 @@
 import { TemplateRef } from '@angular/core';
 import * as i0 from "@angular/core";
 export declare class AXDataColumnComponent {
-    _inputHeaderTemplate?: TemplateRef<any>;
-    _contentHeaderTemplate?: TemplateRef<any>;
-    _defaultTemplate?: TemplateRef<any>;
-    get headerTemplate(): TemplateRef<any>;
-    _inputCellTemplate?: TemplateRef<any>;
-    _contentCellTemplate?: TemplateRef<any>;
-    get cellTemplate(): TemplateRef<any>;
+    headerTemplate?: TemplateRef<any>;
+    cellTemplate?: TemplateRef<any>;
     valueField: string;
     caption: string;
     width: string | number;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXDataColumnComponent, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<AXDataColumnComponent, "ax-data-column", never, { "_inputHeaderTemplate": { "alias": "headerTemplate"; "required": false; }; "_inputCellTemplate": { "alias": "cellTemplate"; "required": false; }; "valueField": { "alias": "valueField"; "required": false; }; "caption": { "alias": "caption"; "required": false; }; "width": { "alias": "width"; "required": false; }; }, {}, ["_contentHeaderTemplate", "_defaultTemplate", "_contentCellTemplate"], never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<AXDataColumnComponent, "ax-data-column", never, { "headerTemplate": { "alias": "headerTemplate"; "required": false; }; "cellTemplate": { "alias": "cellTemplate"; "required": false; }; "valueField": { "alias": "valueField"; "required": false; }; "caption": { "alias": "caption"; "required": false; }; "width": { "alias": "width"; "required": false; }; }, {}, never, never, false, never>;
 }

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

@@ -1,9 +1,8 @@
-import { ElementRef, ChangeDetectorRef, QueryList, TemplateRef, EventEmitter } from '@angular/core';
-import { AXPagedComponentInterface, AXValueChangedEvent } from '@acorex/components/common';
+import { QueryList, TemplateRef, EventEmitter } from '@angular/core';
+import { AXPagedComponentInterface, AXValueChangedEvent, MXBaseComponent, AXDataListItems } from '@acorex/components/common';
 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 {
+export declare class AXDataTableComponent extends MXBaseComponent implements AXPagedComponentInterface {
     protected _columns: QueryList<AXDataColumnComponent>;
     onPageChanged: EventEmitter<AXValueChangedEvent<number>>;
     rowTemplate?: TemplateRef<any>;
@@ -14,19 +13,19 @@ export declare class AXDataTableComponent extends AXBaseComponentMixin implement
     set pageSize(v: number);
     fetchDataMode: 'auto' | 'manual';
     private _currentPage;
-    _isLoading: boolean;
     private _loadedItems;
     private _totalItems;
     private _isLazy;
+    protected _isLoading: boolean;
     get totalCount(): number;
     protected get isLazy(): boolean;
+    protected get isLoading(): boolean;
     protected get loadedCount(): number;
     private _items;
     get items(): AXDataListItems;
     set items(v: AXDataListItems);
     get displayItems(): any[];
-    constructor(elementRef: ElementRef, cdr: ChangeDetectorRef);
-    onViewInit(): void;
+    ngAfterViewInit(): void;
     _fetchData(opts?: {
         searchQuery?: string;
     }): void;

package/data-table/lib/data-table.module.d.ts

@@ -1,14 +1,13 @@
 import * as i0 from "@angular/core";
 import * as i1 from "./data-table.component";
 import * as i2 from "./data-column.directive";
-import * as i3 from "./data-column-cell-template.directive";
-import * as i4 from "@angular/common";
-import * as i5 from "@acorex/core/translation";
-import * as i6 from "@acorex/components/result";
-import * as i7 from "@acorex/components/loading";
-import * as i8 from "@acorex/components/decorators";
+import * as i3 from "@angular/common";
+import * as i4 from "@acorex/core/translation";
+import * as i5 from "@acorex/components/result";
+import * as i6 from "@acorex/components/loading";
+import * as i7 from "@acorex/components/decorators";
 export declare class AXDataTableModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<AXDataTableModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<AXDataTableModule, [typeof i1.AXDataTableComponent, typeof i2.AXDataColumnComponent, typeof i3.AXDataColumnCellTemplateDirective], [typeof i4.CommonModule, typeof i5.AXTranslationModule, typeof i6.AXResultModule, typeof i7.AXLoadingModule, typeof i8.AXDecoratorModule], [typeof i1.AXDataTableComponent, typeof i2.AXDataColumnComponent, typeof i3.AXDataColumnCellTemplateDirective]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<AXDataTableModule, [typeof i1.AXDataTableComponent, typeof i2.AXDataColumnComponent], [typeof i3.CommonModule, typeof i4.AXTranslationModule, typeof i5.AXResultModule, typeof i6.AXLoadingModule, typeof i7.AXDecoratorModule], [typeof i1.AXDataTableComponent, typeof i2.AXDataColumnComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<AXDataTableModule>;
 }

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

@@ -1,14 +1,14 @@
-import { EventEmitter } from '@angular/core';
+import { AXCalendarNavigateEvent, MXCalendarBaseComponent } from '@acorex/components/calendar';
 import { AXOptionChangedEvent, MXInteractiveComponent, MXValueComponent } from '@acorex/components/common';
 import { AXPopoverComponent, MXDropDownComponent } from '@acorex/components/popover';
-import { AXCalendarNavigateEvent, MXCalendarBaseComponent } from '@acorex/components/calendar';
+import { EventEmitter, OnInit } from '@angular/core';
 import * as i0 from "@angular/core";
 declare const AXDatePickerComponent_base: import("polytype").Polytype.ClusteredConstructor<[{
     new (): MXValueComponent<Date>;
     ɵfac: unknown;
     ɵprov: import("@angular/core").ɵɵInjectableDeclaration<MXValueComponent<any>>;
 }, typeof MXInteractiveComponent, typeof MXCalendarBaseComponent, typeof MXDropDownComponent]>;
-export declare class AXDatePickerComponent extends AXDatePickerComponent_base {
+export declare class AXDatePickerComponent extends AXDatePickerComponent_base implements OnInit {
     protected popover: AXPopoverComponent;
     private _calendar;
     protected _target: HTMLDivElement;
@@ -27,13 +27,14 @@ export declare class AXDatePickerComponent extends AXDatePickerComponent_base {
     private _platform;
     ngOnInit(): void;
     private _updateDisplayText;
-    protected _handlePopoverOpened(e: any): void;
+    protected _handlePopoverOpened(): void;
     protected _handleArrowClickEvent(): void;
-    _handleOnValueChanged(oldValue?: any, newValue?: any): void;
+    _handleOnValueChanged(): void;
     _handleOnOptionChanged(e: AXOptionChangedEvent): void;
     protected _handleOnInputClickEvent(e: MouseEvent): void;
     protected _handleOnNavigate(e: AXCalendarNavigateEvent): void;
+    private get __hostClass();
     static ɵfac: i0.ɵɵFactoryDeclaration<AXDatePickerComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXDatePickerComponent, "ax-date-picker", never, { "rtl": { "alias": "rtl"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "value": { "alias": "value"; "required": false; }; "name": { "alias": "name"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "depth": { "alias": "depth"; "required": false; }; "activeView": { "alias": "activeView"; "required": false; }; "min": { "alias": "min"; "required": false; }; "max": { "alias": "max"; "required": false; }; "disabledDates": { "alias": "disabledDates"; "required": false; }; "holidayDates": { "alias": "holidayDates"; "required": false; }; "type": { "alias": "type"; "required": false; }; "cellTemplate": { "alias": "cellTemplate"; "required": false; }; "cellClass": { "alias": "cellClass"; "required": false; }; "format": { "alias": "format"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "interface": { "alias": "interface"; "required": false; }; }, { "onOptionChanged": "onOptionChanged"; "valueChange": "valueChange"; "onValueChanged": "onValueChanged"; "onBlur": "onBlur"; "onFocus": "onFocus"; "depthChange": "depthChange"; "typeChange": "typeChange"; "activeViewChange": "activeViewChange"; "disabledDatesChange": "disabledDatesChange"; "holidayDatesChange": "holidayDatesChange"; "onNavigate": "onNavigate"; "onSlotClick": "onSlotClick"; "formatChange": "formatChange"; }, never, ["ax-prefix", "ax-validation-rule", "ax-suffix"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXDatePickerComponent, "ax-date-picker", never, { "rtl": { "alias": "rtl"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "value": { "alias": "value"; "required": false; }; "name": { "alias": "name"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "depth": { "alias": "depth"; "required": false; }; "activeView": { "alias": "activeView"; "required": false; }; "min": { "alias": "min"; "required": false; }; "max": { "alias": "max"; "required": false; }; "disabledDates": { "alias": "disabledDates"; "required": false; }; "holidayDates": { "alias": "holidayDates"; "required": false; }; "type": { "alias": "type"; "required": false; }; "cellTemplate": { "alias": "cellTemplate"; "required": false; }; "cellClass": { "alias": "cellClass"; "required": false; }; "format": { "alias": "format"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "interface": { "alias": "interface"; "required": false; }; }, { "onOptionChanged": "onOptionChanged"; "valueChange": "valueChange"; "onValueChanged": "onValueChanged"; "onBlur": "onBlur"; "onFocus": "onFocus"; "depthChange": "depthChange"; "typeChange": "typeChange"; "activeViewChange": "activeViewChange"; "disabledDatesChange": "disabledDatesChange"; "holidayDatesChange": "holidayDatesChange"; "onNavigate": "onNavigate"; "onSlotClick": "onSlotClick"; "formatChange": "formatChange"; }, never, ["ax-prefix", "ax-clear-button", "ax-validation-rule", "ax-suffix"], false, never>;
 }
 export {};

package/date-picker/lib/datepicker.module.d.ts

@@ -2,7 +2,7 @@ import * as i0 from "@angular/core";
 import * as i1 from "./datepicker.component";
 import * as i2 from "@angular/common";
 import * as i3 from "@acorex/components/calendar";
-import * as i4 from "@acorex/components/textbox";
+import * as i4 from "@acorex/components/text-box";
 import * as i5 from "@acorex/components/button";
 import * as i6 from "@acorex/components/popover";
 import * as i7 from "@acorex/components/decorators";

package/decorators/index.d.ts

@@ -1,15 +1,5 @@
 export * from './lib/close-button.component';
-export * from './lib/content.component';
+export * from './lib/clear-button.component';
+export * from './lib/generic-content.component';
 export * from './lib/decorators.module';
-export * from './lib/footer.component';
-export * from './lib/form-hint.component';
-export * from './lib/header.component';
 export * from './lib/icon.component';
-export * from './lib/overlay.component';
-export * from './lib/placeholder.component';
-export * from './lib/prefix.component';
-export * from './lib/sub-title.component';
-export * from './lib/suffix.component';
-export * from './lib/text.component';
-export * from './lib/title.component';
-export * from './lib/divider.component';

package/decorators/lib/clear-button.component.d.ts

@@ -0,0 +1,13 @@
+import { AXClearableComponent, MXBaseComponent } from '@acorex/components/common';
+import * as i0 from "@angular/core";
+export declare class AXDecoratorClearButtonComponent extends MXBaseComponent {
+    private _parent?;
+    constructor(_parent?: AXClearableComponent);
+    private _icon;
+    get icon(): string;
+    set icon(v: string);
+    private get hostClass();
+    protected _handleOnClick(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXDecoratorClearButtonComponent, [{ optional: true; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXDecoratorClearButtonComponent, "ax-clear-button", never, { "icon": { "alias": "icon"; "required": false; }; }, {}, never, never, false, never>;
+}

package/decorators/lib/close-button.component.d.ts

@@ -1,15 +1,12 @@
-import { AXClosbaleComponent } from '@acorex/components/common';
-import { AXBaseComponentMixin } from '@acorex/components/mixin';
-import { ChangeDetectorRef, ElementRef } from '@angular/core';
+import { AXClosbaleComponent, MXBaseComponent } from '@acorex/components/common';
 import * as i0 from "@angular/core";
-export declare class AXDecoratorCloseButtonComponent extends AXBaseComponentMixin {
+export declare class AXDecoratorCloseButtonComponent extends MXBaseComponent {
     private _parent?;
-    constructor(_elementRef: ElementRef, _cdr: ChangeDetectorRef, _parent?: AXClosbaleComponent);
+    constructor(_parent?: AXClosbaleComponent);
     private _icon;
     get icon(): string;
     set icon(v: string);
-    private get hostClass();
-    _handleOnClick(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<AXDecoratorCloseButtonComponent, [null, null, { optional: true; }]>;
+    protected _handleOnClick(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXDecoratorCloseButtonComponent, [{ optional: true; }]>;
     static ɵcmp: i0.ɵɵComponentDeclaration<AXDecoratorCloseButtonComponent, "ax-close-button", never, { "icon": { "alias": "icon"; "required": false; }; }, {}, never, never, false, never>;
 }

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

@@ -1,20 +1,11 @@
 import * as i0 from "@angular/core";
-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 "./footer.component";
-import * as i6 from "./icon.component";
-import * as i7 from "./title.component";
-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 "./form-hint.component";
-import * as i14 from "@angular/common";
+import * as i1 from "./icon.component";
+import * as i2 from "./clear-button.component";
+import * as i3 from "./close-button.component";
+import * as i4 from "./generic-content.component";
+import * as i5 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.AXDecoratorSubTitleComponent, typeof i9.AXDecoratorCloseButtonComponent, typeof i10.AXDecoratorOverlayComponent, typeof i11.AXDecoratorPlaceholderComponent, typeof i12.AXDecoratorTextComponent, typeof i13.AXDecoratorFormHintComponent], [typeof i14.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, typeof i13.AXDecoratorFormHintComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<AXDecoratorModule, [typeof i1.AXDecoratorIconComponent, typeof i2.AXDecoratorClearButtonComponent, typeof i3.AXDecoratorCloseButtonComponent, typeof i4.AXDecoratorGenericComponent], [typeof i5.CommonModule], [typeof i1.AXDecoratorIconComponent, typeof i2.AXDecoratorClearButtonComponent, typeof i3.AXDecoratorCloseButtonComponent, typeof i4.AXDecoratorGenericComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<AXDecoratorModule>;
 }

package/decorators/lib/generic-content.component.d.ts

@@ -0,0 +1,6 @@
+import { MXBaseComponent } from '@acorex/components/common';
+import * as i0 from "@angular/core";
+export declare class AXDecoratorGenericComponent extends MXBaseComponent {
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXDecoratorGenericComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXDecoratorGenericComponent, "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title , ax-sub-title", never, {}, {}, never, ["*"], false, never>;
+}

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

@@ -1,10 +1,8 @@
-import { AXBaseComponentMixin } from '@acorex/components/mixin';
-import { ElementRef, ChangeDetectorRef } from '@angular/core';
+import { MXBaseComponent } from '@acorex/components/common';
 import * as i0 from "@angular/core";
-export declare class AXDecoratorIconComponent extends AXBaseComponentMixin {
+export declare class AXDecoratorIconComponent extends MXBaseComponent {
     icon: string;
     private get __iconClass();
-    constructor(elementRef: ElementRef, cdr: ChangeDetectorRef);
     static ɵfac: i0.ɵɵFactoryDeclaration<AXDecoratorIconComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<AXDecoratorIconComponent, "ax-icon", never, { "icon": { "alias": "icon"; "required": false; }; }, {}, never, ["i,span,svg,img"], false, never>;
 }

package/dialog/lib/dialog.class.d.ts

@@ -1,13 +1,21 @@
 import { AXStyleColorType } from '@acorex/components/common';
 import { AXButtonItem } from '@acorex/components/button';
-export interface AXDialogOptions {
+export interface AXDialogConfig {
     title: string;
     content: string;
     type: AXStyleColorType;
-    buttons?: AXButtonItem[];
-    dismissible?: boolean;
+    buttons: AXButtonItem[];
+    closeButton?: boolean;
     orientation?: "horizontal" | "vertical";
 }
 export interface AXDialogRef {
     close(): void;
 }
+export interface AXDialogData {
+    title: string;
+    content: string;
+    type: AXStyleColorType;
+    buttons: AXButtonItem[];
+    closeButton: boolean;
+    orientation: "horizontal" | "vertical";
+}

package/dialog/lib/dialog.component.d.ts

@@ -1,16 +1,20 @@
-import { ElementRef, ChangeDetectorRef } from '@angular/core';
 import { AXButtonItem } from '@acorex/components/button';
-import { AXDialogOptions } from './dialog.class';
-import { AXBaseComponentMixin } from '@acorex/components/mixin';
+import { MXBaseComponent, AXComponentCloseEvent } from '@acorex/components/common';
+import { DialogRef } from '@angular/cdk/dialog';
+import { AXDialogData } from './dialog.class';
 import * as i0 from "@angular/core";
-export declare class AXDialogComponent extends AXBaseComponentMixin {
-    constructor(elementRef: ElementRef, cdr: ChangeDetectorRef);
-    options: AXDialogOptions | any;
-    _icon: string;
-    close: () => void;
-    onInit(): void;
-    _handleButtonClick(button: AXButtonItem): void;
-    _hasAutoFocus(button: AXButtonItem): boolean;
+export declare class AXDialogComponent extends MXBaseComponent {
+    protected data: AXDialogData;
+    private dialogRef;
+    protected _icon: string;
+    /**
+     *  @ignore
+     */
+    constructor(data: AXDialogData, dialogRef: DialogRef<AXComponentCloseEvent>);
+    ngOnInit(): void;
+    protected _handleButtonClick(button: AXButtonItem): void;
+    protected _hasAutoFocus(button: AXButtonItem): boolean;
+    close(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXDialogComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<AXDialogComponent, "ax-dialog", never, {}, {}, never, never, false, never>;
 }

package/dialog/lib/dialog.module.d.ts

@@ -5,10 +5,11 @@ import * as i3 from "@acorex/components/common";
 import * as i4 from "@angular/cdk/drag-drop";
 import * as i5 from "@angular/cdk/a11y";
 import * as i6 from "@acorex/components/button";
-import * as i7 from "@acorex/components/page";
-import * as i8 from "@acorex/components/decorators";
+import * as i7 from "@acorex/components/decorators";
+import * as i8 from "@acorex/components/loading";
+import * as i9 from "@angular/cdk/dialog";
 export declare class AXDialogModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<AXDialogModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<AXDialogModule, [typeof i1.AXDialogComponent], [typeof i2.CommonModule, typeof i3.AXCommonModule, typeof i4.DragDropModule, typeof i5.A11yModule, typeof i6.AXButtonModule, typeof i7.AXPageModule, typeof i8.AXDecoratorModule], [typeof i1.AXDialogComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<AXDialogModule, [typeof i1.AXDialogComponent], [typeof i2.CommonModule, typeof i3.AXCommonModule, typeof i4.DragDropModule, typeof i5.A11yModule, typeof i6.AXButtonModule, typeof i7.AXDecoratorModule, typeof i8.AXLoadingModule, typeof i9.DialogModule], [typeof i1.AXDialogComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<AXDialogModule>;
 }