@acorex/components 5.4.0 → 5.7.0

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

@@ -11,5 +11,5 @@ export declare class AXCarouselArrowsComponent extends AXBaseComponentMixin {
     _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, { "class": "class"; }, { "onNextClick": "onNextClick"; "onPrevClick": "onPrevClick"; }, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXCarouselArrowsComponent, "ax-carousel-arrows", never, { "class": "class"; }, { "onNextClick": "onNextClick"; "onPrevClick": "onPrevClick"; }, never, never, false>;
 }

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

@@ -4,5 +4,5 @@ import * as i0 from "@angular/core";
 export declare class AXCarouselItemComponent extends AXBaseComponentMixin {
     constructor(elementRef: ElementRef, cdr: ChangeDetectorRef);
     static ɵfac: i0.ɵɵFactoryDeclaration<AXCarouselItemComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXCarouselItemComponent, "ax-carousel-item", never, {}, {}, never, ["*"]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXCarouselItemComponent, "ax-carousel-item", never, {}, {}, never, ["*"], false>;
 }

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

@@ -18,5 +18,5 @@ export declare class AXCarouselPagerComponent extends AXBaseComponentMixin {
     private _findPageIndex;
     onDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXCarouselPagerComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXCarouselPagerComponent, "ax-carousel-pager", never, {}, {}, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXCarouselPagerComponent, "ax-carousel-pager", never, {}, {}, never, never, false>;
 }

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

@@ -106,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"; "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"]>;
+    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"], false>;
 }

package/lib/checkbox/checkbox.component.d.ts

@@ -2,10 +2,11 @@ import { ChangeDetectorRef, ElementRef } from '@angular/core';
 import { AXBaseValueComponentMixin } from '../base';
 import * as i0 from "@angular/core";
 export declare class AXCheckBoxComponent extends AXBaseValueComponentMixin {
-    constructor(elementRef: ElementRef, cdr: ChangeDetectorRef);
+    private _cdr;
+    constructor(elementRef: ElementRef, _cdr: ChangeDetectorRef);
     onInit(): void;
-    _onValueChanging(value: any): any;
+    _setValue(value: any): any;
     _handleOnClickEvent(e: MouseEvent): boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXCheckBoxComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXCheckBoxComponent, "ax-check-box", never, { "disabled": "disabled"; "tabIndex": "tabIndex"; "readonly": "readonly"; "allowNull": "allowNull"; "value": "value"; "debounceTime": "debounceTime"; "name": "name"; "checked": "checked"; }, { "onBlur": "onBlur"; "onFocus": "onFocus"; "valueChange": "valueChange"; "onValueChanged": "onValueChanged"; }, never, ["*", "ax-form-hint", "ax-validation-rule"]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXCheckBoxComponent, "ax-check-box", never, { "disabled": "disabled"; "tabIndex": "tabIndex"; "readonly": "readonly"; "allowNull": "allowNull"; "value": "value"; "name": "name"; "checked": "checked"; }, { "onBlur": "onBlur"; "onFocus": "onFocus"; "valueChange": "valueChange"; "onValueChanged": "onValueChanged"; }, never, ["*", "ax-form-hint", "ax-validation-rule"], false>;
 }

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

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

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

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

package/lib/color-palette/color-palette-input.component.d.ts

