@progress/kendo-angular-pager 19.0.0-develop.26 → 19.0.0-develop.27

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.
Files changed (6) hide show
  1. package/esm2022/package-metadata.mjs +2 -2
  2. package/esm2022/pager/pager.component.mjs +20 -8
  3. package/fesm2022/progress-kendo-angular-pager.mjs +22 -10
  4. package/package.json +8 -8
  5. package/pager/pager.component.d.ts +1 -0
  6. package/schematics/ngAdd/index.js +6 -6
package/esm2022/package-metadata.mjs CHANGED
@@ -10,7 +10,7 @@ export const packageMetadata = {
10
10
  productName: 'Kendo UI for Angular',
11
11
  productCode: 'KENDOUIANGULAR',
12
12
  productCodes: ['KENDOUIANGULAR'],
13
- publishDate: 1747728061,
14
- version: '19.0.0-develop.26',
13
+ publishDate: 1747748335,
14
+ version: '19.0.0-develop.27',
15
15
  licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
16
16
  };
package/esm2022/pager/pager.component.mjs CHANGED
@@ -356,7 +356,7 @@ export class PagerComponent {
356
356
  this.renderer.setAttribute(this.element.nativeElement, 'aria-label', this.ariaLabel);
357
357
  this.responsive && this.resizeHandler(false);
358
358
  }
