@acorex/components 5.1.2 → 5.2.0

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/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/calendar/calendar.module.d.ts

@@ -1,12 +1,14 @@
 import * as i0 from "@angular/core";
 import * as i1 from "./calendar.component";
-import * as i2 from "@angular/common";
-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 i2 from "./inline-calendar.component";
+import * as i3 from "@angular/common";
+import * as i4 from "../button/button.module";
+import * as i5 from "../icon/icon.module";
+import * as i6 from "../decorators/decorators.module";
+import * as i7 from "@acorex/core";
+import * as i8 from "../picker/picker.module";
 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.AXInlineCalendarComponent], [typeof i3.CommonModule, typeof i4.AXButtonModule, typeof i5.AXIconModule, typeof i6.AXEditorDecoratorModule, typeof i7.AXDateTimeModule, typeof i8.AXPickerModule], [typeof i1.AXCalendarComponent, typeof i2.AXInlineCalendarComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<AXCalendarModule>;
 }

package/lib/calendar/index.d.ts

@@ -1,2 +1,3 @@
 export * from './calendar.component';
+export * from './inline-calendar.component';
 export * from './calendar.module';

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

@@ -0,0 +1,14 @@
+import { ChangeDetectorRef, ElementRef, OnInit } from '@angular/core';
+import { AXBaseComponent } from '../base';
+import * as i0 from "@angular/core";
+export declare class AXInlineCalendarComponent extends AXBaseComponent implements OnInit {
+    private elementRef;
+    private cdr;
+    _days: any[];
+    _width: string;
+    constructor(elementRef: ElementRef, cdr: ChangeDetectorRef);
+    ngOnInit(): void;
+    handleDayChange(e: any): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXInlineCalendarComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXInlineCalendarComponent, "ax-inline-calendar", never, {}, {}, never, never>;
+}

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"; "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 {
@@ -26,6 +26,8 @@ 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;
@@ -33,5 +35,5 @@ export declare class AXMenuComponent extends AXBaseMenuMixin implements OnInit {
     notActive(items: any[]): void;
     closeChild(items: any[]): void;
     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"; "visible": "visible"; "disableField": "disableField"; "hasChildField": "hasChildField"; "openMode": "openMode"; }, { "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/picker/picker.component.d.ts

@@ -1,5 +1,5 @@
-import { ChangeDetectorRef, ElementRef } from '@angular/core';
-import { AXBaseComponent } from '../base';
+import { ChangeDetectorRef, ElementRef, EventEmitter, TemplateRef } from '@angular/core';
+import { AXBaseComponent, AXValueChangedEvent } from '../base';
 import * as i0 from "@angular/core";
 export interface PickerItem {
     id?: string;
@@ -8,11 +8,18 @@ export interface PickerItem {
     active?: boolean;
 }
 export declare class AXPickerComponent extends AXBaseComponent {
+    itemTemplate: TemplateRef<any>;
+    width: string;
+    height: string;
+    itemHeight: string;
     items: PickerItem[];
+    onItemChanged: EventEmitter<AXValueChangedEvent<any>>;
     /**
     *  @ignore
     */
     constructor(elementRef: ElementRef, cdr: ChangeDetectorRef);
+    private _emitOnSlideChanged;
+    handleMoveChange(e: any): 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, { "width": "width"; "height": "height"; "itemHeight": "itemHeight"; "items": "items"; }, { "onItemChanged": "onItemChanged"; }, ["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;

package/package.json

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