@progress/kendo-angular-treelist 13.0.0-develop.2 → 13.0.0-develop.4

package/index.d.ts

@@ -136,6 +136,8 @@ export { ScrollRequest } from './scrolling/scroll-request.service';
 export { ExpandEvent } from './expand-state/expand-event';
 export { ExpandableDirective } from './expand-state/expandable.directive';
 export { ExpandableTreeComponent } from './expand-state/expandable-tree-component';
+export { RowReorderColumnComponent } from './columns/rowreorder-column.component';
+export * from './row-reordering/types';
 export { ColumnMenuTemplateDirective } from './column-menu/column-menu-template.directive';
 export { EditCommandDirective } from './editing/edit-command.directive';
 export { CancelCommandDirective } from './editing/cancel-command.directive';

package/localization/messages.d.ts

@@ -236,6 +236,10 @@ export declare class Messages extends ComponentMessages {
      * The label of the TreeList bottom toolbar.
      */
     bottomToolbarLabel: string;
+    /**
+     * The label for the TreeList drag row handle.
+     */
+    dragRowHandleLabel: string;
     static ɵfac: i0.ɵɵFactoryDeclaration<Messages, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<Messages, never, never, { "groupPanelEmpty": "groupPanelEmpty"; "noRecords": "noRecords"; "pagerLabel": "pagerLabel"; "pagerFirstPage": "pagerFirstPage"; "pagerLastPage": "pagerLastPage"; "pagerPreviousPage": "pagerPreviousPage"; "pagerNextPage": "pagerNextPage"; "pagerPage": "pagerPage"; "pagerPageNumberInputTitle": "pagerPageNumberInputTitle"; "pagerItemsPerPage": "pagerItemsPerPage"; "pagerOf": "pagerOf"; "pagerItemsTotal": "pagerItemsTotal"; "selectPage": "selectPage"; "filter": "filter"; "filterEqOperator": "filterEqOperator"; "filterNotEqOperator": "filterNotEqOperator"; "filterIsNullOperator": "filterIsNullOperator"; "filterIsNotNullOperator": "filterIsNotNullOperator"; "filterIsEmptyOperator": "filterIsEmptyOperator"; "filterIsNotEmptyOperator": "filterIsNotEmptyOperator"; "filterStartsWithOperator": "filterStartsWithOperator"; "filterContainsOperator": "filterContainsOperator"; "filterNotContainsOperator": "filterNotContainsOperator"; "filterEndsWithOperator": "filterEndsWithOperator"; "filterGteOperator": "filterGteOperator"; "filterGtOperator": "filterGtOperator"; "filterLteOperator": "filterLteOperator"; "filterLtOperator": "filterLtOperator"; "filterIsTrue": "filterIsTrue"; "filterIsFalse": "filterIsFalse"; "filterBooleanAll": "filterBooleanAll"; "filterAfterOrEqualOperator": "filterAfterOrEqualOperator"; "filterAfterOperator": "filterAfterOperator"; "filterBeforeOperator": "filterBeforeOperator"; "filterBeforeOrEqualOperator": "filterBeforeOrEqualOperator"; "filterFilterButton": "filterFilterButton"; "filterClearButton": "filterClearButton"; "filterAndLogic": "filterAndLogic"; "filterOrLogic": "filterOrLogic"; "loading": "loading"; "columnMenu": "columnMenu"; "columns": "columns"; "lock": "lock"; "unlock": "unlock"; "sortable": "sortable"; "sortAscending": "sortAscending"; "sortDescending": "sortDescending"; "sortedAscending": "sortedAscending"; "sortedDescending": "sortedDescending"; "sortedDefault": "sortedDefault"; "columnsApply": "columnsApply"; "columnsReset": "columnsReset"; "topToolbarLabel": "topToolbarLabel"; "bottomToolbarLabel": "bottomToolbarLabel"; }, {}, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<Messages, never, never, { "groupPanelEmpty": "groupPanelEmpty"; "noRecords": "noRecords"; "pagerLabel": "pagerLabel"; "pagerFirstPage": "pagerFirstPage"; "pagerLastPage": "pagerLastPage"; "pagerPreviousPage": "pagerPreviousPage"; "pagerNextPage": "pagerNextPage"; "pagerPage": "pagerPage"; "pagerPageNumberInputTitle": "pagerPageNumberInputTitle"; "pagerItemsPerPage": "pagerItemsPerPage"; "pagerOf": "pagerOf"; "pagerItemsTotal": "pagerItemsTotal"; "selectPage": "selectPage"; "filter": "filter"; "filterEqOperator": "filterEqOperator"; "filterNotEqOperator": "filterNotEqOperator"; "filterIsNullOperator": "filterIsNullOperator"; "filterIsNotNullOperator": "filterIsNotNullOperator"; "filterIsEmptyOperator": "filterIsEmptyOperator"; "filterIsNotEmptyOperator": "filterIsNotEmptyOperator"; "filterStartsWithOperator": "filterStartsWithOperator"; "filterContainsOperator": "filterContainsOperator"; "filterNotContainsOperator": "filterNotContainsOperator"; "filterEndsWithOperator": "filterEndsWithOperator"; "filterGteOperator": "filterGteOperator"; "filterGtOperator": "filterGtOperator"; "filterLteOperator": "filterLteOperator"; "filterLtOperator": "filterLtOperator"; "filterIsTrue": "filterIsTrue"; "filterIsFalse": "filterIsFalse"; "filterBooleanAll": "filterBooleanAll"; "filterAfterOrEqualOperator": "filterAfterOrEqualOperator"; "filterAfterOperator": "filterAfterOperator"; "filterBeforeOperator": "filterBeforeOperator"; "filterBeforeOrEqualOperator": "filterBeforeOrEqualOperator"; "filterFilterButton": "filterFilterButton"; "filterClearButton": "filterClearButton"; "filterAndLogic": "filterAndLogic"; "filterOrLogic": "filterOrLogic"; "loading": "loading"; "columnMenu": "columnMenu"; "columns": "columns"; "lock": "lock"; "unlock": "unlock"; "sortable": "sortable"; "sortAscending": "sortAscending"; "sortDescending": "sortDescending"; "sortedAscending": "sortedAscending"; "sortedDescending": "sortedDescending"; "sortedDefault": "sortedDefault"; "columnsApply": "columnsApply"; "columnsReset": "columnsReset"; "topToolbarLabel": "topToolbarLabel"; "bottomToolbarLabel": "bottomToolbarLabel"; "dragRowHandleLabel": "dragRowHandleLabel"; }, {}, never>;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-angular-treelist",
-  "version": "13.0.0-develop.2",
+  "version": "13.0.0-develop.4",
   "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",
@@ -30,24 +30,25 @@
     "@progress/kendo-data-query": "^1.0.0",
     "@progress/kendo-drawing": "^1.17.2",
     "@progress/kendo-licensing": "^1.0.2",
-    "@progress/kendo-angular-buttons": "13.0.0-develop.2",
-    "@progress/kendo-angular-common": "13.0.0-develop.2",
-    "@progress/kendo-angular-dateinputs": "13.0.0-develop.2",
-    "@progress/kendo-angular-dropdowns": "13.0.0-develop.2",
-    "@progress/kendo-angular-excel-export": "13.0.0-develop.2",
-    "@progress/kendo-angular-icons": "13.0.0-develop.2",
-    "@progress/kendo-angular-inputs": "13.0.0-develop.2",
-    "@progress/kendo-angular-intl": "13.0.0-develop.2",
-    "@progress/kendo-angular-l10n": "13.0.0-develop.2",
-    "@progress/kendo-angular-label": "13.0.0-develop.2",
-    "@progress/kendo-angular-pdf-export": "13.0.0-develop.2",
-    "@progress/kendo-angular-popup": "13.0.0-develop.2",
+    "@progress/kendo-angular-buttons": "13.0.0-develop.4",
+    "@progress/kendo-angular-common": "13.0.0-develop.4",
+    "@progress/kendo-angular-dateinputs": "13.0.0-develop.4",
+    "@progress/kendo-angular-dropdowns": "13.0.0-develop.4",
+    "@progress/kendo-angular-excel-export": "13.0.0-develop.4",
+    "@progress/kendo-angular-icons": "13.0.0-develop.4",
+    "@progress/kendo-angular-inputs": "13.0.0-develop.4",
+    "@progress/kendo-angular-intl": "13.0.0-develop.4",
+    "@progress/kendo-angular-l10n": "13.0.0-develop.4",
+    "@progress/kendo-angular-label": "13.0.0-develop.4",
+    "@progress/kendo-angular-pdf-export": "13.0.0-develop.4",
+    "@progress/kendo-angular-popup": "13.0.0-develop.4",
+    "@progress/kendo-angular-utils": "13.0.0-develop.4",
     "rxjs": "^6.5.3 || ^7.0.0",
-    "@progress/kendo-angular-listview": "13.0.0-develop.2"
+    "@progress/kendo-angular-listview": "13.0.0-develop.4"
   },
   "dependencies": {
     "tslib": "^2.3.1",
-    "@progress/kendo-angular-schematics": "13.0.0-develop.2",
+    "@progress/kendo-angular-schematics": "13.0.0-develop.4",
     "@progress/kendo-common": "^0.2.0",
     "@progress/kendo-file-saver": "^1.0.0"
   },

