@acorex/components 7.1.52 → 7.2.1

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

@@ -17,30 +17,33 @@ 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;
+    constructor() {
+        super(...arguments);
+        this.range = { from: 0, to: 0 };
+        this.page = 0;
+        this.skip = 0;
+        this.take = 0;
+        this.totalPages = 0;
+        this.totalItems = 0;
+    }
 }
 class AXPagerStateChangedEvent extends AXPagerPageChangedEvent {
 }
 class AXPagerComponent {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.3", ngImport: i0, type: AXPagerComponent, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.1.3", ngImport: i0, type: AXPagerComponent });
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.4", ngImport: i0, type: AXPagerComponent, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.1.4", ngImport: i0, type: AXPagerComponent }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.3", ngImport: i0, type: AXPagerComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.4", 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.1.3", ngImport: i0, type: AXDataPagerChild, deps: [{ token: Array }], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.1.3", ngImport: i0, type: AXDataPagerChild });
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.4", ngImport: i0, type: AXDataPagerChild, deps: [{ token: Array }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.1.4", ngImport: i0, type: AXDataPagerChild }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.3", ngImport: i0, type: AXDataPagerChild, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.4", ngImport: i0, type: AXDataPagerChild, decorators: [{
             type: Injectable
         }], ctorParameters: function () { return [{ type: undefined, decorators: [{
                     type: Inject,
@@ -48,17 +51,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.3", ngImpor
                 }] }]; } });
 
 class AXDataPagerInfoComponent extends AXDataPagerChild {
-    elementRef;
-    cdr;
-    _parent;
     constructor(elementRef, cdr, _parent) {
         super(elementRef, cdr);
         this.elementRef = elementRef;
         this.cdr = cdr;
         this._parent = _parent;
+        this.text = AXTranslator.get('datapager.info.text');
     }
-    text = AXTranslator.get('datapager.info.text');
-    _textFormatted;
     onViewInit() {
         this._updateText();
         this._parent.onStateChanged.subscribe((c) => {
@@ -79,12 +78,10 @@ class AXDataPagerInfoComponent extends AXDataPagerChild {
         else {
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.3", 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.1.3", 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 });
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.4", ngImport: i0, type: AXDataPagerInfoComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: AXPagerComponent }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.4", 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.1.3", ngImport: i0, type: AXDataPagerInfoComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.4", ngImport: i0, type: AXDataPagerInfoComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'ax-data-pager-info',
@@ -92,9 +89,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.3", ngImpor
                     host: { class: 'ax-data-pager-info' },
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     encapsulation: ViewEncapsulation.None,
-                    providers: [
-                        { provide: AXDataPagerChild, useExisting: AXDataPagerInfoComponent },
-                    ],
+                    providers: [{ provide: AXDataPagerChild, useExisting: AXDataPagerInfoComponent }],
                 }]
         }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }, { type: AXPagerComponent, decorators: [{
                     type: Inject,
@@ -104,19 +99,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.3", ngImpor
             }] } });
 
 class AXDataPagerInputSelectorComponent extends AXDataPagerChild {
-    _parent;
-    cdr;
     constructor(elementRef, _parent, cdr) {
         super(elementRef, cdr);
         this._parent = _parent;
         this.cdr = cdr;
+        this._totalPages = 1;
+        this._currentPage = 1;
     }
-    _totalPages = 1;
-    _currentPage = 1;
     onViewInit() {
         this._currentPage = this._parent.state.page;
         this._totalPages = this._parent.state.totalPages;
-        this._parent.onStateChanged.subscribe(c => {
+        this._parent.onStateChanged.subscribe((c) => {
             this._currentPage = c.page;
             this._totalPages = c.totalPages;
             this.cdr.markForCheck();
@@ -126,25 +119,39 @@ class AXDataPagerInputSelectorComponent extends AXDataPagerChild {
         //TODO: debounceTime
         this._parent.goToPage(e.value);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.3", 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.1.3", 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 });
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.4", ngImport: i0, type: AXDataPagerInputSelectorComponent, deps: [{ token: i0.ElementRef }, { token: AXPagerComponent }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.4", 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.1.3", ngImport: i0, type: AXDataPagerInputSelectorComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.4", 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>
-    `,
+    <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 }]
+                    providers: [{ provide: AXDataPagerChild, useExisting: AXDataPagerInputSelectorComponent }],
                 }]
         }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: AXPagerComponent, decorators: [{
                     type: Inject,
@@ -152,9 +159,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.3", ngImpor
                 }] }, { type: i0.ChangeDetectorRef }]; } });
 
 class AXDataPagerNextButtonsComponent extends AXDataPagerChild {
-    elementRef;
-    cdr;
-    _parent;
     constructor(elementRef, cdr, _parent) {
         super(elementRef, cdr);
         this.elementRef = elementRef;
@@ -164,7 +168,7 @@ class AXDataPagerNextButtonsComponent extends AXDataPagerChild {
     onViewInit() {
         this._checkDisabled();
         //
-        this._parent.onStateChanged.subscribe(c => {
+        this._parent.onStateChanged.subscribe((c) => {
             this._checkDisabled();
         });
     }
@@ -177,27 +181,51 @@ class AXDataPagerNextButtonsComponent extends AXDataPagerChild {
     _emitOnNextPageClick(e) {
         this._parent.goNextPage();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.3", 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.1.3", type: AXDataPagerNextButtonsComponent, selector: "ax-data-pager-next-buttons", providers: [{ provide: AXDataPagerChild, useExisting: AXDataPagerNextButtonsComponent }], usesInheritance: true, ngImport: i0, template: `
-    <ax-button [disabled]="disabled" look="blank" class="ax-sm" title="Go to the next page" (onClick)="_emitOnNextPageClick($event)">
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.4", ngImport: i0, type: AXDataPagerNextButtonsComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: AXPagerComponent }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.4", type: AXDataPagerNextButtonsComponent, selector: "ax-data-pager-next-buttons", providers: [{ provide: AXDataPagerChild, useExisting: AXDataPagerNextButtonsComponent }], usesInheritance: true, ngImport: i0, template: `
+    <ax-button
+      [disabled]="disabled"
+      look="blank"
+      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>
       <i></i>
     </ax-button>
-    <ax-button [disabled]="disabled" look="blank" class="ax-sm" title="Go to the last page" (onClick)="_emitOnLastPageClick($event)">
+    <ax-button
+      [disabled]="disabled"
+      look="blank"
+      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 });
+  `, 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.1.3", ngImport: i0, type: AXDataPagerNextButtonsComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.4", ngImport: i0, type: AXDataPagerNextButtonsComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'ax-data-pager-next-buttons',
                     template: `
-    <ax-button [disabled]="disabled" look="blank" class="ax-sm" title="Go to the next page" (onClick)="_emitOnNextPageClick($event)">
+    <ax-button
+      [disabled]="disabled"
+      look="blank"
+      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>
       <i></i>
     </ax-button>
-    <ax-button [disabled]="disabled" look="blank" class="ax-sm" title="Go to the last page" (onClick)="_emitOnLastPageClick($event)">
+    <ax-button
+      [disabled]="disabled"
+      look="blank"
+      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>
   `,
@@ -211,20 +239,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.3", ngImpor
                 }] }]; } });
 
 class AXDataPagerNumericSelectorComponent extends AXDataPagerChild {
-    _parent;
-    _zone;
     constructor(_elementRef, _cdr, _parent, _zone) {
         super(_elementRef, _cdr);
         this._parent = _parent;
         this._zone = _zone;
+        this._items = [];
+        this._currentPage = 1;
+        this._lastPage = 1;
+        this._displayCount = 5;
     }
-    _items = [];
-    _currentPage = 1;
-    _lastPage = 1;
-    _displayCount = 5;
     onViewInit() {
         this._generateDisplayItems();
-        this._parent.onStateChanged.subscribe(c => {
+        this._parent.onStateChanged.subscribe((c) => {
             this._generateDisplayItems();
         });
     }
@@ -260,35 +286,69 @@ class AXDataPagerNumericSelectorComponent extends AXDataPagerChild {
     _handleOnItemClick(e) {
         this._parent.goToPage(Number(e.data));
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.3", 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.1.3", 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" class="ax-sm" (onClick)="_handleOnItemClick({ data: 1 })">
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.4", ngImport: i0, type: AXDataPagerNumericSelectorComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: AXPagerComponent }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.4", 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"
+      class="ax-sm"
+      (onClick)="_handleOnItemClick({ data: 1 })"
+    >
       <ax-icon [ngClass]="{ 'ax-icon-last-page': rtl, 'ax-icon-first-page': !rtl }"></ax-icon>
     </ax-button>
     <ax-button-group look="blank" class="ax-sm">
-      <ax-button *ngFor="let item of _items" look="blank" [selected]="_currentPage == item.data" class="ax-sm" [text]="item.text" (onClick)="_handleOnItemClick(item)">
+      <ax-button
+        *ngFor="let item of _items"
+        look="blank"
+        [selected]="_currentPage == item.data"
+        class="ax-sm"
+        [text]="item.text"
+        (onClick)="_handleOnItemClick(item)"
+      >
         <ax-icon [class]="item.iconClass" *ngIf="item.iconClass"> </ax-icon>
       </ax-button>
     </ax-button-group>
-    <ax-button [disabled]="_currentPage == _lastPage" look="blank" class="ax-sm" (onClick)="_handleOnItemClick({ data: _lastPage })">
+    <ax-button
+      [disabled]="_currentPage == _lastPage"
+      look="blank"
+      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 });
+  `, 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.1.3", ngImport: i0, type: AXDataPagerNumericSelectorComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.4", ngImport: i0, type: AXDataPagerNumericSelectorComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'ax-data-pager-numeric-selector',
                     template: `
-    <ax-button [disabled]="_currentPage == 1" look="blank" class="ax-sm" (onClick)="_handleOnItemClick({ data: 1 })">
+    <ax-button
+      [disabled]="_currentPage == 1"
+      look="blank"
+      class="ax-sm"
+      (onClick)="_handleOnItemClick({ data: 1 })"
+    >
       <ax-icon [ngClass]="{ 'ax-icon-last-page': rtl, 'ax-icon-first-page': !rtl }"></ax-icon>
     </ax-button>
     <ax-button-group look="blank" class="ax-sm">
-      <ax-button *ngFor="let item of _items" look="blank" [selected]="_currentPage == item.data" class="ax-sm" [text]="item.text" (onClick)="_handleOnItemClick(item)">
+      <ax-button
+        *ngFor="let item of _items"
+        look="blank"
+        [selected]="_currentPage == item.data"
+        class="ax-sm"
+        [text]="item.text"
+        (onClick)="_handleOnItemClick(item)"
+      >
         <ax-icon [class]="item.iconClass" *ngIf="item.iconClass"> </ax-icon>
       </ax-button>
     </ax-button-group>
-    <ax-button [disabled]="_currentPage == _lastPage" look="blank" class="ax-sm" (onClick)="_handleOnItemClick({ data: _lastPage })">
+    <ax-button
+      [disabled]="_currentPage == _lastPage"
+      look="blank"
+      class="ax-sm"
+      (onClick)="_handleOnItemClick({ data: _lastPage })"
+    >
       <ax-icon [ngClass]="{ 'ax-icon-last-page': !rtl, 'ax-icon-first-page': rtl }"></ax-icon>
     </ax-button>
   `,
@@ -302,22 +362,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.3", ngImpor
                 }] }, { type: i0.NgZone }]; } });
 
 class AXDataPagerPageSizesComponent extends AXDataPagerChild {
-    _parent;
     constructor(elementRef, cdr, _parent) {
         super(elementRef, cdr);
         this._parent = _parent;
+        //TODO: AXButtonItems type error
+        this._items = [];
     }
-    _size;
     onViewInit() {
         this._generateDisplayItems();
         //
-        this._parent.onStateChanged.subscribe(c => {
+        this._parent.onStateChanged.subscribe((c) => {
             this._generateDisplayItems();
         });
     }
-    //TODO: AXButtonItems type error
-    _items = [];
-    _sizes;
     get sizes() {
         return this._sizes || [5, 10, 20, 50, 100];
     }
@@ -339,27 +396,39 @@ class AXDataPagerPageSizesComponent extends AXDataPagerChild {
     _emitOnItemClick(e) {
         this._size = this._parent.size = Number(e.data.size);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.3", 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.1.3", type: AXDataPagerPageSizesComponent, selector: "ax-data-pager-page-sizes", inputs: { sizes: "sizes" }, providers: [{ provide: AXDataPagerChild, useExisting: AXDataPagerPageSizesComponent }], usesInheritance: true, ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.4", ngImport: i0, type: AXDataPagerPageSizesComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: AXPagerComponent }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.4", 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" look="blank" class="ax-sm">
       <ax-dropdown-panel (onItemClick)="_emitOnItemClick($event)">
-        <ax-button-item *ngFor="let item of _items" [text]="item.text" [data]="item.data" [selected]="item.selected"> </ax-button-item>
+        <ax-button-item
+          *ngFor="let item of _items"
+          [text]="item.text"
+          [data]="item.data"
+          [selected]="item.selected"
+        >
+        </ax-button-item>
       </ax-dropdown-panel>
       <ax-suffix>
         <ax-icon icon="ax-icon-arrow-down"></ax-icon>
       </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 });
+  `, 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.1.3", ngImport: i0, type: AXDataPagerPageSizesComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.4", ngImport: i0, type: AXDataPagerPageSizesComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'ax-data-pager-page-sizes',
                     template: `
     <ax-button [text]="_size" look="blank" class="ax-sm">
       <ax-dropdown-panel (onItemClick)="_emitOnItemClick($event)">
-        <ax-button-item *ngFor="let item of _items" [text]="item.text" [data]="item.data" [selected]="item.selected"> </ax-button-item>
+        <ax-button-item
+          *ngFor="let item of _items"
+          [text]="item.text"
+          [data]="item.data"
+          [selected]="item.selected"
+        >
+        </ax-button-item>
       </ax-dropdown-panel>
       <ax-suffix>
         <ax-icon icon="ax-icon-arrow-down"></ax-icon>
@@ -380,8 +449,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.3", ngImpor
             }] } });
 
 class AXDataPagerPrevButtonsComponent extends AXDataPagerChild {
-    elementRef;
-    _parent;
     constructor(elementRef, cdr, _parent) {
         super(elementRef, cdr);
         this.elementRef = elementRef;
@@ -389,7 +456,7 @@ class AXDataPagerPrevButtonsComponent extends AXDataPagerChild {
     }
     onViewInit() {
         this._checkDisabled();
-        this._parent.onStateChanged.subscribe(c => {
+        this._parent.onStateChanged.subscribe((c) => {
             this._checkDisabled();
         });
     }
@@ -402,25 +469,49 @@ class AXDataPagerPrevButtonsComponent extends AXDataPagerChild {
     _emitOnPrevPageClick(e) {
         this._parent.goPrevPage();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.3", 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.1.3", type: AXDataPagerPrevButtonsComponent, selector: "ax-data-pager-prev-buttons", providers: [{ provide: AXDataPagerChild, useExisting: AXDataPagerPrevButtonsComponent }], usesInheritance: true, ngImport: i0, template: `
-    <ax-button [disabled]="disabled" look="blank" class="ax-sm" title="Go to the last page" (onClick)="_emitOnFirstPageClick($event)">
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.4", ngImport: i0, type: AXDataPagerPrevButtonsComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: AXPagerComponent }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.4", type: AXDataPagerPrevButtonsComponent, selector: "ax-data-pager-prev-buttons", providers: [{ provide: AXDataPagerChild, useExisting: AXDataPagerPrevButtonsComponent }], usesInheritance: true, ngImport: i0, template: `
+    <ax-button
+      [disabled]="disabled"
+      look="blank"
+      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>
     </ax-button>
-    <ax-button [disabled]="disabled" look="blank" class="ax-sm" title="Go to the next page" (onClick)="_emitOnPrevPageClick($event)">
+    <ax-button
+      [disabled]="disabled"
+      look="blank"
+      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 });
+  `, 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.1.3", ngImport: i0, type: AXDataPagerPrevButtonsComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.4", ngImport: i0, type: AXDataPagerPrevButtonsComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'ax-data-pager-prev-buttons',
                     template: `
-    <ax-button [disabled]="disabled" look="blank" class="ax-sm" title="Go to the last page" (onClick)="_emitOnFirstPageClick($event)">
+    <ax-button
+      [disabled]="disabled"
+      look="blank"
+      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>
     </ax-button>
-    <ax-button [disabled]="disabled" look="blank" class="ax-sm" title="Go to the next page" (onClick)="_emitOnPrevPageClick($event)">
+    <ax-button
+      [disabled]="disabled"
+      look="blank"
+      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>
   `,
@@ -434,10 +525,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.3", ngImpor
                 }] }]; } });
 
 class AXDataPagerComponent extends AXBaseValueComponentMixin {
-    _elementRef;
-    _cdr;
-    _parent;
-    _size = 10;
     get size() {
         return this._size;
     }
@@ -452,7 +539,6 @@ class AXDataPagerComponent extends AXBaseValueComponentMixin {
             this._emitStateChangedEvent();
         }
     }
