@progress/kendo-angular-treelist 21.0.0-develop.9 → 21.0.0

package/esm2022/dragdrop/drag-hint.service.mjs

@@ -39,7 +39,7 @@ const decorate = (element) => {
 };
 const svgIconsMarkup = (viewBox, content, safeTitle) => `
     <span class="k-icon k-svg-icon k-drag-status k-svg-i-cancel">
-        <svg 
+        <svg
             xmlns="http://www.w3.org/2000/svg"
             xmlns:xlink="http://www.w3.org/1999/xlink"
             viewBox="${viewBox}"
@@ -95,7 +95,11 @@ export class DragHintService {
     remove() {
         if (this.dom && this.dom.parentNode) {
             (function (el) {
-                setTimeout(() => document.body.removeChild(el));
+                setTimeout(() => {
+                    if (isDocumentAvailable()) {
+                        document.body.removeChild(el);
+                    }
+                });
             })(this.dom); // hack for IE + pointer events!
             this.dom = null;
         }

package/esm2022/navigation/navigation.service.mjs

@@ -20,6 +20,8 @@ import { closest, contains, findFocusableChild, isVisible, matchesNodeName } fro
 import { ScrollRequestService } from '../scrolling/scroll-request.service';
 import { SelectionService } from '../selection/selection.service';
 import { PagerContextService } from '@progress/kendo-angular-pager';
+import { ContextService } from '../common/provider.service';
+import { hasClasses } from '@progress/kendo-angular-common';
 import * as i0 from "@angular/core";
 import * as i1 from "../common/dom-events.service";
 import * as i2 from "@progress/kendo-angular-pager";
@@ -29,7 +31,8 @@ import * as i5 from "../editing/edit.service";
 import * as i6 from "@progress/kendo-angular-l10n";
 import * as i7 from "../expand-state/expand-state.service";
 import * as i8 from "../selection/selection.service";
-import * as i9 from "./focusable.directive";
+import * as i9 from "../common/provider.service";
+import * as i10 from "./focusable.directive";
 const isInSameTreeList = (element, treelistElement) => closest(element, matchesNodeName('kendo-treelist')) === treelistElement;
 const matchHeaderCell = matchesNodeName('th');
 const matchDataCell = matchesNodeName('td');
@@ -96,6 +99,7 @@ export class NavigationService {
     expandState;
     selectionService;
     changeDetector;
+    ctx;
     focusableParent;
     changes;
     cellKeydown = new EventEmitter();
@@ -136,7 +140,7 @@ export class NavigationService {
     get activeDataRow() {
         return Math.max(0, this.activeRowIndex - this.meta.headerRows);
     }
-    constructor(zone, domEvents, pagerContextService, scrollRequestService, focusRoot, editService, localization, expandState, selectionService, changeDetector, focusableParent) {
+    constructor(zone, domEvents, pagerContextService, scrollRequestService, focusRoot, editService, localization, expandState, selectionService, changeDetector, ctx, focusableParent) {
         this.zone = zone;
         this.domEvents = domEvents;
         this.pagerContextService = pagerContextService;
@@ -147,6 +151,7 @@ export class NavigationService {
         this.expandState = expandState;
         this.selectionService = selectionService;
         this.changeDetector = changeDetector;
+        this.ctx = ctx;
         this.focusableParent = focusableParent;
         this.changes = this.cursor.changes;
     }
@@ -400,6 +405,13 @@ export class NavigationService {
         }
         // on some keyboards arrow keys, PageUp/Down, and Home/End are mapped to Numpad keys
         const code = normalizeNumpadKeys(args);
+        if ((args.ctrlKey || args.metaKey) && args.shiftKey && (code === Keys.ArrowUp || code === Keys.ArrowDown)) {
+            const row = this.cursor.row;
+            if (this.handleRowReorderKeyboard(args, code, row)) {
+                args.preventDefault();
+                return;
+            }
+        }
         const row = this.cursor.row;
         switch (code) {
             case Keys.Space:
@@ -414,13 +426,13 @@ export class NavigationService {
                 break;
             case Keys.ArrowDown:
                 preventDefault = this.cursor.moveDown(step);
-                if (preventDefault && args.shiftKey) {
+                if (preventDefault && args.shiftKey && !modifier) {
                     this.updateSelection(args);
                 }
                 break;
             case Keys.ArrowUp:
                 preventDefault = this.cursor.moveUp(step);
-                if (preventDefault && args.shiftKey) {
+                if (preventDefault && args.shiftKey && !modifier) {
                     this.updateSelection(args);
                 }
                 break;
@@ -615,6 +627,45 @@ export class NavigationService {
         this.deactivateElements();
         this.cursor.announce();
     }
+    handleRowReorderKeyboard(args, code, row) {
+        if (!this.ctx.treelist?.rowReorderable || !this.activeCell) {
+            return false;
+        }
+        const cellElement = args.target;
+        if (!cellElement) {
+            return false;
+        }
+        const dragCell = closest(cellElement, (el) => hasClasses(el, 'k-drag-cell'));
+        if (!dragCell || row.dataRowIndex < 0 || !row.dataItem) {
+            return false;
+        }
+        const isUpArrow = code === Keys.ArrowUp;
+        const currentRowIndex = row.dataRowIndex;
+        const view = this.ctx.treelist.view;
+        if (!view || view.length === 0) {
+            return false;
+        }
+        const targetRowIndex = currentRowIndex + (isUpArrow ? -1 : 1);
+        if (targetRowIndex < 0 || targetRowIndex >= view.length) {
+            return false;
+        }
+        const dropPosition = isUpArrow ? 'before' : 'after';
+        this.zone.run(() => {
+            const rowReorderService = this.ctx.treelist.rowReorderService;
+            if (rowReorderService?.reorderViaKeyboard) {
+                // Convert ViewCollection to array for the reorder method
+                const viewArray = Array.from({ length: view.length }, (_, i) => view.at(i));
+                rowReorderService.reorderViaKeyboard(currentRowIndex, targetRowIndex, dropPosition, viewArray);
+                // Move focus to follow the reordered row
+                // After reordering, the row will be at the target position
+                this.zone.onStable.pipe(take(1)).subscribe(() => {
+                    const newRowIndex = this.meta.headerRows + targetRowIndex;
+                    this.cursor.reset(newRowIndex, this.activeCell.colIndex);
+                });
+            }
+        });
+        return true;
+    }
     onKeydown(args) {
         if (this.mode === 1 /* NavigationMode.Cursor */) {
             this.onCursorKeydown(args);
@@ -634,11 +685,11 @@ export class NavigationService {
         this.leaveCell();
         this.cursor.reset();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", 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 ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", 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.ContextService }, { token: i10.FocusableDirective, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
     static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: NavigationService });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: NavigationService, decorators: [{
             type: Injectable
-        }], ctorParameters: () => [{ 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: [{
+        }], ctorParameters: () => [{ 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.ContextService }, { type: i10.FocusableDirective, decorators: [{
                     type: Optional
                 }] }] });

package/esm2022/package-metadata.mjs

@@ -10,7 +10,7 @@ export const packageMetadata = {
     productName: 'Kendo UI for Angular',
     productCode: 'KENDOUIANGULAR',
     productCodes: ['KENDOUIANGULAR'],
-    publishDate: 1761910433,
-    version: '21.0.0-develop.9',
+    publishDate: 1762934619,
+    version: '21.0.0',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
 };

package/esm2022/row-reordering/row-reorder.service.mjs

@@ -104,6 +104,34 @@ export class RowReorderService {
     }
     isOverChild(_item) { return false; }
     reorderRows(_ev, _collection, _field) { }
+    /**
+     * Triggers row reordering programmatically via keyboard shortcut.
+     * @param dragRowIndex - The index of the row to move
+     * @param dropRowIndex - The index of the target row
+     * @param dropPosition - The position relative to the target row ('before' or 'after')
+     * @param data - The data array (view)
+     */
+    reorderViaKeyboard(dragRowIndex, dropRowIndex, dropPosition, data) {
+        if (dropPosition === 'forbidden') {
+            return;
+        }
+        const dragRow = this.createVirtualRowElement(dragRowIndex);
+        const dropRow = this.createVirtualRowElement(dropRowIndex);
+        this.lastDropPosition = dropPosition;
+        const rowReorderArgs = this.rowReorderArgs(dragRow, dropRow, data);
+        this.rowReorder.emit(rowReorderArgs);
+    }
+    createVirtualRowElement(rowIndex) {
+        const virtualElement = {
+            getAttribute: (attr) => {
+                if (attr === rowIndexAttr) {
+                    return String(rowIndex);
+                }
+                return null;
+            }
+        };
+        return virtualElement;
+    }
     get parentIdField() {
         return this.bindingDirective.parentIdField;
     }

package/fesm2022/progress-kendo-angular-treelist.mjs

@@ -49,8 +49,8 @@ const packageMetadata = {
     productName: 'Kendo UI for Angular',
     productCode: 'KENDOUIANGULAR',
     productCodes: ['KENDOUIANGULAR'],
-    publishDate: 1761910433,
-    version: '21.0.0-develop.9',
+    publishDate: 1762934619,
+    version: '21.0.0',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
 };
 
@@ -3225,7 +3225,7 @@ const decorate = (element) => {
 };
 const svgIconsMarkup = (viewBox, content, safeTitle) => `
     <span class="k-icon k-svg-icon k-drag-status k-svg-i-cancel">