package/rendering/cell.component.d.ts

@@ -8,16 +8,20 @@ import { ColumnComponent } from '../columns/column.component';
 import { FormGroup } from '@angular/forms';
 import { FocusGroup } from '../navigation/focus-group';
 import { SVGIcon } from '@progress/kendo-svg-icons';
+import { LocalizationService } from "@progress/kendo-angular-l10n";
 import * as i0 from "@angular/core";
 /**
  * @hidden
  */
 export declare class CellComponent implements AfterContentChecked, DoCheck {
     private editService;
+    private localization;
     focusGroup: FocusGroup;
     get commandCellClass(): boolean;
     get isCheckboxColumn(): boolean;
     get textNoWrapClass(): boolean;
+    get dragHandleCellClass(): boolean;
+    get dragRowHandleLabel(): string;
     column: any;
     columnIndex: number;
     isNew: boolean;
@@ -40,11 +44,12 @@ export declare class CellComponent implements AfterContentChecked, DoCheck {
     get childColumns(): ColumnComponent[];
     caretAltDownIcon: SVGIcon;
     caretAltRightIcon: SVGIcon;
+    reorderIcon: SVGIcon;
     cellContext: any;
     private _templateContext;
     private _editTemplateContext;
     private _viewItem;
-    constructor(editService: EditService, focusGroup: FocusGroup);
+    constructor(editService: EditService, localization: LocalizationService, focusGroup: FocusGroup);
     ngDoCheck(): void;
     ngAfterContentChecked(): void;
     private updateTemplateContext;

package/rendering/constants.d.ts

@@ -22,3 +22,7 @@ export declare const ICON_CLASS = "k-icon k-svg-icon";
  * @hidden
  */
 export declare const IGNORE_CONTAINER_CLASSES = "k-treelist-ignore-click";
+/**
+ * @hidden
+ */
+export declare const DRAG_HANDLE_CLASS = "k-drag-cell";

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

@@ -0,0 +1,16 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2023 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { RowReorderService } from './row-reorder.service';
+import { RowReorderEvent } from "./types";
+import * as i0 from "@angular/core";
+/**
+ * @hidden
+ */
+export declare class FlatRowReorderService extends RowReorderService {
+    isOverChild(targetItem: any): boolean;
+    reorderRows(ev: RowReorderEvent, collection: Array<any>): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FlatRowReorderService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<FlatRowReorderService>;
+}

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

@@ -0,0 +1,16 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2023 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { RowReorderService } from './row-reorder.service';
+import { RowReorderEvent } from "./types";
+import * as i0 from "@angular/core";
+/**
+ * @hidden
+ */
+export declare class HierarchicalRowReorderService extends RowReorderService {
+    isOverChild(targetItem: any): boolean;
+    reorderRows(ev: RowReorderEvent, collection: Array<any>, field?: string): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<HierarchicalRowReorderService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<HierarchicalRowReorderService>;
+}

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

@@ -0,0 +1,61 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2023 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { DragTargetPressEvent, DragTargetDragEvent, DropTargetEvent } from '@progress/kendo-angular-utils';
+import { EventEmitter, Renderer2 } from '@angular/core';
+import { RowReorderEvent } from './types';
+import { SVGIcon } from '@progress/kendo-svg-icons';
+import { ColumnList } from '../columns/column-list';
+import * as i0 from "@angular/core";
+/**
+ * @hidden
+ */
+export declare class RowReorderService {
+    private renderer;
+    defaultSelectors: {
+        handle: string;
+        dragTarget: string;
+        dropTarget: string;
+    };
+    dragTarget: HTMLElement;
+    dropTarget: HTMLElement;
+    view: any;
+    bindingDirective: any;
+    private offsetY;
+    private dropIndicator;
+    private lastDropPosition;
+    private hintElement;
+    rowReorder: EventEmitter<RowReorderEvent>;
+    constructor(renderer: Renderer2);
+    press(ev: DragTargetPressEvent): void;
+    dragStart(): void;
+    drag(ev: DragTargetDragEvent): void;
+    dragEnter(ev: DropTargetEvent): void;
+    dragLeave(): void;
+    dragEnd(): void;
+    drop(): void;
+    get hintIcon(): string;
+    get hintSVGIcon(): SVGIcon;
+    getDefaultHintText(columns: ColumnList, data: any): string;
+    rowReorderArgs(dragRow: HTMLElement, dropRow: HTMLElement, data: Array<any>): RowReorderEvent;
+    isOverChild(_item: any): boolean;
+    reorderRows(_ev: RowReorderEvent, _collection: Array<any>, _field?: string): void;
+    get parentIdField(): string;
+    get idField(): string;
+    get childrenField(): string;
+    get data(): any[];
+    private getDragRowPerElement;
+    private createDropIndicator;
+    private destroyDropIndicator;
+    private decorateHint;
+    private positionDropIndicator;
+    private decorateDropIndicator;
+    private getDropPosition;
+    private updateDropIndicatorPosition;
+    private shouldHideDropIndicator;
+    private hide;
+    private show;
+    static ɵfac: i0.ɵɵFactoryDeclaration<RowReorderService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<RowReorderService>;
+}

package/row-reordering/types.d.ts

@@ -0,0 +1,39 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2023 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+/**
+ * The arguments for the `rowReorder` event
+ */
+export interface RowReorderEvent {
+    /**
+     * The rows that are currently dragged and the data associated with them.
+     */
+    draggedRows: DragRow[];
+    /**
+     * The row over which the dragged rows are dropped.
+     */
+    dropTargetRow?: DragRow;
+    /**
+     * The drop position of the dragged row.
+     */
+    dropPosition: DropPosition;
+}
+/**
+ * Represents a reorderable data row with an associated data item.
+ */
+export interface DragRow {
+    /**
+     * The row data item.
+     */
+    dataItem: any;
+    /**
+     * The data row index.
+     */
+    rowIndex: number;
+    /**
+     * The row HTML element.
+     */
+    element: HTMLElement;
+}
+export declare type DropPosition = 'before' | 'after' | 'over' | 'forbidden';

package/row-reordering/utils.d.ts

@@ -0,0 +1,85 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2023 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+/**
+ * @hidden
+ */
+export declare const isNextSibling: (dropTarget: HTMLElement, dragTarget: HTMLElement) => boolean;
+/**
+ * @hidden
+ */
+export declare const isPreviousSibling: (dropTarget: HTMLElement, dragTarget: HTMLElement) => boolean;
+/**
+ * @hidden
+ */
+export declare function getOffset(element: any): {
+    top: number;
+    left: number;
+};
+/**
+ * @hidden
+ */
+export declare const hintIcons: {
+    forbidden: string;
+    before: string;
+    after: string;
+    over: string;
+};
+/**
+ * @hidden
+ */
+export declare const hintSVGIcons: {
+    forbidden: import("@progress/kendo-svg-icons").SVGIcon;
+    before: import("@progress/kendo-svg-icons").SVGIcon;
+    after: import("@progress/kendo-svg-icons").SVGIcon;
+    over: import("@progress/kendo-svg-icons").SVGIcon;
+};
+/**
+ * @hidden
+ */
+export declare const dropPosition: {
+    forbidden: string;
+    before: string;
+    after: string;
+    over: string;
+};
+/**
+ * @hidden
+ */
+export declare const hintStyles: {
+    zIndex: string;
+    display: string;
+    position: string;
+};
+/**
+ * @hidden
+ */
+export declare const hintClasses: string[];
+/**
+ * @hidden
+ */
+export declare const dropIndicatorStyles: {
+    zIndex: string;
+    position: string;
+};
+/**
+ * @hidden
+ */
+export declare const dropIndicatorClasses: string[];
+/**
+ * @hidden
+ */
+export declare const defaultSelectors: {
+    handle: string;
+    dragTarget: string;
+    dropTarget: string;
+};
+/**
+ * @hidden
+ */
+export declare const rowIndexAttr = "data-treelist-view-index";
+/**
+ * @hidden
+ */
+export declare const findParent: (collection: Array<any>, searchItem: any, field: string) => any;

package/schematics/ngAdd/index.js

@@ -4,13 +4,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': '13.0.0-develop.2',
+            '@progress/kendo-angular-treeview': '13.0.0-develop.4',
             // peer dependency of kendo-angular-inputs
-            '@progress/kendo-angular-dialog': '13.0.0-develop.2',
+            '@progress/kendo-angular-dialog': '13.0.0-develop.4',
             // peer dependency of kendo-angular-icons
             '@progress/kendo-svg-icons': '^1.0.0',
             // peer dependency of kendo-angular-dateinputs
-            '@progress/kendo-angular-navigation': '13.0.0-develop.2',
+            '@progress/kendo-angular-navigation': '13.0.0-develop.4',
         } });
     return (0, schematics_1.externalSchematic)('@progress/kendo-angular-schematics', 'ng-add', finalOptions);
 }

