@progress/kendo-angular-pager 22.1.0-develop.9 → 23.0.0-develop.10

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.
@@ -156,7 +156,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
156
156
 
157
157
  /**
158
158
  * Represents the Kendo UI Pager custom messages component for Angular. Use this component to override default component messages
159
- * ([see example]({% slug pager_globalization %}#toc-messages)).
159
+ * ([see example](https://www.telerik.com/kendo-angular-ui/components/pager/globalization#messages)).
160
160
  *
161
161
  * @example
162
162
  * ```html
@@ -410,10 +410,6 @@ const focusableSelector = [
410
410
  '*[tabindex]:not([disabled]):not([aria-hidden="true"])',
411
411
  '*[contenteditable]:not([disabled]):not([contenteditable="false"])'
412
412
  ].join(',');
413
- /**
414
- * @hidden
415
- */
416
- const DEFAULT_SIZE = 'medium';
417
413
  const SIZES = {
418
414
  small: 'sm',
419
415
  medium: 'md',
@@ -426,11 +422,12 @@ const SIZES = {
426
422
  */
427
423
  const getStylingClasses = (componentType, stylingOption, previousValue, newValue) => {
428
424
  switch (stylingOption) {
429
- case 'size':
425
+ case 'size': {
430
426
  return {
431
- toRemove: `k-${componentType}-${SIZES[previousValue]}`,
432
- toAdd: newValue !== 'none' ? `k-${componentType}-${SIZES[newValue]}` : ''
427
+ toRemove: previousValue ? `k-${componentType}-${SIZES[previousValue]}` : null,
428
+ toAdd: newValue ? `k-${componentType}-${SIZES[newValue]}` : null
433
429
  };
430
+ }
434
431
  default:
435
432
  break;
436
433
  }
@@ -531,7 +528,7 @@ class PagerNavigationService {
531
528
  }
532
529
 
533
530
  /**
534
- * Represents the Kendo UI Pager focusable directive for Angular. Apply this directive to custom focusable elements in the [`kendoPagerTemplate`]({% slug api_pager_pagertemplatedirective %}) to include them in the built-in Pager keyboard navigation.
531
+ * Represents the Kendo UI Pager focusable directive for Angular. Apply this directive to custom focusable elements in the [`kendoPagerTemplate`](https://www.telerik.com/kendo-angular-ui/components/pager/api/pagertemplatedirective) to include them in the built-in Pager keyboard navigation.
535
532
  *
536
533
  * @example
537
534
  * ```html
@@ -595,7 +592,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
595
592
 
596
593
  // eslint-disable no-access-missing-member
597
594
  /**
598
- * Represents the Kendo UI Pager Previous Buttons component for Angular. Displays buttons for navigating to the first and to the previous page ([see example]({% slug pager_settings %})).
595
+ * Represents the Kendo UI Pager Previous Buttons component for Angular. Displays buttons for navigating to the first and to the previous page ([see example](https://www.telerik.com/kendo-angular-ui/components/pager/settings-and-types)).
599
596
  *
600
597
  * @example
601
598
  * ```html
@@ -611,11 +608,9 @@ class PagerPrevButtonsComponent extends PagerElementComponent {
611
608
  super(localization, pagerContext, cd);
612
609
  }
613
610
  /**
614
- * Specifies the padding of the navigation buttons.
615
- *
616
- * @default 'medium'
611
+ * Specifies the padding of the navigation buttons. The default value is set by the Kendo theme.
617
612
  */
618
- size = DEFAULT_SIZE;
613
+ size;
619
614
  /**
620
615
  * @hidden
621
616
  *
@@ -648,30 +643,28 @@ class PagerPrevButtonsComponent extends PagerElementComponent {
648
643
  type="button" kendoButton
649
644
  kendoPagerFocusable
650
645
  class="k-pager-nav k-pager-first"
651
- [attr.aria-disabled]="disabled"
652
646
  [class.k-disabled]="disabled"
653
647
  [icon]="prevArrowIcons[0]"
654
648
  [svgIcon]="prevArrowSVGIcons[0]"
655
649
  fillMode="flat"
656
- rounded="none"
657
650
  [size]="size"
658
651
  [title]="textFor('firstPage')"
659
652
  [attr.aria-label]="textFor('firstPage')"
653
+ [attr.aria-disabled]="disabled"
660
654
  (click)="onClick(true)">
661
655
  </button>
662
656
  <button
663
657
  type="button" kendoButton
664
658
  kendoPagerFocusable
665
659
  class="k-pager-nav"
666
- [attr.aria-disabled]="disabled"
667
660
  [class.k-disabled]="disabled"
668
661
  [icon]="prevArrowIcons[1]"
669
662
  [svgIcon]="prevArrowSVGIcons[1]"
670
663
  fillMode="flat"
671
- rounded="none"
672
664
  [size]="size"
673
665
  [title]="textFor('previousPage')"
674
666
  [attr.aria-label]="textFor('previousPage')"
667
+ [attr.aria-disabled]="disabled"
675
668
  (click)="onClick()">
676
669
  </button>
677
670
  `, isInline: true, dependencies: [{ kind: "component", type: ButtonComponent, selector: "button[kendoButton]", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { kind: "directive", type: PagerFocusableDirective, selector: "[kendoPagerFocusable]", exportAs: ["kendoPagerFocusable"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
@@ -686,30 +679,28 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
686
679
  type="button" kendoButton
687
680
  kendoPagerFocusable
688
681
  class="k-pager-nav k-pager-first"
689
- [attr.aria-disabled]="disabled"
690
682
  [class.k-disabled]="disabled"
691
683
  [icon]="prevArrowIcons[0]"
692
684
  [svgIcon]="prevArrowSVGIcons[0]"
693
685
  fillMode="flat"
694
- rounded="none"
695
686
  [size]="size"
696
687
  [title]="textFor('firstPage')"
697
688
  [attr.aria-label]="textFor('firstPage')"
689
+ [attr.aria-disabled]="disabled"
698
690
  (click)="onClick(true)">
699
691
  </button>
700
692
  <button
701
693
  type="button" kendoButton
702
694
  kendoPagerFocusable
703
695
  class="k-pager-nav"
704
- [attr.aria-disabled]="disabled"
705
696
  [class.k-disabled]="disabled"
706
697
  [icon]="prevArrowIcons[1]"
707
698
  [svgIcon]="prevArrowSVGIcons[1]"
708
699
  fillMode="flat"
709
- rounded="none"
710
700
  [size]="size"
711
701
  [title]="textFor('previousPage')"
712
702
  [attr.aria-label]="textFor('previousPage')"
703
+ [attr.aria-disabled]="disabled"
713
704
  (click)="onClick()">
714
705
  </button>
715
706
  `,
@@ -721,7 +712,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
721
712
  }] } });
722
713
 
723
714
  /**
724
- * Represents the Kendo UI Pager Page Sizes component for Angular. Displays a drop-down list for the page size selection ([see example]({% slug pager_settings %})).
715
+ * Represents the Kendo UI Pager Page Sizes component for Angular. Displays a drop-down list for the page size selection ([see example](https://www.telerik.com/kendo-angular-ui/components/pager/settings-and-types)).
725
716
  *
726
717
  * @example
727
718
  * ```html
@@ -750,7 +741,7 @@ class PagerPageSizesComponent extends PagerElementComponent {
750
741
  this.cd.markForCheck();
751
742
  }
752
743
  /**
753
- * Specifies the page sizes collection. You can include numbers and [`PageSizeItem`]({% slug api_pager_pagesizeitem %}) objects.
744
+ * Specifies the page sizes collection. You can include numbers and [`PageSizeItem`](https://www.telerik.com/kendo-angular-ui/components/pager/api/pagesizeitem) objects.
754
745
  *
755
746
  * @example
756
747
  * ```html
@@ -785,17 +776,15 @@ class PagerPageSizesComponent extends PagerElementComponent {
785
776
  this._pageSizes = normalizedItems;
786
777
  }
787
778
  /**
788
- * Specifies the padding of the DropDownList component.
789
- *
790
- * @default 'medium'
779
+ * Specifies the padding of the DropDownList component. The default value is set by the Kendo theme.
791
780
  */
792
- size = DEFAULT_SIZE;
781
+ size;
793
782
  /**
794
783
  * Specifies the adaptive mode of the internal `DropDownList` component.
795
784
  *
796
- * @default 'auto'
785
+ * @default 'none'
797
786
  */
798
- adaptiveMode = 'auto';
787
+ adaptiveMode = 'none';
799
788
  /**
800
789
  * @hidden
801
790
  *
@@ -967,14 +956,11 @@ class PagerNumericButtonsComponent extends PagerElementComponent {
967
956
  */
968
957
  buttonCount;
969
958
  /**
970
- * Specifies the padding of the numeric buttons.
971
- *
972
- * @default 'medium'
959
+ * Specifies the padding of the numeric buttons. The default value is set by the Kendo theme.
973
960
  */
974
961
  set size(size) {
975
- const newSize = size ? size : DEFAULT_SIZE;
976
- this.handleClasses(newSize, 'size');
977
- this._size = newSize;
962
+ this.handleClasses(size, 'size');
963
+ this._size = size;
978
964
  }
979
965
  get size() {
980
966
  return this._size;
@@ -1016,7 +1002,7 @@ class PagerNumericButtonsComponent extends PagerElementComponent {
1016
1002
  this.pagerContext = pagerContext;
1017
1003
  this.renderer = renderer;
1018
1004
  }
1019
- _size = DEFAULT_SIZE;
1005
+ _size;
1020
1006
  ngAfterViewInit() {
1021
1007
  this.handleClasses(this.size, 'size');
1022
1008
  }
@@ -1081,7 +1067,6 @@ class PagerNumericButtonsComponent extends PagerElementComponent {
1081
1067
  [size]="size"
1082
1068
  fillMode="flat"
1083
1069
  themeColor="primary"
1084
- rounded="none"
1085
1070
  [attr.aria-label]="pageLabel(start - 1)"
1086
1071
  [attr.title]="pageLabel(start - 1)"
1087
1072
  (click)="changePage(start - 2)">...</button>
@@ -1094,7 +1079,6 @@ class PagerNumericButtonsComponent extends PagerElementComponent {
1094
1079
  [size]="size"
1095
1080
  fillMode="flat"
1096
1081
  themeColor="primary"
1097
- rounded="none"
1098
1082
  [attr.aria-label]="pageLabel(num)"
1099
1083
  [attr.title]="pageLabel(num)"
1100
1084
  [attr.aria-current]="currentPage === num ? 'page' : undefined"
@@ -1111,7 +1095,6 @@ class PagerNumericButtonsComponent extends PagerElementComponent {
1111
1095
  [size]="size"
1112
1096
  fillMode="flat"
1113
1097
  themeColor="primary"
1114
- rounded="none"
1115
1098
  [attr.aria-label]="pageLabel(end + 1)"
1116
1099
  [attr.title]="pageLabel(end + 1)"
1117
1100
  (click)="changePage(end)">...</button>
@@ -1134,7 +1117,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
1134
1117
  [size]="size"
1135
1118
  fillMode="flat"
1136
1119
  themeColor="primary"
1137
- rounded="none"
1138
1120
  [attr.aria-label]="pageLabel(start - 1)"
1139
1121
  [attr.title]="pageLabel(start - 1)"
1140
1122
  (click)="changePage(start - 2)">...</button>
@@ -1147,7 +1129,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
1147
1129
  [size]="size"
1148
1130
  fillMode="flat"
1149
1131
  themeColor="primary"
1150
- rounded="none"
1151
1132
  [attr.aria-label]="pageLabel(num)"
1152
1133
  [attr.title]="pageLabel(num)"
1153
1134
  [attr.aria-current]="currentPage === num ? 'page' : undefined"
@@ -1164,7 +1145,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
1164
1145
  [size]="size"
1165
1146
  fillMode="flat"
1166
1147
  themeColor="primary"
1167
- rounded="none"
1168
1148
  [attr.aria-label]="pageLabel(end + 1)"
1169
1149
  [attr.title]="pageLabel(end + 1)"
1170
1150
  (click)="changePage(end)">...</button>
@@ -1188,7 +1168,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
1188
1168
 
1189
1169
  // eslint-disable no-access-missing-member
1190
1170
  /**
1191
- * Represents the Kendo UI Pager Next Buttons component for Angular. Displays buttons for navigating to the next and to the last page ([see example]({% slug pager_settings %})).
1171
+ * Represents the Kendo UI Pager Next Buttons component for Angular. Displays buttons for navigating to the next and to the last page ([see example](https://www.telerik.com/kendo-angular-ui/components/pager/settings-and-types)).
1192
1172
  *
1193
1173
  * @example
1194
1174
  * ```html
@@ -1211,11 +1191,9 @@ class PagerNextButtonsComponent extends PagerElementComponent {
1211
1191
  return this.currentPage === this.totalPages || !this.total;
1212
1192
  }
1213
1193
  /**
1214
- * Specifies the padding of the navigation buttons.
1215
- *
1216
- * @default 'medium'
1194
+ * Specifies the padding of the navigation buttons. The default value is set by the Kendo theme.
1217
1195
  */
1218
- size = DEFAULT_SIZE;
1196
+ size;
1219
1197
  constructor(localization, pagerContext, cd) {
1220
1198
  super(localization, pagerContext, cd);
1221
1199
  }
@@ -1243,12 +1221,11 @@ class PagerNextButtonsComponent extends PagerElementComponent {
1243
1221
  [icon]="nextArrowIcons[0]"
1244
1222
  [svgIcon]="nextArrowSVGIcons[0]"
1245
1223
  fillMode="flat"
1246
- rounded="none"
1247
1224
  class="k-pager-nav"
1248
- [attr.aria-disabled]="disabled"
1249
1225
  [class.k-disabled]="disabled"
1250
1226
  [title]="textFor('nextPage')"
1251
1227
  [attr.aria-label]="textFor('nextPage')"
1228
+ [attr.aria-disabled]="disabled"
1252
1229
  (click)="onClick()">
1253
1230
  </button>
1254
1231
  <button kendoButton kendoPagerFocusable
@@ -1257,12 +1234,11 @@ class PagerNextButtonsComponent extends PagerElementComponent {
1257
1234
  [icon]="nextArrowIcons[1]"
1258
1235
  [svgIcon]="nextArrowSVGIcons[1]"
1259
1236
  fillMode="flat"
1260
- rounded="none"
1261
1237
  class="k-pager-nav k-pager-last"
1262
- [attr.aria-disabled]="disabled"
1263
1238
  [class.k-disabled]="disabled"
1264
1239
  [title]="textFor('lastPage')"
1265
1240
  [attr.aria-label]="textFor('lastPage')"
1241
+ [attr.aria-disabled]="disabled"
1266
1242
  (click)="onClick(true)">
1267
1243
  </button>
1268
1244
  `, isInline: true, dependencies: [{ kind: "component", type: ButtonComponent, selector: "button[kendoButton]", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { kind: "directive", type: PagerFocusableDirective, selector: "[kendoPagerFocusable]", exportAs: ["kendoPagerFocusable"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
@@ -1279,12 +1255,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
1279
1255
  [icon]="nextArrowIcons[0]"
1280
1256
  [svgIcon]="nextArrowSVGIcons[0]"
1281
1257
  fillMode="flat"
1282
- rounded="none"
1283
1258
  class="k-pager-nav"
1284
- [attr.aria-disabled]="disabled"
1285
1259
  [class.k-disabled]="disabled"
1286
1260
  [title]="textFor('nextPage')"
1287
1261
  [attr.aria-label]="textFor('nextPage')"
1262
+ [attr.aria-disabled]="disabled"
1288
1263
  (click)="onClick()">
1289
1264
  </button>
1290
1265
  <button kendoButton kendoPagerFocusable
@@ -1293,12 +1268,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
1293
1268
  [icon]="nextArrowIcons[1]"
1294
1269
  [svgIcon]="nextArrowSVGIcons[1]"
1295
1270
  fillMode="flat"
1296
- rounded="none"
1297
1271
  class="k-pager-nav k-pager-last"
1298
- [attr.aria-disabled]="disabled"
1299
1272
  [class.k-disabled]="disabled"
1300
1273
  [title]="textFor('lastPage')"
1301
1274
  [attr.aria-label]="textFor('lastPage')"
1275
+ [attr.aria-disabled]="disabled"
1302
1276
  (click)="onClick(true)">
1303
1277
  </button>
1304
1278
  `,
@@ -1332,11 +1306,9 @@ class PagerInputComponent extends PagerElementComponent {
1332
1306
  */
1333
1307
  showPageText = true;
1334
1308
  /**
1335
- * Specifies the padding of the internal `NumericTextBox` component.
1336
- *
1337
- * @default 'medium'
1309
+ * Specifies the padding of the internal `NumericTextBox` component. The default value is set by the Kendo theme.
1338
1310
  */
1339
- size = DEFAULT_SIZE;
1311
+ size;
1340
1312
  constructor(localization, pagerContext, zone, cd, renderer) {
1341
1313
  super(localization, pagerContext, cd);
1342
1314
  this.pagerContext = pagerContext;
@@ -1473,7 +1445,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
1473
1445
 
1474
1446
  // eslint-disable no-access-missing-member
1475
1447
  /**
1476
- * Represents the Kendo UI Pager Info component for Angular. Displays information about the current page and the total number of records ([see example]({% slug pager_settings %})).
1448
+ * Represents the Kendo UI Pager Info component for Angular. Displays information about the current page and the total number of records ([see example](https://www.telerik.com/kendo-angular-ui/components/pager/settings-and-types)).
1477
1449
  *
1478
1450
  * @example
1479
1451
  * ```html
@@ -1549,7 +1521,7 @@ const packageMetadata = {
1549
1521
  productCode: 'KENDOUIANGULAR',
1550
1522
  productCodes: ['KENDOUIANGULAR'],
1551
1523
  publishDate: 0,
1552
- version: '22.1.0-develop.9',
1524
+ version: '23.0.0-develop.10',
1553
1525
  licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
1554
1526
  };
1555
1527
 
@@ -1670,7 +1642,7 @@ class PagerComponent {
1670
1642
  * Displays a dropdown for selecting the page size.
1671
1643
  * When set to `true`, the dropdown contains the default list of options - 5, 10, 20.
1672
1644
  * To customize the list of options, set `pageSizeValues` to an array of the desired values.
1673
- * The array can contain numbers and [PageSizeItem]({% slug api_pager_pagesizeitem %}) objects.
1645
+ * The array can contain numbers and [PageSizeItem](https://www.telerik.com/kendo-angular-ui/components/pager/api/pagesizeitem) objects.
1674
1646
  */
1675
1647
  set pageSizeValues(value) {
1676
1648
  if (typeof value === 'boolean') {
@@ -1690,7 +1662,7 @@ class PagerComponent {
1690
1662
  */
1691
1663
  previousNext = true;
1692
1664
  /**
1693
- * Determines whether users can use dedicated shortcuts to interact with the Pager ([see example]({% slug keyboard_navigation_pager %})).
1665
+ * Determines whether users can use dedicated shortcuts to interact with the Pager ([see example](https://www.telerik.com/kendo-angular-ui/components/pager/keyboard-navigation)).
1694
1666
  * By default, navigation is enabled. To disable it and make the Pager content accessible in the normal tab sequence, set the property to `false`.
1695
1667
  * @default true
1696
1668
  */
@@ -1702,39 +1674,36 @@ class PagerComponent {
1702
1674
  return this._navigable;
1703
1675
  }
1704
1676
  /**
1705
- * Specifies the padding of all Pager elements.
1706
- *
1707
- * @default 'medium'
1677
+ * Specifies the padding of all Pager elements. The default value is set by the Kendo theme.
1708
1678
  */
1709
1679
  set size(size) {
1710
- const newSize = size ? size : DEFAULT_SIZE;
1711
- this.handleClasses(newSize, 'size');
1712
- this._size = newSize;
1680
+ this.handleClasses(size, 'size');
1681
+ this._size = size;
1713
1682
  }
1714
1683
  get size() {
1715
1684
  return this._size;
1716
1685
  }
1717
1686
  /**
1718
- * Determines whether the Pager responsive functionality is enabled ([see example](slug:responsive_pager)).
1687
+ * Determines whether the Pager responsive functionality is enabled ([see example](https://www.telerik.com/kendo-angular-ui/components/pager/responsive-design)).
1719
1688
  *
1720
1689
  * @default true
1721
1690
  */
1722
1691
  responsive = true;
1723
1692
  /**
1724
- * Determines whether the Pager adaptiveness functionality is enabled ([see example](slug:adaptive_mode_pager)).
1693
+ * Determines whether the Pager adaptiveness functionality is enabled ([see example](https://www.telerik.com/kendo-angular-ui/components/pager/adaptiveness)).
1725
1694
  *
1726
1695
  * @default 'none'
1727
1696
  */
1728
1697
  adaptiveMode = 'none';
1729
1698
  /**
1730
- * Fires when the current page of the Pager changes ([see example](slug:overview_pager)).
1699
+ * Fires when the current page of the Pager changes ([see example](https://www.telerik.com/kendo-angular-ui/components/pager)).
1731
1700
  * You have to handle the event and page the data.
1732
1701
  */
1733
1702
  pageChange = new EventEmitter();
1734
1703
  /**
1735
1704
  * Fires when the page size of the Pager changes.
1736
1705
  * You have to handle the event and page the data.
1737
- * If the event is prevented, the page size remains unchanged ([see example]({% slug pager_events %})).
1706
+ * If the event is prevented, the page size remains unchanged ([see example](https://www.telerik.com/kendo-angular-ui/components/pager/events)).
1738
1707
  */
1739
1708
  pageSizeChange = new EventEmitter();
1740
1709
  /**
@@ -1830,7 +1799,7 @@ class PagerComponent {
1830
1799
  direction;
1831
1800
  isInnerNavigationEnabled = false;
1832
1801
  _navigable = true;
1833
- _size = DEFAULT_SIZE;
1802
+ _size;
1834
1803
  _showInput = true;
1835
1804
  _showPageText = true;
1836
1805
  _showItemsText = true;
@@ -2371,37 +2340,37 @@ class PagerComponent {
2371
2340
  <ng-container kendoPagerLocalizedMessages
2372
2341
  i18n-ariaLabel="kendo.pager.ariaLabel|The value of the aria-label attribute of the Pager"
2373
2342
  ariaLabel="{{ 'Page navigation, page {currentPage} of {totalPages}' }}"
2374
-
2343
+
2375
2344
  i18n-firstPage="kendo.pager.firstPage|The label for the first page button in the Pager"
2376
2345
  firstPage="Go to the first page"
2377
-
2346
+
2378
2347
  i18n-previousPage="kendo.pager.previousPage|The label for the previous page button in the Pager"
2379
2348
  previousPage="Go to the previous page"
2380
-
2349
+
2381
2350
  i18n-nextPage="kendo.pager.nextPage|The label for the next page button in the Pager"
2382
2351
  nextPage="Go to the next page"
2383
-
2352
+
2384
2353
  i18n-lastPage="kendo.pager.lastPage|The label for the last page button in the Pager"
2385
2354
  lastPage="Go to the last page"
2386
-
2355
+
2387
2356
  i18n-page="kendo.pager.page|The label before the current page number in the Pager"
2388
2357
  page="Page"
2389
-
2358
+
2390
2359
  i18n-of="kendo.pager.of|The label before the total pages number in the Pager"
2391
2360
  of="of"
2392
-
2361
+
2393
2362
  i18n-pageNumberInputTitle="kendo.pager.pageNumberInputTitle|The label for the pager input in the Pager"
2394
2363
  pageNumberInputTitle="Page Number"
2395
-
2364
+
2396
2365
  i18n-items="kendo.pager.items|The label after the total pages number in the Pager"
2397
2366
  items="items"
2398
-
2367
+
2399
2368
  i18n-itemsPerPage="kendo.pager.itemsPerPage|The label for the page size chooser in the Pager"
2400
2369
  itemsPerPage="items per page"
2401
-
2370
+
2402
2371
  i18n-selectPage="kendo.pager.selectPage|The text of the title and aria-label attributes applied to the page chooser in the Pager"
2403
2372
  selectPage="Select page"
2404
-
2373
+
2405
2374
  i18n-inputLabel="kendo.pager.inputLabel|The text of the aria-label attribute applied to the input element for entering the page number."
2406
2375
  inputLabel="Type a page number"
2407
2376
  >
@@ -2465,37 +2434,37 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
2465
2434
  <ng-container kendoPagerLocalizedMessages
2466
2435
  i18n-ariaLabel="kendo.pager.ariaLabel|The value of the aria-label attribute of the Pager"
2467
2436
  ariaLabel="{{ 'Page navigation, page {currentPage} of {totalPages}' }}"
2468
-
2437
+
2469
2438
  i18n-firstPage="kendo.pager.firstPage|The label for the first page button in the Pager"
2470
2439
  firstPage="Go to the first page"
2471
-
2440
+
2472
2441
  i18n-previousPage="kendo.pager.previousPage|The label for the previous page button in the Pager"
2473
2442
  previousPage="Go to the previous page"
2474
-
2443
+
2475
2444
  i18n-nextPage="kendo.pager.nextPage|The label for the next page button in the Pager"
2476
2445
  nextPage="Go to the next page"
2477
-
2446
+
2478
2447
  i18n-lastPage="kendo.pager.lastPage|The label for the last page button in the Pager"
2479
2448
  lastPage="Go to the last page"
2480
-
2449
+
2481
2450
  i18n-page="kendo.pager.page|The label before the current page number in the Pager"
2482
2451
  page="Page"
2483
-
2452
+
2484
2453
  i18n-of="kendo.pager.of|The label before the total pages number in the Pager"
2485
2454
  of="of"
2486
-
2455
+
2487
2456
  i18n-pageNumberInputTitle="kendo.pager.pageNumberInputTitle|The label for the pager input in the Pager"
2488
2457
  pageNumberInputTitle="Page Number"
2489
-
2458
+
2490
2459
  i18n-items="kendo.pager.items|The label after the total pages number in the Pager"
2491
2460
  items="items"
2492
-
2461
+
2493
2462
  i18n-itemsPerPage="kendo.pager.itemsPerPage|The label for the page size chooser in the Pager"
2494
2463
  itemsPerPage="items per page"
2495
-
2464
+
2496
2465
  i18n-selectPage="kendo.pager.selectPage|The text of the title and aria-label attributes applied to the page chooser in the Pager"
2497
2466
  selectPage="Select page"
2498
-
2467
+
2499
2468
  i18n-inputLabel="kendo.pager.inputLabel|The text of the aria-label attribute applied to the input element for entering the page number."
2500
2469
  inputLabel="Type a page number"
2501
2470
  >
@@ -7,7 +7,7 @@ export const packageMetadata = {
7
7
  "productCodes": [
8
8
  "KENDOUIANGULAR"
9
9
  ],
10
- "publishDate": 1769600077,
11
- "version": "22.1.0-develop.9",
10
+ "publishDate": 1770666745,
11
+ "version": "23.0.0-develop.10",
12
12
  "licensingDocsUrl": "https://www.telerik.com/kendo-angular-ui/my-license/"
13
13
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@progress/kendo-angular-pager",
3
- "version": "22.1.0-develop.9",
3
+ "version": "23.0.0-develop.10",
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": 1769600077,
20
+ "publishDate": 1770666745,
21
21
  "licensingDocsUrl": "https://www.telerik.com/kendo-angular-ui/my-license/"
22
22
  }
23
23
  },
@@ -27,16 +27,16 @@
27
27
  "@angular/core": "19 - 21",
28
28
  "@angular/platform-browser": "19 - 21",
29
29
  "@progress/kendo-licensing": "^1.10.0",
30
- "@progress/kendo-angular-common": "22.1.0-develop.9",
31
- "@progress/kendo-angular-dropdowns": "22.1.0-develop.9",
32
- "@progress/kendo-angular-inputs": "22.1.0-develop.9",
33
- "@progress/kendo-angular-icons": "22.1.0-develop.9",
34
- "@progress/kendo-angular-l10n": "22.1.0-develop.9",
30
+ "@progress/kendo-angular-common": "23.0.0-develop.10",
31
+ "@progress/kendo-angular-dropdowns": "23.0.0-develop.10",
32
+ "@progress/kendo-angular-inputs": "23.0.0-develop.10",
33
+ "@progress/kendo-angular-icons": "23.0.0-develop.10",
34
+ "@progress/kendo-angular-l10n": "23.0.0-develop.10",
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": "22.1.0-develop.9"
39
+ "@progress/kendo-angular-schematics": "23.0.0-develop.10"
40
40
  },
41
41
  "schematics": "./schematics/collection.json",
42
42
  "module": "fesm2022/progress-kendo-angular-pager.mjs",
@@ -4,6 +4,5 @@
4
4
  *-------------------------------------------------------------------------------------------*/
5
5
  /**
6
6
  * Represents the possible size options of the Pager.
7
- * @default `medium`
8
7
  */
9
- export type PagerSize = 'small' | 'medium' | 'large' | 'none';
8
+ export type PagerSize = 'small' | 'medium' | 'large';
@@ -6,7 +6,7 @@ import { ElementRef, OnDestroy, OnInit, Renderer2 } from '@angular/core';
6
6
  import { PagerNavigationService } from './navigation.service';
7
7
  import * as i0 from "@angular/core";
8
8
  /**
9
- * Represents the Kendo UI Pager focusable directive for Angular. Apply this directive to custom focusable elements in the [`kendoPagerTemplate`]({% slug api_pager_pagertemplatedirective %}) to include them in the built-in Pager keyboard navigation.
9
+ * Represents the Kendo UI Pager focusable directive for Angular. Apply this directive to custom focusable elements in the [`kendoPagerTemplate`](https://www.telerik.com/kendo-angular-ui/components/pager/api/pagertemplatedirective) to include them in the built-in Pager keyboard navigation.
10
10
  *
11
11
  * @example
12
12
  * ```html
@@ -7,7 +7,7 @@ import { Messages } from './messages';
7
7
  import * as i0 from "@angular/core";
8
8
  /**
9
9
  * Represents the Kendo UI Pager custom messages component for Angular. Use this component to override default component messages
10
- * ([see example]({% slug pager_globalization %}#toc-messages)).
10
+ * ([see example](https://www.telerik.com/kendo-angular-ui/components/pager/globalization#messages)).
11
11
  *
12
12
  * @example
13
13
  * ```html
@@ -8,7 +8,7 @@ import { LocalizationService } from '@progress/kendo-angular-l10n';
8
8
  import { PagerContextService, PagerContextChanges } from "./pager-context.service";
9
9
  import * as i0 from "@angular/core";
10
10
  /**
11
- * Represents the Kendo UI Pager Info component for Angular. Displays information about the current page and the total number of records ([see example]({% slug pager_settings %})).
11
+ * Represents the Kendo UI Pager Info component for Angular. Displays information about the current page and the total number of records ([see example](https://www.telerik.com/kendo-angular-ui/components/pager/settings-and-types)).
12
12
  *
13
13
  * @example
14
14
  * ```html
@@ -32,9 +32,7 @@ export declare class PagerInputComponent extends PagerElementComponent {
32
32
  */
33
33
  showPageText: boolean;
34
34
  /**
35
- * Specifies the padding of the internal `NumericTextBox` component.
36
- *
37
- * @default 'medium'
35
+ * Specifies the padding of the internal `NumericTextBox` component. The default value is set by the Kendo theme.
38
36
  */
39
37
  size: PagerSize;
40
38
  constructor(localization: LocalizationService, pagerContext: PagerContextService, zone: NgZone, cd: ChangeDetectorRef, renderer: Renderer2);
@@ -9,7 +9,7 @@ import { LocalizationService } from '@progress/kendo-angular-l10n';
9
9
  import { PagerSize } from './common/pager-size';
10
10
  import * as i0 from "@angular/core";
11
11
  /**
12
- * Represents the Kendo UI Pager Next Buttons component for Angular. Displays buttons for navigating to the next and to the last page ([see example]({% slug pager_settings %})).
12
+ * Represents the Kendo UI Pager Next Buttons component for Angular. Displays buttons for navigating to the next and to the last page ([see example](https://www.telerik.com/kendo-angular-ui/components/pager/settings-and-types)).
13
13
  *
14
14
  * @example
15
15
  * ```html
@@ -30,9 +30,7 @@ export declare class PagerNextButtonsComponent extends PagerElementComponent {
30
30
  */
31
31
  get disabled(): boolean;
32
32
  /**
33
- * Specifies the padding of the navigation buttons.
34
- *
35
- * @default 'medium'
33
+ * Specifies the padding of the navigation buttons. The default value is set by the Kendo theme.
36
34
  */
37
35
  size: PagerSize;
38
36
  constructor(localization: LocalizationService, pagerContext: PagerContextService, cd: ChangeDetectorRef);
@@ -33,9 +33,7 @@ export declare class PagerNumericButtonsComponent extends PagerElementComponent
33
33
  */
34
34
  buttonCount: number;
35
35
  /**
36
- * Specifies the padding of the numeric buttons.
37
- *
38
- * @default 'medium'
36
+ * Specifies the padding of the numeric buttons. The default value is set by the Kendo theme.
39
37
  */
40
38
  set size(size: PagerSize);
41
39
  get size(): PagerSize;
@@ -12,7 +12,7 @@ import { PagerSize } from './common/pager-size';
12
12
  import { AdaptiveMode } from '../util';
13
13
  import * as i0 from "@angular/core";
14
14
  /**
15
- * Represents the Kendo UI Pager Page Sizes component for Angular. Displays a drop-down list for the page size selection ([see example]({% slug pager_settings %})).
15
+ * Represents the Kendo UI Pager Page Sizes component for Angular. Displays a drop-down list for the page size selection ([see example](https://www.telerik.com/kendo-angular-ui/components/pager/settings-and-types)).
16
16
  *
17
17
  * @example
18
18
  * ```html
@@ -36,7 +36,7 @@ export declare class PagerPageSizesComponent extends PagerElementComponent imple
36
36
  get showItemsText(): boolean;
37
37
  set showItemsText(value: boolean);
38
38
  /**
39
- * Specifies the page sizes collection. You can include numbers and [`PageSizeItem`]({% slug api_pager_pagesizeitem %}) objects.
39
+ * Specifies the page sizes collection. You can include numbers and [`PageSizeItem`](https://www.telerik.com/kendo-angular-ui/components/pager/api/pagesizeitem) objects.
40
40
  *
41
41
  * @example
42
42
  * ```html
@@ -49,15 +49,13 @@ export declare class PagerPageSizesComponent extends PagerElementComponent imple
49
49
  */
50
50
  set pageSizes(pageSizes: PageSizeItem[] | number[]);
51
51
  /**
52
- * Specifies the padding of the DropDownList component.
53
- *
54
- * @default 'medium'
52
+ * Specifies the padding of the DropDownList component. The default value is set by the Kendo theme.
55
53
  */
56
54
  size: PagerSize;
57
55
  /**
58
56
  * Specifies the adaptive mode of the internal `DropDownList` component.
59
57
  *
60
- * @default 'auto'
58
+ * @default 'none'
61
59
  */
62
60
  adaptiveMode: AdaptiveMode;
63
61
  /**
@@ -9,7 +9,7 @@ import { LocalizationService } from '@progress/kendo-angular-l10n';
9
9
  import { PagerSize } from './common/pager-size';
10
10
  import * as i0 from "@angular/core";
11
11
  /**
12
- * Represents the Kendo UI Pager Previous Buttons component for Angular. Displays buttons for navigating to the first and to the previous page ([see example]({% slug pager_settings %})).
12
+ * Represents the Kendo UI Pager Previous Buttons component for Angular. Displays buttons for navigating to the first and to the previous page ([see example](https://www.telerik.com/kendo-angular-ui/components/pager/settings-and-types)).
13
13
  *
14
14
  * @example
15
15
  * ```html
@@ -23,9 +23,7 @@ import * as i0 from "@angular/core";
23
23
  export declare class PagerPrevButtonsComponent extends PagerElementComponent {
24
24
  constructor(localization: LocalizationService, pagerContext: PagerContextService, cd: ChangeDetectorRef);
25
25
  /**
26
- * Specifies the padding of the navigation buttons.
27
- *
28
- * @default 'medium'
26
+ * Specifies the padding of the navigation buttons. The default value is set by the Kendo theme.
29
27
  */
30
28
  size: PagerSize;
31
29
  /**
@@ -114,7 +114,7 @@ export declare class PagerComponent implements OnChanges, AfterViewInit, OnInit,
114
114
  * Displays a dropdown for selecting the page size.
115
115
  * When set to `true`, the dropdown contains the default list of options - 5, 10, 20.
116
116
  * To customize the list of options, set `pageSizeValues` to an array of the desired values.
117
- * The array can contain numbers and [PageSizeItem]({% slug api_pager_pagesizeitem %}) objects.
117
+ * The array can contain numbers and [PageSizeItem](https://www.telerik.com/kendo-angular-ui/components/pager/api/pagesizeitem) objects.
118
118
  */
119
119
  set pageSizeValues(value: boolean | number[] | PageSizeItem[]);
120
120
  get pageSizeValues(): boolean | number[] | PageSizeItem[];
@@ -125,40 +125,38 @@ export declare class PagerComponent implements OnChanges, AfterViewInit, OnInit,
125
125
  */
126
126
  previousNext: boolean;
127
127
  /**
128
- * Determines whether users can use dedicated shortcuts to interact with the Pager ([see example]({% slug keyboard_navigation_pager %})).
128
+ * Determines whether users can use dedicated shortcuts to interact with the Pager ([see example](https://www.telerik.com/kendo-angular-ui/components/pager/keyboard-navigation)).
129
129
  * By default, navigation is enabled. To disable it and make the Pager content accessible in the normal tab sequence, set the property to `false`.
130
130
  * @default true
131
131
  */
132
132
  set navigable(value: boolean);
133
133
  get navigable(): boolean;
134
134
  /**
135
- * Specifies the padding of all Pager elements.
136
- *
137
- * @default 'medium'
135
+ * Specifies the padding of all Pager elements. The default value is set by the Kendo theme.
138
136
  */
139
137
  set size(size: PagerSize);
140
138
  get size(): PagerSize;
141
139
  /**
142
- * Determines whether the Pager responsive functionality is enabled ([see example](slug:responsive_pager)).
140
+ * Determines whether the Pager responsive functionality is enabled ([see example](https://www.telerik.com/kendo-angular-ui/components/pager/responsive-design)).
143
141
  *
144
142
  * @default true
145
143
  */
146
144
  responsive: boolean;
147
145
  /**
148
- * Determines whether the Pager adaptiveness functionality is enabled ([see example](slug:adaptive_mode_pager)).
146
+ * Determines whether the Pager adaptiveness functionality is enabled ([see example](https://www.telerik.com/kendo-angular-ui/components/pager/adaptiveness)).
149
147
  *
150
148
  * @default 'none'
151
149
  */
152
150
  adaptiveMode: AdaptiveMode;
153
151
  /**
154
- * Fires when the current page of the Pager changes ([see example](slug:overview_pager)).
152
+ * Fires when the current page of the Pager changes ([see example](https://www.telerik.com/kendo-angular-ui/components/pager)).
155
153
  * You have to handle the event and page the data.
156
154
  */
157
155
  pageChange: EventEmitter<PageChangeEvent>;
158
156
  /**
159
157
  * Fires when the page size of the Pager changes.
160
158
  * You have to handle the event and page the data.
161
- * If the event is prevented, the page size remains unchanged ([see example]({% slug pager_events %})).
159
+ * If the event is prevented, the page size remains unchanged ([see example](https://www.telerik.com/kendo-angular-ui/components/pager/events)).
162
160
  */
163
161
  pageSizeChange: EventEmitter<PageSizeChangeEvent>;
164
162
  /**
@@ -9,14 +9,14 @@ const schematics_1 = require("@angular-devkit/schematics");
9
9
  function default_1(options) {
10
10
  const finalOptions = Object.assign(Object.assign({}, options), { mainNgModule: 'PagerModule', package: 'pager', peerDependencies: {
11
11
  // Peers of inputs and dropdowns
12
- '@progress/kendo-angular-treeview': '22.1.0-develop.9',
13
- '@progress/kendo-angular-intl': '22.1.0-develop.9',
14
- '@progress/kendo-angular-navigation': '22.1.0-develop.9',
15
- '@progress/kendo-angular-popup': '22.1.0-develop.9',
12
+ '@progress/kendo-angular-treeview': '23.0.0-develop.10',
13
+ '@progress/kendo-angular-intl': '23.0.0-develop.10',
14
+ '@progress/kendo-angular-navigation': '23.0.0-develop.10',
15
+ '@progress/kendo-angular-popup': '23.0.0-develop.10',
16
16
  '@progress/kendo-drawing': '^1.5.12',
17
17
  // peer dependency of kendo-angular-inputs
18
- '@progress/kendo-angular-buttons': '22.1.0-develop.9',
19
- '@progress/kendo-angular-dialog': '22.1.0-develop.9',
18
+ '@progress/kendo-angular-buttons': '23.0.0-develop.10',
19
+ '@progress/kendo-angular-dialog': '23.0.0-develop.10',
20
20
  // Peer dependency of icons
21
21
  '@progress/kendo-svg-icons': '^4.0.0'
22
22
  } });
package/util.d.ts CHANGED
@@ -4,7 +4,6 @@
4
4
  *-------------------------------------------------------------------------------------------*/
5
5
  import { Renderer2 } from "@angular/core";
6
6
  import { PagerStylingClasses } from "./pager/common/pager-classes";
7
- import { PagerSize } from "./pager/common/pager-size";
8
7
  import { PageSizeItem } from "./pager/pagesize-item.interface";
9
8
  /**
10
9
  * @hidden
@@ -18,10 +17,6 @@ export declare const getAllFocusableChildren: (parent: any) => Array<any>;
18
17
  * @hidden
19
18
  */
20
19
  export declare const focusableSelector: string;
21
- /**
22
- * @hidden
23
- */
24
- export declare const DEFAULT_SIZE: PagerSize;
25
20
  /**
26
21
  * @hidden
27
22
  *