@acorex/components 7.1.0 → 7.1.2

package/fesm2022/acorex-components-data-pager.mjs

@@ -16,168 +16,168 @@ import * as i3$1 from '@acorex/components/dropdown';
 import { AXDropdownModule } from '@acorex/components/dropdown';
 import { isNumber } from 'lodash-es';
 
-class AXPagerPageChangedEvent extends AXEvent {
-    range = { from: 0, to: 0 };
-    page = 0;
-    skip = 0;
-    take = 0;
-    totalPages = 0;
-    totalItems = 0;
-}
-class AXPagerStateChangedEvent extends AXPagerPageChangedEvent {
-}
-class AXPagerComponent {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: AXPagerComponent, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: AXPagerComponent });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: AXPagerComponent, decorators: [{
-            type: Injectable
-        }] });
-class AXDataPagerChild extends AXInteractiveComponenetMixin {
-    constructor(...args) {
-        super(...args);
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: AXDataPagerChild, deps: [{ token: Array }], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: AXDataPagerChild });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: AXDataPagerChild, decorators: [{
-            type: Injectable
-        }], ctorParameters: function () { return [{ type: undefined, decorators: [{
-                    type: Inject,
-                    args: [Array]
+class AXPagerPageChangedEvent extends AXEvent {
+    range = { from: 0, to: 0 };
+    page = 0;
+    skip = 0;
+    take = 0;
+    totalPages = 0;
+    totalItems = 0;
+}
+class AXPagerStateChangedEvent extends AXPagerPageChangedEvent {
+}
+class AXPagerComponent {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: AXPagerComponent, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: AXPagerComponent });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: AXPagerComponent, decorators: [{
+            type: Injectable
+        }] });
+class AXDataPagerChild extends AXInteractiveComponenetMixin {
+    constructor(...args) {
+        super(...args);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: AXDataPagerChild, deps: [{ token: Array }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: AXDataPagerChild });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: AXDataPagerChild, decorators: [{
+            type: Injectable
+        }], ctorParameters: function () { return [{ type: undefined, decorators: [{
+                    type: Inject,
+                    args: [Array]
                 }] }]; } });
 
-class AXDataPagerInfoComponent extends AXDataPagerChild {
-    elementRef;
-    cdr;
-    _parent;
-    constructor(elementRef, cdr, _parent) {
-        super(elementRef, cdr);
-        this.elementRef = elementRef;
-        this.cdr = cdr;
-        this._parent = _parent;
-    }
-    text = AXTranslator.get('datapager.info.text');
-    _textFormatted;
-    onViewInit() {
-        this._updateText();
-        this._parent.onStateChanged.subscribe((c) => {
-            this._updateText();
-        });
-    }
-    _updateText() {
-        const info = this._parent.state;
-        if ([info.range, info.range.from, info.totalItems].every((c) => c)) {
-            this._textFormatted = this.text
-                .replace('[from]', info.range.from.toString())
-                .replace('[to]', info.range.to.toString())
-                .replace('[totalItems]', info.totalItems.toString())
-                .replace('[page]', info.page.toString())
-                .replace('[totalPages]', info.totalPages.toString());
-            this.cdr.markForCheck();
-        }
-        else {
-        }
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: AXDataPagerInfoComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: AXPagerComponent }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: AXDataPagerInfoComponent, selector: "ax-data-pager-info", inputs: { text: "text" }, host: { classAttribute: "ax-data-pager-info" }, providers: [
-            { provide: AXDataPagerChild, useExisting: AXDataPagerInfoComponent },
-        ], usesInheritance: true, ngImport: i0, template: `{{ _textFormatted }}`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: AXDataPagerInfoComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'ax-data-pager-info',
-                    template: `{{ _textFormatted }}`,
-                    host: { class: 'ax-data-pager-info' },
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                    encapsulation: ViewEncapsulation.None,
-                    providers: [
-                        { provide: AXDataPagerChild, useExisting: AXDataPagerInfoComponent },
-                    ],
-                }]
-        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }, { type: AXPagerComponent, decorators: [{
-                    type: Inject,
-                    args: [AXPagerComponent]
-                }] }]; }, propDecorators: { text: [{
-                type: Input
+class AXDataPagerInfoComponent extends AXDataPagerChild {
+    elementRef;
+    cdr;
+    _parent;
+    constructor(elementRef, cdr, _parent) {
+        super(elementRef, cdr);
+        this.elementRef = elementRef;
+        this.cdr = cdr;
+        this._parent = _parent;
+    }
+    text = AXTranslator.get('datapager.info.text');
+    _textFormatted;
+    onViewInit() {
+        this._updateText();
+        this._parent.onStateChanged.subscribe((c) => {
+            this._updateText();
+        });
+    }
+    _updateText() {
+        const info = this._parent.state;
+        if ([info.range, info.range.from, info.totalItems].every((c) => c)) {
+            this._textFormatted = this.text
+                .replace('[from]', info.range.from.toString())
+                .replace('[to]', info.range.to.toString())
+                .replace('[totalItems]', info.totalItems.toString())
+                .replace('[page]', info.page.toString())
+                .replace('[totalPages]', info.totalPages.toString());
+            this.cdr.markForCheck();
+        }
+        else {
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: AXDataPagerInfoComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: AXPagerComponent }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: AXDataPagerInfoComponent, selector: "ax-data-pager-info", inputs: { text: "text" }, host: { classAttribute: "ax-data-pager-info" }, providers: [
+            { provide: AXDataPagerChild, useExisting: AXDataPagerInfoComponent },
+        ], usesInheritance: true, ngImport: i0, template: `{{ _textFormatted }}`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: AXDataPagerInfoComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ax-data-pager-info',
+                    template: `{{ _textFormatted }}`,
+                    host: { class: 'ax-data-pager-info' },
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    encapsulation: ViewEncapsulation.None,
+                    providers: [
+                        { provide: AXDataPagerChild, useExisting: AXDataPagerInfoComponent },
+                    ],
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }, { type: AXPagerComponent, decorators: [{
+                    type: Inject,
+                    args: [AXPagerComponent]
+                }] }]; }, propDecorators: { text: [{
+                type: Input
             }] } });
 
