@acorex/components 20.2.4 → 20.2.7

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

@@ -346,22 +346,29 @@ class AXDataPagerNumericSelectorComponent extends AXDataPagerChild {
         this._lastPage = this._parent.displayInfo.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) {
+        // Calculate the range to center the current page
+        const halfDisplayCount = Math.floor(this._displayCount / 2);
+        let start = Math.max(1, this._currentPage - halfDisplayCount);
+        const end = Math.min(this._lastPage, start + this._displayCount - 1);
+        // Adjust start if we're near the end to ensure we show the full display count
+        if (end - start + 1 < this._displayCount) {
+            start = Math.max(1, end - this._displayCount + 1);
+        }
+        // Add ellipsis button for previous pages if needed
+        if (start > 1) {
             this._items.push({
                 iconClass: this.rtl ? 'ax-icon-chevron-right' : 'ax-icon-chevron-left',
                 data: start - 1,
             });
         }
-        //
+        // Add page number buttons
         for (let i = start; i <= end; i++) {
             this._items.push({
                 text: i.toString(),
                 data: i,
             });
         }
+        // Add ellipsis button for next pages if needed
         if (end < this._lastPage) {
             this._items.push({
                 iconClass: this.rtl ? 'ax-icon-chevron-left' : 'ax-icon-chevron-right',
@@ -376,7 +383,12 @@ class AXDataPagerNumericSelectorComponent extends AXDataPagerChild {
     _handleOnItemClick(e) {
         if (this._parent.readonly || this._parent.disabled)
             return;
-        this._parent.goToPage(Number(e.data));
+        if (e.iconClass) {
+            this._parent.goNextPage();
+        }
+        else {
+            this._parent.goToPage(Number(e.data));
+        }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: AXDataPagerNumericSelectorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.3", type: AXDataPagerNumericSelectorComponent, isStandalone: true, selector: "ax-data-pager-numeric-selector", providers: [