@progress/kendo-angular-treelist 13.0.0-develop.6 → 13.0.0-develop.8

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

@@ -20,25 +20,15 @@ export declare function isSpanColumnComponent(column: any): column is SpanColumn
  * [sorting]({% slug sorting_treelist %}) and [filtering]({% slug filtering_treelist %}). Wrap the columns that will be
  * merged inside the `<kendo-treelist-span-column>` tag.
  *
- * {% meta height:570 %}
- * {% embed_file configuration/span-column/app.component.ts preview %}
- * {% embed_file configuration/span-column/app.module.ts %}
- * {% embed_file shared/main.ts %}
- * {% embed_file shared/employees.ts %}
- * {% endmeta %}
- *
- * By default, the data cell displays the data for the specified fields. To further customize
- * the span-column functionality, use a [cell template]({% slug api_treelist_celltemplatedirective %}).
- *
- * ```html-no-run
+ * ```html
  * <kendo-treelist-span-column>
- *  <kendo-treelist-column field="field1" title="Field 1"></kendo-treelist-column>
- *  <kendo-treelist-column field="field2" title="Field 2"></kendo-treelist-column>
- *    <ng-template kendoTreeListCellTemplate let-dataItem>
- *        <h5>{{ dataItem.field1 }}</h5>
- *        <p>{{ dataItem.field2 }}</p>
- *    </ng-template>
- *  </kendo-treelist-span-column>
+ *   <kendo-treelist-column field="field1" ></kendo-treelist-column>
+ *   <kendo-treelist-column field="field2" ></kendo-treelist-column>
+ *   <ng-template kendoTreeListCellTemplate let-dataItem>
+ *     <h5>{{ dataItem.field1 }}</h5>
+ *     <p>{{ dataItem.field2 }}</p>
+ *   </ng-template>
+ * </kendo-treelist-span-column>
  * ```
  */
 export declare class SpanColumnComponent extends ColumnBase {
@@ -89,22 +79,8 @@ export declare class SpanColumnComponent extends ColumnBase {
     /**
      * Defines whether the edit template of the column will be rendered. The default value is `false`.
      *
-     * > To enable the editing functionality for a spanned column, set an edit template for it.
+     * To enable the editing functionality for a spanned column, set an edit template for it.
      *
-     * @example
-     * ```html-no-run
-     * <kendo-treelist>
-     *    <kendo-treelist-span-column [editable]="false">
-     *      <kendo-treelist-column field="UnitPrice">
-     *      </kendo-treelist-column>
-     *      <kendo-treelist-column field="ProductName">
-     *      </kendo-treelist-column>
-     *      <ng-template kendoTreeListEditTemplate>
-     *         .....
-     *      </ng-template>
-     *    </kendo-treelist-span-column>
-     * </kendo-treelist>
-     * ```
      */
     set editable(value: boolean);
     get editable(): boolean;
@@ -134,56 +110,9 @@ export declare class SpanColumnComponent extends ColumnBase {
     get colspan(): number;
     /**
      * Toggles the locked (frozen) state of the columns. Locked columns are visible
-     * at all times during the horizontal scrolling of the TreeList.
-     *
-     * For the option to work properly, make sure that:
-     * - Scrolling is enabled.
-     * - The `height` option of the TreeList is set.
-     * - The widths of all TreeList columns are explicitly set in pixels. In this way,
-     * the TreeList adjusts the layout of the locked and unlocked columns.
+     * at all times during the horizontal scrolling of the TreeList. [See example](slug:locked_columns_treelist).
      *
      * @default false
-     *
-     * @example
-     * ```ts
-     * _@Component({
-     *    selector: 'my-app',
-     *    template: `
-     *        <kendo-treelist [data]="treelistData" [scrollable]="scrollable" style="height: 200px">
-     *          <kendo-treelist-span-column [locked]="true">
-     *             <kendo-treelist-column field="ProductID" title="Product ID" [width]="120">
-     *             </kendo-treelist-column>
-     *             <kendo-treelist-column field="ProductName" title="Product Name" [width]="200">
-     *             </kendo-treelist-column>
-     *          </kendo-treelist-span-column>
-     *          <kendo-treelist-column field="UnitPrice" title="Unit Price" [width]="230">
-     *          </kendo-treelist-column>
-     *        </kendo-treelist>
-     *    `
-     * })
-     *
-     * class AppComponent {
-     *    public treelistData: any[];
-     *
-     *    constructor() {
-     *        this.treelistData = products;
-     *    }
-     * }
-     *
-     * const products = [{
-     *    "ProductID": 1,
-     *    "ProductName": "Chai",
-     *    "UnitPrice": 18.0000,
-     *    "Discontinued": true
-     *  }, {
-     *    "ProductID": 2,
-     *    "ProductName": "Chang",
-     *    "UnitPrice": 19.0000,
-     *    "Discontinued": false
-     *  }
-     * ];
-     *
-     * ```
      */
     set locked(value: boolean);
     get locked(): boolean;

package/editing/add-command.directive.d.ts

@@ -22,7 +22,7 @@ import * as i0 from "@angular/core";
  *
  * @example
  * ```html
