@acorex/components 5.0.60 → 5.1.2

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

@@ -69,3 +69,17 @@ export declare class AXSelectionValueChangedEvent extends AXValueChangedEvent<an
     selectedKeys?: any[];
     selectedItems?: any[];
 }
+/**
+*  Contains range start & end values
+* @category Events
+*/
+export declare class AXRangeChangedEvent<T> extends AXEvent {
+    /**
+    *  The range start value
+    */
+    start?: T;
+    /**
+    *  The range end value
+    */
+    end?: T;
+}

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

@@ -0,0 +1,51 @@
+import { EventEmitter } from '@angular/core';
+import { AXItemClickEvent } from '..';
+import { AXBaseComponent } from './base-components.class';
+import { Constructor } from './constratctor';
+export declare function _BaseMenuComponentMixin<TBase extends Constructor<AXBaseComponent>>(Base: TBase): {
+    new (...args: any[]): {
+        textField: string;
+        valueField: string;
+        "__#2@#isLoading": boolean;
+        "__#2@#loadedItems": any;
+        visible: string;
+        disableField: string;
+        hasChildField: string;
+        icon: string;
+        openMode: 'click' | 'hover';
+        onMenuItemClick: EventEmitter<AXItemClickEvent<any>>;
+        readonly loadedCount: number;
+        "__#2@#items": any;
+        items: any;
+        readonly displayItems: any;
+        readonly isLoading: boolean;
+        _formatData(v: any[]): any[];
+        _findNode(parentId: number, _children: any, source: any): void;
+        _fetchData(parentId?: number): void;
+        _onInternalInit(): void;
+        _getItemDisplayTextTemplte(item: any): any;
+        _trackLoaded(index: any, item: any): any;
+        id: string;
+        rtl: boolean;
+        "__#1@#elementRef": import("@angular/core").ElementRef<any>;
+        _cdr: import("@angular/core").ChangeDetectorRef;
+        _isInited: boolean;
+        _isRendered: boolean;
+        ngOnInit(): void;
+        ngAfterViewInit(): void;
+        ngOnDestroy(): void;
+        _getHostElement<T = HTMLElement>(): T;
+        _getInnerElement<T_1 = HTMLElement>(): T_1;
+        _onInternalViewInit(): void;
+        _onInternalDestroy(): void;
+        onInit(): void;
+        onRenderCssClass(): void;
+        onViewInit(): void;
+        onDestroy(): void;
+        _onOptionChanging(option: import("./base-components.class").AXComponentOptionChanging): any;
+        _onOptionChanged(option: import("./base-components.class").AXComponentOptionChanged): void;
+        _setOption(option: import("./base-components.class").AXComponentSetOption): void;
+    };
+} & TBase;
+export declare const BASEMENU_INPUTS: string[];
+export declare const BASEMENU_OUTPUT: string[];

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

@@ -7,15 +7,15 @@ export declare function _DatalistComponenetMixin<TBase extends Constructor<AXBas
         textField: string;
         childrenField: string;
         pageSize: number;
-        "__#2@#currentPage": number;
-        "__#2@#isLoading": boolean;
-        "__#2@#loadedItems": any[];
-        "__#2@#flatItems": any[];
-        "__#2@#totalItems": number;
-        "__#2@#isLazy": boolean;
+        "__#3@#currentPage": number;
+        "__#3@#isLoading": boolean;
+        "__#3@#loadedItems": any[];
+        "__#3@#flatItems": any[];
+        "__#3@#totalItems": number;
+        "__#3@#isLazy": boolean;
         readonly totalCount: number;
         readonly loadedCount: number;
-        "__#2@#items": AXDataListItems;
+        "__#3@#items": AXDataListItems;
         items: AXDataListItems;
         readonly displayItems: any[];
         readonly flatItems: any[];
@@ -25,7 +25,7 @@ export declare function _DatalistComponenetMixin<TBase extends Constructor<AXBas
             searchQuery?: string;
         }): void;
         _onDataLoaded(): void;
