@acorex/components 5.2.1 → 5.3.1

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;
+        iconField: string;
         openMode: 'click' | 'hover';
+        direction: 'horizontal' | 'vertical';
         onMenuItemClick: EventEmitter<AXItemClickEvent<any>>;
         readonly loadedCount: number;
         "__#2@#items": any;
@@ -21,7 +22,7 @@ export declare function _BaseMenuComponentMixin<TBase extends Constructor<AXBase
         readonly isLoading: boolean;
         _formatData(v: any[]): any[];
         _findNode(parentId: number, _children: any, source: any): void;
-        _fetchData(parentId?: number): void;
+        _fetchData(parentId?: number): Promise<unknown>;
         _onInternalInit(): void;
         _getItemDisplayTextTemplte(item: any): any;
         _trackLoaded(index: any, item: any): 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;
+        iconField: string;
         openMode: "click" | "hover";
+        direction: "horizontal" | "vertical";
         onMenuItemClick: import("@angular/core").EventEmitter<import("@acorex/components").AXItemClickEvent<any>>;
         readonly loadedCount: number;
         "__#2@#items": any;
@@ -627,7 +628,7 @@ export declare const AXBaseMenuMixin: (abstract new (...args: any[]) => {
         readonly isLoading: boolean;
         _formatData(v: any[]): any[];
         _findNode(parentId: number, _children: any, source: any): void;
-        _fetchData(parentId?: number): void;
+        _fetchData(parentId?: number): Promise<unknown>;
         _onInternalInit(): void;
         _getItemDisplayTextTemplte(item: any): any;
         _trackLoaded(index: any, item: any): 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/color-picker/color-picker.component.d.ts

@@ -0,0 +1,62 @@
+import { AXPlatform } from '@acorex/core';
+import { ChangeDetectorRef, ElementRef, NgZone, TemplateRef } from '@angular/core';
+import { AXBaseSelectionDropdownMixin, AXClickEvent, AXValueChangedEvent } from '../base';
+import { AXPopoverComponent } from '../popover';
+import * as i0 from "@angular/core";
+/**
+ * The Button is a component which detects user interaction and triggers a corresponding event
+ *
+ * @category Components
+ */
+export declare class AXColorPickerComponent extends AXBaseSelectionDropdownMixin {
+    private _elementRef;
+    private _cdr;
+    private _zone;
+    private _platform;
+    popover: AXPopoverComponent;
+    _target: HTMLDivElement;
+    _popoverTitle: string;
+    _popoverWidth: number;
+    /**
+     *  Defines the clearButton.
+     */
+    clearButton: boolean;
+    /**
+     *  Defines the checkbox.
+     */
+    checkbox: boolean;
+    private listContainer;
+    private _contentEmptyTemplate;
+    get emptyTemplate(): TemplateRef<any>;
+    _isMobile: boolean;
+    _forceFocus: boolean;
+    /**
+    *  @ignore
+    */
+    constructor(_elementRef: ElementRef<HTMLDivElement>, _cdr: ChangeDetectorRef, _zone: NgZone, _platform: AXPlatform);
+    _handleArrowClickEvent(e: AXClickEvent): void;
+    _handleInputClickEvent(e: MouseEvent): void;
+    onInit(): void;
+    onViewInit(): void;
+    refresh(): void;
+    _handleOnItemClick(e: MouseEvent, item: any): void;
+    _handleListScroll(e: Event): void;
+    private _checkForLoadData;
+    _onDataLoaded(): void;
+    _onValueChanged(oldValue: any, newValue: any): void;
+    _handleOnRemoveItemClick(e: MouseEvent, item: any): void;
+    _handleBadgeRemove(e: MouseEvent, item: any): void;
+    _handleKeydown(e: KeyboardEvent): void;
+    _handlePopoverKeydown(e: KeyboardEvent): void;
+    _handlePopupOnOpened(e: any): Promise<void>;
+    _handlePopupOnClosed(e: any): void;
+    private _focusItemByNav;
+    private _focusSelectedItem;
+    private _focusItemElement;
+    private _selectedItemByNav;
+    _onSearchExprChanged(e: AXValueChangedEvent<string>): void;
+    search(exp: string): void;
+    _fetchData(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXColorPickerComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXColorPickerComponent, "ax-color-picker", never, { "isOpen": "isOpen"; "fitParent": "fitParent"; "dropdownWidth": "dropdownWidth"; "position": "position"; "disabled": "disabled"; "tabIndex": "tabIndex"; "readonly": "readonly"; "allowNull": "allowNull"; "value": "value"; "debounceTime": "debounceTime"; "name": "name"; "checked": "checked"; "placeholder": "placeholder"; "maxLength": "maxLength"; "type": "type"; "autoComplete": "autoComplete"; "clearButton": "clearButton"; "checkbox": "checkbox"; }, { "onOpened": "onOpened"; "onClosed": "onClosed"; "onBlur": "onBlur"; "onFocus": "onFocus"; "valueChange": "valueChange"; "onValueChanged": "onValueChanged"; }, ["_contentEmptyTemplate"], ["ax-prefix", "ax-validation-rule", "ax-suffix"]>;
+}

package/lib/color-picker/color-picker.module.d.ts

@@ -0,0 +1,17 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./color-picker.component";
+import * as i2 from "@angular/common";
+import * as i3 from "../base/common.module";
+import * as i4 from "@angular/forms";
+import * as i5 from "../decorators/decorators.module";
+import * as i6 from "../popover/popover.module";
+import * as i7 from "../button/button.module";
+import * as i8 from "@angular/cdk/a11y";
+import * as i9 from "../loading/loading.module";
+import * as i10 from "@acorex/core";
+import * as i11 from "../textbox/textbox.module";
+export declare class AXColorPickerModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXColorPickerModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<AXColorPickerModule, [typeof i1.AXColorPickerComponent], [typeof i2.CommonModule, typeof i3.AXCommonModule, typeof i4.FormsModule, typeof i5.AXDecoratorModule, typeof i6.AXPopoverModule, typeof i7.AXButtonModule, typeof i8.A11yModule, typeof i9.AXLoadingModule, typeof i10.AXTranslationModule, typeof i11.AXTextBoxModule], [typeof i1.AXColorPickerComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<AXColorPickerModule>;
+}

package/lib/color-picker/index.d.ts

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

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