@acorex/components 7.0.41 → 7.1.0

package/action-sheet/src/action-sheet.interface.d.ts

@@ -8,7 +8,7 @@ export interface AXActionSheetItem {
     color?: AXStyleColorType;
     onClick?: () => void;
 }
-export declare type AXActionSheetContentType = TemplateRef<any> | Function;
+export type AXActionSheetContentType = TemplateRef<any> | Function;
 export interface AXActionSheetOptions {
     title?: string;
     showCloseButton?: boolean;

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

@@ -11,9 +11,9 @@ export declare const AXBaseAlertMixin: (new (...args: any[]) => {
     _look?: import("@acorex/components/common").AXStyleLookType;
     look: import("@acorex/components/common").AXStyleLookType;
     id: string;
-    "__#36561@#rtl": boolean;
+    "__#37488@#rtl": boolean;
     rtl: boolean;
-    "__#36561@#elementRef": ElementRef<any>;
+    "__#37488@#elementRef": ElementRef<any>;
     _cdr: ChangeDetectorRef;
     _isInited: boolean;
     _isRendered: boolean;
@@ -84,5 +84,5 @@ export declare class AXAlertComponent extends AXBaseAlertMixin {
     show(): void;
     onDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXAlertComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXAlertComponent, "ax-alert", never, { "color": "color"; "timeOut": "timeOut"; "visible": "visible"; }, { "onClosed": "onClosed"; }, ["_icon", "_title", "_content", "_footer", "_buttons"], ["ax-icon", "ax-title", "ax-content", "ax-footer", "ax-button", "ax-close-button"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXAlertComponent, "ax-alert", never, { "color": { "alias": "color"; "required": false; }; "timeOut": { "alias": "timeOut"; "required": false; }; "visible": { "alias": "visible"; "required": false; }; }, { "onClosed": "onClosed"; }, ["_icon", "_title", "_content", "_footer", "_buttons"], ["ax-icon", "ax-title", "ax-content", "ax-footer", "ax-button", "ax-close-button"], false, never>;
 }

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

@@ -16,5 +16,5 @@ export declare class AXAvatarComponent extends AXAvatarMixin {
     ngAfterViewInit(): void;
     get __hostClass(): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXAvatarComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXAvatarComponent, "ax-avatar", never, { "color": "color"; "look": "look"; "class": "class"; }, {}, ["_children"], ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXAvatarComponent, "ax-avatar", never, { "color": { "alias": "color"; "required": false; }; "look": { "alias": "look"; "required": false; }; "class": { "alias": "class"; "required": false; }; }, {}, ["_children"], ["*"], false, never>;
 }

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

@@ -9,9 +9,9 @@ export declare const AXBaseBadgeMixin: (new (...args: any[]) => {
     _look?: import("@acorex/components/common").AXStyleLookType;
     look: import("@acorex/components/common").AXStyleLookType;
     id: string;
-    "__#36561@#rtl": boolean;
+    "__#37488@#rtl": boolean;
     rtl: boolean;
-    "__#36561@#elementRef": ElementRef<any>;
+    "__#37488@#elementRef": ElementRef<any>;
     _cdr: ChangeDetectorRef;
     _isInited: boolean;
     _isRendered: boolean;
@@ -37,5 +37,5 @@ export declare class AXBadgeComponent extends AXBaseBadgeMixin {
     constructor(elementRef: ElementRef, cdr: ChangeDetectorRef);
     private get __hostClass();
     static ɵfac: i0.ɵɵFactoryDeclaration<AXBadgeComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXBadgeComponent, "ax-badge", never, { "color": "color"; "text": "text"; }, {}, never, ["ax-prefix", "ax-suffix"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXBadgeComponent, "ax-badge", never, { "color": { "alias": "color"; "required": false; }; "text": { "alias": "text"; "required": false; }; }, {}, never, ["ax-prefix", "ax-suffix"], false, never>;
 }

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[]) => {
-    "__#36564@#disabled": boolean;
+    "__#37491@#disabled": boolean;
     disabled: boolean;
-    "__#36564@#tabIndex": number;
+    "__#37491@#tabIndex": number;
     tabIndex: number;
     onFocus: import("@angular/core").EventEmitter<import("@acorex/components/common").AXFocusEvent>;
     _emitOnFocusEvent(e: FocusEvent): void;
@@ -14,9 +14,9 @@ export declare const AXBaseItemBreadCrumbMixin: (abstract new (...args: any[]) =
     focus(): void;
     hasFocus(): boolean;
     id: string;
-    "__#36561@#rtl": boolean;
+    "__#37488@#rtl": boolean;
     rtl: boolean;
-    "__#36561@#elementRef": ElementRef<any>;
+    "__#37488@#elementRef": ElementRef<any>;
     _cdr: ChangeDetectorRef;
     _isInited: boolean;
     _isRendered: boolean;
@@ -39,9 +39,9 @@ export declare const AXBaseItemBreadCrumbMixin: (abstract new (...args: any[]) =
     onClick: import("@angular/core").EventEmitter<import("@acorex/components/common").AXClickEvent>;
     _emitOnClickEvent(e: MouseEvent): void;
     id: string;
-    "__#36561@#rtl": boolean;
+    "__#37488@#rtl": boolean;
     rtl: boolean;
-    "__#36561@#elementRef": ElementRef<any>; /**
+    "__#37488@#elementRef": ElementRef<any>; /**
      *  @ignore
      */
     _cdr: ChangeDetectorRef;
@@ -75,5 +75,5 @@ export declare class AXBreadCrumbsItemComponent extends AXBaseItemBreadCrumbMixi
     private __hostClick;
     private get __hostClass();
     static ɵfac: i0.ɵɵFactoryDeclaration<AXBreadCrumbsItemComponent, [null, null, { optional: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXBreadCrumbsItemComponent, "ax-breadcrumbs-item", never, { "text": "text"; "href": "href"; "active": "active"; }, {}, never, ["ax-prefix, ax-loading, ax-icon", "ax-suffix, ax-loading, ax-icon"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXBreadCrumbsItemComponent, "ax-breadcrumbs-item", never, { "text": { "alias": "text"; "required": false; }; "href": { "alias": "href"; "required": false; }; "active": { "alias": "active"; "required": false; }; }, {}, never, ["ax-prefix, ax-loading, ax-icon", "ax-suffix, ax-loading, ax-icon"], false, never>;
 }

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[]) => {
-    "__#36564@#disabled": boolean;
+    "__#37491@#disabled": boolean;
     disabled: boolean;
-    "__#36564@#tabIndex": number;
+    "__#37491@#tabIndex": number;
     tabIndex: number;
     onFocus: EventEmitter<import("@acorex/components/common").AXFocusEvent>;
     _emitOnFocusEvent(e: FocusEvent): void;
@@ -15,9 +15,9 @@ export declare const AXBaseButtonGroupMixin: (abstract new (...args: any[]) => {
     focus(): void;
     hasFocus(): boolean;
     id: string;
-    "__#36561@#rtl": boolean;
+    "__#37488@#rtl": boolean;
     rtl: boolean;
-    "__#36561@#elementRef": ElementRef<any>;
+    "__#37488@#elementRef": ElementRef<any>;
     _cdr: ChangeDetectorRef;
     _isInited: boolean;
     _isRendered: boolean;
@@ -44,9 +44,9 @@ export declare const AXBaseButtonGroupMixin: (abstract new (...args: any[]) => {
     _look?: import("@acorex/components/common").AXStyleLookType;
     look: import("@acorex/components/common").AXStyleLookType;
     id: string;
-    "__#36561@#rtl": boolean;
+    "__#37488@#rtl": boolean;
     rtl: boolean;
-    "__#36561@#elementRef": ElementRef<any>;
+    "__#37488@#elementRef": ElementRef<any>;
     _cdr: ChangeDetectorRef;
     _isInited: boolean;
     _isRendered: boolean;
@@ -82,5 +82,5 @@ export declare class AXButtonGroupComponent extends AXBaseButtonGroupMixin {
     onOptionChanged(option: any): void;
     _handleClickEvent(e: AXClickEvent, button: any): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXButtonGroupComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXButtonGroupComponent, "ax-button-group", never, { "disabled": "disabled"; "tabIndex": "tabIndex"; "color": "color"; "look": "look"; "selection": "selection"; }, { "onBlur": "onBlur"; "onFocus": "onFocus"; "lookChange": "lookChange"; "colorChange": "colorChange"; "selectionChange": "selectionChange"; "onItemClick": "onItemClick"; }, ["_contentButtons"], ["ax-button"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXButtonGroupComponent, "ax-button-group", never, { "disabled": { "alias": "disabled"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; "color": { "alias": "color"; "required": false; }; "look": { "alias": "look"; "required": false; }; "selection": { "alias": "selection"; "required": false; }; }, { "onBlur": "onBlur"; "onFocus": "onFocus"; "lookChange": "lookChange"; "colorChange": "colorChange"; "selectionChange": "selectionChange"; "onItemClick": "onItemClick"; }, ["_contentButtons"], ["ax-button"], false, never>;
 }

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

@@ -1,5 +1,5 @@
 import { AXStyleLookType, AXStyleColorType, AXHotKeyAction } from '@acorex/components/common';
-export declare type AXButtonType = 'submit' | 'button' | 'cancel' | 'reset';
+export type AXButtonType = 'submit' | 'button' | 'cancel' | 'reset';
 export interface AXClickItemBase {
     cssClass?: string;
     color?: AXStyleColorType;

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[]) => {
-    "__#36564@#disabled": boolean;
+    "__#37491@#disabled": boolean;
     disabled: boolean;
-    "__#36564@#tabIndex": number;
+    "__#37491@#tabIndex": number;
     tabIndex: number;
     onFocus: import("@angular/core").EventEmitter<import("@acorex/components/common").AXFocusEvent>;
     _emitOnFocusEvent(e: FocusEvent): void;
@@ -14,9 +14,9 @@ export declare const AXBaseItemButtonMixin: (abstract new (...args: any[]) => {
     focus(): void;
     hasFocus(): boolean;
     id: string;
-    "__#36561@#rtl": boolean;
+    "__#37488@#rtl": boolean;
     rtl: boolean;
-    "__#36561@#elementRef": ElementRef<any>;
+    "__#37488@#elementRef": ElementRef<any>;
     _cdr: ChangeDetectorRef;
     _isInited: boolean;
     _isRendered: boolean;
@@ -39,9 +39,9 @@ export declare const AXBaseItemButtonMixin: (abstract new (...args: any[]) => {
     onClick: import("@angular/core").EventEmitter<import("@acorex/components/common").AXClickEvent>;
     _emitOnClickEvent(e: MouseEvent): void;
     id: string;
-    "__#36561@#rtl": boolean;
+    "__#37488@#rtl": boolean;
     rtl: boolean;
-    "__#36561@#elementRef": ElementRef<any>;
+    "__#37488@#elementRef": ElementRef<any>;
     _cdr: ChangeDetectorRef;
     _isInited: boolean;
     _isRendered: boolean;
@@ -76,5 +76,5 @@ export declare class AXButtonItemComponent extends AXBaseItemButtonMixin {
     private __hostClick;
     private get __hostClass();
     static ɵfac: i0.ɵɵFactoryDeclaration<AXButtonItemComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXButtonItemComponent, "ax-button-item", never, { "text": "text"; "tooltip": "tooltip"; "selected": "selected"; "seperated": "seperated"; "name": "name"; "data": "data"; "color": "color"; }, { "onClick": "onClick"; }, never, ["ax-prefix", "ax-icon", "ax-suffix"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXButtonItemComponent, "ax-button-item", never, { "text": { "alias": "text"; "required": false; }; "tooltip": { "alias": "tooltip"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; "seperated": { "alias": "seperated"; "required": false; }; "name": { "alias": "name"; "required": false; }; "data": { "alias": "data"; "required": false; }; "color": { "alias": "color"; "required": false; }; }, { "onClick": "onClick"; }, never, ["ax-prefix", "ax-icon", "ax-suffix"], false, never>;
 }

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

@@ -19,5 +19,5 @@ export declare class AXButtonComponent extends MXButtonBaseComponent {
     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"; "type": "type"; }, { "onBlur": "onBlur"; "onFocus": "onFocus"; "onClick": "onClick"; "selectedChange": "selectedChange"; "toggleableChange": "toggleableChange"; "lookChange": "lookChange"; "colorChange": "colorChange"; }, never, ["ax-prefix, ax-loading, ax-icon", "ax-content", "ax-suffix", "ax-dropdown-panel"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXButtonComponent, "ax-button", never, { "disabled": { "alias": "disabled"; "required": false; }; "size": { "alias": "size"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; "color": { "alias": "color"; "required": false; }; "look": { "alias": "look"; "required": false; }; "text": { "alias": "text"; "required": false; }; "toggleable": { "alias": "toggleable"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; "type": { "alias": "type"; "required": false; }; }, { "onBlur": "onBlur"; "onFocus": "onFocus"; "onClick": "onClick"; "selectedChange": "selectedChange"; "toggleableChange": "toggleableChange"; "lookChange": "lookChange"; "colorChange": "colorChange"; }, never, ["ax-prefix, ax-loading, ax-icon", "ax-content", "ax-suffix", "ax-dropdown-panel"], false, never>;
 }

package/calendar/public-api.d.ts

@@ -1,3 +1,4 @@
 export * from './src/calendar.class';
 export * from './src/calendar.component';
+export * from './src/calendar-range.component';
 export * from './src/calendar.module';

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

@@ -0,0 +1,29 @@
+import { AXRange, MXInteractiveComponent, MXValueComponent } from '@acorex/components/common';
+import { AXCalendarSlotClick, MXCalendarBaseComponent } from './calendar.class';
+import * as i0 from "@angular/core";
+declare const AXCalendarRangeComponent_base: import("polytype").Polytype.ClusteredConstructor<[{
+    new (): MXValueComponent<AXRange<Date>>;
+    ɵfac: unknown;
+    ɵprov: import("@angular/core").ɵɵInjectableDeclaration<MXValueComponent<any>>;
+}, typeof MXInteractiveComponent, typeof MXCalendarBaseComponent]>;
+export declare class AXCalendarRangeComponent extends AXCalendarRangeComponent_base {
+    private _c1;
+    private _c2;
+    _navText: string;
+    constructor();
+    protected ngAfterViewInit(): void;
+    getCellClass: (date: Date) => "ax-range-start" | "ax-range-end" | "ax-range-between";
+    protected handleSlotClick(e: AXCalendarSlotClick): void;
+    protected handlePrevClick(): void;
+    protected handleNextClick(): void;
+    protected handleNavClick(): void;
+    private _syncNavText;
+    protected handleNavigate(): void;
+    protected handleActiveViewChange1(): void;
+    protected handleActiveViewChange2(): void;
+    private _syncNav1;
+    private _syncNav2;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXCalendarRangeComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXCalendarRangeComponent, "ax-calendar-range", never, { "rtl": { "alias": "rtl"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "value": { "alias": "value"; "required": false; }; "name": { "alias": "name"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "depth": { "alias": "depth"; "required": false; }; "activeView": { "alias": "activeView"; "required": false; }; "min": { "alias": "min"; "required": false; }; "max": { "alias": "max"; "required": false; }; "disabledDates": { "alias": "disabledDates"; "required": false; }; "holidayDates": { "alias": "holidayDates"; "required": false; }; "type": { "alias": "type"; "required": false; }; "cellTemplate": { "alias": "cellTemplate"; "required": false; }; "cellClass": { "alias": "cellClass"; "required": false; }; "showNavigation": { "alias": "showNavigation"; "required": false; }; }, { "onOptionChanged": "onOptionChanged"; "valueChange": "valueChange"; "onValueChanged": "onValueChanged"; "onBlur": "onBlur"; "onFocus": "onFocus"; "depthChange": "depthChange"; "typeChange": "typeChange"; "activeViewChange": "activeViewChange"; "disabledDatesChange": "disabledDatesChange"; "holidayDatesChange": "holidayDatesChange"; "onNavigate": "onNavigate"; "onSlotClick": "onSlotClick"; }, never, ["*"], false, never>;
+}
+export {};

package/calendar/src/calendar.class.d.ts

@@ -1,17 +1,65 @@
-import { ChangeDetectorRef, ElementRef, EventEmitter } from "@angular/core";
-import { AXItemClickEvent, AXRangeChangedEvent } from "@acorex/components/common";
+import { ChangeDetectorRef, ElementRef, EventEmitter, TemplateRef } from "@angular/core";
+import { AXItemClickEvent, AXRangeChangedEvent, MXBaseComponent } from "@acorex/components/common";
 import { AXBaseComponent } from "@acorex/components/mixin";
 import * as i0 from "@angular/core";
-export declare type AXCalendarViewType = 'years' | 'months' | 'days';
-export declare type AXCalendarViewDepth = AXCalendarViewType;
-export declare type AXCalendarDisabledDates = Date[] | ((date: Date) => boolean);
-export declare type AXCalendarHolidayDates = Date[] | ((date: Date) => boolean);
+export type AXCalendarViewType = 'years' | 'months' | 'days';
+export type AXCalendarViewDepth = AXCalendarViewType;
+export type AXCalendarDisabledDates = Date[] | ((date: Date) => boolean);
+export type AXCalendarHolidayDates = Date[] | ((date: Date) => boolean);
+export type AXCalendarCellCssClass = string | {
+    [key: string]: boolean;
+} | ((date: Date) => string);
 /**
 *  Contains native event
 * @category Events
 */
 export declare class AXCalendarNavigateEvent extends AXRangeChangedEvent<Date> {
 }
+/**
+*  Contains native event
+* @category Events
+*/
+export declare class AXCalendarSlotClick extends AXItemClickEvent<Date> {
+}
+declare const MXCalendarBaseComponent_base: import("polytype").Polytype.ClusteredConstructor<[typeof MXBaseComponent]>;
+export declare class MXCalendarBaseComponent extends MXCalendarBaseComponent_base {
+    interface: 'calendar' | 'picker';
+    cellTemplate?: TemplateRef<any>;
+    cellClass?: AXCalendarCellCssClass;
+    showNavigation: boolean;
+    onSlotClick: EventEmitter<AXCalendarSlotClick>;
+    onNavigate: EventEmitter<AXCalendarNavigateEvent>;
+    activeViewChange: EventEmitter<AXCalendarViewType>;
+    private _activeView;
+    get activeView(): AXCalendarViewType;
+    set activeView(v: AXCalendarViewType);
+    typeChange: EventEmitter<string>;
+    private _type;
+    get type(): string;
+    set type(v: string);
+    depthChange: EventEmitter<AXCalendarViewDepth>;
+    private _depth;
+    get depth(): AXCalendarViewDepth;
+    set depth(v: AXCalendarViewDepth);
+    minChange: EventEmitter<Date>;
+    private _min;
+    get min(): Date;
+    set min(v: Date);
+    maxChange: EventEmitter<Date>;
+    private _max;
+    get max(): Date;
+    set max(v: Date);
+    disabledDatesChange: EventEmitter<AXCalendarDisabledDates>;
+    private _disabledDates;
+    get disabledDates(): AXCalendarDisabledDates;
+    set disabledDates(v: AXCalendarDisabledDates);
+    holidayDatesChange: EventEmitter<AXCalendarHolidayDates>;
+    private _holidayDates;
+    get holidayDates(): AXCalendarHolidayDates;
+    set holidayDates(v: AXCalendarHolidayDates);
+    static ɵfac: i0.ɵɵFactoryDeclaration<MXCalendarBaseComponent, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<MXCalendarBaseComponent>;
+}
 export declare class AXCalendarBaseComponent extends AXBaseComponent {
     constructor(elementRef: ElementRef, cdr: ChangeDetectorRef);
     onSlotClick: EventEmitter<AXItemClickEvent<Date>>;
@@ -49,3 +97,4 @@ export declare class AXCalendarBaseComponent extends AXBaseComponent {
 }
 export declare const CALENDAR_INPUTS: string[];
 export declare const CALENDAR_OUTPUTS: string[];
+export {};

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

@@ -1,31 +1,31 @@
-import { ElementRef, ChangeDetectorRef } from '@angular/core';
-import { AXDateTime } from '@acorex/core/dateTime';
-import { AXClickEvent } from '@acorex/components/common';
-import { AXComponentOptionChanged } from '@acorex/components/mixin';
+import { AXDateTime, AXDateTimeRange } from '@acorex/core/dateTime';
+import { AXClickEvent, AXOptionChangedEvent, MXInteractiveComponent, MXValueComponent } from '@acorex/components/common';
+import { MXCalendarBaseComponent } from './calendar.class';
 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();
+declare const AXCalendarComponent_base: import("polytype").Polytype.ClusteredConstructor<[{
+    new (): MXValueComponent<Date>;
+    ɵfac: unknown;
+    ɵprov: import("@angular/core").ɵɵInjectableDeclaration<MXValueComponent<any>>;
+}, typeof MXInteractiveComponent, typeof MXCalendarBaseComponent]>;
+export declare class AXCalendarComponent extends AXCalendarComponent_base {
+    get displayRange(): AXDateTimeRange;
     protected _today: AXDateTime;
     private _viewStartDate;
     protected _navText: string;
     protected _todayText: string;
     protected _slots: any[];
     protected _dayNames: string[];
-    private _isUserInteraction;
-    constructor(elementRef: ElementRef, cdr: ChangeDetectorRef);
     private _initValues;
     private _refresh;
-    protected onInit(): void;
-    private _genearteSlots;
+    protected ngOnInit(): void;
+    render(): void;
     protected _handlePrevClick(): void;
     protected _handleNextClick(): void;
     protected _handleSlotClick(e: MouseEvent, slot: any): void;
     protected _handleNavClick(e: AXClickEvent | any): void;
-    protected _onOptionChanged(option: AXComponentOptionChanged): void;
-    protected _onValueChanged(oldValue: any, newValue: any): void;
+    toggleView(): void;
+    protected _handleOnOptionChanged(e: AXOptionChangedEvent): void;
+    private _handleOnValueChanged;
     protected _handleGoToday(): void;
     next(): void;
     prev(): void;
@@ -38,14 +38,7 @@ export declare class AXCalendarComponent extends AXCalendarComponentMixin {
     protected isDisabled(date: AXDateTime): boolean;
     protected isHoliday(date: AXDateTime): boolean;
     protected isWeekend(date: AXDateTime): boolean;
-    protected _pickerDays: number[];
-    protected _pickerMonths: {
-        text: string;
-        value: number;
-    }[];
-    protected _pickerYears: number[];
-    private _generatePickerItems;
-    protected _handlePickerChange(item: any, view: any): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXCalendarComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXCalendarComponent, "ax-calendar", never, { "rtl": "rtl"; "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, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXCalendarComponent, "ax-calendar", never, { "rtl": { "alias": "rtl"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "value": { "alias": "value"; "required": false; }; "name": { "alias": "name"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "depth": { "alias": "depth"; "required": false; }; "activeView": { "alias": "activeView"; "required": false; }; "min": { "alias": "min"; "required": false; }; "max": { "alias": "max"; "required": false; }; "disabledDates": { "alias": "disabledDates"; "required": false; }; "holidayDates": { "alias": "holidayDates"; "required": false; }; "type": { "alias": "type"; "required": false; }; "cellTemplate": { "alias": "cellTemplate"; "required": false; }; "cellClass": { "alias": "cellClass"; "required": false; }; "showNavigation": { "alias": "showNavigation"; "required": false; }; }, { "onOptionChanged": "onOptionChanged"; "valueChange": "valueChange"; "onValueChanged": "onValueChanged"; "onBlur": "onBlur"; "onFocus": "onFocus"; "depthChange": "depthChange"; "typeChange": "typeChange"; "activeViewChange": "activeViewChange"; "disabledDatesChange": "disabledDatesChange"; "holidayDatesChange": "holidayDatesChange"; "onNavigate": "onNavigate"; "onSlotClick": "onSlotClick"; }, never, ["ax-header", "ax-footer"], false, never>;
 }
+export {};

package/calendar/src/calendar.module.d.ts

@@ -1,9 +1,10 @@
 import * as i0 from "@angular/core";
 import * as i1 from "./calendar.component";
-import * as i2 from "@angular/common";
-import * as i3 from "@acorex/core/dateTime";
+import * as i2 from "./calendar-range.component";
+import * as i3 from "@angular/common";
+import * as i4 from "@acorex/core/dateTime";
 export declare class AXCalendarModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<AXCalendarModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<AXCalendarModule, [typeof i1.AXCalendarComponent], [typeof i2.CommonModule, typeof i3.AXDateTimeModule], [typeof i1.AXCalendarComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<AXCalendarModule, [typeof i1.AXCalendarComponent, typeof i2.AXCalendarRangeComponent], [typeof i3.CommonModule, typeof i4.AXDateTimeModule], [typeof i1.AXCalendarComponent, typeof i2.AXCalendarRangeComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<AXCalendarModule>;
 }

package/checkbox/src/checkbox.component.d.ts

@@ -8,5 +8,5 @@ export declare class AXCheckBoxComponent extends AXBaseValueComponentMixin {
     _setValue(value: any): any;
     _handleOnClickEvent(e: MouseEvent): boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXCheckBoxComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXCheckBoxComponent, "ax-check-box", never, { "disabled": "disabled"; "tabIndex": "tabIndex"; "readonly": "readonly"; "allowNull": "allowNull"; "value": "value"; "name": "name"; "checked": "checked"; }, { "onBlur": "onBlur"; "onFocus": "onFocus"; "valueChange": "valueChange"; "onValueChanged": "onValueChanged"; }, never, ["*", "ax-form-hint", "ax-validation-rule"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXCheckBoxComponent, "ax-check-box", never, { "disabled": { "alias": "disabled"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "allowNull": { "alias": "allowNull"; "required": false; }; "value": { "alias": "value"; "required": false; }; "name": { "alias": "name"; "required": false; }; "checked": { "alias": "checked"; "required": false; }; }, { "onBlur": "onBlur"; "onFocus": "onFocus"; "valueChange": "valueChange"; "onValueChanged": "onValueChanged"; }, never, ["*", "ax-form-hint", "ax-validation-rule"], false, never>;
 }

package/chips/src/chips.component.d.ts

@@ -2,9 +2,9 @@ import { AXStyleColorType } from '@acorex/components/common';
 import { AXBaseComponent } from '@acorex/components/mixin';
 import * as i0 from "@angular/core";
 export declare const AXBaseChipsMixin: (abstract new (...args: any[]) => {
-    "__#36564@#disabled": boolean;
+    "__#37491@#disabled": boolean;
     disabled: boolean;
-    "__#36564@#tabIndex": number;
+    "__#37491@#tabIndex": number;
     tabIndex: number;
     onFocus: import("@angular/core").EventEmitter<import("@acorex/components/common").AXFocusEvent>;
     _emitOnFocusEvent(e: FocusEvent): void;
@@ -13,9 +13,9 @@ export declare const AXBaseChipsMixin: (abstract new (...args: any[]) => {
     focus(): void;
     hasFocus(): boolean;
     id: string;
-    "__#36561@#rtl": boolean;
+    "__#37488@#rtl": boolean;
     rtl: boolean;
-    "__#36561@#elementRef": import("@angular/core").ElementRef<any>;
+    "__#37488@#elementRef": import("@angular/core").ElementRef<any>;
     _cdr: import("@angular/core").ChangeDetectorRef;
     _isInited: boolean;
     _isRendered: boolean;
@@ -38,9 +38,9 @@ export declare const AXBaseChipsMixin: (abstract new (...args: any[]) => {
     onClick: import("@angular/core").EventEmitter<import("@acorex/components/common").AXClickEvent>;
     _emitOnClickEvent(e: MouseEvent): void;
     id: string;
-    "__#36561@#rtl": boolean;
+    "__#37488@#rtl": boolean;
     rtl: boolean;
-    "__#36561@#elementRef": import("@angular/core").ElementRef<any>;
+    "__#37488@#elementRef": import("@angular/core").ElementRef<any>;
     _cdr: import("@angular/core").ChangeDetectorRef;
     _isInited: boolean;
     _isRendered: boolean;
@@ -68,5 +68,5 @@ export declare class AXChipsComponent extends AXBaseChipsMixin {
     ngOnInit(): void;
     private get __hostClass();
     static ɵfac: i0.ɵɵFactoryDeclaration<AXChipsComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXChipsComponent, "ax-chips", never, { "tabIndex": "tabIndex"; "look": "look"; "color": "color"; "text": "text"; }, {}, never, ["ax-prefix", "ax-suffix"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXChipsComponent, "ax-chips", never, { "tabIndex": { "alias": "tabIndex"; "required": false; }; "look": { "alias": "look"; "required": false; }; "color": { "alias": "color"; "required": false; }; "text": { "alias": "text"; "required": false; }; }, {}, never, ["ax-prefix", "ax-suffix"], false, never>;
 }

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

@@ -11,5 +11,5 @@ export declare class AXCollapseGroupComponent extends AXBaseComponent {
     onViewInit(): void;
     onDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXCollapseGroupComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXCollapseGroupComponent, "ax-collapse-group", never, { "accordion": "accordion"; "nonCollapsedIndex": "nonCollapsedIndex"; }, {}, ["_items"], ["ax-collapse"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXCollapseGroupComponent, "ax-collapse-group", never, { "accordion": { "alias": "accordion"; "required": false; }; "nonCollapsedIndex": { "alias": "nonCollapsedIndex"; "required": false; }; }, {}, ["_items"], ["ax-collapse"], false, never>;
 }

package/collapse/src/collapse.component.d.ts

@@ -13,5 +13,5 @@ export declare class AXCollapseComponent extends AXBaseComponent {
     headerTemplate: TemplateRef<any>;
     handleHeaderClick(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXCollapseComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXCollapseComponent, "ax-collapse", never, { "isCollapsed": "isCollapsed"; "caption": "caption"; "icon": "icon"; }, { "isCollapsedChange": "isCollapsedChange"; }, ["headerTemplate"], ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXCollapseComponent, "ax-collapse", never, { "isCollapsed": { "alias": "isCollapsed"; "required": false; }; "caption": { "alias": "caption"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; }, { "isCollapsedChange": "isCollapsedChange"; }, ["headerTemplate"], ["*"], false, never>;
 }

package/color-palette/src/color-palette-swatches.component.d.ts

@@ -14,5 +14,5 @@ export declare class AXColorPaletteSwatchesComponent extends AXBaseComponent {
     private _format;
     private _defaultPalette;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXColorPaletteSwatchesComponent, [null, null, { optional: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXColorPaletteSwatchesComponent, "ax-color-palette-swatches, ax-color-palette-favorite", never, { "colors": "colors"; }, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXColorPaletteSwatchesComponent, "ax-color-palette-swatches, ax-color-palette-favorite", never, { "colors": { "alias": "colors"; "required": false; }; }, {}, never, never, false, never>;
 }

package/color-palette/src/color-palette.class.d.ts

@@ -3,7 +3,7 @@ import * as i0 from "@angular/core";
 /**
 * A token that specifies the  display mode of datapager component.
 */
-export declare type AXColorPaletteView = 'swatches' | 'gradient' | 'custom';
+export type AXColorPaletteView = 'swatches' | 'gradient' | 'custom';
 export interface AXColorChangedEvent {
     color: any;
     sender: any;

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

@@ -12,5 +12,5 @@ export declare class AXColorPalleteComponent extends AXBaseValueComponentMixin {
     constructor(elementRef: ElementRef, cdr: ChangeDetectorRef);
     private get __hostDisabled();
     static ɵfac: i0.ɵɵFactoryDeclaration<AXColorPalleteComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXColorPalleteComponent, "ax-color-palette", never, { "disabled": "disabled"; "tabIndex": "tabIndex"; "readonly": "readonly"; "allowNull": "allowNull"; "value": "value"; "state": "state"; "name": "name"; "checked": "checked"; }, { "onBlur": "onBlur"; "onFocus": "onFocus"; "valueChange": "valueChange"; "stateChange": "stateChange"; "onValueChanged": "onValueChanged"; }, ["_children"], ["ax-header", "ax-color-palette-preview", "ax-color-palette-picker", "ax-color-palette-swatches", "ax-color-palette-favorite", "ax-color-palette-input", "ax-footer"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXColorPalleteComponent, "ax-color-palette", never, { "disabled": { "alias": "disabled"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "allowNull": { "alias": "allowNull"; "required": false; }; "value": { "alias": "value"; "required": false; }; "state": { "alias": "state"; "required": false; }; "name": { "alias": "name"; "required": false; }; "checked": { "alias": "checked"; "required": false; }; }, { "onBlur": "onBlur"; "onFocus": "onFocus"; "valueChange": "valueChange"; "stateChange": "stateChange"; "onValueChanged": "onValueChanged"; }, ["_children"], ["ax-header", "ax-color-palette-preview", "ax-color-palette-picker", "ax-color-palette-swatches", "ax-color-palette-favorite", "ax-color-palette-input", "ax-footer"], false, never>;
 }