-class AXDataPagerInputSelectorComponent extends AXDataPagerChild {
-    _parent;
-    cdr;
-    constructor(elementRef, _parent, cdr) {
-        super(elementRef, cdr);
-        this._parent = _parent;
-        this.cdr = cdr;
-    }
-    _totalPages = 1;
-    _currentPage = 1;
-    onViewInit() {
-        this._currentPage = this._parent.state.page;
-        this._totalPages = this._parent.state.totalPages;
-        this._parent.onStateChanged.subscribe(c => {
-            this._currentPage = c.page;
-            this._totalPages = c.totalPages;
-            this.cdr.markForCheck();
-        });
-    }
-    _handleValueChanged(e) {
-        //TODO: debounceTime
-        this._parent.goToPage(e.value);
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: AXDataPagerInputSelectorComponent, deps: [{ token: i0.ElementRef }, { token: AXPagerComponent }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+class AXDataPagerInputSelectorComponent extends AXDataPagerChild {
+    _parent;
+    cdr;
+    constructor(elementRef, _parent, cdr) {
+        super(elementRef, cdr);
+        this._parent = _parent;
+        this.cdr = cdr;
+    }
+    _totalPages = 1;
+    _currentPage = 1;
+    onViewInit() {
+        this._currentPage = this._parent.state.page;
+        this._totalPages = this._parent.state.totalPages;
+        this._parent.onStateChanged.subscribe(c => {
+            this._currentPage = c.page;
+            this._totalPages = c.totalPages;
+            this.cdr.markForCheck();
+        });
+    }
+    _handleValueChanged(e) {
+        //TODO: debounceTime
+        this._parent.goToPage(e.value);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: AXDataPagerInputSelectorComponent, deps: [{ token: i0.ElementRef }, { token: AXPagerComponent }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: AXDataPagerInputSelectorComponent, selector: "ax-data-pager-input-selector", providers: [{ provide: AXDataPagerChild, useExisting: AXDataPagerInputSelectorComponent }], usesInheritance: true, ngImport: i0, template: `
         <ax-number-box [value]="_currentPage" class="ax-sm" (onValueChanged)="_handleValueChanged($event)" [showSpinButtons]="false"
             [minValue]="1" [maxValue]="_totalPages" allowNull="false">
         </ax-number-box>
-    `, isInline: true, dependencies: [{ kind: "component", type: i1.AXNumberBoxComponent, selector: "ax-number-box", inputs: ["disabled", "readonly", "tabIndex", "size", "value", "state", "placeholder", "maxLength", "allowNull", "type", "autoComplete", "name", "checked", "thousandsSeparator", "padDecimalZeros", "step", "decimals", "decimalStep", "showSpinButtons", "minValue", "maxValue"], outputs: ["valueChange", "stateChange", "onValueChanged", "onBlur", "onFocus"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: AXDataPagerInputSelectorComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'ax-data-pager-input-selector',
+    `, isInline: true, dependencies: [{ kind: "component", type: i1.AXNumberBoxComponent, selector: "ax-number-box", inputs: ["disabled", "readonly", "tabIndex", "size", "value", "state", "placeholder", "maxLength", "allowNull", "type", "autoComplete", "name", "checked", "thousandsSeparator", "padDecimalZeros", "step", "decimals", "decimalStep", "showSpinButtons", "minValue", "maxValue"], outputs: ["valueChange", "stateChange", "onValueChanged", "onBlur", "onFocus"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: AXDataPagerInputSelectorComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ax-data-pager-input-selector',
                     template: `
         <ax-number-box [value]="_currentPage" class="ax-sm" (onValueChanged)="_handleValueChanged($event)" [showSpinButtons]="false"
             [minValue]="1" [maxValue]="_totalPages" allowNull="false">
         </ax-number-box>
-    `,
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                    encapsulation: ViewEncapsulation.None,
-                    providers: [{ provide: AXDataPagerChild, useExisting: AXDataPagerInputSelectorComponent }]
-                }]
-        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: AXPagerComponent, decorators: [{
-                    type: Inject,
-                    args: [AXPagerComponent]
+    `,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    encapsulation: ViewEncapsulation.None,
+                    providers: [{ provide: AXDataPagerChild, useExisting: AXDataPagerInputSelectorComponent }]
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: AXPagerComponent, decorators: [{
+                    type: Inject,
+                    args: [AXPagerComponent]
                 }] }, { type: i0.ChangeDetectorRef }]; } });
 
-class AXDataPagerNextButtonsComponent extends AXDataPagerChild {
-    elementRef;
-    cdr;
-    _parent;
-    constructor(elementRef, cdr, _parent) {
-        super(elementRef, cdr);
-        this.elementRef = elementRef;
-        this.cdr = cdr;
-        this._parent = _parent;
-    }
-    onViewInit() {
-        this._checkDisabled();
-        //
-        this._parent.onStateChanged.subscribe(c => {
-            this._checkDisabled();
-        });
-    }
-    _checkDisabled() {
-        this.disabled = this._parent.state.page == this._parent.state.totalPages;
-    }
-    _emitOnLastPageClick(e) {
-        this._parent.goLastPage();
-    }
-    _emitOnNextPageClick(e) {
-        this._parent.goNextPage();
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: AXDataPagerNextButtonsComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: AXPagerComponent }], target: i0.ɵɵFactoryTarget.Component });
+class AXDataPagerNextButtonsComponent extends AXDataPagerChild {
+    elementRef;
+    cdr;
+    _parent;
+    constructor(elementRef, cdr, _parent) {
+        super(elementRef, cdr);
+        this.elementRef = elementRef;
+        this.cdr = cdr;
+        this._parent = _parent;
+    }
+    onViewInit() {
+        this._checkDisabled();
+        //
+        this._parent.onStateChanged.subscribe(c => {
+            this._checkDisabled();
+        });
+    }
+    _checkDisabled() {
+        this.disabled = this._parent.state.page == this._parent.state.totalPages;
+    }
+    _emitOnLastPageClick(e) {
+        this._parent.goLastPage();
+    }
+    _emitOnNextPageClick(e) {
+        this._parent.goNextPage();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: AXDataPagerNextButtonsComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: AXPagerComponent }], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: AXDataPagerNextButtonsComponent, selector: "ax-data-pager-next-buttons", providers: [{ provide: AXDataPagerChild, useExisting: AXDataPagerNextButtonsComponent }], usesInheritance: true, ngImport: i0, template: `
             <ax-button  [disabled]="disabled" look="blank" color="ghost" class="ax-sm"  title="Go to the next page" (onClick)="_emitOnNextPageClick($event)" >
                 <ax-icon [ngClass]="{'ax-icon-chevron-left': rtl,'ax-icon-chevron-right': !rtl}"></ax-icon>  
@@ -186,12 +186,12 @@ class AXDataPagerNextButtonsComponent extends AXDataPagerChild {
             <ax-button  [disabled]="disabled" look="blank" color="ghost" class="ax-sm" title="Go to the last page" (onClick)="_emitOnLastPageClick($event)">
                 <ax-icon [ngClass]="{'ax-icon-first-page': rtl,'ax-icon-last-page': !rtl}"></ax-icon>
             </ax-button>
-    `, isInline: true, dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: i2.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "type"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange"] }, { kind: "component", type: i3.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: AXDataPagerNextButtonsComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'ax-data-pager-next-buttons',
+    `, isInline: true, dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: i2.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "type"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange"] }, { kind: "component", type: i3.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: AXDataPagerNextButtonsComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ax-data-pager-next-buttons',
                     template: `
             <ax-button  [disabled]="disabled" look="blank" color="ghost" class="ax-sm"  title="Go to the next page" (onClick)="_emitOnNextPageClick($event)" >
                 <ax-icon [ngClass]="{'ax-icon-chevron-left': rtl,'ax-icon-chevron-right': !rtl}"></ax-icon>  
@@ -200,67 +200,67 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImpor
             <ax-button  [disabled]="disabled" look="blank" color="ghost" class="ax-sm" title="Go to the last page" (onClick)="_emitOnLastPageClick($event)">
                 <ax-icon [ngClass]="{'ax-icon-first-page': rtl,'ax-icon-last-page': !rtl}"></ax-icon>
             </ax-button>
-    `,
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                    encapsulation: ViewEncapsulation.None,
-                    providers: [{ provide: AXDataPagerChild, useExisting: AXDataPagerNextButtonsComponent }]
-                }]
-        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }, { type: AXPagerComponent, decorators: [{
-                    type: Inject,
-                    args: [AXPagerComponent]
+    `,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    encapsulation: ViewEncapsulation.None,
+                    providers: [{ provide: AXDataPagerChild, useExisting: AXDataPagerNextButtonsComponent }]
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }, { type: AXPagerComponent, decorators: [{
+                    type: Inject,
+                    args: [AXPagerComponent]
                 }] }]; } });
 
