@progress/kendo-angular-grid 7.0.0-dev.202201251337 → 7.0.0-dev.202201261657

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.
@@ -9,7 +9,7 @@ export const packageMetadata = {
9
9
  name: '@progress/kendo-angular-grid',
10
10
  productName: 'Kendo UI for Angular',
11
11
  productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
12
- publishDate: 1643117278,
12
+ publishDate: 1643215637,
13
13
  version: '',
14
14
  licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/?utm_medium=product&utm_source=kendoangular&utm_campaign=kendo-ui-angular-purchase-license-keys-warning'
15
15
  };
@@ -44,13 +44,14 @@ PagerNextButtonsComponent = tslib_1.__decorate([
44
44
  [title]="textFor('pagerNextPage')"
45
45
  (click)="currentPage !== totalPages ? changePage(currentPage) : false"
46
46
  (keydown.enter)="currentPage !== totalPages ? changePage(currentPage) : false"
47
+ role="button"
47
48
  [ngClass]="{
48
49
  'k-link': true,
49
50
  'k-pager-nav': true,
50
51
  'k-state-disabled': disabled,
51
52
  '': true
52
53
  }">
53
- <span [attr.aria-label]="textFor('pagerNextPage')"
54
+ <span role="note" [attr.aria-label]="textFor('pagerNextPage')"
54
55
  [ngClass]="{
55
56
  'k-icon':true,
56
57
  'k-i-arrow-e': true
@@ -63,13 +64,14 @@ PagerNextButtonsComponent = tslib_1.__decorate([
63
64
  [title]="textFor('pagerLastPage')"
64
65
  (click)="currentPage !== totalPages ? changePage(totalPages-1) : false"
65
66
  (keydown.enter)="currentPage !== totalPages ? changePage(totalPages-1) : false"
67
+ role="button"
66
68
  [ngClass]="{
67
69
  'k-link': true,
68
70
  'k-pager-nav': true,
69
71
  'k-state-disabled': disabled,
70
72
  'k-pager-last': true
71
73
  }">
72
- <span [attr.aria-label]="textFor('pagerLastPage')"
74
+ <span role="note" [attr.aria-label]="textFor('pagerLastPage')"
73
75
  [ngClass]="{
74
76
  'k-icon':true,
75
77
  'k-i-seek-e': true
@@ -126,6 +126,7 @@ PagerNumericButtonsComponent = tslib_1.__decorate([
126
126
  kendoGridFocusable
127
127
  tabindex="0"
128
128
  class="k-link k-pager-nav"
129
+ role="button"
129
130
  [attr.aria-label]="pageLabel(start - 1)"
130
131
  (click)="changePage(start - 2)"
131
132
  (keydown.enter)="changePage(start - 2)">...</span>
@@ -134,6 +135,7 @@ PagerNumericButtonsComponent = tslib_1.__decorate([
134
135
  <span
135
136
  kendoGridFocusable
136
137
  tabindex="0"
138
+ role="button"
137
139
  [attr.aria-label]="pageLabel(num)"
138
140
  [ngClass]="{'k-link': true, 'k-state-selected':currentPage == num, 'k-pager-nav': true}"
139
141
  (click)="changePage(num - 1)"
@@ -146,6 +148,7 @@ PagerNumericButtonsComponent = tslib_1.__decorate([
146
148
  kendoGridFocusable
147
149
  tabindex="0"
148
150
  class="k-link k-pager-nav"
151
+ role="button"
149
152
  [attr.aria-label]="pageLabel(end + 1)"
150
153
  (click)="changePage(end)"
151
154
  (keydown.enter)="changePage(end)">...</span>
@@ -43,22 +43,25 @@ PagerPrevButtonsComponent = tslib_1.__decorate([
43
43
  [title]="textFor('pagerFirstPage')"
44
44
  (click)="currentPage !== 1 ? changePage(0) : false"
45
45
  (keydown.enter)="currentPage !== 1 ? changePage(0) : false"
46
+ role="button"
46
47
  [ngClass]="{
47
48
  'k-link': true,
48
49
  'k-pager-nav': true,
49
50
  'k-state-disabled': disabled,
50
51
  'k-pager-first': true
51
52
  }">
52
- <span [attr.aria-label]="textFor('pagerFirstPage')"
53
- [ngClass]="{
53
+ <span role="note"
54
+ [attr.aria-label]="textFor('pagerFirstPage')"
55
+ [ngClass]="{
54
56
  'k-icon': true,
55
57
  'k-i-seek-w': true
56
- }">
58
+ }">
57
59
  </span>
58
60
  </span>
59
61
  <span
60
62
  [kendoGridFocusable]="!disabled"
61
63
  [title]="textFor('pagerPreviousPage')"
64
+ role="button"
62
65
  (click)="currentPage !== 1 ? changePage(currentPage-2) : false"
63
66
  (keydown.enter)="currentPage !== 1 ? changePage(currentPage-2) : false"
64
67
  [ngClass]="{
@@ -67,11 +70,12 @@ PagerPrevButtonsComponent = tslib_1.__decorate([
67
70
  'k-state-disabled': disabled,
68
71
  '': true
69
72
  }">
70
- <span [attr.aria-label]="textFor('pagerPreviousPage')"
71
- [ngClass]="{
73
+ <span role="note"
74
+ [attr.aria-label]="textFor('pagerPreviousPage')"
75
+ [ngClass]="{
72
76
  'k-icon': true,
73
77
  'k-i-arrow-w': true
74
- }">
78
+ }">
75
79
  </span>
76
80
  </span>
77
81
  `
@@ -2831,7 +2831,7 @@ const packageMetadata = {
2831
2831
  name: '@progress/kendo-angular-grid',
2832
2832
  productName: 'Kendo UI for Angular',
2833
2833
  productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
2834
- publishDate: 1643117278,
2834
+ publishDate: 1643215637,
2835
2835
  version: '',
2836
2836
  licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/?utm_medium=product&utm_source=kendoangular&utm_campaign=kendo-ui-angular-purchase-license-keys-warning'
2837
2837
  };
@@ -14585,22 +14585,25 @@ PagerPrevButtonsComponent = __decorate([
14585
14585
  [title]="textFor('pagerFirstPage')"
14586
14586
  (click)="currentPage !== 1 ? changePage(0) : false"
14587
14587
  (keydown.enter)="currentPage !== 1 ? changePage(0) : false"
14588
+ role="button"
14588
14589
  [ngClass]="{
14589
14590
  'k-link': true,
14590
14591
  'k-pager-nav': true,
14591
14592
  'k-state-disabled': disabled,
14592
14593
  'k-pager-first': true
14593
14594
  }">
14594
- <span [attr.aria-label]="textFor('pagerFirstPage')"
14595
- [ngClass]="{
14595
+ <span role="note"
14596
+ [attr.aria-label]="textFor('pagerFirstPage')"
14597
+ [ngClass]="{
14596
14598
  'k-icon': true,
14597
14599
  'k-i-seek-w': true
14598
- }">
14600
+ }">
14599
14601
  </span>
14600
14602
  </span>
14601
14603
  <span
14602
14604
  [kendoGridFocusable]="!disabled"
14603
14605
  [title]="textFor('pagerPreviousPage')"
14606
+ role="button"
14604
14607
  (click)="currentPage !== 1 ? changePage(currentPage-2) : false"
14605
14608
  (keydown.enter)="currentPage !== 1 ? changePage(currentPage-2) : false"
14606
14609
  [ngClass]="{
@@ -14609,11 +14612,12 @@ PagerPrevButtonsComponent = __decorate([
14609
14612
  'k-state-disabled': disabled,
14610
14613
  '': true
14611
14614
  }">
14612
- <span [attr.aria-label]="textFor('pagerPreviousPage')"
14613
- [ngClass]="{
14615
+ <span role="note"
14616
+ [attr.aria-label]="textFor('pagerPreviousPage')"
14617
+ [ngClass]="{
14614
14618
  'k-icon': true,
14615
14619
  'k-i-arrow-w': true
14616
- }">
14620
+ }">
14617
14621
  </span>
14618
14622
  </span>
14619
14623
  `
@@ -14660,13 +14664,14 @@ PagerNextButtonsComponent = __decorate([
14660
14664
  [title]="textFor('pagerNextPage')"
14661
14665
  (click)="currentPage !== totalPages ? changePage(currentPage) : false"
14662
14666
  (keydown.enter)="currentPage !== totalPages ? changePage(currentPage) : false"
14667
+ role="button"
14663
14668
  [ngClass]="{
14664
14669
  'k-link': true,
14665
14670
  'k-pager-nav': true,
14666
14671
  'k-state-disabled': disabled,
14667
14672
  '': true
14668
14673
  }">
14669
- <span [attr.aria-label]="textFor('pagerNextPage')"
14674
+ <span role="note" [attr.aria-label]="textFor('pagerNextPage')"
14670
14675
  [ngClass]="{
14671
14676
  'k-icon':true,
14672
14677
  'k-i-arrow-e': true
@@ -14679,13 +14684,14 @@ PagerNextButtonsComponent = __decorate([
14679
14684
  [title]="textFor('pagerLastPage')"
14680
14685
  (click)="currentPage !== totalPages ? changePage(totalPages-1) : false"
14681
14686
  (keydown.enter)="currentPage !== totalPages ? changePage(totalPages-1) : false"
14687
+ role="button"
14682
14688
  [ngClass]="{
14683
14689
  'k-link': true,
14684
14690
  'k-pager-nav': true,
14685
14691
  'k-state-disabled': disabled,
14686
14692
  'k-pager-last': true
14687
14693
  }">
14688
- <span [attr.aria-label]="textFor('pagerLastPage')"
14694
+ <span role="note" [attr.aria-label]="textFor('pagerLastPage')"
14689
14695
  [ngClass]="{
14690
14696
  'k-icon':true,
14691
14697
  'k-i-seek-e': true
@@ -14819,6 +14825,7 @@ PagerNumericButtonsComponent = __decorate([
14819
14825
  kendoGridFocusable
14820
14826
  tabindex="0"
14821
14827
  class="k-link k-pager-nav"
14828
+ role="button"
14822
14829
  [attr.aria-label]="pageLabel(start - 1)"
14823
14830
  (click)="changePage(start - 2)"
14824
14831
  (keydown.enter)="changePage(start - 2)">...</span>
@@ -14827,6 +14834,7 @@ PagerNumericButtonsComponent = __decorate([
14827
14834
  <span
14828
14835
  kendoGridFocusable
14829
14836
  tabindex="0"
14837
+ role="button"
14830
14838
  [attr.aria-label]="pageLabel(num)"
14831
14839
  [ngClass]="{'k-link': true, 'k-state-selected':currentPage == num, 'k-pager-nav': true}"
14832
14840
  (click)="changePage(num - 1)"
@@ -14839,6 +14847,7 @@ PagerNumericButtonsComponent = __decorate([
14839
14847
  kendoGridFocusable
14840
14848
  tabindex="0"
14841
14849
  class="k-link k-pager-nav"
14850
+ role="button"
14842
14851
  [attr.aria-label]="pageLabel(end + 1)"
14843
14852
  (click)="changePage(end)"
14844
14853
  (keydown.enter)="changePage(end)">...</span>
@@ -3044,7 +3044,7 @@ var packageMetadata = {
3044
3044
  name: '@progress/kendo-angular-grid',
3045
3045
  productName: 'Kendo UI for Angular',
3046
3046
  productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
3047
- publishDate: 1643117278,
3047
+ publishDate: 1643215637,
3048
3048
  version: '',
3049
3049
  licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/?utm_medium=product&utm_source=kendoangular&utm_campaign=kendo-ui-angular-purchase-license-keys-warning'
3050
3050
  };
@@ -15218,7 +15218,7 @@ var PagerPrevButtonsComponent = /** @class */ (function (_super) {
15218
15218
  Component({
15219
15219
  changeDetection: ChangeDetectionStrategy.OnPush,
15220
15220
  selector: 'kendo-pager-prev-buttons',
15221
- template: "\n <span\n [kendoGridFocusable]=\"!disabled\"\n [title]=\"textFor('pagerFirstPage')\"\n (click)=\"currentPage !== 1 ? changePage(0) : false\"\n (keydown.enter)=\"currentPage !== 1 ? changePage(0) : false\"\n [ngClass]=\"{\n 'k-link': true,\n 'k-pager-nav': true,\n 'k-state-disabled': disabled,\n 'k-pager-first': true\n }\">\n <span [attr.aria-label]=\"textFor('pagerFirstPage')\"\n [ngClass]=\"{\n 'k-icon': true,\n 'k-i-seek-w': true\n }\">\n </span>\n </span>\n <span\n [kendoGridFocusable]=\"!disabled\"\n [title]=\"textFor('pagerPreviousPage')\"\n (click)=\"currentPage !== 1 ? changePage(currentPage-2) : false\"\n (keydown.enter)=\"currentPage !== 1 ? changePage(currentPage-2) : false\"\n [ngClass]=\"{\n 'k-link': true,\n 'k-pager-nav': true,\n 'k-state-disabled': disabled,\n '': true\n }\">\n <span [attr.aria-label]=\"textFor('pagerPreviousPage')\"\n [ngClass]=\"{\n 'k-icon': true,\n 'k-i-arrow-w': true\n }\">\n </span>\n </span>\n "
15221
+ template: "\n <span\n [kendoGridFocusable]=\"!disabled\"\n [title]=\"textFor('pagerFirstPage')\"\n (click)=\"currentPage !== 1 ? changePage(0) : false\"\n (keydown.enter)=\"currentPage !== 1 ? changePage(0) : false\"\n role=\"button\"\n [ngClass]=\"{\n 'k-link': true,\n 'k-pager-nav': true,\n 'k-state-disabled': disabled,\n 'k-pager-first': true\n }\">\n <span role=\"note\"\n [attr.aria-label]=\"textFor('pagerFirstPage')\"\n [ngClass]=\"{\n 'k-icon': true,\n 'k-i-seek-w': true\n }\">\n </span>\n </span>\n <span\n [kendoGridFocusable]=\"!disabled\"\n [title]=\"textFor('pagerPreviousPage')\"\n role=\"button\"\n (click)=\"currentPage !== 1 ? changePage(currentPage-2) : false\"\n (keydown.enter)=\"currentPage !== 1 ? changePage(currentPage-2) : false\"\n [ngClass]=\"{\n 'k-link': true,\n 'k-pager-nav': true,\n 'k-state-disabled': disabled,\n '': true\n }\">\n <span role=\"note\"\n [attr.aria-label]=\"textFor('pagerPreviousPage')\"\n [ngClass]=\"{\n 'k-icon': true,\n 'k-i-arrow-w': true\n }\">\n </span>\n </span>\n "
15222
15222
  }),
15223
15223
  __metadata("design:paramtypes", [LocalizationService,
15224
15224
  PagerContextService,
@@ -15263,7 +15263,7 @@ var PagerNextButtonsComponent = /** @class */ (function (_super) {
15263
15263
  Component({
15264
15264
  changeDetection: ChangeDetectionStrategy.OnPush,
15265
15265
  selector: 'kendo-pager-next-buttons',
15266
- template: "\n <span\n [kendoGridFocusable]=\"!disabled\"\n tabindex=\"0\"\n [title]=\"textFor('pagerNextPage')\"\n (click)=\"currentPage !== totalPages ? changePage(currentPage) : false\"\n (keydown.enter)=\"currentPage !== totalPages ? changePage(currentPage) : false\"\n [ngClass]=\"{\n 'k-link': true,\n 'k-pager-nav': true,\n 'k-state-disabled': disabled,\n '': true\n }\">\n <span [attr.aria-label]=\"textFor('pagerNextPage')\"\n [ngClass]=\"{\n 'k-icon':true,\n 'k-i-arrow-e': true\n }\">\n </span>\n </span>\n <span\n [kendoGridFocusable]=\"!disabled\"\n tabindex=\"0\"\n [title]=\"textFor('pagerLastPage')\"\n (click)=\"currentPage !== totalPages ? changePage(totalPages-1) : false\"\n (keydown.enter)=\"currentPage !== totalPages ? changePage(totalPages-1) : false\"\n [ngClass]=\"{\n 'k-link': true,\n 'k-pager-nav': true,\n 'k-state-disabled': disabled,\n 'k-pager-last': true\n }\">\n <span [attr.aria-label]=\"textFor('pagerLastPage')\"\n [ngClass]=\"{\n 'k-icon':true,\n 'k-i-seek-e': true\n }\">\n </span>\n </span>\n "
15266
+ template: "\n <span\n [kendoGridFocusable]=\"!disabled\"\n tabindex=\"0\"\n [title]=\"textFor('pagerNextPage')\"\n (click)=\"currentPage !== totalPages ? changePage(currentPage) : false\"\n (keydown.enter)=\"currentPage !== totalPages ? changePage(currentPage) : false\"\n role=\"button\"\n [ngClass]=\"{\n 'k-link': true,\n 'k-pager-nav': true,\n 'k-state-disabled': disabled,\n '': true\n }\">\n <span role=\"note\" [attr.aria-label]=\"textFor('pagerNextPage')\"\n [ngClass]=\"{\n 'k-icon':true,\n 'k-i-arrow-e': true\n }\">\n </span>\n </span>\n <span\n [kendoGridFocusable]=\"!disabled\"\n tabindex=\"0\"\n [title]=\"textFor('pagerLastPage')\"\n (click)=\"currentPage !== totalPages ? changePage(totalPages-1) : false\"\n (keydown.enter)=\"currentPage !== totalPages ? changePage(totalPages-1) : false\"\n role=\"button\"\n [ngClass]=\"{\n 'k-link': true,\n 'k-pager-nav': true,\n 'k-state-disabled': disabled,\n 'k-pager-last': true\n }\">\n <span role=\"note\" [attr.aria-label]=\"textFor('pagerLastPage')\"\n [ngClass]=\"{\n 'k-icon':true,\n 'k-i-seek-e': true\n }\">\n </span>\n </span>\n "
15267
15267
  }),
15268
15268
  __metadata("design:paramtypes", [LocalizationService,
15269
15269
  PagerContextService,
@@ -15375,7 +15375,7 @@ var PagerNumericButtonsComponent = /** @class */ (function (_super) {
15375
15375
  Component({
15376
15376
  changeDetection: ChangeDetectionStrategy.OnPush,
15377
15377
  selector: 'kendo-pager-numeric-buttons',
15378
- template: "\n <select\n class=\"k-dropdownlist k-pager-nav\"\n kendoGridFocusable\n tabindex=\"0\"\n [value]=\"(currentPage).toString()\"\n (change)=\"onSelectChange($event)\">\n <option *ngIf=\"start > 1\"\n class=\"k-link\"\n value=\"previousButtons\"\n [attr.aria-label]=\"pageLabel(start - 1)\">...\n </option>\n <option *ngFor=\"let num of buttons\"\n [value]=\"num.toString()\"\n [attr.aria-label]=\"pageLabel(num)\"\n [attr.aria-current]=\"currentPage == num ? 'page' : undefined\"\n [ngClass]=\"{'k-link': true, 'k-state-selected':currentPage == num}\">\n {{num}}\n </option>\n <option *ngIf=\"end < totalPages\"\n value=\"nextButtons\"\n class=\"k-link\"\n [attr.aria-label]=\"pageLabel(end + 1)\">...\n </option>\n </select>\n <ul [ngClass]=\"{'k-pager-numbers': true, 'k-reset': true}\">\n <li *ngIf=\"start > 1\">\n <span\n kendoGridFocusable\n tabindex=\"0\"\n class=\"k-link k-pager-nav\"\n [attr.aria-label]=\"pageLabel(start - 1)\"\n (click)=\"changePage(start - 2)\"\n (keydown.enter)=\"changePage(start - 2)\">...</span>\n </li>\n <li *ngFor=\"let num of buttons\">\n <span\n kendoGridFocusable\n tabindex=\"0\"\n [attr.aria-label]=\"pageLabel(num)\"\n [ngClass]=\"{'k-link': true, 'k-state-selected':currentPage == num, 'k-pager-nav': true}\"\n (click)=\"changePage(num - 1)\"\n (keydown.enter)=\"changePage(num - 1)\">\n {{num}}\n </span>\n </li>\n <li *ngIf=\"end < totalPages\">\n <span\n kendoGridFocusable\n tabindex=\"0\"\n class=\"k-link k-pager-nav\"\n [attr.aria-label]=\"pageLabel(end + 1)\"\n (click)=\"changePage(end)\"\n (keydown.enter)=\"changePage(end)\">...</span>\n </li>\n </ul>\n "
15378
+ template: "\n <select\n class=\"k-dropdownlist k-pager-nav\"\n kendoGridFocusable\n tabindex=\"0\"\n [value]=\"(currentPage).toString()\"\n (change)=\"onSelectChange($event)\">\n <option *ngIf=\"start > 1\"\n class=\"k-link\"\n value=\"previousButtons\"\n [attr.aria-label]=\"pageLabel(start - 1)\">...\n </option>\n <option *ngFor=\"let num of buttons\"\n [value]=\"num.toString()\"\n [attr.aria-label]=\"pageLabel(num)\"\n [attr.aria-current]=\"currentPage == num ? 'page' : undefined\"\n [ngClass]=\"{'k-link': true, 'k-state-selected':currentPage == num}\">\n {{num}}\n </option>\n <option *ngIf=\"end < totalPages\"\n value=\"nextButtons\"\n class=\"k-link\"\n [attr.aria-label]=\"pageLabel(end + 1)\">...\n </option>\n </select>\n <ul [ngClass]=\"{'k-pager-numbers': true, 'k-reset': true}\">\n <li *ngIf=\"start > 1\">\n <span\n kendoGridFocusable\n tabindex=\"0\"\n class=\"k-link k-pager-nav\"\n role=\"button\"\n [attr.aria-label]=\"pageLabel(start - 1)\"\n (click)=\"changePage(start - 2)\"\n (keydown.enter)=\"changePage(start - 2)\">...</span>\n </li>\n <li *ngFor=\"let num of buttons\">\n <span\n kendoGridFocusable\n tabindex=\"0\"\n role=\"button\"\n [attr.aria-label]=\"pageLabel(num)\"\n [ngClass]=\"{'k-link': true, 'k-state-selected':currentPage == num, 'k-pager-nav': true}\"\n (click)=\"changePage(num - 1)\"\n (keydown.enter)=\"changePage(num - 1)\">\n {{num}}\n </span>\n </li>\n <li *ngIf=\"end < totalPages\">\n <span\n kendoGridFocusable\n tabindex=\"0\"\n class=\"k-link k-pager-nav\"\n role=\"button\"\n [attr.aria-label]=\"pageLabel(end + 1)\"\n (click)=\"changePage(end)\"\n (keydown.enter)=\"changePage(end)\">...</span>\n </li>\n </ul>\n "
15379
15379
  }),
15380
15380
  __metadata("design:paramtypes", [LocalizationService,
15381
15381
  ChangeDetectorRef,
@@ -11,7 +11,7 @@ exports.packageMetadata = {
11
11
  name: '@progress/kendo-angular-grid',
12
12
  productName: 'Kendo UI for Angular',
13
13
  productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
14
- publishDate: 1643117278,
14
+ publishDate: 1643215637,
15
15
  version: '',
16
16
  licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/?utm_medium=product&utm_source=kendoangular&utm_campaign=kendo-ui-angular-purchase-license-keys-warning'
17
17
  };
@@ -45,7 +45,7 @@ var PagerNextButtonsComponent = /** @class */ (function (_super) {
45
45
  core_1.Component({
46
46
  changeDetection: core_1.ChangeDetectionStrategy.OnPush,
47
47
  selector: 'kendo-pager-next-buttons',
48
- template: "\n <span\n [kendoGridFocusable]=\"!disabled\"\n tabindex=\"0\"\n [title]=\"textFor('pagerNextPage')\"\n (click)=\"currentPage !== totalPages ? changePage(currentPage) : false\"\n (keydown.enter)=\"currentPage !== totalPages ? changePage(currentPage) : false\"\n [ngClass]=\"{\n 'k-link': true,\n 'k-pager-nav': true,\n 'k-state-disabled': disabled,\n '': true\n }\">\n <span [attr.aria-label]=\"textFor('pagerNextPage')\"\n [ngClass]=\"{\n 'k-icon':true,\n 'k-i-arrow-e': true\n }\">\n </span>\n </span>\n <span\n [kendoGridFocusable]=\"!disabled\"\n tabindex=\"0\"\n [title]=\"textFor('pagerLastPage')\"\n (click)=\"currentPage !== totalPages ? changePage(totalPages-1) : false\"\n (keydown.enter)=\"currentPage !== totalPages ? changePage(totalPages-1) : false\"\n [ngClass]=\"{\n 'k-link': true,\n 'k-pager-nav': true,\n 'k-state-disabled': disabled,\n 'k-pager-last': true\n }\">\n <span [attr.aria-label]=\"textFor('pagerLastPage')\"\n [ngClass]=\"{\n 'k-icon':true,\n 'k-i-seek-e': true\n }\">\n </span>\n </span>\n "
48
+ template: "\n <span\n [kendoGridFocusable]=\"!disabled\"\n tabindex=\"0\"\n [title]=\"textFor('pagerNextPage')\"\n (click)=\"currentPage !== totalPages ? changePage(currentPage) : false\"\n (keydown.enter)=\"currentPage !== totalPages ? changePage(currentPage) : false\"\n role=\"button\"\n [ngClass]=\"{\n 'k-link': true,\n 'k-pager-nav': true,\n 'k-state-disabled': disabled,\n '': true\n }\">\n <span role=\"note\" [attr.aria-label]=\"textFor('pagerNextPage')\"\n [ngClass]=\"{\n 'k-icon':true,\n 'k-i-arrow-e': true\n }\">\n </span>\n </span>\n <span\n [kendoGridFocusable]=\"!disabled\"\n tabindex=\"0\"\n [title]=\"textFor('pagerLastPage')\"\n (click)=\"currentPage !== totalPages ? changePage(totalPages-1) : false\"\n (keydown.enter)=\"currentPage !== totalPages ? changePage(totalPages-1) : false\"\n role=\"button\"\n [ngClass]=\"{\n 'k-link': true,\n 'k-pager-nav': true,\n 'k-state-disabled': disabled,\n 'k-pager-last': true\n }\">\n <span role=\"note\" [attr.aria-label]=\"textFor('pagerLastPage')\"\n [ngClass]=\"{\n 'k-icon':true,\n 'k-i-seek-e': true\n }\">\n </span>\n </span>\n "
49
49
  }),
50
50
  tslib_1.__metadata("design:paramtypes", [kendo_angular_l10n_1.LocalizationService,
51
51
  pager_context_service_1.PagerContextService,
@@ -111,7 +111,7 @@ var PagerNumericButtonsComponent = /** @class */ (function (_super) {
111
111
  core_1.Component({
112
112
  changeDetection: core_1.ChangeDetectionStrategy.OnPush,
113
113
  selector: 'kendo-pager-numeric-buttons',
114
- template: "\n <select\n class=\"k-dropdownlist k-pager-nav\"\n kendoGridFocusable\n tabindex=\"0\"\n [value]=\"(currentPage).toString()\"\n (change)=\"onSelectChange($event)\">\n <option *ngIf=\"start > 1\"\n class=\"k-link\"\n value=\"previousButtons\"\n [attr.aria-label]=\"pageLabel(start - 1)\">...\n </option>\n <option *ngFor=\"let num of buttons\"\n [value]=\"num.toString()\"\n [attr.aria-label]=\"pageLabel(num)\"\n [attr.aria-current]=\"currentPage == num ? 'page' : undefined\"\n [ngClass]=\"{'k-link': true, 'k-state-selected':currentPage == num}\">\n {{num}}\n </option>\n <option *ngIf=\"end < totalPages\"\n value=\"nextButtons\"\n class=\"k-link\"\n [attr.aria-label]=\"pageLabel(end + 1)\">...\n </option>\n </select>\n <ul [ngClass]=\"{'k-pager-numbers': true, 'k-reset': true}\">\n <li *ngIf=\"start > 1\">\n <span\n kendoGridFocusable\n tabindex=\"0\"\n class=\"k-link k-pager-nav\"\n [attr.aria-label]=\"pageLabel(start - 1)\"\n (click)=\"changePage(start - 2)\"\n (keydown.enter)=\"changePage(start - 2)\">...</span>\n </li>\n <li *ngFor=\"let num of buttons\">\n <span\n kendoGridFocusable\n tabindex=\"0\"\n [attr.aria-label]=\"pageLabel(num)\"\n [ngClass]=\"{'k-link': true, 'k-state-selected':currentPage == num, 'k-pager-nav': true}\"\n (click)=\"changePage(num - 1)\"\n (keydown.enter)=\"changePage(num - 1)\">\n {{num}}\n </span>\n </li>\n <li *ngIf=\"end < totalPages\">\n <span\n kendoGridFocusable\n tabindex=\"0\"\n class=\"k-link k-pager-nav\"\n [attr.aria-label]=\"pageLabel(end + 1)\"\n (click)=\"changePage(end)\"\n (keydown.enter)=\"changePage(end)\">...</span>\n </li>\n </ul>\n "
114
+ template: "\n <select\n class=\"k-dropdownlist k-pager-nav\"\n kendoGridFocusable\n tabindex=\"0\"\n [value]=\"(currentPage).toString()\"\n (change)=\"onSelectChange($event)\">\n <option *ngIf=\"start > 1\"\n class=\"k-link\"\n value=\"previousButtons\"\n [attr.aria-label]=\"pageLabel(start - 1)\">...\n </option>\n <option *ngFor=\"let num of buttons\"\n [value]=\"num.toString()\"\n [attr.aria-label]=\"pageLabel(num)\"\n [attr.aria-current]=\"currentPage == num ? 'page' : undefined\"\n [ngClass]=\"{'k-link': true, 'k-state-selected':currentPage == num}\">\n {{num}}\n </option>\n <option *ngIf=\"end < totalPages\"\n value=\"nextButtons\"\n class=\"k-link\"\n [attr.aria-label]=\"pageLabel(end + 1)\">...\n </option>\n </select>\n <ul [ngClass]=\"{'k-pager-numbers': true, 'k-reset': true}\">\n <li *ngIf=\"start > 1\">\n <span\n kendoGridFocusable\n tabindex=\"0\"\n class=\"k-link k-pager-nav\"\n role=\"button\"\n [attr.aria-label]=\"pageLabel(start - 1)\"\n (click)=\"changePage(start - 2)\"\n (keydown.enter)=\"changePage(start - 2)\">...</span>\n </li>\n <li *ngFor=\"let num of buttons\">\n <span\n kendoGridFocusable\n tabindex=\"0\"\n role=\"button\"\n [attr.aria-label]=\"pageLabel(num)\"\n [ngClass]=\"{'k-link': true, 'k-state-selected':currentPage == num, 'k-pager-nav': true}\"\n (click)=\"changePage(num - 1)\"\n (keydown.enter)=\"changePage(num - 1)\">\n {{num}}\n </span>\n </li>\n <li *ngIf=\"end < totalPages\">\n <span\n kendoGridFocusable\n tabindex=\"0\"\n class=\"k-link k-pager-nav\"\n role=\"button\"\n [attr.aria-label]=\"pageLabel(end + 1)\"\n (click)=\"changePage(end)\"\n (keydown.enter)=\"changePage(end)\">...</span>\n </li>\n </ul>\n "
115
115
  }),
116
116
  tslib_1.__metadata("design:paramtypes", [kendo_angular_l10n_1.LocalizationService,
117
117
  core_1.ChangeDetectorRef,
@@ -45,7 +45,7 @@ var PagerPrevButtonsComponent = /** @class */ (function (_super) {
45
45
  core_1.Component({
46
46
  changeDetection: core_1.ChangeDetectionStrategy.OnPush,
47
47
  selector: 'kendo-pager-prev-buttons',
48
- template: "\n <span\n [kendoGridFocusable]=\"!disabled\"\n [title]=\"textFor('pagerFirstPage')\"\n (click)=\"currentPage !== 1 ? changePage(0) : false\"\n (keydown.enter)=\"currentPage !== 1 ? changePage(0) : false\"\n [ngClass]=\"{\n 'k-link': true,\n 'k-pager-nav': true,\n 'k-state-disabled': disabled,\n 'k-pager-first': true\n }\">\n <span [attr.aria-label]=\"textFor('pagerFirstPage')\"\n [ngClass]=\"{\n 'k-icon': true,\n 'k-i-seek-w': true\n }\">\n </span>\n </span>\n <span\n [kendoGridFocusable]=\"!disabled\"\n [title]=\"textFor('pagerPreviousPage')\"\n (click)=\"currentPage !== 1 ? changePage(currentPage-2) : false\"\n (keydown.enter)=\"currentPage !== 1 ? changePage(currentPage-2) : false\"\n [ngClass]=\"{\n 'k-link': true,\n 'k-pager-nav': true,\n 'k-state-disabled': disabled,\n '': true\n }\">\n <span [attr.aria-label]=\"textFor('pagerPreviousPage')\"\n [ngClass]=\"{\n 'k-icon': true,\n 'k-i-arrow-w': true\n }\">\n </span>\n </span>\n "
48
+ template: "\n <span\n [kendoGridFocusable]=\"!disabled\"\n [title]=\"textFor('pagerFirstPage')\"\n (click)=\"currentPage !== 1 ? changePage(0) : false\"\n (keydown.enter)=\"currentPage !== 1 ? changePage(0) : false\"\n role=\"button\"\n [ngClass]=\"{\n 'k-link': true,\n 'k-pager-nav': true,\n 'k-state-disabled': disabled,\n 'k-pager-first': true\n }\">\n <span role=\"note\"\n [attr.aria-label]=\"textFor('pagerFirstPage')\"\n [ngClass]=\"{\n 'k-icon': true,\n 'k-i-seek-w': true\n }\">\n </span>\n </span>\n <span\n [kendoGridFocusable]=\"!disabled\"\n [title]=\"textFor('pagerPreviousPage')\"\n role=\"button\"\n (click)=\"currentPage !== 1 ? changePage(currentPage-2) : false\"\n (keydown.enter)=\"currentPage !== 1 ? changePage(currentPage-2) : false\"\n [ngClass]=\"{\n 'k-link': true,\n 'k-pager-nav': true,\n 'k-state-disabled': disabled,\n '': true\n }\">\n <span role=\"note\"\n [attr.aria-label]=\"textFor('pagerPreviousPage')\"\n [ngClass]=\"{\n 'k-icon': true,\n 'k-i-arrow-w': true\n }\">\n </span>\n </span>\n "
49
49
  }),
50
50
  tslib_1.__metadata("design:paramtypes", [kendo_angular_l10n_1.LocalizationService,
51
51
  pager_context_service_1.PagerContextService,