@progress/kendo-angular-pager 20.1.2-develop.1 → 20.1.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/esm2022/package-metadata.mjs +2 -2
- package/esm2022/pager/pager-context.service.mjs +1 -3
- package/esm2022/pager/pager-page-sizes.component.mjs +2 -3
- package/esm2022/pager/pager.component.mjs +1 -18
- package/fesm2022/progress-kendo-angular-pager.mjs +6 -26
- package/package.json +8 -8
- package/pager/pager-context.service.d.ts +0 -2
- package/pager/pager-page-sizes.component.d.ts +1 -1
- package/pager/pager.component.d.ts +0 -1
- package/schematics/ngAdd/index.js +6 -6
|
@@ -10,7 +10,7 @@ export const packageMetadata = {
|
|
|
10
10
|
productName: 'Kendo UI for Angular',
|
|
11
11
|
productCode: 'KENDOUIANGULAR',
|
|
12
12
|
productCodes: ['KENDOUIANGULAR'],
|
|
13
|
-
publishDate:
|
|
14
|
-
version: '20.1.2
|
|
13
|
+
publishDate: 1764348793,
|
|
14
|
+
version: '20.1.2',
|
|
15
15
|
licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
|
|
16
16
|
};
|
|
@@ -10,7 +10,6 @@ export class PagerContextService {
|
|
|
10
10
|
total;
|
|
11
11
|
skip;
|
|
12
12
|
pageSize;
|
|
13
|
-
isAllSelected = false;
|
|
14
13
|
localization;
|
|
15
14
|
changes = new Subject();
|
|
16
15
|
pageChange = new Subject();
|
|
@@ -20,9 +19,8 @@ export class PagerContextService {
|
|
|
20
19
|
}
|
|
21
20
|
notifyChanges(changes) {
|
|
22
21
|
this.total = changes.total;
|
|
23
|
-
this.skip = changes.skip;
|
|
24
22
|
this.pageSize = changes.pageSize;
|
|
25
|
-
this.
|
|
23
|
+
this.skip = changes.skip;
|
|
26
24
|
this.changes.next(changes);
|
|
27
25
|
}
|
|
28
26
|
changePage(page) {
|
|
@@ -124,11 +124,10 @@ export class PagerPageSizesComponent extends PagerElementComponent {
|
|
|
124
124
|
dropdownlist.writeValue(this.pageSize);
|
|
125
125
|
}
|
|
126
126
|
}
|
|
127
|
-
onChanges({ total, skip, pageSize
|
|
127
|
+
onChanges({ total, skip, pageSize }) {
|
|
128
128
|
this.total = total;
|
|
129
129
|
this.skip = skip;
|
|
130
|
-
|
|
131
|
-
this.pageSize = isAllSelected ? 'all' : normalizedPageSize;
|
|
130
|
+
this.pageSize = typeof pageSize === 'number' ? pageSize : this.total;
|
|
132
131
|
this.cd.markForCheck();
|
|
133
132
|
}
|
|
134
133
|
keyDownHandler(ev) {
|
|
@@ -302,7 +302,6 @@ export class PagerComponent {
|
|
|
302
302
|
_showInput = true;
|
|
303
303
|
_showPageText = true;
|
|
304
304
|
_showItemsText = true;
|
|
305
|
-
_isAllSelected = false;
|
|
306
305
|
/**
|
|
307
306
|
* Stores the measurements of various Pager elements.
|
|
308
307
|
* These dimensions are used for responsive layout calculations.
|
|
@@ -393,29 +392,15 @@ export class PagerComponent {
|
|
|
393
392
|
}
|
|
394
393
|
ngOnChanges(changes) {
|
|
395
394
|
if (anyChanged(["pageSize", "skip", "total"], changes, false)) {
|
|
396
|
-
const previousTotal = changes['total']?.previousValue;
|
|
397
|
-
const currentTotal = this.total;
|
|
398
|
-
let pageSizeAdjusted = false;
|
|
399
|
-
if (this._isAllSelected && previousTotal && currentTotal !== previousTotal && this.pageSize === previousTotal) {
|
|
400
|
-
this.pageSize = currentTotal;
|
|
401
|
-
pageSizeAdjusted = true;
|
|
402
|
-
}
|
|
403
395
|
const previousButtonCount = Math.min(this.buttonCount, (changes['total']?.previousValue || this.total) / (changes['pageSize']?.previousValue || this.pageSize));
|
|
404
396
|
this.pagerContext.notifyChanges({
|
|
405
397
|
pageSize: this.pageSize,
|
|
406
398
|
skip: this.skip,
|
|
407
|
-
total: this.total
|
|
408
|
-
isAllSelected: this._isAllSelected
|
|
399
|
+
total: this.total
|
|
409
400
|
});
|
|
410
401
|
this.pagerDimensions.numericButtonsWidth = (this.pagerDimensions.numericButtonsWidth * Math.min(this.buttonCount, this.total / this.pageSize)) / previousButtonCount;
|
|
411
402
|
this.renderer.setAttribute(this.element.nativeElement, 'aria-label', this.ariaLabel);
|
|
412
403
|
this.responsive && this.resizeHandler(false);
|
|
413
|
-
if (pageSizeAdjusted) {
|
|
414
|
-
Promise.resolve().then(() => {
|
|
415
|
-
this.pageChange.emit({ skip: this.skip, take: currentTotal });
|
|
416
|
-
this.cdr.detectChanges();
|
|
417
|
-
});
|
|
418
|
-
}
|
|
419
404
|
}
|
|
420
405
|
if (anyChanged(["pageSizeValues", "previousNext", "buttonCount"], changes, true)) {
|
|
421
406
|
this.responsive && this.resizeHandler(false);
|
|
@@ -451,11 +436,9 @@ export class PagerComponent {
|
|
|
451
436
|
this.pageSizeChange.emit(event);
|
|
452
437
|
if (!event.isDefaultPrevented()) {
|
|
453
438
|
if (event.newPageSize === 'all') {
|
|
454
|
-
this._isAllSelected = true;
|
|
455
439
|
this.pageChange.emit({ skip: 0, take: this.total });
|
|
456
440
|
}
|
|
457
441
|
else {
|
|
458
|
-
this._isAllSelected = false;
|
|
459
442
|
this.pageChange.emit({ skip: 0, take: event.newPageSize });
|
|
460
443
|
}
|
|
461
444
|
}
|
|
@@ -239,7 +239,6 @@ class PagerContextService {
|
|
|
239
239
|
total;
|
|
240
240
|
skip;
|
|
241
241
|
pageSize;
|
|
242
|
-
isAllSelected = false;
|
|
243
242
|
localization;
|
|
244
243
|
changes = new Subject();
|
|
245
244
|
pageChange = new Subject();
|
|
@@ -249,9 +248,8 @@ class PagerContextService {
|
|
|
249
248
|
}
|
|
250
249
|
notifyChanges(changes) {
|
|
251
250
|
this.total = changes.total;
|
|
252
|
-
this.skip = changes.skip;
|
|
253
251
|
this.pageSize = changes.pageSize;
|
|
254
|
-
this.
|
|
252
|
+
this.skip = changes.skip;
|
|
255
253
|
this.changes.next(changes);
|
|
256
254
|
}
|
|
257
255
|
changePage(page) {
|
|
@@ -825,11 +823,10 @@ class PagerPageSizesComponent extends PagerElementComponent {
|
|
|
825
823
|
dropdownlist.writeValue(this.pageSize);
|
|
826
824
|
}
|
|
827
825
|
}
|
|
828
|
-
onChanges({ total, skip, pageSize
|
|
826
|
+
onChanges({ total, skip, pageSize }) {
|
|
829
827
|
this.total = total;
|
|
830
828
|
this.skip = skip;
|
|
831
|
-
|
|
832
|
-
this.pageSize = isAllSelected ? 'all' : normalizedPageSize;
|
|
829
|
+
this.pageSize = typeof pageSize === 'number' ? pageSize : this.total;
|
|
833
830
|
this.cd.markForCheck();
|
|
834
831
|
}
|
|
835
832
|
keyDownHandler(ev) {
|
|
@@ -1522,8 +1519,8 @@ const packageMetadata = {
|
|
|
1522
1519
|
productName: 'Kendo UI for Angular',
|
|
1523
1520
|
productCode: 'KENDOUIANGULAR',
|
|
1524
1521
|
productCodes: ['KENDOUIANGULAR'],
|
|
1525
|
-
publishDate:
|
|
1526
|
-
version: '20.1.2
|
|
1522
|
+
publishDate: 1764348793,
|
|
1523
|
+
version: '20.1.2',
|
|
1527
1524
|
licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
|
|
1528
1525
|
};
|
|
1529
1526
|
|
|
@@ -1804,7 +1801,6 @@ class PagerComponent {
|
|
|
1804
1801
|
_showInput = true;
|
|
1805
1802
|
_showPageText = true;
|
|
1806
1803
|
_showItemsText = true;
|
|
1807
|
-
_isAllSelected = false;
|
|
1808
1804
|
/**
|
|
1809
1805
|
* Stores the measurements of various Pager elements.
|
|
1810
1806
|
* These dimensions are used for responsive layout calculations.
|
|
@@ -1895,29 +1891,15 @@ class PagerComponent {
|
|
|
1895
1891
|
}
|
|
1896
1892
|
ngOnChanges(changes) {
|
|
1897
1893
|
if (anyChanged(["pageSize", "skip", "total"], changes, false)) {
|
|
1898
|
-
const previousTotal = changes['total']?.previousValue;
|
|
1899
|
-
const currentTotal = this.total;
|
|
1900
|
-
let pageSizeAdjusted = false;
|
|
1901
|
-
if (this._isAllSelected && previousTotal && currentTotal !== previousTotal && this.pageSize === previousTotal) {
|
|
1902
|
-
this.pageSize = currentTotal;
|
|
1903
|
-
pageSizeAdjusted = true;
|
|
1904
|
-
}
|
|
1905
1894
|
const previousButtonCount = Math.min(this.buttonCount, (changes['total']?.previousValue || this.total) / (changes['pageSize']?.previousValue || this.pageSize));
|
|
1906
1895
|
this.pagerContext.notifyChanges({
|
|
1907
1896
|
pageSize: this.pageSize,
|
|
1908
1897
|
skip: this.skip,
|
|
1909
|
-
total: this.total
|
|
1910
|
-
isAllSelected: this._isAllSelected
|
|
1898
|
+
total: this.total
|
|
1911
1899
|
});
|
|
1912
1900
|
this.pagerDimensions.numericButtonsWidth = (this.pagerDimensions.numericButtonsWidth * Math.min(this.buttonCount, this.total / this.pageSize)) / previousButtonCount;
|
|
1913
1901
|
this.renderer.setAttribute(this.element.nativeElement, 'aria-label', this.ariaLabel);
|
|
1914
1902
|
this.responsive && this.resizeHandler(false);
|
|
1915
|
-
if (pageSizeAdjusted) {
|
|
1916
|
-
Promise.resolve().then(() => {
|
|
1917
|
-
this.pageChange.emit({ skip: this.skip, take: currentTotal });
|
|
1918
|
-
this.cdr.detectChanges();
|
|
1919
|
-
});
|
|
1920
|
-
}
|
|
1921
1903
|
}
|
|
1922
1904
|
if (anyChanged(["pageSizeValues", "previousNext", "buttonCount"], changes, true)) {
|
|
1923
1905
|
this.responsive && this.resizeHandler(false);
|
|
@@ -1953,11 +1935,9 @@ class PagerComponent {
|
|
|
1953
1935
|
this.pageSizeChange.emit(event);
|
|
1954
1936
|
if (!event.isDefaultPrevented()) {
|
|
1955
1937
|
if (event.newPageSize === 'all') {
|
|
1956
|
-
this._isAllSelected = true;
|
|
1957
1938
|
this.pageChange.emit({ skip: 0, take: this.total });
|
|
1958
1939
|
}
|
|
1959
1940
|
else {
|
|
1960
|
-
this._isAllSelected = false;
|
|
1961
1941
|
this.pageChange.emit({ skip: 0, take: event.newPageSize });
|
|
1962
1942
|
}
|
|
1963
1943
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@progress/kendo-angular-pager",
|
|
3
|
-
"version": "20.1.2
|
|
3
|
+
"version": "20.1.2",
|
|
4
4
|
"description": "Kendo UI Angular Pager",
|
|
5
5
|
"license": "SEE LICENSE IN LICENSE.md",
|
|
6
6
|
"author": "Progress",
|
|
@@ -17,7 +17,7 @@
|
|
|
17
17
|
"package": {
|
|
18
18
|
"productName": "Kendo UI for Angular",
|
|
19
19
|
"productCode": "KENDOUIANGULAR",
|
|
20
|
-
"publishDate":
|
|
20
|
+
"publishDate": 1764348793,
|
|
21
21
|
"licensingDocsUrl": "https://www.telerik.com/kendo-angular-ui/my-license/"
|
|
22
22
|
}
|
|
23
23
|
},
|
|
@@ -27,16 +27,16 @@
|
|
|
27
27
|
"@angular/core": "16 - 20",
|
|
28
28
|
"@angular/platform-browser": "16 - 20",
|
|
29
29
|
"@progress/kendo-licensing": "^1.7.0",
|
|
30
|
-
"@progress/kendo-angular-common": "20.1.2
|
|
31
|
-
"@progress/kendo-angular-dropdowns": "20.1.2
|
|
32
|
-
"@progress/kendo-angular-inputs": "20.1.2
|
|
33
|
-
"@progress/kendo-angular-icons": "20.1.2
|
|
34
|
-
"@progress/kendo-angular-l10n": "20.1.2
|
|
30
|
+
"@progress/kendo-angular-common": "20.1.2",
|
|
31
|
+
"@progress/kendo-angular-dropdowns": "20.1.2",
|
|
32
|
+
"@progress/kendo-angular-inputs": "20.1.2",
|
|
33
|
+
"@progress/kendo-angular-icons": "20.1.2",
|
|
34
|
+
"@progress/kendo-angular-l10n": "20.1.2",
|
|
35
35
|
"rxjs": "^6.5.3 || ^7.0.0"
|
|
36
36
|
},
|
|
37
37
|
"dependencies": {
|
|
38
38
|
"tslib": "^2.3.1",
|
|
39
|
-
"@progress/kendo-angular-schematics": "20.1.2
|
|
39
|
+
"@progress/kendo-angular-schematics": "20.1.2"
|
|
40
40
|
},
|
|
41
41
|
"schematics": "./schematics/collection.json",
|
|
42
42
|
"module": "fesm2022/progress-kendo-angular-pager.mjs",
|
|
@@ -13,7 +13,6 @@ export type PagerContextChanges = {
|
|
|
13
13
|
total: number;
|
|
14
14
|
skip: number;
|
|
15
15
|
pageSize: number;
|
|
16
|
-
isAllSelected?: boolean;
|
|
17
16
|
};
|
|
18
17
|
/**
|
|
19
18
|
* @hidden
|
|
@@ -22,7 +21,6 @@ export declare class PagerContextService {
|
|
|
22
21
|
total: number;
|
|
23
22
|
skip: number;
|
|
24
23
|
pageSize: number;
|
|
25
|
-
isAllSelected: boolean;
|
|
26
24
|
localization: LocalizationService;
|
|
27
25
|
changes: Subject<PagerContextChanges>;
|
|
28
26
|
pageChange: Subject<PageChangeEvent>;
|
|
@@ -74,7 +74,7 @@ export declare class PagerPageSizesComponent extends PagerElementComponent imple
|
|
|
74
74
|
* @hidden
|
|
75
75
|
*/
|
|
76
76
|
pageSizeChange(value: any, dropdownlist: DropDownListComponent): void;
|
|
77
|
-
protected onChanges({ total, skip, pageSize
|
|
77
|
+
protected onChanges({ total, skip, pageSize }: PagerContextChanges): void;
|
|
78
78
|
private keyDownHandler;
|
|
79
79
|
static ɵfac: i0.ɵɵFactoryDeclaration<PagerPageSizesComponent, never>;
|
|
80
80
|
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>;
|
|
@@ -216,7 +216,6 @@ export declare class PagerComponent implements OnChanges, AfterViewInit, OnInit,
|
|
|
216
216
|
private _showInput;
|
|
217
217
|
private _showPageText;
|
|
218
218
|
private _showItemsText;
|
|
219
|
-
private _isAllSelected;
|
|
220
219
|
/**
|
|
221
220
|
* Stores the measurements of various Pager elements.
|
|
222
221
|
* These dimensions are used for responsive layout calculations.
|
|
@@ -4,14 +4,14 @@ const schematics_1 = require("@angular-devkit/schematics");
|
|
|
4
4
|
function default_1(options) {
|
|
5
5
|
const finalOptions = Object.assign(Object.assign({}, options), { mainNgModule: 'PagerModule', package: 'pager', peerDependencies: {
|
|
6
6
|
// Peers of inputs and dropdowns
|
|
7
|
-
'@progress/kendo-angular-treeview': '20.1.2
|
|
8
|
-
'@progress/kendo-angular-intl': '20.1.2
|
|
9
|
-
'@progress/kendo-angular-navigation': '20.1.2
|
|
10
|
-
'@progress/kendo-angular-popup': '20.1.2
|
|
7
|
+
'@progress/kendo-angular-treeview': '20.1.2',
|
|
8
|
+
'@progress/kendo-angular-intl': '20.1.2',
|
|
9
|
+
'@progress/kendo-angular-navigation': '20.1.2',
|
|
10
|
+
'@progress/kendo-angular-popup': '20.1.2',
|
|
11
11
|
'@progress/kendo-drawing': '^1.5.12',
|
|
12
12
|
// peer dependency of kendo-angular-inputs
|
|
13
|
-
'@progress/kendo-angular-buttons': '20.1.2
|
|
14
|
-
'@progress/kendo-angular-dialog': '20.1.2
|
|
13
|
+
'@progress/kendo-angular-buttons': '20.1.2',
|
|
14
|
+
'@progress/kendo-angular-dialog': '20.1.2',
|
|
15
15
|
// Peer dependency of icons
|
|
16
16
|
'@progress/kendo-svg-icons': '^4.0.0'
|
|
17
17
|
} });
|