package/shared.module.d.ts

@@ -16,15 +16,16 @@ import * as i10 from "./columns/span-column.component";
 import * as i11 from "./column-resizing/table.directive";
 import * as i12 from "./rendering/common/loading.component";
 import * as i13 from "./columns/checkbox-column.component";
-import * as i14 from "@angular/common";
-import * as i15 from "@progress/kendo-angular-icons";
-import * as i16 from "@progress/kendo-angular-common";
+import * as i14 from "./columns/rowreorder-column.component";
+import * as i15 from "@angular/common";
+import * as i16 from "@progress/kendo-angular-icons";
+import * as i17 from "@progress/kendo-angular-common";
 /**
  * @hidden
  */
 export declare class SharedModule {
     static exports(): any[];
     static ɵfac: i0.ɵɵFactoryDeclaration<SharedModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<SharedModule, [typeof i1.ColumnComponent, typeof i2.ColumnGroupComponent, typeof i3.LogicalCellDirective, typeof i4.LogicalRowDirective, typeof i5.FocusableDirective, typeof i6.ColGroupComponent, typeof i7.ResizableContainerDirective, typeof i8.TemplateContextDirective, typeof i9.FieldAccessorPipe, typeof i10.SpanColumnComponent, typeof i11.TableDirective, typeof i12.LoadingComponent, typeof i13.CheckboxColumnComponent], [typeof i14.CommonModule, typeof i15.IconsModule], [typeof i1.ColumnComponent, typeof i2.ColumnGroupComponent, typeof i3.LogicalCellDirective, typeof i4.LogicalRowDirective, typeof i5.FocusableDirective, typeof i6.ColGroupComponent, typeof i7.ResizableContainerDirective, typeof i8.TemplateContextDirective, typeof i9.FieldAccessorPipe, typeof i10.SpanColumnComponent, typeof i11.TableDirective, typeof i12.LoadingComponent, typeof i13.CheckboxColumnComponent, typeof i16.DraggableModule, typeof i15.IconsModule]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<SharedModule, [typeof i1.ColumnComponent, typeof i2.ColumnGroupComponent, typeof i3.LogicalCellDirective, typeof i4.LogicalRowDirective, typeof i5.FocusableDirective, typeof i6.ColGroupComponent, typeof i7.ResizableContainerDirective, typeof i8.TemplateContextDirective, typeof i9.FieldAccessorPipe, typeof i10.SpanColumnComponent, typeof i11.TableDirective, typeof i12.LoadingComponent, typeof i13.CheckboxColumnComponent, typeof i14.RowReorderColumnComponent], [typeof i15.CommonModule, typeof i16.IconsModule], [typeof i1.ColumnComponent, typeof i2.ColumnGroupComponent, typeof i3.LogicalCellDirective, typeof i4.LogicalRowDirective, typeof i5.FocusableDirective, typeof i6.ColGroupComponent, typeof i7.ResizableContainerDirective, typeof i8.TemplateContextDirective, typeof i9.FieldAccessorPipe, typeof i10.SpanColumnComponent, typeof i11.TableDirective, typeof i12.LoadingComponent, typeof i13.CheckboxColumnComponent, typeof i14.RowReorderColumnComponent, typeof i17.DraggableModule, typeof i16.IconsModule]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<SharedModule>;
 }

