@progress/kendo-angular-grid 17.0.0-develop.33 → 17.0.0-develop.35

package/{pager → common}/pager-settings.d.ts

@@ -70,6 +70,19 @@ export interface PagerSettings {
      */
     position?: PagerPosition;
 }
+/**
+ * The interface of the `PageSizeItem` options of the `PagerPageSizesComponent`.
+ */
+export interface PageSizeItem {
+    /**
+     * The text that will be displayed for each option in the pager's PageSize selector.
+     */
+    text: string;
+    /**
+     * The value used as the page size. When set to `all`, the page size will be set to match the Grid data `total`.
+     */
+    value: number | 'all';
+}
 /**
  * @hidden
  */

package/directives.d.ts

@@ -110,16 +110,6 @@ import { AddCommandDirective } from "./editing/add-command.directive";
 import { CellLoadingTemplateDirective } from "./rendering/cell-loading.template.directive";
 import { LoadingTemplateDirective } from "./rendering/loading-template.directive";
 import { RowReorderColumnComponent } from "./columns/reorder-column.component";
-import { PagerComponent } from "./pager/pager.component";
-import { PagerPrevButtonsComponent } from "./pager/pager-prev-buttons.component";
-import { PagerNextButtonsComponent } from "./pager/pager-next-buttons.component";
-import { PagerNumericButtonsComponent } from "./pager/pager-numeric-buttons.component";
-import { PagerInputComponent } from "./pager/pager-input.component";
-import { PagerInfoComponent } from "./pager/pager-info.component";
-import { PagerPageSizesComponent } from "./pager/pager-page-sizes.component";
-import { PagerTemplateDirective } from "./pager/pager-template.directive";
-import { PagerDropDownListDirective } from "./pager/pager-dropdown.directive";
-import { PagerInputDirective } from "./pager/pager-input.directive";
 import { GridComponent } from "./grid.component";
 import { ListComponent } from "./rendering/list.component";
 import { ToolbarComponent } from "./rendering/toolbar/toolbar.component";