-        <svg 
+        <svg
             xmlns="http://www.w3.org/2000/svg"
             xmlns:xlink="http://www.w3.org/1999/xlink"
             viewBox="${viewBox}"
@@ -3281,7 +3281,11 @@ class DragHintService {
     remove() {
         if (this.dom && this.dom.parentNode) {
             (function (el) {
-                setTimeout(() => document.body.removeChild(el));
+                setTimeout(() => {
+                    if (isDocumentAvailable()) {
+                        document.body.removeChild(el);
+                    }
+                });
             })(this.dom); // hack for IE + pointer events!
             this.dom = null;
         }
@@ -4509,6 +4513,80 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
             type: Injectable
         }] });
 
+/**
+ * @hidden
+ */
+class TreeListToolbarNavigationService {
+    renderer;
+    navigableElements = [];
+    currentActiveIndex = 0;
+    defaultFocusableSelector = `
+        [kendoTreeListToolbarFocusable],
+        [kendoTreeListAddCommand],
+        [kendoTreeListCancelCommand],
+        [kendoTreeListEditCommand],
+        [kendoTreeListRemoveCommand],
+        [kendoTreeListSaveCommand],
+        [kendoTreeListExcelCommand],
+        [kendoTreeListPDFCommand]
+    `;
+    constructor(renderer) {
+        this.renderer = renderer;
+    }
+    notify() {
+        // ensure focusable elements are in the same order as in the DOM
+        this.navigableElements = (this.navigableElements.length && this.navigableElements[0]?.parentElement) ? Array.from(this.navigableElements[0]?.parentElement?.querySelectorAll(this.defaultFocusableSelector) || []) : [];
+        this.currentActiveIndex = 0;
+        this.updateFocus();
+    }
+    focus() {
+        this.navigableElements[this.currentActiveIndex]?.focus();
+    }
+    updateFocus() {
+        if (!this.navigableElements.length) {
+            return;
+        }
+        this.navigableElements.forEach(el => {
+            this.renderer.setAttribute(el, 'tabindex', '-1');
+        });
+        this.renderer.setAttribute(this.navigableElements[this.currentActiveIndex], 'tabindex', '0');
+        if (isDocumentAvailable() && document.activeElement.closest('.k-toolbar')) {
+            this.navigableElements[this.currentActiveIndex].focus();
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: TreeListToolbarNavigationService, deps: [{ token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: TreeListToolbarNavigationService });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: TreeListToolbarNavigationService, decorators: [{
+            type: Injectable
+        }], ctorParameters: () => [{ type: i0.Renderer2 }] });
+
+/**
+ * @hidden
+ *
+ * The Context service is used to provide common
+ * services and DI tokens for a Grid instance.
+ *
+ * This keeps the constructor parameters stable
+ * and a avoids dependency cycles between components.
+ */
+class ContextService {
+    localization;
+    treelist;
+    topToolbarNavigation;
+    bottomToolbarNavigation;
+    constructor(renderer, localization) {
+        this.localization = localization;
+        this.topToolbarNavigation = new TreeListToolbarNavigationService(renderer);
+        this.bottomToolbarNavigation = new TreeListToolbarNavigationService(renderer);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ContextService, deps: [{ token: i0.Renderer2 }, { token: i1$1.LocalizationService }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ContextService });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ContextService, decorators: [{
+            type: Injectable
+        }], ctorParameters: () => [{ type: i0.Renderer2 }, { type: i1$1.LocalizationService }] });
+
 const isInSameTreeList = (element, treelistElement) => closest(element, matchesNodeName('kendo-treelist')) === treelistElement;
 const matchHeaderCell = matchesNodeName('th');
 const matchDataCell = matchesNodeName('td');
