@progress/kendo-angular-grid 11.0.0-develop.79 → 11.0.0-develop.80

package/esm2020/grid.module.mjs

@@ -40,80 +40,81 @@ import * as i6 from "./columns/column-group.component";
 import * as i7 from "./rendering/footer/footer-template.directive";
 import * as i8 from "./rendering/details/detail-template.directive";
 import * as i9 from "./navigation/focusable.directive";
-import * as i10 from "./columns/command-column.component";
-import * as i11 from "./columns/checkbox-column.component";
-import * as i12 from "./selection/selection-checkbox.directive";
-import * as i13 from "./rendering/cell-template.directive";
-import * as i14 from "./rendering/no-records-template.directive";
-import * as i15 from "./editing/edit-template.directive";
-import * as i16 from "./editing/edit-command.directive";
-import * as i17 from "./editing/cancel-command.directive";
-import * as i18 from "./editing/save-command.directive";
-import * as i19 from "./editing/remove-command.directive";
-import * as i20 from "./editing/add-command.directive";
-import * as i21 from "./rendering/cell-loading.template.directive";
-import * as i22 from "./rendering/loading-template.directive";
-import * as i23 from "./rendering/header/header-template.directive";
-import * as i24 from "./selection/selectall-checkbox.directive";
-import * as i25 from "./pager/pager.component";
-import * as i26 from "./pager/pager-prev-buttons.component";
-import * as i27 from "./pager/pager-next-buttons.component";
-import * as i28 from "./pager/pager-numeric-buttons.component";
-import * as i29 from "./pager/pager-input.component";
-import * as i30 from "./pager/pager-info.component";
-import * as i31 from "./pager/pager-page-sizes.component";
-import * as i32 from "./pager/pager-template.directive";
-import * as i33 from "./pager/pager-dropdown.directive";
-import * as i34 from "./pager/pager-input.directive";
-import * as i35 from "./filtering/filter-row.component";
-import * as i36 from "./filtering/cell/filter-cell.component";
-import * as i37 from "./filtering/cell/filter-cell-template.directive";
-import * as i38 from "./filtering/cell/filter-cell-operators.component";
-import * as i39 from "./filtering/cell/string-filter-cell.component";
-import * as i40 from "./filtering/cell/numeric-filter-cell.component";
-import * as i41 from "./filtering/cell/autocomplete-filter-cell.component";
-import * as i42 from "./filtering/cell/boolean-filter-cell.component";
-import * as i43 from "./filtering/cell/date-filter-cell.component";
-import * as i44 from "./filtering/operators/contains-filter-operator.component";
-import * as i45 from "./filtering/operators/not-contains-filter-operator.component";
-import * as i46 from "./filtering/operators/ends-with-filter-operator.component";
-import * as i47 from "./filtering/operators/eq-filter-operator.component";
-import * as i48 from "./filtering/operators/is-empty-filter-operator.component";
-import * as i49 from "./filtering/operators/is-not-empty-filter-operator.component";
-import * as i50 from "./filtering/operators/is-not-null-filter-operator.component";
-import * as i51 from "./filtering/operators/isnull-filter-operator.component";
-import * as i52 from "./filtering/operators/neq-filter-operator.component";
-import * as i53 from "./filtering/operators/starts-with-filter-operator.component";
-import * as i54 from "./filtering/operators/gt-filter-operator.component";
-import * as i55 from "./filtering/operators/gte-filter-operator.component";
-import * as i56 from "./filtering/operators/lt-filter-operator.component";
-import * as i57 from "./filtering/operators/lte-filter-operator.component";
-import * as i58 from "./filtering/operators/after-filter-operator.component";
-import * as i59 from "./filtering/operators/after-eq-filter-operator.component";
-import * as i60 from "./filtering/operators/before-eq-filter-operator.component";
-import * as i61 from "./filtering/operators/before-filter-operator.component";
-import * as i62 from "./filtering/menu/string-filter-menu.component";
-import * as i63 from "./filtering/menu/filter-menu-template.directive";
-import * as i64 from "./filtering/menu/numeric-filter-menu.component";
-import * as i65 from "./filtering/menu/date-filter-menu.component";
-import * as i66 from "./filtering/menu/boolean-filter-menu.component";
-import * as i67 from "./filtering/menu/filter-menu-dropdownlist.directive";
-import * as i68 from "./filtering/menu/filter-radio-button.directive";
-import * as i69 from "./column-menu/column-chooser.component";
-import * as i70 from "./column-menu/column-menu-filter.component";
-import * as i71 from "./column-menu/column-menu-item.component";
-import * as i72 from "./column-menu/column-menu-item-content-template.directive";
-import * as i73 from "./column-menu/column-menu-sort.component";
-import * as i74 from "./column-menu/column-menu-lock.component";
-import * as i75 from "./column-menu/column-menu-stick.component";
-import * as i76 from "./column-menu/column-menu-position.component";
-import * as i77 from "./column-menu/column-menu-chooser.component";
-import * as i78 from "./column-menu/column-menu-template.directive";
-import * as i79 from "./column-menu/column-menu-container.component";
-import * as i80 from "./column-menu/column-menu-item.directive";
-import * as i81 from "./column-menu/column-menu.component";
-import * as i82 from "./column-menu/column-menu-autosize.component";
-import * as i83 from "./column-menu/column-menu-autosize-all.component";
+import * as i10 from "./rendering/grid-table.directive";
+import * as i11 from "./columns/command-column.component";
+import * as i12 from "./columns/checkbox-column.component";
+import * as i13 from "./selection/selection-checkbox.directive";
+import * as i14 from "./rendering/cell-template.directive";
+import * as i15 from "./rendering/no-records-template.directive";
+import * as i16 from "./editing/edit-template.directive";
+import * as i17 from "./editing/edit-command.directive";
+import * as i18 from "./editing/cancel-command.directive";
+import * as i19 from "./editing/save-command.directive";
+import * as i20 from "./editing/remove-command.directive";
+import * as i21 from "./editing/add-command.directive";
+import * as i22 from "./rendering/cell-loading.template.directive";
+import * as i23 from "./rendering/loading-template.directive";
+import * as i24 from "./rendering/header/header-template.directive";
+import * as i25 from "./selection/selectall-checkbox.directive";
+import * as i26 from "./pager/pager.component";
+import * as i27 from "./pager/pager-prev-buttons.component";
+import * as i28 from "./pager/pager-next-buttons.component";
+import * as i29 from "./pager/pager-numeric-buttons.component";
+import * as i30 from "./pager/pager-input.component";
+import * as i31 from "./pager/pager-info.component";
+import * as i32 from "./pager/pager-page-sizes.component";
+import * as i33 from "./pager/pager-template.directive";
+import * as i34 from "./pager/pager-dropdown.directive";
+import * as i35 from "./pager/pager-input.directive";
+import * as i36 from "./filtering/filter-row.component";
+import * as i37 from "./filtering/cell/filter-cell.component";
+import * as i38 from "./filtering/cell/filter-cell-template.directive";
+import * as i39 from "./filtering/cell/filter-cell-operators.component";
+import * as i40 from "./filtering/cell/string-filter-cell.component";
+import * as i41 from "./filtering/cell/numeric-filter-cell.component";
+import * as i42 from "./filtering/cell/autocomplete-filter-cell.component";
+import * as i43 from "./filtering/cell/boolean-filter-cell.component";
+import * as i44 from "./filtering/cell/date-filter-cell.component";
+import * as i45 from "./filtering/operators/contains-filter-operator.component";
+import * as i46 from "./filtering/operators/not-contains-filter-operator.component";
+import * as i47 from "./filtering/operators/ends-with-filter-operator.component";
+import * as i48 from "./filtering/operators/eq-filter-operator.component";
+import * as i49 from "./filtering/operators/is-empty-filter-operator.component";
+import * as i50 from "./filtering/operators/is-not-empty-filter-operator.component";
+import * as i51 from "./filtering/operators/is-not-null-filter-operator.component";
+import * as i52 from "./filtering/operators/isnull-filter-operator.component";
+import * as i53 from "./filtering/operators/neq-filter-operator.component";
+import * as i54 from "./filtering/operators/starts-with-filter-operator.component";
+import * as i55 from "./filtering/operators/gt-filter-operator.component";
+import * as i56 from "./filtering/operators/gte-filter-operator.component";
+import * as i57 from "./filtering/operators/lt-filter-operator.component";
+import * as i58 from "./filtering/operators/lte-filter-operator.component";
+import * as i59 from "./filtering/operators/after-filter-operator.component";
+import * as i60 from "./filtering/operators/after-eq-filter-operator.component";
+import * as i61 from "./filtering/operators/before-eq-filter-operator.component";
+import * as i62 from "./filtering/operators/before-filter-operator.component";
+import * as i63 from "./filtering/menu/string-filter-menu.component";
+import * as i64 from "./filtering/menu/filter-menu-template.directive";
+import * as i65 from "./filtering/menu/numeric-filter-menu.component";
+import * as i66 from "./filtering/menu/date-filter-menu.component";
+import * as i67 from "./filtering/menu/boolean-filter-menu.component";
+import * as i68 from "./filtering/menu/filter-menu-dropdownlist.directive";
+import * as i69 from "./filtering/menu/filter-radio-button.directive";
+import * as i70 from "./column-menu/column-chooser.component";
+import * as i71 from "./column-menu/column-menu-filter.component";
+import * as i72 from "./column-menu/column-menu-item.component";
+import * as i73 from "./column-menu/column-menu-item-content-template.directive";
+import * as i74 from "./column-menu/column-menu-sort.component";
+import * as i75 from "./column-menu/column-menu-lock.component";
+import * as i76 from "./column-menu/column-menu-stick.component";
+import * as i77 from "./column-menu/column-menu-position.component";
+import * as i78 from "./column-menu/column-menu-chooser.component";
+import * as i79 from "./column-menu/column-menu-template.directive";
+import * as i80 from "./column-menu/column-menu-container.component";
+import * as i81 from "./column-menu/column-menu-item.directive";
+import * as i82 from "./column-menu/column-menu.component";
+import * as i83 from "./column-menu/column-menu-autosize.component";
+import * as i84 from "./column-menu/column-menu-autosize-all.component";
 const exportedModules = [
     GridComponent,
     ToolbarTemplateDirective,
@@ -227,7 +228,7 @@ GridModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13
         ReactiveEditingDirective,
         InCellEditingDirective,
         ExpandDetailsDirective,
-        ExpandGroupDirective, i1.GroupHeaderTemplateDirective, i2.GroupHeaderColumnTemplateDirective, i3.GroupFooterTemplateDirective, i4.ColumnComponent, i5.SpanColumnComponent, i6.ColumnGroupComponent, i7.FooterTemplateDirective, i8.DetailTemplateDirective, i9.FocusableDirective, i10.CommandColumnComponent, i11.CheckboxColumnComponent, i12.SelectionCheckboxDirective, i13.CellTemplateDirective, i14.NoRecordsTemplateDirective, i15.EditTemplateDirective, i16.EditCommandDirective, i17.CancelCommandDirective, i18.SaveCommandDirective, i19.RemoveCommandDirective, i20.AddCommandDirective, i21.CellLoadingTemplateDirective, i22.LoadingTemplateDirective, i23.HeaderTemplateDirective, i24.SelectAllCheckboxDirective, i25.PagerComponent, i26.PagerPrevButtonsComponent, i27.PagerNextButtonsComponent, i28.PagerNumericButtonsComponent, i29.PagerInputComponent, i30.PagerInfoComponent, i31.PagerPageSizesComponent, i32.PagerTemplateDirective, i33.PagerDropDownListDirective, i34.PagerInputDirective, i35.FilterRowComponent, i36.FilterCellComponent, i37.FilterCellTemplateDirective, i38.FilterCellOperatorsComponent, i39.StringFilterCellComponent, i40.NumericFilterCellComponent, i41.AutoCompleteFilterCellComponent, i42.BooleanFilterCellComponent, i43.DateFilterCellComponent, i38.FilterCellOperatorsComponent, i44.ContainsFilterOperatorComponent, i45.DoesNotContainFilterOperatorComponent, i46.EndsWithFilterOperatorComponent, i47.EqualFilterOperatorComponent, i48.IsEmptyFilterOperatorComponent, i49.IsNotEmptyFilterOperatorComponent, i50.IsNotNullFilterOperatorComponent, i51.IsNullFilterOperatorComponent, i52.NotEqualFilterOperatorComponent, i53.StartsWithFilterOperatorComponent, i54.GreaterFilterOperatorComponent, i55.GreaterOrEqualToFilterOperatorComponent, i56.LessFilterOperatorComponent, i57.LessOrEqualToFilterOperatorComponent, i58.AfterFilterOperatorComponent, i59.AfterEqFilterOperatorComponent, i60.BeforeEqFilterOperatorComponent, i61.BeforeFilterOperatorComponent, i62.StringFilterMenuComponent, i63.FilterMenuTemplateDirective, i64.NumericFilterMenuComponent, i65.DateFilterMenuComponent, i66.BooleanFilterMenuComponent, i67.FilterMenuDropDownListDirective, i68.BooleanFilterRadioButtonDirective, i38.FilterCellOperatorsComponent, i44.ContainsFilterOperatorComponent, i45.DoesNotContainFilterOperatorComponent, i46.EndsWithFilterOperatorComponent, i47.EqualFilterOperatorComponent, i48.IsEmptyFilterOperatorComponent, i49.IsNotEmptyFilterOperatorComponent, i50.IsNotNullFilterOperatorComponent, i51.IsNullFilterOperatorComponent, i52.NotEqualFilterOperatorComponent, i53.StartsWithFilterOperatorComponent, i54.GreaterFilterOperatorComponent, i55.GreaterOrEqualToFilterOperatorComponent, i56.LessFilterOperatorComponent, i57.LessOrEqualToFilterOperatorComponent, i58.AfterFilterOperatorComponent, i59.AfterEqFilterOperatorComponent, i60.BeforeEqFilterOperatorComponent, i61.BeforeFilterOperatorComponent, i69.ColumnChooserComponent, i70.ColumnMenuFilterComponent, i71.ColumnMenuItemComponent, i72.ColumnMenuItemContentTemplateDirective, i73.ColumnMenuSortComponent, i74.ColumnMenuLockComponent, i75.ColumnMenuStickComponent, i76.ColumnMenuPositionComponent, i77.ColumnMenuChooserComponent, i78.ColumnMenuTemplateDirective, i79.ColumnMenuContainerComponent, i80.ColumnMenuItemDirective, i81.ColumnMenuComponent, i82.ColumnMenuAutoSizeColumnComponent, i83.ColumnMenuAutoSizeAllColumnsComponent] });
+        ExpandGroupDirective, i1.GroupHeaderTemplateDirective, i2.GroupHeaderColumnTemplateDirective, i3.GroupFooterTemplateDirective, i4.ColumnComponent, i5.SpanColumnComponent, i6.ColumnGroupComponent, i7.FooterTemplateDirective, i8.DetailTemplateDirective, i9.FocusableDirective, i10.GridTableDirective, i11.CommandColumnComponent, i12.CheckboxColumnComponent, i13.SelectionCheckboxDirective, i14.CellTemplateDirective, i15.NoRecordsTemplateDirective, i16.EditTemplateDirective, i17.EditCommandDirective, i18.CancelCommandDirective, i19.SaveCommandDirective, i20.RemoveCommandDirective, i21.AddCommandDirective, i22.CellLoadingTemplateDirective, i23.LoadingTemplateDirective, i24.HeaderTemplateDirective, i25.SelectAllCheckboxDirective, i26.PagerComponent, i27.PagerPrevButtonsComponent, i28.PagerNextButtonsComponent, i29.PagerNumericButtonsComponent, i30.PagerInputComponent, i31.PagerInfoComponent, i32.PagerPageSizesComponent, i33.PagerTemplateDirective, i34.PagerDropDownListDirective, i35.PagerInputDirective, i36.FilterRowComponent, i37.FilterCellComponent, i38.FilterCellTemplateDirective, i39.FilterCellOperatorsComponent, i40.StringFilterCellComponent, i41.NumericFilterCellComponent, i42.AutoCompleteFilterCellComponent, i43.BooleanFilterCellComponent, i44.DateFilterCellComponent, i39.FilterCellOperatorsComponent, i45.ContainsFilterOperatorComponent, i46.DoesNotContainFilterOperatorComponent, i47.EndsWithFilterOperatorComponent, i48.EqualFilterOperatorComponent, i49.IsEmptyFilterOperatorComponent, i50.IsNotEmptyFilterOperatorComponent, i51.IsNotNullFilterOperatorComponent, i52.IsNullFilterOperatorComponent, i53.NotEqualFilterOperatorComponent, i54.StartsWithFilterOperatorComponent, i55.GreaterFilterOperatorComponent, i56.GreaterOrEqualToFilterOperatorComponent, i57.LessFilterOperatorComponent, i58.LessOrEqualToFilterOperatorComponent, i59.AfterFilterOperatorComponent, i60.AfterEqFilterOperatorComponent, i61.BeforeEqFilterOperatorComponent, i62.BeforeFilterOperatorComponent, i63.StringFilterMenuComponent, i64.FilterMenuTemplateDirective, i65.NumericFilterMenuComponent, i66.DateFilterMenuComponent, i67.BooleanFilterMenuComponent, i68.FilterMenuDropDownListDirective, i69.BooleanFilterRadioButtonDirective, i39.FilterCellOperatorsComponent, i45.ContainsFilterOperatorComponent, i46.DoesNotContainFilterOperatorComponent, i47.EndsWithFilterOperatorComponent, i48.EqualFilterOperatorComponent, i49.IsEmptyFilterOperatorComponent, i50.IsNotEmptyFilterOperatorComponent, i51.IsNotNullFilterOperatorComponent, i52.IsNullFilterOperatorComponent, i53.NotEqualFilterOperatorComponent, i54.StartsWithFilterOperatorComponent, i55.GreaterFilterOperatorComponent, i56.GreaterOrEqualToFilterOperatorComponent, i57.LessFilterOperatorComponent, i58.LessOrEqualToFilterOperatorComponent, i59.AfterFilterOperatorComponent, i60.AfterEqFilterOperatorComponent, i61.BeforeEqFilterOperatorComponent, i62.BeforeFilterOperatorComponent, i70.ColumnChooserComponent, i71.ColumnMenuFilterComponent, i72.ColumnMenuItemComponent, i73.ColumnMenuItemContentTemplateDirective, i74.ColumnMenuSortComponent, i75.ColumnMenuLockComponent, i76.ColumnMenuStickComponent, i77.ColumnMenuPositionComponent, i78.ColumnMenuChooserComponent, i79.ColumnMenuTemplateDirective, i80.ColumnMenuContainerComponent, i81.ColumnMenuItemDirective, i82.ColumnMenuComponent, i83.ColumnMenuAutoSizeColumnComponent, i84.ColumnMenuAutoSizeAllColumnsComponent] });
 GridModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: GridModule, imports: [[
             CommonModule,
             GroupModule,

package/esm2020/grouping/group-header.component.mjs

@@ -29,9 +29,8 @@ export class GroupHeaderComponent {
         this.totalColumnsCount = 0;
         this.groups = [];
         this.isExpanded = false;
-    }
-    get groupItemClass() {
-        return true;
+        this.groupItemClass = true;
+        this.tableGroupRowClass = true;
     }
     ngDoCheck() {
         const groupArgs = {
@@ -84,7 +83,7 @@ export class GroupHeaderComponent {
     }
 }
 GroupHeaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: GroupHeaderComponent, deps: [{ token: i1.GroupsService }, { token: i2.GroupInfoService }, { token: i3.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
-GroupHeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: GroupHeaderComponent, selector: "[kendoGridGroupHeader]", inputs: { rowIndex: "rowIndex", logicalRowIndex: "logicalRowIndex", item: "item", skipGroupDecoration: "skipGroupDecoration", hasDetails: "hasDetails", totalColumnsCount: "totalColumnsCount", hasGroupHeaderColumn: "hasGroupHeaderColumn", groupHeaderColumns: "groupHeaderColumns", columns: "columns", groups: "groups" }, host: { properties: { "class.k-grouping-row": "this.groupItemClass" } }, ngImport: i0, template: `
+GroupHeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: GroupHeaderComponent, selector: "[kendoGridGroupHeader]", inputs: { rowIndex: "rowIndex", logicalRowIndex: "logicalRowIndex", item: "item", skipGroupDecoration: "skipGroupDecoration", hasDetails: "hasDetails", totalColumnsCount: "totalColumnsCount", hasGroupHeaderColumn: "hasGroupHeaderColumn", groupHeaderColumns: "groupHeaderColumns", columns: "columns", groups: "groups" }, host: { properties: { "class.k-grouping-row": "this.groupItemClass", "class.k-table-group-row": "this.tableGroupRowClass" } }, ngImport: i0, template: `
         <ng-container *ngIf="!skipGroupDecoration">
             <td class="k-group-cell"
                 role="presentation"
@@ -244,4 +243,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
             }], groupItemClass: [{
                 type: HostBinding,
                 args: ['class.k-grouping-row']
+            }], tableGroupRowClass: [{
+                type: HostBinding,
+                args: ['class.k-table-group-row']
             }] } });