@@ -226,12 +216,6 @@ export declare const KENDO_GRID_FOOTER_EXPORTS: readonly [typeof FooterComponent
  * Utility array that contains the Body module exports
  */
 export declare const KENDO_GRID_BODY_EXPORTS: readonly [typeof CommandColumnComponent, typeof CheckboxColumnComponent, typeof SelectionCheckboxDirective, typeof CellTemplateDirective, typeof EditTemplateDirective, typeof TableBodyComponent, typeof NoRecordsTemplateDirective, typeof CellComponent, typeof EditCommandDirective, typeof CancelCommandDirective, typeof SaveCommandDirective, typeof RemoveCommandDirective, typeof AddCommandDirective, typeof AddCommandToolbarDirective, typeof CellLoadingTemplateDirective, typeof LoadingTemplateDirective, typeof RowReorderColumnComponent];
-/**
- * @hidden
- *
- * Utility array that contains the Pager module exports
- */
-export declare const KENDO_GRID_PAGER_EXPORTS: readonly [typeof PagerComponent, typeof PagerPrevButtonsComponent, typeof PagerNextButtonsComponent, typeof PagerNumericButtonsComponent, typeof PagerInputComponent, typeof PagerInfoComponent, typeof PagerPageSizesComponent, typeof PagerTemplateDirective, typeof PagerDropDownListDirective, typeof PagerInputDirective];
 /**
  * @hidden
  *
@@ -243,7 +227,7 @@ export declare const KENDO_GRID_DECLARATIONS: readonly [typeof GridComponent, ty
  *
  * Utility array that contains the Grid module exports
  */
-export declare const KENDO_GRID_EXPORTS: readonly [typeof GridComponent, typeof ToolbarTemplateDirective, typeof ToolbarComponent, typeof GridSpacerComponent, typeof StatusBarTemplateDirective, typeof DataBindingDirective, typeof SelectionDirective, typeof CustomMessagesComponent, typeof GroupBindingDirective, typeof TemplateEditingDirective, typeof ReactiveEditingDirective, typeof InCellEditingDirective, typeof ExpandDetailsDirective, typeof ExpandGroupDirective, typeof GridToolbarFocusableDirective, typeof GroupHeaderTemplateDirective, typeof GroupHeaderColumnTemplateDirective, typeof GroupFooterTemplateDirective, typeof GroupHeaderComponent, typeof GroupPanelComponent, typeof ColumnComponent, typeof ColumnGroupComponent, typeof LogicalCellDirective, typeof LogicalRowDirective, typeof FocusableDirective, typeof FooterTemplateDirective, typeof ColGroupComponent, typeof ResizableContainerDirective, typeof TemplateContextDirective, typeof FieldAccessorPipe, typeof DetailTemplateDirective, typeof SpanColumnComponent, typeof LoadingComponent, typeof GridTableDirective, typeof CommandColumnComponent, typeof CheckboxColumnComponent, typeof SelectionCheckboxDirective, typeof CellTemplateDirective, typeof EditTemplateDirective, typeof TableBodyComponent, typeof NoRecordsTemplateDirective, typeof CellComponent, typeof EditCommandDirective, typeof CancelCommandDirective, typeof SaveCommandDirective, typeof RemoveCommandDirective, typeof AddCommandDirective, typeof AddCommandToolbarDirective, typeof CellLoadingTemplateDirective, typeof LoadingTemplateDirective, typeof RowReorderColumnComponent, typeof HeaderComponent, typeof HeaderTemplateDirective, typeof ColumnHandleDirective, typeof SelectAllCheckboxDirective, typeof PagerComponent, typeof PagerPrevButtonsComponent, typeof PagerNextButtonsComponent, typeof PagerNumericButtonsComponent, typeof PagerInputComponent, typeof PagerInfoComponent, typeof PagerPageSizesComponent, typeof PagerTemplateDirective, typeof PagerDropDownListDirective, typeof PagerInputDirective, typeof FilterRowComponent, typeof FilterCellComponent, typeof FilterCellTemplateDirective, typeof StringFilterCellComponent, typeof NumericFilterCellComponent, typeof AutoCompleteFilterCellComponent, typeof BooleanFilterCellComponent, typeof FilterCellHostDirective, typeof FilterCellWrapperComponent, typeof DateFilterCellComponent, typeof FilterCellOperatorsComponent, typeof ContainsFilterOperatorComponent, typeof DoesNotContainFilterOperatorComponent, typeof EndsWithFilterOperatorComponent, typeof EqualFilterOperatorComponent, typeof IsEmptyFilterOperatorComponent, typeof IsNotEmptyFilterOperatorComponent, typeof IsNotNullFilterOperatorComponent, typeof IsNullFilterOperatorComponent, typeof NotEqualFilterOperatorComponent, typeof StartsWithFilterOperatorComponent, typeof GreaterFilterOperatorComponent, typeof GreaterOrEqualToFilterOperatorComponent, typeof LessFilterOperatorComponent, typeof LessOrEqualToFilterOperatorComponent, typeof AfterFilterOperatorComponent, typeof AfterEqFilterOperatorComponent, typeof BeforeEqFilterOperatorComponent, typeof BeforeFilterOperatorComponent, typeof FilterMenuComponent, typeof FilterMenuContainerComponent, typeof FilterMenuInputWrapperComponent, typeof StringFilterMenuInputComponent, typeof StringFilterMenuComponent, typeof FilterMenuTemplateDirective, typeof NumericFilterMenuComponent, typeof NumericFilterMenuInputComponent, typeof DateFilterMenuInputComponent, typeof DateFilterMenuComponent, typeof FilterMenuHostDirective, typeof BooleanFilterMenuComponent, typeof FilterMenuDropDownListDirective, typeof BooleanFilterRadioButtonDirective, typeof ColumnChooserComponent, typeof ColumnMenuFilterComponent, typeof ColumnMenuItemComponent, typeof ColumnMenuItemContentTemplateDirective, typeof ColumnMenuSortComponent, typeof ColumnMenuLockComponent, typeof ColumnMenuStickComponent, typeof ColumnMenuPositionComponent, typeof ColumnMenuChooserComponent, typeof ColumnMenuTemplateDirective, typeof ColumnMenuContainerComponent, typeof ColumnMenuItemDirective, typeof ColumnMenuComponent, typeof ColumnMenuAutoSizeColumnComponent, typeof ColumnMenuAutoSizeAllColumnsComponent, typeof GridClipboardDirective];
+export declare const KENDO_GRID_EXPORTS: readonly [typeof GridComponent, typeof ToolbarTemplateDirective, typeof ToolbarComponent, typeof GridSpacerComponent, typeof StatusBarTemplateDirective, typeof DataBindingDirective, typeof SelectionDirective, typeof CustomMessagesComponent, typeof GroupBindingDirective, typeof TemplateEditingDirective, typeof ReactiveEditingDirective, typeof InCellEditingDirective, typeof ExpandDetailsDirective, typeof ExpandGroupDirective, typeof GridToolbarFocusableDirective, typeof GroupHeaderTemplateDirective, typeof GroupHeaderColumnTemplateDirective, typeof GroupFooterTemplateDirective, typeof GroupHeaderComponent, typeof GroupPanelComponent, typeof ColumnComponent, typeof ColumnGroupComponent, typeof LogicalCellDirective, typeof LogicalRowDirective, typeof FocusableDirective, typeof FooterTemplateDirective, typeof ColGroupComponent, typeof ResizableContainerDirective, typeof TemplateContextDirective, typeof FieldAccessorPipe, typeof DetailTemplateDirective, typeof SpanColumnComponent, typeof LoadingComponent, typeof GridTableDirective, typeof CommandColumnComponent, typeof CheckboxColumnComponent, typeof SelectionCheckboxDirective, typeof CellTemplateDirective, typeof EditTemplateDirective, typeof TableBodyComponent, typeof NoRecordsTemplateDirective, typeof CellComponent, typeof EditCommandDirective, typeof CancelCommandDirective, typeof SaveCommandDirective, typeof RemoveCommandDirective, typeof AddCommandDirective, typeof AddCommandToolbarDirective, typeof CellLoadingTemplateDirective, typeof LoadingTemplateDirective, typeof RowReorderColumnComponent, typeof HeaderComponent, typeof HeaderTemplateDirective, typeof ColumnHandleDirective, typeof SelectAllCheckboxDirective, typeof FilterRowComponent, typeof FilterCellComponent, typeof FilterCellTemplateDirective, typeof StringFilterCellComponent, typeof NumericFilterCellComponent, typeof AutoCompleteFilterCellComponent, typeof BooleanFilterCellComponent, typeof FilterCellHostDirective, typeof FilterCellWrapperComponent, typeof DateFilterCellComponent, typeof FilterCellOperatorsComponent, typeof ContainsFilterOperatorComponent, typeof DoesNotContainFilterOperatorComponent, typeof EndsWithFilterOperatorComponent, typeof EqualFilterOperatorComponent, typeof IsEmptyFilterOperatorComponent, typeof IsNotEmptyFilterOperatorComponent, typeof IsNotNullFilterOperatorComponent, typeof IsNullFilterOperatorComponent, typeof NotEqualFilterOperatorComponent, typeof StartsWithFilterOperatorComponent, typeof GreaterFilterOperatorComponent, typeof GreaterOrEqualToFilterOperatorComponent, typeof LessFilterOperatorComponent, typeof LessOrEqualToFilterOperatorComponent, typeof AfterFilterOperatorComponent, typeof AfterEqFilterOperatorComponent, typeof BeforeEqFilterOperatorComponent, typeof BeforeFilterOperatorComponent, typeof FilterMenuComponent, typeof FilterMenuContainerComponent, typeof FilterMenuInputWrapperComponent, typeof StringFilterMenuInputComponent, typeof StringFilterMenuComponent, typeof FilterMenuTemplateDirective, typeof NumericFilterMenuComponent, typeof NumericFilterMenuInputComponent, typeof DateFilterMenuInputComponent, typeof DateFilterMenuComponent, typeof FilterMenuHostDirective, typeof BooleanFilterMenuComponent, typeof FilterMenuDropDownListDirective, typeof BooleanFilterRadioButtonDirective, typeof ColumnChooserComponent, typeof ColumnMenuFilterComponent, typeof ColumnMenuItemComponent, typeof ColumnMenuItemContentTemplateDirective, typeof ColumnMenuSortComponent, typeof ColumnMenuLockComponent, typeof ColumnMenuStickComponent, typeof ColumnMenuPositionComponent, typeof ColumnMenuChooserComponent, typeof ColumnMenuTemplateDirective, typeof ColumnMenuContainerComponent, typeof ColumnMenuItemDirective, typeof ColumnMenuComponent, typeof ColumnMenuAutoSizeColumnComponent, typeof ColumnMenuAutoSizeAllColumnsComponent, typeof import("@progress/kendo-angular-pager").CustomMessagesComponent, typeof import("@progress/kendo-angular-pager").PagerFocusableDirective, typeof import("@progress/kendo-angular-pager").PagerInfoComponent, typeof import("@progress/kendo-angular-pager").PagerInputComponent, typeof import("@progress/kendo-angular-pager").PagerNextButtonsComponent, typeof import("@progress/kendo-angular-pager").PagerNumericButtonsComponent, typeof import("@progress/kendo-angular-pager").PagerPageSizesComponent, typeof import("@progress/kendo-angular-pager").PagerPrevButtonsComponent, typeof import("@progress/kendo-angular-pager").PagerTemplateDirective, typeof import("@progress/kendo-angular-pager").PagerComponent, typeof import("@progress/kendo-angular-pager").PagerSpacerComponent, typeof GridClipboardDirective];
 /**
  * @hidden
  *
@@ -259,4 +243,4 @@ export declare const KENDO_GRID_PDF_EXPORT: readonly [typeof PDFComponent, typeo
 /**
  * Utility array that contains all `Grid` related components and directives
  */
-export declare const KENDO_GRID: readonly [typeof GridComponent, typeof ToolbarTemplateDirective, typeof ToolbarComponent, typeof GridSpacerComponent, typeof StatusBarTemplateDirective, typeof DataBindingDirective, typeof SelectionDirective, typeof CustomMessagesComponent, typeof GroupBindingDirective, typeof TemplateEditingDirective, typeof ReactiveEditingDirective, typeof InCellEditingDirective, typeof ExpandDetailsDirective, typeof ExpandGroupDirective, typeof GridToolbarFocusableDirective, typeof GroupHeaderTemplateDirective, typeof GroupHeaderColumnTemplateDirective, typeof GroupFooterTemplateDirective, typeof GroupHeaderComponent, typeof GroupPanelComponent, typeof ColumnComponent, typeof ColumnGroupComponent, typeof LogicalCellDirective, typeof LogicalRowDirective, typeof FocusableDirective, typeof FooterTemplateDirective, typeof ColGroupComponent, typeof ResizableContainerDirective, typeof TemplateContextDirective, typeof FieldAccessorPipe, typeof DetailTemplateDirective, typeof SpanColumnComponent, typeof LoadingComponent, typeof GridTableDirective, typeof CommandColumnComponent, typeof CheckboxColumnComponent, typeof SelectionCheckboxDirective, typeof CellTemplateDirective, typeof EditTemplateDirective, typeof TableBodyComponent, typeof NoRecordsTemplateDirective, typeof CellComponent, typeof EditCommandDirective, typeof CancelCommandDirective, typeof SaveCommandDirective, typeof RemoveCommandDirective, typeof AddCommandDirective, typeof AddCommandToolbarDirective, typeof CellLoadingTemplateDirective, typeof LoadingTemplateDirective, typeof RowReorderColumnComponent, typeof HeaderComponent, typeof HeaderTemplateDirective, typeof ColumnHandleDirective, typeof SelectAllCheckboxDirective, typeof PagerComponent, typeof PagerPrevButtonsComponent, typeof PagerNextButtonsComponent, typeof PagerNumericButtonsComponent, typeof PagerInputComponent, typeof PagerInfoComponent, typeof PagerPageSizesComponent, typeof PagerTemplateDirective, typeof PagerDropDownListDirective, typeof PagerInputDirective, typeof FilterRowComponent, typeof FilterCellComponent, typeof FilterCellTemplateDirective, typeof StringFilterCellComponent, typeof NumericFilterCellComponent, typeof AutoCompleteFilterCellComponent, typeof BooleanFilterCellComponent, typeof FilterCellHostDirective, typeof FilterCellWrapperComponent, typeof DateFilterCellComponent, typeof FilterCellOperatorsComponent, typeof ContainsFilterOperatorComponent, typeof DoesNotContainFilterOperatorComponent, typeof EndsWithFilterOperatorComponent, typeof EqualFilterOperatorComponent, typeof IsEmptyFilterOperatorComponent, typeof IsNotEmptyFilterOperatorComponent, typeof IsNotNullFilterOperatorComponent, typeof IsNullFilterOperatorComponent, typeof NotEqualFilterOperatorComponent, typeof StartsWithFilterOperatorComponent, typeof GreaterFilterOperatorComponent, typeof GreaterOrEqualToFilterOperatorComponent, typeof LessFilterOperatorComponent, typeof LessOrEqualToFilterOperatorComponent, typeof AfterFilterOperatorComponent, typeof AfterEqFilterOperatorComponent, typeof BeforeEqFilterOperatorComponent, typeof BeforeFilterOperatorComponent, typeof FilterMenuComponent, typeof FilterMenuContainerComponent, typeof FilterMenuInputWrapperComponent, typeof StringFilterMenuInputComponent, typeof StringFilterMenuComponent, typeof FilterMenuTemplateDirective, typeof NumericFilterMenuComponent, typeof NumericFilterMenuInputComponent, typeof DateFilterMenuInputComponent, typeof DateFilterMenuComponent, typeof FilterMenuHostDirective, typeof BooleanFilterMenuComponent, typeof FilterMenuDropDownListDirective, typeof BooleanFilterRadioButtonDirective, typeof ColumnChooserComponent, typeof ColumnMenuFilterComponent, typeof ColumnMenuItemComponent, typeof ColumnMenuItemContentTemplateDirective, typeof ColumnMenuSortComponent, typeof ColumnMenuLockComponent, typeof ColumnMenuStickComponent, typeof ColumnMenuPositionComponent, typeof ColumnMenuChooserComponent, typeof ColumnMenuTemplateDirective, typeof ColumnMenuContainerComponent, typeof ColumnMenuItemDirective, typeof ColumnMenuComponent, typeof ColumnMenuAutoSizeColumnComponent, typeof ColumnMenuAutoSizeAllColumnsComponent, typeof GridClipboardDirective, typeof ExcelComponent, typeof ExcelCommandDirective, typeof ExcelCommandToolbarDirective, typeof PDFComponent, typeof PDFMarginComponent, typeof PDFCommandDirective, typeof PDFTemplateDirective, typeof PDFCommandToolbarDirective];
+export declare const KENDO_GRID: readonly [typeof GridComponent, typeof ToolbarTemplateDirective, typeof ToolbarComponent, typeof GridSpacerComponent, typeof StatusBarTemplateDirective, typeof DataBindingDirective, typeof SelectionDirective, typeof CustomMessagesComponent, typeof GroupBindingDirective, typeof TemplateEditingDirective, typeof ReactiveEditingDirective, typeof InCellEditingDirective, typeof ExpandDetailsDirective, typeof ExpandGroupDirective, typeof GridToolbarFocusableDirective, typeof GroupHeaderTemplateDirective, typeof GroupHeaderColumnTemplateDirective, typeof GroupFooterTemplateDirective, typeof GroupHeaderComponent, typeof GroupPanelComponent, typeof ColumnComponent, typeof ColumnGroupComponent, typeof LogicalCellDirective, typeof LogicalRowDirective, typeof FocusableDirective, typeof FooterTemplateDirective, typeof ColGroupComponent, typeof ResizableContainerDirective, typeof TemplateContextDirective, typeof FieldAccessorPipe, typeof DetailTemplateDirective, typeof SpanColumnComponent, typeof LoadingComponent, typeof GridTableDirective, typeof CommandColumnComponent, typeof CheckboxColumnComponent, typeof SelectionCheckboxDirective, typeof CellTemplateDirective, typeof EditTemplateDirective, typeof TableBodyComponent, typeof NoRecordsTemplateDirective, typeof CellComponent, typeof EditCommandDirective, typeof CancelCommandDirective, typeof SaveCommandDirective, typeof RemoveCommandDirective, typeof AddCommandDirective, typeof AddCommandToolbarDirective, typeof CellLoadingTemplateDirective, typeof LoadingTemplateDirective, typeof RowReorderColumnComponent, typeof HeaderComponent, typeof HeaderTemplateDirective, typeof ColumnHandleDirective, typeof SelectAllCheckboxDirective, typeof FilterRowComponent, typeof FilterCellComponent, typeof FilterCellTemplateDirective, typeof StringFilterCellComponent, typeof NumericFilterCellComponent, typeof AutoCompleteFilterCellComponent, typeof BooleanFilterCellComponent, typeof FilterCellHostDirective, typeof FilterCellWrapperComponent, typeof DateFilterCellComponent, typeof FilterCellOperatorsComponent, typeof ContainsFilterOperatorComponent, typeof DoesNotContainFilterOperatorComponent, typeof EndsWithFilterOperatorComponent, typeof EqualFilterOperatorComponent, typeof IsEmptyFilterOperatorComponent, typeof IsNotEmptyFilterOperatorComponent, typeof IsNotNullFilterOperatorComponent, typeof IsNullFilterOperatorComponent, typeof NotEqualFilterOperatorComponent, typeof StartsWithFilterOperatorComponent, typeof GreaterFilterOperatorComponent, typeof GreaterOrEqualToFilterOperatorComponent, typeof LessFilterOperatorComponent, typeof LessOrEqualToFilterOperatorComponent, typeof AfterFilterOperatorComponent, typeof AfterEqFilterOperatorComponent, typeof BeforeEqFilterOperatorComponent, typeof BeforeFilterOperatorComponent, typeof FilterMenuComponent, typeof FilterMenuContainerComponent, typeof FilterMenuInputWrapperComponent, typeof StringFilterMenuInputComponent, typeof StringFilterMenuComponent, typeof FilterMenuTemplateDirective, typeof NumericFilterMenuComponent, typeof NumericFilterMenuInputComponent, typeof DateFilterMenuInputComponent, typeof DateFilterMenuComponent, typeof FilterMenuHostDirective, typeof BooleanFilterMenuComponent, typeof FilterMenuDropDownListDirective, typeof BooleanFilterRadioButtonDirective, typeof ColumnChooserComponent, typeof ColumnMenuFilterComponent, typeof ColumnMenuItemComponent, typeof ColumnMenuItemContentTemplateDirective, typeof ColumnMenuSortComponent, typeof ColumnMenuLockComponent, typeof ColumnMenuStickComponent, typeof ColumnMenuPositionComponent, typeof ColumnMenuChooserComponent, typeof ColumnMenuTemplateDirective, typeof ColumnMenuContainerComponent, typeof ColumnMenuItemDirective, typeof ColumnMenuComponent, typeof ColumnMenuAutoSizeColumnComponent, typeof ColumnMenuAutoSizeAllColumnsComponent, typeof import("@progress/kendo-angular-pager").CustomMessagesComponent, typeof import("@progress/kendo-angular-pager").PagerFocusableDirective, typeof import("@progress/kendo-angular-pager").PagerInfoComponent, typeof import("@progress/kendo-angular-pager").PagerInputComponent, typeof import("@progress/kendo-angular-pager").PagerNextButtonsComponent, typeof import("@progress/kendo-angular-pager").PagerNumericButtonsComponent, typeof import("@progress/kendo-angular-pager").PagerPageSizesComponent, typeof import("@progress/kendo-angular-pager").PagerPrevButtonsComponent, typeof import("@progress/kendo-angular-pager").PagerTemplateDirective, typeof import("@progress/kendo-angular-pager").PagerComponent, typeof import("@progress/kendo-angular-pager").PagerSpacerComponent, typeof GridClipboardDirective, typeof ExcelComponent, typeof ExcelCommandDirective, typeof ExcelCommandToolbarDirective, typeof PDFComponent, typeof PDFMarginComponent, typeof PDFCommandDirective, typeof PDFTemplateDirective, typeof PDFCommandToolbarDirective];

package/esm2022/directives.mjs

@@ -118,16 +118,6 @@ import { AddCommandDirective } from "./editing/add-command.directive";
 import { CellLoadingTemplateDirective } from "./rendering/cell-loading.template.directive";
 import { LoadingTemplateDirective } from "./rendering/loading-template.directive";
 import { RowReorderColumnComponent } from "./columns/reorder-column.component";
-import { PagerComponent } from "./pager/pager.component";
-import { PagerPrevButtonsComponent } from "./pager/pager-prev-buttons.component";
-import { PagerNextButtonsComponent } from "./pager/pager-next-buttons.component";
-import { PagerNumericButtonsComponent } from "./pager/pager-numeric-buttons.component";
-import { PagerInputComponent } from "./pager/pager-input.component";
-import { PagerInfoComponent } from "./pager/pager-info.component";
-import { PagerPageSizesComponent } from "./pager/pager-page-sizes.component";
-import { PagerTemplateDirective } from "./pager/pager-template.directive";
-import { PagerDropDownListDirective } from "./pager/pager-dropdown.directive";
-import { PagerInputDirective } from "./pager/pager-input.directive";
 import { GridComponent } from "./grid.component";
 import { ListComponent } from "./rendering/list.component";
 import { ToolbarComponent } from "./rendering/toolbar/toolbar.component";
@@ -149,6 +139,7 @@ import { StatusBarComponent } from "./aggregates/status-bar.component";
 import { StatusBarTemplateDirective } from "./aggregates/status-bar-template.directive";
 import { GridClipboardDirective } from "./common/clipboard.directive";
 import { TemplateContextDirective } from "@progress/kendo-angular-common";
+import { KENDO_PAGER } from "@progress/kendo-angular-pager";
 import { PDFCommandToolbarDirective } from "./pdf/pdf-command-tool.directive";
 import { ExcelCommandToolbarDirective } from "./excel/excel-command-tool.directive";
 import { AddCommandToolbarDirective } from "./editing/add-command-tool.directive";
@@ -371,23 +362,6 @@ export const KENDO_GRID_BODY_EXPORTS = [
     LoadingTemplateDirective,
     RowReorderColumnComponent
 ];
-/**
- * @hidden
- *
- * Utility array that contains the Pager module exports
- */
-export const KENDO_GRID_PAGER_EXPORTS = [
-    PagerComponent,
-    PagerPrevButtonsComponent,
-    PagerNextButtonsComponent,
-    PagerNumericButtonsComponent,
-    PagerInputComponent,
-    PagerInfoComponent,
-    PagerPageSizesComponent,
-    PagerTemplateDirective,
-    PagerDropDownListDirective,
-    PagerInputDirective
-];
 /**
  * @hidden
  *
@@ -440,11 +414,11 @@ export const KENDO_GRID_EXPORTS = [
     ...KENDO_GRID_SHARED,
     ...KENDO_GRID_BODY_EXPORTS,
     ...KENDO_GRID_HEADER_EXPORTS,
-    ...KENDO_GRID_PAGER_EXPORTS,
     ...KENDO_GRID_FILTER_ROW_EXPORTS,
     ...KENDO_GRID_FILTER_OPERATORS,
     ...KENDO_GRID_FILTER_MENU_EXPORTS,
     ...KENDO_GRID_COLUMN_MENU_EXPORTS,
+    ...KENDO_PAGER,
     GridClipboardDirective
 ];
 /**

package/esm2022/grid.component.mjs

@@ -13,6 +13,7 @@ import { ColumnComponent, isColumnComponent } from './columns/column.component';
 import { isSpanColumnComponent } from './columns/span-column.component';
 import { isColumnGroupComponent, ColumnGroupComponent } from './columns/column-group.component';
 import { DetailTemplateDirective } from './rendering/details/detail-template.directive';
+import { normalize } from './common/pager-settings';
 import { isArray, anyChanged, isChanged, isPresent, isUniversal, observe, isTruthy, createPromise, hasObservers } from './utils';
 import { BrowserSupportService } from './layout/browser-support.service';
 import { DataResultIterator, DataCollection } from './data/data.collection';
@@ -30,8 +31,6 @@ import { syncRowsHeight } from './layout/row-sync';
 import { CELL_CONTEXT, EMPTY_CELL_CONTEXT } from './rendering/common/cell-context';
 import { L10N_PREFIX, LocalizationService } from '@progress/kendo-angular-l10n';
 import { FilterService } from './filtering/filter.service';
-import { PagerTemplateDirective } from './pager/pager-template.directive';
-import { PagerContextService } from "./pager/pager-context.service";
 import { PDFService } from './pdf/pdf.service';
 import { PDFExportEvent } from './pdf/pdf-export-event';
 import { SuspendService } from './scrolling/suspend.service';
@@ -91,11 +90,11 @@ import { ColGroupComponent } from './rendering/common/col-group.component';
 import { GridTableDirective } from './rendering/grid-table.directive';
 import { TableDirective } from './column-resizing/table.directive';
 import { GroupPanelComponent } from './grouping/group-panel.component';
-import { PagerComponent } from './pager/pager.component';
+import { NgIf, NgTemplateOutlet } from '@angular/common';
 import { ToolbarComponent as GridToolbarComponent } from './rendering/toolbar/toolbar.component';
-import { NgIf } from '@angular/common';
 import { LocalizedMessagesDirective } from './localization/localized-messages.directive';
 import { IconWrapperComponent } from '@progress/kendo-angular-icons';
+import { PagerTemplateDirective, PagerContextService, PagerNavigationService, KENDO_PAGER } from '@progress/kendo-angular-pager';
 import * as i0 from "@angular/core";
 import * as i1 from "./layout/browser-support.service";
 import * as i2 from "./selection/selection.service";
@@ -121,6 +120,7 @@ import * as i21 from "@progress/kendo-angular-l10n";
 import * as i22 from "./common/provider.service";
 import * as i23 from "./layout/sizing-options.service";
 import * as i24 from "./row-reordering/row-reorder.service";
+import * as i25 from "@progress/kendo-angular-pager";
 const createControl = (source) => (acc, key) => {
     acc[key] = new FormControl(source[key]);
     return acc;
@@ -291,8 +291,6 @@ export class GridComponent {
             this._group = value;
         }
     }
-    /**
-     */
     get group() {
         return this._group;
     }
@@ -382,6 +380,9 @@ export class GridComponent {
      * @default false
      */
     pageable = false;
+    get normalizedPageableSettings() {
+        return normalize(this.pageable);
+    }
     /**
      * If set to `true`, the user can group the Grid by dragging the column header cells ([see example]({% slug grouping_grid %})).
      * @default false
@@ -806,7 +807,7 @@ export class GridComponent {
     }
     get headerPadding() {
         if (isUniversal()) {
-            return "";
+            return '';
         }
         const padding = Math.max(0, this.scrollbarWidth) + 'px';
         const right = this.rtl ? 0 : padding;
@@ -1311,9 +1312,7 @@ export class GridComponent {
     /**
      * @hidden
      */
-    messageFor(token) {
-        return this.localization.get(token);
-    }
+    messageFor = token => this.localization.get(token);
     /**
      * Switches the specified table row in the edit mode ([see example]({% slug inline_editing_grid %}#toc-editing-records-1)).
      *
@@ -2170,6 +2169,7 @@ export class GridComponent {
             FilterService,
             ResponsiveService,
             PagerContextService,
+            PagerNavigationService,
             ExcelService,
             ScrollSyncService,
             ResizeService,
@@ -2229,6 +2229,9 @@ export class GridComponent {
             i18n-pagerItemsPerPage="kendo.grid.pagerItemsPerPage|The label for the page size chooser in the Grid pager"
             pagerItemsPerPage="items per page"
 
+            i18n-pagerInputLabel="kendo.grid.pagerInputLabel|The text of the aria-label attribute applied to the input element for entering the page number"
+            pagerInputLabel="Type a page number"
+
             i18n-filter="kendo.grid.filter|The label of the filter cell or icon"
             filter="Filter"
 
@@ -2412,8 +2415,8 @@ export class GridComponent {
             i18n-groupExpand="kendo.grid.groupExpand|The text of the title and aria-label attributes applied to the expand icon of group rows."
             groupExpand="Expand Group"
 
-            i18n-selectPage="kendo.grid.selectPage|The text of the title and aria-label attributes applied to the page chooser in the Grid Pager"
-            selectPage="Select page"
+            i18n-pagerSelectPage="kendo.grid.pagerSelectPage|The text of the title and aria-label attributes applied to the page chooser in the Grid Pager"
+            pagerSelectPage="Select page"
 
             i18n-topToolbarLabel="kendo.grid.topToolbarLabel|The label for the Grid top toolbar"
             topToolbarLabel="Top toolbar"
@@ -2453,16 +2456,39 @@ export class GridComponent {
         <ng-content select="kendo-toolbar"></ng-content>
         <kendo-pager
             *ngIf="showTopPager"
-            [tabindex]="navigation.pagerEnabled ? '0' : '-1'"
-            [attr.role]="navigation.pagerEnabled ? 'application' : undefined"
-            class="k-grid-pager-top k-pager"
-            [template]="pagerTemplate"
+            #topPager
+            [navigable]="navigation.pagerEnabled"
+            class="k-grid-pager k-grid-pager-top"
             [pageSize]="pageSize"
             [total]="view.total"
             [skip]="skip"
             [size]="size"
-            [options]="pageable"
+            [responsive]="normalizedPageableSettings.responsive && !pagerTemplate"
+            [buttonCount]="normalizedPageableSettings.buttonCount"
+            [info]="normalizedPageableSettings.info"
+            [pageSizeValues]="normalizedPageableSettings.pageSizes"
+            [previousNext]="normalizedPageableSettings.previousNext"
+            [type]="normalizedPageableSettings.type"
             (pageChange)="notifyPageChange('pager', $event)">
+            <ng-template kendoPagerTemplate>
+                <ng-container
+                    [ngTemplateOutlet]="pagerTemplate ? pagerTemplate?.templateRef : defaultPager"
+                    [ngTemplateOutletContext]="topPager.templateContext"></ng-container>
+            </ng-template>
+            <kendo-pager-messages
+                [ariaLabel]="messageFor('pagerLabel')"
+                [firstPage]="messageFor('pagerFirstPage')"
+                [inputLabel]="messageFor('pagerInputLabel')"
+                [previousPage]="messageFor('pagerPreviousPage')"
+                [nextPage]="messageFor('pagerNextPage')"
+                [lastPage]="messageFor('pagerLastPage')"
+                [selectPage]="messageFor('pagerSelectPage')"
+                [page]="messageFor('pagerPage')"
+                [itemsPerPage]="messageFor('pagerItemsPerPage')"
+                [items]="messageFor('pagerItems')"
+                [of]="messageFor('pagerOf')"
+                [pageNumberInputTitle]="messageFor('pagerPageNumberInputTitle')">
+            </kendo-pager-messages>
         </kendo-pager>
         <kendo-grid-group-panel
             *ngIf="showGroupPanel"
@@ -2744,16 +2770,39 @@ export class GridComponent {
         </kendo-grid-status-bar>
         <kendo-pager
             *ngIf="showBottomPager"
-            [tabindex]="navigation.pagerEnabled ? '0' : '-1'"
-            [attr.role]="navigation.pagerEnabled ? 'application' : undefined"
-            [template]="pagerTemplate"
+            #bottomPager
+            class="k-grid-pager"
+            [navigable]="navigation.pagerEnabled"
             [pageSize]="pageSize"
             [total]="view.total"
             [skip]="skip"
             [size]="size"
-            [options]="pageable"
-            class="k-pager"
+            [responsive]="normalizedPageableSettings.responsive && !pagerTemplate"
+            [buttonCount]="normalizedPageableSettings.buttonCount"
+            [info]="normalizedPageableSettings.info"
+            [pageSizeValues]="normalizedPageableSettings.pageSizes"
+            [previousNext]="normalizedPageableSettings.previousNext"
+            [type]="normalizedPageableSettings.type"
             (pageChange)="notifyPageChange('pager', $event)">
+            <ng-template kendoPagerTemplate>
+                <ng-container 
+                    [ngTemplateOutlet]="pagerTemplate ? pagerTemplate?.templateRef : defaultPager"
+                    [ngTemplateOutletContext]="bottomPager.templateContext"></ng-container>
+            </ng-template>
+            <kendo-pager-messages
+                [ariaLabel]="messageFor('pagerLabel')"
+                [firstPage]="messageFor('pagerFirstPage')"
+                [inputLabel]="messageFor('pagerInputLabel')"
+                [previousPage]="messageFor('pagerPreviousPage')"
+                [nextPage]="messageFor('pagerNextPage')"
+                [lastPage]="messageFor('pagerLastPage')"
+                [selectPage]="messageFor('pagerSelectPage')"
+                [page]="messageFor('pagerPage')"
+                [itemsPerPage]="messageFor('pagerItemsPerPage')"
+                [items]="messageFor('pagerItems')"
+                [of]="messageFor('pagerOf')"
+                [pageNumberInputTitle]="messageFor('pagerPageNumberInputTitle')">
+            </kendo-pager-messages>
         </kendo-pager>
         <kendo-grid-toolbar
             class="k-grid-toolbar-bottom"
@@ -2774,8 +2823,26 @@ export class GridComponent {
             {{hintText}}
         </ng-template>
 
+        <ng-template #defaultPager>
+            <div class="k-pager-numbers-wrap">
+                <kendo-pager-prev-buttons [size]="size" *ngIf="normalizedPageableSettings.previousNext"></kendo-pager-prev-buttons>
+                <kendo-pager-numeric-buttons
+                    [size]="size"
+                    *ngIf="normalizedPageableSettings.type === 'numeric' && normalizedPageableSettings.buttonCount > 0"
+                    [buttonCount]="normalizedPageableSettings.buttonCount">
+                </kendo-pager-numeric-buttons>
+                <kendo-pager-input [size]="size" *ngIf="normalizedPageableSettings.type === 'input'"></kendo-pager-input>
+                <kendo-pager-next-buttons [size]="size" *ngIf="normalizedPageableSettings.previousNext"></kendo-pager-next-buttons>
+            </div>
+            <kendo-pager-page-sizes *ngIf="normalizedPageableSettings.pageSizes"
+                [size]="size"
+                [pageSizes]="normalizedPageableSettings.pageSizes">
+            </kendo-pager-page-sizes>
+            <kendo-pager-info *ngIf="normalizedPageableSettings.info">
+            </kendo-pager-info>
+        </ng-template>
         <div kendoWatermarkOverlay *ngIf="showLicenseWatermark"></div>
-    `, isInline: true, dependencies: [{ kind: "directive", type: LocalizedMessagesDirective, selector: "[kendoGridLocalizedMessages]" }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: GridToolbarComponent, selector: "kendo-grid-toolbar", inputs: ["position", "size", "navigable"] }, { kind: "component", type: PagerComponent, selector: "kendo-pager", inputs: ["total", "skip", "pageSize", "options", "size", "template"], outputs: ["pageChange"] }, { kind: "component", type: GroupPanelComponent, selector: "kendo-grid-group-panel", inputs: ["text", "navigable", "groups"], outputs: ["change"] }, { kind: "directive", type: TableDirective, selector: "[kendoGridResizableTable]", inputs: ["locked", "virtualColumns"] }, { kind: "directive", type: GridTableDirective, selector: "[kendoGridTable]", inputs: ["size"] }, { kind: "component", type: ColGroupComponent, selector: "[kendoGridColGroup]", inputs: ["columns", "groups", "detailTemplate", "sort"] }, { kind: "component", type: HeaderComponent, selector: "[kendoGridHeader]", inputs: ["totalColumnLevels", "columns", "groups", "detailTemplate", "scrollable", "filterable", "sort", "filter", "sortable", "groupable", "lockedColumnsCount", "resizable", "reorderable", "columnMenu", "columnMenuTemplate", "totalColumnsCount", "totalColumns", "tabIndex", "size"] }, { kind: "directive", type: ResizableContainerDirective, selector: "[kendoGridResizableContainer]", inputs: ["lockedWidth", "kendoGridResizableContainer"] }, { kind: "component", type: ListComponent, selector: "kendo-grid-list", inputs: ["data", "groups", "total", "rowHeight", "stickyRowHeight", "detailRowHeight", "take", "skip", "columns", "detailTemplate", "noRecordsTemplate", "selectable", "groupable", "filterable", "rowClass", "rowSticky", "loading", "trackBy", "virtualColumns", "isVirtual", "cellLoadingTemplate", "loadingTemplate", "sort", "size"], outputs: ["contentScroll", "pageChange", "scrollBottom"] }, { kind: "directive", type: DragTargetContainerDirective, selector: "[kendoDragTargetContainer]", inputs: ["hint", "dragTargetFilter", "dragHandle", "dragDelay", "threshold", "dragTargetId", "dragData", "dragDisabled", "mode"], outputs: ["onDragReady", "onPress", "onDragStart", "onDrag", "onRelease", "onDragEnd"], exportAs: ["kendoDragTargetContainer"] }, { kind: "directive", type: DropTargetContainerDirective, selector: "[kendoDropTargetContainer]", inputs: ["dropTargetFilter", "dropDisabled"], outputs: ["onDragEnter", "onDragOver", "onDragLeave", "onDrop"], exportAs: ["kendoDropTargetContainer"] }, { kind: "directive", type: DraggableDirective, selector: "[kendoDraggable]", inputs: ["enableDrag"], outputs: ["kendoPress", "kendoDrag", "kendoRelease"] }, { kind: "directive", type: GridMarqueeDirective, selector: "[kendoGridSelectionMarquee]" }, { kind: "component", type: FooterComponent, selector: "[kendoGridFooter]", inputs: ["columns", "groups", "detailTemplate", "scrollable", "lockedColumnsCount", "logicalRowIndex", "totalColumns"] }, { kind: "component", type: TableBodyComponent, selector: "[kendoGridTableBody]", inputs: ["columns", "allColumns", "groups", "detailTemplate", "noRecordsTemplate", "data", "skip", "selectable", "filterable", "noRecordsText", "isLocked", "isLoading", "isVirtual", "cellLoadingTemplate", "skipGroupDecoration", "showGroupFooters", "lockedColumnsCount", "totalColumnsCount", "virtualColumns", "trackBy", "rowSticky", "totalColumns", "rowClass"] }, { kind: "component", type: LoadingComponent, selector: "[kendoGridLoading]", inputs: ["loadingTemplate"] }, { kind: "component", type: StatusBarComponent, selector: "kendo-grid-status-bar", inputs: ["statusBarTemplate"] }, { kind: "component", type: IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }, { kind: "component", type: WatermarkOverlayComponent, selector: "div[kendoWatermarkOverlay]" }], encapsulation: i0.ViewEncapsulation.None });
+    `, isInline: true, dependencies: [{ kind: "directive", type: LocalizedMessagesDirective, selector: "[kendoGridLocalizedMessages]" }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: GridToolbarComponent, selector: "kendo-grid-toolbar", inputs: ["position", "size", "navigable"] }, { kind: "component", type: GroupPanelComponent, selector: "kendo-grid-group-panel", inputs: ["text", "navigable", "groups"], outputs: ["change"] }, { kind: "directive", type: TableDirective, selector: "[kendoGridResizableTable]", inputs: ["locked", "virtualColumns"] }, { kind: "directive", type: GridTableDirective, selector: "[kendoGridTable]", inputs: ["size"] }, { kind: "component", type: ColGroupComponent, selector: "[kendoGridColGroup]", inputs: ["columns", "groups", "detailTemplate", "sort"] }, { kind: "component", type: HeaderComponent, selector: "[kendoGridHeader]", inputs: ["totalColumnLevels", "columns", "groups", "detailTemplate", "scrollable", "filterable", "sort", "filter", "sortable", "groupable", "lockedColumnsCount", "resizable", "reorderable", "columnMenu", "columnMenuTemplate", "totalColumnsCount", "totalColumns", "tabIndex", "size"] }, { kind: "directive", type: ResizableContainerDirective, selector: "[kendoGridResizableContainer]", inputs: ["lockedWidth", "kendoGridResizableContainer"] }, { kind: "component", type: ListComponent, selector: "kendo-grid-list", inputs: ["data", "groups", "total", "rowHeight", "stickyRowHeight", "detailRowHeight", "take", "skip", "columns", "detailTemplate", "noRecordsTemplate", "selectable", "groupable", "filterable", "rowClass", "rowSticky", "loading", "trackBy", "virtualColumns", "isVirtual", "cellLoadingTemplate", "loadingTemplate", "sort", "size"], outputs: ["contentScroll", "pageChange", "scrollBottom"] }, { kind: "directive", type: DragTargetContainerDirective, selector: "[kendoDragTargetContainer]", inputs: ["hint", "dragTargetFilter", "dragHandle", "dragDelay", "threshold", "dragTargetId", "dragData", "dragDisabled", "mode"], outputs: ["onDragReady", "onPress", "onDragStart", "onDrag", "onRelease", "onDragEnd"], exportAs: ["kendoDragTargetContainer"] }, { kind: "directive", type: DropTargetContainerDirective, selector: "[kendoDropTargetContainer]", inputs: ["dropTargetFilter", "dropDisabled"], outputs: ["onDragEnter", "onDragOver", "onDragLeave", "onDrop"], exportAs: ["kendoDropTargetContainer"] }, { kind: "directive", type: DraggableDirective, selector: "[kendoDraggable]", inputs: ["enableDrag"], outputs: ["kendoPress", "kendoDrag", "kendoRelease"] }, { kind: "directive", type: GridMarqueeDirective, selector: "[kendoGridSelectionMarquee]" }, { kind: "component", type: FooterComponent, selector: "[kendoGridFooter]", inputs: ["columns", "groups", "detailTemplate", "scrollable", "lockedColumnsCount", "logicalRowIndex", "totalColumns"] }, { kind: "component", type: TableBodyComponent, selector: "[kendoGridTableBody]", inputs: ["columns", "allColumns", "groups", "detailTemplate", "noRecordsTemplate", "data", "skip", "selectable", "filterable", "noRecordsText", "isLocked", "isLoading", "isVirtual", "cellLoadingTemplate", "skipGroupDecoration", "showGroupFooters", "lockedColumnsCount", "totalColumnsCount", "virtualColumns", "trackBy", "rowSticky", "totalColumns", "rowClass"] }, { kind: "component", type: LoadingComponent, selector: "[kendoGridLoading]", inputs: ["loadingTemplate"] }, { kind: "component", type: StatusBarComponent, selector: "kendo-grid-status-bar", inputs: ["statusBarTemplate"] }, { kind: "component", type: IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }, { kind: "component", type: WatermarkOverlayComponent, selector: "div[kendoWatermarkOverlay]" }, { kind: "component", type: i25.CustomMessagesComponent, selector: "kendo-datapager-messages, kendo-pager-messages" }, { kind: "component", type: i25.PagerInfoComponent, selector: "kendo-datapager-info, kendo-pager-info" }, { kind: "component", type: i25.PagerInputComponent, selector: "kendo-datapager-input, kendo-pager-input", inputs: ["size"] }, { kind: "component", type: i25.PagerNextButtonsComponent, selector: "kendo-datapager-next-buttons, kendo-pager-next-buttons", inputs: ["size"] }, { kind: "component", type: i25.PagerNumericButtonsComponent, selector: "kendo-datapager-numeric-buttons, kendo-pager-numeric-buttons", inputs: ["buttonCount", "size"] }, { kind: "component", type: i25.PagerPageSizesComponent, selector: "kendo-datapager-page-sizes, kendo-pager-page-sizes", inputs: ["pageSizes", "size"] }, { kind: "component", type: i25.PagerPrevButtonsComponent, selector: "kendo-datapager-prev-buttons, kendo-pager-prev-buttons", inputs: ["size"] }, { kind: "directive", type: i25.PagerTemplateDirective, selector: "[kendoDataPagerTemplate], [kendoPagerTemplate]" }, { kind: "component", type: i25.PagerComponent, selector: "kendo-datapager, kendo-pager", inputs: ["externalTemplate", "total", "skip", "pageSize", "buttonCount", "info", "type", "pageSizeValues", "previousNext", "navigable", "size", "responsive"], outputs: ["pageChange", "pageSizeChange"], exportAs: ["kendoDataPager", "kendoPager"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GridComponent, decorators: [{
             type: Component,
@@ -2806,6 +2873,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                         FilterService,
                         ResponsiveService,
                         PagerContextService,
+                        PagerNavigationService,
                         ExcelService,
                         ScrollSyncService,
                         ResizeService,
@@ -2867,6 +2935,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
             i18n-pagerItemsPerPage="kendo.grid.pagerItemsPerPage|The label for the page size chooser in the Grid pager"
             pagerItemsPerPage="items per page"
 
+            i18n-pagerInputLabel="kendo.grid.pagerInputLabel|The text of the aria-label attribute applied to the input element for entering the page number"
+            pagerInputLabel="Type a page number"
+
             i18n-filter="kendo.grid.filter|The label of the filter cell or icon"
             filter="Filter"
 
@@ -3050,8 +3121,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
             i18n-groupExpand="kendo.grid.groupExpand|The text of the title and aria-label attributes applied to the expand icon of group rows."
             groupExpand="Expand Group"
 
-            i18n-selectPage="kendo.grid.selectPage|The text of the title and aria-label attributes applied to the page chooser in the Grid Pager"
-            selectPage="Select page"
+            i18n-pagerSelectPage="kendo.grid.pagerSelectPage|The text of the title and aria-label attributes applied to the page chooser in the Grid Pager"
+            pagerSelectPage="Select page"
 
             i18n-topToolbarLabel="kendo.grid.topToolbarLabel|The label for the Grid top toolbar"
             topToolbarLabel="Top toolbar"
@@ -3091,16 +3162,39 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
         <ng-content select="kendo-toolbar"></ng-content>
         <kendo-pager
             *ngIf="showTopPager"
-            [tabindex]="navigation.pagerEnabled ? '0' : '-1'"
-            [attr.role]="navigation.pagerEnabled ? 'application' : undefined"
-            class="k-grid-pager-top k-pager"
-            [template]="pagerTemplate"
+            #topPager
+            [navigable]="navigation.pagerEnabled"
+            class="k-grid-pager k-grid-pager-top"
             [pageSize]="pageSize"
             [total]="view.total"
             [skip]="skip"
             [size]="size"
-            [options]="pageable"
+            [responsive]="normalizedPageableSettings.responsive && !pagerTemplate"
+            [buttonCount]="normalizedPageableSettings.buttonCount"
+            [info]="normalizedPageableSettings.info"
+            [pageSizeValues]="normalizedPageableSettings.pageSizes"
+            [previousNext]="normalizedPageableSettings.previousNext"
+            [type]="normalizedPageableSettings.type"
             (pageChange)="notifyPageChange('pager', $event)">
+            <ng-template kendoPagerTemplate>
+                <ng-container
+                    [ngTemplateOutlet]="pagerTemplate ? pagerTemplate?.templateRef : defaultPager"
+                    [ngTemplateOutletContext]="topPager.templateContext"></ng-container>
+            </ng-template>
+            <kendo-pager-messages
+                [ariaLabel]="messageFor('pagerLabel')"
+                [firstPage]="messageFor('pagerFirstPage')"
+                [inputLabel]="messageFor('pagerInputLabel')"
+                [previousPage]="messageFor('pagerPreviousPage')"
+                [nextPage]="messageFor('pagerNextPage')"
+                [lastPage]="messageFor('pagerLastPage')"
+                [selectPage]="messageFor('pagerSelectPage')"
+                [page]="messageFor('pagerPage')"
+                [itemsPerPage]="messageFor('pagerItemsPerPage')"
+                [items]="messageFor('pagerItems')"
+                [of]="messageFor('pagerOf')"
+                [pageNumberInputTitle]="messageFor('pagerPageNumberInputTitle')">
+            </kendo-pager-messages>
         </kendo-pager>
         <kendo-grid-group-panel
             *ngIf="showGroupPanel"
@@ -3382,16 +3476,39 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
         </kendo-grid-status-bar>
         <kendo-pager
             *ngIf="showBottomPager"
-            [tabindex]="navigation.pagerEnabled ? '0' : '-1'"
-            [attr.role]="navigation.pagerEnabled ? 'application' : undefined"
-            [template]="pagerTemplate"
+            #bottomPager
+            class="k-grid-pager"
+            [navigable]="navigation.pagerEnabled"
             [pageSize]="pageSize"
             [total]="view.total"
             [skip]="skip"
             [size]="size"
-            [options]="pageable"
-            class="k-pager"
+            [responsive]="normalizedPageableSettings.responsive && !pagerTemplate"
+            [buttonCount]="normalizedPageableSettings.buttonCount"
+            [info]="normalizedPageableSettings.info"
+            [pageSizeValues]="normalizedPageableSettings.pageSizes"
+            [previousNext]="normalizedPageableSettings.previousNext"
+            [type]="normalizedPageableSettings.type"
             (pageChange)="notifyPageChange('pager', $event)">
+            <ng-template kendoPagerTemplate>
+                <ng-container 
+                    [ngTemplateOutlet]="pagerTemplate ? pagerTemplate?.templateRef : defaultPager"
+                    [ngTemplateOutletContext]="bottomPager.templateContext"></ng-container>
+            </ng-template>
+            <kendo-pager-messages
+                [ariaLabel]="messageFor('pagerLabel')"
+                [firstPage]="messageFor('pagerFirstPage')"
+                [inputLabel]="messageFor('pagerInputLabel')"
+                [previousPage]="messageFor('pagerPreviousPage')"
+                [nextPage]="messageFor('pagerNextPage')"
+                [lastPage]="messageFor('pagerLastPage')"
+                [selectPage]="messageFor('pagerSelectPage')"
+                [page]="messageFor('pagerPage')"
+                [itemsPerPage]="messageFor('pagerItemsPerPage')"
+                [items]="messageFor('pagerItems')"
+                [of]="messageFor('pagerOf')"
+                [pageNumberInputTitle]="messageFor('pagerPageNumberInputTitle')">
+            </kendo-pager-messages>
         </kendo-pager>
         <kendo-grid-toolbar
             class="k-grid-toolbar-bottom"
@@ -3412,15 +3529,33 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
             {{hintText}}
         </ng-template>
 
+        <ng-template #defaultPager>
+            <div class="k-pager-numbers-wrap">
+                <kendo-pager-prev-buttons [size]="size" *ngIf="normalizedPageableSettings.previousNext"></kendo-pager-prev-buttons>
+                <kendo-pager-numeric-buttons
+                    [size]="size"
+                    *ngIf="normalizedPageableSettings.type === 'numeric' && normalizedPageableSettings.buttonCount > 0"
+                    [buttonCount]="normalizedPageableSettings.buttonCount">
+                </kendo-pager-numeric-buttons>
+                <kendo-pager-input [size]="size" *ngIf="normalizedPageableSettings.type === 'input'"></kendo-pager-input>
+                <kendo-pager-next-buttons [size]="size" *ngIf="normalizedPageableSettings.previousNext"></kendo-pager-next-buttons>
+            </div>
+            <kendo-pager-page-sizes *ngIf="normalizedPageableSettings.pageSizes"
+                [size]="size"
+                [pageSizes]="normalizedPageableSettings.pageSizes">
+            </kendo-pager-page-sizes>
+            <kendo-pager-info *ngIf="normalizedPageableSettings.info">
+            </kendo-pager-info>
+        </ng-template>
         <div kendoWatermarkOverlay *ngIf="showLicenseWatermark"></div>
     `,
                     standalone: true,
                     imports: [
-                        LocalizedMessagesDirective, NgIf, GridToolbarComponent, PagerComponent, GroupPanelComponent,
+                        LocalizedMessagesDirective, NgIf, GridToolbarComponent, GroupPanelComponent,
                         TableDirective, GridTableDirective, ColGroupComponent, HeaderComponent, ResizableContainerDirective,
                         ListComponent, DragTargetContainerDirective, DropTargetContainerDirective, DraggableDirective,
                         GridMarqueeDirective, FooterComponent, TableBodyComponent, LoadingComponent, StatusBarComponent,
-                        IconWrapperComponent, WatermarkOverlayComponent
+                        IconWrapperComponent, WatermarkOverlayComponent, ...KENDO_PAGER, NgTemplateOutlet
                     ]
                 }]
         }], ctorParameters: function () { return [{ type: i1.BrowserSupportService }, { type: i2.SelectionService }, { type: i3.CellSelectionService }, { type: i0.ElementRef }, { type: i4.GroupInfoService }, { type: i5.GroupsService }, { type: i6.ChangeNotificationService }, { type: i7.DetailsService }, { type: i8.EditService }, { type: i9.FilterService }, { type: i10.PDFService }, { type: i11.ResponsiveService }, { type: i0.Renderer2 }, { type: i12.ExcelService }, { type: i0.NgZone }, { type: i13.ScrollSyncService }, { type: i14.DomEventsService }, { type: i15.ColumnResizingService }, { type: i0.ChangeDetectorRef }, { type: i16.ColumnReorderService }, { type: i17.ColumnInfoService }, { type: i18.NavigationService }, { type: i19.SortService }, { type: i20.ScrollRequestService }, { type: i21.LocalizationService }, { type: i22.ContextService }, { type: i23.SizingOptionsService }, { type: i24.RowReorderService }]; }, propDecorators: { data: [{