@acorex/components 5.2.0 → 5.3.0

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

@@ -6,9 +6,9 @@ export declare const AXBaseAlertMixin: {
         colorChange: EventEmitter<AXStyleColorType>;
         _color: AXStyleColorType;
         color: AXStyleColorType;
-        lookChange: EventEmitter<import("../base").AXStyleButtonLook>;
-        _look?: import("../base").AXStyleButtonLook;
-        look: import("../base").AXStyleButtonLook;
+        lookChange: EventEmitter<import("../base").AXStyleLookType>;
+        _look?: import("../base").AXStyleLookType;
+        look: import("../base").AXStyleLookType;
         id: string;
         rtl: boolean;
         "__#1@#elementRef": ElementRef<any>;
@@ -39,9 +39,10 @@ export declare const AXBaseAlertMixin: {
  */
 export declare class AXAlertComponent extends AXBaseAlertMixin {
     #private;
-    icon: string;
-    showIcon: boolean;
+    private _icon;
     _onOptionChanged(option: AXComponentOptionChanged): void;
+    ngDoCheck(): void;
+    private _setIcon;
     /**
    *  @ignore
    */
@@ -71,5 +72,5 @@ export declare class AXAlertComponent extends AXBaseAlertMixin {
     */
     show(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXAlertComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXAlertComponent, "ax-alert", never, { "color": "color"; "look": "look"; "icon": "icon"; "showIcon": "showIcon"; "timeOut": "timeOut"; "visible": "visible"; }, {}, never, ["ax-alert-title", "ax-alert-content", "ax-alert-footer", "ax-alert-suffix"]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXAlertComponent, "ax-alert", never, { "color": "color"; "look": "look"; "timeOut": "timeOut"; "visible": "visible"; }, {}, ["_icon"], ["ax-header", "ax-icon", "ax-content", "ax-footer", "ax-suffix"]>;
 }

package/lib/alert/alert.module.d.ts

@@ -1,14 +1,10 @@
 import * as i0 from "@angular/core";
 import * as i1 from "./alert.component";
-import * as i2 from "./alert-content.component";
-import * as i3 from "./alert-title.component";
-import * as i4 from "./alert-button.component";
-import * as i5 from "./alert-footer.component";
-import * as i6 from "./alert-suffix.component";
-import * as i7 from "@angular/common";
-import * as i8 from "../icon/icon.module";
+import * as i2 from "./alert-button.component";
+import * as i3 from "@angular/common";
+import * as i4 from "../decorators/decorators.module";
 export declare class AXAlertModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<AXAlertModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<AXAlertModule, [typeof i1.AXAlertComponent, typeof i2.AXAlertContentComponent, typeof i3.AXAlertTitleComponent, typeof i4.AXAlertButtonComponent, typeof i5.AXAlertFooterComponent, typeof i6.AXAlertSuffixComponent], [typeof i7.CommonModule, typeof i8.AXIconModule], [typeof i1.AXAlertComponent, typeof i2.AXAlertContentComponent, typeof i3.AXAlertTitleComponent, typeof i4.AXAlertButtonComponent, typeof i5.AXAlertFooterComponent, typeof i6.AXAlertSuffixComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<AXAlertModule, [typeof i1.AXAlertComponent, typeof i2.AXAlertButtonComponent], [typeof i3.CommonModule, typeof i4.AXDecoratorModule], [typeof i1.AXAlertComponent, typeof i2.AXAlertButtonComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<AXAlertModule>;
 }

package/lib/alert/index.d.ts

@@ -1,7 +1,3 @@
 export * from './alert.component';
-export * from './alert-title.component';
 export * from './alert-button.component';
-export * from './alert-content.component';
-export * from './alert-suffix.component';
-export * from './alert-footer.component';
 export * from './alert.module';

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

@@ -6,9 +6,9 @@ export declare const AXBaseBadgeMixin: {
         colorChange: import("@angular/core").EventEmitter<AXStyleColorType>;
         _color: AXStyleColorType;
         color: AXStyleColorType;
-        lookChange: import("@angular/core").EventEmitter<import("../base").AXStyleButtonLook>;
-        _look?: import("../base").AXStyleButtonLook;
-        look: import("../base").AXStyleButtonLook;
+        lookChange: import("@angular/core").EventEmitter<import("../base").AXStyleLookType>;
+        _look?: import("../base").AXStyleLookType;
+        look: import("../base").AXStyleLookType;
         id: string;
         rtl: boolean;
         "__#1@#elementRef": ElementRef<any>;

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

@@ -0,0 +1,11 @@
+import * as i0 from "@angular/core";
+export declare abstract class AXClosbaleComponent {
+    abstract close(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXClosbaleComponent, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<AXClosbaleComponent>;
+}
+export declare abstract class AXSearchableComponent {
+    abstract search(value: string): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXSearchableComponent, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<AXSearchableComponent>;
+}

package/lib/base/index.d.ts

@@ -1,4 +1,5 @@
 export * from './mixin';
+export * from './components.class';
 export * from './events.class';
 export * from './drawing.class';
 export * from './styles.class';

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

@@ -18,8 +18,8 @@ export declare type AXComponentOptionChanged = {
 export declare type AXComponentSetOption = {
     name: string;
     value?: any;
-    afterCallback?: () => void;
-    beforeCallback?: () => void;
+    afterCallback?: (oldValue?: any, newValue?: any) => void;
+    beforeCallback?: (oldValue?: any, newValue?: any) => void;
 };
 export declare class AXBaseComponent {
     #private;

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

@@ -8,11 +8,12 @@ export declare function _BaseMenuComponentMixin<TBase extends Constructor<AXBase
         valueField: string;
         "__#2@#isLoading": boolean;
         "__#2@#loadedItems": any;
-        visible: string;
+        visibleField: string;
         disableField: string;
         hasChildField: string;
         icon: string;
         openMode: 'click' | 'hover';
+        direction: 'horizontal' | 'vertical';
         onMenuItemClick: EventEmitter<AXItemClickEvent<any>>;
         readonly loadedCount: number;
         "__#2@#items": any;

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

@@ -35,9 +35,6 @@ export declare function _ButtonComponentMixin<TBase extends Constructor<AXBaseCo
             'ax-state-disabled': any;
             'ax-state-selected': boolean;
         };
-        /**
-        *  Trigger click event by Enter Key
-        */
         id: string;
         rtl: boolean;
         "__#1@#elementRef": import("@angular/core").ElementRef<any>;

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

@@ -1,5 +1,5 @@
 import { EventEmitter } from "@angular/core";
-import { AXStyleColorType, AXStyleButtonLook } from "../styles.class";
+import { AXStyleColorType, AXStyleLookType } from "../styles.class";
 import { AXBaseComponent } from "./base-components.class";
 import { Constructor } from "./constratctor";
 export declare function _ColorLookComponentMixin<TBase extends Constructor<AXBaseComponent>>(Base: TBase): {
@@ -10,12 +10,12 @@ export declare function _ColorLookComponentMixin<TBase extends Constructor<AXBas
         *  Predefined color schemes
         */
         color: AXStyleColorType;
-        lookChange: EventEmitter<AXStyleButtonLook>;
-        _look?: AXStyleButtonLook;
+        lookChange: EventEmitter<AXStyleLookType>;
+        _look?: AXStyleLookType;
         /**
         *  Predefined look schemes
         */
-        look: AXStyleButtonLook;
+        look: AXStyleLookType;
         id: string;
         rtl: boolean;
         "__#1@#elementRef": import("@angular/core").ElementRef<any>;

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

@@ -280,9 +280,9 @@ export declare const AXBaseButtonMixin: {
         colorChange: import("@angular/core").EventEmitter<import("@acorex/components").AXStyleColorType>;
         _color: import("@acorex/components").AXStyleColorType;
         color: import("@acorex/components").AXStyleColorType;
-        lookChange: import("@angular/core").EventEmitter<import("@acorex/components").AXStyleButtonLook>;
-        _look?: import("@acorex/components").AXStyleButtonLook;
-        look: import("@acorex/components").AXStyleButtonLook;
+        lookChange: import("@angular/core").EventEmitter<import("@acorex/components").AXStyleLookType>;
+        _look?: import("@acorex/components").AXStyleLookType;
+        look: import("@acorex/components").AXStyleLookType;
         id: string;
         rtl: boolean;
         "__#1@#elementRef": import("@angular/core").ElementRef<any>;
@@ -614,11 +614,12 @@ export declare const AXBaseMenuMixin: (abstract new (...args: any[]) => {
         valueField: string;
         "__#2@#isLoading": boolean;
         "__#2@#loadedItems": any;
-        visible: string;
+        visibleField: string;
         disableField: string;
         hasChildField: string;
         icon: string;
         openMode: "click" | "hover";
+        direction: "horizontal" | "vertical";
         onMenuItemClick: import("@angular/core").EventEmitter<import("@acorex/components").AXItemClickEvent<any>>;
         readonly loadedCount: number;
         "__#2@#items": any;
@@ -658,9 +659,9 @@ export declare const AXAvatarMixin: {
         colorChange: import("@angular/core").EventEmitter<import("@acorex/components").AXStyleColorType>;
         _color: import("@acorex/components").AXStyleColorType;
         color: import("@acorex/components").AXStyleColorType;
-        lookChange: import("@angular/core").EventEmitter<import("@acorex/components").AXStyleButtonLook>;
-        _look?: import("@acorex/components").AXStyleButtonLook;
-        look: import("@acorex/components").AXStyleButtonLook;
+        lookChange: import("@angular/core").EventEmitter<import("@acorex/components").AXStyleLookType>;
+        _look?: import("@acorex/components").AXStyleLookType;
+        look: import("@acorex/components").AXStyleLookType;
         id: string;
         rtl: boolean;
         "__#1@#elementRef": import("@angular/core").ElementRef<any>;

package/lib/base/mixin/selection-component.class.d.ts

@@ -35,6 +35,9 @@ export declare function _SelectionComponenetMixin<TBase extends Constructor<AXBa
         isItemSelected(item: any): boolean;
         isItemDisabled(item: any): boolean;
         id: string;
+        /**
+        *  Defines the primary text to show inside the button.
+        */
         rtl: boolean;
         "__#1@#elementRef": import("@angular/core").ElementRef<any>;
         _cdr: import("@angular/core").ChangeDetectorRef;

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

@@ -28,12 +28,12 @@ export declare function _TextboxComponenetMixin<TBase extends Constructor<AXBase
         _emitOnKeydownEvent(e: KeyboardEvent): void;
         id: string;
         rtl: boolean;
-        "__#1@#elementRef": import("@angular/core").ElementRef<any>;
-        _cdr: import("@angular/core").ChangeDetectorRef;
-        _isInited: boolean; /**
+        "__#1@#elementRef": import("@angular/core").ElementRef<any>; /**
         *  Fires each time the user press a key.
         *  @event
         */
+        _cdr: import("@angular/core").ChangeDetectorRef;
+        _isInited: boolean;
         _isRendered: boolean;
         ngOnInit(): void;
         ngAfterViewInit(): void;

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

@@ -3,7 +3,7 @@ export declare const AX_STYLE_TYPES: string[];
 * A token that specifies the  color style of component.
 */
 export declare type AXStyleColorType = 'primary' | 'secondary' | 'info' | 'danger' | 'success' | 'warning' | 'light' | 'dark';
-export declare type AXStyleButtonLook = 'blank' | 'outline' | 'twotone' | 'link';
+export declare type AXStyleLookType = 'blank' | 'outline' | 'twotone' | 'link';
 export declare const AX_LOCATIONS: string[];
 export declare type AXLocation = 'bottom-start' | 'bottom-center' | 'bottom-end' | 'top-start' | 'top-center' | 'top-end';
 export declare const AX_DIRECTIONS: string[];

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

@@ -1,6 +1,6 @@
 import { ChangeDetectorRef, ElementRef, EventEmitter, NgZone, QueryList } from "@angular/core";
 import { AXButtonComponent } from "./button.component";
-import { AXClickEvent, AXInteractiveComponenetMixin, AXItemClickEvent, AXSelectionMode, AXSelectionValueChangedEvent, AXStyleButtonLook, AXStyleColorType } from "../base";
+import { AXClickEvent, AXInteractiveComponenetMixin, AXItemClickEvent, AXSelectionMode, AXSelectionValueChangedEvent, AXStyleLookType, AXStyleColorType } from "../base";
 import * as i0 from "@angular/core";
 export declare class AXButtonGroupComponent extends AXInteractiveComponenetMixin {
     private zone;
@@ -15,13 +15,13 @@ export declare class AXButtonGroupComponent extends AXInteractiveComponenetMixin
     */
     get color(): AXStyleColorType;
     set color(value: AXStyleColorType);
-    lookChange: EventEmitter<AXStyleButtonLook>;
+    lookChange: EventEmitter<AXStyleLookType>;
     private _look?;
     /**
     *  Predefined look schemes
     */
-    get look(): AXStyleButtonLook;
-    set look(value: AXStyleButtonLook);
+    get look(): AXStyleLookType;
+    set look(value: AXStyleLookType);
     onItemClick: EventEmitter<AXItemClickEvent<AXButtonComponent>>;
     onValueChanged: EventEmitter<AXSelectionValueChangedEvent>;
     _contentButtons: QueryList<AXButtonComponent>;

package/lib/button/button-item.class.d.ts

@@ -1,8 +1,8 @@
-import { AXStyleButtonLook, AXStyleColorType } from "../base";
+import { AXStyleLookType, AXStyleColorType } from "../base";
 export interface AXClickItemBase {
     cssClass?: string;
     color?: AXStyleColorType;
-    look?: AXStyleButtonLook;
+    look?: AXStyleLookType;
     text?: string;
     tooltip?: string;
     iconClass?: string;

package/lib/button/button.module.d.ts

@@ -3,10 +3,9 @@ import * as i1 from "./button.component";
 import * as i2 from "./button-item.component";
 import * as i3 from "./button-group.component";
 import * as i4 from "@angular/common";
-import * as i5 from "../icon/icon.module";
-import * as i6 from "../decorators/decorators.module";
+import * as i5 from "../decorators/decorators.module";
 export declare class AXButtonModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<AXButtonModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<AXButtonModule, [typeof i1.AXButtonComponent, typeof i2.AXButtonItemComponent, typeof i3.AXButtonGroupComponent], [typeof i4.CommonModule, typeof i5.AXIconModule, typeof i6.AXEditorDecoratorModule], [typeof i1.AXButtonComponent, typeof i2.AXButtonItemComponent, typeof i3.AXButtonGroupComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<AXButtonModule, [typeof i1.AXButtonComponent, typeof i2.AXButtonItemComponent, typeof i3.AXButtonGroupComponent], [typeof i4.CommonModule, typeof i5.AXDecoratorModule], [typeof i1.AXButtonComponent, typeof i2.AXButtonItemComponent, typeof i3.AXButtonGroupComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<AXButtonModule>;
 }

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

@@ -5,6 +5,7 @@ import * as i0 from "@angular/core";
 export declare const AXCalendarComponentMixin: any;
 export declare class AXCalendarComponent extends AXCalendarComponentMixin {
     private cdr;
+    interface: 'calendar' | 'picker';
     private get _viewRange();
     _today: AXDateTime;
     private _viewStartDate;
@@ -36,6 +37,14 @@ export declare class AXCalendarComponent extends AXCalendarComponentMixin {
     private isDisabled;
     private isHoliday;
     private isWeekend;
+    _pickerDays: number[];
+    _pickerMonths: {
+        text: string;
+        value: number;
+    }[];
+    _pickerYears: number[];
+    private _generatePickerItems;
+    _handlePickerChange(item: any, view: any): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXCalendarComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXCalendarComponent, "ax-calendar", never, { "readonly": "readonly"; "allowNull": "allowNull"; "value": "value"; "debounceTime": "debounceTime"; "name": "name"; "checked": "checked"; "disabled": "disabled"; "tabIndex": "tabIndex"; "depth": "depth"; "activeView": "activeView"; "min": "min"; "max": "max"; "disabledDates": "disabledDates"; "type": "type"; "holidayDates": "holidayDates"; }, { "valueChange": "valueChange"; "onValueChanged": "onValueChanged"; "onBlur": "onBlur"; "onFocus": "onFocus"; "depthChange": "depthChange"; "typeChange": "typeChange"; "disabledDatesChange": "disabledDatesChange"; "holidayDatesChange": "holidayDatesChange"; "onNavigate": "onNavigate"; }, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXCalendarComponent, "ax-calendar", never, { "readonly": "readonly"; "allowNull": "allowNull"; "value": "value"; "debounceTime": "debounceTime"; "name": "name"; "checked": "checked"; "disabled": "disabled"; "tabIndex": "tabIndex"; "depth": "depth"; "activeView": "activeView"; "min": "min"; "max": "max"; "disabledDates": "disabledDates"; "type": "type"; "holidayDates": "holidayDates"; "interface": "interface"; }, { "valueChange": "valueChange"; "onValueChanged": "onValueChanged"; "onBlur": "onBlur"; "onFocus": "onFocus"; "depthChange": "depthChange"; "typeChange": "typeChange"; "disabledDatesChange": "disabledDatesChange"; "holidayDatesChange": "holidayDatesChange"; "onNavigate": "onNavigate"; }, never, never>;
 }

package/lib/calendar/calendar.module.d.ts

@@ -1,14 +1,12 @@
 import * as i0 from "@angular/core";
 import * as i1 from "./calendar.component";
-import * as i2 from "./inline-calendar.component";
-import * as i3 from "@angular/common";
-import * as i4 from "../button/button.module";
-import * as i5 from "../icon/icon.module";
-import * as i6 from "../decorators/decorators.module";
-import * as i7 from "@acorex/core";
-import * as i8 from "../picker/picker.module";
+import * as i2 from "@angular/common";
+import * as i3 from "../button/button.module";
+import * as i4 from "../decorators/decorators.module";
+import * as i5 from "@acorex/core";
+import * as i6 from "../picker/picker.module";
 export declare class AXCalendarModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<AXCalendarModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<AXCalendarModule, [typeof i1.AXCalendarComponent, typeof i2.AXInlineCalendarComponent], [typeof i3.CommonModule, typeof i4.AXButtonModule, typeof i5.AXIconModule, typeof i6.AXEditorDecoratorModule, typeof i7.AXDateTimeModule, typeof i8.AXPickerModule], [typeof i1.AXCalendarComponent, typeof i2.AXInlineCalendarComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<AXCalendarModule, [typeof i1.AXCalendarComponent], [typeof i2.CommonModule, typeof i3.AXButtonModule, typeof i4.AXDecoratorModule, typeof i5.AXDateTimeModule, typeof i6.AXPickerModule], [typeof i1.AXCalendarComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<AXCalendarModule>;
 }

package/lib/calendar/index.d.ts

@@ -1,3 +1,2 @@
 export * from './calendar.component';
-export * from './inline-calendar.component';
 export * from './calendar.module';

package/lib/checkbox/checkbox.module.d.ts

@@ -5,6 +5,6 @@ import * as i3 from "@angular/forms";
 import * as i4 from "../decorators/decorators.module";
 export declare class AXCheckBoxModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<AXCheckBoxModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<AXCheckBoxModule, [typeof i1.AXCheckBoxComponent], [typeof i2.CommonModule, typeof i3.FormsModule, typeof i4.AXEditorDecoratorModule], [typeof i1.AXCheckBoxComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<AXCheckBoxModule, [typeof i1.AXCheckBoxComponent], [typeof i2.CommonModule, typeof i3.FormsModule, typeof i4.AXDecoratorModule], [typeof i1.AXCheckBoxComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<AXCheckBoxModule>;
 }

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

@@ -147,5 +147,5 @@ export declare class AXDatePickerComponent extends AXBaseDatePickerMixin {
     _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"; "debounceTime": "debounceTime"; "name": "name"; "checked": "checked"; "placeholder": "placeholder"; "maxLength": "maxLength"; "type": "type"; "depth": "depth"; "activeView": "activeView"; "min": "min"; "max": "max"; "disabledDates": "disabledDates"; "holidayDates": "holidayDates"; "format": "format"; "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", "ax-calendar-options"]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXDatePickerComponent, "ax-date-picker", never, { "isOpen": "isOpen"; "fitParent": "fitParent"; "dropdownWidth": "dropdownWidth"; "position": "position"; "disabled": "disabled"; "tabIndex": "tabIndex"; "readonly": "readonly"; "allowNull": "allowNull"; "value": "value"; "debounceTime": "debounceTime"; "name": "name"; "checked": "checked"; "placeholder": "placeholder"; "maxLength": "maxLength"; "type": "type"; "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", "ax-calendar-options"]>;
 }

package/lib/datepicker/datepicker.module.d.ts

@@ -6,11 +6,10 @@ import * as i4 from "../textbox/textbox.module";
 import * as i5 from "../button/button.module";
 import * as i6 from "../popover/popover.module";
 import * as i7 from "../decorators/decorators.module";
-import * as i8 from "../icon/icon.module";
-import * as i9 from "@acorex/core";
-import * as i10 from "@angular/forms";
+import * as i8 from "@acorex/core";
+import * as i9 from "@angular/forms";
 export declare class AXDatepickerModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<AXDatepickerModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<AXDatepickerModule, [typeof i1.AXDatePickerComponent], [typeof i2.CommonModule, typeof i3.AXCalendarModule, typeof i4.AXTextBoxModule, typeof i5.AXButtonModule, typeof i6.AXPopoverModule, typeof i7.AXEditorDecoratorModule, typeof i8.AXIconModule, typeof i9.AXDateTimeModule, typeof i10.FormsModule], [typeof i1.AXDatePickerComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<AXDatepickerModule, [typeof i1.AXDatePickerComponent], [typeof i2.CommonModule, typeof i3.AXCalendarModule, typeof i4.AXTextBoxModule, typeof i5.AXButtonModule, typeof i6.AXPopoverModule, typeof i7.AXDecoratorModule, typeof i8.AXDateTimeModule, typeof i9.FormsModule], [typeof i1.AXDatePickerComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<AXDatepickerModule>;
 }

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

@@ -0,0 +1,13 @@
+import { ElementRef, ChangeDetectorRef } from '@angular/core';
+import { AXBaseComponentMixin, AXClosbaleComponent } from '../base';
+import * as i0 from "@angular/core";
+export declare class AXDecoratorCloseButtonComponent extends AXBaseComponentMixin {
+    private _parent?;
+    constructor(_elementRef: ElementRef, _cdr: ChangeDetectorRef, _parent?: AXClosbaleComponent);
+    private _icon;
+    get icon(): string;
+    set icon(v: string);
+    _handleOnClick(e: MouseEvent): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXDecoratorCloseButtonComponent, [null, null, { optional: true; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXDecoratorCloseButtonComponent, "ax-close-button", never, { "icon": "icon"; }, {}, never, never>;
+}

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

@@ -3,10 +3,14 @@ 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 "./addon.component";
-import * as i6 from "@angular/common";
-export declare class AXEditorDecoratorModule {
-    static ɵfac: i0.ɵɵFactoryDeclaration<AXEditorDecoratorModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<AXEditorDecoratorModule, [typeof i1.AXDecoratorPrefixComponent, typeof i2.AXDecoratorSuffixComponent, typeof i3.AXDecoratorContentComponent, typeof i4.AXDecoratorHeaderComponent, typeof i5.AXDecoratorAddOnComponent], [typeof i6.CommonModule], [typeof i1.AXDecoratorPrefixComponent, typeof i2.AXDecoratorSuffixComponent, typeof i3.AXDecoratorContentComponent, typeof i4.AXDecoratorHeaderComponent, typeof i5.AXDecoratorAddOnComponent]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<AXEditorDecoratorModule>;
+import * as i5 from "./footer.component";
+import * as i6 from "./addon.component";
+import * as i7 from "./icon.component";
+import * as i8 from "./title.component";
+import * as i9 from "./close-button.component";
+import * as i10 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.AXDecoratorAddOnComponent, typeof i7.AXDecoratorIconComponent, typeof i8.AXDecoratorTitleComponent, typeof i9.AXDecoratorCloseButtonComponent], [typeof i10.CommonModule], [typeof i1.AXDecoratorPrefixComponent, typeof i2.AXDecoratorSuffixComponent, typeof i3.AXDecoratorContentComponent, typeof i4.AXDecoratorHeaderComponent, typeof i5.AXDecoratorFooterComponent, typeof i6.AXDecoratorAddOnComponent, typeof i7.AXDecoratorIconComponent, typeof i8.AXDecoratorTitleComponent, typeof i9.AXDecoratorCloseButtonComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<AXDecoratorModule>;
 }

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

@@ -0,0 +1,8 @@
+import { ElementRef, ChangeDetectorRef } from '@angular/core';
+import { AXBaseComponentMixin } from '../base';
+import * as i0 from "@angular/core";
+export declare class AXDecoratorFooterComponent extends AXBaseComponentMixin {
+    constructor(elementRef: ElementRef, cdr: ChangeDetectorRef);
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXDecoratorFooterComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXDecoratorFooterComponent, "ax-footer", never, {}, {}, never, ["ax-suffix,ax-prefix,ax-button,ax-title,ax-close-button,ng-container"]>;
+}

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

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

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

@@ -0,0 +1,10 @@
+import { ElementRef, ChangeDetectorRef } from '@angular/core';
+import { AXSizableComponentMixin } from '../base';
+import * as i0 from "@angular/core";
+export declare class AXDecoratorIconComponent extends AXSizableComponentMixin {
+    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": "icon"; }, {}, never, ["i,svg,img"]>;
+}

package/lib/decorators/index.d.ts

@@ -3,5 +3,9 @@ export * from './addon.component';
 export * from './header.component';
 export * from './decorators.module';
 export * from './header.component';
+export * from './footer.component';
 export * from './prefix.component';
 export * from './suffix.component';
+export * from './icon.component';
+export * from './title.component';
+export * from './close-button.component';

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

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

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

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

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

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

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

@@ -8,6 +8,6 @@ import * as i6 from "../page/page.module";
 import * as i7 from "../decorators/decorators.module";
 export declare class AXDialogModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<AXDialogModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<AXDialogModule, [typeof i1.AXDialogComponent], [typeof i2.CommonModule, typeof i3.DragDropModule, typeof i4.A11yModule, typeof i5.AXButtonModule, typeof i6.AXPageModule, typeof i7.AXEditorDecoratorModule], [typeof i1.AXDialogComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<AXDialogModule, [typeof i1.AXDialogComponent], [typeof i2.CommonModule, typeof i3.DragDropModule, typeof i4.A11yModule, typeof i5.AXButtonModule, typeof i6.AXPageModule, typeof i7.AXDecoratorModule], [typeof i1.AXDialogComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<AXDialogModule>;
 }

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

@@ -1,13 +1,10 @@
-import { ElementRef, ChangeDetectorRef, NgZone, QueryList } from '@angular/core';
+import { ElementRef, ChangeDetectorRef, NgZone } from '@angular/core';
 import { AXBaseComponentMixin } from '../base';
-import { AXDrawerComponent } from './drawer.component';
 import * as i0 from "@angular/core";
 export declare class AXDrawerContainerComponent extends AXBaseComponentMixin {
-    private zone;
-    constructor(elementRef: ElementRef, cdr: ChangeDetectorRef, zone: NgZone);
-    drawers: QueryList<AXDrawerComponent>;
-    onViewInit(): void;
-    private _updateWidth;
+    private _zone;
+    constructor(elementRef: ElementRef, cdr: ChangeDetectorRef, _zone: NgZone);
+    ngDoCheck(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXDrawerContainerComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXDrawerContainerComponent, "ax-drawer-container", never, { "rtl": "rtl"; }, {}, ["drawers"], ["ax-drawer[location='top']", "ax-drawer[location='start']", "ax-drawer-content", "ax-drawer[location='end']", "ax-drawer[location='bottom']"]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXDrawerContainerComponent, "ax-drawer-container", never, {}, {}, never, ["ax-drawer[location='start']", "ax-content", "ax-drawer[location='end']"]>;
 }

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

@@ -1,33 +1,37 @@
 import { ElementRef, ChangeDetectorRef, NgZone, EventEmitter } from '@angular/core';
-import { AXBaseComponentMixin, AXEvent } from '../base';
+import { AXBaseComponentMixin, AXComponentOptionChanged } from '../base';
 import * as i0 from "@angular/core";
+export declare type AXDrawerMode = 'push' | 'overlay';
+export declare type AXDrawerLocation = 'start' | 'end';
 export declare class AXDrawerComponent extends AXBaseComponentMixin {
-    private elementRef;
-    private zone;
-    constructor(elementRef: ElementRef, cdr: ChangeDetectorRef, zone: NgZone);
-    onChanged: EventEmitter<AXEvent>;
-    mode: 'push' | 'overlay';
-    _currentMode: 'push' | 'overlay';
-    location: 'start' | 'end' | 'top' | 'bottom';
-    private _backdrop;
+    private _elementRef;
+    private _zone;
+    constructor(_elementRef: ElementRef, _cdr: ChangeDetectorRef, _zone: NgZone);
+    locationChange: EventEmitter<AXDrawerLocation>;
+    private _location;
+    get location(): AXDrawerLocation;
+    set location(v: AXDrawerLocation);
+    modeChange: EventEmitter<AXDrawerMode>;
+    private _mode;
+    get mode(): AXDrawerMode;
+    set mode(v: AXDrawerMode);
+    collapsedChange: EventEmitter<boolean>;
     private _collapsed;
     get collapsed(): boolean;
     set collapsed(v: boolean);
-    onInit(): void;
-    private _setLocation;
-    private _updateClass;
     onViewInit(): void;
+    _onOptionChanged(option: AXComponentOptionChanged): void;
+    ngDoCheck(): void;
+    private _detectBoundingSize;
+    private _checkProps;
     toggle(): void;
     close(): void;
     open(): void;
-    _handleWindowsResize(e: UIEvent): void;
-    _detectSize(): void;
-    private _emitChange;
-    private _setOverlayMode;
-    private _setPushMode;
+    private get __hostClass();
+    private _backdropElement;
+    private _loaded;
     private _addBackdrop;
     private _removeBackdrop;
-    private _handleBackfropClick;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXDrawerComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXDrawerComponent, "ax-drawer", never, { "mode": "mode"; "location": "location"; "collapsed": "collapsed"; }, { "onChanged": "onChanged"; }, never, ["*"]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXDrawerComponent, "ax-drawer", never, { "location": "location"; "mode": "mode"; "collapsed": "collapsed"; }, { "locationChange": "locationChange"; "modeChange": "modeChange"; "collapsedChange": "collapsedChange"; }, never, ["ax-header", "ax-content"]>;
 }

package/lib/drawer/drawer.module.d.ts

@@ -1,10 +1,9 @@
 import * as i0 from "@angular/core";
 import * as i1 from "./drawer.component";
 import * as i2 from "./drawer-container.component";
-import * as i3 from "./drawer-content.component";
-import * as i4 from "@angular/common";
+import * as i3 from "@angular/common";
 export declare class AXDrawerModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<AXDrawerModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<AXDrawerModule, [typeof i1.AXDrawerComponent, typeof i2.AXDrawerContainerComponent, typeof i3.AXDrawerContentComponent], [typeof i4.CommonModule], [typeof i1.AXDrawerComponent, typeof i2.AXDrawerContainerComponent, typeof i3.AXDrawerContentComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<AXDrawerModule, [typeof i1.AXDrawerComponent, typeof i2.AXDrawerContainerComponent], [typeof i3.CommonModule], [typeof i1.AXDrawerComponent, typeof i2.AXDrawerContainerComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<AXDrawerModule>;
 }

package/lib/drawer/index.d.ts

@@ -1,4 +1,3 @@
 export * from './drawer.component';
 export * from './drawer-container.component';
-export * from './drawer-content.component';
 export * from './drawer.module';