package/treelist.component.d.ts

@@ -63,6 +63,9 @@ import { SelectableSettings } from './selection/selectable-settings';
 import { SelectionChangeEvent } from './selection/selection-change-event';
 import { IsSelectedFn } from './selection/is-selected';
 import { ContextService } from './common/provider.service';
+import { RowReorderEvent } from './row-reordering/types';
+import { RowReorderService } from './row-reordering/row-reorder.service';
+import { DragTargetContainerDirective, DragTargetDataFn, DropTargetContainerDirective } from '@progress/kendo-angular-utils';
 import * as i0 from "@angular/core";
 /**
  * Represents the Kendo UI TreeList component for Angular.
@@ -99,6 +102,7 @@ export declare class TreeListComponent implements AfterContentInit, AfterViewIni
     selectionService: SelectionService;
     private localization;
     private ctx;
+    private rowReorderService;
     /**
      * An optional accessible description of the component.
      */
@@ -361,6 +365,12 @@ export declare class TreeListComponent implements AfterContentInit, AfterViewIni
      * Provides a callback that determines if the given row / cell is selected.
      */
     set isSelected(value: IsSelectedFn);
+    /**
+     * Enables the [row reordering]({% slug treelist_row_reordering %}) of the TreeList.
+     * @default false
+     */
+    set rowReorderable(value: boolean);
+    get rowReorderable(): boolean;
     /**
      * Fires when the TreeList selection is changed.
      */