-    _total = 0;
     get total() {
         return this._total;
     }
@@ -463,20 +549,22 @@ class AXDataPagerComponent extends AXBaseValueComponentMixin {
             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;
+        this._size = 10;
+        this._total = 0;
+        this._totalPages = 0;
+        this.displayMode = 'full';
+        this.onStateChanged = new EventEmitter();
     }
     onInit() {
         if (this._parent) {
@@ -543,10 +631,10 @@ class AXDataPagerComponent extends AXBaseValueComponentMixin {
             this.value = page;
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.3", 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.1.3", 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\">\n    <ng-container *ngSwitchCase=\"'full'\">\n        <ax-prefix>\n            <ax-data-pager-numeric-selector>\n            </ax-data-pager-numeric-selector>\n            <ax-data-pager-page-sizes>\n            </ax-data-pager-page-sizes>\n        </ax-prefix>\n        <ax-suffix>\n            <ax-data-pager-info>\n            </ax-data-pager-info>\n        </ax-suffix>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'compact'\">\n        <ax-prefix>\n            <ax-data-pager-prev-buttons>\n            </ax-data-pager-prev-buttons>\n            <ax-data-pager-input-selector>\n            </ax-data-pager-input-selector>\n            <ax-data-pager-next-buttons>\n            </ax-data-pager-next-buttons>\n        </ax-prefix>\n        <ax-suffix>\n            <ax-data-pager-info>\n            </ax-data-pager-info>\n        </ax-suffix>\n    </ng-container>\n    <ng-container *ngSwitchDefault>\n        <ng-content select=\"ax-prefix\"></ng-content>\n        <ng-content select=\"ax-suffix\"></ng-content>\n    </ng-container>\n</ng-container>\n\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 });
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.4", ngImport: i0, type: AXDataPagerComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: AXPagedComponent, optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.4", 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\">\n    <ng-container *ngSwitchCase=\"'full'\">\n        <ax-prefix>\n            <ax-data-pager-numeric-selector>\n            </ax-data-pager-numeric-selector>\n            <ax-data-pager-page-sizes>\n            </ax-data-pager-page-sizes>\n        </ax-prefix>\n        <ax-suffix>\n            <ax-data-pager-info>\n            </ax-data-pager-info>\n        </ax-suffix>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'compact'\">\n        <ax-prefix>\n            <ax-data-pager-prev-buttons>\n            </ax-data-pager-prev-buttons>\n            <ax-data-pager-input-selector>\n            </ax-data-pager-input-selector>\n            <ax-data-pager-next-buttons>\n            </ax-data-pager-next-buttons>\n        </ax-prefix>\n        <ax-suffix>\n            <ax-data-pager-info>\n            </ax-data-pager-info>\n        </ax-suffix>\n    </ng-container>\n    <ng-container *ngSwitchDefault>\n        <ng-content select=\"ax-prefix\"></ng-content>\n        <ng-content select=\"ax-suffix\"></ng-content>\n    </ng-container>\n</ng-container>\n\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.1.3", ngImport: i0, type: AXDataPagerComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.4", 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\">\n    <ng-container *ngSwitchCase=\"'full'\">\n        <ax-prefix>\n            <ax-data-pager-numeric-selector>\n            </ax-data-pager-numeric-selector>\n            <ax-data-pager-page-sizes>\n            </ax-data-pager-page-sizes>\n        </ax-prefix>\n        <ax-suffix>\n            <ax-data-pager-info>\n            </ax-data-pager-info>\n        </ax-suffix>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'compact'\">\n        <ax-prefix>\n            <ax-data-pager-prev-buttons>\n            </ax-data-pager-prev-buttons>\n            <ax-data-pager-input-selector>\n            </ax-data-pager-input-selector>\n            <ax-data-pager-next-buttons>\n            </ax-data-pager-next-buttons>\n        </ax-prefix>\n        <ax-suffix>\n            <ax-data-pager-info>\n            </ax-data-pager-info>\n        </ax-suffix>\n    </ng-container>\n    <ng-container *ngSwitchDefault>\n        <ng-content select=\"ax-prefix\"></ng-content>\n        <ng-content select=\"ax-suffix\"></ng-content>\n    </ng-container>\n</ng-container>\n\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: [{
@@ -575,8 +663,8 @@ const COMPONENT = [
 ];
 const MODULES = [CommonModule, AXButtonModule, AXNumberBoxModule, AXDropdownModule, AXDecoratorModule];
 class AXDataPagerModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.3", ngImport: i0, type: AXDataPagerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.1.3", ngImport: i0, type: AXDataPagerModule, declarations: [AXDataPagerComponent,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.4", ngImport: i0, type: AXDataPagerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.1.4", ngImport: i0, type: AXDataPagerModule, declarations: [AXDataPagerComponent,
             AXDataPagerNextButtonsComponent,
             AXDataPagerPrevButtonsComponent,
             AXDataPagerPageSizesComponent,
@@ -588,10 +676,10 @@ class AXDataPagerModule {
             AXDataPagerPageSizesComponent,
             AXDataPagerNumericSelectorComponent,
             AXDataPagerInputSelectorComponent,
-            AXDataPagerInfoComponent] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.1.3", ngImport: i0, type: AXDataPagerModule, imports: [MODULES] });
+            AXDataPagerInfoComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.1.4", ngImport: i0, type: AXDataPagerModule, imports: [MODULES] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.3", ngImport: i0, type: AXDataPagerModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.4", ngImport: i0, type: AXDataPagerModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [...COMPONENT],