@progress/kendo-angular-pager 22.1.0-develop.8 → 23.0.0-develop.1

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
@@ -613,9 +610,9 @@ class PagerPrevButtonsComponent extends PagerElementComponent {
613
610
  /**
614
611
  * Specifies the padding of the navigation buttons.
615
612
  *
616
- * @default 'medium'
613
+ * @default undefined
617
614
  */
618
- size = DEFAULT_SIZE;
615
+ size;
619
616
  /**
620
617
  * @hidden
621
618
  *
@@ -648,30 +645,28 @@ class PagerPrevButtonsComponent extends PagerElementComponent {
648
645
  type="button" kendoButton
649
646
  kendoPagerFocusable
650
647
  class="k-pager-nav k-pager-first"
651
- [attr.aria-disabled]="disabled"
652
648
  [class.k-disabled]="disabled"
653
649
  [icon]="prevArrowIcons[0]"
654
650
  [svgIcon]="prevArrowSVGIcons[0]"
655
651
  fillMode="flat"
656
- rounded="none"
657
652
  [size]="size"
658
653
  [title]="textFor('firstPage')"
659
654
  [attr.aria-label]="textFor('firstPage')"
655
+ [attr.aria-disabled]="disabled"
660
656
  (click)="onClick(true)">
661
657
  </button>
662
658
  <button
663
659
  type="button" kendoButton
664
660
  kendoPagerFocusable
665
661
  class="k-pager-nav"
666
- [attr.aria-disabled]="disabled"
667
662
  [class.k-disabled]="disabled"
668
663
  [icon]="prevArrowIcons[1]"
669
664
  [svgIcon]="prevArrowSVGIcons[1]"
670
665
  fillMode="flat"
671
- rounded="none"
672
666
  [size]="size"
673
667
  [title]="textFor('previousPage')"
674
668
  [attr.aria-label]="textFor('previousPage')"
669
+ [attr.aria-disabled]="disabled"
675
670
  (click)="onClick()">
676
671
  </button>
677
672
  `, 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 +681,28 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
686
681
  type="button" kendoButton
687
682
  kendoPagerFocusable
688
683
  class="k-pager-nav k-pager-first"
689
- [attr.aria-disabled]="disabled"
690
684
  [class.k-disabled]="disabled"
691
685
  [icon]="prevArrowIcons[0]"
692
686
  [svgIcon]="prevArrowSVGIcons[0]"
693
687
  fillMode="flat"
694
- rounded="none"
695
688
  [size]="size"
696
689
  [title]="textFor('firstPage')"
697
690
  [attr.aria-label]="textFor('firstPage')"
691
+ [attr.aria-disabled]="disabled"
698
692
  (click)="onClick(true)">
699
693
  </button>
700
694
  <button
701
695
  type="button" kendoButton
702
696
  kendoPagerFocusable
703
697
  class="k-pager-nav"
704
- [attr.aria-disabled]="disabled"
705
698
  [class.k-disabled]="disabled"
706
699
  [icon]="prevArrowIcons[1]"
707
700
  [svgIcon]="prevArrowSVGIcons[1]"
708
701
  fillMode="flat"
709
- rounded="none"
710
702
  [size]="size"
711
703
  [title]="textFor('previousPage')"
712
704
  [attr.aria-label]="textFor('previousPage')"
705
+ [attr.aria-disabled]="disabled"
713
706
  (click)="onClick()">
714
707
  </button>
715
708
  `,
@@ -721,7 +714,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
721
714
  }] } });
722
715
 
723
716
  /**
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 %})).
717
+ * 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
718
  *
726
719
  * @example
727
720
  * ```html
@@ -750,7 +743,7 @@ class PagerPageSizesComponent extends PagerElementComponent {
750
743
  this.cd.markForCheck();
751
744
  }
752
745
  /**
753
- * Specifies the page sizes collection. You can include numbers and [`PageSizeItem`]({% slug api_pager_pagesizeitem %}) objects.
746
+ * Specifies the page sizes collection. You can include numbers and [`PageSizeItem`](https://www.telerik.com/kendo-angular-ui/components/pager/api/pagesizeitem) objects.
754
747
  *
755
748
  * @example
756
749
  * ```html
@@ -787,9 +780,9 @@ class PagerPageSizesComponent extends PagerElementComponent {
787
780
  /**
788
781
  * Specifies the padding of the DropDownList component.
789
782
  *
790
- * @default 'medium'
783
+ * @default undefined
791
784
  */
792
- size = DEFAULT_SIZE;
785
+ size;
793
786
  /**
794
787
  * Specifies the adaptive mode of the internal `DropDownList` component.
795
788
  *
@@ -969,12 +962,11 @@ class PagerNumericButtonsComponent extends PagerElementComponent {
969
962
  /**
970
963
  * Specifies the padding of the numeric buttons.
971
964
  *
972
- * @default 'medium'
965
+ * @default undefined
973
966
  */
974
967
  set size(size) {
975
- const newSize = size ? size : DEFAULT_SIZE;
976
- this.handleClasses(newSize, 'size');
977
- this._size = newSize;
968
+ this.handleClasses(size, 'size');
969
+ this._size = size;
978
970
  }
979
971
  get size() {
980
972
  return this._size;
@@ -1016,7 +1008,7 @@ class PagerNumericButtonsComponent extends PagerElementComponent {
1016
1008
  this.pagerContext = pagerContext;
1017
1009
  this.renderer = renderer;
1018
1010
  }
1019
- _size = DEFAULT_SIZE;
1011
+ _size;
1020
1012
  ngAfterViewInit() {
1021
1013
  this.handleClasses(this.size, 'size');
1022
1014
  }
@@ -1081,7 +1073,6 @@ class PagerNumericButtonsComponent extends PagerElementComponent {
1081
1073
  [size]="size"
1082
1074
  fillMode="flat"
1083
1075
  themeColor="primary"
1084
- rounded="none"
1085
1076
  [attr.aria-label]="pageLabel(start - 1)"
1086
1077
  [attr.title]="pageLabel(start - 1)"
1087
1078
  (click)="changePage(start - 2)">...</button>
@@ -1094,7 +1085,6 @@ class PagerNumericButtonsComponent extends PagerElementComponent {
1094
1085
  [size]="size"
1095
1086
  fillMode="flat"
1096
1087
  themeColor="primary"
1097
- rounded="none"
1098
1088
  [attr.aria-label]="pageLabel(num)"
1099
1089
  [attr.title]="pageLabel(num)"
1100
1090
  [attr.aria-current]="currentPage === num ? 'page' : undefined"
@@ -1111,7 +1101,6 @@ class PagerNumericButtonsComponent extends PagerElementComponent {
1111
1101
  [size]="size"
1112
1102
  fillMode="flat"
1113
1103
  themeColor="primary"
1114
- rounded="none"
1115
1104
  [attr.aria-label]="pageLabel(end + 1)"
1116
1105
  [attr.title]="pageLabel(end + 1)"
1117
1106
  (click)="changePage(end)">...</button>
@@ -1134,7 +1123,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
1134
1123
  [size]="size"
1135
1124
  fillMode="flat"
1136
1125
  themeColor="primary"
1137
- rounded="none"
1138
1126
  [attr.aria-label]="pageLabel(start - 1)"
1139
1127
  [attr.title]="pageLabel(start - 1)"
1140
1128
  (click)="changePage(start - 2)">...</button>
@@ -1147,7 +1135,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
1147
1135
  [size]="size"
1148
1136
  fillMode="flat"
1149
1137
  themeColor="primary"
1150
- rounded="none"
1151
1138
  [attr.aria-label]="pageLabel(num)"
1152
1139
  [attr.title]="pageLabel(num)"
1153
1140
  [attr.aria-current]="currentPage === num ? 'page' : undefined"
@@ -1164,7 +1151,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
1164
1151
  [size]="size"
1165
1152
  fillMode="flat"
1166
1153
  themeColor="primary"
1167
- rounded="none"
1168
1154
  [attr.aria-label]="pageLabel(end + 1)"
1169
1155
  [attr.title]="pageLabel(end + 1)"
1170
1156
  (click)="changePage(end)">...</button>
@@ -1188,7 +1174,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
1188
1174
 
1189
1175
  // eslint-disable no-access-missing-member
1190
1176
  /**
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 %})).
1177
+ * 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
1178
  *
1193
1179
  * @example
1194
1180
  * ```html
@@ -1213,9 +1199,9 @@ class PagerNextButtonsComponent extends PagerElementComponent {
1213
1199
  /**
1214
1200
  * Specifies the padding of the navigation buttons.
1215
1201
  *
1216
- * @default 'medium'
1202
+ * @default undefined
1217
1203
  */
1218
- size = DEFAULT_SIZE;
1204
+ size;
1219
1205
  constructor(localization, pagerContext, cd) {
1220
1206
  super(localization, pagerContext, cd);
1221
1207
  }
@@ -1243,12 +1229,11 @@ class PagerNextButtonsComponent extends PagerElementComponent {
1243
1229
  [icon]="nextArrowIcons[0]"
1244
1230
  [svgIcon]="nextArrowSVGIcons[0]"
1245
1231
  fillMode="flat"
1246
- rounded="none"
1247
1232
  class="k-pager-nav"
1248
- [attr.aria-disabled]="disabled"
1249
1233
  [class.k-disabled]="disabled"
1250
1234
  [title]="textFor('nextPage')"
1251
1235
  [attr.aria-label]="textFor('nextPage')"
1236
+ [attr.aria-disabled]="disabled"
1252
1237
  (click)="onClick()">
1253
1238
  </button>
1254
1239
  <button kendoButton kendoPagerFocusable
@@ -1257,12 +1242,11 @@ class PagerNextButtonsComponent extends PagerElementComponent {
1257
1242
  [icon]="nextArrowIcons[1]"
1258
1243
  [svgIcon]="nextArrowSVGIcons[1]"
1259
1244
  fillMode="flat"
1260
- rounded="none"
1261
1245
  class="k-pager-nav k-pager-last"
1262
- [attr.aria-disabled]="disabled"
1263
1246
  [class.k-disabled]="disabled"
1264
1247
  [title]="textFor('lastPage')"
1265
1248
  [attr.aria-label]="textFor('lastPage')"
1249
+ [attr.aria-disabled]="disabled"
1266
1250
  (click)="onClick(true)">
1267
1251
  </button>
1268
1252
  `, 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 +1263,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
1279
1263
  [icon]="nextArrowIcons[0]"
1280
1264
  [svgIcon]="nextArrowSVGIcons[0]"
1281
1265
  fillMode="flat"
1282
- rounded="none"
1283
1266
  class="k-pager-nav"
1284
- [attr.aria-disabled]="disabled"
1285
1267
  [class.k-disabled]="disabled"
1286
1268
  [title]="textFor('nextPage')"
1287
1269
  [attr.aria-label]="textFor('nextPage')"
1270
+ [attr.aria-disabled]="disabled"
1288
1271
  (click)="onClick()">
1289
1272
  </button>
1290
1273
  <button kendoButton kendoPagerFocusable
@@ -1293,12 +1276,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
1293
1276
  [icon]="nextArrowIcons[1]"
1294
1277
  [svgIcon]="nextArrowSVGIcons[1]"
1295
1278
  fillMode="flat"
1296
- rounded="none"
1297
1279
  class="k-pager-nav k-pager-last"
1298
- [attr.aria-disabled]="disabled"
1299
1280
  [class.k-disabled]="disabled"
1300
1281
  [title]="textFor('lastPage')"
1301
1282
  [attr.aria-label]="textFor('lastPage')"
1283
+ [attr.aria-disabled]="disabled"
1302
1284
  (click)="onClick(true)">
1303
1285
  </button>
1304
1286
  `,
@@ -1334,9 +1316,9 @@ class PagerInputComponent extends PagerElementComponent {
1334
1316
  /**
1335
1317
  * Specifies the padding of the internal `NumericTextBox` component.
1336
1318
  *
1337
- * @default 'medium'
1319
+ * @default undefined
1338
1320
  */
1339
- size = DEFAULT_SIZE;
1321
+ size;
1340
1322
  constructor(localization, pagerContext, zone, cd, renderer) {
1341
1323
  super(localization, pagerContext, cd);
1342
1324
  this.pagerContext = pagerContext;
@@ -1473,7 +1455,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
1473
1455
 
1474
1456
  // eslint-disable no-access-missing-member
1475
1457
  /**
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 %})).
1458
+ * 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
1459
  *
1478
1460
  * @example
1479
1461
  * ```html
@@ -1549,7 +1531,7 @@ const packageMetadata = {
1549
1531
  productCode: 'KENDOUIANGULAR',
1550
1532
  productCodes: ['KENDOUIANGULAR'],
1551
1533
  publishDate: 0,
1552
- version: '22.1.0-develop.8',
1534
+ version: '23.0.0-develop.1',
1553
1535
  licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
1554
1536
  };
1555
1537
 
@@ -1670,7 +1652,7 @@ class PagerComponent {
1670
1652
  * Displays a dropdown for selecting the page size.
1671
1653
  * When set to `true`, the dropdown contains the default list of options - 5, 10, 20.
1672
1654
  * 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.
1655
+ * The array can contain numbers and [PageSizeItem](https://www.telerik.com/kendo-angular-ui/components/pager/api/pagesizeitem) objects.
1674
1656
  */
1675
1657
  set pageSizeValues(value) {
1676
1658
  if (typeof value === 'boolean') {
@@ -1690,7 +1672,7 @@ class PagerComponent {
1690
1672
  */
1691
1673
  previousNext = true;
1692
1674
  /**
1693
- * Determines whether users can use dedicated shortcuts to interact with the Pager ([see example]({% slug keyboard_navigation_pager %})).
1675
+ * 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
1676
  * 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
1677
  * @default true
1696
1678
  */
@@ -1704,37 +1686,36 @@ class PagerComponent {
1704
1686
  /**
1705
1687
  * Specifies the padding of all Pager elements.
1706
1688
  *
1707
- * @default 'medium'
1689
+ * @default undefined
1708
1690
  */
1709
1691
  set size(size) {
1710
- const newSize = size ? size : DEFAULT_SIZE;
1711
- this.handleClasses(newSize, 'size');
1712
- this._size = newSize;
1692
+ this.handleClasses(size, 'size');
1693
+ this._size = size;
1713
1694
  }
1714
1695
  get size() {
1715
1696
  return this._size;
1716
1697
  }
1717
1698
  /**
1718
- * Determines whether the Pager responsive functionality is enabled ([see example](slug:responsive_pager)).
1699
+ * Determines whether the Pager responsive functionality is enabled ([see example](https://www.telerik.com/kendo-angular-ui/components/pager/responsive-design)).
1719
1700
  *
1720
1701
  * @default true
1721
1702
  */
1722
1703
  responsive = true;
1723
1704
  /**
1724
- * Determines whether the Pager adaptiveness functionality is enabled ([see example](slug:adaptive_mode_pager)).
1705
+ * Determines whether the Pager adaptiveness functionality is enabled ([see example](https://www.telerik.com/kendo-angular-ui/components/pager/adaptiveness)).
1725
1706
  *
1726
1707
  * @default 'none'
1727
1708
  */
1728
1709
  adaptiveMode = 'none';
1729
1710
  /**
1730
- * Fires when the current page of the Pager changes ([see example](slug:overview_pager)).
1711
+ * Fires when the current page of the Pager changes ([see example](https://www.telerik.com/kendo-angular-ui/components/pager)).
1731
1712
  * You have to handle the event and page the data.
1732
1713
  */
1733
1714
  pageChange = new EventEmitter();
1734
1715
  /**
1735
1716
  * Fires when the page size of the Pager changes.
1736
1717
  * 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 %})).
1718
+ * If the event is prevented, the page size remains unchanged ([see example](https://www.telerik.com/kendo-angular-ui/components/pager/events)).
1738
1719
  */
1739
1720
  pageSizeChange = new EventEmitter();
1740
1721
  /**
@@ -1830,7 +1811,7 @@ class PagerComponent {
1830
1811
  direction;
1831
1812
  isInnerNavigationEnabled = false;
1832
1813
  _navigable = true;
1833
- _size = DEFAULT_SIZE;
1814
+ _size;
1834
1815
  _showInput = true;
1835
1816
  _showPageText = true;
1836
1817
  _showItemsText = true;
@@ -2371,37 +2352,37 @@ class PagerComponent {
2371
2352
  <ng-container kendoPagerLocalizedMessages
2372
2353
  i18n-ariaLabel="kendo.pager.ariaLabel|The value of the aria-label attribute of the Pager"
2373
2354
  ariaLabel="{{ 'Page navigation, page {currentPage} of {totalPages}' }}"
2374
-
2355
+
2375
2356
  i18n-firstPage="kendo.pager.firstPage|The label for the first page button in the Pager"
2376
2357
  firstPage="Go to the first page"
2377
-
2358
+
2378
2359
  i18n-previousPage="kendo.pager.previousPage|The label for the previous page button in the Pager"
2379
2360
  previousPage="Go to the previous page"
2380
-
2361
+
2381
2362
  i18n-nextPage="kendo.pager.nextPage|The label for the next page button in the Pager"
2382
2363
  nextPage="Go to the next page"
2383
-
2364
+
2384
2365
  i18n-lastPage="kendo.pager.lastPage|The label for the last page button in the Pager"
2385
2366
  lastPage="Go to the last page"
2386
-
2367
+
2387
2368
  i18n-page="kendo.pager.page|The label before the current page number in the Pager"
2388
2369
  page="Page"
2389
-
2370
+
2390
2371
  i18n-of="kendo.pager.of|The label before the total pages number in the Pager"
2391
2372
  of="of"
2392
-
2373
+
2393
2374
  i18n-pageNumberInputTitle="kendo.pager.pageNumberInputTitle|The label for the pager input in the Pager"
2394
2375
  pageNumberInputTitle="Page Number"
2395
-
2376
+
2396
2377
  i18n-items="kendo.pager.items|The label after the total pages number in the Pager"
2397
2378
  items="items"
2398
-
2379
+
2399
2380
  i18n-itemsPerPage="kendo.pager.itemsPerPage|The label for the page size chooser in the Pager"
2400
2381
  itemsPerPage="items per page"
2401
-
2382
+
2402
2383
  i18n-selectPage="kendo.pager.selectPage|The text of the title and aria-label attributes applied to the page chooser in the Pager"
2403
2384
  selectPage="Select page"
2404
-
2385
+
2405
2386
  i18n-inputLabel="kendo.pager.inputLabel|The text of the aria-label attribute applied to the input element for entering the page number."
2406
2387
  inputLabel="Type a page number"
2407
2388
  >
@@ -2465,37 +2446,37 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
2465
2446
  <ng-container kendoPagerLocalizedMessages
2466
2447
  i18n-ariaLabel="kendo.pager.ariaLabel|The value of the aria-label attribute of the Pager"
2467
2448
  ariaLabel="{{ 'Page navigation, page {currentPage} of {totalPages}' }}"
2468
-
2449
+
2469
2450
  i18n-firstPage="kendo.pager.firstPage|The label for the first page button in the Pager"
2470
2451
  firstPage="Go to the first page"
2471
-
2452
+
2472
2453
  i18n-previousPage="kendo.pager.previousPage|The label for the previous page button in the Pager"
2473
2454
  previousPage="Go to the previous page"
2474
-
2455
+
2475
2456
  i18n-nextPage="kendo.pager.nextPage|The label for the next page button in the Pager"
2476
2457
  nextPage="Go to the next page"
2477
-
2458
+
2478
2459
  i18n-lastPage="kendo.pager.lastPage|The label for the last page button in the Pager"
2479
2460
  lastPage="Go to the last page"
2480
-
2461
+
2481
2462
  i18n-page="kendo.pager.page|The label before the current page number in the Pager"
2482
2463
  page="Page"
2483
-
2464
+
2484
2465
  i18n-of="kendo.pager.of|The label before the total pages number in the Pager"
2485
2466
  of="of"
2486
-
2467
+
2487
2468
  i18n-pageNumberInputTitle="kendo.pager.pageNumberInputTitle|The label for the pager input in the Pager"
2488
2469
  pageNumberInputTitle="Page Number"
2489
-
2470
+
2490
2471
  i18n-items="kendo.pager.items|The label after the total pages number in the Pager"
2491
2472
  items="items"
2492
-
2473
+
2493
2474
  i18n-itemsPerPage="kendo.pager.itemsPerPage|The label for the page size chooser in the Pager"
2494
2475
  itemsPerPage="items per page"
2495
-
2476
+
2496
2477
  i18n-selectPage="kendo.pager.selectPage|The text of the title and aria-label attributes applied to the page chooser in the Pager"
2497
2478
  selectPage="Select page"
2498
-
2479
+
2499
2480
  i18n-inputLabel="kendo.pager.inputLabel|The text of the aria-label attribute applied to the input element for entering the page number."
2500
2481
  inputLabel="Type a page number"
2501
2482
  >
@@ -7,7 +7,7 @@ export const packageMetadata = {
7
7
  "productCodes": [
8
8
  "KENDOUIANGULAR"
9
9
  ],
10
- "publishDate": 1769420997,
11
- "version": "22.1.0-develop.8",
10
+ "publishDate": 1770286982,
11
+ "version": "23.0.0-develop.1",
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.8",
3
+ "version": "23.0.0-develop.1",
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": 1769420997,
20
+ "publishDate": 1770286982,
21
21
  "licensingDocsUrl": "https://www.telerik.com/kendo-angular-ui/my-license/"
22
22
  }
23
23
  },
@@ -26,17 +26,17 @@
26
26
  "@angular/common": "19 - 21",
27
27
  "@angular/core": "19 - 21",
28
28
  "@angular/platform-browser": "19 - 21",
29
- "@progress/kendo-licensing": "^1.7.0",
30
- "@progress/kendo-angular-common": "22.1.0-develop.8",
31
- "@progress/kendo-angular-dropdowns": "22.1.0-develop.8",
32
- "@progress/kendo-angular-inputs": "22.1.0-develop.8",
33
- "@progress/kendo-angular-icons": "22.1.0-develop.8",
34
- "@progress/kendo-angular-l10n": "22.1.0-develop.8",
29
+ "@progress/kendo-licensing": "^1.10.0",
30
+ "@progress/kendo-angular-common": "23.0.0-develop.1",
31
+ "@progress/kendo-angular-dropdowns": "23.0.0-develop.1",
32
+ "@progress/kendo-angular-inputs": "23.0.0-develop.1",
33
+ "@progress/kendo-angular-icons": "23.0.0-develop.1",
34
+ "@progress/kendo-angular-l10n": "23.0.0-develop.1",
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.8"
39
+ "@progress/kendo-angular-schematics": "23.0.0-develop.1"
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
@@ -34,7 +34,7 @@ export declare class PagerInputComponent extends PagerElementComponent {
34
34
  /**
35
35
  * Specifies the padding of the internal `NumericTextBox` component.
36
36
  *
37
- * @default 'medium'
37
+ * @default undefined
38
38
  */
39
39
  size: PagerSize;
40
40
  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
@@ -32,7 +32,7 @@ export declare class PagerNextButtonsComponent extends PagerElementComponent {
32
32
  /**
33
33
  * Specifies the padding of the navigation buttons.
34
34
  *
35
- * @default 'medium'
35
+ * @default undefined
36
36
  */
37
37
  size: PagerSize;
38
38
  constructor(localization: LocalizationService, pagerContext: PagerContextService, cd: ChangeDetectorRef);
@@ -35,7 +35,7 @@ export declare class PagerNumericButtonsComponent extends PagerElementComponent
35
35
  /**
36
36
  * Specifies the padding of the numeric buttons.
37
37
  *
38
- * @default 'medium'
38
+ * @default undefined
39
39
  */
40
40
  set size(size: PagerSize);
41
41
  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
@@ -51,7 +51,7 @@ export declare class PagerPageSizesComponent extends PagerElementComponent imple
51
51
  /**
52
52
  * Specifies the padding of the DropDownList component.
53
53
  *
54
- * @default 'medium'
54
+ * @default undefined
55
55
  */
56
56
  size: PagerSize;
57
57
  /**
@@ -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
@@ -25,7 +25,7 @@ export declare class PagerPrevButtonsComponent extends PagerElementComponent {
25
25
  /**
26
26
  * Specifies the padding of the navigation buttons.
27
27
  *
28
- * @default 'medium'
28
+ * @default undefined
29
29
  */
30
30
  size: PagerSize;
31
31
  /**
@@ -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,7 +125,7 @@ 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
  */
@@ -134,31 +134,31 @@ export declare class PagerComponent implements OnChanges, AfterViewInit, OnInit,
134
134
  /**
135
135
  * Specifies the padding of all Pager elements.
136
136
  *
137
- * @default 'medium'
137
+ * @default undefined
138
138
  */
139
139
  set size(size: PagerSize);
140
140
  get size(): PagerSize;
141
141
  /**
142
- * Determines whether the Pager responsive functionality is enabled ([see example](slug:responsive_pager)).
142
+ * Determines whether the Pager responsive functionality is enabled ([see example](https://www.telerik.com/kendo-angular-ui/components/pager/responsive-design)).
143
143
  *
144
144
  * @default true
145
145
  */
146
146
  responsive: boolean;
147
147
  /**
148
- * Determines whether the Pager adaptiveness functionality is enabled ([see example](slug:adaptive_mode_pager)).
148
+ * Determines whether the Pager adaptiveness functionality is enabled ([see example](https://www.telerik.com/kendo-angular-ui/components/pager/adaptiveness)).
149
149
  *
150
150
  * @default 'none'
151
151
  */
152
152
  adaptiveMode: AdaptiveMode;
153
153
  /**
154
- * Fires when the current page of the Pager changes ([see example](slug:overview_pager)).
154
+ * Fires when the current page of the Pager changes ([see example](https://www.telerik.com/kendo-angular-ui/components/pager)).
155
155
  * You have to handle the event and page the data.
156
156
  */
157
157
  pageChange: EventEmitter<PageChangeEvent>;
158
158
  /**
159
159
  * Fires when the page size of the Pager changes.
160
160
  * 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 %})).
161
+ * If the event is prevented, the page size remains unchanged ([see example](https://www.telerik.com/kendo-angular-ui/components/pager/events)).
162
162
  */
163
163
  pageSizeChange: EventEmitter<PageSizeChangeEvent>;
164
164
  /**
@@ -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.8',
13
- '@progress/kendo-angular-intl': '22.1.0-develop.8',
14
- '@progress/kendo-angular-navigation': '22.1.0-develop.8',
15
- '@progress/kendo-angular-popup': '22.1.0-develop.8',
12
+ '@progress/kendo-angular-treeview': '23.0.0-develop.1',
13
+ '@progress/kendo-angular-intl': '23.0.0-develop.1',
14
+ '@progress/kendo-angular-navigation': '23.0.0-develop.1',
15
+ '@progress/kendo-angular-popup': '23.0.0-develop.1',
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.8',
19
- '@progress/kendo-angular-dialog': '22.1.0-develop.8',
18
+ '@progress/kendo-angular-buttons': '23.0.0-develop.1',
19
+ '@progress/kendo-angular-dialog': '23.0.0-develop.1',
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
  *