@progress/kendo-angular-grid 17.0.0-develop.3 → 17.0.0-develop.30

package/{esm2020 → esm2022}/navigation/focusable.directive.mjs

@@ -26,20 +26,14 @@ import * as i1 from "../common/provider.service";
  * ```
  */
 export class FocusableDirective {
-    constructor(cellContext, hostElement, renderer, ctx) {
-        this.cellContext = cellContext;
-        this.hostElement = hostElement;
-        this.renderer = renderer;
-        this.ctx = ctx;
-        this.active = true;
-        this._enabled = true;
-        if (this.cellContext) {
-            this.group = this.cellContext.focusGroup;
-        }
-        if (this.group) {
-            this.group.registerElement(this);
-        }
-    }
+    cellContext;
+    hostElement;
+    renderer;
+    ctx;
+    active = true;
+    group;
+    element;
+    _enabled = true;
     /**
      * @hidden
      */
@@ -60,6 +54,18 @@ export class FocusableDirective {
     get enabled() {
         return this._enabled;
     }
+    constructor(cellContext, hostElement, renderer, ctx) {
+        this.cellContext = cellContext;
+        this.hostElement = hostElement;
+        this.renderer = renderer;
+        this.ctx = ctx;
+        if (this.cellContext) {
+            this.group = this.cellContext.focusGroup;
+        }
+        if (this.group) {
+            this.group.registerElement(this);
+        }
+    }
     ngAfterViewInit() {
         if (!this.element && this.ctx.navigable) {
             this.element = new DefaultFocusableElement(this.hostElement, this.renderer);
@@ -114,10 +120,10 @@ export class FocusableDirective {
     registerElement(element) {
         this.element = element;
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FocusableDirective, deps: [{ token: CELL_CONTEXT, optional: true, skipSelf: true }, { token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i1.ContextService }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: FocusableDirective, isStandalone: true, selector: "[kendoGridFocusable],\n        [kendoGridEditCommand],\n        [kendoGridRemoveCommand],\n        [kendoGridSaveCommand],\n        [kendoGridCancelCommand],\n        [kendoGridSelectionCheckbox]\n    ", inputs: { enabled: ["kendoGridFocusable", "enabled"] }, ngImport: i0 });
 }
-FocusableDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: FocusableDirective, deps: [{ token: CELL_CONTEXT, optional: true, skipSelf: true }, { token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i1.ContextService }], target: i0.ɵɵFactoryTarget.Directive });
-FocusableDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: FocusableDirective, isStandalone: true, selector: "[kendoGridFocusable],\n        [kendoGridEditCommand],\n        [kendoGridRemoveCommand],\n        [kendoGridSaveCommand],\n        [kendoGridCancelCommand],\n        [kendoGridSelectionCheckbox]\n    ", inputs: { enabled: ["kendoGridFocusable", "enabled"] }, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: FocusableDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FocusableDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[kendoGridFocusable]' + `,

package/{esm2020 → esm2022}/navigation/grid-focusable-element.mjs