@@ -4575,6 +4653,7 @@ class NavigationService {
     expandState;
     selectionService;
     changeDetector;
+    ctx;
     focusableParent;
     changes;
     cellKeydown = new EventEmitter();
@@ -4615,7 +4694,7 @@ class NavigationService {
     get activeDataRow() {
         return Math.max(0, this.activeRowIndex - this.meta.headerRows);
     }
-    constructor(zone, domEvents, pagerContextService, scrollRequestService, focusRoot, editService, localization, expandState, selectionService, changeDetector, focusableParent) {
+    constructor(zone, domEvents, pagerContextService, scrollRequestService, focusRoot, editService, localization, expandState, selectionService, changeDetector, ctx, focusableParent) {
         this.zone = zone;
         this.domEvents = domEvents;
         this.pagerContextService = pagerContextService;
@@ -4626,6 +4705,7 @@ class NavigationService {
         this.expandState = expandState;
         this.selectionService = selectionService;
         this.changeDetector = changeDetector;
+        this.ctx = ctx;
         this.focusableParent = focusableParent;
         this.changes = this.cursor.changes;
     }
@@ -4879,6 +4959,13 @@ class NavigationService {
         }
         // on some keyboards arrow keys, PageUp/Down, and Home/End are mapped to Numpad keys
         const code = normalizeNumpadKeys(args);
+        if ((args.ctrlKey || args.metaKey) && args.shiftKey && (code === Keys.ArrowUp || code === Keys.ArrowDown)) {
+            const row = this.cursor.row;
+            if (this.handleRowReorderKeyboard(args, code, row)) {
+                args.preventDefault();
+                return;
+            }
+        }
         const row = this.cursor.row;
         switch (code) {
             case Keys.Space:
@@ -4893,13 +4980,13 @@ class NavigationService {
                 break;
             case Keys.ArrowDown:
                 preventDefault = this.cursor.moveDown(step);
-                if (preventDefault && args.shiftKey) {
+                if (preventDefault && args.shiftKey && !modifier) {
                     this.updateSelection(args);
                 }
                 break;
             case Keys.ArrowUp:
                 preventDefault = this.cursor.moveUp(step);
-                if (preventDefault && args.shiftKey) {
+                if (preventDefault && args.shiftKey && !modifier) {
                     this.updateSelection(args);
                 }
                 break;
@@ -5094,6 +5181,45 @@ class NavigationService {
         this.deactivateElements();
         this.cursor.announce();
     }
+    handleRowReorderKeyboard(args, code, row) {
+        if (!this.ctx.treelist?.rowReorderable || !this.activeCell) {
+            return false;
+        }
+        const cellElement = args.target;
+        if (!cellElement) {
+            return false;
+        }
+        const dragCell = closest(cellElement, (el) => hasClasses$1(el, 'k-drag-cell'));
+        if (!dragCell || row.dataRowIndex < 0 || !row.dataItem) {
+            return false;
+        }
+        const isUpArrow = code === Keys.ArrowUp;
+        const currentRowIndex = row.dataRowIndex;
+        const view = this.ctx.treelist.view;
+        if (!view || view.length === 0) {
+            return false;
+        }
+        const targetRowIndex = currentRowIndex + (isUpArrow ? -1 : 1);
+        if (targetRowIndex < 0 || targetRowIndex >= view.length) {
+            return false;
+        }
+        const dropPosition = isUpArrow ? 'before' : 'after';
+        this.zone.run(() => {
+            const rowReorderService = this.ctx.treelist.rowReorderService;
+            if (rowReorderService?.reorderViaKeyboard) {
+                // Convert ViewCollection to array for the reorder method
+                const viewArray = Array.from({ length: view.length }, (_, i) => view.at(i));
+                rowReorderService.reorderViaKeyboard(currentRowIndex, targetRowIndex, dropPosition, viewArray);
+                // Move focus to follow the reordered row
+                // After reordering, the row will be at the target position
+                this.zone.onStable.pipe(take(1)).subscribe(() => {
+                    const newRowIndex = this.meta.headerRows + targetRowIndex;
+                    this.cursor.reset(newRowIndex, this.activeCell.colIndex);
+                });
+            }
+        });
+        return true;
+    }
     onKeydown(args) {
         if (this.mode === 1 /* NavigationMode.Cursor */) {
             this.onCursorKeydown(args);
@@ -5113,12 +5239,12 @@ class NavigationService {
         this.leaveCell();
         this.cursor.reset();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: NavigationService, deps: [{ token: i0.NgZone }, { token: DomEventsService }, { token: i107.PagerContextService }, { token: ScrollRequestService }, { token: FocusRoot }, { token: EditService }, { token: i1$1.LocalizationService }, { token: ExpandStateService }, { token: SelectionService }, { token: i0.ChangeDetectorRef }, { token: FocusableDirective, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: NavigationService, deps: [{ token: i0.NgZone }, { token: DomEventsService }, { token: i107.PagerContextService }, { token: ScrollRequestService }, { token: FocusRoot }, { token: EditService }, { token: i1$1.LocalizationService }, { token: ExpandStateService }, { token: SelectionService }, { token: i0.ChangeDetectorRef }, { token: ContextService }, { token: FocusableDirective, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
     static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: NavigationService });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: NavigationService, decorators: [{
             type: Injectable
-        }], ctorParameters: () => [{ type: i0.NgZone }, { type: DomEventsService }, { type: i107.PagerContextService }, { type: ScrollRequestService }, { type: FocusRoot }, { type: EditService }, { type: i1$1.LocalizationService }, { type: ExpandStateService }, { type: SelectionService }, { type: i0.ChangeDetectorRef }, { type: FocusableDirective, decorators: [{
+        }], ctorParameters: () => [{ type: i0.NgZone }, { type: DomEventsService }, { type: i107.PagerContextService }, { type: ScrollRequestService }, { type: FocusRoot }, { type: EditService }, { type: i1$1.LocalizationService }, { type: ExpandStateService }, { type: SelectionService }, { type: i0.ChangeDetectorRef }, { type: ContextService }, { type: FocusableDirective, decorators: [{
                     type: Optional
                 }] }] });
 
@@ -5329,80 +5455,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
             type: Injectable
         }] });
 
-/**
- * @hidden
- */
-class TreeListToolbarNavigationService {
-    renderer;
-    navigableElements = [];
-    currentActiveIndex = 0;
-    defaultFocusableSelector = `
-        [kendoTreeListToolbarFocusable],
-        [kendoTreeListAddCommand],
-        [kendoTreeListCancelCommand],
-        [kendoTreeListEditCommand],
-        [kendoTreeListRemoveCommand],
-        [kendoTreeListSaveCommand],
-        [kendoTreeListExcelCommand],
-        [kendoTreeListPDFCommand]
-    `;
-    constructor(renderer) {
-        this.renderer = renderer;
-    }
-    notify() {
-        // ensure focusable elements are in the same order as in the DOM
-        this.navigableElements = (this.navigableElements.length && this.navigableElements[0]?.parentElement) ? Array.from(this.navigableElements[0]?.parentElement?.querySelectorAll(this.defaultFocusableSelector) || []) : [];
-        this.currentActiveIndex = 0;
-        this.updateFocus();
-    }
-    focus() {
-        this.navigableElements[this.currentActiveIndex]?.focus();
-    }
-    updateFocus() {
-        if (!this.navigableElements.length) {
-            return;
-        }
-        this.navigableElements.forEach(el => {
-            this.renderer.setAttribute(el, 'tabindex', '-1');
-        });
-        this.renderer.setAttribute(this.navigableElements[this.currentActiveIndex], 'tabindex', '0');
-        if (isDocumentAvailable() && document.activeElement.closest('.k-toolbar')) {
-            this.navigableElements[this.currentActiveIndex].focus();
-        }
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: TreeListToolbarNavigationService, deps: [{ token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: TreeListToolbarNavigationService });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: TreeListToolbarNavigationService, decorators: [{
-            type: Injectable
-        }], ctorParameters: () => [{ type: i0.Renderer2 }] });
-
-/**
- * @hidden
- *
- * The Context service is used to provide common
- * services and DI tokens for a Grid instance.
- *
- * This keeps the constructor parameters stable
- * and a avoids dependency cycles between components.
- */
-class ContextService {
-    localization;
-    treelist;
-    topToolbarNavigation;
-    bottomToolbarNavigation;
-    constructor(renderer, localization) {
-        this.localization = localization;
-        this.topToolbarNavigation = new TreeListToolbarNavigationService(renderer);
-        this.bottomToolbarNavigation = new TreeListToolbarNavigationService(renderer);
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ContextService, deps: [{ token: i0.Renderer2 }, { token: i1$1.LocalizationService }], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ContextService });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ContextService, decorators: [{
-            type: Injectable
-        }], ctorParameters: () => [{ type: i0.Renderer2 }, { type: i1$1.LocalizationService }] });
-
 /**
  * @hidden
  */
@@ -5625,6 +5677,34 @@ class RowReorderService {
     }
     isOverChild(_item) { return false; }
     reorderRows(_ev, _collection, _field) { }
+    /**
+     * Triggers row reordering programmatically via keyboard shortcut.
+     * @param dragRowIndex - The index of the row to move
+     * @param dropRowIndex - The index of the target row
+     * @param dropPosition - The position relative to the target row ('before' or 'after')
+     * @param data - The data array (view)
+     */
+    reorderViaKeyboard(dragRowIndex, dropRowIndex, dropPosition, data) {
+        if (dropPosition === 'forbidden') {
+            return;
+        }
+        const dragRow = this.createVirtualRowElement(dragRowIndex);
+        const dropRow = this.createVirtualRowElement(dropRowIndex);
+        this.lastDropPosition = dropPosition;
+        const rowReorderArgs = this.rowReorderArgs(dragRow, dropRow, data);
+        this.rowReorder.emit(rowReorderArgs);
+    }
+    createVirtualRowElement(rowIndex) {
+        const virtualElement = {
+            getAttribute: (attr) => {
+                if (attr === rowIndexAttr) {
+                    return String(rowIndex);
+                }
+                return null;
+            }
+        };
+        return virtualElement;
+    }
     get parentIdField() {
         return this.bindingDirective.parentIdField;
     }

package/navigation/navigation.service.d.ts

@@ -19,6 +19,7 @@ import { ExpandStateService } from '../expand-state/expand-state.service';
 import { ScrollRequestService } from '../scrolling/scroll-request.service';
 import { SelectionService } from '../selection/selection.service';
 import { PagerContextService } from '@progress/kendo-angular-pager';
+import { ContextService } from '../common/provider.service';
 import * as i0 from "@angular/core";
 /**
  * @hidden
@@ -44,6 +45,7 @@ export declare class NavigationService implements OnDestroy {
     private expandState;
     private selectionService;
     private changeDetector;
+    private ctx;
     private focusableParent;
     readonly changes: Subject<NavigationChange>;
     readonly cellKeydown: EventEmitter<any>;
@@ -65,7 +67,7 @@ export declare class NavigationService implements OnDestroy {
     private pendingRowIndex;
     private virtualCell;
     private get activeDataRow();
-    constructor(zone: NgZone, domEvents: DomEventsService, pagerContextService: PagerContextService, scrollRequestService: ScrollRequestService, focusRoot: FocusRoot, editService: EditService, localization: LocalizationService, expandState: ExpandStateService, selectionService: SelectionService, changeDetector: ChangeDetectorRef, focusableParent: FocusableDirective);
+    constructor(zone: NgZone, domEvents: DomEventsService, pagerContextService: PagerContextService, scrollRequestService: ScrollRequestService, focusRoot: FocusRoot, editService: EditService, localization: LocalizationService, expandState: ExpandStateService, selectionService: SelectionService, changeDetector: ChangeDetectorRef, ctx: ContextService, focusableParent: FocusableDirective);
     init(meta: NavigationMetadata): void;
     ngOnDestroy(): void;
     registerCell(cell: LogicalCell): void;
@@ -102,8 +104,9 @@ export declare class NavigationService implements OnDestroy {
     private onCursorChanges;
     private onFocusOut;
     private onWindowBlur;
+    private handleRowReorderKeyboard;
     private onKeydown;
     private onTabout;
-    static ɵfac: i0.ɵɵFactoryDeclaration<NavigationService, [null, null, null, null, null, null, null, null, null, null, { optional: true; }]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NavigationService, [null, null, null, null, null, null, null, null, null, null, null, { optional: true; }]>;
     static ɵprov: i0.ɵɵInjectableDeclaration<NavigationService>;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-angular-treelist",
-  "version": "21.0.0-develop.9",
+  "version": "21.0.0",
   "description": "Kendo UI TreeList for Angular - Display hierarchical data in an Angular tree grid view that supports sorting, filtering, paging, and much more.",
   "license": "SEE LICENSE IN LICENSE.md",
   "author": "Progress",
@@ -24,7 +24,7 @@
     "package": {
       "productName": "Kendo UI for Angular",
       "productCode": "KENDOUIANGULAR",
-      "publishDate": 1761910433,
+      "publishDate": 1762934619,
       "licensingDocsUrl": "https://www.telerik.com/kendo-angular-ui/my-license/"
     }
   },
@@ -37,26 +37,26 @@
     "@progress/kendo-data-query": "^1.0.0",
     "@progress/kendo-drawing": "^1.21.0",
     "@progress/kendo-licensing": "^1.7.0",
-    "@progress/kendo-angular-buttons": "21.0.0-develop.9",
-    "@progress/kendo-angular-common": "21.0.0-develop.9",
-    "@progress/kendo-angular-dateinputs": "21.0.0-develop.9",
-    "@progress/kendo-angular-dropdowns": "21.0.0-develop.9",
-    "@progress/kendo-angular-excel-export": "21.0.0-develop.9",
-    "@progress/kendo-angular-icons": "21.0.0-develop.9",
-    "@progress/kendo-angular-inputs": "21.0.0-develop.9",
-    "@progress/kendo-angular-intl": "21.0.0-develop.9",
-    "@progress/kendo-angular-l10n": "21.0.0-develop.9",
-    "@progress/kendo-angular-label": "21.0.0-develop.9",
-    "@progress/kendo-angular-pager": "21.0.0-develop.9",
-    "@progress/kendo-angular-pdf-export": "21.0.0-develop.9",
-    "@progress/kendo-angular-popup": "21.0.0-develop.9",
-    "@progress/kendo-angular-toolbar": "21.0.0-develop.9",
-    "@progress/kendo-angular-utils": "21.0.0-develop.9",
+    "@progress/kendo-angular-buttons": "21.0.0",
+    "@progress/kendo-angular-common": "21.0.0",
+    "@progress/kendo-angular-dateinputs": "21.0.0",
+    "@progress/kendo-angular-dropdowns": "21.0.0",
+    "@progress/kendo-angular-excel-export": "21.0.0",
+    "@progress/kendo-angular-icons": "21.0.0",
+    "@progress/kendo-angular-inputs": "21.0.0",
+    "@progress/kendo-angular-intl": "21.0.0",
+    "@progress/kendo-angular-l10n": "21.0.0",
+    "@progress/kendo-angular-label": "21.0.0",
+    "@progress/kendo-angular-pager": "21.0.0",
+    "@progress/kendo-angular-pdf-export": "21.0.0",
+    "@progress/kendo-angular-popup": "21.0.0",
+    "@progress/kendo-angular-toolbar": "21.0.0",
+    "@progress/kendo-angular-utils": "21.0.0",
     "rxjs": "^6.5.3 || ^7.0.0"
   },
   "dependencies": {
     "tslib": "^2.3.1",
-    "@progress/kendo-angular-schematics": "21.0.0-develop.9",
+    "@progress/kendo-angular-schematics": "21.0.0",
     "@progress/kendo-common": "^1.0.1",
     "@progress/kendo-file-saver": "^1.0.0"
   },

package/row-reordering/row-reorder.service.d.ts

@@ -4,7 +4,7 @@
 *-------------------------------------------------------------------------------------------*/
 import { DragTargetPressEvent, DragTargetDragEvent, DropTargetEvent } from '@progress/kendo-angular-utils';
 import { EventEmitter, Renderer2 } from '@angular/core';
-import { RowReorderEvent } from './types';
+import { DropPosition, RowReorderEvent } from './types';
 import { SVGIcon } from '@progress/kendo-svg-icons';
 import { ColumnList } from '../columns/column-list';
 import * as i0 from "@angular/core";
@@ -42,6 +42,15 @@ export declare class RowReorderService {
     rowReorderArgs(dragRow: HTMLElement, dropRow: HTMLElement, data: Array<any>): RowReorderEvent;
     isOverChild(_item: any): boolean;
     reorderRows(_ev: RowReorderEvent, _collection: Array<any>, _field?: string): void;
+    /**
+     * Triggers row reordering programmatically via keyboard shortcut.
+     * @param dragRowIndex - The index of the row to move
+     * @param dropRowIndex - The index of the target row
+     * @param dropPosition - The position relative to the target row ('before' or 'after')
+     * @param data - The data array (view)
+     */
+    reorderViaKeyboard(dragRowIndex: number, dropRowIndex: number, dropPosition: DropPosition, data: Array<any>): void;
+    private createVirtualRowElement;
     get parentIdField(): string;
     get idField(): string;
     get childrenField(): string;

package/schematics/ngAdd/index.js

@@ -5,13 +5,13 @@ const schematics_1 = require("@angular-devkit/schematics");
 function default_1(options) {
     const finalOptions = Object.assign(Object.assign({}, options), { mainNgModule: 'TreeListModule', package: 'treelist', peerDependencies: {
             // peer dep of the dropdowns
-            '@progress/kendo-angular-treeview': '21.0.0-develop.9',
+            '@progress/kendo-angular-treeview': '21.0.0',
             // peer dependency of kendo-angular-inputs
-            '@progress/kendo-angular-dialog': '21.0.0-develop.9',
+            '@progress/kendo-angular-dialog': '21.0.0',
             // peer dependency of kendo-angular-icons
             '@progress/kendo-svg-icons': '^4.0.0',
             // peer dependency of kendo-angular-dateinputs
-            '@progress/kendo-angular-navigation': '21.0.0-develop.9',
+            '@progress/kendo-angular-navigation': '21.0.0',
         } });
     return (0, schematics_1.externalSchematic)('@progress/kendo-angular-schematics', 'ng-add', finalOptions);
 }