@acorex/components 5.0.59 → 5.1.1

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/breadcrumbs/breadcrumbs-item.component.d.ts

@@ -1,8 +1,12 @@
+import { ChangeDetectorRef, ElementRef } from '@angular/core';
 import { AXBaseComponent } from '../base/mixin';
 import * as i0 from "@angular/core";
 export declare class AXBreadCrumbsItemComponent extends AXBaseComponent {
     text: string;
-    constructor();
+    /**
+       *  @ignore
+       */
+    constructor(_elementRef: ElementRef, _cdr: ChangeDetectorRef);
     static ɵfac: i0.ɵɵFactoryDeclaration<AXBreadCrumbsItemComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<AXBreadCrumbsItemComponent, "ax-breadcrumbs-item", never, { "text": "text"; }, {}, never, ["ax-prefix,ax-loading,ax-icon", "ax-suffix,ax-loading,ax-icon"]>;
 }

package/lib/breadcrumbs/breadcrumbs.component.d.ts

@@ -1,7 +1,11 @@
+import { ChangeDetectorRef, ElementRef } from '@angular/core';
 import { AXBaseComponent } from '../base';
 import * as i0 from "@angular/core";
 export declare class AXBreadCrumbsComponent extends AXBaseComponent {
-    constructor();
+    /**
+      *  @ignore
+      */
+    constructor(_elementRef: ElementRef, _cdr: ChangeDetectorRef);
     static ɵfac: i0.ɵɵFactoryDeclaration<AXBreadCrumbsComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<AXBreadCrumbsComponent, "ax-breadcrumbs", never, {}, {}, never, ["ax-breadcrumbs-item"]>;
 }

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/collapse/collapse-group.component.d.ts

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

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

@@ -1,14 +1,15 @@
-import { EventEmitter, OnInit, TemplateRef } from '@angular/core';
+import { ChangeDetectorRef, ElementRef, EventEmitter, OnInit, TemplateRef } from '@angular/core';
 import { AXBaseComponent } from '../base';
 import * as i0 from "@angular/core";
 export declare class AXCollapseComponent extends AXBaseComponent implements OnInit {
+    private cdr;
+    constructor(elementRef: ElementRef, cdr: ChangeDetectorRef);
     isCollapsedChange: EventEmitter<any>;
     private _isCollapsed;
     get isCollapsed(): boolean;
     set isCollapsed(v: boolean);
     caption: string;
     headerTemplate: TemplateRef<any>;
-    constructor();
     ngOnInit(): void;
     handleHeaderClick(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXCollapseComponent, never>;

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

@@ -1,8 +1,7 @@
 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[]) => {
@@ -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,7 +67,7 @@ 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[]): {
@@ -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,15 @@ 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;
     _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/picker/index.d.ts

@@ -0,0 +1,2 @@
+export * from './picker.component';
+export * from './picker.module';

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

@@ -0,0 +1,18 @@
+import { ChangeDetectorRef, ElementRef } from '@angular/core';
+import { AXBaseComponent } 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[];
+    /**
+    *  @ignore
+    */
+    constructor(elementRef: ElementRef, cdr: ChangeDetectorRef);
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXPickerComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXPickerComponent, "ax-picker", never, { "items": "items"; }, {}, never, never>;
+}

package/lib/picker/picker.module.d.ts

@@ -0,0 +1,9 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./picker.component";
+import * as i2 from "@angular/common";
+import * as i3 from "../carousel/carousel.module";
+export declare class AXPickerModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXPickerModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<AXPickerModule, [typeof i1.AXPickerComponent], [typeof i2.CommonModule, typeof i3.AXCarouselModule], [typeof i1.AXPickerComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<AXPickerModule>;
+}

package/lib/result/result.module.d.ts

@@ -1,8 +1,8 @@
 import * as i0 from "@angular/core";
 import * as i1 from "./result.component";
 import * as i2 from "@angular/common";
-export declare class ResultModule {
-    static ɵfac: i0.ɵɵFactoryDeclaration<ResultModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<ResultModule, [typeof i1.AXResultComponent], [typeof i2.CommonModule], [typeof i1.AXResultComponent]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<ResultModule>;
+export declare class AXResultModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXResultModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<AXResultModule, [typeof i1.AXResultComponent], [typeof i2.CommonModule], [typeof i1.AXResultComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<AXResultModule>;
 }

package/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@acorex/components",
-  "version": "5.0.59",
+  "version": "5.1.1",
   "peerDependencies": {
     "@angular/common": "^13.3.2",
     "@angular/core": "^13.3.2",
     "@angular/cdk": "^13.3.2",
-    "@splidejs/splide": "^2.4.21",
+    "@splidejs/splide": "^4.0.1",
     "ngx-mask": "^12.0.0",
     "angular-imask": "^6.3.0-alpha.0"
   },

package/public-api.d.ts

@@ -28,6 +28,7 @@ export * from "./lib/menu";
 export * from "./lib/number-box";
 export * from "./lib/page";
 export * from "./lib/password-box";
+export * from "./lib/picker";
 export * from "./lib/popover";
 export * from "./lib/popup";
 export * from "./lib/progress-bar";