@@ -467,6 +477,11 @@ export declare class TreeListComponent implements AfterContentInit, AfterViewIni
      * Used by the expand directive and the Gantt component.
      */
     expandStateChange: EventEmitter<ExpandEvent>;
+    /**
+     * Fires when the user drops the dragged row and reordering is performed.
+     * Emits the [RowReorderEvent]({% slug api_treelist_rowreorderevent %}).
+     */
+    rowReorder: EventEmitter<RowReorderEvent>;
     /**
      * @hidden
      */
@@ -499,6 +514,8 @@ export declare class TreeListComponent implements AfterContentInit, AfterViewIni
     header: any;
     footer: QueryList<any>;
     ariaRoot: ElementRef;
+    dragTargetContainer: DragTargetContainerDirective;
+    dropTargetContainer: DropTargetContainerDirective;
     get scrollbarWidth(): number;
     get headerPadding(): any;
     columnMenuOptions: any;
@@ -551,6 +568,7 @@ export declare class TreeListComponent implements AfterContentInit, AfterViewIni
     private subscriptions;
     private dataLoadedSubscription;
     private focusElementSubscription;
+    private rowReorderSubscription;
     private detachElementEventHandlers;
     private rtl;
     private shouldGenerateColumns;
@@ -566,7 +584,8 @@ export declare class TreeListComponent implements AfterContentInit, AfterViewIni
     private leafViewportColumns;
     private viewportColumns;
     private pageChangeTimeout;