-class AXDataPagerNumericSelectorComponent extends AXDataPagerChild {
-    _parent;
-    _zone;
-    constructor(_elementRef, _cdr, _parent, _zone) {
-        super(_elementRef, _cdr);
-        this._parent = _parent;
-        this._zone = _zone;
-    }
-    _items = [];
-    _currentPage = 1;
-    _lastPage = 1;
-    _displayCount = 5;
-    onViewInit() {
-        this._generateDisplayItems();
-        this._parent.onStateChanged.subscribe(c => {
-            this._generateDisplayItems();
-        });
-    }
-    _generateDisplayItems() {
-        this._currentPage = this._parent.state.page;
-        this._lastPage = this._parent.state.totalPages;
-        //
-        this._items = [];
-        const start = Math.max(0, ((Math.ceil(this._currentPage / this._displayCount) - 1) * this._displayCount) + 1);
-        const end = Math.min(start + this._displayCount - 1, this._lastPage);
-        //
-        if (start > this._displayCount) {
-            this._items.push({
-                iconClass: 'ax-icon-more ax-rotation-90',
-                data: start - 1
-            });
-        }
-        //
-        for (let i = start; i <= end; i++) {
-            this._items.push({
-                text: i.toString(),
-                data: i
-            });
-        }
-        if (end < this._lastPage) {
-            this._items.push({
-                iconClass: 'ax-icon-more ax-rotation-90',
-                data: end + 1
-            });
-        }
-        this._cdr.detectChanges();
-    }
-    _handleOnItemClick(e) {
-        this._parent.goToPage(Number(e.data));
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: AXDataPagerNumericSelectorComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: AXPagerComponent }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+class AXDataPagerNumericSelectorComponent extends AXDataPagerChild {
+    _parent;
+    _zone;
+    constructor(_elementRef, _cdr, _parent, _zone) {
+        super(_elementRef, _cdr);
+        this._parent = _parent;
+        this._zone = _zone;
+    }
+    _items = [];
+    _currentPage = 1;
+    _lastPage = 1;
+    _displayCount = 5;
+    onViewInit() {
+        this._generateDisplayItems();
+        this._parent.onStateChanged.subscribe(c => {
+            this._generateDisplayItems();
+        });
+    }
+    _generateDisplayItems() {
+        this._currentPage = this._parent.state.page;
+        this._lastPage = this._parent.state.totalPages;
+        //
+        this._items = [];
+        const start = Math.max(0, ((Math.ceil(this._currentPage / this._displayCount) - 1) * this._displayCount) + 1);
+        const end = Math.min(start + this._displayCount - 1, this._lastPage);
+        //
+        if (start > this._displayCount) {
+            this._items.push({
+                iconClass: 'ax-icon-more ax-rotation-90',
+                data: start - 1
+            });
+        }
+        //
+        for (let i = start; i <= end; i++) {
+            this._items.push({
+                text: i.toString(),
+                data: i
+            });
+        }
+        if (end < this._lastPage) {
+            this._items.push({
+                iconClass: 'ax-icon-more ax-rotation-90',
+                data: end + 1
+            });
+        }
+        this._cdr.detectChanges();
+    }
+    _handleOnItemClick(e) {
+        this._parent.goToPage(Number(e.data));
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: AXDataPagerNumericSelectorComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: AXPagerComponent }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: AXDataPagerNumericSelectorComponent, selector: "ax-data-pager-numeric-selector", providers: [{ provide: AXDataPagerChild, useExisting: AXDataPagerNumericSelectorComponent }], usesInheritance: true, ngImport: i0, template: `
         <ax-button [disabled]="_currentPage==1"  look="blank" color="ghost" class="ax-sm"   (onClick)="_handleOnItemClick({data:1})">
             <ax-icon [ngClass]="{'ax-icon-last-page': rtl,'ax-icon-first-page': !rtl}"></ax-icon>
@@ -274,12 +274,12 @@ class AXDataPagerNumericSelectorComponent extends AXDataPagerChild {
         <ax-button [disabled]="_currentPage==_lastPage"  look="blank" color="ghost" class="ax-sm"   (onClick)="_handleOnItemClick({data:_lastPage})">
         <ax-icon [ngClass]="{'ax-icon-last-page': !rtl,'ax-icon-first-page': rtl}"></ax-icon>
         </ax-button>
-    `, isInline: true, dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "type"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange"] }, { kind: "component", type: i2.AXButtonGroupComponent, selector: "ax-button-group", inputs: ["disabled", "tabIndex", "color", "look", "selection"], outputs: ["onBlur", "onFocus", "lookChange", "colorChange", "selectionChange", "onItemClick"] }, { kind: "component", type: i3.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: AXDataPagerNumericSelectorComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'ax-data-pager-numeric-selector',
+    `, isInline: true, dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "type"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange"] }, { kind: "component", type: i2.AXButtonGroupComponent, selector: "ax-button-group", inputs: ["disabled", "tabIndex", "color", "look", "selection"], outputs: ["onBlur", "onFocus", "lookChange", "colorChange", "selectionChange", "onItemClick"] }, { kind: "component", type: i3.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: AXDataPagerNumericSelectorComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ax-data-pager-numeric-selector',
                     template: `
         <ax-button [disabled]="_currentPage==1"  look="blank" color="ghost" class="ax-sm"   (onClick)="_handleOnItemClick({data:1})">
             <ax-icon [ngClass]="{'ax-icon-last-page': rtl,'ax-icon-first-page': !rtl}"></ax-icon>
@@ -293,55 +293,55 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImpor
         <ax-button [disabled]="_currentPage==_lastPage"  look="blank" color="ghost" class="ax-sm"   (onClick)="_handleOnItemClick({data:_lastPage})">
         <ax-icon [ngClass]="{'ax-icon-last-page': !rtl,'ax-icon-first-page': rtl}"></ax-icon>
         </ax-button>
-    `,
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                    encapsulation: ViewEncapsulation.None,
-                    providers: [{ provide: AXDataPagerChild, useExisting: AXDataPagerNumericSelectorComponent }]
-                }]
-        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }, { type: AXPagerComponent, decorators: [{
-                    type: Inject,
-                    args: [AXPagerComponent]
+    `,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    encapsulation: ViewEncapsulation.None,
+                    providers: [{ provide: AXDataPagerChild, useExisting: AXDataPagerNumericSelectorComponent }]
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }, { type: AXPagerComponent, decorators: [{
+                    type: Inject,
+                    args: [AXPagerComponent]
                 }] }, { type: i0.NgZone }]; } });
 
