@acorex/components 5.6.0 → 5.7.0

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

@@ -7,18 +7,18 @@ import * as i0 from "@angular/core";
 export declare class AXColorPalleteComponent extends AXBaseValueComponentMixin {
     _onInternalColorChanged$: Subject<any>;
     _children: QueryList<AXColorPaletteChildComponent>;
-    modeChange: EventEmitter<AXColorMode>;
-    private _mode;
+    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"; }, ["_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"]>;
+    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

@@ -4,5 +4,5 @@ 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"]>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<AXDataColumnCellTemplateDirective, "ax-data-column-cell-template", never, {}, {}, ["_contentTemplate"], never, false>;
 }

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

@@ -10,6 +10,7 @@ export declare class AXDataColumnComponent {
     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"; }, {}, ["_contentHeaderTemplate", "_defaultTemplate", "_contentCellTemplate"]>;
+    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

@@ -1,13 +1,17 @@
-import { ElementRef, ChangeDetectorRef, QueryList, TemplateRef } from '@angular/core';
-import { AXBaseComponentMixin, AXDataListItems } from '../base';
+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 {
+export declare class AXDataTableComponent extends AXBaseComponentMixin implements AXPagedComponentInterface {
     _columns: QueryList<AXDataColumnComponent>;
+    onPageChanged: EventEmitter<AXValueChangedEvent<number>>;
     rowTemplate?: TemplateRef<any>;
-    pageSize: number;
+    private _pageSize;
+    get pageSize(): number;
+    set pageSize(v: number);
+    fetchDataMode: 'auto' | 'manual';
     private _currentPage;
-    private _isLoading;
+    _isLoading: boolean;
     private _loadedItems;
     private _totalItems;
     private _isLazy;
@@ -23,6 +27,8 @@ export declare class AXDataTableComponent extends AXBaseComponentMixin {
     _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"; "items": "items"; }, {}, ["_columns"], 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>;
 }

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

@@ -3,8 +3,12 @@ import * as i1 from "./data-table.component";
 import * as i2 from "./data-column.directive";
 import * as i3 from "./data-column-cell-template.directive";
 import * as i4 from "@angular/common";
+import * as i5 from "@acorex/core";
+import * as i6 from "../result/result.module";
+import * as i7 from "../loading/loading.module";
+import * as i8 from "../decorators/decorators.module";
 export declare class AXDataTableModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<AXDataTableModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<AXDataTableModule, [typeof i1.AXDataTableComponent, typeof i2.AXDataColumnComponent, typeof i3.AXDataColumnCellTemplateDirective], [typeof i4.CommonModule], [typeof i1.AXDataTableComponent, typeof i2.AXDataColumnComponent, typeof i3.AXDataColumnCellTemplateDirective]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<AXDataTableModule, [typeof i1.AXDataTableComponent, typeof i2.AXDataColumnComponent, typeof i3.AXDataColumnCellTemplateDirective], [typeof i4.CommonModule, typeof i5.AXTranslationModule, typeof i6.AXResultModule, typeof i7.AXLoadingModule, typeof i8.AXDecoratorModule], [typeof i1.AXDataTableComponent, typeof i2.AXDataColumnComponent, typeof i3.AXDataColumnCellTemplateDirective]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<AXDataTableModule>;
 }

package/lib/datalist/datalist.component.d.ts

@@ -21,5 +21,5 @@ export declare class AXDataListComponent extends AXBaseSelectionValueMixin {
     private _checkForLoadData;
     _onDataLoaded(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXDataListComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXDataListComponent, "ax-datalist", never, { "disabled": "disabled"; "readonly": "readonly"; "tabIndex": "tabIndex"; "size": "size"; "value": "value"; "items": "items"; "pageSize": "pageSize"; "itemTemplate": "itemTemplate"; "emptyTemplate": "emptyTemplate"; "loadingTemplate": "loadingTemplate"; }, { "valueChange": "valueChange"; "onValueChanged": "onValueChanged"; "onBlur": "onBlur"; "onFocus": "onFocus"; }, ["_contentItemTemplate", "_contentEmptyTemplate", "_contentloadingTemplate"], never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXDataListComponent, "ax-datalist", never, { "disabled": "disabled"; "readonly": "readonly"; "tabIndex": "tabIndex"; "size": "size"; "value": "value"; "items": "items"; "pageSize": "pageSize"; "itemTemplate": "itemTemplate"; "emptyTemplate": "emptyTemplate"; "loadingTemplate": "loadingTemplate"; }, { "valueChange": "valueChange"; "onValueChanged": "onValueChanged"; "onBlur": "onBlur"; "onFocus": "onFocus"; }, ["_contentItemTemplate", "_contentEmptyTemplate", "_contentloadingTemplate"], never, false>;
 }

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

@@ -79,21 +79,21 @@ export declare const AXBaseDatePickerMixin: (abstract new (...args: any[]) => {
         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";
         _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;
@@ -147,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"; "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"]>;
+    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"; "name": "name"; "checked": "checked"; "placeholder": "placeholder"; "maxLength": "maxLength"; "debounceTime": "debounceTime"; "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"], false>;
 }

package/lib/decorators/addon.component.d.ts

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

package/lib/decorators/close-button.component.d.ts

@@ -9,5 +9,5 @@ export declare class AXDecoratorCloseButtonComponent extends AXBaseComponentMixi
     set icon(v: string);
     _handleOnClick(e: MouseEvent): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXDecoratorCloseButtonComponent, [null, null, { optional: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXDecoratorCloseButtonComponent, "ax-close-button", never, { "icon": "icon"; }, {}, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXDecoratorCloseButtonComponent, "ax-close-button", never, { "icon": "icon"; }, {}, never, never, false>;
 }

package/lib/decorators/content.component.d.ts

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

package/lib/decorators/footer.component.d.ts

@@ -4,5 +4,5 @@ import * as i0 from "@angular/core";
 export declare class AXDecoratorFooterComponent extends AXBaseComponentMixin {
     constructor(elementRef: ElementRef, cdr: ChangeDetectorRef);
     static ɵfac: i0.ɵɵFactoryDeclaration<AXDecoratorFooterComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXDecoratorFooterComponent, "ax-footer", never, {}, {}, never, ["ax-suffix,ax-prefix,ax-button,ax-title,ax-close-button,ng-container"]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXDecoratorFooterComponent, "ax-footer", never, {}, {}, never, ["ax-suffix,ax-prefix,ax-button,ax-title,ax-data-pager,ax-close-button,ng-container"], false>;
 }

package/lib/decorators/header.component.d.ts

@@ -4,5 +4,5 @@ import * as i0 from "@angular/core";
 export declare class AXDecoratorHeaderComponent extends AXBaseComponentMixin {
     constructor(elementRef: ElementRef, cdr: ChangeDetectorRef);
     static ɵfac: i0.ɵɵFactoryDeclaration<AXDecoratorHeaderComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXDecoratorHeaderComponent, "ax-header", never, {}, {}, never, ["ax-suffix,ax-prefix,ax-button,ax-icon,ax-title,ax-close-button,ng-container,ng-content"]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXDecoratorHeaderComponent, "ax-header", never, {}, {}, never, ["ax-suffix,ax-prefix,ax-button,ax-icon,ax-title,ax-data-pager,ax-close-button,ng-container,ng-content"], false>;
 }

package/lib/decorators/icon.component.d.ts

@@ -6,5 +6,5 @@ export declare class AXDecoratorIconComponent extends AXSizableComponentMixin {
     private get __iconClass();
     constructor(elementRef: ElementRef, cdr: ChangeDetectorRef);
     static ɵfac: i0.ɵɵFactoryDeclaration<AXDecoratorIconComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXDecoratorIconComponent, "ax-icon", never, { "icon": "icon"; }, {}, never, ["i,svg,img"]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXDecoratorIconComponent, "ax-icon", never, { "icon": "icon"; }, {}, never, ["i,svg,img"], false>;
 }

package/lib/decorators/prefix.component.d.ts

@@ -4,5 +4,5 @@ import * as i0 from "@angular/core";
 export declare class AXDecoratorPrefixComponent extends AXBaseComponentMixin {
     constructor(elementRef: ElementRef, cdr: ChangeDetectorRef);
     static ɵfac: i0.ɵɵFactoryDeclaration<AXDecoratorPrefixComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXDecoratorPrefixComponent, "ax-prefix", never, {}, {}, never, ["ax-button,ax-loading,ax-icon,ax-content,ax-badge,ax-addon,ax-title,ng-container"]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXDecoratorPrefixComponent, "ax-prefix", never, {}, {}, never, ["*"], false>;
 }

package/lib/decorators/suffix.component.d.ts

@@ -4,5 +4,5 @@ import * as i0 from "@angular/core";
 export declare class AXDecoratorSuffixComponent extends AXBaseComponentMixin {
     constructor(elementRef: ElementRef, cdr: ChangeDetectorRef);
     static ɵfac: i0.ɵɵFactoryDeclaration<AXDecoratorSuffixComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXDecoratorSuffixComponent, "ax-suffix", never, {}, {}, never, ["ax-button,ax-loading,ax-icon,ax-content,ax-badge,ax-addon,ax-title,ax-alert-button,ng-container"]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXDecoratorSuffixComponent, "ax-suffix", never, {}, {}, never, ["*"], false>;
 }

package/lib/decorators/title.component.d.ts

@@ -5,5 +5,5 @@ export declare class AXDecoratorTitleComponent extends AXBaseComponentMixin {
     constructor(_elementRef: ElementRef, _cdr: ChangeDetectorRef);
     text: string;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXDecoratorTitleComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXDecoratorTitleComponent, "ax-title", never, { "text": "text"; }, {}, never, ["*"]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXDecoratorTitleComponent, "ax-title", never, { "text": "text"; }, {}, never, ["*"], false>;
 }

package/lib/dialog/dialog.component.d.ts

@@ -12,5 +12,5 @@ export declare class AXDialogComponent extends AXBaseComponentMixin {
     _handleButtonClick(button: AXButtonItem): void;
     _hasAutoFocus(button: AXButtonItem): boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXDialogComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXDialogComponent, "ax-dialog", never, {}, {}, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXDialogComponent, "ax-dialog", never, {}, {}, never, never, false>;
 }

package/lib/drawer/drawer-container.component.d.ts

@@ -6,5 +6,5 @@ export declare class AXDrawerContainerComponent extends AXBaseComponentMixin {
     constructor(elementRef: ElementRef, cdr: ChangeDetectorRef, _zone: NgZone);
     ngDoCheck(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXDrawerContainerComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXDrawerContainerComponent, "ax-drawer-container", never, {}, {}, never, ["ax-drawer[location='start']", "ax-content", "ax-drawer[location='end']"]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXDrawerContainerComponent, "ax-drawer-container", never, {}, {}, never, ["ax-drawer[location='start']", "ax-content", "ax-drawer[location='end']"], false>;
 }

package/lib/drawer/drawer.component.d.ts

@@ -32,5 +32,5 @@ export declare class AXDrawerComponent extends AXBaseComponentMixin {
     private _addBackdrop;
     private _removeBackdrop;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXDrawerComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXDrawerComponent, "ax-drawer", never, { "location": "location"; "mode": "mode"; "collapsed": "collapsed"; }, { "locationChange": "locationChange"; "modeChange": "modeChange"; "collapsedChange": "collapsedChange"; }, never, ["ax-header", "ax-content"]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXDrawerComponent, "ax-drawer", never, { "location": "location"; "mode": "mode"; "collapsed": "collapsed"; }, { "locationChange": "locationChange"; "modeChange": "modeChange"; "collapsedChange": "collapsedChange"; }, never, ["ax-header", "ax-content"], false>;
 }

package/lib/dropdown/dropdown-panel.component.d.ts

@@ -1,27 +1,26 @@
 import { ElementRef, ChangeDetectorRef, QueryList, EventEmitter } from '@angular/core';
 import { Subscription } from 'rxjs';
 import { AXBaseDropdownMixin, AXButtonClickEvent, AXClickEvent } from '../base';
-import { AXButtonComponent, AXButtonItem, AXButtonItemComponent } from '../button';
+import { AXButtonComponent, AXButtonItemComponent } from '../button';
 import { AXPopoverComponent } from '../popover';
 import * as i0 from "@angular/core";
 export declare class AXDropdownPanelComponent extends AXBaseDropdownMixin {
     _parent: AXButtonComponent;
     constructor(elementRef: ElementRef, cdr: ChangeDetectorRef, _parent: AXButtonComponent);
     _contentButtons: QueryList<AXButtonItemComponent>;
-    _viewButtons: QueryList<AXButtonItemComponent>;
     onItemClick: EventEmitter<AXButtonClickEvent>;
     popover: AXPopoverComponent;
-    private _items;
-    get items(): AXButtonItem[];
-    set items(v: AXButtonItem[]);
     _needBorder: boolean;
     _subs: Subscription[];
     _target: HTMLElement;
-    private _getAllButtons;
-    onViewInit(): void;
+    ngAfterContentInit(): void;
+    private _initContents;
+    private _bindEvents;
+    private _bindProps;
+    onOptionChanged(options: any): void;
     onDestroy(): void;
     _emitOnItemClickEvent(e: AXClickEvent, item: AXButtonItemComponent): void;
     private _handleOnItemClick;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXDropdownPanelComponent, [null, null, { optional: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXDropdownPanelComponent, "ax-dropdown-panel", never, { "isOpen": "isOpen"; "fitParent": "fitParent"; "dropdownWidth": "dropdownWidth"; "position": "position"; "items": "items"; }, { "onOpened": "onOpened"; "onClosed": "onClosed"; "onItemClick": "onItemClick"; }, ["_contentButtons"], ["[panel],ax-button-item"]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXDropdownPanelComponent, "ax-dropdown-panel", never, { "isOpen": "isOpen"; "fitParent": "fitParent"; "dropdownWidth": "dropdownWidth"; "position": "position"; }, { "onOpened": "onOpened"; "onClosed": "onClosed"; "onItemClick": "onItemClick"; }, ["_contentButtons"], ["[panel],ax-button-item"], false>;
 }