@acorex/components 7.2.7 → 7.3.1

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>;
 }

package/dialog/lib/dialog.service.d.ts

@@ -1,7 +1,5 @@
-import { Overlay, ScrollStrategyOptions } from '@angular/cdk/overlay';
-import { Injector } from '@angular/core';
 import { AXStyleColorType } from '@acorex/components/common';
-import { AXDialogOptions } from './dialog.class';
+import { AXDialogConfig, AXDialogRef } from './dialog.class';
 import * as i0 from "@angular/core";
 /**
  * The Button is a component which detects user interaction and triggers a corresponding event
@@ -9,13 +7,7 @@ import * as i0 from "@angular/core";
  * @category Components
  */
 export declare class AXDialogService {
-    private overlayService;
-    private parentInjector;
-    private sso;
-    /**
-     * @ignore
-     */
-    constructor(overlayService: Overlay, parentInjector: Injector, sso: ScrollStrategyOptions);
+    private dialog;
     /**
      *  Show an alert box with 'Okay' button.
      */
@@ -29,10 +21,10 @@ export declare class AXDialogService {
     /**
      *  Show a custom dialog box.
      */
-    show(options: AXDialogOptions): Promise<{
+    show(options: AXDialogConfig): Promise<{
         name: string;
     }>;
-    private open;
+    open(config: AXDialogConfig): AXDialogRef;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXDialogService, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<AXDialogService>;
 }

package/drawer/lib/drawer-container.component.d.ts

@@ -1,9 +1,6 @@
-import { AXBaseComponentMixin } from '@acorex/components/mixin';
-import { ElementRef, ChangeDetectorRef, NgZone } from '@angular/core';
+import { MXBaseComponent } from '@acorex/components/common';
 import * as i0 from "@angular/core";
-export declare class AXDrawerContainerComponent extends AXBaseComponentMixin {
-    private _zone;
-    constructor(elementRef: ElementRef, cdr: ChangeDetectorRef, _zone: NgZone);
+export declare class AXDrawerContainerComponent extends MXBaseComponent {
     ngDoCheck(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXDrawerContainerComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<AXDrawerContainerComponent, "ax-drawer-container", never, {}, {}, never, ["ax-drawer[location='start']", "ax-content", "ax-drawer[location='end']"], false, never>;

package/drawer/lib/drawer.component.d.ts

@@ -1,12 +1,11 @@
-import { ElementRef, ChangeDetectorRef, NgZone, EventEmitter } from '@angular/core';
-import { AXBaseComponentMixin, AXComponentOptionChanged } from '@acorex/components/mixin';
+import { MXBaseComponent, MXComponentOptionChanged } from '@acorex/components/common';
+import { EventEmitter, NgZone } from '@angular/core';
 import * as i0 from "@angular/core";
 export type AXDrawerMode = 'push' | 'overlay';
 export type AXDrawerLocation = 'start' | 'end';
-export declare class AXDrawerComponent extends AXBaseComponentMixin {
-    private _elementRef;
+export declare class AXDrawerComponent extends MXBaseComponent {
     private _zone;
-    constructor(_elementRef: ElementRef, _cdr: ChangeDetectorRef, _zone: NgZone);
+    constructor(_zone: NgZone);
     locationChange: EventEmitter<AXDrawerLocation>;
     private _location;
     get location(): AXDrawerLocation;
@@ -19,8 +18,8 @@ export declare class AXDrawerComponent extends AXBaseComponentMixin {
     private _collapsed;
     get collapsed(): boolean;
     set collapsed(v: boolean);
-    onViewInit(): void;
-    _onOptionChanged(option: AXComponentOptionChanged): void;
+    ngAfterViewInit(): void;
+    internalOptionChanged(option: MXComponentOptionChanged): void;
     ngDoCheck(): void;
     private _detectBoundingSize;
     private _checkProps;

package/esm2022/acorex-components.mjs

@@ -2,4 +2,4 @@
  * Generated bundle index. Do not edit.
  */
 export * from './index';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWNvcmV4LWNvbXBvbmVudHMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9saWJzL2NvbXBvbmVudHMvc3JjL2Fjb3JleC1jb21wb25lbnRzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOztHQUVHO0FBRUgsY0FBYyxTQUFTLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIEdlbmVyYXRlZCBidW5kbGUgaW5kZXguIERvIG5vdCBlZGl0LlxuICovXG5cbmV4cG9ydCAqIGZyb20gJy4vaW5kZXgnO1xuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWNvcmV4LWNvbXBvbmVudHMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9saWJzL2NvbXBvbmVudHMvYWNvcmV4LWNvbXBvbmVudHMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7O0dBRUc7QUFFSCxjQUFjLFNBQVMsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogR2VuZXJhdGVkIGJ1bmRsZSBpbmRleC4gRG8gbm90IGVkaXQuXG4gKi9cblxuZXhwb3J0ICogZnJvbSAnLi9pbmRleCc7XG4iXX0=

package/esm2022/action-sheet/index.mjs

@@ -1,5 +1,5 @@
 export * from './lib/action-sheet.component';
-export * from './lib/action-sheet.interface';
+export * from './lib/action-sheet.class';
 export * from './lib/action-sheet.module';
 export * from './lib/action-sheet.service';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9saWJzL2NvbXBvbmVudHMvYWN0aW9uLXNoZWV0L3NyYy9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxjQUFjLDhCQUE4QixDQUFDO0FBQzdDLGNBQWMsOEJBQThCLENBQUM7QUFDN0MsY0FBYywyQkFBMkIsQ0FBQztBQUMxQyxjQUFjLDRCQUE0QixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0ICogZnJvbSAnLi9saWIvYWN0aW9uLXNoZWV0LmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9hY3Rpb24tc2hlZXQuaW50ZXJmYWNlJztcbmV4cG9ydCAqIGZyb20gJy4vbGliL2FjdGlvbi1zaGVldC5tb2R1bGUnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvYWN0aW9uLXNoZWV0LnNlcnZpY2UnO1xuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9saWJzL2NvbXBvbmVudHMvYWN0aW9uLXNoZWV0L3NyYy9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxjQUFjLDhCQUE4QixDQUFDO0FBQzdDLGNBQWMsMEJBQTBCLENBQUM7QUFDekMsY0FBYywyQkFBMkIsQ0FBQztBQUMxQyxjQUFjLDRCQUE0QixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0ICogZnJvbSAnLi9saWIvYWN0aW9uLXNoZWV0LmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9hY3Rpb24tc2hlZXQuY2xhc3MnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvYWN0aW9uLXNoZWV0Lm1vZHVsZSc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9hY3Rpb24tc2hlZXQuc2VydmljZSc7XG4iXX0=

package/esm2022/action-sheet/lib/action-sheet.class.mjs

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWN0aW9uLXNoZWV0LmNsYXNzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9jb21wb25lbnRzL2FjdGlvbi1zaGVldC9zcmMvbGliL2FjdGlvbi1zaGVldC5jbGFzcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiIiwic291cmNlc0NvbnRlbnQiOlsiLyogZXNsaW50LWRpc2FibGUgQHR5cGVzY3JpcHQtZXNsaW50L2Jhbi10eXBlcyAqL1xuaW1wb3J0IHsgQVhTdHlsZUNvbG9yVHlwZSB9IGZyb20gJ0BhY29yZXgvY29tcG9uZW50cy9jb21tb24nO1xuaW1wb3J0IHsgQ29tcG9uZW50VHlwZSB9IGZyb20gJ0Bhbmd1bGFyL2Nkay9wb3J0YWwnO1xuaW1wb3J0IHsgVGVtcGxhdGVSZWYgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuZXhwb3J0IGludGVyZmFjZSBBWEFjdGlvblNoZWV0SXRlbSB7XG4gIG5hbWU/OiBzdHJpbmc7XG4gIHRleHQ6IHN0cmluZztcbiAgaWNvbj86IHN0cmluZztcbiAgZGlzYWJsZWQ/OiBib29sZWFuO1xuICBjb2xvcj86IEFYU3R5bGVDb2xvclR5cGU7XG4gIG9uQ2xpY2s/OiAoKSA9PiB2b2lkO1xufVxuXG5leHBvcnQgdHlwZSBBWEFjdGlvblNoZWV0Q29udGVudFR5cGUgPSBUZW1wbGF0ZVJlZjx1bmtub3duPiB8IENvbXBvbmVudFR5cGU8dW5rbm93bj47XG5cbmV4cG9ydCBpbnRlcmZhY2UgQVhBY3Rpb25TaGVldENvbmZpZyB7XG4gIHRpdGxlPzogc3RyaW5nO1xuICBzdWJUaXRsZT86IHN0cmluZztcbiAgY2xvc2VCdXR0b24/OiBib29sZWFuO1xuICBoZWFkZXI/OiBib29sZWFuO1xuICBkYXRhPzogdW5rbm93bjtcbiAgY2xvc2VPbkJhY2tkcm9wQ2xpY2s/OiBib29sZWFuO1xuICBpdGVtcz86IEFYQWN0aW9uU2hlZXRJdGVtW107XG4gIGNvbnRlbnQ/OiBBWEFjdGlvblNoZWV0Q29udGVudFR5cGVcbn1cblxuZXhwb3J0IGludGVyZmFjZSBBWEFjdGlvblNoZWV0RGF0YSB7XG4gIHRpdGxlOiBzdHJpbmc7XG4gIHN1YlRpdGxlPzogc3RyaW5nO1xuICBjbG9zZUJ1dHRvbj86IGJvb2xlYW47XG4gIGhlYWRlcjogYm9vbGVhbjtcbiAgZGF0YTogdW5rbm93bjtcbiAgY29udGVudD86IEFYQWN0aW9uU2hlZXRDb250ZW50VHlwZSxcbiAgaXRlbXM/OiBBWEFjdGlvblNoZWV0SXRlbVtdO1xufSJdfQ==