-    constructor(supportService: BrowserSupportService, wrapper: ElementRef, changeNotification: ChangeNotificationService, editService: EditService, filterService: FilterService, pdfService: PDFService, responsiveService: ResponsiveService, renderer: Renderer2, excelService: ExcelService, ngZone: NgZone, scrollSyncService: ScrollSyncService, domEvents: DomEventsService, columnResizingService: ColumnResizingService, changeDetectorRef: ChangeDetectorRef, columnReorderService: ColumnReorderService, columnInfoService: ColumnInfoService, navigationService: NavigationService, sortService: SortService, scrollRequestService: ScrollRequestService, expandStateService: ExpandStateService, optionChanges: OptionChangesService, selectionService: SelectionService, localization: LocalizationService, ctx: ContextService);
+    private _rowReorderable;
+    constructor(supportService: BrowserSupportService, wrapper: ElementRef, changeNotification: ChangeNotificationService, editService: EditService, filterService: FilterService, pdfService: PDFService, responsiveService: ResponsiveService, renderer: Renderer2, excelService: ExcelService, ngZone: NgZone, scrollSyncService: ScrollSyncService, domEvents: DomEventsService, columnResizingService: ColumnResizingService, changeDetectorRef: ChangeDetectorRef, columnReorderService: ColumnReorderService, columnInfoService: ColumnInfoService, navigationService: NavigationService, sortService: SortService, scrollRequestService: ScrollRequestService, expandStateService: ExpandStateService, optionChanges: OptionChangesService, selectionService: SelectionService, localization: LocalizationService, ctx: ContextService, rowReorderService: RowReorderService);
     /**
      * @hidden
      */