@@ -3,13 +3,13 @@ import { AXBaseComponent, AXClickEvent, AXValueChangedEvent } from '../base';
 import { AXColorComponent } from './color-palette.class';
 import * as i0 from "@angular/core";
 export declare class AXColorPaletteInputComponent extends AXBaseComponent {
-    _parent?: AXColorComponent;
+    _parent: AXColorComponent;
     _rgba: any;
     _hex: string;
-    constructor(_elementRef: ElementRef, _cdr: ChangeDetectorRef, _parent?: AXColorComponent);
+    constructor(_elementRef: ElementRef, _cdr: ChangeDetectorRef, _parent: AXColorComponent);
     _handleChangeInputMode(e: AXClickEvent): void;
     _handleRGBAValueChanged(e: AXValueChangedEvent<number>): void;
     _handleHEXAValueChanged(e: AXValueChangedEvent<string>): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXColorPaletteInputComponent, [null, null, { optional: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXColorPaletteInputComponent, "ax-color-palette-input", never, {}, {}, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXColorPaletteInputComponent, "ax-color-palette-input", never, {}, {}, never, never, false>;
 }

package/lib/color-palette/color-palette-picker.component.d.ts

@@ -1,8 +1,21 @@
-import { OnInit } from '@angular/core';
+import { ElementRef } from '@angular/core';
+import { ChangeDetectorRef } from '@angular/core';
+import { AXBaseComponent, AXValueChangedEvent } from '../base';
+import { AXColorComponent } from './color-palette.class';
 import * as i0 from "@angular/core";
-export declare class AXColorPalettePickerComponent implements OnInit {
-    constructor();
-    ngOnInit(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<AXColorPalettePickerComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXColorPalettePickerComponent, "ax-color-palette-picker", never, {}, {}, never, never>;
+export declare class AXColorPalettePickerComponent extends AXBaseComponent {
+    _parent: AXColorComponent;
+    _rgba: {
+        r: number;
+        g: number;
+        b: number;
+        a: number;
+    };
+    _gradient: number;
+    private _gradientColors;
+    constructor(_elementRef: ElementRef, _cdr: ChangeDetectorRef, _parent: AXColorComponent);
+    _handleAlphaChanged(e: AXValueChangedEvent<number>): void;
+    _handleGradientChanged(e: AXValueChangedEvent<number>): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXColorPalettePickerComponent, [null, null, { optional: true; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXColorPalettePickerComponent, "ax-color-palette-picker", never, {}, {}, never, never, false>;
 }

package/lib/color-palette/color-palette-preview.component.d.ts

@@ -1,12 +1,11 @@
-import { ChangeDetectorRef, ElementRef } from '@angular/core';
+import { ChangeDetectorRef, ElementRef, NgZone } from '@angular/core';
 import { AXBaseComponent } from '../base';
 import { AXColorComponent } from './color-palette.class';
 import * as i0 from "@angular/core";
 export declare class AXColorPalettePreviewComponent extends AXBaseComponent {
-    private _parent?;
-    _colorCode: string;
-    constructor(_elementRef: ElementRef, _cdr: ChangeDetectorRef, _parent?: AXColorComponent);
-    ngOnInit(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<AXColorPalettePreviewComponent, [null, null, { optional: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXColorPalettePreviewComponent, "ax-color-palette-preview", never, {}, {}, never, never>;
+    _parent: AXColorComponent;
+    private _zone;
+    constructor(_elementRef: ElementRef, _cdr: ChangeDetectorRef, _parent: AXColorComponent, _zone: NgZone);
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXColorPalettePreviewComponent, [null, null, { optional: true; }, null]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXColorPalettePreviewComponent, "ax-color-palette-preview", never, {}, {}, never, never, false>;
 }

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

@@ -3,14 +3,15 @@ import { AXBaseComponent } from '../base';
 import { AXColorComponent } from './color-palette.class';
 import * as i0 from "@angular/core";
 export declare class AXColorPaletteSwatchesComponent extends AXBaseComponent {
-    private _parent?;
+    _parent?: AXColorComponent;
     _selected: string;
     colors: {
         code: string;
     }[];
     constructor(_elementRef: ElementRef, _cdr: ChangeDetectorRef, _parent?: AXColorComponent);
     _handleClick(e: MouseEvent, color: any): void;
+    private _format;
     private _defaultPalette;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXColorPaletteSwatchesComponent, [null, null, { optional: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXColorPaletteSwatchesComponent, "ax-color-palette-swatches, ax-color-palette-favorite", never, { "colors": "colors"; }, {}, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXColorPaletteSwatchesComponent, "ax-color-palette-swatches, ax-color-palette-favorite", never, { "colors": "colors"; }, {}, never, never, false>;
 }

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

@@ -1,12 +1,23 @@
 import { Subject } from "rxjs";
 import { AXColorMode } from "@acorex/core";
 import * as i0 from "@angular/core";
+/**
+* A token that specifies the  display mode of datapager component.
+*/
+export declare type AXColorPaletteView = 'swatches' | 'gradient' | 'custom';
 export declare abstract class AXColorComponent {
     abstract _onInternalColorChanged$: Subject<{
         color: any;
         mode: AXColorMode;
     }>;
-    abstract mode: AXColorMode;
+    abstract _setUserInteraction(): any;
+    abstract colorMode: AXColorMode;
+    abstract readonly: boolean;
+    abstract disabled: boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXColorComponent, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<AXColorComponent>;
 }
+export declare abstract class AXColorPaletteChildComponent {
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXColorPaletteChildComponent, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<AXColorPaletteChildComponent>;
+}

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

@@ -1,18 +1,24 @@
 import { AXColorMode } from '@acorex/core';
-import { ChangeDetectorRef, ElementRef, EventEmitter } from '@angular/core';
+import { ChangeDetectorRef, ElementRef, EventEmitter, QueryList } from '@angular/core';
 import { Subject } from 'rxjs';
 import { AXBaseValueComponentMixin } from '../base';
+import { AXColorPaletteChildComponent } from './color-palette.class';
 import * as i0 from "@angular/core";
 export declare class AXColorPalleteComponent extends AXBaseValueComponentMixin {
     _onInternalColorChanged$: Subject<any>;
-    modeChange: EventEmitter<AXColorMode>;
-    private _mode;
+    _children: QueryList<AXColorPaletteChildComponent>;
+    colorModeChange: EventEmitter<AXColorMode>;
+    private _colorMode;
     /**
     *  A character value that specifies the separator character.
     */
-    get mode(): AXColorMode;
-    set mode(v: AXColorMode);
+    get colorMode(): AXColorMode;
+    set colorMode(v: AXColorMode);
+    _onValueChanged(oldValue: any, newValue: any): void;
+    ngAfterContentInit(): void;
+    onViewInit(): void;
     constructor(elementRef: ElementRef, cdr: ChangeDetectorRef);
+    private get __hostDisabled();
     static ɵfac: i0.ɵɵFactoryDeclaration<AXColorPalleteComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXColorPalleteComponent, "ax-color-palette", never, { "disabled": "disabled"; "tabIndex": "tabIndex"; "readonly": "readonly"; "allowNull": "allowNull"; "value": "value"; "debounceTime": "debounceTime"; "name": "name"; "checked": "checked"; "mode": "mode"; }, { "onBlur": "onBlur"; "onFocus": "onFocus"; "valueChange": "valueChange"; "onValueChanged": "onValueChanged"; "modeChange": "modeChange"; }, never, ["ax-header", "ax-color-palette-favorite", "ax-footer"]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXColorPalleteComponent, "ax-color-palette", never, { "disabled": "disabled"; "tabIndex": "tabIndex"; "readonly": "readonly"; "allowNull": "allowNull"; "value": "value"; "name": "name"; "checked": "checked"; "colorMode": "colorMode"; }, { "onBlur": "onBlur"; "onFocus": "onFocus"; "valueChange": "valueChange"; "onValueChanged": "onValueChanged"; "colorModeChange": "colorModeChange"; }, ["_children"], ["ax-header", "ax-color-palette-preview", "ax-color-palette-picker", "ax-color-palette-swatches", "ax-color-palette-favorite", "ax-color-palette-input", "ax-footer"], false>;
 }

package/lib/color-palette/color-palette.module.d.ts

@@ -10,8 +10,9 @@ import * as i8 from "../label/label.module";
 import * as i9 from "../button/button.module";
 import * as i10 from "../decorators/decorators.module";
 import * as i11 from "../number-box/number-box.module";
+import * as i12 from "../range-slider/range-slider.module";
 export declare class AXColorPaletteModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<AXColorPaletteModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<AXColorPaletteModule, [typeof i1.AXColorPalleteComponent, typeof i2.AXColorPalettePreviewComponent, typeof i3.AXColorPaletteSwatchesComponent, typeof i4.AXColorPaletteInputComponent, typeof i5.AXColorPalettePickerComponent], [typeof i6.CommonModule, typeof i7.AXTextBoxModule, typeof i8.AXLabelModule, typeof i9.AXButtonModule, typeof i10.AXDecoratorModule, typeof i11.AXNumberBoxModule], [typeof i1.AXColorPalleteComponent, typeof i2.AXColorPalettePreviewComponent, typeof i3.AXColorPaletteSwatchesComponent, typeof i4.AXColorPaletteInputComponent, typeof i5.AXColorPalettePickerComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<AXColorPaletteModule, [typeof i1.AXColorPalleteComponent, typeof i2.AXColorPalettePreviewComponent, typeof i3.AXColorPaletteSwatchesComponent, typeof i4.AXColorPaletteInputComponent, typeof i5.AXColorPalettePickerComponent], [typeof i6.CommonModule, typeof i7.AXTextBoxModule, typeof i8.AXLabelModule, typeof i9.AXButtonModule, typeof i10.AXDecoratorModule, typeof i11.AXNumberBoxModule, typeof i12.AXRangeSliderModule], [typeof i1.AXColorPalleteComponent, typeof i2.AXColorPalettePreviewComponent, typeof i3.AXColorPaletteSwatchesComponent, typeof i4.AXColorPaletteInputComponent, typeof i5.AXColorPalettePickerComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<AXColorPaletteModule>;
 }

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

@@ -74,32 +74,25 @@ export declare const AXBaseColorPickerMixin: (abstract new (...args: any[]) => {
         valueChange: import("@angular/core").EventEmitter<any>;
         "__#5@#readonly": boolean;
         readonly: boolean;
-        /**
-         * The Button is a component which detects user interaction and triggers a corresponding event
-         *
-         * @category Components
-         */
         "__#5@#allowNull": boolean;
         allowNull: boolean;
         "__#5@#name": string;
         name: string;
-        "__#5@#debounceTime": number;
-        debounceTime: number;
-        "__#5@#valueSubscription": import("rxjs").Subscription;
-        "__#5@#valueSubject": import("rxjs").Subject<unknown>;
+        "__#5@#isUserInteraction": boolean;
+        readonly isUserInteraction: boolean;
         "__#5@#value": any;
         value: any;
         "__#5@#state": "error" | "clear" | "success";
-        readonly state: "error" | "clear" | "success"; /**
-        *  @ignore
-        */
+        readonly state: "error" | "clear" | "success";
         _emitOnValueChangedEvent(oldValue?: any, newValue?: any): void;
-        _onInternalValueChanging(value: any): any;
-        _onValueChanging(value: any): any;
+        _internalSetValue(value: any): any;
+        _internalGetValue(): any;
+        _setValue(value: any): any;
+        _getValue(value: any): any;
+        _setUserInteraction(): void;
         _onValueChanged(oldValue: any, newValue: any): void;
         _onInternalInit(): void;
         _onInternalDestroy(): void;
-        _setValue(v: any): void;
         clear(): void;
         validate(): Promise<import("../validation/validation.class").AXValidationRuleResult>;
         _setState(state: "error" | "clear" | "success", ...args: any[]): void;
@@ -129,8 +122,19 @@ export declare const AXBaseColorPickerMixin: (abstract new (...args: any[]) => {
         placeholder: string;
         maxLength: number;
         autoComplete: string;
+        debounceTime: number;
+        "__#6@#valueSubscription": import("rxjs").Subscription;
+        "__#6@#valueSubject": import("rxjs").Subject<unknown>;
         onKeyDown: import("@angular/core").EventEmitter<import("../base").AXHtmlEvent<KeyboardEvent>>;
+        onKeyUp: import("@angular/core").EventEmitter<import("../base").AXHtmlEvent<KeyboardEvent>>;
+        onKeyPress: import("@angular/core").EventEmitter<import("../base").AXHtmlEvent<KeyboardEvent>>;
         _emitOnKeydownEvent(e: KeyboardEvent): void;
+        _emitOnKeyupEvent(e: KeyboardEvent): void;
+        _emitOnKeypressEvent(e: KeyboardEvent): void;
+        _handleModleChange(value: any): void;
+        _settleValue(value: any): void;
+        onInit(): void;
+        onDestroy(): void;
         id: string;
         rtl: boolean;
         "__#1@#elementRef": ElementRef<any>;
@@ -145,10 +149,8 @@ export declare const AXBaseColorPickerMixin: (abstract new (...args: any[]) => {
         _onInternalInit(): void;
         _onInternalViewInit(): void;
         _onInternalDestroy(): void;
-        onInit(): void;
         onRenderCssClass(): void;
         onViewInit(): void;
-        onDestroy(): void;
         _onOptionChanging(option: import("../base").AXComponentOptionChanging): any;
         _onOptionChanged(option: import("../base").AXComponentOptionChanged): void;
         _setOption(option: import("../base").AXComponentSetOption): void;
@@ -176,11 +178,13 @@ export declare class AXColorPickerComponent extends AXBaseColorPickerMixin {
     constructor(_elementRef: ElementRef<HTMLDivElement>, _cdr: ChangeDetectorRef, _zone: NgZone, _platform: AXPlatform);
     _handleArrowClickEvent(e: AXClickEvent): void;
     _handleInputClickEvent(e: MouseEvent): void;
+    _handleClearClickEvent(): void;
     onInit(): void;
     onViewInit(): void;
     _onValueChanged(oldValue: any, newValue: any): void;
+    _handleValueChangedEvent(e: AXValueChangedEvent<any>): void;
     _handlePopupOnOpened(e: any): Promise<void>;
     _handlePopupOnClosed(e: any): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXColorPickerComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXColorPickerComponent, "ax-color-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"; }, { "onOpened": "onOpened"; "onClosed": "onClosed"; "onBlur": "onBlur"; "onFocus": "onFocus"; "valueChange": "valueChange"; "onValueChanged": "onValueChanged"; }, never, ["ax-prefix", "ax-validation-rule", "ax-suffix"]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXColorPickerComponent, "ax-color-picker", never, { "isOpen": "isOpen"; "fitParent": "fitParent"; "dropdownWidth": "dropdownWidth"; "position": "position"; "disabled": "disabled"; "tabIndex": "tabIndex"; "readonly": "readonly"; "allowNull": "allowNull"; "value": "value"; "name": "name"; "checked": "checked"; "placeholder": "placeholder"; "maxLength": "maxLength"; "debounceTime": "debounceTime"; "type": "type"; "autoComplete": "autoComplete"; }, { "onOpened": "onOpened"; "onClosed": "onClosed"; "onBlur": "onBlur"; "onFocus": "onFocus"; "valueChange": "valueChange"; "onValueChanged": "onValueChanged"; }, never, ["ax-prefix", "ax-validation-rule", "ax-suffix"], false>;
 }

package/lib/data-pager/data-pager-base.component.d.ts

@@ -0,0 +1,48 @@
+import { EventEmitter } from "@angular/core";
+import { AXEvent, AXInteractiveComponenetMixin } from "../base";
+import * as i0 from "@angular/core";
+/**
+* A token that specifies the  display mode of datapager component.
+*/
+export declare type AXDataPagerDisplayMode = 'full' | 'compact' | 'custom';
+export interface AXDataPagerInfoData {
+    range: {
+        from: number;
+        to: number;
+    };
+    page: number;
+    skip: number;
+    take: number;
+    totalPages: number;
+    totalItems: number;
+}
+export declare class AXPagerPageChangedEvent extends AXEvent implements AXDataPagerInfoData {
+    range: {
+        from: number;
+        to: number;
+    };
+    page: number;
+    skip: number;
+    take: number;
+    totalPages: number;
+    totalItems: number;
+}
+export declare class AXPagerStateChangedEvent extends AXPagerPageChangedEvent {
+}
+export declare abstract class AXPagerComponent {
+    abstract onStateChanged: EventEmitter<AXPagerStateChangedEvent>;
+    abstract get state(): AXDataPagerInfoData;
+    abstract size: number;
+    abstract goNextPage(): void;
+    abstract goLastPage(): void;
+    abstract goFirstPage(): void;
+    abstract goPrevPage(): void;
+    abstract goToPage(page: number): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXPagerComponent, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<AXPagerComponent>;
+}
+export declare abstract class AXDataPagerChild extends AXInteractiveComponenetMixin {
+    constructor(...args: any[]);
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXDataPagerChild, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<AXDataPagerChild>;
+}

package/lib/data-pager/data-pager-info.component.d.ts

@@ -0,0 +1,15 @@
+import { ElementRef, ChangeDetectorRef } from "@angular/core";
+import { AXDataPagerChild, AXPagerComponent } from "./data-pager-base.component";
+import * as i0 from "@angular/core";
+export declare class AXDataPagerInfoComponent extends AXDataPagerChild {
+    private elementRef;
+    private cdr;
+    private _parent;
+    constructor(elementRef: ElementRef<HTMLDivElement>, cdr: ChangeDetectorRef, _parent: AXPagerComponent);
+    text: string;
+    _textFormatted: string;
+    onViewInit(): void;
+    private _updateText;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXDataPagerInfoComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXDataPagerInfoComponent, "ax-data-pager-info", never, { "text": "text"; }, {}, never, never, false>;
+}

package/lib/data-pager/data-pager-input-selector.component.d.ts

@@ -0,0 +1,15 @@
+import { ElementRef, ChangeDetectorRef } from "@angular/core";
+import { AXValueChangedEvent } from "../base";
+import { AXDataPagerChild, AXPagerComponent } from "./data-pager-base.component";
+import * as i0 from "@angular/core";
+export declare class AXDataPagerInputSelectorComponent extends AXDataPagerChild {
+    private _parent;
+    private cdr;
+    constructor(elementRef: ElementRef, _parent: AXPagerComponent, cdr: ChangeDetectorRef);
+    _totalPages: number;
+    _currentPage: number;
+    onViewInit(): void;
+    _handleValueChanged(e: AXValueChangedEvent<number>): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXDataPagerInputSelectorComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXDataPagerInputSelectorComponent, "ax-data-pager-input-selector", never, {}, {}, never, never, false>;
+}

package/lib/data-pager/data-pager-next-buttons.components.d.ts

@@ -0,0 +1,16 @@
+import { ElementRef, ChangeDetectorRef } from "@angular/core";
+import { AXClickEvent } from "../base";
+import { AXDataPagerChild, AXPagerComponent } from "./data-pager-base.component";
+import * as i0 from "@angular/core";
+export declare class AXDataPagerNextButtonsComponent extends AXDataPagerChild {
+    private elementRef;
+    private cdr;
+    private _parent;
+    constructor(elementRef: ElementRef, cdr: ChangeDetectorRef, _parent: AXPagerComponent);
+    onViewInit(): void;
+    private _checkDisabled;
+    _emitOnLastPageClick(e: AXClickEvent): void;
+    _emitOnNextPageClick(e: AXClickEvent): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXDataPagerNextButtonsComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXDataPagerNextButtonsComponent, "ax-data-pager-next-buttons", never, {}, {}, never, never, false>;
+}

package/lib/data-pager/data-pager-numeric-selector.component.d.ts

@@ -0,0 +1,18 @@
+import { ElementRef, ChangeDetectorRef, NgZone } from "@angular/core";
+import { AXButtonItem } from "../button";
+import { AXDataPagerChild, AXPagerComponent } from "./data-pager-base.component";
+import * as i0 from "@angular/core";
+export declare class AXDataPagerNumericSelectorComponent extends AXDataPagerChild {
+    private _parent;
+    private _zone;
+    constructor(_elementRef: ElementRef, _cdr: ChangeDetectorRef, _parent: AXPagerComponent, _zone: NgZone);
+    _items: AXButtonItem[];
+    _currentPage: number;
+    _lastPage: number;
+    private _displayCount;
+    onViewInit(): void;
+    private _generateDisplayItems;
+    _handleOnItemClick(e: any): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXDataPagerNumericSelectorComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXDataPagerNumericSelectorComponent, "ax-data-pager-numeric-selector", never, {}, {}, never, never, false>;
+}

package/lib/data-pager/data-pager-pagesize-dropdown.component.d.ts

@@ -0,0 +1,19 @@
+import { ElementRef, ChangeDetectorRef } from "@angular/core";
+import { AXClickEvent } from "../base";
+import { AXButtonItem } from "../button";
+import { AXDataPagerChild, AXPagerComponent } from "./data-pager-base.component";
+import * as i0 from "@angular/core";
+export declare class AXDataPagerPageSizesComponent extends AXDataPagerChild {
+    private _parent;
+    constructor(elementRef: ElementRef, cdr: ChangeDetectorRef, _parent: AXPagerComponent);
+    _size: number;
+    onViewInit(): void;
+    _items: AXButtonItem[];
+    private _sizes;
+    get sizes(): number[];
+    set sizes(v: number[]);
+    private _generateDisplayItems;
+    _emitOnItemClick(e: AXClickEvent): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXDataPagerPageSizesComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXDataPagerPageSizesComponent, "ax-data-pager-page-sizes", never, { "sizes": "sizes"; }, {}, never, never, false>;
+}

package/lib/data-pager/data-pager-prev-buttons.component.d.ts

@@ -0,0 +1,15 @@
+import { ElementRef, ChangeDetectorRef } from "@angular/core";
+import { AXClickEvent } from "../base";
+import { AXDataPagerChild, AXPagerComponent } from "./data-pager-base.component";
+import * as i0 from "@angular/core";
+export declare class AXDataPagerPrevButtonsComponent extends AXDataPagerChild {
+    private elementRef;
+    private _parent;
+    constructor(elementRef: ElementRef, cdr: ChangeDetectorRef, _parent: AXPagerComponent);
+    onViewInit(): void;
+    private _checkDisabled;
+    _emitOnFirstPageClick(e: AXClickEvent): void;
+    _emitOnPrevPageClick(e: AXClickEvent): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXDataPagerPrevButtonsComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXDataPagerPrevButtonsComponent, "ax-data-pager-prev-buttons", never, {}, {}, never, never, false>;
+}

package/lib/data-pager/data-pager.component.d.ts

@@ -0,0 +1,34 @@
+import { ElementRef, ChangeDetectorRef, EventEmitter } from '@angular/core';
+import { AXBaseValueComponentMixin, AXPagedComponent } from '../base';
+import { AXDataPagerDisplayMode, AXDataPagerInfoData, AXPagerStateChangedEvent } from './data-pager-base.component';
+import * as i0 from "@angular/core";
+export declare class AXDataPagerComponent extends AXBaseValueComponentMixin {
+    private _elementRef;
+    private _cdr;
+    private _parent?;
+    private _size;
+    get size(): number;
+    set size(v: number);
+    private _total;
+    get total(): number;
+    set total(v: number);
+    private _totalPages;
+    get totalPages(): number;
+    private set totalPages(value);
+    displayMode: AXDataPagerDisplayMode;
+    onStateChanged: EventEmitter<AXPagerStateChangedEvent>;
+    constructor(_elementRef: ElementRef, _cdr: ChangeDetectorRef, _parent?: AXPagedComponent);
+    onInit(): void;
+    onViewInit(): void;
+    _onValueChanged(oldValue: number, newValue: number): void;
+    _getValue(value: any): number;
+    get state(): AXDataPagerInfoData;
+    private _emitStateChangedEvent;
+    goNextPage(): void;
+    goLastPage(): void;
+    goFirstPage(): void;
+    goPrevPage(): void;
+    goToPage(page: number): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXDataPagerComponent, [null, null, { optional: true; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXDataPagerComponent, "ax-data-pager", never, { "readonly": "readonly"; "allowNull": "allowNull"; "value": "value"; "name": "name"; "checked": "checked"; "size": "size"; "total": "total"; "displayMode": "displayMode"; }, { "valueChange": "valueChange"; "onValueChanged": "onValueChanged"; "onStateChanged": "onStateChanged"; }, never, ["ax-prefix", "ax-suffix"], false>;
+}

package/lib/data-pager/data-pager.module.d.ts

@@ -0,0 +1,18 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./data-pager.component";
+import * as i2 from "./data-pager-next-buttons.components";
+import * as i3 from "./data-pager-prev-buttons.component";
+import * as i4 from "./data-pager-pagesize-dropdown.component";
+import * as i5 from "./data-pager-numeric-selector.component";
+import * as i6 from "./data-pager-input-selector.component";
+import * as i7 from "./data-pager-info.component";
+import * as i8 from "@angular/common";
+import * as i9 from "../button/button.module";
+import * as i10 from "../number-box/number-box.module";
+import * as i11 from "../dropdown/dropdown.module";
+import * as i12 from "../decorators/decorators.module";
+export declare class AXDataPagerModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXDataPagerModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<AXDataPagerModule, [typeof i1.AXDataPagerComponent, typeof i2.AXDataPagerNextButtonsComponent, typeof i3.AXDataPagerPrevButtonsComponent, typeof i4.AXDataPagerPageSizesComponent, typeof i5.AXDataPagerNumericSelectorComponent, typeof i6.AXDataPagerInputSelectorComponent, typeof i7.AXDataPagerInfoComponent], [typeof i8.CommonModule, typeof i9.AXButtonModule, typeof i10.AXNumberBoxModule, typeof i11.AXDropdownModule, typeof i12.AXDecoratorModule], [typeof i1.AXDataPagerComponent, typeof i2.AXDataPagerNextButtonsComponent, typeof i3.AXDataPagerPrevButtonsComponent, typeof i4.AXDataPagerPageSizesComponent, typeof i5.AXDataPagerNumericSelectorComponent, typeof i6.AXDataPagerInputSelectorComponent, typeof i7.AXDataPagerInfoComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<AXDataPagerModule>;
+}

package/lib/data-pager/index.d.ts

@@ -0,0 +1,8 @@
+export * from './data-pager.component';
+export * from './data-pager-next-buttons.components';
+export * from './data-pager-prev-buttons.component';
+export * from './data-pager-pagesize-dropdown.component';
+export * from './data-pager-numeric-selector.component';
+export * from './data-pager-input-selector.component';
+export * from './data-pager-info.component';
+export * from './data-pager.module';

package/lib/data-table/data-column-cell-template.directive.d.ts

@@ -0,0 +1,8 @@
+import { TemplateRef } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class AXDataColumnCellTemplateDirective {
+    _contentTemplate: TemplateRef<any>;
+    get template(): TemplateRef<any>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXDataColumnCellTemplateDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<AXDataColumnCellTemplateDirective, "ax-data-column-cell-template", never, {}, {}, ["_contentTemplate"], never, false>;
+}

package/lib/data-table/data-column.directive.d.ts

@@ -0,0 +1,16 @@
+import { TemplateRef } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class AXDataColumnComponent {
+    _inputHeaderTemplate?: TemplateRef<any>;
+    _contentHeaderTemplate?: TemplateRef<any>;
+    _defaultTemplate?: TemplateRef<any>;
+    get headerTemplate(): TemplateRef<any>;
+    _inputCellTemplate?: TemplateRef<any>;
+    _contentCellTemplate?: TemplateRef<any>;
+    get cellTemplate(): TemplateRef<any>;
+    valueField: string;
+    caption: string;
+    width: string | number;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXDataColumnComponent, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<AXDataColumnComponent, "ax-data-column", never, { "_inputHeaderTemplate": "headerTemplate"; "_inputCellTemplate": "cellTemplate"; "valueField": "valueField"; "caption": "caption"; "width": "width"; }, {}, ["_contentHeaderTemplate", "_defaultTemplate", "_contentCellTemplate"], never, false>;
+}

package/lib/data-table/data-table.component.d.ts

@@ -0,0 +1,34 @@
+import { ElementRef, ChangeDetectorRef, QueryList, TemplateRef, EventEmitter } from '@angular/core';
+import { AXBaseComponentMixin, AXDataListItems, AXPagedComponentInterface, AXValueChangedEvent } from '../base';
+import { AXDataColumnComponent } from './data-column.directive';
+import * as i0 from "@angular/core";
+export declare class AXDataTableComponent extends AXBaseComponentMixin implements AXPagedComponentInterface {
+    _columns: QueryList<AXDataColumnComponent>;
+    onPageChanged: EventEmitter<AXValueChangedEvent<number>>;
+    rowTemplate?: TemplateRef<any>;
+    private _pageSize;
+    get pageSize(): number;
+    set pageSize(v: number);
+    fetchDataMode: 'auto' | 'manual';
+    private _currentPage;
+    _isLoading: boolean;
+    private _loadedItems;
+    private _totalItems;
+    private _isLazy;
+    get totalCount(): number;
+    get isLazy(): boolean;
+    get loadedCount(): number;
+    private _items;
+    get items(): AXDataListItems;
+    set items(v: AXDataListItems);
+    get displayItems(): any[];
+    constructor(elementRef: ElementRef, cdr: ChangeDetectorRef);
+    onViewInit(): void;
+    _fetchData(opts?: {
+        searchQuery?: string;
+    }): void;
+    refresh(): void;
+    goToPage(page: number): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXDataTableComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXDataTableComponent, "ax-data-table", never, { "rowTemplate": "rowTemplate"; "pageSize": "pageSize"; "fetchDataMode": "fetchDataMode"; "items": "items"; }, { "onPageChanged": "onPageChanged"; }, ["_columns"], ["ax-header", "ax-footer"], false>;
+}