package/esm2020/index.mjs

@@ -202,5 +202,7 @@ export { PagerDropDownListDirective } from './pager/pager-dropdown.directive';
 export { GroupHeaderComponent } from './grouping/group-header.component';
 export { GroupPanelComponent } from './grouping/group-panel.component';
 export { GroupIndicatorComponent } from './grouping/group-indicator.component';
+export { SizingOptionsService } from './layout/sizing-options.service';
+export { GridTableDirective } from './rendering/grid-table.directive';
 // Needed as it is an optional injection of the FilterService
 export { MenuTabbingService } from './filtering/menu/menu-tabbing.service';

package/esm2020/layout/sizing-options.service.mjs

@@ -0,0 +1,17 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2022 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { Injectable } from '@angular/core';
+import { Subject } from 'rxjs';
+import * as i0 from "@angular/core";
+export class SizingOptionsService {
+    constructor() {
+        this.changes = new Subject();
+    }
+}
+SizingOptionsService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: SizingOptionsService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+SizingOptionsService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: SizingOptionsService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: SizingOptionsService, decorators: [{
+            type: Injectable
+        }] });

package/esm2020/localization/messages.mjs

@@ -11,7 +11,7 @@ import * as i0 from "@angular/core";
 export class GridMessages extends ComponentMessages {
 }
 GridMessages.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: GridMessages, deps: null, target: i0.ɵɵFactoryTarget.Directive });
