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

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

@@ -18,16 +18,17 @@ 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.isNew = false;
-        this.uid = nextId();
-        this.tableRowClass = true;
-    }
+    idService;
+    navigation;
+    logicalRowIndex;
+    logicalSlaveRow = false;
+    logicalCellsCount;
+    logicalSlaveCellsCount = 0;
+    dataRowIndex = -1;
+    dataItem;
+    isNew = false;
+    totalColumns;
+    uid = nextId();
     get hostRole() {
         return this.logicalSlaveRow ? 'presentation' : 'row';
     }
@@ -64,6 +65,11 @@ export class LogicalRowDirective {
         }
         return ids.join(' ');
     }
+    tableRowClass = true;
+    constructor(idService, navigation) {
+        this.idService = idService;
+        this.navigation = navigation;
+    }
     ngOnChanges(changes) {
         if (!this.navigation.enabled || this.logicalSlaveRow) {
             return;
@@ -86,10 +92,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: "[kendoTreeListLogicalRow]", inputs: { logicalRowIndex: "logicalRowIndex", logicalSlaveRow: "logicalSlaveRow", logicalCellsCount: "logicalCellsCount", logicalSlaveCellsCount: "logicalSlaveCellsCount", dataRowIndex: "dataRowIndex", dataItem: "dataItem", isNew: "isNew", totalColumns: "totalColumns" }, host: { properties: { "attr.role": "this.hostRole", "attr.aria-rowindex": "this.ariaRowIndex", "attr.data-kendo-treelist-row-index": "this.rowIndex", "attr.aria-owns": "this.ariaOwns", "class.k-table-row": "this.tableRowClass" } }, 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: "[kendoTreeListLogicalRow]", inputs: { logicalRowIndex: "logicalRowIndex", logicalSlaveRow: "logicalSlaveRow", logicalCellsCount: "logicalCellsCount", logicalSlaveCellsCount: "logicalSlaveCellsCount", dataRowIndex: "dataRowIndex", dataItem: "dataItem", isNew: "isNew", totalColumns: "totalColumns" }, host: { properties: { "attr.role": "this.hostRole", "attr.aria-rowindex": "this.ariaRowIndex", "attr.data-kendo-treelist-row-index": "this.rowIndex", "attr.aria-owns": "this.ariaOwns", "class.k-table-row": "this.tableRowClass" } }, 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: '[kendoTreeListLogicalRow]',

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

@@ -6,6 +6,17 @@
  * @hidden
  */
 export class ModelCell {
+    uid;
+    column;
+    colIndex;
+    rowIndex;
+    colSpan;
+    rowSpan;
+    dataRowIndex;
+    dataItem;
+    parent;
+    focusGroup;
+    expandable;
     constructor(modelRow, cell) {
         this.uid = cell.uid;
         this.column = cell.column;

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

@@ -7,14 +7,13 @@ import { Subject } from 'rxjs';
  * @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();
+    metadata;
+    activeRow = 0;
+    activeCol = 0;
+    virtualCol = 0;
+    virtualRow = 0;
     get row() {
         return this.model.findRow(this.activeRow);
     }
@@ -31,6 +30,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,19 @@
  * @hidden
  */
 export class NavigationMetadata {
+    view;
+    headerRows;
+    isVirtual;
+    hasPager;
+    treelistElement;
+    virtualColumns;
+    columns;
+    get maxLogicalRowIndex() {
+        return this.headerRows + this.dataRows - 1;
+    }
+    get dataRows() {
+        return this.view.totalRows;
+    }
     constructor(view, headerRows, isVirtual, hasPager, treelistElement, virtualColumns, columns) {
         this.view = view;
         this.headerRows = headerRows;
@@ -15,10 +28,4 @@ export class NavigationMetadata {
         this.virtualColumns = virtualColumns;
         this.columns = columns;
     }
-    get maxLogicalRowIndex() {
-        return this.headerRows + this.dataRows - 1;
-    }
-    get dataRows() {
-        return this.view.totalRows;
-    }
 }

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

@@ -10,9 +10,7 @@ import { ModelCell } from './model-cell';
  * 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,27 +86,19 @@ export class NavigationViewport {
  * @hidden
  */
 export class NavigationService {
-    constructor(zone, domEvents, pagerContextService, scrollRequestService, focusRoot, editService, localization, expandState, selectionService, changeDetector, focusableParent) {
-        this.zone = zone;
-        this.domEvents = domEvents;
-        this.pagerContextService = pagerContextService;
-        this.scrollRequestService = scrollRequestService;
-        this.focusRoot = focusRoot;
-        this.editService = editService;
-        this.localization = localization;
-        this.expandState = expandState;
-        this.selectionService = selectionService;
-        this.changeDetector = changeDetector;
-        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.changes = this.cursor.changes;
-    }
+    zone;
+    domEvents;
+    pagerContextService;
+    scrollRequestService;
+    focusRoot;
+    editService;
+    localization;
+    expandState;
+    selectionService;
+    changeDetector;
+    focusableParent;
+    changes;
+    cellKeydown = new EventEmitter();
     set metadata(value) {
         this.meta = value;
         this.cursor.metadata = value;
@@ -127,9 +121,35 @@ 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;
     get activeDataRow() {
         return Math.max(0, this.activeRowIndex - this.meta.headerRows);
     }
+    constructor(zone, domEvents, pagerContextService, scrollRequestService, focusRoot, editService, localization, expandState, selectionService, changeDetector, focusableParent) {
+        this.zone = zone;
+        this.domEvents = domEvents;
+        this.pagerContextService = pagerContextService;
+        this.scrollRequestService = scrollRequestService;
+        this.focusRoot = focusRoot;
+        this.editService = editService;
+        this.localization = localization;
+        this.expandState = expandState;
+        this.selectionService = selectionService;
+        this.changeDetector = changeDetector;
+        this.focusableParent = focusableParent;
+        this.changes = this.cursor.changes;
+    }
     init(meta) {
         this.alive = true;
         this.focusRoot.active = true;
@@ -608,10 +628,10 @@ export class NavigationService {
         this.leaveCell();
         this.cursor.reset();
     }
+    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.FocusRoot }, { token: i5.EditService }, { token: i6.LocalizationService }, { token: i7.ExpandStateService }, { token: i8.SelectionService }, { token: i0.ChangeDetectorRef }, { 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.FocusRoot }, { token: i5.EditService }, { token: i6.LocalizationService }, { token: i7.ExpandStateService }, { token: i8.SelectionService }, { token: i0.ChangeDetectorRef }, { 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.FocusRoot }, { type: i5.EditService }, { type: i6.LocalizationService }, { type: i7.ExpandStateService }, { type: i8.SelectionService }, { type: i0.ChangeDetectorRef }, { type: i9.FocusableDirective, decorators: [{
                     type: Optional

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

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

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

@@ -9,7 +9,7 @@ export const packageMetadata = {
     name: '@progress/kendo-angular-treelist',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1728917473,
-    version: '17.0.0-develop.3',
+    publishDate: 1730389056,
+    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,12 @@ import { Subject } from "rxjs";
  * @hidden
  */
 export class PagerContextService {
-    constructor() {
-        this.changes = new Subject();
-        this.pageChange = new Subject();
-    }
+    total;
+    skip;
+    pageSize;
+    allCount;
+    changes = new Subject();
+    pageChange = new Subject();
     get currentPage() {
         return this.skip / this.pageSize;
     }

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

@@ -13,19 +13,17 @@ import * as i2 from "./pager-context.service";
  * @hidden
  */
 export class PagerElementComponent {
-    constructor(localization, pagerContext, cd) {
-        this.localization = localization;
-        this.pagerContext = pagerContext;
-        this.cd = cd;
-        this.total = this.pagerContext.total;
-        this.skip = this.pagerContext.skip;
-        this.pageSize = this.pagerContext.pageSize;
-        this.allCount = this.pagerContext.allCount;
-        this.caretAltLeftIcon = caretAltLeftIcon;
-        this.caretAltToLeftIcon = caretAltToLeftIcon;
-        this.caretAltRightIcon = caretAltRightIcon;
-        this.caretAltToRightIcon = caretAltToRightIcon;
-    }
+    localization;
+    pagerContext;
+    cd;
+    total;
+    skip;
+    pageSize;
+    allCount;
+    caretAltLeftIcon = caretAltLeftIcon;
+    caretAltToLeftIcon = caretAltToLeftIcon;
+    caretAltRightIcon = caretAltRightIcon;
+    caretAltToRightIcon = caretAltToRightIcon;
     /**
      * @hidden
      *
@@ -46,6 +44,16 @@ export class PagerElementComponent {
     get totalPages() {
         return Math.ceil((this.total || 0) / this.pageSize);
     }
+    subscriptions;
+    constructor(localization, pagerContext, cd) {
+        this.localization = localization;
+        this.pagerContext = pagerContext;
+        this.cd = cd;
+        this.total = this.pagerContext.total;
+        this.skip = this.pagerContext.skip;
+        this.pageSize = this.pagerContext.pageSize;
+        this.allCount = this.pagerContext.allCount;
+    }
     /**
      * @hidden
      *
@@ -94,10 +102,10 @@ export class PagerElementComponent {
     get nextArrowSVGIcons() {
         return !this.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.LocalizationService }, { token: i2.PagerContextService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: PagerElementComponent, ngImport: i0 });
 }
-PagerElementComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PagerElementComponent, deps: [{ token: i1.LocalizationService }, { token: i2.PagerContextService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Directive });
-PagerElementComponent.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: PagerElementComponent, 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.LocalizationService }, { type: i2.PagerContextService }, { type: i0.ChangeDetectorRef }]; } });

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_treelist)).
  */
 export class PagerInfoComponent extends PagerElementComponent {
-    constructor(localization, cd, pagerContext) {
-        super(localization, pagerContext, cd);
-        this.pagerContext = pagerContext;
-    }
+    pagerContext;
     /**
      * @hidden
      *
@@ -48,6 +45,10 @@ export class PagerInfoComponent extends PagerElementComponent {
     get classes() {
         return true;
     }
+    constructor(localization, cd, pagerContext) {
+        super(localization, pagerContext, cd);
+        this.pagerContext = pagerContext;
+    }
     onChanges({ allCount, total, skip, pageSize }) {
         this.total = total;
         this.skip = skip;
@@ -55,10 +56,10 @@ export class PagerInfoComponent extends PagerElementComponent {
         this.allCount = allCount;
         this.cd.markForCheck();
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PagerInfoComponent, deps: [{ token: i1.LocalizationService }, { 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-treelist-pager-info", host: { properties: { "class.k-pager-info": "this.classes", "class.k-label": "this.classes" } }, usesInheritance: true, ngImport: i0, template: `{{textFor('pagerPage')}} {{currentPageText}} {{textFor('pagerOf')}} {{maxPage}} ({{allCount}} {{textFor('pagerItemsTotal')}})`, 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.LocalizationService }, { 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-treelist-pager-info", host: { properties: { "class.k-pager-info": "this.classes", "class.k-label": "this.classes" } }, usesInheritance: true, ngImport: i0, template: `{{textFor('pagerPage')}} {{currentPageText}} {{textFor('pagerOf')}} {{maxPage}} ({{allCount}} {{textFor('pagerItemsTotal')}})`, 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,

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

@@ -19,49 +19,53 @@ import * as i3 from "../navigation/navigation.service";
  * Displays an input element which allows the typing and rendering of page numbers.
  */
 export class PagerInputComponent extends PagerElementComponent {
+    pagerContext;
+    navigationService;
+    zone;
+    numericInput;
     constructor(localization, pagerContext, navigationService, zone, cd) {
         super(localization, pagerContext, cd);
         this.pagerContext = pagerContext;
         this.navigationService = navigationService;
         this.zone = zone;
-        /**
-         * @hidden
-         *
-         * @param {string} value
-         *
-         * @memberOf PagerInputComponent
-         */
-        this.handleKeyDown = (event) => {
-            const incomingValue = this.numericInput.value || this.current;
-            if (event.keyCode === Keys.Enter) {
-                event.preventDefault();
-                if (incomingValue !== this.current) {
-                    this.zone.run(() => {
-                        this.changePage(incomingValue - 1);
-                    });
-                }
-            }
-        };
-        /**
-         * @hidden
-         *
-         * @param {string} value
-         *
-         * @memberOf PagerInputComponent
-         */
-        this.handleBlur = () => {
-            const inputValue = this.numericInput.value;
-            if (!inputValue) {
-                this.numericInput.writeValue(this.current);
-                return;
-            }
-            if (inputValue !== this.current) {
+    }
+    /**
+     * @hidden
+     *
+     * @param {string} value
+     *
+     * @memberOf PagerInputComponent
+     */
+    handleKeyDown = (event) => {
+        const incomingValue = this.numericInput.value || this.current;
+        if (event.keyCode === Keys.Enter) {
+            event.preventDefault();
+            if (incomingValue !== this.current) {
                 this.zone.run(() => {
-                    this.changePage(inputValue - 1);
+                    this.changePage(incomingValue - 1);
                 });
             }
-        };
-    }
+        }
+    };
+    /**
+     * @hidden
+     *
+     * @param {string} value
+     *
+     * @memberOf PagerInputComponent
+     */
+    handleBlur = () => {
+        const inputValue = this.numericInput.value;
+        if (!inputValue) {
+            this.numericInput.writeValue(this.current);
+            return;
+        }
+        if (inputValue !== this.current) {
+            this.zone.run(() => {
+                this.changePage(inputValue - 1);
+            });
+        }
+    };
     /**
      * @hidden
      */
@@ -77,9 +81,8 @@ export class PagerInputComponent extends PagerElementComponent {
         this.pageSize = pageSize;
         this.cd.markForCheck();
     }
-}
-PagerInputComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PagerInputComponent, deps: [{ token: i1.LocalizationService }, { token: i2.PagerContextService }, { token: i3.NavigationService }, { token: i0.NgZone }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-PagerInputComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: PagerInputComponent, isStandalone: true, selector: "kendo-treelist-pager-input", viewQueries: [{ propertyName: "numericInput", first: true, predicate: NumericTextBoxComponent, descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PagerInputComponent, deps: [{ token: i1.LocalizationService }, { token: i2.PagerContextService }, { token: i3.NavigationService }, { token: i0.NgZone }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: PagerInputComponent, isStandalone: true, selector: "kendo-treelist-pager-input", viewQueries: [{ propertyName: "numericInput", first: true, predicate: NumericTextBoxComponent, descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: `
         <span class="k-pager-input k-label">
             {{textFor('pagerPage')}}
             <kendo-numerictextbox
@@ -105,7 +108,8 @@ PagerInputComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", ve
                 {{textFor('pagerOf')}} {{totalPages}}
         </span>
     `, isInline: true, dependencies: [{ kind: "component", type: 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", "inputAttributes"], outputs: ["valueChange", "focus", "blur", "inputFocus", "inputBlur"], exportAs: ["kendoNumericTextBox"] }, { kind: "directive", type: FocusableDirective, selector: "[kendoTreeListFocusable],\n        [kendoTreeListAddCommand],\n        [kendoTreeListEditCommand],\n        [kendoTreeListRemoveCommand],\n        [kendoTreeListSaveCommand],\n        [kendoTreeListCancelCommand]\n    ", inputs: ["kendoTreeListFocusable", "enabled", "kendoTreeListAddCommand", "kendoTreeListEditCommand", "kendoTreeListRemoveCommand", "kendoTreeListSaveCommand", "kendoTreeListCancelCommand"] }, { kind: "directive", type: EventsOutsideAngularDirective, selector: "[kendoEventsOutsideAngular]", inputs: ["kendoEventsOutsideAngular", "scope"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PagerInputComponent, decorators: [{
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PagerInputComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'kendo-treelist-pager-input',

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

@@ -18,10 +18,7 @@ import * as i3 from "../navigation/navigation.service";
  * Displays buttons for navigating to the next and to the last page ([see example](slug:pager_template_treelist)).
  */
 export class PagerNextButtonsComponent extends PagerElementComponent {
-    constructor(localization, pagerContext, cd, navigationService) {
-        super(localization, pagerContext, cd);
-        this.navigationService = navigationService;
-    }
+    navigationService;
     /**
      * @hidden
      *
@@ -32,6 +29,14 @@ export class PagerNextButtonsComponent extends PagerElementComponent {
     get disabled() {
         return this.currentPage === this.totalPages || !this.total;
     }
+    /**
+     * @hidden
+     */
+    navigable;
+    constructor(localization, pagerContext, cd, navigationService) {
+        super(localization, pagerContext, cd);
+        this.navigationService = navigationService;
+    }
     /**
      * @hidden
      */
@@ -47,9 +52,8 @@ export class PagerNextButtonsComponent extends PagerElementComponent {
         this.pageSize = pageSize;
         this.cd.markForCheck();
     }
-}
-PagerNextButtonsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", 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: "14.0.0", version: "15.2.10", type: PagerNextButtonsComponent, isStandalone: true, selector: "kendo-treelist-pager-next-buttons", inputs: { navigable: "navigable" }, usesInheritance: true, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PagerNextButtonsComponent, deps: [{ token: i1.LocalizationService }, { token: i2.PagerContextService }, { token: i0.ChangeDetectorRef }, { token: i3.NavigationService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: PagerNextButtonsComponent, isStandalone: true, selector: "kendo-treelist-pager-next-buttons", inputs: { navigable: "navigable" }, usesInheritance: true, ngImport: i0, template: `
         <button
             kendoButton
             type="button"
@@ -80,8 +84,9 @@ PagerNextButtonsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.
             [attr.aria-label]="textFor('pagerLastPage')"
             (click)="onButtonClick('lastPage')">
         </button>
-    `, isInline: true, dependencies: [{ kind: "component", type: ButtonComponent, selector: "button[kendoButton], span[kendoButton], kendo-button", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "role", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { kind: "directive", type: FocusableDirective, selector: "[kendoTreeListFocusable],\n        [kendoTreeListAddCommand],\n        [kendoTreeListEditCommand],\n        [kendoTreeListRemoveCommand],\n        [kendoTreeListSaveCommand],\n        [kendoTreeListCancelCommand]\n    ", inputs: ["kendoTreeListFocusable", "enabled", "kendoTreeListAddCommand", "kendoTreeListEditCommand", "kendoTreeListRemoveCommand", "kendoTreeListSaveCommand", "kendoTreeListCancelCommand"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PagerNextButtonsComponent, decorators: [{
+    `, isInline: true, dependencies: [{ kind: "component", type: ButtonComponent, selector: "button[kendoButton]", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { kind: "directive", type: FocusableDirective, selector: "[kendoTreeListFocusable],\n        [kendoTreeListAddCommand],\n        [kendoTreeListEditCommand],\n        [kendoTreeListRemoveCommand],\n        [kendoTreeListSaveCommand],\n        [kendoTreeListCancelCommand]\n    ", inputs: ["kendoTreeListFocusable", "enabled", "kendoTreeListAddCommand", "kendoTreeListEditCommand", "kendoTreeListRemoveCommand", "kendoTreeListSaveCommand", "kendoTreeListCancelCommand"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PagerNextButtonsComponent, decorators: [{
             type: Component,
             args: [{
                     changeDetection: ChangeDetectionStrategy.OnPush,

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

@@ -17,10 +17,16 @@ import * as i2 from "./pager-context.service";
  * Displays numeric buttons to enable navigation between the pages ([see example](slug:pager_template_treelist)).
  */
 export class PagerNumericButtonsComponent extends PagerElementComponent {
-    constructor(localization, cd, pagerContext) {
-        super(localization, pagerContext, cd);
-        this.pagerContext = pagerContext;
-    }
+    pagerContext;
+    selectElement;
+    numbersElement;
+    /**
+     * The count of the displayed buttons.
+     *
+     * @type {number}
+     * @memberOf PagerNumericButtonsComponent
+     */
+    buttonCount;
     /**
      * @hidden
      *
@@ -53,6 +59,10 @@ export class PagerNumericButtonsComponent extends PagerElementComponent {
         }
         return 1;
     }
+    constructor(localization, cd, pagerContext) {
+        super(localization, pagerContext, cd);
+        this.pagerContext = pagerContext;
+    }
     /**
      * @hidden
      */
@@ -87,9 +97,8 @@ export class PagerNumericButtonsComponent extends PagerElementComponent {
         this.pageSize = pageSize;
         this.cd.markForCheck();
     }
-}
-PagerNumericButtonsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PagerNumericButtonsComponent, deps: [{ token: i1.LocalizationService }, { token: i0.ChangeDetectorRef }, { token: i2.PagerContextService }], target: i0.ɵɵFactoryTarget.Component });
-PagerNumericButtonsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: PagerNumericButtonsComponent, isStandalone: true, selector: "kendo-treelist-pager-numeric-buttons", inputs: { buttonCount: "buttonCount" }, viewQueries: [{ propertyName: "selectElement", first: true, predicate: ["select"], descendants: true, read: ElementRef }, { propertyName: "numbersElement", first: true, predicate: ["numbers"], descendants: true, read: ElementRef }], usesInheritance: true, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PagerNumericButtonsComponent, deps: [{ token: i1.LocalizationService }, { token: i0.ChangeDetectorRef }, { token: i2.PagerContextService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: PagerNumericButtonsComponent, isStandalone: true, selector: "kendo-treelist-pager-numeric-buttons", inputs: { buttonCount: "buttonCount" }, viewQueries: [{ propertyName: "selectElement", first: true, predicate: ["select"], descendants: true, read: ElementRef }, { propertyName: "numbersElement", first: true, predicate: ["numbers"], descendants: true, read: ElementRef }], usesInheritance: true, ngImport: i0, template: `
         <select
             class="k-dropdown-list k-dropdown k-picker k-picker-solid k-picker-md k-rounded-md"
             kendoTreeListFocusable
@@ -156,8 +165,9 @@ PagerNumericButtonsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14
                 [attr.title]="pageLabel(end + 1)"
                 (click)="changePage(end)">...</button>
         </div>
-    `, isInline: true, dependencies: [{ kind: "directive", type: FocusableDirective, selector: "[kendoTreeListFocusable],\n        [kendoTreeListAddCommand],\n        [kendoTreeListEditCommand],\n        [kendoTreeListRemoveCommand],\n        [kendoTreeListSaveCommand],\n        [kendoTreeListCancelCommand]\n    ", inputs: ["kendoTreeListFocusable", "enabled", "kendoTreeListAddCommand", "kendoTreeListEditCommand", "kendoTreeListRemoveCommand", "kendoTreeListSaveCommand", "kendoTreeListCancelCommand"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: ButtonComponent, selector: "button[kendoButton], span[kendoButton], kendo-button", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "role", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PagerNumericButtonsComponent, decorators: [{
+    `, isInline: true, dependencies: [{ kind: "directive", type: FocusableDirective, selector: "[kendoTreeListFocusable],\n        [kendoTreeListAddCommand],\n        [kendoTreeListEditCommand],\n        [kendoTreeListRemoveCommand],\n        [kendoTreeListSaveCommand],\n        [kendoTreeListCancelCommand]\n    ", inputs: ["kendoTreeListFocusable", "enabled", "kendoTreeListAddCommand", "kendoTreeListEditCommand", "kendoTreeListRemoveCommand", "kendoTreeListSaveCommand", "kendoTreeListCancelCommand"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: ButtonComponent, selector: "button[kendoButton]", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PagerNumericButtonsComponent, decorators: [{
             type: Component,
             args: [{
                     changeDetection: ChangeDetectionStrategy.OnPush,