- * <kendo-treelist>
+ * <kendo-treelist ...>
  *   <kendo-treelist-command-column title="command">
  *     <ng-template kendoTreeListCellTemplate let-cellContext="cellContext">
  *       <button [kendoTreeListAddCommand]="cellContext" class="k-primary">Edit</button>

package/editing/cancel-command.directive.d.ts

@@ -19,7 +19,7 @@ import * as i0 from "@angular/core";
  *
  * @example
  * ```html
- * <kendo-treelist>
+ * <kendo-treelist ...>
  *   <kendo-treelist-command-column title="command">
  *     <ng-template kendoTreeListCellTemplate let-cellContext="cellContext">
  *       <button [kendoTreeListCancelCommand]="cellContext">Cancel changes</button>

package/editing/edit-command.directive.d.ts

@@ -19,7 +19,7 @@ import * as i0 from "@angular/core";
  *
  * @example
  * ```html
- * <kendo-treelist>
+ * <kendo-treelist ...>
  *   <kendo-treelist-command-column title="command">
  *     <ng-template kendoTreeListCellTemplate let-cellContext="cellContext">
  *       <button [kendoTreeListEditCommand]="cellContext">Edit</button>

package/editing/edit-template.directive.d.ts

@@ -16,6 +16,17 @@ import * as i0 from "@angular/core";
  * - `formGroup`—The current [`FormGroup`](link:site.data.urls.angular['formgroupapi']). If you use the TreeList inside [Template-Driven Forms](link:site.data.urls.angular['forms']), `formGroup` will be `undefined`.
  * - `isNew`—The state of the current item.
  * - `rowIndex`—The current row index. If inside a new item row, `rowIndex` is `-1`.
+ *
+ *  * @example
+ * ```html
+ * <kendo-treelist ...>
+ *   <kendo-treelist-command-column title="command">
+ *     <ng-template kendoTreeListEditTemplate let-rowIndex="rowIndex">
+ *         {{rowIndex}}
+ *     </ng-template>
+ *   </kendo-treelist-command-column>
+ * </kendo-treelist>
+ * ```
  */
 export declare class EditTemplateDirective {
     templateRef: TemplateRef<any>;

package/editing/remove-command.directive.d.ts

@@ -19,7 +19,7 @@ import * as i0 from "@angular/core";
  *
  * @example
  * ```html
- * <kendo-treelist>
+ * <kendo-treelist ...>
  *   <kendo-treelist-command-column title="command">
  *     <ng-template kendoTreeListCellTemplate let-cellContext="cellContext">
  *       <button [kendoTreeListRemoveCommand]="cellContext">Remove row</button>

package/editing/save-command.directive.d.ts

@@ -19,7 +19,7 @@ import * as i0 from "@angular/core";
  *
  * @example
  * ```html
- * <kendo-treelist>
+ * <kendo-treelist ...>
  *   <kendo-treelist-command-column title="command">
  *     <ng-template kendoTreeListCellTemplate let-cellContext="cellContext">
  *       <button [kendoTreeListSaveCommand]="cellContext">Save changes</button>

package/esm2020/column-menu/column-chooser.component.mjs

@@ -19,12 +19,14 @@ import * as i5 from "./column-list.component";
  * 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 class ColumnChooserComponent {
     constructor(localization, columnInfoService, popupService, ngZone, renderer, changeDetector) {
@@ -36,10 +38,12 @@ export class ColumnChooserComponent {
         this.changeDetector = changeDetector;
         /**
          * Specifies if the changes in the visibility of the column will be immediately applied.
+         * @default false
          */
         this.autoSync = false;
         /**
          * Specifies if all columns can be hidden.
+         * @default true
          */
         this.allowHideAll = true;
         this.columnsIcon = columnsIcon;