@acorex/components 5.1.2 → 5.2.2

package/lib/base/index.d.ts

@@ -4,4 +4,5 @@ export * from './drawing.class';
 export * from './styles.class';
 export * from './responsive.directive';
 export * from './infinite-scroll.directive';
+export * from './overlay.service';
 export * from './common.module';

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

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

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

@@ -14,6 +14,7 @@ export declare function _DatalistComponenetMixin<TBase extends Constructor<AXBas
         "__#3@#totalItems": number;
         "__#3@#isLazy": boolean;
         readonly totalCount: number;
+        readonly isLazy: boolean;
         readonly loadedCount: number;
         "__#3@#items": AXDataListItems;
         items: AXDataListItems;

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

@@ -614,11 +614,12 @@ export declare const AXBaseMenuMixin: (abstract new (...args: any[]) => {
         valueField: string;
         "__#2@#isLoading": boolean;
         "__#2@#loadedItems": any;
-        visible: string;
+        visibleField: string;
         disableField: string;
         hasChildField: string;
         icon: string;
         openMode: "click" | "hover";
+        direction: "horizontal" | "vertical";
         onMenuItemClick: import("@angular/core").EventEmitter<import("@acorex/components").AXItemClickEvent<any>>;
         readonly loadedCount: number;
         "__#2@#items": any;

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

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

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

@@ -5,8 +5,9 @@ import * as i3 from "../button/button.module";
 import * as i4 from "../icon/icon.module";
 import * as i5 from "../decorators/decorators.module";
 import * as i6 from "@acorex/core";
+import * as i7 from "../picker/picker.module";
 export declare class AXCalendarModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<AXCalendarModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<AXCalendarModule, [typeof i1.AXCalendarComponent], [typeof i2.CommonModule, typeof i3.AXButtonModule, typeof i4.AXIconModule, typeof i5.AXEditorDecoratorModule, typeof i6.AXDateTimeModule], [typeof i1.AXCalendarComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<AXCalendarModule, [typeof i1.AXCalendarComponent], [typeof i2.CommonModule, typeof i3.AXButtonModule, typeof i4.AXIconModule, typeof i5.AXEditorDecoratorModule, typeof i6.AXDateTimeModule, typeof i7.AXPickerModule], [typeof i1.AXCalendarComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<AXCalendarModule>;
 }

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

@@ -4,11 +4,12 @@ import { AXCarouselComponent } from './carousel.component';
 import * as i0 from "@angular/core";
 export declare class AXCarouselArrowsComponent extends AXBaseComponentMixin {
     parent: AXCarouselComponent;
+    class: string;
     onNextClick: EventEmitter<AXClickEvent>;
     onPrevClick: EventEmitter<AXClickEvent>;
     constructor(elementRef: ElementRef, cdr: ChangeDetectorRef, parent: AXCarouselComponent);
     _handlePrevClick(e: MouseEvent): void;
     _handleNextClick(e: MouseEvent): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXCarouselArrowsComponent, [null, null, { optional: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXCarouselArrowsComponent, "ax-carousel-arrows", never, {}, { "onNextClick": "onNextClick"; "onPrevClick": "onPrevClick"; }, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXCarouselArrowsComponent, "ax-carousel-arrows", never, { "class": "class"; }, { "onNextClick": "onNextClick"; "onPrevClick": "onPrevClick"; }, never, never>;
 }

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

@@ -26,8 +26,12 @@ export interface AXCarousel {
     wheel: boolean;
     widthChange: EventEmitter<string>;
     width: string;
+    fixedWidthChange: EventEmitter<string>;
+    fixedWidth: string;
     heightChange: EventEmitter<string>;
     height: string;
+    fixedHeightChange: EventEmitter<string>;
+    fixedHeight: string;
     perPageChange: EventEmitter<number>;
     perPage: number;
     perMoveChange: EventEmitter<number>;
@@ -52,6 +56,7 @@ export interface AXCarousel {
     rewind: boolean;
     autoWidthChange: EventEmitter<boolean>;
     autoWidth: boolean;
+    breakpoints: any;
     visibleIndex: number;
     onItemsChanged: EventEmitter<AXValueChangedEvent<HTMLDivElement[]>>;
     items: HTMLDivElement[];

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

@@ -16,6 +16,10 @@ export declare class AXCarouselComponent extends AXBaseComponentMixin implements
     private _focus;
     get focus(): number;
     set focus(v: number);
+    breakpointsChange: EventEmitter<any>;
+    private _breakpoints;
+    get breakpoints(): any;
+    set breakpoints(v: any);
     heightRatioChange: EventEmitter<number>;
     private _heightRatio;
     get heightRatio(): number;
@@ -24,10 +28,18 @@ export declare class AXCarouselComponent extends AXBaseComponentMixin implements
     private _height;
     get height(): string;
     set height(v: string);
+    fixedHeightChange: EventEmitter<string>;
+    private _fixedHeight;
+    get fixedHeight(): string;
+    set fixedHeight(v: string);
     widthChange: EventEmitter<string>;
     private _width;
     get width(): string;
     set width(v: string);
+    fixedWidthChange: EventEmitter<string>;
+    private _fixedWidth;
+    get fixedWidth(): string;
+    set fixedWidth(v: string);
     perPageChange: EventEmitter<number>;
     private _perPage;
     get perPage(): number;
@@ -94,5 +106,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, { "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"]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXCarouselComponent, "ax-carousel", never, { "perMove": "perMove"; "focus": "focus"; "breakpoints": "breakpoints"; "heightRatio": "heightRatio"; "height": "height"; "fixedHeight": "fixedHeight"; "width": "width"; "fixedWidth": "fixedWidth"; "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"; "breakpointsChange": "breakpointsChange"; "heightRatioChange": "heightRatioChange"; "heightChange": "heightChange"; "fixedHeightChange": "fixedHeightChange"; "widthChange": "widthChange"; "fixedWidthChange": "fixedWidthChange"; "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/collapse/collapse-group.component.d.ts

@@ -1,14 +1,15 @@
-import { ChangeDetectorRef, ElementRef, OnInit } from '@angular/core';
+import { ChangeDetectorRef, ElementRef } from '@angular/core';
 import { AXBaseComponent } from '../base';
 import * as i0 from "@angular/core";
-export declare class AXCollapseGroupComponent extends AXBaseComponent implements OnInit {
+export declare class AXCollapseGroupComponent extends AXBaseComponent {
     private cdr;
     accordion: boolean;
     nonCollapsedIndex: number;
-    private _collapses;
+    private _items;
+    private _subs;
     constructor(elementRef: ElementRef, cdr: ChangeDetectorRef);
-    ngOnInit(): void;
-    ngAfterViewInit(): void;
+    onViewInit(): void;
+    onDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXCollapseGroupComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXCollapseGroupComponent, "ax-collapse-group", never, { "accordion": "accordion"; "nonCollapsedIndex": "nonCollapsedIndex"; }, {}, ["_collapses"], ["ax-collapse"]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXCollapseGroupComponent, "ax-collapse-group", never, { "accordion": "accordion"; "nonCollapsedIndex": "nonCollapsedIndex"; }, {}, ["_items"], ["ax-collapse"]>;
 }

package/lib/collapse/collapse.component.d.ts

@@ -1,7 +1,7 @@
-import { ChangeDetectorRef, ElementRef, EventEmitter, OnInit, TemplateRef } from '@angular/core';
+import { ChangeDetectorRef, ElementRef, EventEmitter, TemplateRef } from '@angular/core';
 import { AXBaseComponent } from '../base';
 import * as i0 from "@angular/core";
-export declare class AXCollapseComponent extends AXBaseComponent implements OnInit {
+export declare class AXCollapseComponent extends AXBaseComponent {
     private cdr;
     constructor(elementRef: ElementRef, cdr: ChangeDetectorRef);
     isCollapsedChange: EventEmitter<any>;
@@ -10,7 +10,6 @@ export declare class AXCollapseComponent extends AXBaseComponent implements OnIn
     set isCollapsed(v: boolean);
     caption: string;
     headerTemplate: TemplateRef<any>;
-    ngOnInit(): void;
     handleHeaderClick(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXCollapseComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<AXCollapseComponent, "ax-collapse", never, { "isCollapsed": "isCollapsed"; "caption": "caption"; }, { "isCollapsedChange": "isCollapsedChange"; }, ["headerTemplate"], ["ax-prefix", "ax-suffix", "*"]>;

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

@@ -134,6 +134,7 @@ export declare class AXDatePickerComponent extends AXBaseDatePickerMixin {
     get format(): string;
     set format(v: string);
     placeholder: string;
+    interface: 'calendar' | 'picker';
     constructor(_elementRef: ElementRef, _cdr: ChangeDetectorRef, _platform: AXPlatform);
     onInit(): void;
     private _updateDisplayText;
@@ -146,5 +147,5 @@ export declare class AXDatePickerComponent extends AXBaseDatePickerMixin {
     _handleOnNavigate(e: AXCalendarNavigateEvent): void;
     private _highlightPart;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXDatePickerComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXDatePickerComponent, "ax-date-picker", never, { "isOpen": "isOpen"; "fitParent": "fitParent"; "dropdownWidth": "dropdownWidth"; "position": "position"; "disabled": "disabled"; "tabIndex": "tabIndex"; "readonly": "readonly"; "allowNull": "allowNull"; "value": "value"; "debounceTime": "debounceTime"; "name": "name"; "checked": "checked"; "placeholder": "placeholder"; "maxLength": "maxLength"; "type": "type"; "depth": "depth"; "activeView": "activeView"; "min": "min"; "max": "max"; "disabledDates": "disabledDates"; "holidayDates": "holidayDates"; "format": "format"; }, { "onOpened": "onOpened"; "onClosed": "onClosed"; "onBlur": "onBlur"; "onFocus": "onFocus"; "valueChange": "valueChange"; "onValueChanged": "onValueChanged"; "depthChange": "depthChange"; "typeChange": "typeChange"; "disabledDatesChange": "disabledDatesChange"; "holidayDatesChange": "holidayDatesChange"; "onNavigate": "onNavigate"; "formatChange": "formatChange"; }, never, ["ax-prefix", "ax-suffix", "ax-validation-rule", "ax-calendar-options"]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXDatePickerComponent, "ax-date-picker", never, { "isOpen": "isOpen"; "fitParent": "fitParent"; "dropdownWidth": "dropdownWidth"; "position": "position"; "disabled": "disabled"; "tabIndex": "tabIndex"; "readonly": "readonly"; "allowNull": "allowNull"; "value": "value"; "debounceTime": "debounceTime"; "name": "name"; "checked": "checked"; "placeholder": "placeholder"; "maxLength": "maxLength"; "type": "type"; "autoComplete": "autoComplete"; "depth": "depth"; "activeView": "activeView"; "min": "min"; "max": "max"; "disabledDates": "disabledDates"; "holidayDates": "holidayDates"; "format": "format"; "interface": "interface"; }, { "onOpened": "onOpened"; "onClosed": "onClosed"; "onBlur": "onBlur"; "onFocus": "onFocus"; "valueChange": "valueChange"; "onValueChanged": "onValueChanged"; "depthChange": "depthChange"; "typeChange": "typeChange"; "disabledDatesChange": "disabledDatesChange"; "holidayDatesChange": "holidayDatesChange"; "onNavigate": "onNavigate"; "formatChange": "formatChange"; }, never, ["ax-prefix", "ax-suffix", "ax-validation-rule", "ax-calendar-options"]>;
 }

package/lib/menu/menu.component.d.ts

@@ -1,4 +1,4 @@
-import { ElementRef, ChangeDetectorRef, OnInit } from '@angular/core';
+import { ElementRef, ChangeDetectorRef, OnInit, TemplateRef } from '@angular/core';
 import { AXBaseMenuMixin } from '../base';
 import * as i0 from "@angular/core";
 export interface AXMenuItems {
@@ -8,8 +8,8 @@ export interface AXMenuItems {
     tooltip?: string;
     parentId?: string;
     icon?: string;
-    visible?: boolean;
-    disable?: boolean;
+    visibleField?: boolean;
+    disableField?: boolean;
     selected?: boolean;
     data?: any;
     style?: string;
@@ -26,12 +26,17 @@ export interface AXMenuItems {
 export declare class AXMenuComponent extends AXBaseMenuMixin implements OnInit {
     private elementRef;
     private cdr;
+    private _contentEmptyTemplate;
+    get emptyTemplate(): TemplateRef<any>;
     constructor(elementRef: ElementRef, cdr: ChangeDetectorRef);
     onInit(): void;
     ngAfterViewInit(): void;
-    onMenuClick(e: MouseEvent, item: any): void;
-    notActive(items: any[]): void;
-    closeChild(items: any[]): void;
+    _onMenuClick(e: MouseEvent, item: any): void;
+    _notActive(items: any[]): void;
+    _closeChild(items: any[]): void;
+    _onMouseEnter(e: MouseEvent, item: any): void;
+    _onMouseLeave(e: MouseEvent, item: any): void;
+    _getDirection(): "horizontal-mode" | "vertical-mode";
     static ɵfac: i0.ɵɵFactoryDeclaration<AXMenuComponent, 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>;
+    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"; "visibleField": "visibleField"; "disableField": "disableField"; "hasChildField": "hasChildField"; "openMode": "openMode"; "direction": "direction"; }, { "onBlur": "onBlur"; "onFocus": "onFocus"; }, ["_contentEmptyTemplate"], never>;
 }

package/lib/menu/menu.module.d.ts

@@ -4,8 +4,9 @@ import * as i2 from "@angular/common";
 import * as i3 from "../icon/icon.module";
 import * as i4 from "../loading/loading.module";
 import * as i5 from "@acorex/core";
+import * as i6 from "../popover/popover.module";
 export declare class AXMenuModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<AXMenuModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<AXMenuModule, [typeof i1.AXMenuComponent], [typeof i2.CommonModule, typeof i3.AXIconModule, typeof i4.AXLoadingModule, typeof i5.AXTranslationModule], [typeof i1.AXMenuComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<AXMenuModule, [typeof i1.AXMenuComponent], [typeof i2.CommonModule, typeof i3.AXIconModule, typeof i4.AXLoadingModule, typeof i5.AXTranslationModule, typeof i6.AXPopoverModule], [typeof i1.AXMenuComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<AXMenuModule>;
 }

package/lib/number-box/number-box.component.d.ts

@@ -71,5 +71,5 @@ export declare class AXNumberBoxComponent extends AXBaseTextBoxMixin {
     decimalStepUp(): void;
     decimalStepDown(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXNumberBoxComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXNumberBoxComponent, "ax-number-box", never, { "disabled": "disabled"; "readonly": "readonly"; "tabIndex": "tabIndex"; "size": "size"; "value": "value"; "placeholder": "placeholder"; "maxLength": "maxLength"; "allowNull": "allowNull"; "debounceTime": "debounceTime"; "type": "type"; "name": "name"; "checked": "checked"; "thousandsSeparator": "thousandsSeparator"; "padDecimalZeros": "padDecimalZeros"; "step": "step"; "decimals": "decimals"; "decimalStep": "decimalStep"; "showSpinButtons": "showSpinButtons"; "minValue": "minValue"; "maxValue": "maxValue"; }, { "valueChange": "valueChange"; "onValueChanged": "onValueChanged"; "onBlur": "onBlur"; "onFocus": "onFocus"; }, never, ["ax-prefix", "ax-suffix", "ax-validation-rule"]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXNumberBoxComponent, "ax-number-box", never, { "disabled": "disabled"; "readonly": "readonly"; "tabIndex": "tabIndex"; "size": "size"; "value": "value"; "placeholder": "placeholder"; "maxLength": "maxLength"; "allowNull": "allowNull"; "debounceTime": "debounceTime"; "type": "type"; "autoComplete": "autoComplete"; "name": "name"; "checked": "checked"; "thousandsSeparator": "thousandsSeparator"; "padDecimalZeros": "padDecimalZeros"; "step": "step"; "decimals": "decimals"; "decimalStep": "decimalStep"; "showSpinButtons": "showSpinButtons"; "minValue": "minValue"; "maxValue": "maxValue"; }, { "valueChange": "valueChange"; "onValueChanged": "onValueChanged"; "onBlur": "onBlur"; "onFocus": "onFocus"; }, never, ["ax-prefix", "ax-suffix", "ax-validation-rule"]>;
 }

package/lib/password-box/password-box.component.d.ts

@@ -19,5 +19,5 @@ export declare class AXPasswordBoxComponent extends AXBaseTextBoxMixin {
     constructor(elementRef: ElementRef, cdr: ChangeDetectorRef);
     toggleType(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXPasswordBoxComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXPasswordBoxComponent, "ax-password-box", never, { "disabled": "disabled"; "readonly": "readonly"; "tabIndex": "tabIndex"; "cssClass": "cssClass"; "size": "size"; "placeholder": "placeholder"; "maxLength": "maxLength"; "allowNull": "allowNull"; "debounceTime": "debounceTime"; "type": "type"; "value": "value"; "name": "name"; "checked": "checked"; "showToggleButton": "showToggleButton"; }, { "valueChange": "valueChange"; "onValueChanged": "onValueChanged"; "onBlur": "onBlur"; "onFocus": "onFocus"; }, never, ["ax-prefix", "ax-suffix", "ax-validation-rule", "ax-input-mask"]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXPasswordBoxComponent, "ax-password-box", never, { "disabled": "disabled"; "readonly": "readonly"; "tabIndex": "tabIndex"; "cssClass": "cssClass"; "size": "size"; "placeholder": "placeholder"; "maxLength": "maxLength"; "allowNull": "allowNull"; "debounceTime": "debounceTime"; "type": "type"; "autoComplete": "autoComplete"; "value": "value"; "name": "name"; "checked": "checked"; "showToggleButton": "showToggleButton"; }, { "valueChange": "valueChange"; "onValueChanged": "onValueChanged"; "onBlur": "onBlur"; "onFocus": "onFocus"; }, never, ["ax-prefix", "ax-suffix", "ax-validation-rule", "ax-input-mask"]>;
 }

package/lib/picker/picker.component.d.ts

@@ -1,18 +1,21 @@
-import { ChangeDetectorRef, ElementRef } from '@angular/core';
-import { AXBaseComponent } from '../base';
+import { ChangeDetectorRef, ElementRef, TemplateRef } from '@angular/core';
+import { AXBaseValueComponentMixin } from '../base';
 import * as i0 from "@angular/core";
-export interface PickerItem {
-    id?: string;
-    name?: string;
-    text?: string;
-    active?: boolean;
-}
-export declare class AXPickerComponent extends AXBaseComponent {
-    items: PickerItem[];
+export declare class AXPickerComponent extends AXBaseValueComponentMixin {
+    picker: ElementRef<HTMLDivElement>;
+    itemTemplate: TemplateRef<any>;
+    rows: number;
+    width: string;
+    height: string;
+    itemHeight: string;
+    items: any[];
     /**
     *  @ignore
     */
     constructor(elementRef: ElementRef, cdr: ChangeDetectorRef);
+    ngAfterViewInit(): void;
+    _handleMoveChange(e: any): void;
+    open(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXPickerComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXPickerComponent, "ax-picker", never, { "items": "items"; }, {}, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXPickerComponent, "ax-picker", never, { "readonly": "readonly"; "allowNull": "allowNull"; "value": "value"; "debounceTime": "debounceTime"; "name": "name"; "checked": "checked"; "rows": "rows"; "width": "width"; "height": "height"; "itemHeight": "itemHeight"; "items": "items"; }, { "valueChange": "valueChange"; "onValueChanged": "onValueChanged"; }, ["itemTemplate"], never>;
 }

package/lib/popover/popover.component.d.ts

@@ -36,8 +36,11 @@ export declare class AXPopoverComponent extends AXInteractiveComponenetMixin {
     _handleKeydownHandler(e: KeyboardEvent): void;
     toggle(): void;
     close(): void;
+    dispose(): void;
     open(): void;
     private _ensureOverlayCreated;
+    private _openAsPopover;
+    private _openAsActionsheet;
     get isOpen(): boolean;
     private _addSub;
     updatePosition(): void;

package/lib/selectbox/selectbox.component.d.ts

@@ -61,7 +61,7 @@ export declare class AXSelectBoxComponent extends AXBaseSelectionDropdownMixin {
     _handleBadgeRemove(e: MouseEvent, item: any): void;
     _handleKeydown(e: KeyboardEvent): void;
     _handlePopoverKeydown(e: KeyboardEvent): void;
-    _handlePopupOnOpened(e: any): void;
+    _handlePopupOnOpened(e: any): Promise<void>;
     _handlePopupOnClosed(e: any): void;
     private _focusItemByNav;
     private _focusSelectedItem;
@@ -70,5 +70,5 @@ export declare class AXSelectBoxComponent extends AXBaseSelectionDropdownMixin {
     _onSearchExprChanged(e: AXValueChangedEvent<string>): void;
     _fetchData(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXSelectBoxComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXSelectBoxComponent, "ax-select-box", 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"; "pageSize": "pageSize"; "valueField": "valueField"; "textField": "textField"; "items": "items"; "disabledField": "disabledField"; "disabledCallback": "disabledCallback"; "multiple": "multiple"; "selectionMode": "selectionMode"; "clearButton": "clearButton"; "searchSettings": "searchSettings"; "checkbox": "checkbox"; }, { "onOpened": "onOpened"; "onClosed": "onClosed"; "onBlur": "onBlur"; "onFocus": "onFocus"; "valueChange": "valueChange"; "onValueChanged": "onValueChanged"; "valueChanged": "valueChanged"; }, ["_contentEmptyTemplate"], ["ax-prefix", "ax-validation-rule", "ax-suffix"]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXSelectBoxComponent, "ax-select-box", never, { "isOpen": "isOpen"; "fitParent": "fitParent"; "dropdownWidth": "dropdownWidth"; "position": "position"; "disabled": "disabled"; "tabIndex": "tabIndex"; "readonly": "readonly"; "allowNull": "allowNull"; "value": "value"; "debounceTime": "debounceTime"; "name": "name"; "checked": "checked"; "placeholder": "placeholder"; "maxLength": "maxLength"; "type": "type"; "autoComplete": "autoComplete"; "pageSize": "pageSize"; "valueField": "valueField"; "textField": "textField"; "items": "items"; "disabledField": "disabledField"; "disabledCallback": "disabledCallback"; "multiple": "multiple"; "selectionMode": "selectionMode"; "clearButton": "clearButton"; "searchSettings": "searchSettings"; "checkbox": "checkbox"; }, { "onOpened": "onOpened"; "onClosed": "onClosed"; "onBlur": "onBlur"; "onFocus": "onFocus"; "valueChange": "valueChange"; "onValueChanged": "onValueChanged"; "valueChanged": "valueChanged"; }, ["_contentEmptyTemplate"], ["ax-prefix", "ax-validation-rule", "ax-suffix"]>;
 }

package/lib/textarea/textarea.component.d.ts

@@ -8,5 +8,5 @@ export declare class AXTextareaComponent extends AXBaseTextBoxMixin {
    */
     constructor(elementRef: ElementRef, cdr: ChangeDetectorRef);
     static ɵfac: i0.ɵɵFactoryDeclaration<AXTextareaComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXTextareaComponent, "ax-textarea", never, { "disabled": "disabled"; "tabIndex": "tabIndex"; "readonly": "readonly"; "allowNull": "allowNull"; "value": "value"; "debounceTime": "debounceTime"; "name": "name"; "checked": "checked"; "placeholder": "placeholder"; "maxLength": "maxLength"; "type": "type"; "rows": "rows"; }, { "onBlur": "onBlur"; "onFocus": "onFocus"; "valueChange": "valueChange"; "onValueChanged": "onValueChanged"; }, never, ["ax-prefix"]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXTextareaComponent, "ax-textarea", never, { "disabled": "disabled"; "tabIndex": "tabIndex"; "readonly": "readonly"; "allowNull": "allowNull"; "value": "value"; "debounceTime": "debounceTime"; "name": "name"; "checked": "checked"; "placeholder": "placeholder"; "maxLength": "maxLength"; "type": "type"; "autoComplete": "autoComplete"; "rows": "rows"; }, { "onBlur": "onBlur"; "onFocus": "onFocus"; "valueChange": "valueChange"; "onValueChanged": "onValueChanged"; }, never, ["ax-prefix"]>;
 }

package/lib/textbox/textbox.component.d.ts

@@ -12,5 +12,5 @@ export declare class AXTextBoxComponent extends AXBaseTextBoxMixin {
     */
     constructor(elementRef: ElementRef, cdr: ChangeDetectorRef);
     static ɵfac: i0.ɵɵFactoryDeclaration<AXTextBoxComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXTextBoxComponent, "ax-text-box", never, { "disabled": "disabled"; "tabIndex": "tabIndex"; "readonly": "readonly"; "allowNull": "allowNull"; "value": "value"; "debounceTime": "debounceTime"; "name": "name"; "checked": "checked"; "placeholder": "placeholder"; "maxLength": "maxLength"; "type": "type"; }, { "onBlur": "onBlur"; "onFocus": "onFocus"; "valueChange": "valueChange"; "onValueChanged": "onValueChanged"; }, never, ["ax-prefix", "ax-suffix", "ax-validation-rule", "ax-input-mask"]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXTextBoxComponent, "ax-text-box", never, { "disabled": "disabled"; "tabIndex": "tabIndex"; "readonly": "readonly"; "allowNull": "allowNull"; "value": "value"; "debounceTime": "debounceTime"; "name": "name"; "checked": "checked"; "placeholder": "placeholder"; "maxLength": "maxLength"; "type": "type"; "autoComplete": "autoComplete"; }, { "onBlur": "onBlur"; "onFocus": "onFocus"; "valueChange": "valueChange"; "onValueChanged": "onValueChanged"; }, never, ["ax-prefix", "ax-suffix", "ax-validation-rule", "ax-input-mask"]>;
 }

package/lib/time-box/time-box.component.d.ts

@@ -44,5 +44,5 @@ export declare class AXTimeBoxComponent extends AXBaseTextBoxMixin {
     _handleOnInputClickEvent(e: MouseEvent): void;
     private _highlightPart;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXTimeBoxComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXTimeBoxComponent, "ax-time-box", never, { "disabled": "disabled"; "readonly": "readonly"; "tabIndex": "tabIndex"; "size": "size"; "value": "value"; "placeholder": "placeholder"; "maxLength": "maxLength"; "allowNull": "allowNull"; "debounceTime": "debounceTime"; "type": "type"; "name": "name"; "checked": "checked"; "minValue": "minValue"; "maxValue": "maxValue"; "format": "format"; "displayText": "displayText"; }, { "valueChange": "valueChange"; "onValueChanged": "onValueChanged"; "onBlur": "onBlur"; "onFocus": "onFocus"; "formatChange": "formatChange"; "displayTextChange": "displayTextChange"; }, never, ["ax-prefix", "ax-suffix", "ax-validation-rule"]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXTimeBoxComponent, "ax-time-box", never, { "disabled": "disabled"; "readonly": "readonly"; "tabIndex": "tabIndex"; "size": "size"; "value": "value"; "placeholder": "placeholder"; "maxLength": "maxLength"; "allowNull": "allowNull"; "debounceTime": "debounceTime"; "type": "type"; "autoComplete": "autoComplete"; "name": "name"; "checked": "checked"; "minValue": "minValue"; "maxValue": "maxValue"; "format": "format"; "displayText": "displayText"; }, { "valueChange": "valueChange"; "onValueChanged": "onValueChanged"; "onBlur": "onBlur"; "onFocus": "onFocus"; "formatChange": "formatChange"; "displayTextChange": "displayTextChange"; }, never, ["ax-prefix", "ax-suffix", "ax-validation-rule"]>;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@acorex/components",
-  "version": "5.1.2",
+  "version": "5.2.2",
   "peerDependencies": {
     "@angular/common": "^13.3.2",
     "@angular/core": "^13.3.2",