@@ -583,6 +602,26 @@ export declare class TreeListComponent implements AfterContentInit, AfterViewIni
     ngAfterContentInit(): void;
     ngOnInit(): void;
     ngOnDestroy(): void;
+    /**
+     * @hidden
+     */
+    handleReorderEvents(ev: any, evType: string): void;
+    /**
+     * @hidden
+     */
+    getDefaultSelectors(type: string): string;
+    /**
+     * @hidden
+     */
+    treeListData: DragTargetDataFn;
+    /**
+     * @hidden
+     */
+    getHintSettings(setting: string): any;
+    /**
+     * @hidden
+     */
+    get hintText(): string;
     /**
      * @hidden
      */
@@ -978,6 +1017,7 @@ export declare class TreeListComponent implements AfterContentInit, AfterViewIni
     private dataLoaded;
     private unsubscribeDataLoaded;
     private loadColumns;
+    private notifyReorderContainers;
     static ɵfac: i0.ɵɵFactoryDeclaration<TreeListComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TreeListComponent, "kendo-treelist", ["kendoTreeList"], { "ariaLabel": "aria-label"; "data": "data"; "pageSize": "pageSize"; "height": "height"; "rowHeight": "rowHeight"; "skip": "skip"; "scrollable": "scrollable"; "sort": "sort"; "trackBy": "trackBy"; "filter": "filter"; "virtualColumns": "virtualColumns"; "filterable": "filterable"; "sortable": "sortable"; "pageable": "pageable"; "navigable": "navigable"; "navigatable": "navigatable"; "autoSize": "autoSize"; "rowClass": "rowClass"; "resizable": "resizable"; "reorderable": "reorderable"; "loading": "loading"; "columnMenu": "columnMenu"; "hideHeader": "hideHeader"; "idField": "idField"; "selectable": "selectable"; "isSelected": "isSelected"; "columnsRef": "columns"; "fetchChildren": "fetchChildren"; "hasChildren": "hasChildren"; "isExpanded": "isExpanded"; }, { "selectionChange": "selectionChange"; "filterChange": "filterChange"; "pageChange": "pageChange"; "sortChange": "sortChange"; "dataStateChange": "dataStateChange"; "edit": "edit"; "cancel": "cancel"; "save": "save"; "remove": "remove"; "add": "add"; "cellClose": "cellClose"; "cellClick": "cellClick"; "pdfExport": "pdfExport"; "excelExport": "excelExport"; "columnResize": "columnResize"; "columnReorder": "columnReorder"; "columnVisibilityChange": "columnVisibilityChange"; "columnLockedChange": "columnLockedChange"; "scrollBottom": "scrollBottom"; "contentScroll": "contentScroll"; "expandEvent": "expand"; "collapseEvent": "collapse"; "expandStateChange": "expandStateChange"; }, ["columns", "noRecordsTemplateChildren", "pagerTemplateChildren", "toolbarTemplateChildren", "columnMenuTemplates"], never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TreeListComponent, "kendo-treelist", ["kendoTreeList"], { "ariaLabel": "aria-label"; "data": "data"; "pageSize": "pageSize"; "height": "height"; "rowHeight": "rowHeight"; "skip": "skip"; "scrollable": "scrollable"; "sort": "sort"; "trackBy": "trackBy"; "filter": "filter"; "virtualColumns": "virtualColumns"; "filterable": "filterable"; "sortable": "sortable"; "pageable": "pageable"; "navigable": "navigable"; "navigatable": "navigatable"; "autoSize": "autoSize"; "rowClass": "rowClass"; "resizable": "resizable"; "reorderable": "reorderable"; "loading": "loading"; "columnMenu": "columnMenu"; "hideHeader": "hideHeader"; "idField": "idField"; "selectable": "selectable"; "isSelected": "isSelected"; "rowReorderable": "rowReorderable"; "columnsRef": "columns"; "fetchChildren": "fetchChildren"; "hasChildren": "hasChildren"; "isExpanded": "isExpanded"; }, { "selectionChange": "selectionChange"; "filterChange": "filterChange"; "pageChange": "pageChange"; "sortChange": "sortChange"; "dataStateChange": "dataStateChange"; "edit": "edit"; "cancel": "cancel"; "save": "save"; "remove": "remove"; "add": "add"; "cellClose": "cellClose"; "cellClick": "cellClick"; "pdfExport": "pdfExport"; "excelExport": "excelExport"; "columnResize": "columnResize"; "columnReorder": "columnReorder"; "columnVisibilityChange": "columnVisibilityChange"; "columnLockedChange": "columnLockedChange"; "scrollBottom": "scrollBottom"; "contentScroll": "contentScroll"; "expandEvent": "expand"; "collapseEvent": "collapse"; "expandStateChange": "expandStateChange"; "rowReorder": "rowReorder"; }, ["columns", "noRecordsTemplateChildren", "pagerTemplateChildren", "toolbarTemplateChildren", "columnMenuTemplates"], never>;
 }