-class AXDataPagerPageSizesComponent extends AXDataPagerChild {
-    _parent;
-    constructor(elementRef, cdr, _parent) {
-        super(elementRef, cdr);
-        this._parent = _parent;
-    }
-    _size;
-    onViewInit() {
-        this._generateDisplayItems();
-        //
-        this._parent.onStateChanged.subscribe(c => {
-            this._generateDisplayItems();
-        });
-    }
-    //TODO: AXButtonItems type error
-    _items = [];
-    _sizes;
-    get sizes() {
-        return this._sizes || [5, 10, 20, 50, 100];
-    }
-    set sizes(v) {
-        this._sizes = v;
-        this._generateDisplayItems();
-    }
-    _generateDisplayItems() {
-        this._size = this._parent.state.take;
-        this._items = this.sizes.map((s) => ({
-            text: s.toString(),
-            selected: s == this._size,
-            data: {
-                size: s
-            }
-        }));
-        this._cdr.detectChanges();
-    }
-    _emitOnItemClick(e) {
-        this._size = this._parent.size = Number(e.data.size);
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: AXDataPagerPageSizesComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: AXPagerComponent }], target: i0.ɵɵFactoryTarget.Component });
+class AXDataPagerPageSizesComponent extends AXDataPagerChild {
+    _parent;
+    constructor(elementRef, cdr, _parent) {
+        super(elementRef, cdr);
+        this._parent = _parent;
+    }
+    _size;
+    onViewInit() {
+        this._generateDisplayItems();
+        //
+        this._parent.onStateChanged.subscribe(c => {
+            this._generateDisplayItems();
+        });
+    }
+    //TODO: AXButtonItems type error
+    _items = [];
+    _sizes;
+    get sizes() {
+        return this._sizes || [5, 10, 20, 50, 100];
+    }
+    set sizes(v) {
+        this._sizes = v;
+        this._generateDisplayItems();
+    }
+    _generateDisplayItems() {
+        this._size = this._parent.state.take;
+        this._items = this.sizes.map((s) => ({
+            text: s.toString(),
+            selected: s == this._size,
+            data: {
+                size: s
+            }
+        }));
+        this._cdr.detectChanges();
+    }
+    _emitOnItemClick(e) {
+        this._size = this._parent.size = Number(e.data.size);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: AXDataPagerPageSizesComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: AXPagerComponent }], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: AXDataPagerPageSizesComponent, selector: "ax-data-pager-page-sizes", inputs: { sizes: "sizes" }, providers: [{ provide: AXDataPagerChild, useExisting: AXDataPagerPageSizesComponent }], usesInheritance: true, ngImport: i0, template: `
         <ax-button [text]="_size" color="ghost" look="blank" class="ax-sm">
             <ax-dropdown-panel (onItemClick)="_emitOnItemClick($event)">
@@ -353,12 +353,12 @@ class AXDataPagerPageSizesComponent extends AXDataPagerChild {
             </ax-suffix>
         </ax-button>
         <!-- <span >items per page</span> -->
-    `, isInline: true, dependencies: [{ kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: i2.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "type"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange"] }, { kind: "component", type: i2.AXButtonItemComponent, selector: "ax-button-item", inputs: ["text", "tooltip", "selected", "seperated", "name", "data", "color"], outputs: ["onClick"] }, { kind: "component", type: i3$1.AXDropdownPanelComponent, selector: "ax-dropdown-panel", inputs: ["isOpen", "fitParent", "dropdownWidth", "position", "target"], outputs: ["onOpened", "onClosed", "onItemClick"] }, { kind: "component", type: i3.AXDecoratorSuffixComponent, selector: "ax-suffix" }, { kind: "component", type: i3.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: AXDataPagerPageSizesComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'ax-data-pager-page-sizes',
+    `, isInline: true, dependencies: [{ kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: i2.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "type"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange"] }, { kind: "component", type: i2.AXButtonItemComponent, selector: "ax-button-item", inputs: ["text", "tooltip", "selected", "seperated", "name", "data", "color"], outputs: ["onClick"] }, { kind: "component", type: i3$1.AXDropdownPanelComponent, selector: "ax-dropdown-panel", inputs: ["isOpen", "fitParent", "dropdownWidth", "position", "target"], outputs: ["onOpened", "onClosed", "onItemClick"] }, { kind: "component", type: i3.AXDecoratorSuffixComponent, selector: "ax-suffix" }, { kind: "component", type: i3.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: AXDataPagerPageSizesComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ax-data-pager-page-sizes',
                     template: `
         <ax-button [text]="_size" color="ghost" look="blank" class="ax-sm">
             <ax-dropdown-panel (onItemClick)="_emitOnItemClick($event)">
@@ -370,43 +370,43 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImpor
             </ax-suffix>
         </ax-button>
         <!-- <span >items per page</span> -->
-    `,
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                    encapsulation: ViewEncapsulation.None,
-                    outputs: [],
-                    providers: [{ provide: AXDataPagerChild, useExisting: AXDataPagerPageSizesComponent }]
-                }]
-        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }, { type: AXPagerComponent, decorators: [{
-                    type: Inject,
-                    args: [AXPagerComponent]
-                }] }]; }, propDecorators: { sizes: [{
-                type: Input
+    `,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    encapsulation: ViewEncapsulation.None,
+                    outputs: [],
+                    providers: [{ provide: AXDataPagerChild, useExisting: AXDataPagerPageSizesComponent }]
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }, { type: AXPagerComponent, decorators: [{
+                    type: Inject,
+                    args: [AXPagerComponent]
+                }] }]; }, propDecorators: { sizes: [{
+                type: Input
             }] } });
 
