@progress/kendo-angular-treelist 13.0.0-develop.3 → 13.0.0-develop.5

package/binding-directives/base-binding.directive.d.ts

@@ -6,9 +6,12 @@ import { SimpleChange, OnInit, OnDestroy, OnChanges, DoCheck } from '@angular/co
 import { State, CompositeFilterDescriptor, SortDescriptor } from '@progress/kendo-data-query';
 import { DataBoundTreeComponent } from './data-bound-tree-component';
 import { DataStateChangeEvent } from '../data/change-event-args.interface';
+import { RowReorderEvent } from '../row-reordering/types';
+import { RowReorderService } from './../row-reordering/row-reorder.service';
 import * as i0 from "@angular/core";
 export declare abstract class BaseBindingDirective implements OnInit, OnDestroy, OnChanges, DoCheck {
     protected component: DataBoundTreeComponent;
+    protected rowReorderService?: RowReorderService;
     /**
      * Defines the descriptors by which the data will be sorted.
      */
@@ -28,7 +31,7 @@ export declare abstract class BaseBindingDirective implements OnInit, OnDestroy,
     protected originalData: any[];
     protected _aggregate: any;
     private subscriptions;
-    constructor(component: DataBoundTreeComponent);
+    constructor(component: DataBoundTreeComponent, rowReorderService?: RowReorderService);
     /**
      * @hidden
      */
@@ -54,6 +57,7 @@ export declare abstract class BaseBindingDirective implements OnInit, OnDestroy,
     rebind(): void;
     protected abstract getChildren(item?: any): any;
     protected abstract itemKey(item: any): any;
+    protected onRowReorder(_event: RowReorderEvent): void;
     protected applyState({ sort, filter }: State): void;
     protected fetchChildren(item?: any): any;
     protected hasChildren(item: any): boolean;

package/binding-directives/data-bound-tree-component.d.ts

@@ -6,6 +6,7 @@ import { EventEmitter } from '@angular/core';
 import { CompositeFilterDescriptor, SortDescriptor } from '@progress/kendo-data-query';
 import { Observable } from 'rxjs';
 import { LocalEditService } from '../editing-directives/local-edit.service';
+import { RowReorderEvent } from '../row-reordering/types';
 import * as i0 from "@angular/core";
 /**
  * @hidden
@@ -41,6 +42,14 @@ export declare abstract class DataBoundTreeComponent {
      * Fires when the data state of the component is changed.
      */
     abstract dataStateChange: EventEmitter<any>;
+    /**
+     * Fires when row reordering is performed.
+     */
+    abstract rowReorder?: EventEmitter<RowReorderEvent>;
+    /**
+     * Specifies if row reordering is enabled.
+     */
+    abstract rowReorderable?: boolean;
     /**
      * Holds the local edit service implementation, configured by the data-binding directives and accessed by the editing ones.
      */

package/binding-directives/flat-binding.directive.d.ts

@@ -4,6 +4,8 @@
 *-------------------------------------------------------------------------------------------*/
 import { BaseBindingDirective } from './base-binding.directive';
 import { DataBoundTreeComponent } from './data-bound-tree-component';
+import { RowReorderService } from '../row-reordering/row-reorder.service';
+import { RowReorderEvent } from '../row-reordering/types';
 import * as i0 from "@angular/core";
 /**
  * A directive which binds the TreeList to an array of objects by using
@@ -15,14 +17,17 @@ import * as i0 from "@angular/core";
  */
 export declare class FlatBindingDirective extends BaseBindingDirective {
     protected component: DataBoundTreeComponent;
+    protected rowReorderService: RowReorderService;
     /**
      * The name of the field which contains the identifier of the parent node.
      */
     set parentIdField(value: string);
+    get parentIdField(): string;
     /**
      * The name of the field which contains the unique identifier of the node.
      */
     set idField(value: string);
+    get idField(): string;
     /**
      * The array of data which will be used to populate the TreeList.
      */
@@ -31,9 +36,15 @@ export declare class FlatBindingDirective extends BaseBindingDirective {
     idSetter: any;
     parentIdGetter: any;
     parentIdSetter: any;
-    constructor(component: DataBoundTreeComponent);
-    protected getChildren(item?: any): any;
+    constructor(component: DataBoundTreeComponent, rowReorderService: RowReorderService);
+    private _parentIdField;
+    private _idField;
+    /**
+     * @hidden
+     */
+    getChildren(item?: any): any;
     protected itemKey(item: any): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<FlatBindingDirective, never>;
+    protected onRowReorder(ev: RowReorderEvent): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FlatBindingDirective, [null, { optional: true; }]>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<FlatBindingDirective, "[kendoTreeListFlatBinding]", ["kendoTreeListFlatBinding"], { "parentIdField": "parentIdField"; "idField": "idField"; "data": "kendoTreeListFlatBinding"; }, {}, never>;
 }

package/binding-directives/hierarchy-binding.directive.d.ts

@@ -4,6 +4,8 @@
 *-------------------------------------------------------------------------------------------*/
 import { BaseBindingDirective } from './base-binding.directive';
 import { DataBoundTreeComponent } from './data-bound-tree-component';
+import { RowReorderService } from '../row-reordering/row-reorder.service';
+import { RowReorderEvent } from '../row-reordering/types';
 import * as i0 from "@angular/core";
 /**
  * A directive which binds the TreeList to a tree of objects.
@@ -14,19 +16,26 @@ import * as i0 from "@angular/core";
  */
 export declare class HierarchyBindingDirective extends BaseBindingDirective {
     protected component: DataBoundTreeComponent;
+    protected rowReorderService: RowReorderService;
     /**
      *  The name of the field which holds the child data items of the node.
      */
     set childrenField(value: string);
+    get childrenField(): string;
     /**
      * The array of data which will be used to populate the TreeList.
      */
     data: any[];
     childrenGetter: any;
     childrenSetter: any;
-    constructor(component: DataBoundTreeComponent);
-    protected getChildren(item?: any): any[];
+    constructor(component: DataBoundTreeComponent, rowReorderService: RowReorderService);
+    private _childrenField;
+    /**
+     * @hidden
+     */
+    getChildren(item?: any): any[];
     protected itemKey(item: any): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<HierarchyBindingDirective, never>;
+    protected onRowReorder(ev: RowReorderEvent): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<HierarchyBindingDirective, [null, { optional: true; }]>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<HierarchyBindingDirective, "[kendoTreeListHierarchyBinding]", ["kendoTreeListHierarchyBinding"], { "childrenField": "childrenField"; "data": "kendoTreeListHierarchyBinding"; }, {}, never>;
 }

package/columns/column-base.d.ts

@@ -16,6 +16,10 @@ export declare const isSpanColumn: (column: any) => any;
  * @hidden
  */
 export declare const isCheckboxColumn: (column: any) => any;
+/**
+ * @hidden
+ */
+export declare const isRowReorderColumn: (column: any) => any;
 /**
  * The base class for the column components of the TreeList.
  */

package/columns/rowreorder-column.component.d.ts

@@ -0,0 +1,19 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2023 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { ColumnBase } from './column-base';
+import * as i0 from "@angular/core";
+/**
+ * Represents the drag handle for reordering rows in the TreeList.
+ */
+export declare class RowReorderColumnComponent extends ColumnBase {
+    parent?: ColumnBase;
+    /**
+     * @hidden
+     */
+    readonly isRowReorderColumn: boolean;
+    constructor(parent?: ColumnBase);
+    static ɵfac: i0.ɵɵFactoryDeclaration<RowReorderColumnComponent, [{ optional: true; host: true; skipSelf: true; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<RowReorderColumnComponent, "kendo-treelist-rowreorder-column", never, {}, {}, never, never>;
+}

package/esm2020/binding-directives/base-binding.directive.mjs

@@ -8,11 +8,14 @@ import { process, aggregateBy } from '@progress/kendo-data-query';
 import { isChanged } from '@progress/kendo-angular-common';
 import { DataBoundTreeComponent } from './data-bound-tree-component';
 import { anyChanged } from '../utils';
+import { RowReorderService } from './../row-reordering/row-reorder.service';
 import * as i0 from "@angular/core";
 import * as i1 from "./data-bound-tree-component";
+import * as i2 from "./../row-reordering/row-reorder.service";
 export class BaseBindingDirective {
-    constructor(component) {
+    constructor(component, rowReorderService) {
         this.component = component;
+        this.rowReorderService = rowReorderService;
         this.state = {};
         this.cache = new Map();
         this.originalData = [];
@@ -45,6 +48,8 @@ export class BaseBindingDirective {
         this.applyState(this.state);
         this.subscriptions.add(this.component.dataStateChange
             .subscribe(this.onStateChange.bind(this)));
+        this.component.rowReorderable && this.subscriptions.add(this.rowReorderService.rowReorder
+            .subscribe(this.onRowReorder.bind(this)));
     }
     /**
      * @hidden
@@ -85,6 +90,7 @@ export class BaseBindingDirective {
         this.cache.clear();
         this.component.data = this.fetchChildren();
     }
+    onRowReorder(_event) { }
     applyState({ sort, filter }) {
         this.sort = sort;
         this.filter = filter;
@@ -153,12 +159,12 @@ export class BaseBindingDirective {
         this.dataChanged = true;
     }
 }
-BaseBindingDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: BaseBindingDirective, deps: [{ token: i1.DataBoundTreeComponent }], target: i0.ɵɵFactoryTarget.Directive });
+BaseBindingDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: BaseBindingDirective, deps: [{ token: i1.DataBoundTreeComponent }, { token: i2.RowReorderService }], target: i0.ɵɵFactoryTarget.Directive });
 BaseBindingDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.12", type: BaseBindingDirective, inputs: { sort: "sort", filter: "filter", aggregate: "aggregate" }, usesOnChanges: true, ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: BaseBindingDirective, decorators: [{
             type: Directive,
             args: [{}]
-        }], ctorParameters: function () { return [{ type: i1.DataBoundTreeComponent }]; }, propDecorators: { sort: [{
+        }], ctorParameters: function () { return [{ type: i1.DataBoundTreeComponent }, { type: i2.RowReorderService }]; }, propDecorators: { sort: [{
                 type: Input
             }], filter: [{
                 type: Input

package/esm2020/binding-directives/flat-binding.directive.mjs

@@ -2,14 +2,17 @@
 * Copyright © 2023 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
-import { Directive, Input } from '@angular/core';
+import { Directive, Input, Optional } from '@angular/core';
 import { getter, setter } from '@progress/kendo-common';
 import { BaseBindingDirective } from './base-binding.directive';
 import { FlatEditService } from '../editing-directives/flat-edit.service';
 import { DataBoundTreeComponent } from './data-bound-tree-component';
 import { isPresent } from '../utils';
+import { RowReorderService } from '../row-reordering/row-reorder.service';
+import { FlatRowReorderService } from '../row-reordering/flat-reorder.service';
 import * as i0 from "@angular/core";
 import * as i1 from "./data-bound-tree-component";
+import * as i2 from "../row-reordering/row-reorder.service";
 const ROOT_ID = null;
 /**
  * A directive which binds the TreeList to an array of objects by using
@@ -20,14 +23,18 @@ const ROOT_ID = null;
  * and [filtering]({% slug filtering_treelist %}) ([more information and examples]({% slug databinding_treelist %})).
  */
 export class FlatBindingDirective extends BaseBindingDirective {
-    constructor(component) {
+    constructor(component, rowReorderService) {
         super(component);
         this.component = component;
+        this.rowReorderService = rowReorderService;
         this.idGetter = getter('id');
         this.idSetter = setter('id');
         this.parentIdGetter = getter('parentId');
         this.parentIdSetter = setter('parentId');
         component.localEditService = new FlatEditService(this);
+        if (this.rowReorderService) {
+            this.rowReorderService.bindingDirective = this;
+        }
     }
     /**
      * The name of the field which contains the identifier of the parent node.
@@ -35,6 +42,10 @@ export class FlatBindingDirective extends BaseBindingDirective {
     set parentIdField(value) {
         this.parentIdGetter = getter(value);
         this.parentIdSetter = setter(value);
+        this._parentIdField = value;
+    }
+    get parentIdField() {
+        return this._parentIdField;
     }
     /**
      * The name of the field which contains the unique identifier of the node.
@@ -42,7 +53,14 @@ export class FlatBindingDirective extends BaseBindingDirective {
     set idField(value) {
         this.idGetter = getter(value);
         this.idSetter = setter(value);
+        this._idField = value;
+    }
+    get idField() {
+        return this._idField;
     }
+    /**
+     * @hidden
+     */
     getChildren(item) {
         const id = this.itemKey(item);
         const children = id === ROOT_ID ?
@@ -53,16 +71,48 @@ export class FlatBindingDirective extends BaseBindingDirective {
     itemKey(item) {
         return item ? this.idGetter(item) : ROOT_ID;
     }
+    onRowReorder(ev) {
+        if (ev.dropPosition === 'forbidden') {
+            return;
+        }
+        const draggedItem = ev.draggedRows[0].dataItem;
+        const dropTargetItem = ev.dropTargetRow.dataItem;
+        if (ev.dropPosition === 'over') {
+            const dropItemId = this.itemKey(dropTargetItem);
+            if (draggedItem[this.parentIdField] !== dropItemId) {
+                draggedItem[this.parentIdField] = dropItemId;
+            }
+        }
+        else {
+            const dropItemParentId = dropTargetItem[this.parentIdField];
+            draggedItem[this.parentIdField] = dropItemParentId;
+            this.rowReorderService.reorderRows(ev, this.originalData);
+        }
+        this.rebind();
+    }
 }
-FlatBindingDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: FlatBindingDirective, deps: [{ token: i1.DataBoundTreeComponent }], target: i0.ɵɵFactoryTarget.Directive });
-FlatBindingDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.12", type: FlatBindingDirective, selector: "[kendoTreeListFlatBinding]", inputs: { parentIdField: "parentIdField", idField: "idField", data: ["kendoTreeListFlatBinding", "data"] }, exportAs: ["kendoTreeListFlatBinding"], usesInheritance: true, ngImport: i0 });
+FlatBindingDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: FlatBindingDirective, deps: [{ token: i1.DataBoundTreeComponent }, { token: i2.RowReorderService, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
+FlatBindingDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.12", type: FlatBindingDirective, selector: "[kendoTreeListFlatBinding]", inputs: { parentIdField: "parentIdField", idField: "idField", data: ["kendoTreeListFlatBinding", "data"] }, providers: [
+        {
+            provide: RowReorderService,
+            useClass: FlatRowReorderService
+        }
+    ], exportAs: ["kendoTreeListFlatBinding"], usesInheritance: true, ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: FlatBindingDirective, decorators: [{
             type: Directive,
             args: [{
                     exportAs: 'kendoTreeListFlatBinding',
-                    selector: '[kendoTreeListFlatBinding]'
+                    selector: '[kendoTreeListFlatBinding]',
+                    providers: [
+                        {
+                            provide: RowReorderService,
+                            useClass: FlatRowReorderService
+                        }
+                    ]
                 }]
-        }], ctorParameters: function () { return [{ type: i1.DataBoundTreeComponent }]; }, propDecorators: { parentIdField: [{
+        }], ctorParameters: function () { return [{ type: i1.DataBoundTreeComponent }, { type: i2.RowReorderService, decorators: [{
+                    type: Optional
+                }] }]; }, propDecorators: { parentIdField: [{
                 type: Input
             }], idField: [{
                 type: Input

package/esm2020/binding-directives/hierarchy-binding.directive.mjs

@@ -2,13 +2,16 @@
 * Copyright © 2023 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
-import { Directive, Input } from '@angular/core';
+import { Directive, Input, Optional } from '@angular/core';
 import { getter, setter } from '@progress/kendo-common';
 import { BaseBindingDirective } from './base-binding.directive';
 import { HierarchyEditService } from '../editing-directives/hierarchy-edit.service';
 import { DataBoundTreeComponent } from './data-bound-tree-component';
+import { RowReorderService } from '../row-reordering/row-reorder.service';
+import { HierarchicalRowReorderService } from '../row-reordering/hierarchical-reorder.service';
 import * as i0 from "@angular/core";
 import * as i1 from "./data-bound-tree-component";
+import * as i2 from "../row-reordering/row-reorder.service";
 /**
  * A directive which binds the TreeList to a tree of objects.
  *
@@ -17,12 +20,16 @@ import * as i1 from "./data-bound-tree-component";
  * and [filtering]({% slug filtering_treelist %}) ([more information and examples](slug:databinding_treelist#toc-binding-to-hierarchical-data)).
  */
 export class HierarchyBindingDirective extends BaseBindingDirective {
-    constructor(component) {
+    constructor(component, rowReorderService) {
         super(component);
         this.component = component;
+        this.rowReorderService = rowReorderService;
         this.childrenGetter = getter('items');
         this.childrenSetter = setter('items');
         component.localEditService = new HierarchyEditService(this);
+        if (this.rowReorderService) {
+            this.rowReorderService.bindingDirective = this;
+        }
     }
     /**
      *  The name of the field which holds the child data items of the node.
@@ -30,23 +37,56 @@ export class HierarchyBindingDirective extends BaseBindingDirective {
     set childrenField(value) {
         this.childrenGetter = getter(value);
         this.childrenSetter = setter(value);
+        this._childrenField = value;
     }
+    get childrenField() {
+        return this._childrenField;
+    }
+    /**
+     * @hidden
+     */
     getChildren(item) {
         return item ? this.childrenGetter(item) || [] : this.originalData;
     }
     itemKey(item) {
         return item;
     }
+    onRowReorder(ev) {
+        if (ev.dropPosition === 'forbidden') {
+            return;
+        }
+        const dropTargetItem = ev.dropTargetRow.dataItem;
+        if (ev.dropPosition === 'over') {
+            if (!dropTargetItem.hasOwnProperty(this.childrenField)) {
+                dropTargetItem[this.childrenField] = [];
+            }
+        }
+        this.rowReorderService.reorderRows(ev, this.originalData, this.childrenField);
+        this.rebind();
+    }
 }
-HierarchyBindingDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: HierarchyBindingDirective, deps: [{ token: i1.DataBoundTreeComponent }], target: i0.ɵɵFactoryTarget.Directive });
-HierarchyBindingDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.12", type: HierarchyBindingDirective, selector: "[kendoTreeListHierarchyBinding]", inputs: { childrenField: "childrenField", data: ["kendoTreeListHierarchyBinding", "data"] }, exportAs: ["kendoTreeListHierarchyBinding"], usesInheritance: true, ngImport: i0 });
+HierarchyBindingDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: HierarchyBindingDirective, deps: [{ token: i1.DataBoundTreeComponent }, { token: i2.RowReorderService, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
+HierarchyBindingDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.12", type: HierarchyBindingDirective, selector: "[kendoTreeListHierarchyBinding]", inputs: { childrenField: "childrenField", data: ["kendoTreeListHierarchyBinding", "data"] }, providers: [
+        {
+            provide: RowReorderService,
+            useClass: HierarchicalRowReorderService
+        }
+    ], exportAs: ["kendoTreeListHierarchyBinding"], usesInheritance: true, ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: HierarchyBindingDirective, decorators: [{
             type: Directive,
             args: [{
                     exportAs: 'kendoTreeListHierarchyBinding',
-                    selector: '[kendoTreeListHierarchyBinding]'
+                    selector: '[kendoTreeListHierarchyBinding]',
+                    providers: [
+                        {
+                            provide: RowReorderService,
+                            useClass: HierarchicalRowReorderService
+                        }
+                    ]
                 }]
-        }], ctorParameters: function () { return [{ type: i1.DataBoundTreeComponent }]; }, propDecorators: { childrenField: [{
+        }], ctorParameters: function () { return [{ type: i1.DataBoundTreeComponent }, { type: i2.RowReorderService, decorators: [{
+                    type: Optional
+                }] }]; }, propDecorators: { childrenField: [{
                 type: Input
             }], data: [{
                 type: Input,

package/esm2020/columns/column-base.mjs

@@ -17,6 +17,10 @@ export const isSpanColumn = column => column.isSpanColumn;
  * @hidden
  */
 export const isCheckboxColumn = column => column.isCheckboxColumn;
+/**
+ * @hidden
+ */
+export const isRowReorderColumn = column => column.isRowReorderColumn;
 const isColumnContainer = column => column.isColumnGroup || isSpanColumn(column);
 /**
  * The base class for the column components of the TreeList.

package/esm2020/columns/rowreorder-column.component.mjs

@@ -0,0 +1,47 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2023 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { Component, forwardRef, SkipSelf, Host, Optional } from '@angular/core';
+import { ColumnBase } from './column-base';
+import * as i0 from "@angular/core";
+import * as i1 from "./column-base";
+/**
+ * Represents the drag handle for reordering rows in the TreeList.
+ */
+export class RowReorderColumnComponent extends ColumnBase {
+    constructor(parent) {
+        super(parent);
+        this.parent = parent;
+        /**
+         * @hidden
+         */
+        this.isRowReorderColumn = true;
+    }
+}
+RowReorderColumnComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: RowReorderColumnComponent, deps: [{ token: i1.ColumnBase, host: true, optional: true, skipSelf: true }], target: i0.ɵɵFactoryTarget.Component });
+RowReorderColumnComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: RowReorderColumnComponent, selector: "kendo-treelist-rowreorder-column", providers: [
+        {
+            provide: ColumnBase,
+            useExisting: forwardRef(() => RowReorderColumnComponent)
+        }
+    ], usesInheritance: true, ngImport: i0, template: ``, isInline: true });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: RowReorderColumnComponent, decorators: [{
+            type: Component,
+            args: [{
+                    providers: [
+                        {
+                            provide: ColumnBase,
+                            useExisting: forwardRef(() => RowReorderColumnComponent)
+                        }
+                    ],
+                    selector: 'kendo-treelist-rowreorder-column',
+                    template: ``
+                }]
+        }], ctorParameters: function () { return [{ type: i1.ColumnBase, decorators: [{
+                    type: SkipSelf
+                }, {
+                    type: Host
+                }, {
+                    type: Optional
+                }] }]; } });

package/esm2020/index.mjs

@@ -107,6 +107,8 @@ export { SinglePopupService, PopupCloseEvent } from './common/single-popup.servi
 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';
 // addresses error NG3001: Unsupported private class
 export { ColumnMenuTemplateDirective } from './column-menu/column-menu-template.directive';
 export { EditCommandDirective } from './editing/edit-command.directive';

package/esm2020/localization/messages.mjs

@@ -11,7 +11,7 @@ import * as i0 from "@angular/core";
 export class Messages extends ComponentMessages {
 }
 Messages.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: Messages, deps: null, target: i0.ɵɵFactoryTarget.Directive });
-Messages.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.12", type: Messages, inputs: { 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" }, usesInheritance: true, ngImport: i0 });
+Messages.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.12", type: Messages, inputs: { 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" }, usesInheritance: true, ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: Messages, decorators: [{
             type: Directive,
             args: [{}]
@@ -123,4 +123,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
                 type: Input
             }], bottomToolbarLabel: [{
                 type: Input
+            }], dragRowHandleLabel: [{
+                type: Input
             }] } });

package/esm2020/package-metadata.mjs

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