@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.
- package/fesm2022/progress-kendo-angular-pager.mjs +66 -97
- package/package-metadata.mjs +2 -2
- package/package.json +8 -8
- package/pager/common/pager-size.d.ts +1 -2
- package/pager/focusable.directive.d.ts +1 -1
- package/pager/localization/custom-messages.component.d.ts +1 -1
- package/pager/pager-info.component.d.ts +1 -1
- package/pager/pager-input.component.d.ts +1 -3
- package/pager/pager-next-buttons.component.d.ts +2 -4
- package/pager/pager-numeric-buttons.component.d.ts +1 -3
- package/pager/pager-page-sizes.component.d.ts +4 -6
- package/pager/pager-prev-buttons.component.d.ts +2 -4
- package/pager/pager.component.d.ts +7 -9
- package/schematics/ngAdd/index.js +6 -6
- package/util.d.ts +0 -5
|
@@ -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](
|
|
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
|
|
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`](
|
|
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](
|
|
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
|
|
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](
|
|
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`](
|
|
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
|
|
781
|
+
size;
|
|
793
782
|
/**
|
|
794
783
|
* Specifies the adaptive mode of the internal `DropDownList` component.
|
|
795
784
|
*
|
|
796
|
-
* @default '
|
|
785
|
+
* @default 'none'
|
|
797
786
|
*/
|
|
798
|
-
adaptiveMode = '
|
|
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
|
-
|
|
976
|
-
this.
|
|
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
|
|
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](
|
|
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
|
|
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
|
|
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](
|
|
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: '
|
|
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](
|
|
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](
|
|
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
|
-
|
|
1711
|
-
this.
|
|
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](
|
|
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](
|
|
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](
|
|
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](
|
|
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
|
|
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
|
>
|
package/package-metadata.mjs
CHANGED
|
@@ -7,7 +7,7 @@ export const packageMetadata = {
|
|
|
7
7
|
"productCodes": [
|
|
8
8
|
"KENDOUIANGULAR"
|
|
9
9
|
],
|
|
10
|
-
"publishDate":
|
|
11
|
-
"version": "
|
|
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": "
|
|
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":
|
|
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": "
|
|
31
|
-
"@progress/kendo-angular-dropdowns": "
|
|
32
|
-
"@progress/kendo-angular-inputs": "
|
|
33
|
-
"@progress/kendo-angular-icons": "
|
|
34
|
-
"@progress/kendo-angular-l10n": "
|
|
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": "
|
|
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'
|
|
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`](
|
|
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](
|
|
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](
|
|
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](
|
|
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](
|
|
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`](
|
|
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 '
|
|
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](
|
|
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](
|
|
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](
|
|
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](
|
|
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](
|
|
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](
|
|
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](
|
|
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': '
|
|
13
|
-
'@progress/kendo-angular-intl': '
|
|
14
|
-
'@progress/kendo-angular-navigation': '
|
|
15
|
-
'@progress/kendo-angular-popup': '
|
|
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': '
|
|
19
|
-
'@progress/kendo-angular-dialog': '
|
|
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
|
*
|