-class AXDataPagerPrevButtonsComponent extends AXDataPagerChild {
-    elementRef;
-    _parent;
-    constructor(elementRef, cdr, _parent) {
-        super(elementRef, cdr);
-        this.elementRef = elementRef;
-        this._parent = _parent;
-    }
-    onViewInit() {
-        this._checkDisabled();
-        this._parent.onStateChanged.subscribe(c => {
-            this._checkDisabled();
-        });
-    }
-    _checkDisabled() {
-        this.disabled = this._parent.state.page == 1;
-    }
-    _emitOnFirstPageClick(e) {
-        this._parent.goFirstPage();
-    }
-    _emitOnPrevPageClick(e) {
-        this._parent.goPrevPage();
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: AXDataPagerPrevButtonsComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: AXPagerComponent }], target: i0.ɵɵFactoryTarget.Component });
+class AXDataPagerPrevButtonsComponent extends AXDataPagerChild {
+    elementRef;
+    _parent;
+    constructor(elementRef, cdr, _parent) {
+        super(elementRef, cdr);
+        this.elementRef = elementRef;
+        this._parent = _parent;
+    }
+    onViewInit() {
+        this._checkDisabled();
+        this._parent.onStateChanged.subscribe(c => {
+            this._checkDisabled();
+        });
+    }
+    _checkDisabled() {
+        this.disabled = this._parent.state.page == 1;
+    }
+    _emitOnFirstPageClick(e) {
+        this._parent.goFirstPage();
+    }
+    _emitOnPrevPageClick(e) {
+        this._parent.goPrevPage();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: AXDataPagerPrevButtonsComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: AXPagerComponent }], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: AXDataPagerPrevButtonsComponent, selector: "ax-data-pager-prev-buttons", providers: [{ provide: AXDataPagerChild, useExisting: AXDataPagerPrevButtonsComponent }], usesInheritance: true, ngImport: i0, template: `
         <ax-button [disabled]="disabled"  look="blank" color="ghost" class="ax-sm" title="Go to the last page" (onClick)="_emitOnFirstPageClick($event)">
         <ax-icon [ngClass]="{'ax-icon-last-page': rtl,'ax-icon-first-page': !rtl}"></ax-icon>
@@ -414,12 +414,12 @@ class AXDataPagerPrevButtonsComponent extends AXDataPagerChild {
         <ax-button [disabled]="disabled"  look="blank" color="ghost" class="ax-sm" title="Go to the next page" (onClick)="_emitOnPrevPageClick($event)">
             <ax-icon [ngClass]="{'ax-icon-chevron-left': !rtl,'ax-icon-chevron-right': rtl}"></ax-icon>
         </ax-button>
-    `, isInline: true, dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: i2.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "type"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange"] }, { kind: "component", type: i3.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: AXDataPagerPrevButtonsComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'ax-data-pager-prev-buttons',
+    `, isInline: true, dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: i2.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "type"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange"] }, { kind: "component", type: i3.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: AXDataPagerPrevButtonsComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ax-data-pager-prev-buttons',
                     template: `
         <ax-button [disabled]="disabled"  look="blank" color="ghost" class="ax-sm" title="Go to the last page" (onClick)="_emitOnFirstPageClick($event)">
         <ax-icon [ngClass]="{'ax-icon-last-page': rtl,'ax-icon-first-page': !rtl}"></ax-icon>
@@ -427,186 +427,186 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImpor
         <ax-button [disabled]="disabled"  look="blank" color="ghost" class="ax-sm" title="Go to the next page" (onClick)="_emitOnPrevPageClick($event)">
             <ax-icon [ngClass]="{'ax-icon-chevron-left': !rtl,'ax-icon-chevron-right': rtl}"></ax-icon>
         </ax-button>
-    `,
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                    encapsulation: ViewEncapsulation.None,
-                    providers: [{ provide: AXDataPagerChild, useExisting: AXDataPagerPrevButtonsComponent }]
-                }]
-        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }, { type: AXPagerComponent, decorators: [{
-                    type: Inject,
-                    args: [AXPagerComponent]
+    `,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    encapsulation: ViewEncapsulation.None,
+                    providers: [{ provide: AXDataPagerChild, useExisting: AXDataPagerPrevButtonsComponent }]
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }, { type: AXPagerComponent, decorators: [{
+                    type: Inject,
+                    args: [AXPagerComponent]
                 }] }]; } });
 