359
- if (changes['pageSizeValues'] || changes['previousNext']) {
359
+ if (anyChanged(["pageSizeValues", "previousNext", "buttonCount"], changes, true)) {
360
360
  this.responsive && this.resizeHandler(false);
361
361
  }
362
362
  if (isChanged('responsive', changes, true)) {
@@ -371,6 +371,7 @@ export class PagerComponent {
371
371
  }
372
372
  if (isChanged('type', changes, true)) {
373
373
  this.showNumericButtonsResponsive();
374
+ this.responsive && this.resizeHandler(false);
374
375
  }
375
376
  }
376
377
  ngOnDestroy() {
@@ -536,7 +537,7 @@ export class PagerComponent {
536
537
  if (this.type === 'input' && this.isElementVisible(pagerInfoElement) || this.isElementVisible(numericButtonsElement)) {
537
538
  return;
538
539
  }
539
- if (this.pageSizeValues && !this.isElementVisible(pagerPageSizes)) {
540
+ if (this.showPageSizes && !this.isElementVisible(pagerPageSizes)) {
540
541
  const addDropDownWidth = currentWidth + this.pagerDimensions.pageSizesWidth + this.pagerDimensions.gapNumbersSizes - this.pagerDimensions.sizesTextWidth;
541
542
  if (checkOverflow && addDropDownWidth > availableWidth)
542
543
  return;
@@ -546,7 +547,7 @@ export class PagerComponent {
546
547
  if (checkOverflow && currentWidth >= availableWidth)
547
548
  return;
548
549
  }
549
- if (this.pageSizeValues && this.isElementVisible(pagerPageSizes) && !this.showItemsText) {
550
+ if (this.showPageSizes && this.isElementVisible(pagerPageSizes) && !this.showItemsText) {
550
551
  const addPageSizesText = currentWidth - pagerSizesDropDown?.offsetWidth + this.pagerDimensions.pageSizesWidth;
551
552
  if (checkOverflow && addPageSizesText > availableWidth)
552
553
  return;
@@ -555,7 +556,7 @@ export class PagerComponent {
555
556
  if (checkOverflow && currentWidth >= availableWidth)
556
557
  return;
557
558
  }
558
- if (!this.showPageText && (!this.pageSizeValues || (this.isElementVisible(pagerPageSizes) && this.showItemsText))) {
559
+ if (!this.showPageText && (!this.showPageSizes || (this.isElementVisible(pagerPageSizes) && this.showItemsText))) {
559
560
  const addPageText = currentWidth + this.pagerDimensions.pageTextWidth;
560
561
  if (checkOverflow && addPageText > availableWidth)
561
562
  return;
@@ -564,7 +565,7 @@ export class PagerComponent {
564
565
  if (checkOverflow && currentWidth >= availableWidth)
565
566
  return;
566
567
  }
567
- if (this.info && !this.isElementVisible(pagerInfoElement) && (!this.pageSizeValues || (this.isElementVisible(pagerPageSizes) && this.showPageText))) {
568
+ if (this.info && !this.isElementVisible(pagerInfoElement) && (!this.showPageSizes || (this.isElementVisible(pagerPageSizes) && this.showPageText))) {
568
569
  const addInfoText = currentWidth + this.pagerDimensions.infoTextWidth + this.pagerDimensions.gapSizesInfo;
569
570
  if (checkOverflow && addInfoText > availableWidth)
570
571
  return;
@@ -609,7 +610,7 @@ export class PagerComponent {
609
610
  if (currentWidth <= availableWidth)
610
611
  return;
611
612
  }
612
- if (this.pageSizeValues && this.isElementVisible(pagerPageSizes) && this.showItemsText) {
613
+ if (this.showPageSizes && this.isElementVisible(pagerPageSizes) && this.showItemsText) {
613
614
  this.ngZone.run(() => this.showItemsText = false);
614
615
  currentWidth = currentWidth - this.pagerDimensions.pageSizesWidth + pagerSizesDropDown?.offsetWidth;
615
616
  if (currentWidth <= availableWidth)
@@ -670,7 +671,13 @@ export class PagerComponent {
670
671
  this.renderer.removeChild(this.element.nativeElement, measureContainer);
671
672
  }
672
673
  showNumericButtonsResponsive() {
673
- if (!this.responsive || (!this.numericButtons && !this.pagerInput) || !isDocumentAvailable()) {
674
+ if (!isDocumentAvailable() || !this.element?.nativeElement) {
675
+ return;
676
+ }
677
+ const numericButtonsElement = this.element.nativeElement.querySelector('kendo-datapager-numeric-buttons, kendo-pager-numeric-buttons');
678
+ const hasNumericButtons = this.numericButtons || numericButtonsElement;
679
+ const hasInput = this.pagerInput || this.element.nativeElement.querySelector('.k-pager-input');
680
+ if (!this.responsive || (!hasNumericButtons && !hasInput)) {
674
681
  this.showInput = this.type === 'input';
675
682
  return;
676
683
  }
@@ -679,7 +686,6 @@ export class PagerComponent {
679
686
  this.showInput = true;
680
687
  return;
681
688
  }
682
- const numericButtonsElement = this.element.nativeElement.querySelector('kendo-datapager-numeric-buttons, kendo-pager-numeric-buttons');
683
689
  if (this.isElementVisible(numericButtonsElement)) {
684
690
  this.showInput = false;
685
691
  return;
@@ -690,6 +696,12 @@ export class PagerComponent {
690
696
  const hasAvailableWidth = pagerWidth > elementsWidths - this.pagerDimensions.inputWidth + this.pagerDimensions.numericButtonsWidth;
691
697
  this.showInput = !hasAvailableWidth;
692
698
  }
699
+ get showPageSizes() {
700
+ if (typeof this.pageSizeValues === 'boolean') {
701
+ return this.pageSizeValues;
702
+ }
703
+ return this.pageSizeValues?.length > 0;
704
+ }
693
705
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PagerComponent, deps: [{ token: i1.PagerContextService, optional: true, skipSelf: true }, { token: i0.ElementRef }, { token: i2.LocalizationService }, { token: i0.Renderer2 }, { token: i0.NgZone }, { token: i0.ChangeDetectorRef }, { token: i3.PagerNavigationService, optional: true, skipSelf: true }], target: i0.ɵɵFactoryTarget.Component });
694
706
  static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: PagerComponent, isStandalone: true, selector: "kendo-datapager, kendo-pager", inputs: { externalTemplate: "externalTemplate", total: "total", skip: "skip", pageSize: "pageSize", buttonCount: "buttonCount", info: "info", type: "type", pageSizeValues: "pageSizeValues", previousNext: "previousNext", navigable: "navigable", size: "size", responsive: "responsive", adaptiveMode: "adaptiveMode" }, outputs: { pageChange: "pageChange", pageSizeChange: "pageSizeChange", pagerInputVisibilityChange: "pagerInputVisibilityChange", pageTextVisibilityChange: "pageTextVisibilityChange", itemsTextVisibilityChange: "itemsTextVisibilityChange" }, host: { listeners: { "focusin": "focusHandler($event)" }, properties: { "class.k-pager": "this.pagerClass", "class.k-pager-responsive": "this.responsiveClass", "attr.role": "this.widgetRole", "attr.aria-roledescription": "this.roleDescription", "attr.aria-keyshortcuts": "this.keyShortcuts", "attr.tabindex": "this.hostTabindex", "attr.dir": "this.dir" } }, providers: [
695
707
  LocalizationService,
package/fesm2022/progress-kendo-angular-pager.mjs CHANGED
@@ -1585,8 +1585,8 @@ const packageMetadata = {
1585
1585
  productName: 'Kendo UI for Angular',
1586
1586
  productCode: 'KENDOUIANGULAR',
1587
1587
  productCodes: ['KENDOUIANGULAR'],
1588
- publishDate: 1747728061,
1589
- version: '19.0.0-develop.26',
1588
+ publishDate: 1747748335,
1589
+ version: '19.0.0-develop.27',
1590
1590
  licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
1591
1591
  };
1592
1592
 
@@ -1921,7 +1921,7 @@ class PagerComponent {
1921
1921
  this.renderer.setAttribute(this.element.nativeElement, 'aria-label', this.ariaLabel);
1922
1922
  this.responsive && this.resizeHandler(false);
1923
1923
  }
1924
- if (changes['pageSizeValues'] || changes['previousNext']) {
1924
+ if (anyChanged(["pageSizeValues", "previousNext", "buttonCount"], changes, true)) {
1925
1925
  this.responsive && this.resizeHandler(false);
1926
1926
  }
1927
1927
  if (isChanged('responsive', changes, true)) {
@@ -1936,6 +1936,7 @@ class PagerComponent {
1936
1936
  }
1937
1937
  if (isChanged('type', changes, true)) {
1938
1938
  this.showNumericButtonsResponsive();
1939
+ this.responsive && this.resizeHandler(false);
1939
1940
  }
1940
1941
  }
1941
1942
  ngOnDestroy() {
@@ -2101,7 +2102,7 @@ class PagerComponent {
2101
2102
  if (this.type === 'input' && this.isElementVisible(pagerInfoElement) || this.isElementVisible(numericButtonsElement)) {
2102
2103
  return;
2103
2104
  }
2104
- if (this.pageSizeValues && !this.isElementVisible(pagerPageSizes)) {
2105
+ if (this.showPageSizes && !this.isElementVisible(pagerPageSizes)) {
2105
2106
  const addDropDownWidth = currentWidth + this.pagerDimensions.pageSizesWidth + this.pagerDimensions.gapNumbersSizes - this.pagerDimensions.sizesTextWidth;
2106
2107
  if (checkOverflow && addDropDownWidth > availableWidth)
2107
2108
  return;
@@ -2111,7 +2112,7 @@ class PagerComponent {
2111
2112
  if (checkOverflow && currentWidth >= availableWidth)
2112
2113
  return;
2113
2114
  }
2114
- if (this.pageSizeValues && this.isElementVisible(pagerPageSizes) && !this.showItemsText) {
2115
+ if (this.showPageSizes && this.isElementVisible(pagerPageSizes) && !this.showItemsText) {
2115
2116
  const addPageSizesText = currentWidth - pagerSizesDropDown?.offsetWidth + this.pagerDimensions.pageSizesWidth;
2116
2117
  if (checkOverflow && addPageSizesText > availableWidth)
2117
2118
  return;
@@ -2120,7 +2121,7 @@ class PagerComponent {
2120
2121
  if (checkOverflow && currentWidth >= availableWidth)
2121
2122
  return;
2122
2123
  }
2123
- if (!this.showPageText && (!this.pageSizeValues || (this.isElementVisible(pagerPageSizes) && this.showItemsText))) {
2124
+ if (!this.showPageText && (!this.showPageSizes || (this.isElementVisible(pagerPageSizes) && this.showItemsText))) {
2124
2125
  const addPageText = currentWidth + this.pagerDimensions.pageTextWidth;
2125
2126
  if (checkOverflow && addPageText > availableWidth)
2126
2127
  return;
@@ -2129,7 +2130,7 @@ class PagerComponent {
2129
2130
  if (checkOverflow && currentWidth >= availableWidth)
2130
2131
  return;
2131
2132
  }
2132
- if (this.info && !this.isElementVisible(pagerInfoElement) && (!this.pageSizeValues || (this.isElementVisible(pagerPageSizes) && this.showPageText))) {
2133
+ if (this.info && !this.isElementVisible(pagerInfoElement) && (!this.showPageSizes || (this.isElementVisible(pagerPageSizes) && this.showPageText))) {
2133
2134
  const addInfoText = currentWidth + this.pagerDimensions.infoTextWidth + this.pagerDimensions.gapSizesInfo;
2134
2135
  if (checkOverflow && addInfoText > availableWidth)
2135
2136
  return;
@@ -2174,7 +2175,7 @@ class PagerComponent {
2174
2175
  if (currentWidth <= availableWidth)
2175
2176
  return;
2176
2177
  }
2177
- if (this.pageSizeValues && this.isElementVisible(pagerPageSizes) && this.showItemsText) {
2178
+ if (this.showPageSizes && this.isElementVisible(pagerPageSizes) && this.showItemsText) {
2178
2179
  this.ngZone.run(() => this.showItemsText = false);
2179
2180
  currentWidth = currentWidth - this.pagerDimensions.pageSizesWidth + pagerSizesDropDown?.offsetWidth;
2180
2181
  if (currentWidth <= availableWidth)
@@ -2235,7 +2236,13 @@ class PagerComponent {
2235
2236
  this.renderer.removeChild(this.element.nativeElement, measureContainer);
2236
2237
  }
2237
2238
  showNumericButtonsResponsive() {
2238
- if (!this.responsive || (!this.numericButtons && !this.pagerInput) || !isDocumentAvailable()) {
2239
+ if (!isDocumentAvailable() || !this.element?.nativeElement) {
2240
+ return;
2241
+ }
2242
+ const numericButtonsElement = this.element.nativeElement.querySelector('kendo-datapager-numeric-buttons, kendo-pager-numeric-buttons');
2243
+ const hasNumericButtons = this.numericButtons || numericButtonsElement;
2244
+ const hasInput = this.pagerInput || this.element.nativeElement.querySelector('.k-pager-input');
2245
+ if (!this.responsive || (!hasNumericButtons && !hasInput)) {
2239
2246
  this.showInput = this.type === 'input';
2240
2247
  return;
2241
2248
  }
@@ -2244,7 +2251,6 @@ class PagerComponent {
2244
2251
  this.showInput = true;
2245
2252
  return;
2246
2253
  }
2247
- const numericButtonsElement = this.element.nativeElement.querySelector('kendo-datapager-numeric-buttons, kendo-pager-numeric-buttons');
2248
2254
  if (this.isElementVisible(numericButtonsElement)) {
2249
2255
  this.showInput = false;
2250
2256
  return;
@@ -2255,6 +2261,12 @@ class PagerComponent {
2255
2261
  const hasAvailableWidth = pagerWidth > elementsWidths - this.pagerDimensions.inputWidth + this.pagerDimensions.numericButtonsWidth;
2256
2262
  this.showInput = !hasAvailableWidth;
2257
2263
  }
2264
+ get showPageSizes() {
2265
+ if (typeof this.pageSizeValues === 'boolean') {
2266
+ return this.pageSizeValues;
2267
+ }
2268
+ return this.pageSizeValues?.length > 0;
2269
+ }
2258
2270
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PagerComponent, deps: [{ token: PagerContextService, optional: true, skipSelf: true }, { token: i0.ElementRef }, { token: i1.LocalizationService }, { token: i0.Renderer2 }, { token: i0.NgZone }, { token: i0.ChangeDetectorRef }, { token: PagerNavigationService, optional: true, skipSelf: true }], target: i0.ɵɵFactoryTarget.Component });
2259
2271
  static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: PagerComponent, isStandalone: true, selector: "kendo-datapager, kendo-pager", inputs: { externalTemplate: "externalTemplate", total: "total", skip: "skip", pageSize: "pageSize", buttonCount: "buttonCount", info: "info", type: "type", pageSizeValues: "pageSizeValues", previousNext: "previousNext", navigable: "navigable", size: "size", responsive: "responsive", adaptiveMode: "adaptiveMode" }, outputs: { pageChange: "pageChange", pageSizeChange: "pageSizeChange", pagerInputVisibilityChange: "pagerInputVisibilityChange", pageTextVisibilityChange: "pageTextVisibilityChange", itemsTextVisibilityChange: "itemsTextVisibilityChange" }, host: { listeners: { "focusin": "focusHandler($event)" }, properties: { "class.k-pager": "this.pagerClass", "class.k-pager-responsive": "this.responsiveClass", "attr.role": "this.widgetRole", "attr.aria-roledescription": "this.roleDescription", "attr.aria-keyshortcuts": "this.keyShortcuts", "attr.tabindex": "this.hostTabindex", "attr.dir": "this.dir" } }, providers: [
2260
2272
  LocalizationService,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@progress/kendo-angular-pager",
3
- "version": "19.0.0-develop.26",
3
+ "version": "19.0.0-develop.27",
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": 1747728061,
20
+ "publishDate": 1747748335,
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 - 19",
28
28
  "@angular/platform-browser": "16 - 19",
29
29
  "@progress/kendo-licensing": "^1.5.0",
30
- "@progress/kendo-angular-common": "19.0.0-develop.26",
31
- "@progress/kendo-angular-dropdowns": "19.0.0-develop.26",
32
- "@progress/kendo-angular-inputs": "19.0.0-develop.26",
33
- "@progress/kendo-angular-icons": "19.0.0-develop.26",
34
- "@progress/kendo-angular-l10n": "19.0.0-develop.26",
30
+ "@progress/kendo-angular-common": "19.0.0-develop.27",
31
+ "@progress/kendo-angular-dropdowns": "19.0.0-develop.27",
32
+ "@progress/kendo-angular-inputs": "19.0.0-develop.27",
33
+ "@progress/kendo-angular-icons": "19.0.0-develop.27",
34
+ "@progress/kendo-angular-l10n": "19.0.0-develop.27",
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": "19.0.0-develop.26"
39
+ "@progress/kendo-angular-schematics": "19.0.0-develop.27"
40
40
  },
41
41
  "schematics": "./schematics/collection.json",
42
42
  "module": "fesm2022/progress-kendo-angular-pager.mjs",
package/pager/pager.component.d.ts CHANGED
@@ -217,6 +217,7 @@ export declare class PagerComponent implements OnChanges, AfterViewInit, OnInit,
217
217
  private showElement;
218
218
  private measureAllTextWidths;
219
219
  private showNumericButtonsResponsive;
220
+ private get showPageSizes();
220
221
  static ɵfac: i0.ɵɵFactoryDeclaration<PagerComponent, [{ optional: true; skipSelf: true; }, null, null, null, null, null, { optional: true; skipSelf: true; }]>;
221
222
  static ɵcmp: i0.ɵɵComponentDeclaration<PagerComponent, "kendo-datapager, kendo-pager", ["kendoDataPager", "kendoPager"], { "externalTemplate": { "alias": "externalTemplate"; "required": false; }; "total": { "alias": "total"; "required": false; }; "skip": { "alias": "skip"; "required": false; }; "pageSize": { "alias": "pageSize"; "required": false; }; "buttonCount": { "alias": "buttonCount"; "required": false; }; "info": { "alias": "info"; "required": false; }; "type": { "alias": "type"; "required": false; }; "pageSizeValues": { "alias": "pageSizeValues"; "required": false; }; "previousNext": { "alias": "previousNext"; "required": false; }; "navigable": { "alias": "navigable"; "required": false; }; "size": { "alias": "size"; "required": false; }; "responsive": { "alias": "responsive"; "required": false; }; "adaptiveMode": { "alias": "adaptiveMode"; "required": false; }; }, { "pageChange": "pageChange"; "pageSizeChange": "pageSizeChange"; "pagerInputVisibilityChange": "pagerInputVisibilityChange"; "pageTextVisibilityChange": "pageTextVisibilityChange"; "itemsTextVisibilityChange": "itemsTextVisibilityChange"; }, ["template"], never, true, never>;
222
223
  }
package/schematics/ngAdd/index.js CHANGED
@@ -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': '19.0.0-develop.26',
8
- '@progress/kendo-angular-intl': '19.0.0-develop.26',
9
- '@progress/kendo-angular-navigation': '19.0.0-develop.26',
10
- '@progress/kendo-angular-popup': '19.0.0-develop.26',
7
+ '@progress/kendo-angular-treeview': '19.0.0-develop.27',
8
+ '@progress/kendo-angular-intl': '19.0.0-develop.27',
9
+ '@progress/kendo-angular-navigation': '19.0.0-develop.27',
10
+ '@progress/kendo-angular-popup': '19.0.0-develop.27',
11
11
  '@progress/kendo-drawing': '^1.5.12',
12
12
  // peer dependency of kendo-angular-inputs
13
- '@progress/kendo-angular-buttons': '19.0.0-develop.26',
14
- '@progress/kendo-angular-dialog': '19.0.0-develop.26',
13
+ '@progress/kendo-angular-buttons': '19.0.0-develop.27',
14
+ '@progress/kendo-angular-dialog': '19.0.0-develop.27',
15
15
  // Peer dependency of icons
16
16
  '@progress/kendo-svg-icons': '^4.0.0'
17
17
  } });