@acorex/components 6.0.15 → 6.1.0

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

@@ -11,7 +11,7 @@ export declare const AXBaseAlertMixin: (new (...args: any[]) => {
     look: import("@acorex/components/common").AXStyleLookType;
     id: string;
     rtl: boolean;
-    "__#32621@#elementRef": ElementRef<any>;
+    "__#33098@#elementRef": ElementRef<any>;
     _cdr: ChangeDetectorRef;
     _isInited: boolean;
     _isRendered: boolean;
@@ -36,18 +36,18 @@ export declare const AXBaseAlertMixin: (new (...args: any[]) => {
  * @category Components
  */
 export declare class AXAlertComponent extends AXBaseAlertMixin {
-    #private;
     private _icon;
     private _buttons;
     onDismissed: EventEmitter<AXEvent>;
     _onOptionChanged(option: AXComponentOptionChanged): void;
-    ngDoCheck(): void;
+    protected ngDoCheck(): void;
     private _setIcon;
     /**
      *  @ignore
      */
     get __hostClass(): string;
     timeOut: number;
+    protected _visible: boolean;
     /**
      *  set the visibility of the Alert
      */
@@ -59,7 +59,7 @@ export declare class AXAlertComponent extends AXBaseAlertMixin {
     constructor(elementRef: ElementRef, cdr: ChangeDetectorRef);
     onInit(): void;
     onViewInit(): void;
-    ngAfterContentInit(): void;
+    protected ngAfterContentInit(): void;
     private _applyButtonStyle;
     /**
      *  Remove the alert from the container

package/avatar/src/avatar.component.d.ts

@@ -1,5 +1,5 @@
 import { AXAvatarMixin } from '@acorex/components/mixin';
-import { ElementRef, ChangeDetectorRef } from '@angular/core';
+import { ElementRef, ChangeDetectorRef, QueryList } from '@angular/core';
 import * as i0 from "@angular/core";
 /**
  * The Button is a component which detects user interaction and triggers a corresponding event
@@ -7,16 +7,13 @@ import * as i0 from "@angular/core";
  * @category Components
  */
 export declare class AXAvatarComponent extends AXAvatarMixin {
-    text: string;
-    icon: string;
-    src: string;
-    class: string;
-    type: "default" | 'text' | 'icon' | 'image';
+    readonly _children: QueryList<any>;
     /**
-    *  @ignore
-    */
+     *  @ignore
+     */
     constructor(elementRef: ElementRef, cdr: ChangeDetectorRef);
+    ngAfterViewInit(): void;
     get __hostClass(): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXAvatarComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXAvatarComponent, "ax-avatar", never, { "color": "color"; "look": "look"; "text": "text"; "icon": "icon"; "src": "src"; "class": "class"; "type": "type"; }, {}, never, ["ax-badge", "ax-icon", "img"], false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXAvatarComponent, "ax-avatar", never, { "color": "color"; "look": "look"; }, {}, ["_children"], ["ax-text, ax-image, ax-icon"], false>;
 }

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

@@ -10,7 +10,7 @@ export declare const AXBaseBadgeMixin: (new (...args: any[]) => {
     look: import("@acorex/components/common").AXStyleLookType;
     id: string;
     rtl: boolean;
-    "__#32621@#elementRef": ElementRef<any>;
+    "__#33098@#elementRef": ElementRef<any>;
     _cdr: ChangeDetectorRef;
     _isInited: boolean;
     _isRendered: boolean;

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

@@ -3,9 +3,9 @@ import { ChangeDetectorRef, ElementRef } from '@angular/core';
 import { AXBreadCrumbsComponent } from './breadcrumbs.component';
 import * as i0 from "@angular/core";
 export declare const AXBaseItemBreadCrumbMixin: (abstract new (...args: any[]) => {
-    "__#32624@#disabled": boolean;
+    "__#33101@#disabled": boolean;
     disabled: boolean;
-    "__#32624@#tabIndex": number;
+    "__#33101@#tabIndex": number;
     tabIndex: number;
     onFocus: import("@angular/core").EventEmitter<import("@acorex/components/common").AXFocusEvent>;
     _emitOnFocusEvent(e: FocusEvent): void;
@@ -15,7 +15,7 @@ export declare const AXBaseItemBreadCrumbMixin: (abstract new (...args: any[]) =
     hasFocus(): boolean;
     id: string;
     rtl: boolean;
-    "__#32621@#elementRef": ElementRef<any>;
+    "__#33098@#elementRef": ElementRef<any>;
     _cdr: ChangeDetectorRef;
     _isInited: boolean;
     _isRendered: boolean;
@@ -38,7 +38,7 @@ export declare const AXBaseItemBreadCrumbMixin: (abstract new (...args: any[]) =
     _emitOnClickEvent(e: MouseEvent): void;
     id: string;
     rtl: boolean;
-    "__#32621@#elementRef": ElementRef<any>;
+    "__#33098@#elementRef": ElementRef<any>;
     /**
      *  @ignore
      */

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

@@ -4,9 +4,9 @@ import { AXClickEvent, AXItemClickEvent, AXSelectionMode, AXSelectionValueChange
 import { AXBaseComponent } from '@acorex/components/mixin';
 import * as i0 from "@angular/core";
 export declare const AXBaseButtonGroupMixin: (abstract new (...args: any[]) => {
-    "__#32624@#disabled": boolean;
+    "__#33101@#disabled": boolean;
     disabled: boolean;
-    "__#32624@#tabIndex": number;
+    "__#33101@#tabIndex": number;
     tabIndex: number;
     onFocus: EventEmitter<import("@acorex/components/common").AXFocusEvent>;
     _emitOnFocusEvent(e: FocusEvent): void;
@@ -16,7 +16,7 @@ export declare const AXBaseButtonGroupMixin: (abstract new (...args: any[]) => {
     hasFocus(): boolean;
     id: string;
     rtl: boolean;
-    "__#32621@#elementRef": ElementRef<any>;
+    "__#33098@#elementRef": ElementRef<any>;
     _cdr: ChangeDetectorRef;
     _isInited: boolean;
     _isRendered: boolean;
@@ -43,7 +43,7 @@ export declare const AXBaseButtonGroupMixin: (abstract new (...args: any[]) => {
     look: import("@acorex/components/common").AXStyleLookType;
     id: string;
     rtl: boolean;
-    "__#32621@#elementRef": ElementRef<any>;
+    "__#33098@#elementRef": ElementRef<any>;
     _cdr: ChangeDetectorRef;
     _isInited: boolean;
     _isRendered: boolean;

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

@@ -1,4 +1,5 @@
 import { AXStyleLookType, AXStyleColorType, AXHotKeyAction } from '@acorex/components/common';
+export declare type AXButtonType = 'submit' | 'button' | 'cancel' | 'reset';
 export interface AXClickItemBase {
     cssClass?: string;
     color?: AXStyleColorType;
@@ -16,7 +17,7 @@ export interface AXClickItemBase {
     hotkey?: string | AXHotKeyAction;
 }
 export interface AXButtonItem extends AXClickItemBase {
-    type?: 'submit' | 'button' | 'cancel' | 'reset';
+    type?: AXButtonType;
     autofocus?: boolean;
 }
 export interface AXMenuItem extends AXClickItemBase {

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

@@ -3,9 +3,9 @@ import { AXStyleColorType } from '@acorex/components/common';
 import { AXBaseComponent } from '@acorex/components/mixin';
 import * as i0 from "@angular/core";
 export declare const AXBaseItemButtonMixin: (abstract new (...args: any[]) => {
-    "__#32624@#disabled": boolean;
+    "__#33101@#disabled": boolean;
     disabled: boolean;
-    "__#32624@#tabIndex": number;
+    "__#33101@#tabIndex": number;
     tabIndex: number;
     onFocus: import("@angular/core").EventEmitter<import("@acorex/components/common").AXFocusEvent>;
     _emitOnFocusEvent(e: FocusEvent): void;
@@ -15,7 +15,7 @@ export declare const AXBaseItemButtonMixin: (abstract new (...args: any[]) => {
     hasFocus(): boolean;
     id: string;
     rtl: boolean;
-    "__#32621@#elementRef": ElementRef<any>;
+    "__#33098@#elementRef": ElementRef<any>;
     _cdr: ChangeDetectorRef;
     _isInited: boolean;
     _isRendered: boolean;
@@ -38,7 +38,7 @@ export declare const AXBaseItemButtonMixin: (abstract new (...args: any[]) => {
     _emitOnClickEvent(e: MouseEvent): void;
     id: string;
     rtl: boolean;
-    "__#32621@#elementRef": ElementRef<any>;
+    "__#33098@#elementRef": ElementRef<any>;
     _cdr: ChangeDetectorRef;
     _isInited: boolean;
     _isRendered: boolean;

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

@@ -1,5 +1,6 @@
 import { ChangeDetectorRef, ElementRef } from '@angular/core';
 import { AXBaseButtonMixin } from '@acorex/components/mixin';
+import { AXButtonType } from './button-item.class';
 import * as i0 from "@angular/core";
 /**
  * The Button is a component which detects user interaction and triggers a corresponding event
@@ -7,6 +8,7 @@ import * as i0 from "@angular/core";
  * @category Components
  */
 export declare class AXButtonComponent extends AXBaseButtonMixin {
+    type: AXButtonType;
     /**
      *  @ignore
      */
@@ -16,5 +18,5 @@ export declare class AXButtonComponent extends AXBaseButtonMixin {
     click(): void;
     private get __hostClass();
     static ɵfac: i0.ɵɵFactoryDeclaration<AXButtonComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXButtonComponent, "ax-button", never, { "disabled": "disabled"; "size": "size"; "tabIndex": "tabIndex"; "color": "color"; "look": "look"; "text": "text"; "toggleable": "toggleable"; "selected": "selected"; }, { "onBlur": "onBlur"; "onFocus": "onFocus"; "onClick": "onClick"; "selectedChange": "selectedChange"; "toggleableChange": "toggleableChange"; "lookChange": "lookChange"; "colorChange": "colorChange"; }, never, ["ax-prefix,ax-loading,ax-icon", "ax-suffix", "ax-dropdown-panel"], false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXButtonComponent, "ax-button", never, { "disabled": "disabled"; "size": "size"; "tabIndex": "tabIndex"; "color": "color"; "look": "look"; "text": "text"; "toggleable": "toggleable"; "selected": "selected"; "type": "type"; }, { "onBlur": "onBlur"; "onFocus": "onFocus"; "onClick": "onClick"; "selectedChange": "selectedChange"; "toggleableChange": "toggleableChange"; "lookChange": "lookChange"; "colorChange": "colorChange"; }, never, ["ax-prefix,ax-loading,ax-icon", "ax-suffix", "ax-dropdown-panel"], false>;
 }

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

@@ -9,25 +9,25 @@ export declare class AXCalendarComponent extends AXCalendarComponentMixin {
     interface: 'calendar' | 'picker';
     rtl: boolean;
     private get _viewRange();
-    _today: AXDateTime;
+    protected _today: AXDateTime;
     private _viewStartDate;
-    _navText: string;
-    _todayText: string;
-    _slots: any[];
-    _dayNames: string[];
+    protected _navText: string;
+    protected _todayText: string;
+    protected _slots: any[];
+    protected _dayNames: string[];
     private _isUserInteraction;
     constructor(elementRef: ElementRef, cdr: ChangeDetectorRef);
     private _initValues;
     private _refresh;
-    onInit(): void;
+    protected onInit(): void;
     private _genearteSlots;
-    _handlePrevClick(e: AXClickEvent): void;
-    _handleNextClick(e: AXClickEvent): void;
-    _handleSlotClick(e: MouseEvent, slot: any): void;
-    _handleNavClick(e: AXClickEvent): void;
-    _onOptionChanged(option: AXComponentOptionChanged): void;
-    _onValueChanged(oldValue: any, newValue: any): void;
-    _handleGoToday(): void;
+    protected _handlePrevClick(e: AXClickEvent): void;
+    protected _handleNextClick(e: AXClickEvent): void;
+    protected _handleSlotClick(e: MouseEvent, slot: any): void;
+    protected _handleNavClick(e: AXClickEvent): void;
+    protected _onOptionChanged(option: AXComponentOptionChanged): void;
+    protected _onValueChanged(oldValue: any, newValue: any): void;
+    protected _handleGoToday(): void;
     next(): void;
     prev(): void;
     focus(): void;
@@ -36,17 +36,17 @@ export declare class AXCalendarComponent extends AXCalendarComponentMixin {
     navTo(date: Date | AXDateTime): void;
     private get __hostClass();
     private _setDate;
-    private isDisabled;
-    private isHoliday;
-    private isWeekend;
-    _pickerDays: number[];
-    _pickerMonths: {
+    protected isDisabled(date: AXDateTime): boolean;
+    protected isHoliday(date: AXDateTime): boolean;
+    protected isWeekend(date: AXDateTime): boolean;
+    protected _pickerDays: number[];
+    protected _pickerMonths: {
         text: string;
         value: number;
     }[];
-    _pickerYears: number[];
+    protected _pickerYears: number[];
     private _generatePickerItems;
-    _handlePickerChange(item: any, view: any): void;
+    protected _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"; "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, false>;
 }

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

@@ -6,9 +6,9 @@ import { AXPopoverComponent } from '@acorex/components/popover';
 import { AXBaseComponent } from '@acorex/components/mixin';
 import * as i0 from "@angular/core";
 export declare const AXBaseColorPickerMixin: (abstract new (...args: any[]) => {
-    "__#32624@#disabled": boolean;
+    "__#33101@#disabled": boolean;
     disabled: boolean;
-    "__#32624@#tabIndex": number;
+    "__#33101@#tabIndex": number;
     tabIndex: number;
     onFocus: import("@angular/core").EventEmitter<import("@acorex/components/common").AXFocusEvent>;
     _emitOnFocusEvent(e: FocusEvent): void;
@@ -18,7 +18,7 @@ export declare const AXBaseColorPickerMixin: (abstract new (...args: any[]) => {
     hasFocus(): boolean;
     id: string;
     rtl: boolean;
-    "__#32621@#elementRef": ElementRef<any>;
+    "__#33098@#elementRef": ElementRef<any>;
     _cdr: ChangeDetectorRef;
     _isInited: boolean;
     _isRendered: boolean;
@@ -52,7 +52,7 @@ export declare const AXBaseColorPickerMixin: (abstract new (...args: any[]) => {
     readonly isOpen: boolean;
     id: string;
     rtl: boolean;
-    "__#32621@#elementRef": ElementRef<any>;
+    "__#33098@#elementRef": ElementRef<any>;
     _cdr: ChangeDetectorRef;
     _isInited: boolean;
     _isRendered: boolean;
@@ -71,17 +71,17 @@ export declare const AXBaseColorPickerMixin: (abstract new (...args: any[]) => {
 }) & (new (...args: any[]) => {
     onValueChanged: import("@angular/core").EventEmitter<AXValueChangedEvent<any>>;
     valueChange: import("@angular/core").EventEmitter<any>;
-    "__#32626@#readonly": boolean;
+    "__#33103@#readonly": boolean;
     readonly: boolean;
-    "__#32626@#allowNull": boolean;
+    "__#33103@#allowNull": boolean;
     allowNull: boolean;
-    "__#32626@#name": string;
+    "__#33103@#name": string;
     name: string;
-    "__#32626@#isUserInteraction": boolean;
+    "__#33103@#isUserInteraction": boolean;
     readonly isUserInteraction: boolean;
-    "__#32626@#value": any;
+    "__#33103@#value": any;
     value: any;
-    "__#32626@#state": "error" | "clear" | "success";
+    "__#33103@#state": "error" | "clear" | "success";
     readonly state: "error" | "clear" | "success";
     _emitOnValueChangedEvent(oldValue?: any, newValue?: any): void;
     _internalSetValue(value: any): any;
@@ -97,7 +97,7 @@ export declare const AXBaseColorPickerMixin: (abstract new (...args: any[]) => {
     _setState(state: "error" | "clear" | "success", ...args: any[]): void;
     id: string;
     rtl: boolean;
-    "__#32621@#elementRef": ElementRef<any>;
+    "__#33098@#elementRef": ElementRef<any>;
     _cdr: ChangeDetectorRef;
     _isInited: boolean;
     _isRendered: boolean;
@@ -119,8 +119,8 @@ export declare const AXBaseColorPickerMixin: (abstract new (...args: any[]) => {
     maxLength: number;
     autoComplete: string;
     debounceTime: number;
-    "__#32625@#valueSubscription": import("rxjs").Subscription;
-    "__#32625@#valueSubject": import("rxjs").Subject<unknown>;
+    "__#33102@#valueSubscription": import("rxjs").Subscription;
+    "__#33102@#valueSubject": import("rxjs").Subject<unknown>;
     onKeyDown: import("@angular/core").EventEmitter<import("@acorex/components/common").AXHtmlEvent<KeyboardEvent>>;
     onKeyUp: import("@angular/core").EventEmitter<import("@acorex/components/common").AXHtmlEvent<KeyboardEvent>>;
     onKeyPress: import("@angular/core").EventEmitter<import("@acorex/components/common").AXHtmlEvent<KeyboardEvent>>;
@@ -133,7 +133,7 @@ export declare const AXBaseColorPickerMixin: (abstract new (...args: any[]) => {
     onDestroy(): void;
     id: string;
     rtl: boolean;
-    "__#32621@#elementRef": ElementRef<any>;
+    "__#33098@#elementRef": ElementRef<any>;
     _cdr: ChangeDetectorRef;
     _isInited: boolean;
     _isRendered: boolean;

package/common/src/auto-focus.directive.d.ts

@@ -6,7 +6,8 @@ export declare class AXAutoFocusDirective implements AfterContentInit {
     _host: AXFocusableComponent;
     autoFocus?: boolean;
     constructor(el: ElementRef<HTMLElement>, _host: AXFocusableComponent);
+    time: number;
     ngAfterContentInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXAutoFocusDirective, [null, { optional: true; host: true; self: true; }]>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<AXAutoFocusDirective, "[axAutoFocus]", never, { "autoFocus": "axAutoFocus"; }, {}, never, never, false>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<AXAutoFocusDirective, "[axAutoFocus]", never, { "autoFocus": "axAutoFocus"; "time": "focus-time"; }, {}, never, never, false>;
 }

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

@@ -17,7 +17,7 @@ export declare class AXEvent {
  *  Contains native event
  * @category Events
  */
-export declare class AXHtmlEvent<E extends Event> extends AXEvent {
+export declare class AXHtmlEvent<E extends Event = Event> extends AXEvent {
     nativeEvent?: E;
 }
 /**

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

@@ -6,9 +6,9 @@ import { AXPopoverComponent } from '@acorex/components/popover';
 import { AXComponentOptionChanged } from '@acorex/components/mixin';
 import * as i0 from "@angular/core";
 export declare const AXBaseDatePickerMixin: (abstract new (...args: any[]) => {
-    "__#32624@#disabled": boolean;
+    "__#33101@#disabled": boolean;
     disabled: boolean;
-    "__#32624@#tabIndex": number;
+    "__#33101@#tabIndex": number;
     tabIndex: number;
     onFocus: EventEmitter<import("@acorex/components/common").AXFocusEvent>;
     _emitOnFocusEvent(e: FocusEvent): void;
@@ -18,7 +18,7 @@ export declare const AXBaseDatePickerMixin: (abstract new (...args: any[]) => {
     hasFocus(): boolean;
     id: string;
     rtl: boolean;
-    "__#32621@#elementRef": ElementRef<any>;
+    "__#33098@#elementRef": ElementRef<any>;
     _cdr: ChangeDetectorRef;
     _isInited: boolean;
     _isRendered: boolean;
@@ -52,7 +52,7 @@ export declare const AXBaseDatePickerMixin: (abstract new (...args: any[]) => {
     readonly isOpen: boolean;
     id: string;
     rtl: boolean;
-    "__#32621@#elementRef": ElementRef<any>;
+    "__#33098@#elementRef": ElementRef<any>;
     _cdr: ChangeDetectorRef;
     _isInited: boolean;
     _isRendered: boolean;
@@ -71,17 +71,17 @@ export declare const AXBaseDatePickerMixin: (abstract new (...args: any[]) => {
 }) & (new (...args: any[]) => {
     onValueChanged: EventEmitter<import("@acorex/components/common").AXValueChangedEvent<any>>;
     valueChange: EventEmitter<any>;
-    "__#32626@#readonly": boolean;
+    "__#33103@#readonly": boolean;
     readonly: boolean;
-    "__#32626@#allowNull": boolean;
+    "__#33103@#allowNull": boolean;
     allowNull: boolean;
-    "__#32626@#name": string;
+    "__#33103@#name": string;
     name: string;
-    "__#32626@#isUserInteraction": boolean;
+    "__#33103@#isUserInteraction": boolean;
     readonly isUserInteraction: boolean;
-    "__#32626@#value": any;
+    "__#33103@#value": any;
     value: any;
-    "__#32626@#state": "error" | "clear" | "success";
+    "__#33103@#state": "error" | "clear" | "success";
     readonly state: "error" | "clear" | "success";
     _emitOnValueChangedEvent(oldValue?: any, newValue?: any): void;
     _internalSetValue(value: any): any;
@@ -97,7 +97,7 @@ export declare const AXBaseDatePickerMixin: (abstract new (...args: any[]) => {
     _setState(state: "error" | "clear" | "success", ...args: any[]): void;
     id: string;
     rtl: boolean;
-    "__#32621@#elementRef": ElementRef<any>;
+    "__#33098@#elementRef": ElementRef<any>;
     _cdr: ChangeDetectorRef;
     _isInited: boolean;
     _isRendered: boolean;
@@ -118,13 +118,13 @@ export declare class AXDatePickerComponent extends AXBaseDatePickerMixin {
     private _platform;
     popover: AXPopoverComponent;
     private _calendar;
-    _target: HTMLDivElement;
+    protected _target: HTMLDivElement;
     displayText: string;
-    _calendarValue: Date;
-    _cursorPos: number;
-    _isMobile: boolean;
-    _popoverTitle: string;
-    _popoverWidth: number;
+    protected _calendarValue: Date;
+    protected _cursorPos: number;
+    protected _isMobile: boolean;
+    protected _popoverTitle: string;
+    protected _popoverWidth: number;
     formatChange: EventEmitter<string>;
     private _format;
     get format(): string;
@@ -134,14 +134,14 @@ export declare class AXDatePickerComponent extends AXBaseDatePickerMixin {
     constructor(_elementRef: ElementRef, _cdr: ChangeDetectorRef, _platform: AXPlatform);
     onInit(): void;
     private _updateDisplayText;
-    _handlePopoverOpened(e: any): void;
-    _handleArrowClickEvent(e: AXClickEvent): void;
+    protected _handlePopoverOpened(e: any): void;
+    protected _handleArrowClickEvent(e: AXClickEvent): void;
     _onValueChanged(oldValue?: any, newValue?: any): void;
     _onOptionChanged(option: AXComponentOptionChanged): void;
-    _handleOnKeydownEvent(e: KeyboardEvent): void;
-    _handleOnInputClickEvent(e: MouseEvent): void;
-    _handleOnNavigate(e: AXCalendarNavigateEvent): void;
+    protected _handleOnKeydownEvent(e: KeyboardEvent): void;
+    protected _handleOnInputClickEvent(e: MouseEvent): void;
+    protected _handleOnNavigate(e: AXCalendarNavigateEvent): void;
     private _highlightPart;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXDatePickerComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXDatePickerComponent, "ax-date-picker", never, { "isOpen": "isOpen"; "fitParent": "fitParent"; "dropdownWidth": "dropdownWidth"; "position": "position"; "disabled": "disabled"; "tabIndex": "tabIndex"; "readonly": "readonly"; "allowNull": "allowNull"; "value": "value"; "name": "name"; "checked": "checked"; "placeholder": "placeholder"; "maxLength": "maxLength"; "debounceTime": "debounceTime"; "type": "type"; "autoComplete": "autoComplete"; "depth": "depth"; "activeView": "activeView"; "min": "min"; "max": "max"; "disabledDates": "disabledDates"; "holidayDates": "holidayDates"; "format": "format"; "interface": "interface"; }, { "onOpened": "onOpened"; "onClosed": "onClosed"; "onBlur": "onBlur"; "onFocus": "onFocus"; "valueChange": "valueChange"; "onValueChanged": "onValueChanged"; "depthChange": "depthChange"; "typeChange": "typeChange"; "disabledDatesChange": "disabledDatesChange"; "holidayDatesChange": "holidayDatesChange"; "onNavigate": "onNavigate"; "formatChange": "formatChange"; }, never, ["ax-prefix", "ax-suffix", "ax-validation-rule", "ax-calendar-options"], false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXDatePickerComponent, "ax-date-picker", never, { "isOpen": "isOpen"; "fitParent": "fitParent"; "dropdownWidth": "dropdownWidth"; "position": "position"; "disabled": "disabled"; "tabIndex": "tabIndex"; "readonly": "readonly"; "allowNull": "allowNull"; "value": "value"; "name": "name"; "checked": "checked"; "placeholder": "placeholder"; "maxLength": "maxLength"; "debounceTime": "debounceTime"; "type": "type"; "autoComplete": "autoComplete"; "depth": "depth"; "activeView": "activeView"; "min": "min"; "max": "max"; "disabledDates": "disabledDates"; "holidayDates": "holidayDates"; "format": "format"; "interface": "interface"; }, { "onOpened": "onOpened"; "onClosed": "onClosed"; "onBlur": "onBlur"; "onFocus": "onFocus"; "valueChange": "valueChange"; "onValueChanged": "onValueChanged"; "depthChange": "depthChange"; "typeChange": "typeChange"; "disabledDatesChange": "disabledDatesChange"; "holidayDatesChange": "holidayDatesChange"; "onNavigate": "onNavigate"; "formatChange": "formatChange"; }, never, ["ax-prefix", "ax-suffix", "ax-validation-rule"], false>;
 }

package/decorators/public-api.d.ts

@@ -8,4 +8,5 @@ export * from './src/overlay.component';
 export * from './src/placeholder.component';
 export * from './src/prefix.component';
 export * from './src/suffix.component';
+export * from './src/text.component';
 export * from './src/title.component';

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

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

package/decorators/src/text.component.d.ts

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

package/dialog/src/dialog.service.d.ts

@@ -23,7 +23,9 @@ export declare class AXDialogService {
     /**
     *  Show a confirm box with 'Okay' & 'Cancel' buttons.
     */
-    confirm(title: string, content: string, type?: AXStyleColorType): Promise<void>;
+    confirm(title: string, content: string, type?: AXStyleColorType): Promise<{
+        result: boolean;
+    }>;
     /**
     *  Show a custom dialog box.
     */

package/dropdown/src/dropdown-panel.component.d.ts

@@ -16,6 +16,7 @@ export declare class AXDropdownPanelComponent extends AXBaseDropdownMixin {
     private _target;
     get target(): HTMLElement;
     set target(v: HTMLElement);
+    onViewInit(): void;
     ngAfterContentInit(): void;
     private _initContents;
     private _bindEvents;

package/dropdown/src/dropdown.module.d.ts

@@ -1,12 +1,14 @@
 import * as i0 from "@angular/core";
 import * as i1 from "./dropdown-panel.component";
 import * as i2 from "@angular/common";
-import * as i3 from "@acorex/components/button";
-import * as i4 from "@angular/cdk/overlay";
-import * as i5 from "@acorex/components/decorators";
-import * as i6 from "@acorex/components/popover";
+import * as i3 from "@acorex/components/common";
+import * as i4 from "@angular/cdk/a11y";
+import * as i5 from "@acorex/components/button";
+import * as i6 from "@angular/cdk/overlay";
+import * as i7 from "@acorex/components/decorators";
+import * as i8 from "@acorex/components/popover";
 export declare class AXDropdownModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<AXDropdownModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<AXDropdownModule, [typeof i1.AXDropdownPanelComponent], [typeof i2.CommonModule, typeof i3.AXButtonModule, typeof i4.OverlayModule, typeof i5.AXDecoratorModule, typeof i6.AXPopoverModule], [typeof i1.AXDropdownPanelComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<AXDropdownModule, [typeof i1.AXDropdownPanelComponent], [typeof i2.CommonModule, typeof i3.AXCommonModule, typeof i4.A11yModule, typeof i5.AXButtonModule, typeof i6.OverlayModule, typeof i7.AXDecoratorModule, typeof i8.AXPopoverModule], [typeof i1.AXDropdownPanelComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<AXDropdownModule>;
 }

package/esm2020/action-sheet/src/action-sheet-item.component.mjs

@@ -23,7 +23,7 @@ AXActionSheetItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0
       [text]="text"
       (onClick)="_handleOnClick($event)"
     ></ax-button>
-  `, isInline: true, dependencies: [{ kind: "component", type: i1.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange"] }] });
+  `, isInline: true, dependencies: [{ kind: "component", type: i1.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "type"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: AXActionSheetItemComponent, decorators: [{
             type: Component,
             args: [{