-class AXDataPagerComponent extends AXBaseValueComponentMixin {
-    _elementRef;
-    _cdr;
-    _parent;
-    _size = 10;
-    get size() {
-        return this._size;
-    }
-    set size(v) {
-        if (v != this._size) {
-            this._size = v;
-            if (this._parent) {
-                this._parent.pageSize = v;
-            }
-            const newPage = Math.ceil(this.state.range.from / this._size) || 1;
-            this.value = newPage;
-            this._emitStateChangedEvent();
-        }
-    }
-    _total = 0;
-    get total() {
-        return this._total;
-    }
-    set total(v) {
-        const t = v && v > 0 ? v : 0;
-        if (t != this._total) {
-            this._total = t;
-            this._emitStateChangedEvent();
-        }
-    }
-    _totalPages = 0;
-    get totalPages() {
-        return this._totalPages;
-    }
-    set totalPages(value) {
-        this._totalPages = value;
-    }
-    displayMode = 'full';
-    onStateChanged = new EventEmitter();
-    constructor(_elementRef, _cdr, _parent) {
-        super(_elementRef, _cdr);
-        this._elementRef = _elementRef;
-        this._cdr = _cdr;
-        this._parent = _parent;
-    }
-    onInit() {
-        if (this._parent) {
-            this._parent.onPageChanged.subscribe((c) => {
-                this.size = this._parent.pageSize;
-                this.total = this._parent.totalCount;
-                this.value = c.value;
-            });
-            this.size = this._parent.pageSize;
-            this.total = this._parent.totalCount;
-        }
-        this.goFirstPage();
-    }
-    onViewInit() {
-        this._emitStateChangedEvent();
-    }
-    _onValueChanged(oldValue, newValue) {
-        this._emitStateChangedEvent();
-    }
-    _getValue(value) {
-        if (!isNumber(value) || !value || this.totalPages == 0)
-            return 1;
-        return value > this.totalPages ? this.totalPages : value;
-    }
-    get state() {
-        const skip = Math.max(0, (this.value - 1) * this.size);
-        const result = {
-            page: this.value,
-            totalItems: this.total,
-            totalPages: this.totalPages,
-            range: {
-                from: skip + 1,
-                to: Math.min(this.value * this.size, this.total),
-            },
-            skip,
-            take: this.size,
-        };
-        return result;
-    }
-    _emitStateChangedEvent() {
-        this.totalPages = Math.ceil(this._total / this.size);
-        //
-        this.onStateChanged.emit(Object.assign({
-            component: this,
-            htmlElement: this._elementRef.nativeElement,
-        }, this.state));
-        if (this.totalPages > 0)
-            this._parent?.goToPage(this.value);
-    }
-    goNextPage() {
-        this.goToPage(Math.min(++this.value, this.totalPages));
-    }
-    goLastPage() {
-        this.goToPage(this.totalPages);
-    }
-    goFirstPage() {
-        this.goToPage(1);
-    }
-    goPrevPage() {
-        this.goToPage(Math.max(--this.value, 1));
-    }
-    goToPage(page) {
-        if (page != this.value) {
-            this.value = page;
-        }
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: AXDataPagerComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: AXPagedComponent, optional: true }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: AXDataPagerComponent, selector: "ax-data-pager", inputs: { value: "value", name: "name", size: "size", total: "total", displayMode: "displayMode" }, outputs: { valueChange: "valueChange", onValueChanged: "onValueChanged", onStateChanged: "onStateChanged" }, providers: [{ provide: AXPagerComponent, useExisting: AXDataPagerComponent }], usesInheritance: true, ngImport: i0, template: "<ng-container [ngSwitch]=\"displayMode\">\r\n    <ng-container *ngSwitchCase=\"'full'\">\r\n        <ax-prefix>\r\n            <ax-data-pager-numeric-selector>\r\n            </ax-data-pager-numeric-selector>\r\n            <ax-data-pager-page-sizes>\r\n            </ax-data-pager-page-sizes>\r\n        </ax-prefix>\r\n        <ax-suffix>\r\n            <ax-data-pager-info>\r\n            </ax-data-pager-info>\r\n        </ax-suffix>\r\n    </ng-container>\r\n    <ng-container *ngSwitchCase=\"'compact'\">\r\n        <ax-prefix>\r\n            <ax-data-pager-prev-buttons>\r\n            </ax-data-pager-prev-buttons>\r\n            <ax-data-pager-input-selector>\r\n            </ax-data-pager-input-selector>\r\n            <ax-data-pager-next-buttons>\r\n            </ax-data-pager-next-buttons>\r\n        </ax-prefix>\r\n        <ax-suffix>\r\n            <ax-data-pager-info>\r\n            </ax-data-pager-info>\r\n        </ax-suffix>\r\n    </ng-container>\r\n    <ng-container *ngSwitchDefault>\r\n        <ng-content select=\"ax-prefix\"></ng-content>\r\n        <ng-content select=\"ax-suffix\"></ng-content>\r\n    </ng-container>\r\n</ng-container>\r\n\r\n", styles: ["ax-data-pager{width:100%;font-size:.875rem;padding:.5rem;display:flex;justify-content:space-between;align-items:center;gap:.5rem}ax-data-pager ax-button-group{border:0!important;border-radius:var(--ax-rounded-border-default)!important;display:flex;gap:.25rem}ax-data-pager ax-button-group ax-button{border:0!important;border-radius:var(--ax-rounded-border-default)!important}ax-data-pager ax-data-pager-next-buttons,ax-data-pager ax-data-pager-prev-buttons,ax-data-pager ax-data-pager-numeric-selector{display:flex;gap:.5rem}ax-data-pager ax-data-pager-page-sizes ax-button{border-radius:var(--ax-rounded-border-default);border:1px solid;border-color:rgba(var(--ax-color-border-default));padding:0 .5rem}ax-data-pager ax-data-pager-page-sizes ax-button ax-icon{font-size:1rem!important}ax-data-pager ax-prefix,ax-data-pager ax-suffic{display:flex}\n"], dependencies: [{ kind: "directive", type: i1$1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1$1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i1$1.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { kind: "component", type: i3.AXDecoratorPrefixComponent, selector: "ax-prefix" }, { kind: "component", type: i3.AXDecoratorSuffixComponent, selector: "ax-suffix" }, { kind: "component", type: AXDataPagerNextButtonsComponent, selector: "ax-data-pager-next-buttons" }, { kind: "component", type: AXDataPagerPrevButtonsComponent, selector: "ax-data-pager-prev-buttons" }, { kind: "component", type: AXDataPagerPageSizesComponent, selector: "ax-data-pager-page-sizes", inputs: ["sizes"] }, { kind: "component", type: AXDataPagerNumericSelectorComponent, selector: "ax-data-pager-numeric-selector" }, { kind: "component", type: AXDataPagerInputSelectorComponent, selector: "ax-data-pager-input-selector" }, { kind: "component", type: AXDataPagerInfoComponent, selector: "ax-data-pager-info", inputs: ["text"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: AXDataPagerComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'ax-data-pager', inputs: ['value', 'name'], outputs: ['valueChange', 'onValueChanged'], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, providers: [{ provide: AXPagerComponent, useExisting: AXDataPagerComponent }], template: "<ng-container [ngSwitch]=\"displayMode\">\r\n    <ng-container *ngSwitchCase=\"'full'\">\r\n        <ax-prefix>\r\n            <ax-data-pager-numeric-selector>\r\n            </ax-data-pager-numeric-selector>\r\n            <ax-data-pager-page-sizes>\r\n            </ax-data-pager-page-sizes>\r\n        </ax-prefix>\r\n        <ax-suffix>\r\n            <ax-data-pager-info>\r\n            </ax-data-pager-info>\r\n        </ax-suffix>\r\n    </ng-container>\r\n    <ng-container *ngSwitchCase=\"'compact'\">\r\n        <ax-prefix>\r\n            <ax-data-pager-prev-buttons>\r\n            </ax-data-pager-prev-buttons>\r\n            <ax-data-pager-input-selector>\r\n            </ax-data-pager-input-selector>\r\n            <ax-data-pager-next-buttons>\r\n            </ax-data-pager-next-buttons>\r\n        </ax-prefix>\r\n        <ax-suffix>\r\n            <ax-data-pager-info>\r\n            </ax-data-pager-info>\r\n        </ax-suffix>\r\n    </ng-container>\r\n    <ng-container *ngSwitchDefault>\r\n        <ng-content select=\"ax-prefix\"></ng-content>\r\n        <ng-content select=\"ax-suffix\"></ng-content>\r\n    </ng-container>\r\n</ng-container>\r\n\r\n", styles: ["ax-data-pager{width:100%;font-size:.875rem;padding:.5rem;display:flex;justify-content:space-between;align-items:center;gap:.5rem}ax-data-pager ax-button-group{border:0!important;border-radius:var(--ax-rounded-border-default)!important;display:flex;gap:.25rem}ax-data-pager ax-button-group ax-button{border:0!important;border-radius:var(--ax-rounded-border-default)!important}ax-data-pager ax-data-pager-next-buttons,ax-data-pager ax-data-pager-prev-buttons,ax-data-pager ax-data-pager-numeric-selector{display:flex;gap:.5rem}ax-data-pager ax-data-pager-page-sizes ax-button{border-radius:var(--ax-rounded-border-default);border:1px solid;border-color:rgba(var(--ax-color-border-default));padding:0 .5rem}ax-data-pager ax-data-pager-page-sizes ax-button ax-icon{font-size:1rem!important}ax-data-pager ax-prefix,ax-data-pager ax-suffic{display:flex}\n"] }]
-        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }, { type: i9.AXPagedComponent, decorators: [{
-                    type: Optional
-                }, {
-                    type: Inject,
-                    args: [AXPagedComponent]
-                }] }]; }, propDecorators: { size: [{
-                type: Input
-            }], total: [{
-                type: Input
-            }], displayMode: [{
-                type: Input
-            }], onStateChanged: [{
-                type: Output
+class AXDataPagerComponent extends AXBaseValueComponentMixin {
+    _elementRef;
+    _cdr;
+    _parent;
+    _size = 10;
+    get size() {
+        return this._size;
+    }
+    set size(v) {
+        if (v != this._size) {
+            this._size = v;
+            if (this._parent) {
+                this._parent.pageSize = v;
+            }
+            const newPage = Math.ceil(this.state.range.from / this._size) || 1;
+            this.value = newPage;
+            this._emitStateChangedEvent();
+        }
+    }
+    _total = 0;
+    get total() {
+        return this._total;
+    }
+    set total(v) {
+        const t = v && v > 0 ? v : 0;
+        if (t != this._total) {
+            this._total = t;
+            this._emitStateChangedEvent();
+        }
+    }
+    _totalPages = 0;
+    get totalPages() {
+        return this._totalPages;
+    }
+    set totalPages(value) {
+        this._totalPages = value;
+    }
+    displayMode = 'full';
+    onStateChanged = new EventEmitter();
+    constructor(_elementRef, _cdr, _parent) {
+        super(_elementRef, _cdr);
+        this._elementRef = _elementRef;
+        this._cdr = _cdr;
+        this._parent = _parent;
+    }
+    onInit() {
+        if (this._parent) {
+            this._parent.onPageChanged.subscribe((c) => {
+                this.size = this._parent.pageSize;
+                this.total = this._parent.totalCount;
+                this.value = c.value;
+            });
+            this.size = this._parent.pageSize;
+            this.total = this._parent.totalCount;
+        }
+        this.goFirstPage();
+    }
+    onViewInit() {
+        this._emitStateChangedEvent();
+    }
+    _onValueChanged(oldValue, newValue) {
+        this._emitStateChangedEvent();
+    }
+    _getValue(value) {
+        if (!isNumber(value) || !value || this.totalPages == 0)
+            return 1;
+        return value > this.totalPages ? this.totalPages : value;
+    }
+    get state() {
+        const skip = Math.max(0, (this.value - 1) * this.size);
+        const result = {
+            page: this.value,
+            totalItems: this.total,
+            totalPages: this.totalPages,
+            range: {
+                from: skip + 1,
+                to: Math.min(this.value * this.size, this.total),
+            },
+            skip,
+            take: this.size,
+        };
+        return result;
+    }
+    _emitStateChangedEvent() {
+        this.totalPages = Math.ceil(this._total / this.size);
+        //
+        this.onStateChanged.emit(Object.assign({
+            component: this,
+            htmlElement: this._elementRef.nativeElement,
+        }, this.state));
+        if (this.totalPages > 0)
+            this._parent?.goToPage(this.value);
+    }
+    goNextPage() {
+        this.goToPage(Math.min(++this.value, this.totalPages));
+    }
+    goLastPage() {
+        this.goToPage(this.totalPages);
+    }
+    goFirstPage() {
+        this.goToPage(1);
+    }
+    goPrevPage() {
+        this.goToPage(Math.max(--this.value, 1));
+    }
+    goToPage(page) {
+        if (page != this.value) {
+            this.value = page;
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: AXDataPagerComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: AXPagedComponent, optional: true }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: AXDataPagerComponent, selector: "ax-data-pager", inputs: { value: "value", name: "name", size: "size", total: "total", displayMode: "displayMode" }, outputs: { valueChange: "valueChange", onValueChanged: "onValueChanged", onStateChanged: "onStateChanged" }, providers: [{ provide: AXPagerComponent, useExisting: AXDataPagerComponent }], usesInheritance: true, ngImport: i0, template: "<ng-container [ngSwitch]=\"displayMode\">\r\n    <ng-container *ngSwitchCase=\"'full'\">\r\n        <ax-prefix>\r\n            <ax-data-pager-numeric-selector>\r\n            </ax-data-pager-numeric-selector>\r\n            <ax-data-pager-page-sizes>\r\n            </ax-data-pager-page-sizes>\r\n        </ax-prefix>\r\n        <ax-suffix>\r\n            <ax-data-pager-info>\r\n            </ax-data-pager-info>\r\n        </ax-suffix>\r\n    </ng-container>\r\n    <ng-container *ngSwitchCase=\"'compact'\">\r\n        <ax-prefix>\r\n            <ax-data-pager-prev-buttons>\r\n            </ax-data-pager-prev-buttons>\r\n            <ax-data-pager-input-selector>\r\n            </ax-data-pager-input-selector>\r\n            <ax-data-pager-next-buttons>\r\n            </ax-data-pager-next-buttons>\r\n        </ax-prefix>\r\n        <ax-suffix>\r\n            <ax-data-pager-info>\r\n            </ax-data-pager-info>\r\n        </ax-suffix>\r\n    </ng-container>\r\n    <ng-container *ngSwitchDefault>\r\n        <ng-content select=\"ax-prefix\"></ng-content>\r\n        <ng-content select=\"ax-suffix\"></ng-content>\r\n    </ng-container>\r\n</ng-container>\r\n\r\n", styles: ["ax-data-pager{width:100%;font-size:.875rem;padding:.5rem;display:flex;justify-content:space-between;align-items:center;gap:.5rem}ax-data-pager ax-button-group{border:0!important;border-radius:var(--ax-rounded-border-default)!important;display:flex;gap:.25rem}ax-data-pager ax-button-group ax-button{border:0!important;border-radius:var(--ax-rounded-border-default)!important}ax-data-pager ax-data-pager-next-buttons,ax-data-pager ax-data-pager-prev-buttons,ax-data-pager ax-data-pager-numeric-selector{display:flex;gap:.5rem}ax-data-pager ax-data-pager-page-sizes ax-button{border-radius:var(--ax-rounded-border-default);border:1px solid;border-color:rgba(var(--ax-color-border-default));padding:0 .5rem}ax-data-pager ax-data-pager-page-sizes ax-button ax-icon{font-size:1rem!important}ax-data-pager ax-prefix,ax-data-pager ax-suffic{display:flex}\n"], dependencies: [{ kind: "directive", type: i1$1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1$1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i1$1.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { kind: "component", type: i3.AXDecoratorPrefixComponent, selector: "ax-prefix" }, { kind: "component", type: i3.AXDecoratorSuffixComponent, selector: "ax-suffix" }, { kind: "component", type: AXDataPagerNextButtonsComponent, selector: "ax-data-pager-next-buttons" }, { kind: "component", type: AXDataPagerPrevButtonsComponent, selector: "ax-data-pager-prev-buttons" }, { kind: "component", type: AXDataPagerPageSizesComponent, selector: "ax-data-pager-page-sizes", inputs: ["sizes"] }, { kind: "component", type: AXDataPagerNumericSelectorComponent, selector: "ax-data-pager-numeric-selector" }, { kind: "component", type: AXDataPagerInputSelectorComponent, selector: "ax-data-pager-input-selector" }, { kind: "component", type: AXDataPagerInfoComponent, selector: "ax-data-pager-info", inputs: ["text"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: AXDataPagerComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ax-data-pager', inputs: ['value', 'name'], outputs: ['valueChange', 'onValueChanged'], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, providers: [{ provide: AXPagerComponent, useExisting: AXDataPagerComponent }], template: "<ng-container [ngSwitch]=\"displayMode\">\r\n    <ng-container *ngSwitchCase=\"'full'\">\r\n        <ax-prefix>\r\n            <ax-data-pager-numeric-selector>\r\n            </ax-data-pager-numeric-selector>\r\n            <ax-data-pager-page-sizes>\r\n            </ax-data-pager-page-sizes>\r\n        </ax-prefix>\r\n        <ax-suffix>\r\n            <ax-data-pager-info>\r\n            </ax-data-pager-info>\r\n        </ax-suffix>\r\n    </ng-container>\r\n    <ng-container *ngSwitchCase=\"'compact'\">\r\n        <ax-prefix>\r\n            <ax-data-pager-prev-buttons>\r\n            </ax-data-pager-prev-buttons>\r\n            <ax-data-pager-input-selector>\r\n            </ax-data-pager-input-selector>\r\n            <ax-data-pager-next-buttons>\r\n            </ax-data-pager-next-buttons>\r\n        </ax-prefix>\r\n        <ax-suffix>\r\n            <ax-data-pager-info>\r\n            </ax-data-pager-info>\r\n        </ax-suffix>\r\n    </ng-container>\r\n    <ng-container *ngSwitchDefault>\r\n        <ng-content select=\"ax-prefix\"></ng-content>\r\n        <ng-content select=\"ax-suffix\"></ng-content>\r\n    </ng-container>\r\n</ng-container>\r\n\r\n", styles: ["ax-data-pager{width:100%;font-size:.875rem;padding:.5rem;display:flex;justify-content:space-between;align-items:center;gap:.5rem}ax-data-pager ax-button-group{border:0!important;border-radius:var(--ax-rounded-border-default)!important;display:flex;gap:.25rem}ax-data-pager ax-button-group ax-button{border:0!important;border-radius:var(--ax-rounded-border-default)!important}ax-data-pager ax-data-pager-next-buttons,ax-data-pager ax-data-pager-prev-buttons,ax-data-pager ax-data-pager-numeric-selector{display:flex;gap:.5rem}ax-data-pager ax-data-pager-page-sizes ax-button{border-radius:var(--ax-rounded-border-default);border:1px solid;border-color:rgba(var(--ax-color-border-default));padding:0 .5rem}ax-data-pager ax-data-pager-page-sizes ax-button ax-icon{font-size:1rem!important}ax-data-pager ax-prefix,ax-data-pager ax-suffic{display:flex}\n"] }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }, { type: i9.AXPagedComponent, decorators: [{
+                    type: Optional
+                }, {
+                    type: Inject,
+                    args: [AXPagedComponent]
+                }] }]; }, propDecorators: { size: [{
+                type: Input
+            }], total: [{
+                type: Input
+            }], displayMode: [{
+                type: Input
+            }], onStateChanged: [{
+                type: Output
             }] } });
 
-const COMPONENT = [
-    AXDataPagerComponent,
-    AXDataPagerNextButtonsComponent,
-    AXDataPagerPrevButtonsComponent,
-    AXDataPagerPageSizesComponent,
-    AXDataPagerNumericSelectorComponent,
-    AXDataPagerInputSelectorComponent,
-    AXDataPagerInfoComponent
-];
-const MODULES = [CommonModule, AXButtonModule, AXNumberBoxModule, AXDropdownModule, AXDecoratorModule];
-class AXDataPagerModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: AXDataPagerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.0.0", ngImport: i0, type: AXDataPagerModule, declarations: [AXDataPagerComponent,
-            AXDataPagerNextButtonsComponent,
-            AXDataPagerPrevButtonsComponent,
-            AXDataPagerPageSizesComponent,
-            AXDataPagerNumericSelectorComponent,
-            AXDataPagerInputSelectorComponent,
-            AXDataPagerInfoComponent], imports: [CommonModule, AXButtonModule, AXNumberBoxModule, AXDropdownModule, AXDecoratorModule], exports: [AXDataPagerComponent,
-            AXDataPagerNextButtonsComponent,
-            AXDataPagerPrevButtonsComponent,
-            AXDataPagerPageSizesComponent,
-            AXDataPagerNumericSelectorComponent,
-            AXDataPagerInputSelectorComponent,
-            AXDataPagerInfoComponent] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: AXDataPagerModule, imports: [MODULES] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: AXDataPagerModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [...COMPONENT],
-                    imports: [...MODULES],
-                    exports: [...COMPONENT],
-                    providers: [],
-                }]
+const COMPONENT = [
+    AXDataPagerComponent,
+    AXDataPagerNextButtonsComponent,
+    AXDataPagerPrevButtonsComponent,
+    AXDataPagerPageSizesComponent,
+    AXDataPagerNumericSelectorComponent,
+    AXDataPagerInputSelectorComponent,
+    AXDataPagerInfoComponent
+];
+const MODULES = [CommonModule, AXButtonModule, AXNumberBoxModule, AXDropdownModule, AXDecoratorModule];
+class AXDataPagerModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: AXDataPagerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.0.0", ngImport: i0, type: AXDataPagerModule, declarations: [AXDataPagerComponent,
+            AXDataPagerNextButtonsComponent,
+            AXDataPagerPrevButtonsComponent,
+            AXDataPagerPageSizesComponent,
+            AXDataPagerNumericSelectorComponent,
+            AXDataPagerInputSelectorComponent,
+            AXDataPagerInfoComponent], imports: [CommonModule, AXButtonModule, AXNumberBoxModule, AXDropdownModule, AXDecoratorModule], exports: [AXDataPagerComponent,
+            AXDataPagerNextButtonsComponent,
+            AXDataPagerPrevButtonsComponent,
+            AXDataPagerPageSizesComponent,
+            AXDataPagerNumericSelectorComponent,
+            AXDataPagerInputSelectorComponent,
+            AXDataPagerInfoComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: AXDataPagerModule, imports: [MODULES] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: AXDataPagerModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [...COMPONENT],
+                    imports: [...MODULES],
+                    exports: [...COMPONENT],
+                    providers: [],
+                }]
         }] });
 
-/**
- * Generated bundle index. Do not edit.
+/**
+ * Generated bundle index. Do not edit.
  */
 
 export { AXDataPagerChild, AXDataPagerComponent, AXDataPagerInfoComponent, AXDataPagerInputSelectorComponent, AXDataPagerModule, AXDataPagerNextButtonsComponent, AXDataPagerNumericSelectorComponent, AXDataPagerPageSizesComponent, AXDataPagerPrevButtonsComponent, AXPagerComponent, AXPagerPageChangedEvent, AXPagerStateChangedEvent };