@@ -6,6 +6,7 @@
  * @hidden
  */
 export class GridFocusableElement {
+    navigationService;
     constructor(navigationService) {
         this.navigationService = navigationService;
     }

package/{esm2020 → esm2022}/navigation/item-map.mjs

@@ -6,10 +6,8 @@
  * @hidden
  */
 export class ItemMap {
-    constructor() {
-        this.count = 0;
-        this.items = {};
-    }
+    count = 0;
+    items = {};
     get first() {
         if (this.count > 0) {
             let result;

package/{esm2020 → esm2022}/navigation/logical-cell.directive.mjs

@@ -22,22 +22,26 @@ function nextId() {
  * @hidden
  */
 export class LogicalCellDirective {
-    constructor(focusGroup, element, columnInfoService, idService, navigationService, renderer, zone, cellContext) {
-        this.focusGroup = focusGroup;
-        this.element = element;
-        this.columnInfoService = columnInfoService;
-        this.idService = idService;
-        this.navigationService = navigationService;
-        this.renderer = renderer;
-        this.zone = zone;
-        this.cellContext = cellContext;
-        this.logicalSlaveCell = false;
-        this.colSpan = 1;
-        this.rowSpan = 1;
-        this.dataRowIndex = -1;
-        this.detailExpandCell = false;
-        this.uid = nextId();
-    }
+    focusGroup;
+    element;
+    columnInfoService;
+    idService;
+    navigationService;
+    renderer;
+    zone;
+    cellContext;
+    logicalColIndex;
+    logicalRowIndex;
+    logicalSlaveCell = false;
+    colIndex;
+    colSpan = 1;
+    rowSpan = 1;
+    groupItem;
+    dataRowIndex = -1;
+    dataItem;
+    detailExpandCell = false;
+    headerLabelText;
+    uid = nextId();
     get id() {
         if (!this.logicalSlaveCell && this.columnInfoService.isLocked) {
             return this.idService.cellId(this.logicalRowIndex, this.logicalColIndex);
@@ -49,6 +53,17 @@ export class LogicalCellDirective {
         }
         return this.logicalColIndex + 1;
     }
+    navigationChange;
+    constructor(focusGroup, element, columnInfoService, idService, navigationService, renderer, zone, cellContext) {
+        this.focusGroup = focusGroup;
+        this.element = element;
+        this.columnInfoService = columnInfoService;
+        this.idService = idService;
+        this.navigationService = navigationService;
+        this.renderer = renderer;
+        this.zone = zone;
+        this.cellContext = cellContext;
+    }
     ngOnInit() {
         if (!this.navigationService.tableEnabled) {
             return;
@@ -137,14 +152,14 @@ export class LogicalCellDirective {
     isFocused() {
         return this.navigationService.isCellFocused(this);
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: LogicalCellDirective, deps: [{ token: i1.FocusGroup }, { token: i0.ElementRef }, { token: i2.ColumnInfoService }, { token: i3.IdService }, { token: i4.NavigationService }, { token: i0.Renderer2 }, { token: i0.NgZone }, { token: CELL_CONTEXT, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: LogicalCellDirective, isStandalone: true, selector: "[kendoGridLogicalCell]", inputs: { logicalColIndex: "logicalColIndex", logicalRowIndex: "logicalRowIndex", logicalSlaveCell: "logicalSlaveCell", colIndex: "colIndex", colSpan: "colSpan", rowSpan: "rowSpan", groupItem: "groupItem", dataRowIndex: "dataRowIndex", dataItem: "dataItem", detailExpandCell: "detailExpandCell", headerLabelText: "headerLabelText" }, host: { properties: { "attr.id": "this.id", "attr.aria-colindex": "this.ariaColIndex" } }, providers: [{
+                provide: FocusGroup,
+                deps: [FocusRoot],
+                useClass: FocusGroup
+            }], usesOnChanges: true, ngImport: i0 });
 }
-LogicalCellDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: LogicalCellDirective, deps: [{ token: i1.FocusGroup }, { token: i0.ElementRef }, { token: i2.ColumnInfoService }, { token: i3.IdService }, { token: i4.NavigationService }, { token: i0.Renderer2 }, { token: i0.NgZone }, { token: CELL_CONTEXT, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
-LogicalCellDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: LogicalCellDirective, isStandalone: true, selector: "[kendoGridLogicalCell]", inputs: { logicalColIndex: "logicalColIndex", logicalRowIndex: "logicalRowIndex", logicalSlaveCell: "logicalSlaveCell", colIndex: "colIndex", colSpan: "colSpan", rowSpan: "rowSpan", groupItem: "groupItem", dataRowIndex: "dataRowIndex", dataItem: "dataItem", detailExpandCell: "detailExpandCell", headerLabelText: "headerLabelText" }, host: { properties: { "attr.id": "this.id", "attr.aria-colindex": "this.ariaColIndex" } }, providers: [{
-            provide: FocusGroup,
-            deps: [FocusRoot],
-            useClass: FocusGroup
-        }], usesOnChanges: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: LogicalCellDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: LogicalCellDirective, decorators: [{
             type: Directive,
             args: [{
                     providers: [{

package/{esm2020 → esm2022}/navigation/logical-row.directive.mjs

@@ -18,15 +18,16 @@ function nextId() {
  * @hidden
  */
 export class LogicalRowDirective {
-    constructor(idService, navigation) {
-        this.idService = idService;
-        this.navigation = navigation;
-        this.logicalSlaveRow = false;
-        this.logicalSlaveCellsCount = 0;
-        this.dataRowIndex = -1;
-        this.uid = nextId();
-        this.tableRowClass = true;
-    }
+    idService;
+    navigation;
+    logicalRowIndex;
+    logicalSlaveRow = false;
+    logicalCellsCount;
+    logicalSlaveCellsCount = 0;
+    dataRowIndex = -1;
+    dataItem;
+    totalColumns;
+    uid = nextId();
     get hostRole() {
         return this.logicalSlaveRow ? 'presentation' : 'row';
     }
@@ -36,6 +37,7 @@ export class LogicalRowDirective {
     get rowIndex() {
         return this.logicalSlaveRow ? this.logicalRowIndex + 1 : null;
     }
+    tableRowClass = true;
     get ariaOwns() {
         if (this.logicalSlaveRow || this.logicalSlaveCellsCount === 0) {
             return undefined;
@@ -63,6 +65,10 @@ export class LogicalRowDirective {
         }
         return ids.join(' ');
     }
+    constructor(idService, navigation) {
+        this.idService = idService;
+        this.navigation = navigation;
+    }
     ngOnChanges(changes) {
         if (!this.navigation.enabled || this.logicalSlaveRow) {
             return;
@@ -84,10 +90,10 @@ export class LogicalRowDirective {
     get columnsArray() {
         return this.totalColumns?.allColumns.toArray() || [];
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: LogicalRowDirective, deps: [{ token: i1.IdService }, { token: i2.NavigationService }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: LogicalRowDirective, isStandalone: true, selector: "[kendoGridLogicalRow]", inputs: { logicalRowIndex: "logicalRowIndex", logicalSlaveRow: "logicalSlaveRow", logicalCellsCount: "logicalCellsCount", logicalSlaveCellsCount: "logicalSlaveCellsCount", dataRowIndex: "dataRowIndex", dataItem: "dataItem", totalColumns: "totalColumns" }, host: { properties: { "attr.role": "this.hostRole", "attr.aria-rowindex": "this.ariaRowIndex", "attr.data-kendo-grid-row-index": "this.rowIndex", "class.k-table-row": "this.tableRowClass", "attr.aria-owns": "this.ariaOwns" } }, usesOnChanges: true, ngImport: i0 });
 }
-LogicalRowDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: LogicalRowDirective, deps: [{ token: i1.IdService }, { token: i2.NavigationService }], target: i0.ɵɵFactoryTarget.Directive });
-LogicalRowDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: LogicalRowDirective, isStandalone: true, selector: "[kendoGridLogicalRow]", inputs: { logicalRowIndex: "logicalRowIndex", logicalSlaveRow: "logicalSlaveRow", logicalCellsCount: "logicalCellsCount", logicalSlaveCellsCount: "logicalSlaveCellsCount", dataRowIndex: "dataRowIndex", dataItem: "dataItem", totalColumns: "totalColumns" }, host: { properties: { "attr.role": "this.hostRole", "attr.aria-rowindex": "this.ariaRowIndex", "attr.data-kendo-grid-row-index": "this.rowIndex", "class.k-table-row": "this.tableRowClass", "attr.aria-owns": "this.ariaOwns" } }, usesOnChanges: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: LogicalRowDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: LogicalRowDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[kendoGridLogicalRow]',

package/{esm2020 → esm2022}/navigation/navigation-cursor.mjs

@@ -8,14 +8,8 @@ import { isPresent } from '../utils';
  * @hidden
  */
 export class NavigationCursor {
-    constructor(model) {
-        this.model = model;
-        this.changes = new Subject();
-        this.activeRow = 0;
-        this.activeCol = 0;
-        this.virtualCol = 0;
-        this.virtualRow = 0;
-    }
+    model;
+    changes = new Subject();
     set metadata(value) {
         this._metadata = value;
         if (isPresent(value)) {
@@ -30,6 +24,11 @@ export class NavigationCursor {
     get metadata() {
         return this._metadata;
     }
+    activeRow = 0;
+    activeCol = 0;
+    virtualCol = 0;
+    virtualRow = 0;
+    _metadata;
     get row() {
         return this.model.findRow(this.activeRow);
     }
@@ -46,6 +45,9 @@ export class NavigationCursor {
         }
         return -1;
     }
+    constructor(model) {
+        this.model = model;
+    }
     /**
      * Assumes and announces a new cursor position.
      */

package/{esm2020 → esm2022}/navigation/navigation-metadata.mjs

@@ -6,6 +6,18 @@
  * @hidden
  */
 export class NavigationMetadata {
+    dataRows;
+    headerRows;
+    isVirtual;
+    hasPager;
+    hasDetailTemplate;
+    gridElement;
+    virtualColumns;
+    columns;
+    get maxLogicalRowIndex() {
+        const dataRows = this.hasDetailTemplate ? this.dataRows * 2 : this.dataRows;
+        return this.headerRows + dataRows - 1;
+    }
     constructor(dataRows, headerRows, isVirtual, hasPager, hasDetailTemplate, gridElement, virtualColumns, columns) {
         this.dataRows = dataRows;
         this.headerRows = headerRows;
@@ -16,8 +28,4 @@ export class NavigationMetadata {
         this.virtualColumns = virtualColumns;
         this.columns = columns;
     }
-    get maxLogicalRowIndex() {
-        const dataRows = this.hasDetailTemplate ? this.dataRows * 2 : this.dataRows;
-        return this.headerRows + dataRows - 1;
-    }
 }

package/{esm2020 → esm2022}/navigation/navigation-model.mjs

@@ -9,9 +9,7 @@ import { ItemMap } from './item-map';
  * Contains information for the currently rendered rows and cells.
  */
 export class NavigationModel {
-    constructor() {
-        this.rows = new ItemMap();
-    }
+    rows = new ItemMap();
     get firstRow() {
         return this.rows.first;
     }

package/{esm2020 → esm2022}/navigation/navigation.service.mjs

@@ -66,6 +66,8 @@ const isPrintableCharacter = (str) => str.length === 1 && str.match(/\S/);
  * @hidden
  */
 export class NavigationViewport {
+    firstItemIndex;
+    lastItemIndex;
     constructor(firstItemIndex, lastItemIndex) {
         this.firstItemIndex = firstItemIndex;
         this.lastItemIndex = lastItemIndex;
@@ -84,30 +86,19 @@ export class NavigationViewport {
  * @hidden
  */
 export class NavigationService {
-    constructor(zone, domEvents, pagerContextService, scrollRequestService, groupsService, detailsService, focusRoot, editService, cd, ctx, focusableParent) {
-        this.zone = zone;
-        this.domEvents = domEvents;
-        this.pagerContextService = pagerContextService;
-        this.scrollRequestService = scrollRequestService;
-        this.groupsService = groupsService;
-        this.detailsService = detailsService;
-        this.focusRoot = focusRoot;
-        this.editService = editService;
-        this.cd = cd;
-        this.ctx = ctx;
-        this.focusableParent = focusableParent;
-        this.cellKeydown = new EventEmitter();
-        this.activeRowIndex = 0;
-        this.alive = false;
-        this.active = true;
-        this.mode = 0 /* NavigationMode.Standby */;
-        this.model = new NavigationModel();
-        this.cursor = new NavigationCursor(this.model);
-        this.pagerIsNavigable = false;
-        this.tableIsNavigable = false;
-        this.toolbarIsNavigable = false;
-        this.changes = this.cursor.changes;
-    }
+    zone;
+    domEvents;
+    pagerContextService;
+    scrollRequestService;
+    groupsService;
+    detailsService;
+    focusRoot;
+    editService;
+    cd;
+    ctx;
+    focusableParent;
+    changes;
+    cellKeydown = new EventEmitter();
     set metadata(value) {
         this.meta = value;
         this.cursor.metadata = value;
@@ -139,9 +130,38 @@ export class NavigationService {
             });
         }
     }
+    viewport;
+    columnViewport;
+    activeRowIndex = 0;
+    alive = false;
+    active = true;
+    mode = 0 /* NavigationMode.Standby */;
+    model = new NavigationModel();
+    cursor = new NavigationCursor(this.model);
+    meta;
+    subs;
+    pendingRowIndex;
+    virtualCell;
+    pagerIsNavigable = false;
+    tableIsNavigable = false;
+    toolbarIsNavigable = false;
     get activeDataRow() {
         return Math.max(0, this.activeRowIndex - this.meta.headerRows);
     }
+    constructor(zone, domEvents, pagerContextService, scrollRequestService, groupsService, detailsService, focusRoot, editService, cd, ctx, focusableParent) {
+        this.zone = zone;
+        this.domEvents = domEvents;
+        this.pagerContextService = pagerContextService;
+        this.scrollRequestService = scrollRequestService;
+        this.groupsService = groupsService;
+        this.detailsService = detailsService;
+        this.focusRoot = focusRoot;
+        this.editService = editService;
+        this.cd = cd;
+        this.ctx = ctx;
+        this.focusableParent = focusableParent;
+        this.changes = this.cursor.changes;
+    }
     init(meta, navigableOptions) {
         this.setActiveSections(navigableOptions);
         this.alive = true;
@@ -699,10 +719,10 @@ export class NavigationService {
         const ev = rowSelectionService.selectRange(startRowIndex, endRowIndex);
         rowSelectionService.changes.emit(ev);
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NavigationService, deps: [{ token: i0.NgZone }, { token: i1.DomEventsService }, { token: i2.PagerContextService }, { token: i3.ScrollRequestService }, { token: i4.GroupsService }, { token: i5.DetailsService }, { token: i6.FocusRoot }, { token: i7.EditService }, { token: i0.ChangeDetectorRef }, { token: i8.ContextService }, { token: i9.FocusableDirective, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NavigationService });
 }
-NavigationService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: NavigationService, deps: [{ token: i0.NgZone }, { token: i1.DomEventsService }, { token: i2.PagerContextService }, { token: i3.ScrollRequestService }, { token: i4.GroupsService }, { token: i5.DetailsService }, { token: i6.FocusRoot }, { token: i7.EditService }, { token: i0.ChangeDetectorRef }, { token: i8.ContextService }, { token: i9.FocusableDirective, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
-NavigationService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: NavigationService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: NavigationService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NavigationService, decorators: [{
             type: Injectable
         }], ctorParameters: function () { return [{ type: i0.NgZone }, { type: i1.DomEventsService }, { type: i2.PagerContextService }, { type: i3.ScrollRequestService }, { type: i4.GroupsService }, { type: i5.DetailsService }, { type: i6.FocusRoot }, { type: i7.EditService }, { type: i0.ChangeDetectorRef }, { type: i8.ContextService }, { type: i9.FocusableDirective, decorators: [{
                     type: Optional

package/{esm2020 → esm2022}/package-metadata.mjs

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

package/{esm2020 → esm2022}/pager/pager-context.service.mjs

@@ -7,10 +7,11 @@ import { Subject } from "rxjs";
  * @hidden
  */
 export class PagerContextService {
-    constructor() {
-        this.changes = new Subject();
-        this.pageChange = new Subject();
-    }
+    total;
+    skip;
+    pageSize;
+    changes = new Subject();
+    pageChange = new Subject();
     get currentPage() {
         return this.skip / this.pageSize;
     }

package/{esm2020 → esm2022}/pager/pager-dropdown.directive.mjs

@@ -11,14 +11,9 @@ import * as i1 from "@progress/kendo-angular-dropdowns";
  * @hidden
  */
 export class PagerDropDownListDirective {
+    host;
     constructor(host) {
         this.host = host;
-        this.keydownHandler = (e) => {
-            if (e.keyCode === Keys.Escape && this.host.isOpen) {
-                e.stopPropagation();
-                this.host.toggle(false);
-            }
-        };
     }
     ngAfterViewInit() {
         const wrapperElement = this.host.wrapper.nativeElement;
@@ -27,10 +22,16 @@ export class PagerDropDownListDirective {
     ngOnDestroy() {
         this.host.wrapper.nativeElement.removeEventListener('keydown', this.keydownHandler);
     }
+    keydownHandler = (e) => {
+        if (e.keyCode === Keys.Escape && this.host.isOpen) {
+            e.stopPropagation();
+            this.host.toggle(false);
+        }
+    };
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PagerDropDownListDirective, deps: [{ token: i1.DropDownListComponent }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: PagerDropDownListDirective, isStandalone: true, selector: "[kendoGridPagerDropDown]", ngImport: i0 });
 }
-PagerDropDownListDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PagerDropDownListDirective, deps: [{ token: i1.DropDownListComponent }], target: i0.ɵɵFactoryTarget.Directive });
-PagerDropDownListDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: PagerDropDownListDirective, isStandalone: true, selector: "[kendoGridPagerDropDown]", ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PagerDropDownListDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PagerDropDownListDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[kendoGridPagerDropDown]',

package/{esm2020 → esm2022}/pager/pager-element.component.mjs

@@ -13,23 +13,21 @@ import * as i2 from "./pager-context.service";
  * @hidden
  */
 export class PagerElementComponent {
-    constructor(ctx, pagerContext, cd) {
-        this.ctx = ctx;
-        this.pagerContext = pagerContext;
-        this.cd = cd;
-        this.total = this.pagerContext.total;
-        this.skip = this.pagerContext.skip;
-        this.pageSize = this.pagerContext.pageSize;
-        this.caretAltLeftIcon = caretAltLeftIcon;
-        this.caretAltToLeftIcon = caretAltToLeftIcon;
-        this.caretAltRightIcon = caretAltRightIcon;
-        this.caretAltToRightIcon = caretAltToRightIcon;
-        /**
-         * Sets the pager element sizing option.
-         * @default `medium`
-         */
-        this.size = 'medium';
-    }
+    ctx;
+    pagerContext;
+    cd;
+    total;
+    skip;
+    pageSize;
+    caretAltLeftIcon = caretAltLeftIcon;
+    caretAltToLeftIcon = caretAltToLeftIcon;
+    caretAltRightIcon = caretAltRightIcon;
+    caretAltToRightIcon = caretAltToRightIcon;
+    /**
+     * Sets the pager element sizing option.
+     * @default `medium`
+     */
+    size = 'medium';
     /**
      * @hidden
      *
@@ -50,6 +48,15 @@ export class PagerElementComponent {
     get totalPages() {
         return Math.ceil((this.total || 0) / this.pageSize);
     }
+    subscriptions;
+    constructor(ctx, pagerContext, cd) {
+        this.ctx = ctx;
+        this.pagerContext = pagerContext;
+        this.cd = cd;
+        this.total = pagerContext.total;
+        this.skip = pagerContext.skip;
+        this.pageSize = pagerContext.pageSize;
+    }
     /**
      * @hidden
      *
@@ -98,10 +105,10 @@ export class PagerElementComponent {
     get nextArrowSVGIcons() {
         return !this.ctx.localization.rtl ? [this.caretAltRightIcon, this.caretAltToRightIcon] : [this.caretAltLeftIcon, this.caretAltToLeftIcon];
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PagerElementComponent, deps: [{ token: i1.ContextService }, { token: i2.PagerContextService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: PagerElementComponent, inputs: { size: "size" }, ngImport: i0 });
 }
-PagerElementComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PagerElementComponent, deps: [{ token: i1.ContextService }, { token: i2.PagerContextService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Directive });
-PagerElementComponent.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: PagerElementComponent, inputs: { size: "size" }, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PagerElementComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PagerElementComponent, decorators: [{
             type: Directive,
             args: [{}]
         }], ctorParameters: function () { return [{ type: i1.ContextService }, { type: i2.PagerContextService }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { size: [{

package/{esm2020 → esm2022}/pager/pager-info.component.mjs

@@ -14,10 +14,7 @@ import * as i2 from "./pager-context.service";
  * Displays information about the current page and the total number of records ([see example](slug:pager_template_grid#toc-using-built-in-pager-components)).
  */
 export class PagerInfoComponent extends PagerElementComponent {
-    constructor(ctx, cd, pagerContext) {
-        super(ctx, pagerContext, cd);
-        this.pagerContext = pagerContext;
-    }
+    pagerContext;
     /**
      * @hidden
      *
@@ -50,16 +47,20 @@ export class PagerInfoComponent extends PagerElementComponent {
     get classes() {
         return true;
     }
+    constructor(ctx, cd, pagerContext) {
+        super(ctx, pagerContext, cd);
+        this.pagerContext = pagerContext;
+    }
     onChanges({ total, skip, pageSize }) {
         this.total = total;
         this.skip = skip;
         this.pageSize = pageSize;
         this.cd.markForCheck();
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PagerInfoComponent, deps: [{ token: i1.ContextService }, { token: i0.ChangeDetectorRef }, { token: i2.PagerContextService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: PagerInfoComponent, isStandalone: true, selector: "kendo-pager-info", host: { properties: { "class.k-pager-info": "this.classes", "class.k-label": "this.classes" } }, usesInheritance: true, ngImport: i0, template: `{{currentPageText}} - {{maxItems}} {{textFor('pagerOf')}} {{total}} {{textFor('pagerItems')}}`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-PagerInfoComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PagerInfoComponent, deps: [{ token: i1.ContextService }, { token: i0.ChangeDetectorRef }, { token: i2.PagerContextService }], target: i0.ɵɵFactoryTarget.Component });
-PagerInfoComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: PagerInfoComponent, isStandalone: true, selector: "kendo-pager-info", host: { properties: { "class.k-pager-info": "this.classes", "class.k-label": "this.classes" } }, usesInheritance: true, ngImport: i0, template: `{{currentPageText}} - {{maxItems}} {{textFor('pagerOf')}} {{total}} {{textFor('pagerItems')}}`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PagerInfoComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PagerInfoComponent, decorators: [{
             type: Component,
             args: [{
                     changeDetection: ChangeDetectionStrategy.OnPush,