@progress/kendo-angular-pager 20.1.1 → 20.1.2-develop.2

package/esm2022/package-metadata.mjs

@@ -10,7 +10,7 @@ export const packageMetadata = {
     productName: 'Kendo UI for Angular',
     productCode: 'KENDOUIANGULAR',
     productCodes: ['KENDOUIANGULAR'],
-    publishDate: 1761290298,
-    version: '20.1.1',
+    publishDate: 1761309920,
+    version: '20.1.2-develop.2',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
 };

package/esm2022/pager/pager-context.service.mjs

@@ -10,6 +10,7 @@ export class PagerContextService {
     total;
     skip;
     pageSize;
+    isAllSelected = false;
     localization;
     changes = new Subject();
     pageChange = new Subject();
@@ -19,8 +20,9 @@ export class PagerContextService {
     }
     notifyChanges(changes) {
         this.total = changes.total;
-        this.pageSize = changes.pageSize;
         this.skip = changes.skip;
+        this.pageSize = changes.pageSize;
+        this.isAllSelected = changes.isAllSelected || false;
         this.changes.next(changes);
     }
     changePage(page) {

package/esm2022/pager/pager-page-sizes.component.mjs

@@ -124,10 +124,11 @@ export class PagerPageSizesComponent extends PagerElementComponent {
             dropdownlist.writeValue(this.pageSize);
         }
     }
-    onChanges({ total, skip, pageSize }) {
+    onChanges({ total, skip, pageSize, isAllSelected }) {
         this.total = total;
         this.skip = skip;
-        this.pageSize = typeof pageSize === 'number' ? pageSize : this.total;
+        const normalizedPageSize = typeof pageSize === 'number' ? pageSize : this.total;
+        this.pageSize = isAllSelected ? 'all' : normalizedPageSize;
         this.cd.markForCheck();
     }
     keyDownHandler(ev) {

package/esm2022/pager/pager.component.mjs

@@ -302,6 +302,7 @@ export class PagerComponent {
     _showInput = true;
     _showPageText = true;
     _showItemsText = true;
+    _isAllSelected = false;
     /**
      * Stores the measurements of various Pager elements.
      * These dimensions are used for responsive layout calculations.
@@ -392,15 +393,29 @@ export class PagerComponent {
     }
     ngOnChanges(changes) {
         if (anyChanged(["pageSize", "skip", "total"], changes, false)) {
+            const previousTotal = changes['total']?.previousValue;
+            const currentTotal = this.total;
+            let pageSizeAdjusted = false;
+            if (this._isAllSelected && previousTotal && currentTotal !== previousTotal && this.pageSize === previousTotal) {
+                this.pageSize = currentTotal;
+                pageSizeAdjusted = true;
+            }
             const previousButtonCount = Math.min(this.buttonCount, (changes['total']?.previousValue || this.total) / (changes['pageSize']?.previousValue || this.pageSize));
             this.pagerContext.notifyChanges({
                 pageSize: this.pageSize,
                 skip: this.skip,
-                total: this.total
+                total: this.total,
+                isAllSelected: this._isAllSelected
             });
             this.pagerDimensions.numericButtonsWidth = (this.pagerDimensions.numericButtonsWidth * Math.min(this.buttonCount, this.total / this.pageSize)) / previousButtonCount;
             this.renderer.setAttribute(this.element.nativeElement, 'aria-label', this.ariaLabel);
             this.responsive && this.resizeHandler(false);
+            if (pageSizeAdjusted) {
+                Promise.resolve().then(() => {
+                    this.pageChange.emit({ skip: this.skip, take: currentTotal });
+                    this.cdr.detectChanges();
+                });
+            }
         }
         if (anyChanged(["pageSizeValues", "previousNext", "buttonCount"], changes, true)) {
             this.responsive && this.resizeHandler(false);
@@ -436,9 +451,11 @@ export class PagerComponent {
         this.pageSizeChange.emit(event);
         if (!event.isDefaultPrevented()) {
             if (event.newPageSize === 'all') {
+                this._isAllSelected = true;
                 this.pageChange.emit({ skip: 0, take: this.total });
             }
             else {
+                this._isAllSelected = false;
                 this.pageChange.emit({ skip: 0, take: event.newPageSize });
             }
         }

package/fesm2022/progress-kendo-angular-pager.mjs

@@ -239,6 +239,7 @@ class PagerContextService {
     total;
     skip;
     pageSize;
+    isAllSelected = false;
     localization;
     changes = new Subject();
     pageChange = new Subject();
@@ -248,8 +249,9 @@ class PagerContextService {
     }
     notifyChanges(changes) {
         this.total = changes.total;
-        this.pageSize = changes.pageSize;
         this.skip = changes.skip;
+        this.pageSize = changes.pageSize;
+        this.isAllSelected = changes.isAllSelected || false;
         this.changes.next(changes);
     }
     changePage(page) {
@@ -823,10 +825,11 @@ class PagerPageSizesComponent extends PagerElementComponent {
             dropdownlist.writeValue(this.pageSize);
         }
     }
-    onChanges({ total, skip, pageSize }) {
+    onChanges({ total, skip, pageSize, isAllSelected }) {
         this.total = total;
         this.skip = skip;
-        this.pageSize = typeof pageSize === 'number' ? pageSize : this.total;
+        const normalizedPageSize = typeof pageSize === 'number' ? pageSize : this.total;
+        this.pageSize = isAllSelected ? 'all' : normalizedPageSize;
         this.cd.markForCheck();
     }
     keyDownHandler(ev) {
@@ -1519,8 +1522,8 @@ const packageMetadata = {
     productName: 'Kendo UI for Angular',
     productCode: 'KENDOUIANGULAR',
     productCodes: ['KENDOUIANGULAR'],
-    publishDate: 1761290298,
-    version: '20.1.1',
+    publishDate: 1761309920,
+    version: '20.1.2-develop.2',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
 };
 
@@ -1801,6 +1804,7 @@ class PagerComponent {
     _showInput = true;
     _showPageText = true;
     _showItemsText = true;
+    _isAllSelected = false;
     /**
      * Stores the measurements of various Pager elements.
      * These dimensions are used for responsive layout calculations.
@@ -1891,15 +1895,29 @@ class PagerComponent {
     }
     ngOnChanges(changes) {
         if (anyChanged(["pageSize", "skip", "total"], changes, false)) {
+            const previousTotal = changes['total']?.previousValue;
+            const currentTotal = this.total;
+            let pageSizeAdjusted = false;
+            if (this._isAllSelected && previousTotal && currentTotal !== previousTotal && this.pageSize === previousTotal) {
+                this.pageSize = currentTotal;
+                pageSizeAdjusted = true;
+            }
             const previousButtonCount = Math.min(this.buttonCount, (changes['total']?.previousValue || this.total) / (changes['pageSize']?.previousValue || this.pageSize));
             this.pagerContext.notifyChanges({
                 pageSize: this.pageSize,
                 skip: this.skip,
-                total: this.total
+                total: this.total,
+                isAllSelected: this._isAllSelected
             });
             this.pagerDimensions.numericButtonsWidth = (this.pagerDimensions.numericButtonsWidth * Math.min(this.buttonCount, this.total / this.pageSize)) / previousButtonCount;
             this.renderer.setAttribute(this.element.nativeElement, 'aria-label', this.ariaLabel);
             this.responsive && this.resizeHandler(false);
+            if (pageSizeAdjusted) {
+                Promise.resolve().then(() => {
+                    this.pageChange.emit({ skip: this.skip, take: currentTotal });
+                    this.cdr.detectChanges();
+                });
+            }
         }
         if (anyChanged(["pageSizeValues", "previousNext", "buttonCount"], changes, true)) {
             this.responsive && this.resizeHandler(false);
@@ -1935,9 +1953,11 @@ class PagerComponent {
         this.pageSizeChange.emit(event);
         if (!event.isDefaultPrevented()) {
             if (event.newPageSize === 'all') {
+                this._isAllSelected = true;
                 this.pageChange.emit({ skip: 0, take: this.total });
             }
             else {
+                this._isAllSelected = false;
                 this.pageChange.emit({ skip: 0, take: event.newPageSize });
             }
         }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-angular-pager",
-  "version": "20.1.1",
+  "version": "20.1.2-develop.2",
   "description": "Kendo UI Angular Pager",
   "license": "SEE LICENSE IN LICENSE.md",
   "author": "Progress",
@@ -17,7 +17,7 @@
     "package": {
       "productName": "Kendo UI for Angular",
       "productCode": "KENDOUIANGULAR",
-      "publishDate": 1761290298,
+      "publishDate": 1761309920,
       "licensingDocsUrl": "https://www.telerik.com/kendo-angular-ui/my-license/"
     }
   },
@@ -27,16 +27,16 @@
     "@angular/core": "16 - 20",
     "@angular/platform-browser": "16 - 20",
     "@progress/kendo-licensing": "^1.7.0",
-    "@progress/kendo-angular-common": "20.1.1",
-    "@progress/kendo-angular-dropdowns": "20.1.1",
-    "@progress/kendo-angular-inputs": "20.1.1",
-    "@progress/kendo-angular-icons": "20.1.1",
-    "@progress/kendo-angular-l10n": "20.1.1",
+    "@progress/kendo-angular-common": "20.1.2-develop.2",
+    "@progress/kendo-angular-dropdowns": "20.1.2-develop.2",
+    "@progress/kendo-angular-inputs": "20.1.2-develop.2",
+    "@progress/kendo-angular-icons": "20.1.2-develop.2",
+    "@progress/kendo-angular-l10n": "20.1.2-develop.2",
     "rxjs": "^6.5.3 || ^7.0.0"
   },
   "dependencies": {
     "tslib": "^2.3.1",
-    "@progress/kendo-angular-schematics": "20.1.1"
+    "@progress/kendo-angular-schematics": "20.1.2-develop.2"
   },
   "schematics": "./schematics/collection.json",
   "module": "fesm2022/progress-kendo-angular-pager.mjs",

package/pager/pager-context.service.d.ts

@@ -13,6 +13,7 @@ export type PagerContextChanges = {
     total: number;
     skip: number;
     pageSize: number;
+    isAllSelected?: boolean;
 };
 /**
  * @hidden
@@ -21,6 +22,7 @@ export declare class PagerContextService {
     total: number;
     skip: number;
     pageSize: number;
+    isAllSelected: boolean;
     localization: LocalizationService;
     changes: Subject<PagerContextChanges>;
     pageChange: Subject<PageChangeEvent>;

package/pager/pager-page-sizes.component.d.ts

@@ -74,7 +74,7 @@ export declare class PagerPageSizesComponent extends PagerElementComponent imple
      * @hidden
      */
     pageSizeChange(value: any, dropdownlist: DropDownListComponent): void;
-    protected onChanges({ total, skip, pageSize }: PagerContextChanges): void;
+    protected onChanges({ total, skip, pageSize, isAllSelected }: PagerContextChanges): void;
     private keyDownHandler;
     static ɵfac: i0.ɵɵFactoryDeclaration<PagerPageSizesComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<PagerPageSizesComponent, "kendo-datapager-page-sizes, kendo-pager-page-sizes", never, { "showItemsText": { "alias": "showItemsText"; "required": false; }; "pageSizes": { "alias": "pageSizes"; "required": false; }; "size": { "alias": "size"; "required": false; }; "adaptiveMode": { "alias": "adaptiveMode"; "required": false; }; }, {}, never, never, true, never>;

package/pager/pager.component.d.ts

@@ -216,6 +216,7 @@ export declare class PagerComponent implements OnChanges, AfterViewInit, OnInit,
     private _showInput;
     private _showPageText;
     private _showItemsText;
+    private _isAllSelected;
     /**
      * Stores the measurements of various Pager elements.
      * These dimensions are used for responsive layout calculations.

package/schematics/ngAdd/index.js

@@ -4,14 +4,14 @@ const schematics_1 = require("@angular-devkit/schematics");
 function default_1(options) {
     const finalOptions = Object.assign(Object.assign({}, options), { mainNgModule: 'PagerModule', package: 'pager', peerDependencies: {
             // Peers of inputs and dropdowns
-            '@progress/kendo-angular-treeview': '20.1.1',
-            '@progress/kendo-angular-intl': '20.1.1',
-            '@progress/kendo-angular-navigation': '20.1.1',
-            '@progress/kendo-angular-popup': '20.1.1',
+            '@progress/kendo-angular-treeview': '20.1.2-develop.2',
+            '@progress/kendo-angular-intl': '20.1.2-develop.2',
+            '@progress/kendo-angular-navigation': '20.1.2-develop.2',
+            '@progress/kendo-angular-popup': '20.1.2-develop.2',
             '@progress/kendo-drawing': '^1.5.12',
             // peer dependency of kendo-angular-inputs
-            '@progress/kendo-angular-buttons': '20.1.1',
-            '@progress/kendo-angular-dialog': '20.1.1',
+            '@progress/kendo-angular-buttons': '20.1.2-develop.2',
+            '@progress/kendo-angular-dialog': '20.1.2-develop.2',
             // Peer dependency of icons
             '@progress/kendo-svg-icons': '^4.0.0'
         } });