-GridMessages.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.11", type: GridMessages, selector: "kendo-grid-messages-base", inputs: { groupPanelEmpty: "groupPanelEmpty", noRecords: "noRecords", pagerLabel: "pagerLabel", pagerFirstPage: "pagerFirstPage", pagerLastPage: "pagerLastPage", pagerPreviousPage: "pagerPreviousPage", pagerNextPage: "pagerNextPage", pagerPage: "pagerPage", pagerItemsPerPage: "pagerItemsPerPage", pagerOf: "pagerOf", pagerItems: "pagerItems", pagerPageNumberInputTitle: "pagerPageNumberInputTitle", filter: "filter", filterInputLabel: "filterInputLabel", filterMenuTitle: "filterMenuTitle", filterMenuOperatorsDropDownLabel: "filterMenuOperatorsDropDownLabel", filterMenuLogicDropDownLabel: "filterMenuLogicDropDownLabel", filterEqOperator: "filterEqOperator", filterNotEqOperator: "filterNotEqOperator", filterIsNullOperator: "filterIsNullOperator", filterIsNotNullOperator: "filterIsNotNullOperator", filterIsEmptyOperator: "filterIsEmptyOperator", filterIsNotEmptyOperator: "filterIsNotEmptyOperator", filterStartsWithOperator: "filterStartsWithOperator", filterContainsOperator: "filterContainsOperator", filterNotContainsOperator: "filterNotContainsOperator", filterEndsWithOperator: "filterEndsWithOperator", filterGteOperator: "filterGteOperator", filterGtOperator: "filterGtOperator", filterLteOperator: "filterLteOperator", filterLtOperator: "filterLtOperator", filterIsTrue: "filterIsTrue", filterIsFalse: "filterIsFalse", filterBooleanAll: "filterBooleanAll", filterAfterOrEqualOperator: "filterAfterOrEqualOperator", filterAfterOperator: "filterAfterOperator", filterBeforeOperator: "filterBeforeOperator", filterBeforeOrEqualOperator: "filterBeforeOrEqualOperator", filterFilterButton: "filterFilterButton", filterClearButton: "filterClearButton", filterAndLogic: "filterAndLogic", filterOrLogic: "filterOrLogic", loading: "loading", gridLabel: "gridLabel", columnMenu: "columnMenu", setColumnPosition: "setColumnPosition", columns: "columns", lock: "lock", unlock: "unlock", stick: "stick", unstick: "unstick", sortable: "sortable", sortAscending: "sortAscending", sortDescending: "sortDescending", autosizeThisColumn: "autosizeThisColumn", autosizeAllColumns: "autosizeAllColumns", sortedAscending: "sortedAscending", sortedDescending: "sortedDescending", sortedDefault: "sortedDefault", columnsApply: "columnsApply", columnsReset: "columnsReset", detailExpand: "detailExpand", detailCollapse: "detailCollapse", filterDateToday: "filterDateToday", filterDateToggle: "filterDateToggle", filterNumericDecrement: "filterNumericDecrement", filterNumericIncrement: "filterNumericIncrement", selectionCheckboxLabel: "selectionCheckboxLabel", selectAllCheckboxLabel: "selectAllCheckboxLabel", groupCollapse: "groupCollapse", groupExpand: "groupExpand" }, usesInheritance: true, ngImport: i0 });
+GridMessages.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.11", type: GridMessages, selector: "kendo-grid-messages-base", inputs: { groupPanelEmpty: "groupPanelEmpty", noRecords: "noRecords", pagerLabel: "pagerLabel", pagerFirstPage: "pagerFirstPage", pagerLastPage: "pagerLastPage", pagerPreviousPage: "pagerPreviousPage", pagerNextPage: "pagerNextPage", pagerPage: "pagerPage", pagerItemsPerPage: "pagerItemsPerPage", pagerOf: "pagerOf", pagerItems: "pagerItems", pagerPageNumberInputTitle: "pagerPageNumberInputTitle", selectPage: "selectPage", filter: "filter", filterInputLabel: "filterInputLabel", filterMenuTitle: "filterMenuTitle", filterMenuOperatorsDropDownLabel: "filterMenuOperatorsDropDownLabel", filterMenuLogicDropDownLabel: "filterMenuLogicDropDownLabel", filterEqOperator: "filterEqOperator", filterNotEqOperator: "filterNotEqOperator", filterIsNullOperator: "filterIsNullOperator", filterIsNotNullOperator: "filterIsNotNullOperator", filterIsEmptyOperator: "filterIsEmptyOperator", filterIsNotEmptyOperator: "filterIsNotEmptyOperator", filterStartsWithOperator: "filterStartsWithOperator", filterContainsOperator: "filterContainsOperator", filterNotContainsOperator: "filterNotContainsOperator", filterEndsWithOperator: "filterEndsWithOperator", filterGteOperator: "filterGteOperator", filterGtOperator: "filterGtOperator", filterLteOperator: "filterLteOperator", filterLtOperator: "filterLtOperator", filterIsTrue: "filterIsTrue", filterIsFalse: "filterIsFalse", filterBooleanAll: "filterBooleanAll", filterAfterOrEqualOperator: "filterAfterOrEqualOperator", filterAfterOperator: "filterAfterOperator", filterBeforeOperator: "filterBeforeOperator", filterBeforeOrEqualOperator: "filterBeforeOrEqualOperator", filterFilterButton: "filterFilterButton", filterClearButton: "filterClearButton", filterAndLogic: "filterAndLogic", filterOrLogic: "filterOrLogic", loading: "loading", gridLabel: "gridLabel", columnMenu: "columnMenu", setColumnPosition: "setColumnPosition", columns: "columns", lock: "lock", unlock: "unlock", stick: "stick", unstick: "unstick", sortable: "sortable", sortAscending: "sortAscending", sortDescending: "sortDescending", autosizeThisColumn: "autosizeThisColumn", autosizeAllColumns: "autosizeAllColumns", sortedAscending: "sortedAscending", sortedDescending: "sortedDescending", sortedDefault: "sortedDefault", columnsApply: "columnsApply", columnsReset: "columnsReset", detailExpand: "detailExpand", detailCollapse: "detailCollapse", filterDateToday: "filterDateToday", filterDateToggle: "filterDateToggle", filterNumericDecrement: "filterNumericDecrement", filterNumericIncrement: "filterNumericIncrement", selectionCheckboxLabel: "selectionCheckboxLabel", selectAllCheckboxLabel: "selectAllCheckboxLabel", groupCollapse: "groupCollapse", groupExpand: "groupExpand" }, usesInheritance: true, ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: GridMessages, decorators: [{
             type: Directive,
             args: [{
@@ -42,6 +42,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
                 type: Input
             }], pagerPageNumberInputTitle: [{
                 type: Input
+            }], selectPage: [{
+                type: Input
             }], filter: [{
                 type: Input
             }], filterInputLabel: [{

package/esm2020/navigation/logical-cell.directive.mjs

@@ -55,6 +55,11 @@ export class LogicalCellDirective {
         }
         this.navigationChange = this.navigationService.changes.subscribe((e) => this.onNavigationChange(e));
     }
+    ngAfterViewInit() {
+        const el = this.element.nativeElement;
+        const elementType = el.tagName.toLowerCase();
+        this.renderer.addClass(el, `k-table-${elementType}`);
+    }
     ngDoCheck() {
         if (!this.navigationService.tableEnabled || this.logicalColIndex === -1) {
             return;

package/esm2020/navigation/logical-row.directive.mjs

@@ -24,6 +24,7 @@ export class LogicalRowDirective {
         this.logicalSlaveCellsCount = 0;
         this.dataRowIndex = -1;
         this.uid = nextId();
+        this.tableRowClass = true;
     }
     get hostRole() {
         return this.logicalSlaveRow ? 'presentation' : 'row';
@@ -62,7 +63,7 @@ export class LogicalRowDirective {
     }
 }
 LogicalRowDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: LogicalRowDirective, deps: [{ token: i1.IdService }, { token: i2.NavigationService }], target: i0.ɵɵFactoryTarget.Directive });
-LogicalRowDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.11", type: LogicalRowDirective, selector: "[kendoGridLogicalRow]", inputs: { logicalRowIndex: "logicalRowIndex", logicalSlaveRow: "logicalSlaveRow", logicalCellsCount: "logicalCellsCount", logicalSlaveCellsCount: "logicalSlaveCellsCount", dataRowIndex: "dataRowIndex", dataItem: "dataItem" }, host: { properties: { "attr.role": "this.hostRole", "attr.aria-rowindex": "this.ariaRowIndex", "attr.aria-owns": "this.ariaOwns" } }, usesOnChanges: true, ngImport: i0 });
+LogicalRowDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.11", type: LogicalRowDirective, selector: "[kendoGridLogicalRow]", inputs: { logicalRowIndex: "logicalRowIndex", logicalSlaveRow: "logicalSlaveRow", logicalCellsCount: "logicalCellsCount", logicalSlaveCellsCount: "logicalSlaveCellsCount", dataRowIndex: "dataRowIndex", dataItem: "dataItem" }, host: { properties: { "attr.role": "this.hostRole", "attr.aria-rowindex": "this.ariaRowIndex", "class.k-table-row": "this.tableRowClass", "attr.aria-owns": "this.ariaOwns" } }, usesOnChanges: true, ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: LogicalRowDirective, decorators: [{
             type: Directive,
             args: [{
@@ -86,6 +87,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
             }], ariaRowIndex: [{
                 type: HostBinding,
                 args: ['attr.aria-rowindex']
+            }], tableRowClass: [{
+                type: HostBinding,
+                args: ['class.k-table-row']
             }], ariaOwns: [{
                 type: HostBinding,
                 args: ['attr.aria-owns']

package/esm2020/package-metadata.mjs

@@ -9,7 +9,7 @@ export const packageMetadata = {
     name: '@progress/kendo-angular-grid',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1672320946,
+    publishDate: 1672394787,
     version: '',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
 };

package/esm2020/pager/pager-element.component.mjs

@@ -2,7 +2,7 @@
 * Copyright © 2022 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
-import { ChangeDetectorRef, Directive } from '@angular/core';
+import { ChangeDetectorRef, Directive, Input } from '@angular/core';
 import { PagerContextService } from "./pager-context.service";
 import { LocalizationService } from '@progress/kendo-angular-l10n';
 import * as i0 from "@angular/core";
@@ -19,6 +19,11 @@ export class PagerElementComponent {
         this.total = this.pagerContext.total;
         this.skip = this.pagerContext.skip;
         this.pageSize = this.pagerContext.pageSize;
+        /**
+         * Sets the pager element sizing option.
+         * @default `medium`
+         */
+        this.size = 'medium';
     }
     /**
      * @hidden
@@ -78,8 +83,10 @@ export class PagerElementComponent {
     }
 }
 PagerElementComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: PagerElementComponent, deps: [{ token: i1.LocalizationService }, { token: i2.PagerContextService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Directive });
-PagerElementComponent.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.11", type: PagerElementComponent, ngImport: i0 });
+PagerElementComponent.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.11", type: PagerElementComponent, inputs: { size: "size" }, ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: PagerElementComponent, decorators: [{
             type: Directive,
             args: [{}]
-        }], ctorParameters: function () { return [{ type: i1.LocalizationService }, { type: i2.PagerContextService }, { type: i0.ChangeDetectorRef }]; } });
+        }], ctorParameters: function () { return [{ type: i1.LocalizationService }, { type: i2.PagerContextService }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { size: [{
+                type: Input
+            }] } });

package/esm2020/pager/pager-input.component.mjs

@@ -14,10 +14,9 @@ import * as i1 from "@progress/kendo-angular-l10n";
 import * as i2 from "./pager-context.service";
 import * as i3 from "./../navigation/navigation.service";
 import * as i4 from "@progress/kendo-angular-inputs";
-import * as i5 from "@angular/common";
-import * as i6 from "./pager-input.directive";
-import * as i7 from "../navigation/focusable.directive";
-import * as i8 from "@progress/kendo-angular-common";
+import * as i5 from "./pager-input.directive";
+import * as i6 from "../navigation/focusable.directive";
+import * as i7 from "@progress/kendo-angular-common";
 /**
  * Displays an input element which allows the typing and rendering of page numbers.
  *
@@ -130,12 +129,11 @@ export class PagerInputComponent extends PagerElementComponent {
 }
 PagerInputComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: PagerInputComponent, deps: [{ token: i1.LocalizationService }, { token: i2.PagerContextService }, { token: i0.NgZone }, { token: i3.NavigationService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
 PagerInputComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: PagerInputComponent, selector: "kendo-pager-input", viewQueries: [{ propertyName: "numericInput", first: true, predicate: NumericTextBoxComponent, descendants: true }], usesInheritance: true, ngImport: i0, template: `
-     <span [ngClass]="{'k-pager-input': true, 'k-label': true}">
+     <span class="k-pager-input k-label">
         {{textFor('pagerPage')}}
         <kendo-numerictextbox
             kendoGridPagerInput
             [kendoGridFocusable]="hasPages"
-            [tabindex]="0"
             [spinners]="false"
             [decimals]="0"
             format="n0"
@@ -143,6 +141,7 @@ PagerInputComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", ve
             [value]="current"
             [min]="hasPages ? 1 : 0"
             [max]="totalPages"
+            [size]="size"
             [autoCorrect]="true"
             [title]="textFor('pagerPageNumberInputTitle')"
             [kendoEventsOutsideAngular]="{
@@ -153,18 +152,17 @@ PagerInputComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", ve
         </kendo-numerictextbox>
         {{textFor('pagerOf')}} {{totalPages}}
      </span>
-    `, isInline: true, components: [{ type: i4.NumericTextBoxComponent, selector: "kendo-numerictextbox", inputs: ["focusableId", "disabled", "readonly", "title", "autoCorrect", "format", "max", "min", "decimals", "placeholder", "step", "spinners", "rangeValidation", "tabindex", "tabIndex", "changeValueOnScroll", "selectOnFocus", "value", "maxlength", "size", "rounded", "fillMode"], outputs: ["valueChange", "focus", "blur"], exportAs: ["kendoNumericTextBox"] }], directives: [{ type: i5.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i6.PagerInputDirective, selector: "[kendoGridPagerInput]" }, { type: i7.FocusableDirective, selector: "[kendoGridFocusable],\n        [kendoGridEditCommand],\n        [kendoGridRemoveCommand],\n        [kendoGridSaveCommand],\n        [kendoGridCancelCommand],\n        [kendoGridSelectionCheckbox]\n    ", inputs: ["kendoGridFocusable"] }, { type: i8.EventsOutsideAngularDirective, selector: "[kendoEventsOutsideAngular]", inputs: ["kendoEventsOutsideAngular", "scope"] }] });
+    `, isInline: true, components: [{ type: i4.NumericTextBoxComponent, selector: "kendo-numerictextbox", inputs: ["focusableId", "disabled", "readonly", "title", "autoCorrect", "format", "max", "min", "decimals", "placeholder", "step", "spinners", "rangeValidation", "tabindex", "tabIndex", "changeValueOnScroll", "selectOnFocus", "value", "maxlength", "size", "rounded", "fillMode"], outputs: ["valueChange", "focus", "blur"], exportAs: ["kendoNumericTextBox"] }], directives: [{ type: i5.PagerInputDirective, selector: "[kendoGridPagerInput]" }, { type: i6.FocusableDirective, selector: "[kendoGridFocusable],\n        [kendoGridEditCommand],\n        [kendoGridRemoveCommand],\n        [kendoGridSaveCommand],\n        [kendoGridCancelCommand],\n        [kendoGridSelectionCheckbox]\n    ", inputs: ["kendoGridFocusable"] }, { type: i7.EventsOutsideAngularDirective, selector: "[kendoEventsOutsideAngular]", inputs: ["kendoEventsOutsideAngular", "scope"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: PagerInputComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'kendo-pager-input',
                     template: `
-     <span [ngClass]="{'k-pager-input': true, 'k-label': true}">
+     <span class="k-pager-input k-label">
         {{textFor('pagerPage')}}
         <kendo-numerictextbox
             kendoGridPagerInput
             [kendoGridFocusable]="hasPages"
-            [tabindex]="0"
             [spinners]="false"
             [decimals]="0"
             format="n0"
@@ -172,6 +170,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
             [value]="current"
             [min]="hasPages ? 1 : 0"
             [max]="totalPages"
+            [size]="size"
             [autoCorrect]="true"
             [title]="textFor('pagerPageNumberInputTitle')"
             [kendoEventsOutsideAngular]="{

package/esm2020/pager/pager-next-buttons.component.mjs

@@ -11,8 +11,8 @@ import * as i0 from "@angular/core";
 import * as i1 from "@progress/kendo-angular-l10n";
 import * as i2 from "./pager-context.service";
 import * as i3 from "./../navigation/navigation.service";
-import * as i4 from "../navigation/focusable.directive";
-import * as i5 from "@angular/common";
+import * as i4 from "@progress/kendo-angular-buttons";
+import * as i5 from "../navigation/focusable.directive";
 /**
  * Displays buttons for navigating to the next and to the last page ([see example]({% slug paging_grid %}#toc-pager-template)).
  */
@@ -40,93 +40,69 @@ export class PagerNextButtonsComponent extends PagerElementComponent {
 }
 PagerNextButtonsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: PagerNextButtonsComponent, deps: [{ token: i1.LocalizationService }, { token: i2.PagerContextService }, { token: i0.ChangeDetectorRef }, { token: i3.NavigationService }], target: i0.ɵɵFactoryTarget.Component });
 PagerNextButtonsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: PagerNextButtonsComponent, selector: "kendo-pager-next-buttons", usesInheritance: true, ngImport: i0, template: `
-        <span
+        <button
+            kendoButton
             [kendoGridFocusable]="!disabled"
-            tabindex="0"
+            type="button"
+            [size]="size"
+            icon="caret-alt-right"
+            fillMode="flat"
+            rounded="none"
+            class="k-pager-nav"
+            [disabled]="disabled"
             [title]="textFor('pagerNextPage')"
-            (click)="currentPage !== totalPages ? changePage(currentPage) : false"
-            (keydown.enter)="currentPage !== totalPages ? changePage(currentPage) : false"
-            role="button"
-            [ngClass]="{
-                'k-link': true,
-                'k-pager-nav': true,
-                'k-disabled': disabled,
-                '': true
-            }">
-            <span role="note" [attr.aria-label]="textFor('pagerNextPage')"
-                [ngClass]="{
-                    'k-icon':true,
-                    'k-i-caret-alt-right': true
-                }">
-            </span>
-        </span>
-        <span
+            [attr.aria-label]="textFor('pagerNextPage')"
+            (click)="currentPage !== totalPages ? changePage(currentPage) : false">
+        </button>
+        <button
+            kendoButton
             [kendoGridFocusable]="!disabled"
-            tabindex="0"
+            type="button"
+            [size]="size"
+            icon="caret-alt-to-right"
+            fillMode="flat"
+            rounded="none"
+            class="k-pager-nav k-pager-last"
+            [disabled]="disabled"
             [title]="textFor('pagerLastPage')"
-            (click)="currentPage !== totalPages ? changePage(totalPages-1) : false"
-            (keydown.enter)="currentPage !== totalPages ? changePage(totalPages-1) : false"
-            role="button"
-            [ngClass]="{
-                'k-link': true,
-                'k-pager-nav': true,
-                'k-disabled': disabled,
-                'k-pager-last': true
-            }">
-            <span role="note" [attr.aria-label]="textFor('pagerLastPage')"
-                [ngClass]="{
-                    'k-icon':true,
-                    'k-i-caret-alt-to-right': true
-                }">
-            </span>
-        </span>
-    `, isInline: true, directives: [{ type: i4.FocusableDirective, selector: "[kendoGridFocusable],\n        [kendoGridEditCommand],\n        [kendoGridRemoveCommand],\n        [kendoGridSaveCommand],\n        [kendoGridCancelCommand],\n        [kendoGridSelectionCheckbox]\n    ", inputs: ["kendoGridFocusable"] }, { type: i5.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+            [attr.aria-label]="textFor('pagerLastPage')"
+            (click)="currentPage !== totalPages ? changePage(totalPages-1) : false">
+        </button>
+    `, isInline: true, components: [{ type: i4.Button, selector: "button[kendoButton], span[kendoButton], kendo-button", inputs: ["toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "role", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }], directives: [{ type: i5.FocusableDirective, selector: "[kendoGridFocusable],\n        [kendoGridEditCommand],\n        [kendoGridRemoveCommand],\n        [kendoGridSaveCommand],\n        [kendoGridCancelCommand],\n        [kendoGridSelectionCheckbox]\n    ", inputs: ["kendoGridFocusable"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: PagerNextButtonsComponent, decorators: [{
             type: Component,
             args: [{
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     selector: 'kendo-pager-next-buttons',
                     template: `
-        <span
+        <button
+            kendoButton
             [kendoGridFocusable]="!disabled"
-            tabindex="0"
+            type="button"
+            [size]="size"
+            icon="caret-alt-right"
+            fillMode="flat"
+            rounded="none"
+            class="k-pager-nav"
+            [disabled]="disabled"
             [title]="textFor('pagerNextPage')"
-            (click)="currentPage !== totalPages ? changePage(currentPage) : false"
-            (keydown.enter)="currentPage !== totalPages ? changePage(currentPage) : false"
-            role="button"
-            [ngClass]="{
-                'k-link': true,
-                'k-pager-nav': true,
-                'k-disabled': disabled,
-                '': true
-            }">
-            <span role="note" [attr.aria-label]="textFor('pagerNextPage')"
-                [ngClass]="{
-                    'k-icon':true,
-                    'k-i-caret-alt-right': true
-                }">
-            </span>
-        </span>
-        <span
+            [attr.aria-label]="textFor('pagerNextPage')"
+            (click)="currentPage !== totalPages ? changePage(currentPage) : false">
+        </button>
+        <button
+            kendoButton
             [kendoGridFocusable]="!disabled"
-            tabindex="0"
+            type="button"
+            [size]="size"
+            icon="caret-alt-to-right"
+            fillMode="flat"
+            rounded="none"
+            class="k-pager-nav k-pager-last"
+            [disabled]="disabled"
             [title]="textFor('pagerLastPage')"
-            (click)="currentPage !== totalPages ? changePage(totalPages-1) : false"
-            (keydown.enter)="currentPage !== totalPages ? changePage(totalPages-1) : false"
-            role="button"
-            [ngClass]="{
-                'k-link': true,
-                'k-pager-nav': true,
-                'k-disabled': disabled,
-                'k-pager-last': true
-            }">
-            <span role="note" [attr.aria-label]="textFor('pagerLastPage')"
-                [ngClass]="{
-                    'k-icon':true,
-                    'k-i-caret-alt-to-right': true
-                }">
-            </span>
-        </span>
+            [attr.aria-label]="textFor('pagerLastPage')"
+            (click)="currentPage !== totalPages ? changePage(totalPages-1) : false">
+        </button>
     `
                 }]
         }], ctorParameters: function () { return [{ type: i1.LocalizationService }, { type: i2.PagerContextService }, { type: i0.ChangeDetectorRef }, { type: i3.NavigationService }]; } });