-        "__#2@#generateFlatItems"(): void;
+        "__#3@#generateFlatItems"(): void;
         _getItemDisplayTextTemplte(item: any): any;
         _trackByFunction(item: any): any;
         refresh(): void;

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

@@ -3,12 +3,12 @@ import { AXBaseComponent } from "./base-components.class";
 import { Constructor } from "./constratctor";
 import { AXFocusEvent } from "../events.class";
 export declare function _InteractiveComponenetMixin<TBase extends Constructor<AXBaseComponent>>(Base: TBase): (abstract new (...args: any[]) => {
-    "__#3@#disabled": boolean;
+    "__#4@#disabled": boolean;
     /**
     *  If set to true, it disables the component.
     */
     disabled: boolean;
-    "__#3@#tabIndex": number;
+    "__#4@#tabIndex": number;
     /**
     *  Specifies the tabindex of the component.
     */

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

@@ -101,9 +101,9 @@ export declare const AXInteractiveComponenetMixin: {
         _setOption(option: import("./base-components.class").AXComponentSetOption): void;
     };
 } & (abstract new (...args: any[]) => {
-    "__#3@#disabled": boolean;
+    "__#4@#disabled": boolean;
     disabled: boolean;
-    "__#3@#tabIndex": number;
+    "__#4@#tabIndex": number;
     tabIndex: number;
     onFocus: import("@angular/core").EventEmitter<import("@acorex/components").AXFocusEvent>;
     _emitOnFocusEvent(e: FocusEvent): void;
@@ -134,9 +134,9 @@ export declare const AXInteractiveComponenetMixin: {
     _setOption(option: import("./base-components.class").AXComponentSetOption): void;
 }) & typeof AXBaseComponent;
 export declare const AXBaseClickableMixin: (abstract new (...args: any[]) => {
-    "__#3@#disabled": boolean;
+    "__#4@#disabled": boolean;
     disabled: boolean;
-    "__#3@#tabIndex": number;
+    "__#4@#tabIndex": number;
     tabIndex: number;
     onFocus: import("@angular/core").EventEmitter<import("@acorex/components").AXFocusEvent>;
     _emitOnFocusEvent(e: FocusEvent): void;
@@ -218,9 +218,9 @@ export declare const AXBaseButtonMixin: {
         _setOption(option: import("./base-components.class").AXComponentSetOption): void;
     };
 } & (abstract new (...args: any[]) => {
-    "__#3@#disabled": boolean;
+    "__#4@#disabled": boolean;
     disabled: boolean;
-    "__#3@#tabIndex": number;
+    "__#4@#tabIndex": number;
     tabIndex: number;
     onFocus: import("@angular/core").EventEmitter<import("@acorex/components").AXFocusEvent>;
     _emitOnFocusEvent(e: FocusEvent): void;
@@ -372,9 +372,9 @@ export declare const AXBaseTextBoxMixin: {
         _setOption(option: import("./base-components.class").AXComponentSetOption): void;
     };
 } & (abstract new (...args: any[]) => {
-    "__#3@#disabled": boolean;
+    "__#4@#disabled": boolean;
     disabled: boolean;
-    "__#3@#tabIndex": number;
+    "__#4@#tabIndex": number;
     tabIndex: number;
     onFocus: import("@angular/core").EventEmitter<import("@acorex/components").AXFocusEvent>;
     _emitOnFocusEvent(e: FocusEvent): void;
@@ -407,19 +407,19 @@ export declare const AXBaseTextBoxMixin: {
     new (...args: any[]): {
         onValueChanged: import("@angular/core").EventEmitter<import("@acorex/components").AXValueChangedEvent<any>>;
         valueChange: import("@angular/core").EventEmitter<any>;
-        "__#4@#readonly": boolean;
+        "__#5@#readonly": boolean;
         readonly: boolean;
-        "__#4@#allowNull": boolean;
+        "__#5@#allowNull": boolean;
         allowNull: boolean;
-        "__#4@#name": string;
+        "__#5@#name": string;
         name: string;
-        "__#4@#debounceTime": number;
+        "__#5@#debounceTime": number;
         debounceTime: number;
-        "__#4@#valueSubscription": import("rxjs").Subscription;
-        "__#4@#valueSubject": import("rxjs").Subject<unknown>;
-        "__#4@#value": any;
+        "__#5@#valueSubscription": import("rxjs").Subscription;
+        "__#5@#valueSubject": import("rxjs").Subject<unknown>;
+        "__#5@#value": any;
         value: any;
-        "__#4@#state": "error" | "clear" | "success";
+        "__#5@#state": "error" | "clear" | "success";
         readonly state: "error" | "clear" | "success";
         _emitOnValueChangedEvent(oldValue?: any, newValue?: any): void;
         _onInternalValueChanging(value: any): any;
@@ -511,9 +511,9 @@ export declare const AXBaseDropdownMixin: {
         _setOption(option: import("./base-components.class").AXComponentSetOption): void;
     };
 } & (abstract new (...args: any[]) => {
-    "__#3@#disabled": boolean;
+    "__#4@#disabled": boolean;
     disabled: boolean;
-    "__#3@#tabIndex": number;
+    "__#4@#tabIndex": number;
     tabIndex: number;
     onFocus: import("@angular/core").EventEmitter<import("@acorex/components").AXFocusEvent>;
     _emitOnFocusEvent(e: FocusEvent): void;
@@ -576,14 +576,61 @@ export declare const AXBaseDropdownMixin: {
     _onOptionChanged(option: import("./base-components.class").AXComponentOptionChanged): void;
     _setOption(option: import("./base-components.class").AXComponentSetOption): void;
 }) & typeof AXBaseComponent;
-export declare const AXBaseProgressMixin: {
+export declare const AXBaseMenuMixin: (abstract new (...args: any[]) => {
+    "__#4@#disabled": boolean;
+    disabled: boolean;
+    "__#4@#tabIndex": number;
+    tabIndex: number;
+    onFocus: import("@angular/core").EventEmitter<import("@acorex/components").AXFocusEvent>;
+    _emitOnFocusEvent(e: FocusEvent): void;
+    onBlur: import("@angular/core").EventEmitter<import("@acorex/components").AXFocusEvent>;
+    _emitOnBlurEvent(e: FocusEvent): void;
+    focus(): void;
+    hasFocus(): boolean;
+    id: string;
+    rtl: boolean;
+    "__#1@#elementRef": import("@angular/core").ElementRef<any>;
+    _cdr: import("@angular/core").ChangeDetectorRef;
+    _isInited: boolean;
+    _isRendered: boolean;
+    ngOnInit(): void;
+    ngAfterViewInit(): void;
+    ngOnDestroy(): void;
+    _getHostElement<T = HTMLElement>(): T;
+    _getInnerElement<T_1 = HTMLElement>(): T_1;
+    _onInternalInit(): void;
+    _onInternalViewInit(): void;
+    _onInternalDestroy(): void;
+    onInit(): void;
+    onRenderCssClass(): void;
+    onViewInit(): void;
+    onDestroy(): void;
+    _onOptionChanging(option: import("./base-components.class").AXComponentOptionChanging): any;
+    _onOptionChanged(option: import("./base-components.class").AXComponentOptionChanged): void;
+    _setOption(option: import("./base-components.class").AXComponentSetOption): void;
+}) & {
     new (...args: any[]): {
-        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;
+        textField: string;
+        valueField: string;
+        "__#2@#isLoading": boolean;
+        "__#2@#loadedItems": any;
+        visible: string;
+        disableField: string;
+        hasChildField: string;
+        icon: string;
+        openMode: "click" | "hover";
+        onMenuItemClick: import("@angular/core").EventEmitter<import("@acorex/components").AXItemClickEvent<any>>;
+        readonly loadedCount: number;
+        "__#2@#items": any;
+        items: any;
+        readonly displayItems: any;
+        readonly isLoading: boolean;
+        _formatData(v: any[]): any[];
+        _findNode(parentId: number, _children: any, source: any): void;
+        _fetchData(parentId?: number): void;
+        _onInternalInit(): void;
+        _getItemDisplayTextTemplte(item: any): any;
+        _trackLoaded(index: any, item: any): any;
         id: string;
         rtl: boolean;
         "__#1@#elementRef": import("@angular/core").ElementRef<any>;
@@ -595,7 +642,6 @@ export declare const AXBaseProgressMixin: {
         ngOnDestroy(): void;
         _getHostElement<T = HTMLElement>(): T;
         _getInnerElement<T_1 = HTMLElement>(): T_1;
-        _onInternalInit(): void;
         _onInternalViewInit(): void;
         _onInternalDestroy(): void;
         onInit(): void;

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

@@ -12,22 +12,22 @@ export declare function _ValueComponenetMixin<TBase extends Constructor<AXBaseCo
         */
         onValueChanged: EventEmitter<AXValueChangedEvent<any>>;
         valueChange: EventEmitter<any>;
-        "__#4@#readonly": boolean;
+        "__#5@#readonly": boolean;
         /**
         *  If set to true, user cannot change the value of component.
         */
         readonly: boolean;
-        "__#4@#allowNull": boolean;
+        "__#5@#allowNull": boolean;
         allowNull: boolean;
-        "__#4@#name": string;
+        "__#5@#name": string;
         name: string;
-        "__#4@#debounceTime": number;
+        "__#5@#debounceTime": number;
         debounceTime: number;
-        "__#4@#valueSubscription": Subscription;
-        "__#4@#valueSubject": Subject<unknown>;
-        "__#4@#value": any;
+        "__#5@#valueSubscription": Subscription;
+        "__#5@#valueSubject": Subject<unknown>;
+        "__#5@#value": any;
         value: any;
-        "__#4@#state": 'clear' | 'success' | 'error';
+        "__#5@#state": 'clear' | 'success' | 'error';
         readonly state: "error" | "clear" | "success";
         _emitOnValueChangedEvent(oldValue?: any, newValue?: any): void;
         _onInternalValueChanging(value: any): any;

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

@@ -2,9 +2,9 @@ import { ChangeDetectorRef, ElementRef } from '@angular/core';
 import { AXBaseComponent, AXStyleColorType } from '../base';
 import * as i0 from "@angular/core";
 export declare const AXBaseItemButtonMixin: (abstract new (...args: any[]) => {
-    "__#3@#disabled": boolean;
+    "__#4@#disabled": boolean;
     disabled: boolean;
-    "__#3@#tabIndex": number;
+    "__#4@#tabIndex": number;
     tabIndex: number;
     onFocus: import("@angular/core").EventEmitter<import("../base").AXFocusEvent>;
     _emitOnFocusEvent(e: FocusEvent): void;

package/lib/calendar/calendar.class.d.ts

@@ -1,12 +1,20 @@
 import { ChangeDetectorRef, ElementRef, EventEmitter } from "@angular/core";
-import { AXBaseComponent } from "../base";
+import { AXBaseComponent, AXItemClickEvent, AXRangeChangedEvent } from "../base";
 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);
+/**
+*  Contains native event
+* @category Events
+*/
+export declare class AXCalendarNavigateEvent extends AXRangeChangedEvent<Date> {
+}
 export declare class AXCalendarBaseComponent extends AXBaseComponent {
     constructor(elementRef: ElementRef, cdr: ChangeDetectorRef);
+    onSlotClick: EventEmitter<AXItemClickEvent<Date>>;
+    onNavigate: EventEmitter<AXCalendarNavigateEvent>;
     activeViewChange: EventEmitter<AXCalendarViewType>;
     private _activeView;
     get activeView(): AXCalendarViewType;

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

@@ -1,6 +1,6 @@
 import { AXDateTime } from '@acorex/core';
-import { ElementRef, ChangeDetectorRef, EventEmitter } from '@angular/core';
-import { AXClickEvent, AXComponentOptionChanged, AXItemClickEvent } from '../base';
+import { ElementRef, ChangeDetectorRef } from '@angular/core';
+import { AXClickEvent, AXComponentOptionChanged } from '../base';
 import * as i0 from "@angular/core";
 export declare const AXCalendarComponentMixin: any;
 export declare class AXCalendarComponent extends AXCalendarComponentMixin {
@@ -12,7 +12,7 @@ export declare class AXCalendarComponent extends AXCalendarComponentMixin {
     _todayText: string;
     _slots: any[];
     _dayNames: string[];
-    onSlotClick: EventEmitter<AXItemClickEvent<Date>>;
+    private _isUserInteraction;
     constructor(elementRef: ElementRef, cdr: ChangeDetectorRef);
     private _initValues;
     private _refresh;
@@ -37,5 +37,5 @@ export declare class AXCalendarComponent extends AXCalendarComponentMixin {
     private isHoliday;
     private isWeekend;
     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"; "disabledDates": "disabledDates"; "holidayDates": "holidayDates"; "onSlotClick": "onSlotClick"; }, 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"; }, { "valueChange": "valueChange"; "onValueChanged": "onValueChanged"; "onBlur": "onBlur"; "onFocus": "onFocus"; "depthChange": "depthChange"; "typeChange": "typeChange"; "disabledDatesChange": "disabledDatesChange"; "holidayDatesChange": "holidayDatesChange"; "onNavigate": "onNavigate"; }, never, never>;
 }

package/lib/carousel/carousel-arrows.component.d.ts

@@ -3,7 +3,7 @@ import { AXBaseComponentMixin, AXClickEvent } from '../base';
 import { AXCarouselComponent } from './carousel.component';
 import * as i0 from "@angular/core";
 export declare class AXCarouselArrowsComponent extends AXBaseComponentMixin {
-    private parent;
+    parent: AXCarouselComponent;
     onNextClick: EventEmitter<AXClickEvent>;
     onPrevClick: EventEmitter<AXClickEvent>;
     constructor(elementRef: ElementRef, cdr: ChangeDetectorRef, parent: AXCarouselComponent);

package/lib/carousel/carousel.class.d.ts

@@ -17,9 +17,23 @@ export declare abstract class AXCarouselCore {
 export interface AXCarousel {
     onSlideChanged: EventEmitter<AXValueChangedEvent<number>>;
     onOptionsChanged: EventEmitter<void>;
-    pageSizeChange: EventEmitter<number>;
-    pageSize: number;
     gap: number;
+    focusChange: EventEmitter<number>;
+    focus: number;
+    dragChange: EventEmitter<any>;
+    drag: any;
+    wheelChange: EventEmitter<boolean>;
+    wheel: boolean;
+    widthChange: EventEmitter<string>;
+    width: string;
+    heightChange: EventEmitter<string>;
+    height: string;
+    perPageChange: EventEmitter<number>;
+    perPage: number;
+    perMoveChange: EventEmitter<number>;
+    perMove: number;
+    heightRatioChange: EventEmitter<number>;
+    heightRatio: number;
     autoplayChange: EventEmitter<boolean>;
     autoplay: boolean;
     intervalChange: EventEmitter<number>;
@@ -32,8 +46,12 @@ export interface AXCarousel {
     padding: string | number;
     loopChange: EventEmitter<boolean>;
     loop: boolean;
+    snapChange: EventEmitter<boolean>;
+    snap: boolean;
     rewindChange: EventEmitter<boolean>;
     rewind: boolean;
+    autoWidthChange: EventEmitter<boolean>;
+    autoWidth: boolean;
     visibleIndex: number;
     onItemsChanged: EventEmitter<AXValueChangedEvent<HTMLDivElement[]>>;
     items: HTMLDivElement[];

package/lib/carousel/carousel.component.d.ts

@@ -8,15 +8,51 @@ export declare class AXCarouselComponent extends AXBaseComponentMixin implements
     constructor(elementRef: ElementRef, zone: NgZone, cdr: ChangeDetectorRef, core: AXCarouselCore);
     onOptionsChanged: EventEmitter<void>;
     onSlideChanged: EventEmitter<AXValueChangedEvent<number>>;
-    pageSizeChange: EventEmitter<number>;
-    private _pageSize;
-    get pageSize(): number;
-    set pageSize(v: number);
+    perMoveChange: EventEmitter<number>;
+    private _perMove;
+    get perMove(): number;
+    set perMove(v: number);
+    focusChange: EventEmitter<number>;
+    private _focus;
+    get focus(): number;
+    set focus(v: number);
+    heightRatioChange: EventEmitter<number>;
+    private _heightRatio;
+    get heightRatio(): number;
+    set heightRatio(v: number);
+    heightChange: EventEmitter<string>;
+    private _height;
+    get height(): string;
+    set height(v: string);
+    widthChange: EventEmitter<string>;
+    private _width;
+    get width(): string;
+    set width(v: string);
+    perPageChange: EventEmitter<number>;
+    private _perPage;
+    get perPage(): number;
+    set perPage(v: number);
     gap: number;
     autoplayChange: EventEmitter<boolean>;
     private _autoplay;
     get autoplay(): boolean;
     set autoplay(v: boolean);
+    snapChange: EventEmitter<boolean>;
+    private _snap;
+    get snap(): boolean;
+    set snap(v: boolean);
+    autoWidthChange: EventEmitter<boolean>;
+    private _autoWidth;
+    get autoWidth(): boolean;
+    set autoWidth(v: boolean);
+    dragChange: EventEmitter<any>;
+    private _drag;
+    get drag(): any;
+    set drag(v: any);
+    wheelChange: EventEmitter<boolean>;
+    private _wheel;
+    get wheel(): boolean;
+    set wheel(v: boolean);
     intervalChange: EventEmitter<number>;
     private _interval;
     get interval(): number;
@@ -58,5 +94,5 @@ export declare class AXCarouselComponent extends AXBaseComponentMixin implements
     get host(): HTMLDivElement;
     onDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXCarouselComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXCarouselComponent, "ax-carousel", never, { "pageSize": "pageSize"; "gap": "gap"; "autoplay": "autoplay"; "interval": "interval"; "padding": "padding"; "centered": "centered"; "vertical": "vertical"; "loop": "loop"; "rewind": "rewind"; }, { "onOptionsChanged": "onOptionsChanged"; "onSlideChanged": "onSlideChanged"; "pageSizeChange": "pageSizeChange"; "autoplayChange": "autoplayChange"; "intervalChange": "intervalChange"; "paddingChange": "paddingChange"; "centeredChange": "centeredChange"; "verticalChange": "verticalChange"; "loopChange": "loopChange"; "rewindChange": "rewindChange"; "onItemsChanged": "onItemsChanged"; }, never, ["ax-carousel-item", "ax-carousel-arrows", "ax-carousel-pager"]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXCarouselComponent, "ax-carousel", never, { "perMove": "perMove"; "focus": "focus"; "heightRatio": "heightRatio"; "height": "height"; "width": "width"; "perPage": "perPage"; "gap": "gap"; "autoplay": "autoplay"; "snap": "snap"; "autoWidth": "autoWidth"; "drag": "drag"; "wheel": "wheel"; "interval": "interval"; "padding": "padding"; "centered": "centered"; "vertical": "vertical"; "loop": "loop"; "rewind": "rewind"; }, { "onOptionsChanged": "onOptionsChanged"; "onSlideChanged": "onSlideChanged"; "perMoveChange": "perMoveChange"; "focusChange": "focusChange"; "heightRatioChange": "heightRatioChange"; "heightChange": "heightChange"; "widthChange": "widthChange"; "perPageChange": "perPageChange"; "autoplayChange": "autoplayChange"; "snapChange": "snapChange"; "autoWidthChange": "autoWidthChange"; "dragChange": "dragChange"; "wheelChange": "wheelChange"; "intervalChange": "intervalChange"; "paddingChange": "paddingChange"; "centeredChange": "centeredChange"; "verticalChange": "verticalChange"; "loopChange": "loopChange"; "rewindChange": "rewindChange"; "onItemsChanged": "onItemsChanged"; }, never, ["ax-carousel-item", "ax-carousel-arrows", "ax-carousel-pager"]>;
 }

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

@@ -1,14 +1,13 @@
 import { AXPlatform } from '@acorex/core';
 import { ElementRef, ChangeDetectorRef, EventEmitter } from '@angular/core';
-import { AXClickEvent } from '../base';
-import { AXCalendarComponent } from '../calendar';
-import { AXCalendarBaseComponent } from '../calendar/calendar.class';
+import { AXClickEvent, AXComponentOptionChanged } from '../base';
+import { AXCalendarBaseComponent, AXCalendarNavigateEvent } from '../calendar/calendar.class';
 import { AXPopoverComponent } from '../popover/popover.component';
 import * as i0 from "@angular/core";
 export declare const AXBaseDatePickerMixin: (abstract new (...args: any[]) => {
-    "__#3@#disabled": boolean;
+    "__#4@#disabled": boolean;
     disabled: boolean;
-    "__#3@#tabIndex": number;
+    "__#4@#tabIndex": number;
     tabIndex: number;
     onFocus: EventEmitter<import("../base").AXFocusEvent>;
     _emitOnFocusEvent(e: FocusEvent): void;
@@ -35,7 +34,7 @@ export declare const AXBaseDatePickerMixin: (abstract new (...args: any[]) => {
     onViewInit(): void;
     onDestroy(): void;
     _onOptionChanging(option: import("../base").AXComponentOptionChanging): any;
-    _onOptionChanged(option: import("../base").AXComponentOptionChanged): void;
+    _onOptionChanged(option: AXComponentOptionChanged): void;
     _setOption(option: import("../base").AXComponentSetOption): void;
 }) & (abstract new (...args: any[]) => {
     readonly: boolean;
@@ -68,25 +67,25 @@ export declare const AXBaseDatePickerMixin: (abstract new (...args: any[]) => {
     onRenderCssClass(): void;
     onDestroy(): void;
     _onOptionChanging(option: import("../base").AXComponentOptionChanging): any;
-    _onOptionChanged(option: import("../base").AXComponentOptionChanged): void;
+    _onOptionChanged(option: AXComponentOptionChanged): void;
     _setOption(option: import("../base").AXComponentSetOption): void;
 }) & {
     new (...args: any[]): {
         onValueChanged: EventEmitter<import("../base").AXValueChangedEvent<any>>;
         valueChange: EventEmitter<any>;
-        "__#4@#readonly": boolean;
+        "__#5@#readonly": boolean;
         readonly: boolean;
-        "__#4@#allowNull": boolean;
+        "__#5@#allowNull": boolean;
         allowNull: boolean;
-        "__#4@#name": string;
+        "__#5@#name": string;
         name: string;
-        "__#4@#debounceTime": number;
+        "__#5@#debounceTime": number;
         debounceTime: number;
-        "__#4@#valueSubscription": import("rxjs").Subscription;
-        "__#4@#valueSubject": import("rxjs").Subject<unknown>;
-        "__#4@#value": any;
+        "__#5@#valueSubscription": import("rxjs").Subscription;
+        "__#5@#valueSubject": import("rxjs").Subject<unknown>;
+        "__#5@#value": any;
         value: any;
-        "__#4@#state": "error" | "clear" | "success";
+        "__#5@#state": "error" | "clear" | "success";
         readonly state: "error" | "clear" | "success";
         _emitOnValueChangedEvent(oldValue?: any, newValue?: any): void;
         _onInternalValueChanging(value: any): any;
@@ -115,14 +114,14 @@ export declare const AXBaseDatePickerMixin: (abstract new (...args: any[]) => {
         onViewInit(): void;
         onDestroy(): void;
         _onOptionChanging(option: import("../base").AXComponentOptionChanging): any;
-        _onOptionChanged(option: import("../base").AXComponentOptionChanged): void;
+        _onOptionChanged(option: AXComponentOptionChanged): void;
         _setOption(option: import("../base").AXComponentSetOption): void;
     };
 } & typeof AXCalendarBaseComponent;
 export declare class AXDatePickerComponent extends AXBaseDatePickerMixin {
     private _platform;
     popover: AXPopoverComponent;
-    _calendar: AXCalendarComponent;
+    private _calendar;
     _target: HTMLDivElement;
     displayText: string;
     _calendarValue: Date;
@@ -136,12 +135,16 @@ export declare class AXDatePickerComponent extends AXBaseDatePickerMixin {
     set format(v: string);
     placeholder: string;
     constructor(_elementRef: ElementRef, _cdr: ChangeDetectorRef, _platform: AXPlatform);
-    onViewInit(): void;
+    onInit(): void;
+    private _updateDisplayText;
+    _handlePopoverOpened(e: any): void;
     _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;
     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"; }, { "onOpened": "onOpened"; "onClosed": "onClosed"; "onBlur": "onBlur"; "onFocus": "onFocus"; "valueChange": "valueChange"; "onValueChanged": "onValueChanged"; "depthChange": "depthChange"; "typeChange": "typeChange"; "disabledDates": "disabledDates"; "holidayDates": "holidayDates"; "formatChange": "formatChange"; }, never, ["ax-prefix", "ax-suffix", "ax-validation-rule"]>;
+    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"; }, { "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/menu/menu.component.d.ts

@@ -1,5 +1,5 @@
-import { ElementRef, ChangeDetectorRef, EventEmitter } from '@angular/core';
-import { AXBaseComponentMixin, AXItemClickEvent } from '../base';
+import { ElementRef, ChangeDetectorRef, OnInit } from '@angular/core';
+import { AXBaseMenuMixin } from '../base';
 import * as i0 from "@angular/core";
 export interface AXMenuItems {
     id?: string;
@@ -23,18 +23,15 @@ export interface AXMenuItems {
  *
  * @category Components
  */
-export declare class AXMenuComponent extends AXBaseComponentMixin {
+export declare class AXMenuComponent extends AXBaseMenuMixin implements OnInit {
     private elementRef;
     private cdr;
-    /**
-   *  @ignore
-   */
     constructor(elementRef: ElementRef, cdr: ChangeDetectorRef);
-    items: AXMenuItems[];
-    onMenuItemClick: EventEmitter<AXItemClickEvent<AXMenuItems>>;
-    onMenuClick(e: MouseEvent, item: AXMenuItems): void;
-    notActive(items: AXMenuItems[]): void;
-    closeChild(items: AXMenuItems[]): void;
+    onInit(): void;
+    ngAfterViewInit(): void;
+    onMenuClick(e: MouseEvent, item: any): void;
+    notActive(items: any[]): void;
+    closeChild(items: any[]): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXMenuComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXMenuComponent, "ax-menu", never, { "items": "items"; }, { "onMenuItemClick": "onMenuItemClick"; }, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXMenuComponent, "ax-menu", never, { "disabled": "disabled"; "tabIndex": "tabIndex"; "textField": "textField"; "valueField": "valueField"; "items": "items"; "id": "id"; "parentId": "parentId"; "icon": "icon"; "tooltip": "tooltip"; "isOpen": "isOpen"; "isActive": "isActive"; "visible": "visible"; "disableField": "disableField"; "hasChildField": "hasChildField"; "openMode": "openMode"; }, { "onBlur": "onBlur"; "onFocus": "onFocus"; }, never, never>;
 }