@acorex/components 7.2.7 → 7.3.1

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

@@ -6,9 +6,9 @@ import { AXPopoverComponent } from '@acorex/components/popover';
 import { AXBaseComponent } from '@acorex/components/mixin';
 import * as i0 from "@angular/core";
 export declare const AXBaseColorPickerMixin: (abstract new (...args: any[]) => {
-    "__#5095@#disabled": boolean;
+    "__#5215@#disabled": boolean;
     disabled: boolean;
-    "__#5095@#tabIndex": number;
+    "__#5215@#tabIndex": number;
     tabIndex: number;
     onFocus: import("@angular/core").EventEmitter<import("@acorex/components/common").AXFocusEvent>;
     _emitOnFocusEvent(e: FocusEvent): void;
@@ -17,9 +17,9 @@ export declare const AXBaseColorPickerMixin: (abstract new (...args: any[]) => {
     focus(): void;
     hasFocus(): boolean;
     id: string;
-    "__#5092@#rtl": boolean;
+    "__#5212@#rtl": boolean;
     rtl: boolean;
-    "__#5092@#elementRef": ElementRef<any>;
+    "__#5212@#elementRef": ElementRef<any>;
     _cdr: ChangeDetectorRef;
     _isInited: boolean;
     _isRendered: boolean;
@@ -49,18 +49,13 @@ export declare const AXBaseColorPickerMixin: (abstract new (...args: any[]) => {
     onInit(): void;
     onViewInit(): void;
     toggle(): void;
-    /**
-     * The Button is a component which detects user interaction and triggers a corresponding event
-     *
-     * @category Components
-     */
     close(): void;
     open(): void;
     readonly isOpen: boolean;
     id: string;
-    "__#5092@#rtl": boolean;
+    "__#5212@#rtl": boolean;
     rtl: boolean;
-    "__#5092@#elementRef": ElementRef<any>;
+    "__#5212@#elementRef": ElementRef<any>;
     _cdr: ChangeDetectorRef;
     _isInited: boolean;
     _isRendered: boolean;
@@ -81,17 +76,17 @@ export declare const AXBaseColorPickerMixin: (abstract new (...args: any[]) => {
     onValueChanged: import("@angular/core").EventEmitter<AXValueChangedEvent<any>>;
     valueChange: import("@angular/core").EventEmitter<any>;
     stateChange: import("@angular/core").EventEmitter<import("@acorex/components/mixin").AXComponentState>;
-    "__#5096@#readonly": boolean;
+    "__#5216@#readonly": boolean;
     readonly: boolean;
-    "__#5096@#allowNull": boolean;
+    "__#5216@#allowNull": boolean;
     allowNull: boolean;
-    "__#5096@#name": string;
+    "__#5216@#name": string;
     name: string;
-    "__#5096@#isUserInteraction": boolean;
+    "__#5216@#isUserInteraction": boolean;
     readonly isUserInteraction: boolean;
-    "__#5096@#value": any;
+    "__#5216@#value": any;
     value: any;
-    "__#5096@#state": import("@acorex/components/mixin").AXComponentState;
+    "__#5216@#state": import("@acorex/components/mixin").AXComponentState;
     state: import("@acorex/components/mixin").AXComponentState;
     _emitOnValueChangedEvent(oldValue?: any, newValue?: any): void;
     _internalSetValue(value: any): any;
@@ -109,14 +104,12 @@ export declare const AXBaseColorPickerMixin: (abstract new (...args: any[]) => {
     validate(): Promise<any>;
     _setState(state: import("@acorex/components/mixin").AXComponentState, ...args: any[]): void;
     id: string;
-    "__#5092@#rtl": boolean;
+    "__#5212@#rtl": boolean;
     rtl: boolean;
-    "__#5092@#elementRef": ElementRef<any>;
+    "__#5212@#elementRef": ElementRef<any>;
     _cdr: ChangeDetectorRef;
     _isInited: boolean;
-    _isRendered: boolean; /**
-     *  @ignore
-     */
+    _isRendered: boolean;
     ngOnInit(): void;
     ngAfterViewInit(): void;
     ngOnDestroy(): void;
@@ -141,9 +134,9 @@ export declare const AXBaseColorPickerMixin: (abstract new (...args: any[]) => {
     _emitOnKeyupEvent(e: KeyboardEvent): void;
     _emitOnKeypressEvent(e: KeyboardEvent): void;
     id: string;
-    "__#5092@#rtl": boolean;
+    "__#5212@#rtl": boolean;
     rtl: boolean;
-    "__#5092@#elementRef": ElementRef<any>;
+    "__#5212@#elementRef": ElementRef<any>;
     _cdr: ChangeDetectorRef;
     _isInited: boolean;
     _isRendered: boolean;

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

@@ -9,7 +9,7 @@ import * as i7 from "@acorex/components/button";
 import * as i8 from "@angular/cdk/a11y";
 import * as i9 from "@acorex/components/loading";
 import * as i10 from "@acorex/core/translation";
-import * as i11 from "@acorex/components/textbox";
+import * as i11 from "@acorex/components/text-box";
 import * as i12 from "@acorex/components/color-palette";
 export declare class AXColorPickerModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<AXColorPickerModule, never>;

package/common/index.d.ts

@@ -3,6 +3,7 @@ export * from './lib/classes/data.class';
 export * from './lib/classes/drawing.class';
 export * from './lib/classes/events.class';
 export * from './lib/classes/styles.class';
+export * from './lib/classes/datalist.class';
 export * from './lib/common.module';
 export * from './lib/components/base-component.class';
 export * from './lib/components/button-base-component.class';
@@ -11,9 +12,10 @@ export * from './lib/components/colorlook-component.class';
 export * from './lib/components/interactive-component.class';
 export * from './lib/components/look-component.class';
 export * from './lib/components/value-component.class';
+export * from './lib/components/input-base-value-component.class';
 export * from './lib/constant/positions';
 export * from './lib/directives/auto-focus.directive';
-export * from './lib/directives/debounce-time.directive';
+export * from './lib/directives/delayed-value-changed.directive';
 export * from './lib/directives/hotkey.directive';
 export * from './lib/directives/infinite-scroll.directive';
 export * from './lib/directives/responsive.directive';

package/common/lib/classes/components.class.d.ts

@@ -30,14 +30,24 @@ export declare abstract class AXClosbaleComponent extends AXComponent {
     static ɵfac: i0.ɵɵFactoryDeclaration<AXClosbaleComponent, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<AXClosbaleComponent>;
 }
+export declare abstract class AXClearableComponent extends AXComponent {
+    abstract clear(u: boolean): void;
+    abstract get readonly(): boolean;
+    abstract get disabled(): boolean;
+    abstract get value(): unknown;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXClearableComponent, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<AXClearableComponent>;
+}
 export declare abstract class AXSearchableComponent extends AXComponent {
     abstract search(value: string): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXSearchableComponent, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<AXSearchableComponent>;
 }
 export declare abstract class AXValuableComponent extends AXComponent {
-    abstract onValueChanged: EventEmitter<AXValueChangedEvent<any>>;
-    abstract value: any;
+    abstract get name(): string;
+    abstract get value(): unknown;
+    abstract onValueChanged: EventEmitter<AXValueChangedEvent<unknown>>;
+    abstract commitValue(value: unknown, u: boolean): any;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXValuableComponent, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<AXValuableComponent>;
 }

package/common/lib/classes/datalist.class.d.ts

@@ -0,0 +1,11 @@
+export interface AXDataListQuery {
+    take?: number;
+    skip?: number;
+    searchQuery?: string;
+}
+export interface AXDataListFetchCallbackResult {
+    items: any[];
+    total: number;
+}
+export type AXDataListFetchDataCallback = (e: AXDataListQuery) => Promise<any[] | AXDataListFetchCallbackResult>;
+export type AXDataListItems = any[] | AXDataListFetchDataCallback;

package/common/lib/common.module.d.ts

@@ -1,11 +1,10 @@
 import * as i0 from "@angular/core";
 import * as i1 from "./directives/responsive.directive";
 import * as i2 from "./directives/infinite-scroll.directive";
-import * as i3 from "./directives/debounce-time.directive";
-import * as i4 from "./directives/auto-focus.directive";
-import * as i5 from "./directives/hotkey.directive";
+import * as i3 from "./directives/auto-focus.directive";
+import * as i4 from "./directives/hotkey.directive";
 export declare class AXCommonModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<AXCommonModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<AXCommonModule, [typeof i1.AXResponsiveDirective, typeof i2.AXInfiniteScrollerDirective, typeof i3.AXNgModelChangeDebouncedDirective, typeof i4.AXAutoFocusDirective, typeof i5.AXHotkeyDirective], never, [typeof i1.AXResponsiveDirective, typeof i2.AXInfiniteScrollerDirective, typeof i4.AXAutoFocusDirective, typeof i3.AXNgModelChangeDebouncedDirective, typeof i5.AXHotkeyDirective]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<AXCommonModule, [typeof i1.AXResponsiveDirective, typeof i2.AXInfiniteScrollerDirective, typeof i3.AXAutoFocusDirective, typeof i4.AXHotkeyDirective], never, [typeof i1.AXResponsiveDirective, typeof i2.AXInfiniteScrollerDirective, typeof i3.AXAutoFocusDirective, typeof i4.AXHotkeyDirective]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<AXCommonModule>;
 }

package/common/lib/components/base-component.class.d.ts

@@ -5,6 +5,7 @@ export type MXComponentOptionChanging<T = any> = {
     name: string;
     value?: T;
 };
+export type MXComponentOptionChanged<T = any> = MXComponentOptionChanging<T>;
 export type MXComponentSetOption<T> = {
     name: string;
     value?: T;
@@ -13,17 +14,24 @@ export type MXComponentSetOption<T> = {
 };
 export type AXComponentState = 'clear' | 'success' | 'error';
 export declare abstract class MXBaseComponent {
-    id: string;
     private _cdr;
     private _elementRef;
     private _viewRef;
+    private _domService;
+    private _id;
+    get id(): string;
+    set id(v: string);
     protected get cdr(): ChangeDetectorRef;
     getHostElement<T = HTMLElement>(): T;
     protected getViewContainer(): ViewContainerRef;
-    protected onOptionChanging(option: MXComponentOptionChanging): any;
-    protected init(): void;
-    protected onOptionChanged: EventEmitter<AXOptionChangedEvent>;
-    protected setOption<T = any>(option: MXComponentSetOption<T>): void;
+    protected internalOptionChanging(option: MXComponentOptionChanging): any;
+    protected internalOptionChanged(option: MXComponentOptionChanged): void;
+    /**
+     * @ignore
+     */
+    constructor();
+    onOptionChanged: EventEmitter<AXOptionChangedEvent>;
+    setOption<T = any>(option: MXComponentSetOption<T>): void;
     private _rtl;
     get rtl(): boolean;
     set rtl(value: boolean);

package/common/lib/components/input-base-value-component.class.d.ts

@@ -0,0 +1,27 @@
+import { EventEmitter } from "@angular/core";
+import { MXValueComponent } from "./value-component.class";
+import { AXHtmlEvent } from "../classes/events.class";
+import * as i0 from "@angular/core";
+export declare class MXInputBaseValueComponent<T = string> extends MXValueComponent<T> {
+    placeholder: string;
+    /**
+    *  Fires each time the user press a key.
+    *  @event
+    */
+    onKeyDown: EventEmitter<AXHtmlEvent<KeyboardEvent>>;
+    /**
+    *  Fires each time the user press a key.
+    *  @event
+    */
+    onKeyUp: EventEmitter<AXHtmlEvent<KeyboardEvent>>;
+    /**
+    *  Fires each time the user press a key.
+    *  @event
+    */
+    onKeyPress: EventEmitter<AXHtmlEvent<KeyboardEvent>>;
+    protected emitOnKeydownEvent(e: KeyboardEvent): void;
+    protected emitOnKeyupEvent(e: KeyboardEvent): void;
+    protected emitOnKeypressEvent(e: KeyboardEvent): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MXInputBaseValueComponent<any>, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<MXInputBaseValueComponent<any>>;
+}

package/common/lib/components/interactive-component.class.d.ts

@@ -2,12 +2,19 @@ import { EventEmitter } from '@angular/core';
 import { AXFocusEvent } from '../classes/events.class';
 import { MXBaseComponent } from './base-component.class';
 export declare class MXInteractiveComponent extends MXBaseComponent {
+    protected onTouchedCallback: () => void;
+    registerOnTouched(fn: () => void): void;
+    private _touched;
+    get touched(): boolean;
+    protected markAsTouched(): void;
+    disabledChange: EventEmitter<boolean>;
     private _disabled;
     /**
      *  If set to true, it disables the component.
      */
     get disabled(): boolean;
     set disabled(value: boolean);
+    setDisabledState(isDisabled: boolean): void;
     _tabIndex: number;
     /**
      *  Specifies the tabindex of the component.

package/common/lib/components/value-component.class.d.ts

@@ -1,15 +1,21 @@
 import { EventEmitter } from '@angular/core';
-import { AXComponentState, MXBaseComponent } from './base-component.class';
+import { ControlValueAccessor } from '@angular/forms';
 import { AXValueChangedEvent } from '../classes/events.class';
+import { AXComponentState } from './base-component.class';
+import { MXInteractiveComponent } from './interactive-component.class';
 import * as i0 from "@angular/core";
-export declare class MXValueComponent<T = any> extends MXBaseComponent {
+export declare class MXValueComponent<T = any> extends MXInteractiveComponent implements ControlValueAccessor {
     /**
      *  Fires each time the user press a key.
      *  @event
      */
     onValueChanged: EventEmitter<AXValueChangedEvent<any>>;
+    /**
+     * @deprecated The event should not be used, use ngModelChange instead
+     */
     valueChange: EventEmitter<any>;
     stateChange: EventEmitter<AXComponentState>;
+    readonlyChange: EventEmitter<boolean>;
     private _readonly;
     /**
      *  If set to true, user cannot change the value of component.
@@ -19,28 +25,36 @@ export declare class MXValueComponent<T = any> extends MXBaseComponent {
     private _name;
     get name(): string;
     set name(value: string);
+    private _dirty;
+    get dirty(): boolean;
+    markAsDirty(): void;
     private _isUserInteraction;
-    get isUserInteraction(): boolean;
-    set isUserInteraction(value: boolean);
-    protected setUserInteraction(): void;
     initValue: T;
     defaultValue: T;
     private _value;
+    /**
+     * @deprecated The property should not be used, use ngModel instead
+     */
     get value(): T;
     set value(v: T);
     private _state;
     get state(): AXComponentState;
     set state(value: AXComponentState);
     protected emitOnValueChangedEvent(oldValue?: any, newValue?: any): void;
-    protected setValue(value: any): any;
-    protected getValue(value: any): any;
+    protected internalSetValue(value: any): T;
+    protected internalGetValue(value: any): T;
+    protected internalValueChanged(value: any): void;
     protected ngOnInit(): void;
     protected ngAfterViewInit(): void;
     protected ngOnDestroy(): void;
-    clear(): void;
     private _checkRequired;
     validate(): Promise<any>;
     protected setState(state: AXComponentState, ...args: any[]): void;
+    protected onChangeCallback: (value: T) => void;
+    registerOnChange(fn: (value: T) => void): void;
+    writeValue(value: T): void;
+    commitValue(value: T, u?: boolean): void;
+    clear(e: boolean): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<MXValueComponent<any>, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<MXValueComponent<any>>;
 }

package/common/lib/directives/auto-focus.directive.d.ts

@@ -1,13 +1,14 @@
-import { AfterContentInit, ElementRef } from '@angular/core';
+import { AfterViewInit, ElementRef, Renderer2 } from '@angular/core';
 import { AXFocusableComponent } from '../classes/components.class';
 import * as i0 from "@angular/core";
-export declare class AXAutoFocusDirective implements AfterContentInit {
+export declare class AXAutoFocusDirective implements AfterViewInit {
+    private renderer;
     private el;
     _host: AXFocusableComponent;
     autoFocus?: boolean;
-    constructor(el: ElementRef<HTMLElement>, _host: AXFocusableComponent);
+    constructor(renderer: Renderer2, el: ElementRef<HTMLElement>, _host: AXFocusableComponent);
     time: number;
-    ngAfterContentInit(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<AXAutoFocusDirective, [null, { optional: true; host: true; self: true; }]>;
+    ngAfterViewInit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXAutoFocusDirective, [null, null, { optional: true; host: true; self: true; }]>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<AXAutoFocusDirective, "[axAutoFocus]", never, { "autoFocus": { "alias": "axAutoFocus"; "required": false; }; "time": { "alias": "focus-time"; "required": false; }; }, {}, never, never, false, never>;
 }

package/common/lib/directives/delayed-value-changed.directive.d.ts

@@ -0,0 +1,17 @@
+import { EventEmitter, OnDestroy } from "@angular/core";
+import { NgModel } from "@angular/forms";
+import * as i0 from "@angular/core";
+export declare class AXNgModelDelayedValueChangedDirective implements OnDestroy {
+    private ngModel;
+    delayedValueChanged: EventEmitter<any>;
+    delayTimeChange: EventEmitter<number>;
+    private _delayTime;
+    get delayTime(): number;
+    set delayTime(v: number);
+    private subscription;
+    ngOnDestroy(): void;
+    constructor(ngModel: NgModel);
+    private update;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXNgModelDelayedValueChangedDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<AXNgModelDelayedValueChangedDirective, "[delayedValueChanged]", never, { "delayTime": { "alias": "delayTime"; "required": false; }; }, { "delayedValueChanged": "delayedValueChanged"; "delayTimeChange": "delayTimeChange"; }, never, never, true, never>;
+}

package/common/lib/services/dom.service.d.ts

@@ -0,0 +1,6 @@
+import * as i0 from "@angular/core";
+export declare class AXDomService {
+    generateElementId(): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXDomService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<AXDomService>;
+}

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

@@ -1,12 +1,12 @@
 import { EventEmitter } from '@angular/core';
-import { AXEvent } from '@acorex/components/common';
-import { AXInteractiveComponenetMixin } from '@acorex/components/mixin';
+import { AXEvent, MXInteractiveComponent, AXOptionChangedEvent } from '@acorex/components/common';
+import { AXUnsubscriber } from '@acorex/core/utils';
 import * as i0 from "@angular/core";
 /**
  * A token that specifies the  display mode of datapager component.
  */
 export type AXDataPagerDisplayMode = 'full' | 'compact' | 'custom';
-export interface AXDataPagerInfoData {
+export interface AXDataPagerData {
     range: {
         from: number;
         to: number;
@@ -17,7 +17,7 @@ export interface AXDataPagerInfoData {
     totalPages: number;
     totalItems: number;
 }
-export declare class AXPagerPageChangedEvent extends AXEvent implements AXDataPagerInfoData {
+export declare class AXDataPagerChangedEvent extends AXEvent implements AXDataPagerData {
     range: {
         from: number;
         to: number;
@@ -28,22 +28,27 @@ export declare class AXPagerPageChangedEvent extends AXEvent implements AXDataPa
     totalPages: number;
     totalItems: number;
 }
-export declare class AXPagerStateChangedEvent extends AXPagerPageChangedEvent {
-}
-export declare abstract class AXPagerComponent {
-    abstract onStateChanged: EventEmitter<AXPagerStateChangedEvent>;
-    abstract get state(): AXDataPagerInfoData;
+export declare abstract class AXDataPagerParentComponent {
+    abstract readonly: boolean;
+    abstract disabled: boolean;
+    abstract onChanged: EventEmitter<AXDataPagerChangedEvent>;
+    abstract onOptionChanged: EventEmitter<AXOptionChangedEvent>;
+    abstract get displayInfo(): AXDataPagerData;
     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>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXDataPagerParentComponent, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<AXDataPagerParentComponent>;
 }
-export declare abstract class AXDataPagerChild extends AXInteractiveComponenetMixin {
-    constructor(...args: any[]);
+export declare abstract class AXDataPagerChild extends MXInteractiveComponent {
+    protected _parent: AXDataPagerParentComponent;
+    protected _unsubscriber: AXUnsubscriber;
+    constructor();
+    ngAfterViewInit(): void;
+    protected abstract applyParent(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXDataPagerChild, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<AXDataPagerChild>;
 }

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

@@ -1,15 +1,9 @@
-import { ElementRef, ChangeDetectorRef } from '@angular/core';
-import { AXDataPagerChild, AXPagerComponent } from './data-pager-base.component';
+import { AXDataPagerChild } 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;
+    protected _textFormatted: string;
+    protected applyParent(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXDataPagerInfoComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<AXDataPagerInfoComponent, "ax-data-pager-info", never, { "text": { "alias": "text"; "required": false; }; }, {}, never, never, false, never>;
 }

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

@@ -1,15 +1,11 @@
-import { ElementRef, ChangeDetectorRef } from '@angular/core';
 import { AXValueChangedEvent } from '@acorex/components/common';
-import { AXDataPagerChild, AXPagerComponent } from './data-pager-base.component';
+import { AXDataPagerChild } 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;
+    protected _totalPages: number;
+    protected _currentPage: number;
+    protected applyParent(): void;
+    protected _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, never>;
 }

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

@@ -1,14 +1,8 @@
-import { ElementRef, ChangeDetectorRef } from '@angular/core';
 import { AXClickEvent } from '@acorex/components/common';
-import { AXDataPagerChild, AXPagerComponent } from './data-pager-base.component';
+import { AXDataPagerChild } 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;
+    protected applyParent(): void;
     _emitOnLastPageClick(e: AXClickEvent): void;
     _emitOnNextPageClick(e: AXClickEvent): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXDataPagerNextButtonsComponent, never>;

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

@@ -1,17 +1,12 @@
-import { ElementRef, ChangeDetectorRef, NgZone } from '@angular/core';
 import { AXButtonItem } from '@acorex/components/button';
-import { AXDataPagerChild, AXPagerComponent } from './data-pager-base.component';
+import { AXDataPagerChild } 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;
+    protected applyParent(): void;
     _handleOnItemClick(e: any): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXDataPagerNumericSelectorComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<AXDataPagerNumericSelectorComponent, "ax-data-pager-numeric-selector", never, {}, {}, never, never, false, never>;

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

@@ -1,17 +1,13 @@
-import { ElementRef, ChangeDetectorRef } from '@angular/core';
 import { AXClickEvent } from '@acorex/components/common';
-import { AXDataPagerChild, AXPagerComponent } from './data-pager-base.component';
+import { AXDataPagerChild } 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: any[];
     private _sizes;
     get sizes(): number[];
     set sizes(v: number[]);
-    private _generateDisplayItems;
+    protected applyParent(): void;
     _emitOnItemClick(e: AXClickEvent): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXDataPagerPageSizesComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<AXDataPagerPageSizesComponent, "ax-data-pager-page-sizes", never, { "sizes": { "alias": "sizes"; "required": false; }; }, {}, never, never, false, never>;

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

@@ -1,13 +1,8 @@
-import { ElementRef, ChangeDetectorRef } from '@angular/core';
 import { AXClickEvent } from '@acorex/components/common';
-import { AXDataPagerChild, AXPagerComponent } from './data-pager-base.component';
+import { AXDataPagerChild } 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;
+    protected applyParent(): void;
     _emitOnFirstPageClick(e: AXClickEvent): void;
     _emitOnPrevPageClick(e: AXClickEvent): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXDataPagerPrevButtonsComponent, never>;

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

@@ -1,11 +1,8 @@
-import { ElementRef, ChangeDetectorRef, EventEmitter } from '@angular/core';
-import { AXPagedComponent } from '@acorex/components/common';
-import { AXDataPagerDisplayMode, AXDataPagerInfoData, AXPagerStateChangedEvent } from './data-pager-base.component';
-import { AXBaseValueComponentMixin } from '@acorex/components/mixin';
+import { EventEmitter } from '@angular/core';
+import { AXPagedComponent, MXValueComponent } from '@acorex/components/common';
+import { AXDataPagerData, AXDataPagerChangedEvent } from './data-pager-base.component';
 import * as i0 from "@angular/core";
-export declare class AXDataPagerComponent extends AXBaseValueComponentMixin {
-    private _elementRef;
-    private _cdr;
+export declare class AXDataPagerComponent extends MXValueComponent<number> {
     private _parent;
     private _size;
     get size(): number;
@@ -16,20 +13,22 @@ export declare class AXDataPagerComponent extends AXBaseValueComponentMixin {
     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;
+    displayModeChange: EventEmitter<string>;
+    private _displayMode;
+    get displayMode(): string;
+    set displayMode(v: string);
+    onChanged: EventEmitter<AXDataPagerChangedEvent>;
+    constructor(_parent: AXPagedComponent);
+    ngAfterViewInit(): void;
+    protected internalValueChanged(value: any): void;
+    protected internalGetValue(value: any): number;
+    get displayInfo(): AXDataPagerData;
+    private _emitChangedEvent;
     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, { "value": { "alias": "value"; "required": false; }; "name": { "alias": "name"; "required": false; }; "size": { "alias": "size"; "required": false; }; "total": { "alias": "total"; "required": false; }; "displayMode": { "alias": "displayMode"; "required": false; }; }, { "valueChange": "valueChange"; "onValueChanged": "onValueChanged"; "onStateChanged": "onStateChanged"; }, never, ["ax-prefix", "ax-suffix"], false, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXDataPagerComponent, [{ optional: true; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXDataPagerComponent, "ax-data-pager", never, { "value": { "alias": "value"; "required": false; }; "name": { "alias": "name"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "size": { "alias": "size"; "required": false; }; "total": { "alias": "total"; "required": false; }; "displayMode": { "alias": "displayMode"; "required": false; }; }, { "valueChange": "valueChange"; "onValueChanged": "onValueChanged"; "disabledChange": "disabledChange"; "readonlyChange": "readonlyChange"; "displayModeChange": "displayModeChange"; "onChanged": "onChanged"; }, never, ["ax-prefix", "ax-suffix"], false, never>;
 }