@progress/kendo-angular-treelist 13.0.0-develop.1 → 13.0.0-develop.10

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/column-menu/column-chooser.component.d.ts

@@ -13,12 +13,14 @@ import * as i0 from "@angular/core";
  * Represents the component for selecting columns in the TreeList. To enable the user to show or hide columns,
  * add the component inside a [`ToolbarTemplate`]({% slug api_treelist_toolbartemplatedirective %}) directive.
  *
- * {% meta height:500 %}
- * {% embed_file column-menu/chooser-toolbar/app.component.ts preview %}
- * {% embed_file column-menu/chooser-toolbar/app.module.ts %}
- * {% embed_file shared/main.ts %}
- * {% embed_file shared/employees.ts %}
- * {% endmeta %}
+ * @example
+ * ```html
+ * <kendo-treelist ...>
+ *   <ng-template kendoTreeListToolbarTemplate>
+ *     <kendo-treelist-column-chooser> </kendo-treelist-column-chooser>
+ *   </ng-template>
+ * </kendo-treelist>
+ * ```
  */
 export declare class ColumnChooserComponent implements OnDestroy {
     localization: LocalizationService;
@@ -29,10 +31,12 @@ export declare class ColumnChooserComponent implements OnDestroy {
     private changeDetector;
     /**
      * Specifies if the changes in the visibility of the column will be immediately applied.
+     * @default false
      */
     autoSync: boolean;
     /**
      * Specifies if all columns can be hidden.
+     * @default true
      */
     allowHideAll: boolean;
     get columns(): any[];

package/column-menu/column-menu-chooser.component.d.ts

@@ -9,18 +9,13 @@ import { ColumnMenuItemBase } from './column-menu-item-base';
 import { SVGIcon } from '@progress/kendo-svg-icons';
 import * as i0 from "@angular/core";
 /**
- * Represents the component for selecting columns in the TreeList that can be placed
- * inside a [`ColumnMenuTemplate`]({% slug api_treelist_columnmenutemplatedirective %}) directive.
+ * Represents the column-menu item for selecting columns in the TreeList. [See example](slug:columnmenu_treelist#toc-column-chooser-item).
  *
- * > You have to set the [ColumnMenuService]({% slug api_treelist_columnmenuservice %}) that is passed by
- * > the template to the service input of the `kendo-treelist-columnmenu-chooser` component.
+ * The component can be placed inside a [`ColumnMenuTemplate`]({% slug api_treelist_columnmenutemplatedirective %}) directive.
+ *
+ * To register the component as a known column menu item, set the [`ColumnMenuService`]({% slug api_treelist_columnmenuservice %})
+ * that is passed by the template to the service input of the `kendo-treelist-columnmenu-chooser` component.
  *
- * {% meta height:500 %}
- * {% embed_file column-menu/template-chooser/app.component.ts preview %}
- * {% embed_file column-menu/template-chooser/app.module.ts %}
- * {% embed_file shared/main.ts %}
- * {% embed_file shared/employees.ts %}
- * {% endmeta %}
  */
 export declare class ColumnMenuChooserComponent extends ColumnMenuItemBase {
     localization: LocalizationService;
@@ -36,6 +31,7 @@ export declare class ColumnMenuChooserComponent extends ColumnMenuItemBase {
     collapse: EventEmitter<any>;
     /**
      * Specifies if the content is expanded.
+     * @default false
      */
     expanded: boolean;
     /**

package/column-menu/column-menu-filter.component.d.ts

@@ -8,18 +8,13 @@ import { ColumnMenuItemBase } from './column-menu-item-base';
 import { SVGIcon } from '@progress/kendo-svg-icons';
 import * as i0 from "@angular/core";
 /**
- * Represents the component for editing column filters in the TreeList that can be placed
- * inside a [`ColumnMenuTemplate`]({% slug api_treelist_columnmenutemplatedirective %}) directive.
+ * Represents the column-menu item for editing column filters in the TreeList.
  *
- * > You have to set the [ColumnMenuService]({% slug api_treelist_columnmenuservice %}) that is passed by
- * > the template to the service input of the `kendo-treelist-columnmenu-filter` component.
+ * The component can be placed inside a [`ColumnMenuTemplate`]({% slug api_treelist_columnmenutemplatedirective %}) directive.
+ *
+ * To register the component as a known column menu item, set the [`ColumnMenuService`]({% slug api_treelist_columnmenuservice %})
+ * that is passed by the template to the service input of the `kendo-treelist-columnmenu-filter` component.
  *
- * {% meta height:500 %}
- * {% embed_file column-menu/template-filter/app.component.ts preview %}
- * {% embed_file column-menu/template-filter/app.module.ts %}
- * {% embed_file shared/main.ts %}
- * {% embed_file shared/employees.ts %}
- * {% endmeta %}
  */
 export declare class ColumnMenuFilterComponent extends ColumnMenuItemBase {
     localization: LocalizationService;
@@ -33,6 +28,7 @@ export declare class ColumnMenuFilterComponent extends ColumnMenuItemBase {
     collapse: EventEmitter<any>;
     /**
      * Specifies if the content is expanded.
+     * @default false
      */
     expanded: boolean;
     /**

package/column-menu/column-menu-item-content-template.directive.d.ts

@@ -13,7 +13,7 @@ import * as i0 from "@angular/core";
  *
  * @example
  * ```html
- * <kendo-treelist>
+ * <kendo-treelist ...>
  *   <kendo-treelist-column field="ProductName">
  *     <ng-template kendoTreeListColumnMenuTemplate>
  *       <kendo-treelist-columnmenu-item text="Item Text" [expanded]="true">

package/column-menu/column-menu-item.component.d.ts

@@ -10,12 +10,14 @@ import * as i0 from "@angular/core";
  * Represents an item that can be placed inside a
  * [`ColumnMenuTemplate`]({% slug api_treelist_columnmenutemplatedirective %}) directive.
  *
- * {% meta height:500 %}
- * {% embed_file column-menu/template-item/app.component.ts preview %}
- * {% embed_file column-menu/template-item/app.module.ts %}
- * {% embed_file shared/main.ts %}
- * {% embed_file shared/employees.ts %}
- * {% endmeta %}
+ *  * @example
+ * ```html
+ * <kendo-treelist ...>
+ *   <ng-template kendoTreeListColumnMenuTemplate let-service="service" let-column="column">
+ *     <kendo-treelist-columnmenu-item text="Fit column"></kendo-treelist-columnmenu-item>
+ *   </ng-template>
+ * </kendo-treelist>
+ * ```
  */
 export declare class ColumnMenuItemComponent implements OnChanges {
     /**

package/column-menu/column-menu-lock.component.d.ts

@@ -9,19 +9,13 @@ import { ColumnMenuItemBase } from './column-menu-item-base';
 import { SVGIcon } from '@progress/kendo-svg-icons';
 import * as i0 from "@angular/core";
 /**
- * Represents a column-menu item that can be placed inside a
- * [`ColumnMenuTemplate`]({% slug api_treelist_columnmenutemplatedirective %}) directive.
- * Allows the user to lock or unlock the columns.
+ * Represents the column-menu item that allows the user to lock or unlock columns.
  *
- * > You have to set the [ColumnMenuService]({% slug api_treelist_columnmenuservice %}) that is passed by
- * > the template to the service input of the `kendo-treelist-columnmenu-lock` component.
+ * The componnt can be placed inside a [`ColumnMenuTemplate`]({% slug api_treelist_columnmenutemplatedirective %}) directive.
+ *
+* To register the component as a known column menu item, set the [`ColumnMenuService`]({% slug api_treelist_columnmenuservice %})
+ * that is passed by the template to the service input of the `kendo-treelist-columnmenu-lock` component.
  *
- * {% meta height:500 %}
- * {% embed_file column-menu/template-lock/app.component.ts preview %}
- * {% embed_file column-menu/template-lock/app.module.ts %}
- * {% embed_file shared/main.ts %}
- * {% embed_file shared/employees.ts %}
- * {% endmeta %}
  */
 export declare class ColumnMenuLockComponent extends ColumnMenuItemBase {
     private localization;

package/column-menu/column-menu-settings.interface.d.ts

@@ -5,35 +5,32 @@
 /**
  * The settings of the column menu in the TreeList component.
  *
- * {% meta height:500 %}
- * {% embed_file column-menu/chooser/app.component.ts preview %}
- * {% embed_file column-menu/chooser/app.module.ts %}
- * {% embed_file shared/main.ts %}
- * {% embed_file shared/employees.ts %}
- * {% endmeta %}
+ * @example
+ * ```html
+ * <kendo-treelist ...
+ *   [columnMenu]="{ columnChooser: false }">
+ *   ...
+ * </kendo-treelist>
+ * ```
  */
 export interface ColumnMenuSettings {
     /**
      * Specifies if the columns can be sorted in the column menu.
      * If [sorting]({% slug api_treelist_treelistcomponent %}#toc-sortable) is enabled, defaults to `true`.
-     * @default true
      */
     sort?: boolean;
     /**
      * Specifies if the columns can be filtered in the column menu.
      * If [filtering]({% slug api_treelist_treelistcomponent %}#toc-filterable) is enabled, defaults to `true`.
-     * @default true
      */
     filter?: boolean;
     /**
      * Specifies if the item for column selection will be displayed in the column menu.
-     * @default true
      */
     columnChooser?: boolean;
     /**
      * Specifies if the columns can be locked and unlocked from the column menu.
      * This option follows the prerequisites and limitations of the [locked columns]({% slug locked_columns_treelist %}).
-     * @default false
      */
     lock?: boolean;
 }

package/column-menu/column-menu-sort.component.d.ts

@@ -8,19 +8,13 @@ import { ColumnMenuItemBase } from './column-menu-item-base';
 import { SVGIcon } from '@progress/kendo-svg-icons';
 import * as i0 from "@angular/core";
 /**
- * Represents a column-menu item for sorting TreeList columns that can be placed inside a
- * [`ColumnMenuTemplate`]({% slug api_treelist_columnmenutemplatedirective %}) directive.
- * Allows the user to sort the column.
+ * Represents the column-menu item for sorting TreeList columns.
  *
- * > You have to set the [ColumnMenuService]({% slug api_treelist_columnmenuservice %}) that is passed by
- * > the template to the service input of the `kendo-treelist-columnmenu-sort` component.
+ * The component can be placed inside a [`ColumnMenuTemplate`]({% slug api_treelist_columnmenutemplatedirective %}) directive.
+ *
+ * To register the component as a known column menu item, set the [`ColumnMenuService`]({% slug api_treelist_columnmenuservice %})
+ * that is passed by the template to the service input of the `kendo-treelist-columnmenu-sort` component.
  *
- * {% meta height:500 %}
- * {% embed_file column-menu/template-sort/app.component.ts preview %}
- * {% embed_file column-menu/template-sort/app.module.ts %}
- * {% embed_file shared/main.ts %}
- * {% embed_file shared/employees.ts %}
- * {% endmeta %}
  */
 export declare class ColumnMenuSortComponent extends ColumnMenuItemBase {
     localization: LocalizationService;

package/column-menu/column-menu.component.d.ts

@@ -10,7 +10,7 @@ import { ColumnMenuSettings } from './column-menu-settings.interface';
 import { SVGIcon } from '@progress/kendo-svg-icons';
 import * as i0 from "@angular/core";
 /**
- * Represents the [column menu]({% slug columnmenu_treelist %}) component.
+ * Represents the [column menu]({% slug columnmenu_treelist %}) component of the TreeList.
  */
 export declare class ColumnMenuComponent implements OnChanges, OnDestroy {
     protected popupService: SinglePopupService;

package/column-menu/column-menu.service.d.ts

@@ -10,7 +10,7 @@ import * as i0 from "@angular/core";
  *
  * @example
  * ```html
- * <kendo-treelist>
+ * <kendo-treelist ...>
  *   <ng-template
  *     kendoTreeListColumnMenuTemplate
  *     let-service="service"

package/column-resizing/column-resize.interface.d.ts

@@ -5,7 +5,7 @@
 import { Observable } from 'rxjs';
 import { ColumnBase } from '../columns/column-base';
 /**
- * The returned type of the `columnResize` event.
+ * The returned type of the [`columnResize`](slug:api_treelist_treelistcomponent#toc-columnresize) event.
  */
 export interface ColumnResizeArgs {
     /**

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

@@ -7,7 +7,7 @@ import { ColumnBase } from './column-base';
 import { CellTemplateDirective } from '../rendering/cell-template.directive';
 import * as i0 from "@angular/core";
 /**
- * Represents the checkbox for selecting rows in the TreeList.
+ * Represents the checkbox for selecting rows in the TreeList. [See example](slug:selection_treelist#toc-select-all-checkbox).
  */
 export declare class CheckboxColumnComponent extends ColumnBase {
     parent?: ColumnBase;

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/column-group.component.d.ts

@@ -14,12 +14,15 @@ export declare function isColumnGroupComponent(column: any): column is ColumnGro
  * Represents the column group header of the TreeList
  * ([more information and examples]({% slug multicolumnheaders_columns_treelist %})).
  *
- * {% meta height:533 %}
- * {% embed_file configuration/multi-column-headers/app.component.ts preview %}
- * {% embed_file configuration/multi-column-headers/app.module.ts %}
- * {% embed_file shared/main.ts %}
- * {% embed_file shared/filesystem.ts %}
- * {% endmeta %}
+ * @example
+ * ```html
+ * <kendo-treelist ...>
+ *   <kendo-treelist-column-group title="File Info">
+ *     <kendo-treelist-column field="type" title="Type"> </kendo-treelist-column>
+ *     <kendo-treelist-column field="size" title="Size"> </kendo-treelist-column>
+ *   </kendo-treelist-column-group>
+ * </kendo-treelist>
+ * ```
  */
 export declare class ColumnGroupComponent extends ColumnBase {
     /**

package/columns/column.component.d.ts

@@ -16,14 +16,15 @@ import * as i0 from "@angular/core";
  */
 export declare function isColumnComponent(column: any): column is ColumnComponent;
 /**
- * Represents the columns of the [Angular TreeList]({% slug getstarted_treelist %}).
+ * Represents the columns of the TreeList.
  *
- * {% meta height:470 %}
- * {% embed_file basic-usage/app.component.ts preview %}
- * {% embed_file basic-usage/app.module.ts %}
- * {% embed_file shared/main.ts %}
- * {% embed_file shared/employees.ts %}
- * {% endmeta %}
+ * @example
+ * ```html
+ * <kendo-treelist [kendoTreeListFlatBinding]="data" ...>
+ *   <kendo-treelist-column field="name" title="Name"></kendo-treelist-column>
+ *   <kendo-treelist-column field="title"title="Title"></kendo-treelist-column>
+ * </kendo-treelist>
+ * ```
  */
 export declare class ColumnComponent extends ColumnBase {
     /**
@@ -40,33 +41,6 @@ export declare class ColumnComponent extends ColumnBase {
      * Takes the `{0:format}` form where `format` is a standard number format, a custom number format,
      * a standard date format, a custom date format or a format object. For more information on the supported date and number formats,
      * refer to the [kendo-intl](https://github.com/telerik/kendo-intl/blob/develop/docs/index.md) documentation.
-     *
-     * Standard format:
-     * @example
-     * ```html-no-run
-     * <kendo-treelist>
-     *    <kendo-treelist-column field="UnitPrice" format="{0:c}">
-     *    </kendo-treelist-column>
-     * </kendo-treelist>
-     * ```
-     *
-     * Format object for currency:
-     * @example
-     * ```html-no-run
-     * <kendo-treelist>
-     *    <kendo-treelist-column field="UnitPrice" [format]="{ style: 'currency', currency: 'EUR' }">
-     *    </kendo-treelist-column>
-     * </kendo-treelist>
-     * ```
-     *
-     * Format object for dates:
-     * @example
-     * ```html-no-run
-     * <kendo-treelist>
-     *    <kendo-treelist-column field="FirstOrderedOn" [format]="{ date: 'short' }">
-     *    </kendo-treelist-column>
-     * </kendo-treelist>
-     * ```
      */
     format: any;
     /**
@@ -76,51 +50,27 @@ export declare class ColumnComponent extends ColumnBase {
     sortable: boolean | ColumnSortSettings;
     /**
      * Defines the editor type ([see example]({% slug editing_reactive_forms_treelist %}#toc-setup)).
-     * Used when the column enters the edit mode. The default value is `text`.
+     * Used when the column enters the edit mode. [See example](slug:editing_reactive_forms_treelist).
      *
-     * @example
-     * ```html-no-run
-     * <kendo-treelist>
-     *    <kendo-treelist-column field="UnitPrice" editor="numeric">
-     *    </kendo-treelist-column>
-     * </kendo-treelist>
-     * ```
+     * @default 'text'
      */
     editor: 'text' | 'numeric' | 'date' | 'boolean';
     /**
-     * Defines the filter type that is displayed inside the filter row. The default value is `text`.
+     * Defines the filter type that is displayed inside the filter row.
      *
-     * @example
-     * ```html-no-run
-     * <kendo-treelist>
-     *    <kendo-treelist-column field="UnitPrice" filter="numeric">
-     *    </kendo-treelist-column>
-     * </kendo-treelist>
-     * ```
+     * @default 'text'
      */
     filter: 'text' | 'numeric' | 'boolean' | 'date';
     /**
-     * Defines if a filter UI will be displayed for this column. The default value is `true`.
+     * Defines if a filter UI will be displayed for this column.
      *
-     * @example
-     * ```html-no-run
-     * <kendo-treelist>
-     *    <kendo-treelist-column field="UnitPrice" [filterable]="false">
-     *    </kendo-treelist-column>
-     * </kendo-treelist>
-     * ```
+     * @default true
      */
     filterable: boolean;
     /**
-     * Defines whether the column is editable. The default value is `true`.
+     * Defines whether the column is editable.
      *
-     * @example
-     * ```html-no-run
-     * <kendo-treelist>
-     *    <kendo-treelist-column field="UnitPrice" [editable]="false">
-     *    </kendo-treelist-column>
-     * </kendo-treelist>
-     * ```
+     * @default true
      */
     editable: boolean;
     template: CellTemplateDirective;

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

@@ -9,30 +9,28 @@ import { OptionChangesService } from '../common/option-changes.service';
 import * as i0 from "@angular/core";
 /**
  * Represents the command columns of the TreeList. You have to define the content of the
- * column inside an `<ng-template>` tag. The template context is set to the current
- * data item. For more information and examples on using the passed fields
+ * column inside an `<ng-template>` tag. For more information and examples on using the passed fields
  * and the command directives, refer to the article on
  * [editing the TreeList in Angular Reactive Forms]({% slug editing_reactive_forms_treelist %}).
  *
- * The following additional fields are passed:
- * - `columnIndex`&mdash;The current column index.
- * - `rowIndex`&mdash;The current data row index. If inside a new item row, `rowIndex`is `-1`.
- * - `dataItem`&mdash;The current data item.
- * - `column`&mdash;The current column instance.
- * - `isNew`&mdash;The state of the current item.
- *
  * Usually, the template contains CRUD command directives such as:
  * - [`EditCommandDirective`]({% slug api_treelist_editcommanddirective %})
  * - [`RemoveCommandDirective`]({% slug api_treelist_removecommanddirective %})
  * - [`CancelCommandDirective`]({% slug api_treelist_cancelcommanddirective %})
  * - [`SaveCommandDirective`]({% slug api_treelist_savecommanddirective %})
  *
- * {% meta height:590 %}
- * {% embed_file editing/editing-directives/reactive-editing/app.component.ts preview %}
- * {% embed_file shared/employees.ts %}
- * {% embed_file editing/editing-directives/reactive-editing/app.module.ts %}
- * {% embed_file shared/main.ts %}
- * {% endmeta %}
+ * @example
+ * ```html
+ * <kendo-treelist ...>
+ *   <kendo-treelist-column field="ProductID"></kendo-treelist-column>
+ *   <kendo-treelist-command-column title="command" >
+ *      <ng-template kendoTreeListCellTemplate>
+ *         <button kendoTreeListEditCommand class="k-primary">Edit</button>
+ *         <button kendoTreeListRemoveCommand>Remove</button>
+ *      </ng-template>
+ *   </kendo-treelist-command-column>
+ * </kendo-treelist>
+ * ```
  */
 export declare class CommandColumnComponent extends ColumnBase {
     parent?: ColumnBase;

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>;
+}