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

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

@@ -49,26 +49,25 @@ const packageMetadata = {
     productName: 'Kendo UI for Angular',
     productCode: 'KENDOUIANGULAR',
     productCodes: ['KENDOUIANGULAR'],
-    publishDate: 1750152699,
-    version: '19.1.2-develop.3',
+    publishDate: 1750431037,
+    version: '19.1.2-develop.5',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
 };
 
 /**
  * Represents the column cell template of the TreeList ([more information and example]({% slug templates_columns_treelist %}#toc-cell-template)).
- * Helps to customize the content of the cells. To define the cell template, nest an `<ng-template>` tag
- * with the `kendoTreeListCellTemplate` directive inside a `<kendo-treelist-column>` tag.
+ * Use this directive to customize the content of the cells. To define the cell template, nest an `<ng-template>` tag with the `kendoTreeListCellTemplate` directive inside a `<kendo-treelist-column>` tag.
  *
- * The template context is set to the current data item and the following additional fields are passed:
- * - `columnIndex`&mdash;The current column index. Use it as an alias for a template variable by utilizing the `let-columnIndex="columnIndex"` syntax.
- * - `column`&mdash;The current column instance. Use it as an alias for a template variable by utilizing the `let-column="column"` syntax.
- * - `dataItem`&mdash;The current data item. Represents the default context that will be assigned to any template variable which utilizes the `let-x` syntax&mdash;for example, `let-dataItem`.
- * - `cellContext`&mdash;An object used to pass context information to built-in directives.
+ * The template context is set to the current data item and provides the following fields:
+ * - `columnIndex`&mdash;The current column index. Use as an alias for a template variable with `let-columnIndex="columnIndex"`.
+ * - `column`&mdash;The current column instance. Use as an alias for a template variable with `let-column="column"`.
+ * - `dataItem`&mdash;The current data item. Represents the default context for any template variable using `let-x` syntax, for example, `let-dataItem`.
+ * - `cellContext`&mdash;An object for passing context information to built-in directives.
  * - `hasChildren`&mdash;Specifies if the item has children.
  * - `isExpanded`&mdash;Specifies if the item is expanded.
  * - `level`&mdash;The hierarchy level of the item.
  * - `loading`&mdash;Specifies if the item children are currently loading.
- * - `rowIndex`&mdash;The current row index. Use it as an alias for a template variable by utilizing the `let-rowIndex="rowIndex"` syntax.
+ * - `rowIndex`&mdash;The current row index. Use it as an alias for a template variable with `let-rowIndex="rowIndex"`.
  *
  * @example
  * ```html
@@ -79,7 +78,7 @@ const packageMetadata = {
  *     </ng-template>
  *   </kendo-treelist-column>
  * </kendo-treelist>
- *```
+ * ```
  */
 class CellTemplateDirective {
     templateRef;
@@ -100,15 +99,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                 }] }]; } });
 
 /**
- * Represents the column edit-cell template of the TreeList ([see example]({% slug editing_template_forms_treelist %})).
- * Helps to customize the content of the edited cells. To define the cell template, nest an `<ng-template>`
- * tag with the `kendoTreeListEditTemplate` directive inside a `<kendo-treelist-column>` tag.
+ * Represents the column edit-cell template of the TreeList ([see example](slug:editing_template_forms_treelist)). Use this directive to customize the content of edited cells. To define the cell template, nest an `<ng-template>` tag with the `kendoTreeListEditTemplate` directive inside a `<kendo-treelist-column>` tag.
  *
  * The template context contains the following fields:
  * - `column`&mdash;The current column instance.
  * - `dataItem`&mdash;The current data item.
  * - `cellContext`&mdash;An object used to pass context information to built-in directives.
- * - `formGroup`&mdash;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`.
+ * - `formGroup`&mdash;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` is `undefined`.
  * - `isNew`&mdash;The state of the current item.
  * - `rowIndex`&mdash;The current row index. If inside a new item row, `rowIndex` is `-1`.
  *
@@ -142,12 +139,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                 }] }]; } });
 
 /**
- * Represents the template for the column menu in the TreeList. Provides an option for
- * customizing the content of the column menu for all or for specific columns.
- * To define the content template, nest an `<ng-template>` tag with the
- * `kendoTreeListColumnMenuTemplate` directive inside the `kendo-treelist` or the `<kendo-treelist-column>` component.
+ * Represents the template for the column menu in the TreeList. Use this directive to customize the content of the column menu for all or specific columns.
+ * To define the content template, nest an `<ng-template>` tag with the `kendoTreeListColumnMenuTemplate` directive inside the `kendo-treelist` or the `<kendo-treelist-column>` component.
  *
- * The template context is passes through the following fields:
+ * The template context is passed through the following fields:
  * - `service`&mdash;Represents the [ColumnMenuService]({% slug api_treelist_columnmenuservice %}).
  * - `column`&mdash;Represents the TreeList column.
  *
@@ -205,19 +200,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
         }] });
 
 /**
- * Represents the column footer cell template of the TreeList
- * ([more information and example]({% slug templates_columns_treelist %}#toc-footer-template)).
- * Helps to customize the table footer cell for the column.
- * To define a footer template, nest an `<ng-template>` tag with the
- * `kendoTreeListFooterTemplate` directive inside the `<kendo-treelist-column>` tag.
+ * Represents the column footer cell template of the TreeList ([more information and example]({% slug templates_columns_treelist %}#toc-footer-template)).
+ * Use this directive to customize the table footer cell for the column.
+ * To define a footer template, nest an `<ng-template>` tag with the `kendoTreeListFooterTemplate` directive inside the `<kendo-treelist-column>` tag.
  *
- * The template context is set to the aggregate values and the following additional fields are passed:
- * * `aggregates`&mdash;The aggregates for the level items.
- * * `column`&mdash;Defines an instance of the [`ColumnComponent`]({% slug api_treelist_columncomponent %}) option.
- * * `columnIndex`&mdash;Defines the current column index.
- * * `field`&mdash;The name of the column field, if set.
- * * `items`&mdash;The data items on this level.
- * * `parentItem`&mdash;The parent data item; `null` for root level items.
+ * The template context is set to the aggregate values and provides the following fields:
+ * - `aggregates`&mdash;The aggregates for the level items.
+ * - `column`&mdash;Defines an instance of the [`ColumnComponent`]({% slug api_treelist_columncomponent %}) option.
+ * - `columnIndex`&mdash;Defines the current column index.
+ * - `field`&mdash;The name of the column field, if set.
+ * - `items`&mdash;The data items on this level.
+ * - `parentItem`&mdash;The parent data item; `null` for root level items.
  *
  * @example
  * ```html
@@ -249,13 +242,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
 /**
  * Represents the column header cell template of the TreeList
  * ([more information and example]({% slug templates_columns_treelist %}#toc-header-template)).
- * Helps to customize the table header cell for the column.
+ * Use this directive to customize the table header cell for the column.
  * To define a header template, nest an `<ng-template>` tag with the
  * [`kendoTreeListHeaderTemplate`]({% slug api_treelist_headertemplatedirective %}) directive inside the `<kendo-treelist-column>` tag.
  *
- *  The template context is set to the current column and then the following additional fields are passed:
- * * `column`&mdash;Defines an instance of the [`ColumnComponent`]({% slug api_treelist_columncomponent %}) option.
- * * `columnIndex`&mdash;Defines the current column index.
+ * The template context is set to the current column and provides the following fields:
+ * - `column`&mdash;Defines an instance of the [`ColumnComponent`]({% slug api_treelist_columncomponent %}) option.
+ * - `columnIndex`&mdash;Defines the current column index.
  *
  * @example
  * ```html
@@ -300,7 +293,7 @@ const isCheckboxColumn = column => column.isCheckboxColumn;
 const isRowReorderColumn = column => column.isRowReorderColumn;
 const isColumnContainer = column => column.isColumnGroup || isSpanColumn(column);
 /**
- * The base class for the column components of the TreeList.
+ * Serves as the base class for column components in the TreeList.
  */
 class ColumnBase {
     parent;
@@ -347,28 +340,27 @@ class ColumnBase {
      */
     reorderable = true;
     /**
-     * The width (in pixels) below which the user is not able to resize the column by using the UI.
+     * Sets the minimum width (in pixels) for resizing the column using the UI.
      * @default 10
      */
     minResizableWidth = 10;
     /**
-     * The title of the column.
+     * Sets the title of the column.
      */
     title;
     /**
-     * The width of the column (in pixels).
+     * Sets the width of the column (in pixels).
      */
     set width(value) {
         this._width = parseInt(value, 10);
     }
     get width() { return this._width; }
     /**
-     * Indicates whether the column will be resized during initialization so that it fits its header and row content.
+     * Indicates whether the column is automatically resized during initialization to fit its header and row content.
      */
     autoSize;
     /**
      * Toggles the locked (frozen) state of the columns ([more information and example](slug:locked_columns_treelist)).
-     *
      * @default false
      */
     set locked(value) {
@@ -380,12 +372,11 @@ class ColumnBase {
     _locked = false;
     /**
      * Sets the visibility of the column ([see example](slug:hidden_columns_treelist#toc-using-the-built-in-options)).
-     *
      * @default false
      */
     hidden;
     /**
-     * Sets the condition that needs to be satisfied for a column to remain visible ([see example](slug:responsive_treelist#toc-columns)).
+     * Sets the condition that must be satisfied for a column to remain visible ([see example](slug:responsive_treelist#toc-columns)).
      * If you set the `hidden` property, the behavior of `media` is overridden.
      */
     media;
@@ -395,55 +386,44 @@ class ColumnBase {
      */
     lockable = true;
     /**
-     * Specifies if the column menu will be shown for the column.
+     * Specifies if the column menu is shown for the column.
      * @default true
      */
     columnMenu = true;
     /**
-     * Specifies if the column will be included in the column-chooser list.
+     * Specifies if the column is included in the column-chooser list.
      * @default true
      */
     includeInChooser = true;
     /**
-     * Allows setting the `role` attribute for the table cells (excluding the footer and header ones) of the column.
+     * Sets the `role` attribute for the table cells (excluding the footer and header) of the column.
      * @default "gridcell"
      */
     tableCellsRole = 'gridcell';
     /**
-     * Sets the custom styles for the table cells (excluding the footer and header ones) of the column. Under the hood,
-     * to apply the property, the `style` option uses the
-     * [NgStyle](link:site.data.urls.angular['ngstyleapi']) directive. [See example](slug:styling_treelist_columns).
+     * Sets custom styles for the table cells (excluding the footer and header) of the column. Uses the [`NgStyle`](link:site.data.urls.angular['ngstyleapi']) directive. [See example](slug:styling_treelist_columns).
      */
     style;
     /**
-     * Sets the custom styles for the header cell of the column. Under the hood, to apply the property,
-     * the `headerStyle` option uses the
-     * [NgStyle](link:site.data.urls.angular['ngstyleapi']) directive. [See example](slug:styling_treelist_columns).
+     * Sets custom styles for the header cell of the column. Uses the [`NgStyle`](link:site.data.urls.angular['ngstyleapi']) directive. [See example.](slug:styling_treelist_columns)
      */
     headerStyle;
     /**
-     * Sets the custom styles for the footer cell of the column. Under the hood, to apply the property,
-     * the `footerStyle` option uses the
-     * [NgStyle](link:site.data.urls.angular['ngstyleapi']) directive. [See example](slug:styling_treelist_columns).
+     * Sets custom styles for the footer cell of the column. Uses the [`NgStyle`](link:site.data.urls.angular['ngstyleapi']) directive. [See example.](slug:styling_treelist_columns)
      */
     footerStyle;
     /**
-     * Sets the custom CSS classes to the column cells. Under the hood, to apply the property, the `class` option uses the
-     * [NgClass](link:site.data.urls.angular['ngclassapi']) directive.
-     * To customize header and footer column cells, use the [`headerClass`]({% slug api_treelist_columncomponent %}#toc-headerclass)
-     * and [`footerClass`]({% slug api_treelist_columncomponent %}#toc-footerclass) inputs.
+     * Sets custom CSS classes to the column cells. Uses the [`NgClass`](link:site.data.urls.angular['ngclassapi']) directive. To customize header and footer column cells, use the [`headerClass`]({% slug api_treelist_columncomponent %}#toc-headerclass) and [`footerClass`]({% slug api_treelist_columncomponent %}#toc-footerclass) inputs.
      */
     cssClass;
     /**
-     * Sets the custom CSS classes to the column header cell. Under the hood, to apply the property,
-     * the `headerClass` option uses the
-     * [NgClass](link:site.data.urls.angular['ngclassapi']) directive. [See example](slug:styling_treelist_columns).
+     * Sets custom CSS classes to the column header cell. Uses the [`NgClass`](link:site.data.urls.angular['ngclassapi']) directive. [See example](slug:styling_treelist_columns).
      */
     headerClass;
     /**
      * Sets the custom CSS classes to the column footer cell. Under the hood, to apply the property,
      * the `footerClass` option uses the
-     * [NgClass](link:site.data.urls.angular['ngclassapi']) directive. [See example](slug:styling_treelist_columns).
+     * [`NgClass`](link:site.data.urls.angular['ngclassapi']) directive. [See example](slug:styling_treelist_columns).
      */
     footerClass;
     /**
@@ -708,15 +688,30 @@ const isColumnEditable = (column, formGroup) => column.isEditable !== false &&
 /**
  * @hidden
  */
-const replaceMessagePlaceholder = (message, name, value) => message.replace(new RegExp(`\{\\s*${name}\\s*\}`, 'g'), value);
+const replaceMessagePlaceholder = (message, name, value) => message.replace(new RegExp(`{\\s*${name}\\s*}`, 'g'), value);
 
 /**
- * Represents the filter-cell template ([see example](slug:filter_row_treelist#toc-custom-filter-row-components).
+ * Represents the filter-cell template for the TreeList.
+ * Use this directive to customize the filter row cell for a column.
+ * See [custom filter row components](slug:filter_row_treelist#toc-custom-filters).
  *
- * The template context is set to the filter descriptor and the following additional fields are passed:
- * - `column`&mdash;The current column instance. Use it as an alias for a template variable by utilizing the `let-column="column"` syntax.
+ * The template context is set to the filter descriptor and provides the following fields:
+ * - `column`&mdash;The current column instance. Use as an alias for a template variable with `let-column="column"`.
  * - `filter`&mdash;The filter descriptor.
  * - `cellContext`&mdash;An object used to pass context information to built-in directives.
+ *
+ * @example
+ * ```html
+ * <kendo-treelist-column field="name" title="Name">
+ *   <ng-template kendoTreeListFilterCellTemplate let-column="column" let-filter="filter" let-cellContext="cellContext">
+ *     <kendo-maskedtextbox mask="(999) 000-0000"
+ *        [promptPlaceholder]="prompt" [includeLiterals]="true"
+ *        (valueChange)="phoneChange($event)"
+ *      >
+ *      </kendo-maskedtextbox>
+ *   </ng-template>
+ * </kendo-treelist-column>
+ * ```
  */
 class FilterCellTemplateDirective {
     templateRef;
@@ -737,8 +732,24 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                 }] }]; } });
 
 /**
- * Represents the filter-menu template
- * ([see example](slug:filter_menu_treelist#toc-custom-filter-menu-components).
+ * Represents the filter-menu template for the TreeList filter menu.
+ *
+ * Use this directive to provide a custom template for the filter menu in a TreeList column
+ * ([see example](slug:filter_menu_treelist#toc-custom-filter-menu-components)).
+ *
+ * @example
+ * ```html
+ * <kendo-treelist-column field="title" title="Title" [width]="180">
+ *  <ng-template kendoTreeListFilterMenuTemplate
+ *    let-filter="filter"
+ *    let-filterService="filterService">
+ *      <my-custom-filter-menu-component
+ *          [currentFilter]="filter"
+ *          [filterService]="filterService">
+ *      </my-custom-filter-menu-component>
+ *  </ng-template>
+ * </kendo-treelist-column>
+ * ```
  */
 class FilterMenuTemplateDirective {
     templateRef;
@@ -765,58 +776,62 @@ function isColumnComponent(column) {
     return isPresent(column.field);
 }
 /**
- * Represents the columns of the TreeList.
+ * Represents a column in the TreeList. Use this component to define a data-bound column.
  *
  * @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-column field="title" title="Title"></kendo-treelist-column>
  * </kendo-treelist>
  * ```
+ * @remarks
+ * Supported children components are:
+ * {@link StringFilterCellComponent},
+ * {@link NumericFilterCellComponent},
+ * {@link BooleanFilterCellComponent},
+ * {@link DateFilterCellComponent},
+ * {@link StringFilterMenuComponent},
+ * {@link NumericFilterMenuComponent},
+ * {@link BooleanFilterMenuComponent},
+ * {@link DateFilterMenuComponent},
+ * {@link FilterCellOperatorsComponent}.
  */
 class ColumnComponent extends ColumnBase {
     /**
-     * Defines whether the expanded indicator should be rendered in the column.
-     * @default false
+     * Specifies if the expanded indicator appears in the column.
      */
     expandable;
     /**
-     * The field to which the column is bound.
+     * Sets the field to which the column is bound.
      */
     field;
     /**
-     * The format that is applied to the value before it is displayed. For more information on the supported date and number formats,
-     * refer to the [Column Formats](slug:formats_columns_treelist) documentation article.
+     * Sets the format applied to the value before display. For supported date and number formats, see the [Column Formats](slug:formats_columns_treelist) article.
      */
     format;
     /**
-     * Allows the column headers to be clicked and the `sortChange` event emitted.
-     * You have to handle the `sortChange` event yourself and sort the data.
+     * Allows the column headers to be clicked and the `sortChange` event emitted. You must handle the `sortChange` event and sort the data.
+     * @default true
      */
     sortable = true;
     /**
-     * Defines the editor type ([see example]({% slug editing_reactive_forms_treelist %}#toc-setup)).
-     * Used when the column enters the edit mode. [See example](slug:editing_reactive_forms_treelist).
-     *
+     * Sets the editor type ([see example]({% slug editing_reactive_forms_treelist %}#toc-setup)). Used when the column enters edit mode. [See example](slug:editing_reactive_forms_treelist).
      * @default 'text'
      */
     editor = 'text';
     /**
-     * Defines the filter type that is displayed inside the filter row.
-     *
+     * Sets the filter type displayed inside the filter row.
      * @default 'text'
      */
     filter = 'text';
     /**
-     * Defines if a filter UI will be displayed for this column.
-     *
+     * Specifies if a filter UI appears for this column.
      * @default true
      */
     filterable = true;
     /**
-     * Defines whether the column is editable.
-     *
+     * Specifies if the column is editable.
      * @default true
      */
     editable = true;
@@ -912,16 +927,15 @@ function isSpanColumnComponent(column) {
     return column.isSpanColumn;
 }
 /**
- * Represents a column which can be spanned over multiple data cells while the individual
- * header and footer cells are retained ([see example]({% slug spanned_columns_treelist %})).
- * Enables you to achieve more flexible layout while keeping the built-in UI element for
- * [sorting]({% slug sorting_treelist %}) and [filtering]({% slug filtering_treelist %}). Wrap the columns that will be
- * merged inside the `<kendo-treelist-span-column>` tag.
+ * Represents a column that spans multiple data cells while keeping individual header and footer cells.
+ * Use this component to create flexible layouts and retain built-in UI for [sorting]({% slug sorting_treelist %}) and [filtering]({% slug filtering_treelist %}).
+ * Wrap the columns to merge inside the `<kendo-treelist-span-column>` tag.
  *
+ * @example
  * ```html
  * <kendo-treelist-span-column>
- *   <kendo-treelist-column field="field1" ></kendo-treelist-column>
- *   <kendo-treelist-column field="field2" ></kendo-treelist-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>
@@ -931,8 +945,7 @@ function isSpanColumnComponent(column) {
  */
 class SpanColumnComponent extends ColumnBase {
     /**
-     * Defines whether the expanded indicator should be rendered in the column.
-     * @default false
+     * Specifies if the expanded indicator appears in the column.
      */
     expandable;
     /*
@@ -970,10 +983,9 @@ class SpanColumnComponent extends ColumnBase {
      */
     includeInChooser = false;
     /**
-     * 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.
-     *
+     * Defines whether the edit template of the column is rendered.
+     * To enable editing for a spanned column, set an edit template for it.
+     * @default false
      */
     set editable(value) {
         this._editable = value;
@@ -1024,9 +1036,7 @@ class SpanColumnComponent extends ColumnBase {
         return this.childColumns.filter(c => c.isVisible).length;
     }
     /**
-     * Toggles the locked (frozen) state of the columns. Locked columns are visible
-     * at all times during the horizontal scrolling of the TreeList. [See example](slug:locked_columns_treelist).
-     *
+     * Toggles the locked (frozen) state of the columns. Locked columns are visible at all times during horizontal scrolling. [See example](slug:locked_columns_treelist).
      * @default false
      */
     set locked(value) {
@@ -1172,8 +1182,7 @@ function isColumnGroupComponent(column) {
     return column.isColumnGroup;
 }
 /**
- * Represents the column group header of the TreeList
- * ([more information and examples]({% slug multicolumnheaders_columns_treelist %})).
+ * Represents the column group header of the TreeList. ([More information and examples]({% slug multicolumnheaders_columns_treelist %})).
  *
  * @example
  * ```html
@@ -1836,7 +1845,8 @@ class PreventableEvent {
 }
 
 /**
- * Arguments for the `cellClose` event.
+ * Provides arguments for the `cellClose` event.
+ *
  */
 class CellCloseEvent extends PreventableEvent {
     isNew;
@@ -1847,16 +1857,15 @@ class CellCloseEvent extends PreventableEvent {
      */
     action = 'cellClose';
     /**
-     * The TreeList column that will be closed.
+     * Specifies the TreeList column that will be closed.
      */
     column;
     /**
-     * The [`FormGroup`](link:site.data.urls.angular['formgroupapi']) that is used to edit the cell which will be closed.
+     * Provides the [`FormGroup`](link:site.data.urls.angular['formgroupapi']) used to edit the cell that will be closed.
      */
     formGroup;
     /**
-     * The DOM event that caused the `cellClose` event.
-     * May not be present if `cellClose` was caused by an API call.
+     * Provides the DOM event that caused the `cellClose` event. May not be present if `cellClose` was caused by an API call.
      */
     originalEvent;
     constructor(options) {
@@ -2139,7 +2148,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
         }], ctorParameters: function () { return [{ type: i0.NgZone }]; } });
 
 /**
- * Represents the no-records template of the TreeList ([see example](slug:norecordtemplate_treelist)). Provides an option to customize the
+ * Represents the no-records template of the TreeList ([see example](slug:norecordtemplate_treelist)). Use this directive to customize the
  * appearance of the item that is displayed when no data is present. To define the no-records template,
  * nest an `<ng-template>` tag with the `kendoTreeListNoRecordsTemplate` directive inside `<kendo-treelist>`.
  *
@@ -2148,7 +2157,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
  * @example
  * ```html
  * <kendo-treelist ... >
- *   <kendo-treelist-column field="name" ></kendo-treelist-column>
+ *   <kendo-treelist-column field="name"></kendo-treelist-column>
  *   <ng-template kendoTreeListNoRecordsTemplate>
  *     No data loaded.
  *   </ng-template>
@@ -2234,8 +2243,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
         }] });
 
 /**
- * Represents a service to set the filter descriptor
- * ([see example]({% slug filter_menu_treelist %})).
+ * Represents a service to set the filter descriptor for the TreeList. ([See example]({% slug filter_menu_treelist %})).
  */
 class FilterService {
     /**
@@ -2248,8 +2256,7 @@ class FilterService {
     changes = new Subject();
     /**
      * Sets the filter descriptor.
-     *
-     * @param {CompositeFilterDescriptor} value - The filter descriptor that will be set.
+     * @param {CompositeFilterDescriptor} value The filter descriptor to set.
      */
     filter(value) {
         this.changes.next(value);
@@ -2305,7 +2312,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
         }] });
 
 /**
- * Arguments for the `pdfExport` event.
+ * Provides the arguments for the `pdfExport` event.
+ *
+ * Use this event to customize or prevent the PDF export process.
  */
 class PDFExportEvent extends PreventableEvent {
     /**
@@ -2479,15 +2488,13 @@ class ColumnList {
  * Represents the toolbar template of the TreeList ([see example](slug:toolbartemplate_treelist)).
  *
  * The template context has the following field:
- * - `position`&mdash;The position at which the toolbar template is rendered. The possible values are `top`, `bottom` and `both`.
+ * - `position`&mdash;The position at which the toolbar template is rendered. The possible values are `top`, `bottom`, and `both`.
  *
  * @example
  * ```html
  * <kendo-treelist ...>
  *   <ng-template kendoTreeListToolbarTemplate>
- *     <button kendoTreeListExcelCommand >
- *       Export to Excel
- *     </button>
+ *     <button kendoTreeListExcelCommand>Export to Excel</button>
  *   </ng-template>
  * </kendo-treelist>
  * ```
@@ -2497,8 +2504,8 @@ class ToolbarTemplateDirective {
     optionChanges;
     _position = "top";
     /**
-     * The position of the toolbar ([see example](slug:toolbartemplate_treelist#toc-setting-the-toolbar-position)).
-     * The group panel or header and the second one below the pager.
+     * Sets the position of the toolbar. The value can be `top`, `bottom`, or `both`.
+     * Controls whether the toolbar appears above, below, or on both sides of the TreeList. [See example.](slug:toolbartemplate_treelist#toc-setting-the-toolbar-position)
      * @default 'top'
      */
     set position(position) {
@@ -2955,11 +2962,11 @@ const contains$1 = (node, predicate) => {
     return false;
 };
 /**
- * Arguments for the `close` event of the filter and column-menu popup.
+ * Provides arguments for the `close` event of the filter and column-menu popup. Use this event to access the original DOM event that triggers the popup to close and to prevent the default closing behavior if needed.
  */
 class PopupCloseEvent extends PreventableEvent {
     /**
-     * The original DOM event that causes the popup to close.
+     * Stores the original DOM event that causes the popup to close.
      */
     originalEvent;
     /**
@@ -2972,8 +2979,9 @@ class PopupCloseEvent extends PreventableEvent {
 }
 const DEFAULT_POPUP_CLASS = 'k-grid-filter-popup';
 /**
- * The service that is used for the popups of the filter and column menus
- * ([see example]({% slug filter_menu_treelist %}#toc-filter-menu-with-popup)).
+ * Represents the service used for the popups of the filter and column menus.
+ * Use this service to manage popup opening, closing, and event handling.
+ * ([See example]({% slug filter_menu_treelist %}#toc-filter-menu-with-popup)).
  */
 class SinglePopupService {
     popupService;
@@ -2981,8 +2989,8 @@ class SinglePopupService {
     ngZone;
     localization;
     /**
-     * Fires when the filter or column menus are about to close because the user clicked outside their popups.
-     * Used to prevent the popup from closing.
+     * Emits when the filter or column menus are about to close because the user clicked outside their popups.
+     * Use this event to prevent the popup from closing.
      */
     onClose = new Subject();
     removeClick;
@@ -3359,21 +3367,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
         }] });
 
 /**
- * Arguments for the `columnReorder` event.
+ * Provides arguments for the `columnReorder` event. Use this event to access the reordered column and its new and old indexes.
  */
 class ColumnReorderEvent extends PreventableEvent {
     /**
-     * The reordered column.
+     * Specifies the reordered column.
      */
     column;
     /**
-     * The new index of the column.
-     * Relative to the collection of columns.
+     * The new index of the column, relative to the collection of columns.
      */
     newIndex;
     /**
-     * The original index of the column before reordering.
-     * Relative to the collection of columns.
+     * The original index of the column before reordering, relative to the collection of columns.
      */
     oldIndex;
     /**
@@ -3574,11 +3580,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
         }], ctorParameters: function () { return [{ type: FocusRoot }]; } });
 
 /**
- * A directive that controls the way focusable cell elements receive
- * [focus in a navigable TreeList]({% slug keyboard_navigation_treelist %}).
+ * Represents a directive that controls how focusable cell elements receive focus in a [navigable TreeList]({% slug keyboard_navigation_treelist %}).
  *
- * The directive takes as input the `cellContext` from the cell template.
+ * Use this directive to manage focus behavior for cell elements. Pass the `cellContext` from the cell template as input.
  *
+ * @example
  * ```html
  * <kendo-treelist-column>
  *   <ng-template kendoTreeListCellTemplate let-cellContext="cellContext">
@@ -3592,7 +3598,7 @@ class FocusableDirective {
     renderer;
     group;
     /**
-     * The cell context provided by the template.
+     * Provides the cell context from the template.
      */
     cellContext;
     /**
@@ -4148,15 +4154,15 @@ class TreeListFocusableElement {
 }
 
 /**
- * Arguments for the TreeList expand and collapse events ([see examples]({% slug treelist_expanded_state %})).
+ * Arguments for the TreeList expand and collapse events. [See example]({% slug treelist_expanded_state %}).
  */
 class ExpandEvent extends PreventableEvent {
     /**
-     * The expanded/collapsed data item.
+     * The expanded or collapsed data item.
      */
     dataItem;
     /**
-     * The TreeList component that triggered the event.
+     * The TreeList component that triggers the event.
      */
     sender;
     /**
@@ -4224,7 +4230,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
  */
 class SelectionChangeEvent {
     /**
-     * Specifies how was the selection changed
+     * Specifies how the selection was changed.
      */
     action;
     /**
@@ -5218,11 +5224,11 @@ class SortService {
 }
 
 /**
- * Arguments for the `columnVisibilityChange` event.
+ * Represents the arguments for the `columnVisibilityChange` event.
  */
 class ColumnVisibilityChangeEvent {
     /**
-     * The columns whose visibility is changed.
+     * Contains the columns whose visibility changes.
      */
     columns;
     /**
@@ -5234,11 +5240,13 @@ class ColumnVisibilityChangeEvent {
 }
 
 /**
- * Arguments for the `columnLockedChange` event.
+ * Represents the event arguments for the `columnLockedChange` event in the Kendo UI for Angular TreeList.
+ * Use this event to access the columns whose locked state has changed.
+ *
  */
 class ColumnLockedChangeEvent {
     /**
-     * The columns whose locked state is changed.
+     * The array of columns whose locked state has changed.
      */
     columns;
     /**
@@ -8883,7 +8891,7 @@ class FilterOperatorBase {
     operator;
     localization;
     /**
-     * The text that will be displayed in the drop-down list.
+     * The text displayed in the drop-down list for the filter operator.
      * @readonly
      * @type {string}
      * @memberOf FilterOperatorBase
@@ -9012,7 +9020,9 @@ const localizeOperators = operators => localization => Object.keys(operators).ma
     value: operators[key]
 }));
 /**
- * An abstract base class for the filter-cell component ([see example](slug:filter_row_treelist#toc-custom-filter-row-components).
+ * An abstract base class for the filter-cell component in the TreeList.
+ * Use this class to implement custom filter cell components.
+ * [See example](slug:filter_row_treelist#toc-custom-filter-row-components).
  */
 class BaseFilterCellComponent {
     filterService;
@@ -9110,7 +9120,7 @@ const stringOperators$1 = localizeOperators({
     "filterIsNotEmptyOperator": "isnotempty"
 });
 /**
- * Represents a base string filter component.
+ * Represents a base string filter component for the TreeList.
  */
 class StringFilterComponent extends BaseFilterCellComponent {
     localization;
@@ -9386,7 +9396,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
             }] } });
 
 /**
- * Represents a component which accommodates the filter operators.
+ * Represents a component that displays filter operators for the TreeList filter row.
+ * Use this component to let users select filter operators for a column.
  *
  * @example
  * ```html
@@ -9668,9 +9679,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
 
 /**
  * Represents a string-filter cell component.
+ * Use this component to filter string values in the TreeList.
  * See the article about the [built-in filter components](slug:filter_row_treelist#toc-built-in-filter-row-components).
- * @example
  *
+ * @example
  * ```html
  * <kendo-treelist-column field="ProductName">
  *   <ng-template kendoTreeListFilterCellTemplate let-filter let-column="column">
@@ -9681,19 +9693,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
  *   </ng-template>
  * </kendo-treelist-column>
  * ```
+ * @remarks
+ * Supported children components are: {@link EqualFilterOperatorComponent}, {@link NotEqualFilterOperatorComponent}, {@link ContainsFilterOperatorComponent}, {@link DoesNotContainFilterOperatorComponent}, {@link StartsWithFilterOperatorComponent}, {@link EndsWithFilterOperatorComponent}, {@link IsNullFilterOperatorComponent}, {@link IsNotNullFilterOperatorComponent}, {@link IsEmptyFilterOperatorComponent}, {@link IsNotEmptyFilterOperatorComponent}.
  */
 class StringFilterCellComponent extends StringFilterComponent {
     /**
-     * Determines the delay time (in milliseconds) before the filter value is submitted.
-     * A value of `0` indicates no delay. The default value is `500`.
-     * @type {boolean}
+     * Sets the delay time (in milliseconds) before the filter value is submitted.
+     * A value of `0` means no delay.
      * @default 500
      */
     filterDelay = 500;
     /**
-     * Determines if the drop-down filter operators will be displayed.
-     * The default value is `true`.
-     * @type {boolean}
+     * Shows or hides the drop-down filter operators.
      * @default true
      */
     showOperators = true;
@@ -9775,7 +9786,7 @@ const numericOperators = localizeOperators({
     "filterIsNotNullOperator": "isnotnull"
 });
 /**
- * Represents a base numeric filter component.
+ * Represents a base numeric filter component for the TreeList.
  */
 class NumericFilterComponent extends BaseFilterCellComponent {
     localization;
@@ -9792,7 +9803,7 @@ class NumericFilterComponent extends BaseFilterCellComponent {
     operator = "eq";
     /**
      * Specifies the value that is used to increment or decrement the component value.
-     * @type {numeric}
+     * @type {number}
      * @default 1
      */
     step = 1;
@@ -9815,13 +9826,13 @@ class NumericFilterComponent extends BaseFilterCellComponent {
     /**
      * Specifies the number precision applied to the component value when it is focused.
      * If the user enters a number with a greater precision than is currently configured, the component value is rounded.
-     *
      * @type {number}
      */
     decimals;
     /**
      * Specifies the number format used when the component is not focused.
      * By default, the `column.format` value is used (if set).
+     * @type {string}
      */
     get format() {
         return !isNullOrEmptyString(this._format) ? this._format : this.columnFormat;
@@ -9897,7 +9908,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
 
 /**
  * Represents a numeric filter cell.
+ * Use this component to filter numeric values in the TreeList.
  * See the article about the [built-in filter components](slug:filter_row_treelist#toc-built-in-filter-row-components).
+ *
  * @example
  * ```html
  * <kendo-treelist-column field="ProductName" title="Product Name">
@@ -9909,19 +9922,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
  *   </ng-template>
  * </kendo-treelist-column>
  * ```
+ * @remarks
+ * Supported children components are: {@link EqualFilterOperatorComponent}, {@link NotEqualFilterOperatorComponent}, {@link GreaterFilterOperatorComponent}, {@link GreaterOrEqualToFilterOperatorComponent}, {@link LessFilterOperatorComponent}, {@link LessOrEqualToFilterOperatorComponent}, {@link IsNullFilterOperatorComponent}, {@link IsNotNullFilterOperatorComponent}.
  */
 class NumericFilterCellComponent extends NumericFilterComponent {
     localization;
     /**
-     * Determines the delay time (in milliseconds) before the filter value is submitted.
-     * A value of `0` indicates no delay.
-     * @type {boolean}
+     * Sets the delay time (in milliseconds) before the filter value is submitted.
+     * A value of `0` means no delay.
      * @default 500
      */
     filterDelay = 500;
     /**
-     * Determines if the drop-down filter operators will be displayed.
-     * @type {boolean}
+     * Shows or hides the drop-down filter operators.
      * @default true
      */
     showOperators = true;
@@ -10103,6 +10116,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
 
 /**
  * Represents a Boolean filter-cell component.
+ * Use this component to filter Boolean values in the TreeList.
  * See the article about the [built-in filter components](slug:filter_row_treelist#toc-built-in-filter-row-components).
  *
  * @example
@@ -10214,7 +10228,7 @@ class DateFilterComponent extends BaseFilterCellComponent {
      */
     column;
     /**
-     * The default filter operator. Defaults to `contains`.
+     * The default filter operator.
      * @type {string}
      * @default 'gte'
      */
@@ -10230,6 +10244,7 @@ class DateFilterComponent extends BaseFilterCellComponent {
     /**
      * Specifies the date format that is used when the component is not focused.
      * By default, the `column.format` value is used (if set).
+     * @type {string}
      */
     set format(value) {
         this._format = value;
@@ -10237,7 +10252,6 @@ class DateFilterComponent extends BaseFilterCellComponent {
     /**
      * Specifies the date format that is used when the component is not focused.
      * By default, the `column.format` value is used (if set).
-     *
      * @readonly
      * @type {string}
      */
@@ -10257,32 +10271,37 @@ class DateFilterComponent extends BaseFilterCellComponent {
     /**
      * Defines the descriptions of the format sections in the input field.
      * [See possible format options](slug:placeholders_dateinput#toc-format-sections-description).
+     * @type {DateInputFormatPlaceholder}
      */
     formatPlaceholder;
     /**
      * Specifies the hint that the component displays when its value is `null`.
+     * @type {string}
      */
     placeholder;
     /**
      * Defines the active view that the calendar initially renders.
      * By default, the active view is `month`.
-     *
      * You have to set `activeView` within the `topView`-`bottomView` range.
+     * @type {CalendarView}
      * @default 'month'
      */
     activeView = "month";
     /**
      * Defines the bottommost calendar view, to which the user can navigate.
+     * @type {CalendarView}
      * @default 'month'
      */
     bottomView = "month";
     /**
      * Defines the topmost calendar view, to which the user can navigate.
+     * @type {CalendarView}
      * @default 'century'
      */
     topView = "century";
     /**
      * Determines whether to display a week number column in the `month` view of the Calendar.
+     * @type {boolean}
      * @default false
      */
     weekNumber = false;
@@ -10352,9 +10371,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
 
 /**
  * Represents a date-filter cell component.
+ * Use this component to filter date values in the TreeList.
  * See the article about the [built-in filter components](slug:filter_row_treelist#toc-built-in-filter-row-components).
- * @example
  *
+ * @example
  * ```html
  * <kendo-treelist-column field="OrderDate">
  *   <ng-template kendoTreeListFilterCellTemplate let-filter let-column="column">
@@ -10365,12 +10385,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
  *   </ng-template>
  * </kendo-treelist-column>
  * ```
+ * @remarks
+ * Supported children components are: {@link EqualFilterOperatorComponent}, {@link NotEqualFilterOperatorComponent}, {@link AfterEqFilterOperatorComponent}, {@link AfterFilterOperatorComponent}, {@link BeforeEqFilterOperatorComponent}, {@link BeforeFilterOperatorComponent}, {@link IsNullFilterOperatorComponent}, {@link IsNotNullFilterOperatorComponent}.
  */
 class DateFilterCellComponent extends DateFilterComponent {
     localization;
     /**
-     * Determines if the drop-down filter operators will be displayed. The default value is `true`.
-     * @type {boolean}
+     * Shows or hides the drop-down filter operators.
      * @default true
      */
     showOperators = true;
@@ -10855,8 +10876,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
             }] } });
 
 /**
- * Represents the service that is passed to the
- * [`ColumnMenuTemplate`]({% slug api_treelist_columnmenutemplatedirective %}) directive.
+ * Represents the service passed to the [`ColumnMenuTemplate`]({% slug api_treelist_columnmenutemplatedirective %}) directive.
  *
  * @example
  * ```html
@@ -10935,7 +10955,7 @@ const ColumnMenuErrorMessages = {
  */
 class ColumnMenuItemBase {
     /**
-     * Represents the [`ColumnMenuService`]({% slug api_treelist_columnmenuservice %}) class.
+     * Represents the [`ColumnMenuService`]({% slug api_treelist_columnmenuservice %}) instance.
      * Requires a mandatory input.
      */
     service;
@@ -11213,7 +11233,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
             }] } });
 
 /**
- * Represents a string-filter menu component.
+ * Represents the Kendo UI string-filter menu component for the TreeList. Use this component to filter string values using a filter menu popup.
  * [See example](slug:filter_menu_treelist#toc-built-in-filter-menu-components).
  *
  * @example
@@ -11228,7 +11248,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
  *   </ng-template>
  * </kendo-treelist-column>
  * ```
- *
+ * @remarks
+ * Supported children components are: {@link EqualFilterOperatorComponent}, {@link NotEqualFilterOperatorComponent}, {@link ContainsFilterOperatorComponent}, {@link DoesNotContainFilterOperatorComponent}, {@link StartsWithFilterOperatorComponent}, {@link EndsWithFilterOperatorComponent}, {@link IsNullFilterOperatorComponent}, {@link IsNotNullFilterOperatorComponent}, {@link IsEmptyFilterOperatorComponent}, {@link IsNotEmptyFilterOperatorComponent}.
  */
 class StringFilterMenuComponent extends StringFilterComponent {
     logicOperators = logicOperators(this.localization);
@@ -11244,12 +11265,13 @@ class StringFilterMenuComponent extends StringFilterComponent {
      */
     filter = { filters: [], logic: "and" };
     /**
-     * Determines if the inputs of second criteria will displayed.
+     * Determines if the inputs for a second criteria are displayed.
+     * @type {boolean}
      * @default true
      */
     extra = true;
     /**
-     * The `FilterService` instance which is responsible for handling the changes in the filter descriptor.
+     * The `FilterService` instance responsible for handling changes in the filter descriptor.
      */
     filterService;
     /**
@@ -11514,10 +11536,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
             }] } });
 
 /**
- * Represents a numeric-filter menu component. [See example](slug:filter_menu_treelist#toc-built-in-filter-menu-components).
+ * Represents the Kendo UI numeric-filter menu component for the TreeList. Use this component to filter numeric values using a filter menu popup.
+ * [See example](slug:filter_menu_treelist#toc-built-in-filter-menu-components).
  *
  * @example
- *  ```html
+ * ```html
  * <kendo-treelist-column field="UnitPrice">
  *   <ng-template kendoTreeListFilterMenuTemplate let-filter let-column="column" let-filterService="filterService">
  *     <kendo-treelist-numeric-filter-menu
@@ -11528,6 +11551,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
  *   </ng-template>
  * </kendo-treelist-column>
  * ```
+ * @remarks
+ * Supported children components are: {@link EqualFilterOperatorComponent}, {@link NotEqualFilterOperatorComponent}, {@link GreaterFilterOperatorComponent}, {@link GreaterOrEqualToFilterOperatorComponent}, {@link LessFilterOperatorComponent}, {@link LessOrEqualToFilterOperatorComponent}, {@link IsNullFilterOperatorComponent}, {@link IsNotNullFilterOperatorComponent}.
  */
 class NumericFilterMenuComponent extends NumericFilterComponent {
     logicOperators = logicOperators(this.localization);
@@ -11543,7 +11568,7 @@ class NumericFilterMenuComponent extends NumericFilterComponent {
      */
     filter = { filters: [], logic: "and" };
     /**
-     * Determines if the inputs of second criteria will displayed.
+     * Determines if the inputs of second criteria are displayed.
      * @default true
      */
     extra = true;
@@ -11552,19 +11577,20 @@ class NumericFilterMenuComponent extends NumericFilterComponent {
      */
     filterService;
     /**
-     * Determines the delay (in milliseconds) before creating a filter descriptor based on the value. A value of 0 indicates no delay. The default value is 500.
-     *
+     * Determines the delay (in milliseconds) before creating a filter descriptor based on the value. A value of 0 indicates no delay.
      * @default 500
      */
     filterDelay = 500;
     /**
      * The placeholder text for the filter input.
      * @type {string}
+     * @default ''
      */
     placeholder = '';
     /**
      * The placeholder text for the extra filter input. Applies when `extra` is set to `true`.
      * @type {string}
+     * @default ''
      */
     extraPlaceholder = '';
     /**
@@ -11872,7 +11898,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
             }] } });
 
 /**
- * Represents a date-filter menu component. [See example](slug:filter_menu_treelist#toc-built-in-filter-menu-components).
+ * Represents the Kendo UI date-filter menu component for Angular TreeList. Use this component to filter date fields in the TreeList. [See example](slug:filter_menu_treelist#toc-built-in-filter-menu-components).
  *
  * @example
  * ```html
@@ -11886,6 +11912,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
  *   </ng-template>
  * </kendo-treelist-column>
  * ```
+ * @remarks
+ * Supported children components are: {@link EqualFilterOperatorComponent}, {@link NotEqualFilterOperatorComponent}, {@link AfterEqFilterOperatorComponent}, {@link AfterFilterOperatorComponent}, {@link BeforeEqFilterOperatorComponent}, {@link BeforeFilterOperatorComponent}, {@link IsNullFilterOperatorComponent}, {@link IsNotNullFilterOperatorComponent}.
  */
 class DateFilterMenuComponent extends DateFilterComponent {
     logicOperators = logicOperators(this.localization);
@@ -11901,12 +11929,13 @@ class DateFilterMenuComponent extends DateFilterComponent {
      */
     filter = { filters: [], logic: "and" };
     /**
-     * Determines if the inputs of second criteria will be displayed.
+     * Determines if the inputs of second criteria are displayed.
+     * @type {boolean}
      * @default true
      */
     extra = true;
     /**
-     * The `FilterService` instance which is responsible for handling the changes in the filter descriptor.
+     * The `FilterService` instance that handles changes in the filter descriptor.
      */
     filterService;
     /**
@@ -12086,7 +12115,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
             }] } });
 
 /**
- * Represents a Boolean-filter menu component. [See example](slug:filter_menu_treelist#toc-built-in-filter-menu-components).
+ * Represents the Kendo UI Boolean-filter menu component for Angular TreeList. Use this component to filter boolean fields in the TreeList. [See example](slug:filter_menu_treelist#toc-built-in-filter-menu-components).
  *
  * @example
  * ```html
@@ -12099,7 +12128,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
  *     </kendo-treelist-boolean-filter-menu>
  *   </ng-template>
  * </kendo-treelist-column>
- *   ```
+ * ```
  */
 class BooleanFilterMenuComponent extends BooleanFilterComponent {
     /**
@@ -12115,7 +12144,7 @@ class BooleanFilterMenuComponent extends BooleanFilterComponent {
      */
     filter = { filters: [], logic: "and" };
     /**
-     * The `FilterService` instance which is responsible for handling the changes in the filter descriptor.
+     * The `FilterService` instance that handles changes in the filter descriptor.
      */
     filterService;
     /**
@@ -12557,11 +12586,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
             }] } });
 
 /**
- * Represents the content template of the
- * [`kendo-treelist-columnmenu-item`]({% slug api_treelist_columnmenuitemcomponent %}) component.
- * Provides an option for specifying the content of a column item.
- * To define the content template, nest an `<ng-template>` tag with the
- * `kendoTreeListColumnMenuItemContentTemplate` directive inside a `<kendo-treelist-columnmenu-item>`.
+ * Represents the content template for the [`kendo-treelist-columnmenu-item`]({% slug api_treelist_columnmenuitemcomponent %}) component.
+ * Use this directive to specify the content of a column menu item.
+ * To define the content template, nest an `<ng-template>` tag with the `kendoTreeListColumnMenuItemContentTemplate` directive inside a `<kendo-treelist-columnmenu-item>`.
  *
  * @example
  * ```html
@@ -12597,8 +12624,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                 }] }]; } });
 
 /**
- * Represents an item that can be placed inside a
- * [`ColumnMenuTemplate`]({% slug api_treelist_columnmenutemplatedirective %}) directive.
+ * Represents an item you can place inside a [`ColumnMenuTemplate`]({% slug api_treelist_columnmenutemplatedirective %}) directive.
  *
  * @example
  * ```html
@@ -12615,25 +12641,23 @@ class ColumnMenuItemComponent {
      */
     itemClick = new EventEmitter();
     /**
-     * Fires when the content is expanded.
+     * Fires when the content expands.
      */
     expand = new EventEmitter();
     /**
-     * Fires when the content is collapsed.
+     * Fires when the content collapses.
      */
     collapse = new EventEmitter();
     /**
-     * Specifies the name of the [font icon](slug:icons#icons-list)
-     * that will be rendered for the item.
+     * Sets the name of the [font icon](slug:icons#icons-list) rendered for the item.
      */
     icon;
     /**
-     * Specifies the name of the [SVG icon]({% slug svgicon_list %})
-     * that will be rendered for the item.
+     * Sets the name of the [SVG icon]({% slug svgicon_list %}) rendered for the item.
      */
     svgIcon;
     /**
-     * Specifies the item text.
+     * Sets the item text.
      */
     text;
     /**
@@ -12649,7 +12673,7 @@ class ColumnMenuItemComponent {
      */
     expanded;
     /**
-     * Represents the [ColumnMenuService]({% slug api_treelist_columnmenuservice %}) class.
+     * Provides the [ColumnMenuService]({% slug api_treelist_columnmenuservice %}) instance.
      * Required to include the item in the column menu keyboard navigation sequence.
      */
     service;
@@ -12839,21 +12863,31 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
 /**
  * Represents the column-menu item for editing column filters in the TreeList.
  *
- * The component can be placed inside a [`ColumnMenuTemplate`]({% slug api_treelist_columnmenutemplatedirective %}) directive.
+ * Render this component 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.
+ * that the template passes to the `service` input of the `kendo-treelist-columnmenu-filter` component.
  *
+ * @example
+ * ```html
+ * <kendo-treelist ...>
+ *  <kendo-treelist-column field="ProductName">
+ *   <ng-template kendoTreeListColumnMenuTemplate>
+ *    <kendo-treelist-columnmenu-filter></kendo-treelist-columnmenu-filter>
+ *   </ng-template>
+ *  </kendo-treelist-column>
+ * </kendo-treelist>
+ * ```
  */
 class ColumnMenuFilterComponent extends ColumnMenuItemBase {
     localization;
     hostElement;
     /**
-     * Fires when the content is expanded.
+     * Fires when the content expands.
      */
     expand = new EventEmitter();
     /**
-     * Fires when the content is collapsed.
+     * Fires when the content collapses.
      */
     collapse = new EventEmitter();
     /**
@@ -13387,12 +13421,21 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
             }] } });
 
 /**
- * Represents the column-menu item for selecting columns in the TreeList. [See example](slug:columnmenu_treelist#toc-column-chooser-item).
  *
- * The component can be placed inside a [`ColumnMenuTemplate`]({% slug api_treelist_columnmenutemplatedirective %}) directive.
+ * Represents the Kendo UI for Angular TreeList column-menu item for chaging the visibility of the columns. [See example](slug:columnmenu_treelist#toc-column-chooser-item).
  *
- * 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.
+ * Place this component inside a [`ColumnMenuTemplate`]({% slug api_treelist_columnmenutemplatedirective %}) directive to enable the feature.
+ * Set the [`ColumnMenuService`]({% slug api_treelist_columnmenuservice %}) and `column` inputs using the values passed by the template.
+ *
+ * @example
+ * ```html
+ * <kendo-treelist [columnMenu]="true" ...>
+ *   <ng-template kendoTreeListColumnMenuTemplate let-service="service" let-column="column">
+ *     <kendo-treelist-columnmenu-chooser [column]="column" [service]="service">
+ *     </kendo-treelist-columnmenu-chooser>
+ *   </ng-template>
+ * </kendo-treelist>
+ * ```
  */
 class ColumnMenuChooserComponent extends ColumnMenuItemBase {
     localization;
@@ -13400,11 +13443,11 @@ class ColumnMenuChooserComponent extends ColumnMenuItemBase {
     changeDetector;
     hostElement;
     /**
-     * Fires when the content is expanded.
+     * Fires when the content expands.
      */
     expand = new EventEmitter();
     /**
-     * Fires when the content is collapsed.
+     * Fires when the content collapses.
      */
     collapse = new EventEmitter();
     /**
@@ -13528,13 +13571,23 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
             }] } });
 
 /**
- * Represents the column-menu item that allows the user to lock or unlock columns.
+ * Represents the column-menu item that lets you lock or unlock columns.
  *
- * The componnt can be placed inside a [`ColumnMenuTemplate`]({% slug api_treelist_columnmenutemplatedirective %}) directive.
+ * Render this component 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.
+ * To register the component as a known column menu item, set the [`ColumnMenuService`]({% slug api_treelist_columnmenuservice %})
+ * that the template passes to the `service` input of the `kendo-treelist-columnmenu-lock` component.
  *
+ * @example
+ * ```html
+ * <kendo-treelist ...>
+ *   <kendo-treelist-column field="ProductName">
+ *     <ng-template kendoTreeListColumnMenuTemplate>
+ *       <kendo-treelist-columnmenu-lock></kendo-treelist-columnmenu-lock>
+ *     </ng-template>
+ *   </kendo-treelist-column>
+ * </kendo-treelist>
+ * ```
  */
 class ColumnMenuLockComponent extends ColumnMenuItemBase {
     localization;
@@ -13620,11 +13673,21 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
 /**
  * Represents the column-menu item for sorting TreeList columns.
  *
- * The component can be placed inside a [`ColumnMenuTemplate`]({% slug api_treelist_columnmenutemplatedirective %}) directive.
+ * Render this component 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.
+ * that the template passes to the `service` input of the `kendo-treelist-columnmenu-sort` component.
  *
+ * @example
+ * ```html
+ * <kendo-treelist ...>
+ *   <kendo-treelist-column field="ProductName">
+ *     <ng-template kendoTreeListColumnMenuTemplate>
+ *       <kendo-treelist-columnmenu-sort></kendo-treelist-columnmenu-sort>
+ *     </ng-template>
+ *   </kendo-treelist-column>
+ * </kendo-treelist>
+ * ```
  */
 class ColumnMenuSortComponent extends ColumnMenuItemBase {
     localization;
@@ -13709,12 +13772,34 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                 }]
         }], ctorParameters: function () { return [{ type: i1$1.LocalizationService }, { type: SortService }]; } });
 
+/**
+ * Provides keyboard navigation support for TreeList column menu items.
+ * Use this directive to manage focus and tab order for custom column menu items. [See example](slug:columnmenu_treelist#customizing-the-content).
+ *
+ * @example
+ * ```html
+ * <ng-template kendoTreelistColumnMenuTemplate let-service="service" let-column="column">
+ *    <kendo-treelist-columnmenu-sort #sortItem [kendoTreeListColumnMenuItem]="sortItem" [service]="service">
+ *    </kendo-treelist-columnmenu-sort>
+ * </ng-template>
+ * ```
+ * @remarks
+ * Applied to:
+ * {@link ColumnMenuChooserComponent},
+ * {@link ColumnMenuFilterComponent},
+ * {@link ColumnMenuSortComponent},
+ * {@link ColumnMenuLockComponent},
+ * {@link ColumnMenuComponent},
+ * {@link ColumnMenuItemComponent},
+ * {@link ColumnMenuAutoSizeAllColumnsComponent},
+ * {@link ColumnMenuAutoSizeColumnComponent}.
+ */
 class ColumnMenuItemDirective {
     hostElement;
     renderer;
     ngZone;
     /**
-     * The reference to the TreeList column menu item. Required to include the item in the built-in keyboard navigation.
+     * Provides a reference to the TreeList column menu item. Required for built-in keyboard navigation.
      */
     menuItemComponent;
     firstFocusableElement;
@@ -13875,12 +13960,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
             }] } });
 
 /**
- * Represents the column-menu item for resizing all columns to the minimum possible width so that they fit the widest header or cell content without wrapping.
- * [See example](slug:columnmenu_treelist#toc-autosize-all-columns-item).
+ * Represents the Kendo UI TreeList column-menu item for resizing all columns to fit the widest header or cell content without wrapping. [See example](slug:columnmenu_treelist#toc-autosize-all-columns-item).
  *
- * 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-autosize-all-columns` component. [See example](slug:columnmenu_treelist#toc-customizing-the-content).
+ * Place this component inside a [`ColumnMenuTemplate`]({% slug api_treelist_columnmenutemplatedirective %}) directive to enable the feature.
+ * Register the component as a known column menu item by setting the [`ColumnMenuService`]({% slug api_treelist_columnmenuservice %}) to the `service` input. [See example](slug:columnmenu_treelist#toc-customizing-the-content).
  *
  * @example
  * ```html
@@ -13941,12 +14024,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
         }], ctorParameters: function () { return [{ type: ContextService }]; } });
 
 /**
- * Represents the column-menu item for resizing the specified column to the minimum possible width so that it fits the header or cell content without wrapping.
- * The component can be placed inside a [ColumnMenuTemplate]({% slug api_treelist_columnmenutemplatedirective %}) directive.
- * [See example](slug:columnmenu_treelist#toc-customizing-the-content).
+ * Represents the Kendo UI for Angular TreeList column-menu item for resizing a specified column to fit the header or cell content without wrapping. [See example](slug:columnmenu_treelist#toc-customizing-the-content).
  *
- * You have to set the [ColumnMenuService]({% slug api_treelist_columnmenuservice %}) and `column` that are passed by
- * the template to the `service` and `column` input of the `kendo-treelist-columnmenu-autosize-column` component.
+ * Place this component inside a [`ColumnMenuTemplate`]({% slug api_treelist_columnmenutemplatedirective %}) directive to enable the feature.
+ * Set the [`ColumnMenuService`]({% slug api_treelist_columnmenuservice %}) and `column` inputs using the values passed by the template.
  *
  * @example
  * ```html
@@ -13961,7 +14042,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
 class ColumnMenuAutoSizeColumnComponent extends ColumnMenuItemBase {
     ctx;
     /**
-     * The TreeList column instance which will be resized through the auto size column option.
+     * The TreeList column instance to resize with the auto size column option.
      */
     column;
     maxWidthIcon = maxWidthIcon;
@@ -13976,7 +14057,7 @@ class ColumnMenuAutoSizeColumnComponent extends ColumnMenuItemBase {
         }
     }
     /**
-     * Resizes a specified column to the minimum possible width so that it fits the widest header or cell content without wrapping.
+     * Resizes the specified column to the minimum possible width so that it fits the widest header or cell content without wrapping.
      */
     autoSizeColumn() {
         autoSizeColumn(this.ctx.treelist, this.service, this.column);
@@ -14019,6 +14100,18 @@ let id$1 = 0;
 const getId$1 = (gridId) => `${gridId}-column-menu-${id$1++}`;
 /**
  * Represents the [column menu]({% slug columnmenu_treelist %}) component of the TreeList.
+ * Use this component to display and manage column menu options for a TreeList column.
+ *
+ * @example
+ * ```html
+ * <kendo-treelist ...>
+ *   <kendo-treelist-column field="ProductName">
+ *     <ng-template kendoTreeListColumnMenuTemplate let-service="service" let-column="column">
+ *       <kendo-treelist-column-menu [column]="column"></kendo-treelist-column-menu>
+ *     </ng-template>
+ *   </kendo-treelist-column>
+ * </kendo-treelist>
+ * ```
  */
 class ColumnMenuComponent {
     navigationService;
@@ -14044,12 +14137,12 @@ class ColumnMenuComponent {
      */
     settings = {};
     /**
-     * The descriptors by which the data will be sorted.
+     * The descriptors by which the data is sorted.
      * Typically bound to the same value as [TreeListComponent.sort]({% slug api_treelist_treelistcomponent %}#toc-sort).
      */
     sort;
     /**
-     * The descriptor by which the data will be filtered.
+     * The descriptor by which the data is filtered.
      * Typically bound to the same value as [TreeListComponent.filter]({% slug api_treelist_treelistcomponent %}#toc-filter).
      */
     filter;
@@ -16223,12 +16316,39 @@ const isInEditedCell = (element, treelistElement) => closest(element, matchesCla
     closest(element, matchesNodeName('kendo-treelist')) === treelistElement;
 /**
  * Represents the Kendo UI TreeList component for Angular.
+ * Use this component to display and manage hierarchical data in a tabular format.
  *
  * @example
  * ```html
- * <kendo-treelist [kendoTreeListFlatBinding]="data" ...></kendo-treelist>
+ * <kendo-treelist
+ *   [kendoTreeListFlatBinding]="data"
+ *   [pageSize]="10"
+ *   [pageable]="true">
+ * </kendo-treelist>
  * ```
  *
+ * @remarks
+ * Supported children components are:
+ * {@link CheckboxColumnComponent},
+ * {@link ColumnChooserComponent},
+ * {@link ColumnComponent},
+ * {@link ColumnGroupComponent},
+ * {@link ColumnMenuAutoSizeAllColumnsComponent},
+ * {@link ColumnMenuAutoSizeColumnComponent},
+ * {@link ColumnMenuChooserComponent},
+ * {@link ColumnMenuComponent},
+ * {@link ColumnMenuFilterComponent},
+ * {@link ColumnMenuItemComponent},
+ * {@link ColumnMenuLockComponent},
+ * {@link ColumnMenuSortComponent},
+ * {@link CommandColumnComponent},
+ * {@link CustomMessagesComponent},
+ * {@link ExcelComponent},
+ * {@link TreeListSpacerComponent},
+ * {@link PDFComponent},
+ * {@link RowReorderColumnComponent},
+ * {@link SpanColumnComponent},
+ * {@link ToolBarComponent}.
  */
 class TreeListComponent {
     supportService;
@@ -16257,11 +16377,11 @@ class TreeListComponent {
     ctx;
     rowReorderService;
     /**
-     * An optional accessible description of the component.
+     * Provides an accessible description of the component.
      */
     ariaLabel;
     /**
-     * Sets the data of the TreeList. If an array is provided, the TreeList automatically gets the total count
+     * Sets the data for the TreeList. When you provide an array, the TreeList gets the total count automatically
      * ([more information and example]({% slug databinding_treelist %})).
      */
     set data(value) {
@@ -16280,26 +16400,26 @@ class TreeListComponent {
         return this.loadedData;
     }
     /**
-     * Defines the page size used by the TreeList when [paging]({% slug paging_treelist %}) is enabled.
+     * Sets the page size for the TreeList when [paging]({% slug paging_treelist %}) is enabled.
      *
      * @default 10
      */
     pageSize = 10;
     /**
-     * Defines the height (in pixels) that is used when the `scrollable` option of the TreeList is set.
-     * To set the height of the TreeList, you can also use `style.height`. The `style.height`
+     * Sets the height in pixels for the TreeList when you set the `scrollable` option.
+     * You can also use `style.height` to set the height. The `style.height`
      * option supports units such as `px`, `%`, `em`, `rem`, and others.
      */
     height;
     /**
-     * Represent the actual height of each TreeList row (`tr`) element in the DOM.
-     * Required by the [virtual scrolling functionality]({% slug scrollmmodes_treelist %}).
-     * Set the `rowHeight` option to the exact pixels as the height of the `tr` element appears in the DOM.
+     * Sets the actual height of each TreeList row (`tr`) element in the DOM.
+     * The [virtual scrolling functionality]({% slug scrollmmodes_treelist %}) requires this setting.
+     * Set the `rowHeight` option to match the exact pixel height of the `tr` element in the DOM.
      */
     rowHeight;
     /**
-     * Defines the number of records to be skipped by the pager.
-     * Required by the [paging]({% slug paging_treelist %}) functionality.
+     * Sets the number of records that the pager skips.
+     * The [paging]({% slug paging_treelist %}) functionality requires this setting.
      */
     get skip() {
         return this._skip;
@@ -16311,12 +16431,13 @@ class TreeListComponent {
         }
     }
     /**
-     * Defines the scroll mode used by the TreeList.
+     * Sets the scroll mode for the TreeList.
+     *
      * @default 'scrollable'
      */
     scrollable = 'scrollable';
     /**
-     * The descriptors by which the data will be sorted ([see example]({% slug sorting_treelist %})).
+     * Sets the descriptors for sorting the data ([see example]({% slug sorting_treelist %})).
      */
     set sort(value) {
         if (isArray(value)) {
@@ -16327,19 +16448,19 @@ class TreeListComponent {
         return this._sort;
     }
     /**
-     * A function that defines how to track changes for the data rows.
+     * Sets a function that defines how to track changes for the data rows.
      *
      * By default, the TreeList tracks changes by the index of the data item.
-     * Edited rows are tracked by reference.
-     *
+     * The TreeList tracks edited rows by reference.
      */
     trackBy = defaultTrackBy;
     /**
-     * The descriptor by which the data will be filtered ([see examples]({% slug filtering_treelist %})).
+     * Sets the descriptor for filtering the data ([see examples]({% slug filtering_treelist %})).
      */
     filter;
     /**
-     * If set to `true`, the treelist will render only the columns in the current viewport.
+     * When set to `true`, the TreeList renders only the columns in the current viewport.
+     *
      * @default false
      */
     virtualColumns = false;
@@ -16404,40 +16525,44 @@ class TreeListComponent {
         return this.selectionService.enableMarquee;
     }
     /**
-     * Enables the [filtering]({% slug filtering_treelist %}) of the TreeList columns that have their `field` option set.
+     * Enables the [filtering]({% slug filtering_treelist %}) of TreeList columns that have their `field` option set.
+     *
+     * @default false
      */
     filterable = false;
     /**
-     * Enables the [sorting]({% slug sorting_treelist %}) of the TreeList columns that have their `field` option set.
+     * Enables the [sorting]({% slug sorting_treelist %}) of TreeList columns that have their `field` option set.
+     *
+     * @default false
      */
     sortable = false;
     /**
-     * Configures the pager of the TreeList ([see example]({% slug paging_treelist %})).
+     * Configures the pager for the TreeList ([see example]({% slug paging_treelist %})).
      *
+     * @default false
      */
     pageable = false;
     get normalizedPageableSettings() {
         return normalize(this.pageable);
     }
     /**
-     * When the keyboard navigation is enabled, the user can use dedicated shortcuts to interact with the Grid.
-     * By default, navigation is enabled. To disable it altogether, and include the TreeList content in the normal tab sequence, set the property to `false`.
+     * When keyboard navigation is enabled, you can use dedicated shortcuts to interact with the TreeList.
+     * By default, navigation is enabled. To disable it and include the TreeList content in the normal tab sequence, set this property to `false`.
+     *
      * @default true
      */
     navigable = true;
     /**
-     * Indicates whether the TreeList columns will be resized during initialization so that
-     * they fit their headers and row content. Defaults to `false`.
+     * Determines whether TreeList columns resize during initialization to fit their headers and row content.
      * Columns with `autoSize` set to `false` are excluded.
-     * To dynamically update the column width to match the new content,
+     * To dynamically update the column width to match new content,
      * refer to [this example]({% slug resizing_columns_treelist %}).
      *
      * @default false
      */
     autoSize = false;
     /**
-     * Defines a function that is executed for every data row in the component.
-     *
+     * A function executed for every data row in the component. It should return a string that will be used as a CSS class for the row.
      */
     set rowClass(fn) {
         if (typeof fn !== 'function') {
@@ -16455,39 +16580,39 @@ class TreeListComponent {
         return this.navigationService.activeCell;
     }
     /**
-     * Returns the currently focused row (if any).
+     * Gets the currently focused row (if any).
      */
     get activeRow() {
         return this.navigationService.activeRow;
     }
     /**
-     * If set to `true`, the user can resize columns by dragging the edges (resize handles) of their header cells
+     * When set to `true`, you can resize columns by dragging the edges (resize handles) of their header cells
      * ([see example]({% slug resizing_columns_treelist %})).
      *
      * @default false
      */
     resizable = false;
     /**
-     * If set to `true`, the user can reorder columns by dragging their header cells
+     * When set to `true`, you can reorder columns by dragging their header cells
      * ([see example]({% slug reordering_columns_treelist %})).
      *
      * @default false
      */
     reorderable = false;
     /**
-     * Specifies if the loading indicator of the TreeList will be displayed ([see example]({% slug databinding_treelist %})).
+     * Determines whether the TreeList displays the loading indicator ([see example]({% slug databinding_treelist %})).
      *
      * @default false
      */
     loading = false;
     /**
-     * Specifies if the column menu of the columns will be displayed ([see example]({% slug columnmenu_treelist %})).
+     * Determines whether the column menu of the columns displays ([see example]({% slug columnmenu_treelist %})).
      *
      * @default false
      */
     columnMenu = false;
     /**
-     * Specifies if the header of the treelist will be hidden. The header is visible by default.
+     * Determines whether the TreeList hides the header. The header is visible by default.
      *
      * The header includes column headers and the [filter row](slug:filter_row_treelist).
      *
@@ -16495,7 +16620,7 @@ class TreeListComponent {
      */
     hideHeader = false;
     /**
-     * The name of the field which contains the unique identifier of the node.
+     * Sets the name of the field that contains the unique identifier of the node.
      *
      * @default "id"
      */
@@ -16509,13 +16634,13 @@ class TreeListComponent {
         this.editService.idGetter = this.idGetter;
     }
     /**
-     * Specified the treelist selection settings
+     * Sets the TreeList selection settings.
      */
     set selectable(value) {
         this.selectionService.settings = value;
     }
     /**
-     * Provides a callback that determines if the given row or cell is selected.
+     * Sets a callback that determines if the given row or cell is selected.
      */
     set isSelected(value) {
         if (typeof value !== 'function' && isDevMode()) {
@@ -16525,6 +16650,7 @@ class TreeListComponent {
     }
     /**
      * Enables the [row reordering]({% slug treelist_row_reordering %}) of the TreeList.
+     *
      * @default false
      */
     set rowReorderable(value) {
@@ -16545,102 +16671,102 @@ class TreeListComponent {
         return this._rowReorderable;
     }
     /**
-     * Fires when the TreeList selection is changed.
+     * Fires when the TreeList selection changes.
      */
     selectionChange = new EventEmitter();
     /**
-     * Fires when the TreeList filter is modified through the UI.
-     * You have to handle the event yourself and filter the data.
+     * Fires when you modify the TreeList filter through the UI.
+     * You have to handle the event and filter the data.
      */
     filterChange = new EventEmitter();
     /**
-     * Fires when the page of the TreeList is changed ([see example]({% slug paging_treelist %})).
-     * You have to handle the event yourself and page the data.
+     * Fires when the page of the TreeList changes ([see example]({% slug paging_treelist %})).
+     * You have to handle the event and page the data.
      */
     pageChange = new EventEmitter();
     /**
-     * Fires when the sorting of the TreeList is changed ([see example]({% slug sorting_treelist %})).
-     * You have to handle the event yourself and sort the data.
+     * Fires when the sorting of the TreeList changes ([see example]({% slug sorting_treelist %})).
+     * You have to handle the event and sort the data.
      */
     sortChange = new EventEmitter();
     /**
-     * Fires when the data state of the TreeList is changed.
+     * Fires when the data state of the TreeList changes.
      */
     dataStateChange = new EventEmitter();
     /**
-     * Fires when the user clicks the **Edit** command button to edit a row
+     * Fires when you click the **Edit** command button to edit a row
      * ([see example]({% slug editing_template_forms_treelist %}#toc-editing-records)).
      */
     edit = new EventEmitter();
     /**
-     * Fires when the user clicks the **Cancel** command button to close a row
+     * Fires when you click the **Cancel** command button to close a row
      * ([see example]({% slug editing_template_forms_treelist %}#toc-cancelling-editing)).
      */
     cancel = new EventEmitter();
     /**
-     * Fires when the user clicks the **Save** command button to save changes in a row
+     * Fires when you click the **Save** command button to save changes in a row
      * ([see example]({% slug editing_template_forms_treelist %}#toc-saving-records)).
      */
     save = new EventEmitter();
     /**
-     * Fires when the user clicks the **Remove** command button to remove a row
+     * Fires when you click the **Remove** command button to remove a row
      * ([see example]({% slug editing_template_forms_treelist %}#toc-removing-records)).
      */
     remove = new EventEmitter();
     /**
-     * Fires when the user clicks the **Add** command button to add a new row
+     * Fires when you click the **Add** command button to add a new row
      * ([see example]({% slug editing_template_forms_treelist %}#toc-adding-records)).
      */
     add = new EventEmitter();
     /**
-     * Fires when the user leaves an edited cell ([see example]({% slug editing_incell_treelist %}#toc-basic-concepts)).
+     * Fires when you leave an edited cell ([see example]({% slug editing_incell_treelist %}#toc-basic-concepts)).
      */
     cellClose = new EventEmitter();
     /**
-     * Fires when the user clicks a cell ([see example]({% slug editing_incell_treelist %}#toc-basic-concepts)).
+     * Fires when you click a cell ([see example]({% slug editing_incell_treelist %}#toc-basic-concepts)).
      */
     cellClick = new EventEmitter();
     /**
-     * Fires when the user clicks the **Export to PDF** command button.
+     * Fires when you click the **Export to PDF** command button.
      */
     pdfExport = new EventEmitter();
     /**
-     * Fires when the user clicks the **Export to Excel** command button.
+     * Fires when you click the **Export to Excel** command button.
      */
     excelExport = new EventEmitter();
     /**
-     * Fires when the user completes the resizing of the column.
+     * Fires when you complete the resizing of the column.
      */
     columnResize = new EventEmitter();
     /**
-     * Fires when the user completes the reordering of the column.
+     * Fires when you complete the reordering of the column.
      */
     columnReorder = new EventEmitter();
     /**
-     * Fires when the user changes the visibility of the columns from the column menu or column chooser.
+     * Fires when you change the visibility of the columns from the column menu or column chooser.
      */
     columnVisibilityChange = new EventEmitter();
     /**
-     * Fires when the user changes the locked state of the columns from the column menu or by reordering the columns.
+     * Fires when you change the locked state of the columns from the column menu or by reordering the columns.
      */
     columnLockedChange = new EventEmitter();
     /**
-     * Fires when the user scrolls to the last record on the page and enables endless scrolling
+     * Fires when you scroll to the last record on the page and enables endless scrolling
      * ([see example]({% slug scrollmmodes_treelist %}#toc-endless-scrolling)).
-     * You have to handle the event yourself and page the data.
+     * You have to handle the event and page the data.
      */
     scrollBottom = new EventEmitter();
     /**
-     * Fires when the treelist content is scrolled.
-     * For performance reasons, the event is triggered outside the Angular zone. Enter the Angular zone if you make any changes that require change detection.
+     * Fires when the TreeList content scrolls.
+     * For performance reasons, the event triggers outside the Angular zone. Enter the Angular zone if you make any changes that require change detection.
      */
     contentScroll = new EventEmitter();
     /**
-     * Fires when an item is expanded.
+     * Fires when an item expands.
      */
     expandEvent = new EventEmitter();
     /**
-     * Fires when an item is collapsed.
+     * Fires when an item collapses.
      */
     collapseEvent = new EventEmitter();
     /**
@@ -16651,7 +16777,7 @@ class TreeListComponent {
      */
     expandStateChange = new EventEmitter();
     /**
-     * Fires when the user drops the dragged row and reordering is performed.
+     * Fires when you drop the dragged row and reordering occurs.
      * Emits the [RowReorderEvent]({% slug api_treelist_rowreorderevent %}).
      */
     rowReorder = new EventEmitter();
@@ -16823,7 +16949,7 @@ class TreeListComponent {
         return this.view.totalRows;
     }
     /**
-     * Gets or sets the callback function that retrieves the child nodes for a particular node.
+     * Sets or gets the callback function that retrieves the child nodes for a particular node.
      */
     set fetchChildren(value) {
         this._fetchChildren = value;
@@ -16832,7 +16958,7 @@ class TreeListComponent {
         return this._fetchChildren;
     }
     /**
-     * Gets or sets the callback function that indicates if a particular node has child nodes.
+     * Sets or gets the callback function that determines if a particular node has child nodes.
      */
     set hasChildren(value) {
         this._hasChildren = value;
@@ -16841,7 +16967,7 @@ class TreeListComponent {
         return this._hasChildren;
     }
     /**
-     * Sets the callback function that indicates if a particular item is expanded.
+     * Sets the callback function that determines if a particular item is expanded.
      */
     set isExpanded(value) {
         this.expandStateService.isExpanded = value || defaultExpanded;
@@ -17138,12 +17264,14 @@ class TreeListComponent {
         }
     }
     /**
-     * Switches the specified table row in the edit mode ([see example]({% slug editing_template_forms_treelist %}#toc-editing-records)).
+     * Switches the specified table row to edit mode ([see example]({% slug editing_template_forms_treelist %}#toc-editing-records)).
      *
-     * @param dataItem - The data item that will be edited.
+     * @param dataItem The data item that you will edit.
      * @param group - The [`FormGroup`](link:site.data.urls.angular['formgroupapi'])
      * that describes the edit form.
-     * @param options - Additional options. Use `skipFocus` to determine if the row's edit element should be focused. Defaults to `false`.
+     * @param options Additional options. Use `skipFocus` to determine if the edit element of the row should receive focus.
+     *
+     * @default false
      */
     editRow(dataItem, group, options) {
         this.editService.editRow(dataItem, group);
@@ -17159,8 +17287,8 @@ class TreeListComponent {
     /**
      * Closes the editor for a given row ([see example]({% slug editing_template_forms_treelist %}#toc-cancelling-editing)).
      *
-     * @param {any} dataItem - The dataItem that will be switched out of the edit mode.
-     * @param {boolean} isNew - Indicates whether the dataItem is new.
+     * @param dataItem The data item that you will switch out of edit mode.
+     * @param isNew Determines whether the data item is new.
      */
     closeRow(dataItem, isNew) {
         this.editService.close(dataItem, isNew);
@@ -17175,8 +17303,8 @@ class TreeListComponent {
     /**
      * Creates a new row editor ([see example]({% slug editing_template_forms_treelist %}#toc-adding-records)).
      *
-     * @param {FormGroup} group - The [`FormGroup`](link:site.data.urls.angular['formgroupapi']) that describes
-     * the edit form. If called with a data item, it will build the `FormGroup` from the data item fields.
+     * @param group The [`FormGroup`](link:site.data.urls.angular['formgroupapi']) that describes
+     * the edit form. If called with a data item, it builds the `FormGroup` from the data item fields.
      */
     addRow(group, parent) {
         const isFormGroup = group instanceof FormGroup;
@@ -17202,11 +17330,11 @@ class TreeListComponent {
         });
     }
     /**
-     * Puts the cell that is specified by the table row and column in edit mode.
+     * Puts the cell that you specify by the table row and column in edit mode.
      *
-     * @param {any} dataItem - The data item that will be edited.
-     * @param {number|string|any} column - The leaf column index, or the field name or the column instance that should be edited.
-     * @param {FormGroup} group - The [`FormGroup`](link:site.data.urls.angular['formgroupapi'])
+     * @param dataItem The data item that you will edit.
+     * @param column The leaf column index, or the field name or the column instance that should be edited.
+     * @param group The [`FormGroup`](link:site.data.urls.angular['formgroupapi'])
      * that describes the edit form.
      */
     editCell(dataItem, column, group) {
@@ -17220,9 +17348,8 @@ class TreeListComponent {
      * Closes the current cell in edit mode and fires
      * the [`cellClose`]({% slug api_treelist_treelistcomponent %}#toc-cellclose) event.
      *
-     * @return {boolean} Indicates whether the edited cell was closed.
-     * A `false` value indicates that the
-     * [`cellClose`]({% slug api_treelist_treelistcomponent %}#toc-cellclose) event was prevented.
+     * @return  {boolean} A Boolean value that indicates whether the edited cell closed.
+     * A `false` value indicates that the [`cellClose`]({% slug api_treelist_treelistcomponent %}#toc-cellclose) event was prevented.
      */
     closeCell() {
         return !this.editService.closeCell();
@@ -17235,23 +17362,23 @@ class TreeListComponent {
         this.view.updateEditedState();
     }
     /**
-     * Returns a flag which indicates if a row or a cell is currently edited.
+     * Gets a flag that indicates if a row or a cell is currently edited.
      *
-     * @return {boolean} A flag which indicates if a row or a cell is currently edited.
+     * @return {boolean} A Boolean flag that indicates if a row or a cell is currently edited.
      */
     isEditing() {
         return this.editService.isEditing();
     }
     /**
-     * Returns a flag which indicates if a cell is currently edited.
+     * Gets a flag that indicates if a cell is currently edited.
      *
-     * @return {boolean} A flag which indicates if a cell is currently being edited.
+     * @return {boolean} A Boolean flag that indicates if a cell is currently being edited.
      */
     isEditingCell() {
         return this.editService.isEditing() && this.editService.isEditingCell();
     }
     /**
-     * Initiates the PDF export ([see example]({% slug pdfexport_treelist %})).
+     * Starts the PDF export ([see example]({% slug pdfexport_treelist %})).
      */
     saveAsPDF() {
         this.pdfService.save(this);
@@ -17260,7 +17387,7 @@ class TreeListComponent {
      * Exports the TreeList element to a Drawing [`Group`]({% slug api_kendo-drawing_group %}) by using the `kendo-treelist-pdf` component options.
      * ([see example]({% slug pdfexport_treelist %}#toc-exporting-multiple-treelists-to-the-same-pdf)).
      *
-     * @return {Promise} A promise that will be resolved with the Drawing `Group`.
+     * @return {Promise} A promise that resolves with the Drawing `Group`.
      */
     drawPDF() {
         const promise = createPromise();
@@ -17268,7 +17395,7 @@ class TreeListComponent {
         return promise;
     }
     /**
-     * Initiates the Excel export ([see example]({% slug excelexport_treelist %})).
+     * Starts the Excel export ([see example]({% slug excelexport_treelist %})).
      */
     saveAsExcel() {
         this.excelService.save(this);
@@ -17277,16 +17404,15 @@ class TreeListComponent {
      * Applies the minimum possible width for the specified column,
      * so that the whole text fits without wrapping. This method expects the TreeList
      * to be resizable (set `resizable` to `true`).
-     * Makes sense to execute this method only
+     * Execute this method only
      * after the TreeList is already populated with data. [See example](slug:resizing_columns_treelist#toc-auto-fitting-the-content).
-     *
      */
     autoFitColumn(column) {
         this.columnResizingService.autoFit(column);
     }
     /**
      * Adjusts the width of the specified columns to fit the entire content, including headers, without wrapping.
-     * If no columns are specified, `autoFitColumns` is applied to all columns.
+     * If you do not specify columns, `autoFitColumns` applies to all columns.
      *
      * This method requires the TreeList to be resizable (set `resizable` to `true`).
      * [See example](slug:resizing_columns_treelist#toc-auto-fitting-the-content).
@@ -17372,8 +17498,8 @@ class TreeListComponent {
      * The row indexing is absolute and does not change with paging.
      * Header rows are included, starting at index 0.
      *
-     * If the TreeList is configured for scrolling, including virtual scrolling, the scroll position will be updated.
-     * If the row is not present on the current page, the method will have no effect.
+     * If the TreeList is configured for scrolling, including virtual scrolling, the scroll position updates.
+     * If the row is not present on the current page, the method has no effect.
      *
      * @param rowIndex - The logical row index to focus. The top header row has an index 0.
      * @param colIndex - The column index to focus.
@@ -17387,8 +17513,10 @@ class TreeListComponent {
     /**
      * Focuses the next cell, optionally wrapping to the next row.
      *
-     * @param wrap - A Boolean value which indicates if the focus will move to the next row. Defaults to `true`.
-     * @returns {NavigationCell} The focused cell. If the focus is already on the last cell, returns `null`.
+     * @param wrap A Boolean value that indicates if the focus moves to the next row.
+     * @return {NavigationCell} The focused cell. If the focus is already on the last cell, returns `null`.
+     *
+     * @default true
      */
     focusNextCell(wrap = true) {
         this.assertNavigable();
@@ -17397,15 +17525,17 @@ class TreeListComponent {
     /**
      * Focuses the previous cell. Optionally wraps to the previous row.
      *
-     * @param wrap - A Boolean value which indicates if the focus will move to the next row. Defaults to `true`.
-     * @returns {NavigationCell} The focused cell. If the focus is already on the first cell, returns `null`.
+     * @param wrap A Boolean value that indicates if the focus moves to the next row.
+     * @return {NavigationCell} The focused cell. If the focus is already on the first cell, returns `null`.
+     *
+     * @default true
      */
     focusPrevCell(wrap = true) {
         this.assertNavigable();
         return this.navigationService.focusPrevCell(wrap);
     }
     /**
-     * Scrolls to the specified row and column
+     * Scrolls to the specified row and column.
      */
     scrollTo(request) {
         this.scrollRequestService.scrollTo(request);
@@ -17413,14 +17543,13 @@ class TreeListComponent {
     /**
      * Changes the position of the specified column.
      * The reordering of columns operates only on the level
-     * which is inferred by the source column.
+     * that the source column infers.
      * For the `reorderColumn` method to work properly,
      * the `source` column has to be visible.
      *
-     * @param {ColumnBase} source - The column whose position will be changed.
-     * @param {number} destIndex - The new position of the column.
-     * @param {ColumnReorderConfig} options - Additional options.
-     *
+     * @param source The column whose position you will change.
+     * @param destIndex The new position of the column.
+     * @param options Additional options.
      */
     reorderColumn(source, destIndex, options = { before: false }) {
         const columnsForLevel = sortColumns(this.allColumnsForLevel(source.level));
@@ -17444,7 +17573,7 @@ class TreeListComponent {
         });
     }
     /**
-     * Clears the already loaded children for the dataItem so that the TreeList will fetch them again the next time it is rendered.
+     * Clears the already loaded children for the data item so that the TreeList fetches them again the next time it renders.
      */
     reload(dataItem, reloadChildren) {
         if (dataItem) {
@@ -17469,14 +17598,14 @@ class TreeListComponent {
         this.changeDetectorRef.markForCheck();
     }
     /**
-     * Expands the row for the specified dataItem.
+     * Expands the row for the specified data item.
      */
     expand(dataItem) {
         this.expandStateService.expand(dataItem);
         this.changeDetectorRef.markForCheck();
     }
     /**
-     * Collapses the row for the specified dataItem.
+     * Collapses the row for the specified data item.
      */
     collapse(dataItem) {
         this.expandStateService.collapse(dataItem);
@@ -18360,7 +18489,7 @@ class TreeListComponent {
             (pageTextVisibilityChange)="handlePagerVisibilityChange('showPagerPageText', $event)"
             (itemsTextVisibilityChange)="handlePagerVisibilityChange('showPagerItemsText', $event)">
             <ng-template kendoPagerTemplate>
-                <ng-container 
+                <ng-container
                     [ngTemplateOutlet]="pagerTemplate ? pagerTemplate?.templateRef : defaultPager"
                     [ngTemplateOutletContext]="pager.templateContext"></ng-container>
             </ng-template>
@@ -18881,7 +19010,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
             (pageTextVisibilityChange)="handlePagerVisibilityChange('showPagerPageText', $event)"
             (itemsTextVisibilityChange)="handlePagerVisibilityChange('showPagerItemsText', $event)">
             <ng-template kendoPagerTemplate>
-                <ng-container 
+                <ng-container
                     [ngTemplateOutlet]="pagerTemplate ? pagerTemplate?.templateRef : defaultPager"
                     [ngTemplateOutletContext]="pager.templateContext"></ng-container>
             </ng-template>
@@ -19124,8 +19253,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
             }] } });
 
 /**
- * Custom component messages override default component messages
- * ([see example](slug:globalization_treelist#toc-custom-messages)).
+ * Overrides the default component messages with custom messages.
+ * [See example](slug:globalization_treelist#toc-custom-messages).
+ *
+ * @example
+ * ```html
+ * <kendo-treelist>
+ *   <kendo-treelist-messages
+ *     noRecords="No records available">
+ *   </kendo-treelist-messages>
+ * </kendo-treelist>
+ * ```
  */
 class CustomMessagesComponent extends Messages {
     service;
@@ -19160,8 +19298,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
         }], ctorParameters: function () { return [{ type: i1$1.LocalizationService }]; } });
 
 /**
- * A directive applied to all toolbar elements that need to be a part of the TreeList
- * keyboard navigation.
+ * A directive for toolbar elements that need to be part of TreeList keyboard navigation.
+ * Use this directive to make toolbar elements focusable and accessible with the keyboard.
+ *
+ * @example
+ * ```html
+ * <kendo-treelist>
+ *     <kendo-toolbar>
+ *         <button kendoTreeListToolbarFocusable>Custom Button</button>
+ *         <button kendoTreeListCancelCommand>Cancel</button>
+ *         <button kendoTreeListEditCommand>Edit</button>
+ *     </kendo-toolbar>
+ * </kendo-treelist>
+ * ```
  */
 class TreeListToolbarFocusableDirective {
     host;
@@ -19223,7 +19372,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
 class EditingDirectiveBase {
     treelist;
     /**
-     * The edit service that will handle the operations.
+     * The edit service that handles the operations.
      */
     set editService(value) {
         this.userEditService = value;
@@ -19232,7 +19381,7 @@ class EditingDirectiveBase {
         return this.userEditService || this.defaultEditService;
     }
     /**
-     * Gets or sets a function that will be called to determine the unique identifier
+     * Gets or sets a function that determines the unique identifier
      * for new items. The function receives the `item` and its `parent` as parameters
      * and must return an ID.
      */
@@ -19243,7 +19392,7 @@ class EditingDirectiveBase {
         return this.idCallback;
     }
     /**
-     * A function that is called to confirm if the `dataItem` will be removed.
+     * A function that confirms if the `dataItem` will be removed.
      */
     removeConfirmation;
     subscriptions = new Subscription();
@@ -19379,13 +19528,23 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
         }] });
 
 /**
- * A directive which encapsulates the editing operations of the TreeList when using
- * the Template-Driven Angular Forms ([see example](slug:editing_directives_treelist#toc-template-editing-directive)).
+ * A directive that encapsulates the editing operations of the TreeList when using
+ * Template-Driven Angular Forms. [See example](slug:editing_directives_treelist#toc-template-editing-directive).
+ *
+ * @example
+ * ```html
+ * <kendo-treelist [kendoTreeListTemplateEditing]="createNewItem">
+ *   <kendo-treelist-column field="name" title="Name"></kendo-treelist-column>
+ *   <kendo-treelist-column field="age" title="Age"></kendo-treelist-column>
+ * </kendo-treelist>
+ * ```
+ * @remarks
+ * Applied to: {@link TreeListComponent}.
  */
 class TemplateEditingDirective extends RowEditingDirectiveBase {
     treelist;
     /**
-     * The function that creates the `dataItem` for the new rows.
+     * The function that creates the `dataItem` for new rows.
      */
     createNewItem;
     originalValues;
@@ -19467,8 +19626,18 @@ const insertNewItem = (newItem, originalData, treelist, parent) => {
 };
 
 /**
- * A directive which encapsulates the editing operations of the TreeList when using the
- * Reactive Forms ([see example](slug:editing_directives_treelist#toc-reactive-editing-directive)).
+ * A directive that encapsulates the editing operations of the TreeList when using the
+ * Reactive Forms. [See example](slug:editing_directives_treelist#toc-reactive-editing-directive).
+ *
+ * @example
+ * ```html
+ * <kendo-treelist [kendoTreeListReactiveEditing]="createFormGroup">
+ *   <kendo-treelist-column field="name" title="Name"></kendo-treelist-column>
+ *   <kendo-treelist-column field="age" title="Age"></kendo-treelist-column>
+ * </kendo-treelist>
+ * ```
+ * @remarks
+ * Applied to: {@link TreeListComponent}.
  */
 class ReactiveEditingDirective extends RowEditingDirectiveBase {
     treelist;
@@ -19509,8 +19678,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
             }] } });
 
 /**
- * A directive which encapsulates the editing operations of the TreeList when using the in-cell
- * editing with Reactive Forms ([see example](slug:editing_directives_treelist#toc-in-cell-editing-directive)).
+ * A directive that encapsulates the editing operations of the TreeList when using the in-cell
+ * editing with Reactive Forms. [See example](slug:editing_directives_treelist#toc-in-cell-editing-directive).
+ *
+ * @example
+ * ```html
+ * <kendo-treelist [kendoTreeListInCellEditing]="createFormGroup">
+ *   <kendo-treelist-column field="name" title="Name"></kendo-treelist-column>
+ *   <kendo-treelist-column field="age" title="Age"></kendo-treelist-column>
+ * </kendo-treelist>
+ * ```
+ * @remarks
+ * Applied to: {@link TreeListComponent}.
  */
 class InCellEditingDirective extends EditingDirectiveBase {
     treelist;
@@ -19578,23 +19757,26 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                 args: ['kendoTreeListInCellEditing']
             }] } });
 
+/**
+ * @hidden
+ */
 class BaseBindingDirective {
     component;
     rowReorderService;
     /**
-     * Defines the descriptors by which the data will be sorted.
+     * Sets the descriptors that sort the data.
      */
     set sort(value) {
         this.component.sort = this.state.sort = value;
     }
     /**
-     * Defines the descriptor by which the data will be filtered.
+     * Sets the descriptor that filters the data.
      */
     set filter(value) {
         this.component.filter = this.state.filter = value;
     }
     /**
-     * Defines the descriptor by which the data will be aggregated.
+     * Sets the descriptor that aggregates the data.
      */
     set aggregate(value) {
         this._aggregate = value;
@@ -19833,17 +20015,24 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
         }] });
 
 /**
- * A directive which binds the TreeList to a tree of objects.
+ * Represents the Kendo UI for Angular TreeList hierarchy binding directive.
+ * Use this directive to bind the TreeList to a tree of objects using a field that holds child data items.
+ * Handles in-memory data operations [sorting]({% slug sorting_treelist %}), [aggregation]({% slug treelist_with_aggregates %})
+ * and [filtering]({% slug filtering_treelist %}). [More information and examples.](slug:local_databinding_treelist#toc-binding-to-hierarchical-data-1)
  *
- * The directive encapsulates the in-memory handling of data operations such as
- * [sorting]({% slug sorting_treelist %}), [aggregation]({% slug treelist_with_aggregates %})
- * and [filtering]({% slug filtering_treelist %}) ([more information and examples](slug:local_databinding_treelist#toc-binding-to-hierarchical-data-1)).
+ * @example
+ * ```html
+ * <kendo-treelist [kendoTreeListHierarchyBinding]="data" [children]="childrenField"></kendo-treelist>
+ * ```
+ *
+ * @remarks
+ * Applied to: {@link TreeListComponent}.
  */
 class HierarchyBindingDirective extends BaseBindingDirective {
     component;
     rowReorderService;
     /**
-     *  The name of the field which holds the child data items of the node.
+     * Sets the name of the field that holds the child data items of the node.
      */
     set childrenField(value) {
         this.childrenGetter = getter(value);
@@ -19854,7 +20043,7 @@ class HierarchyBindingDirective extends BaseBindingDirective {
         return this._childrenField;
     }
     /**
-     * The array of data which will be used to populate the TreeList.
+     * Sets the array of data that populates the TreeList.
      */
     data;
     childrenGetter = getter('items');
@@ -20009,18 +20198,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
 
 const ROOT_ID = null;
 /**
- * A directive which binds the TreeList to an array of objects by using
- * an `idField` and `parentIDField` field to define the hierarchy.
+ * Represents the Kendo for Angular UI TreeList flat binding directive.
+ * Use this directive to bind the TreeList to a flat array of objects using `idField` and `parentIdField` to define the hierarchy.
+ * Handles in-memory data operations [sorting]({% slug sorting_treelist %}), [aggregation]({% slug treelist_with_aggregates %})
+ * and [filtering]({% slug filtering_treelist %}). [More information and examples]({% slug databinding_treelist %}).
  *
- * The directive encapsulates the in-memory handling of data operations such as
- * [sorting]({% slug sorting_treelist %}), [aggregation]({% slug treelist_with_aggregates %})
- * and [filtering]({% slug filtering_treelist %}) ([more information and examples]({% slug databinding_treelist %})).
  */
 class FlatBindingDirective extends BaseBindingDirective {
     component;
     rowReorderService;
     /**
-     * The name of the field which contains the identifier of the parent node.
+     * Sets the name of the field that contains the identifier of the parent node.
      */
     set parentIdField(value) {
         this.parentIdGetter = getter(value);
@@ -20031,7 +20219,7 @@ class FlatBindingDirective extends BaseBindingDirective {
         return this._parentIdField;
     }
     /**
-     * The name of the field which contains the unique identifier of the node.
+     * Sets the name of the field that contains the unique identifier of the node.
      */
     set idField(value) {
         this.idGetter = getter(value);
@@ -20042,7 +20230,7 @@ class FlatBindingDirective extends BaseBindingDirective {
         return this._idField;
     }
     /**
-     * The array of data which will be used to populate the TreeList.
+     * Sets the array of data that populates the TreeList.
      */
     data;
     idGetter = getter('id');
@@ -20125,7 +20313,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
             }] } });
 
 /**
- * A directive which controls the expanded state of the items. [See example](slug:treelist_expanded_state#toc-built-in-directive).
+ * A directive which controls the expanded state of items in the TreeList. [See example](slug:treelist_expanded_state#toc-built-in-directive).
  *
  * @example
  * ```html
@@ -20134,15 +20322,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
  *   kendoTreeListExpandable> ...
  * </kendo-treelist>
  * ```
+ * @remarks
+ * Applied to: {@link TreeListComponent},
  */
 class ExpandableDirective {
     component;
     /**
-     * Fires when the expandedKeys are changed.
+     * Emits when the `expandedKeys` change.
      */
     expandedKeysChange = new EventEmitter();
     /**
      * Sets the expanded item keys.
+     * Use this property to control which items are expanded.
      */
     set expandedKeys(value) {
         if (value !== this._expandedKeys) {
@@ -20154,13 +20345,13 @@ class ExpandableDirective {
         return Array.from(this.state.keys());
     }
     /**
-     * Specifies if the items should be initially expanded.
+     * Specifies if items are initially expanded.
      * @default false
      */
     initiallyExpanded = false;
     /**
-     * Defines the item key that will be stored in the expandedKeys collection.
-     * Defaults to the component idField.
+     * Defines the item key stored in the `expandedKeys` collection.
+     * Uses the component `idField` by default.
      */
     set expandBy(key) {
         if (isString(key)) {
@@ -20234,6 +20425,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
 const defaultColumnKeyGetter = (_column, columnIndex) => columnIndex;
 /**
  * A directive which controls the selection state. [See example](slug:selection_treelist).
+ *
+ * @example
+ * ```html
+ * <kendo-treelist
+ *   [kendoTreeListSelectable]="{ mode: 'row' }"
+ *   [selectedItems]="selectedItems">
+ *     <kendo-treelist-column field="name" title="Name"></kendo-treelist-column>
+ *     <kendo-treelist-column field="age" title="Age"></kendo-treelist-column>
+ * </kendo-treelist>
+ * ```
+ * @remarks
+ * Applied to: {@link TreeListComponent}.
  */
 class SelectableDirective {
     treelist;
@@ -20432,9 +20635,20 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
 
 /**
  * Represents the Kendo UI TreeListSpacer component for Angular.
- * Used to give additional white space between the Pager inner elements,
- * and provides a way for customizing the spacer width.
- * It can also be used in any flex container within the TreeList. [See example](slug:toolbartemplate_treelist#toc-defining-the-spacing-between-toolbar-elements).
+ * Use this component to add extra white space between Pager inner elements or to customize the spacer width.
+ * You can also use it in any flex container within the TreeList. [See example](slug:toolbartemplate_treelist#toc-defining-the-spacing-between-toolbar-elements).
+ *
+ * @example
+ * ```html
+ * <kendo-treelist [data]="data" [fetchChildren]="fetchChildren" [hasChildren]="hasChildren">
+ *   <ng-template kendoTreeListToolbarTemplate>
+ *     <kendo-treelist-spacer></kendo-treelist-spacer>
+ *       <button type="button" kendoTreeListExcelCommand [svgIcon]="fileExcelIcon"> Export to Excel </button>
+ *     <kendo-treelist-spacer></kendo-treelist-spacer>
+ *   </ng-template>
+ *   <kendo-treelist-column field="ProductName" title="Product Name"></kendo-treelist-column>
+ * </kendo-treelist>
+ * ```
  */
 class TreeListSpacerComponent {
     hostClass = true;
@@ -20446,9 +20660,9 @@ class TreeListSpacerComponent {
     }
     /**
      * Specifies the width of the TreeListSpacer.
-     * Accepts the [string values of the CSS `flex-basis` property](https://developer.mozilla.org/en-US/docs/Web/CSS/flex-basis).
+     * Accepts string values for the [CSS `flex-basis` property](https://developer.mozilla.org/en-US/docs/Web/CSS/flex-basis).
      *
-     * If not set, the TreeListSpacer will take all the available space.
+     * If not set, the TreeListSpacer takes all available space.
      */
     width;
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TreeListSpacerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
@@ -20475,20 +20689,32 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
             }] } });
 
 /**
- * Represents the checkbox for selecting rows in the TreeList. [See example](slug:treelist_row_selection#toc-select-all-checkbox).
+ * Represents the checkbox column for selecting rows in the TreeList. [See example](slug:treelist_row_selection#toc-select-all-checkbox).
+ *
+ * @example
+ * ```html
+ * <kendo-treelist ...>
+ *   <kendo-treelist-checkbox-column
+ *     [showSelectAll]="true"
+ *     [checkChildren]="true"
+ *     [expandable]="true">
+ *   </kendo-treelist-checkbox-column>
+ *   <kendo-treelist-column field="ProductName" title="Product Name"></kendo-treelist-column>
+ * </kendo-treelist>
+ * ```
  */
 class CheckboxColumnComponent extends ColumnBase {
     parent;
     /**
-     * Determines whether a select-all checkbox will be displayed in the header.
+     * Specifies if a select-all checkbox appears in the header.
      */
     showSelectAll;
     /**
-     * Determines whether checkbox click should select / unselect all children
+     * Specifies if clicking the checkbox selects or deselects all children.
      */
     checkChildren;
     /**
-     * Defines whether the expanded indicator should be rendered in the column.
+     * Specifies if the expanded indicator appears in the column.
      * @default false
      */
     expandable;
@@ -20543,7 +20769,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
             }] } });
 
 /**
- * Represents the drag handle for reordering rows in the TreeList.
+ * Represents the drag handle column for reordering rows in the TreeList.
+ *
+ * @example
+ * ```html
+ * <kendo-treelist [data]="data" [fetchChildren]="fetchChildren" [hasChildren]="hasChildren">
+ *   <kendo-treelist-rowreorder-column></kendo-treelist-rowreorder-column>
+ *   <kendo-treelist-column field="ProductName" title="Product Name"></kendo-treelist-column>
+ * </kendo-treelist>
+ * ```
  */
 class RowReorderColumnComponent extends ColumnBase {
     parent;
@@ -20585,9 +20819,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                 }] }]; } });
 
 /**
- * Represents the command columns of the TreeList. You have to define the content of the
- * 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
+ * Represents the command column of the TreeList. Define the content of the column inside an `<ng-template>` tag.
+ * For more information and examples on using the passed fields and command directives, see
  * [editing the TreeList in Angular Reactive Forms]({% slug editing_reactive_forms_treelist %}).
  *
  * Usually, the template contains CRUD command directives such as:
@@ -20600,7 +20833,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
  * ```html
  * <kendo-treelist ...>
  *   <kendo-treelist-column field="ProductID"></kendo-treelist-column>
- *   <kendo-treelist-command-column title="command" >
+ *   <kendo-treelist-command-column title="command">
  *      <ng-template kendoTreeListCellTemplate>
  *         <button kendoTreeListEditCommand class="k-primary">Edit</button>
  *         <button kendoTreeListRemoveCommand>Remove</button>
@@ -20726,14 +20959,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
             }] } });
 
 /**
- * Represents the `edit` command of the TreeList. You can apply this directive to any `button`
- * element inside a [`CommandColumnComponent`]({% slug api_treelist_commandcolumncomponent %}).
- * When an associated button with the directive is clicked, the
- * [`edit`]({% slug api_treelist_treelistcomponent %}#toc-edit) event
- * is triggered ([see example](slug:custom_editors_editing_treelist)).
+ * Represents the `edit` command of the TreeList. Apply this directive to any `button` element inside a [`CommandColumnComponent`]({% slug api_treelist_commandcolumncomponent %}).
  *
- * When the row is in the `edit` mode, the button with `kendoTreeListEditCommand` is automatically hidden.
- * The directive takes as input the `cellContext` from the cell template.
+ * When the user clicks a button with this directive, the [`edit`]({% slug api_treelist_treelistcomponent %}#toc-edit) event is triggered ([see example](slug:custom_editors_editing_treelist)).
+ *
+ * The button with `kendoTreeListEditCommand` is automatically hidden when the row is in edit mode. The directive takes the `cellContext` from the cell template as input.
  *
  * @example
  * ```html
@@ -20745,11 +20975,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
  *   </kendo-treelist-command-column>
  * </kendo-treelist>
  * ```
- *
  */
 class EditCommandDirective extends BaseCommandDirective {
     /**
-     * The `cellContext` provided to the template.
+     * Provides the `cellContext` to the template.
      */
     cellContext;
     commandClass = true;
@@ -20804,14 +21033,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
             }] } });
 
 /**
- * Represents the `cancel` command of the TreeList. You can apply this directive to any `button`
- * element inside a [`CommandColumnComponent`]({% slug api_treelist_commandcolumncomponent %}).
- * When an associated button with the directive is clicked, the
- * [`cancel`]({% slug api_treelist_treelistcomponent %}#toc-cancel) event
- * is triggered ([see example](slug:custom_editors_editing_treelist)).
+ * Represents the `cancel` command of the TreeList. Apply this directive to any `button` element inside a [`CommandColumnComponent`]({% slug api_treelist_commandcolumncomponent %}).
  *
- * When the row is not in the `edit` mode, the button with the `kendoTreeListCancelCommand` is automatically hidden.
- * The directive takes as input the `cellContext` from the cell template.
+ * When the user clicks a button with this directive, the [`cancel`]({% slug api_treelist_treelistcomponent %}#toc-cancel) event is triggered ([see example](slug:custom_editors_editing_treelist)).
+ *
+ * The button with `kendoTreeListCancelCommand` is automatically hidden when the row is not in edit mode. The directive takes the `cellContext` from the cell template as input.
  *
  * @example
  * ```html
@@ -20826,7 +21052,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
  */
 class CancelCommandDirective extends BaseCommandDirective {
     /**
-     * The `cellContext` provided to the template.
+     * Provides the `cellContext` to the template.
      */
     cellContext;
     commandClass = true;
@@ -20882,14 +21108,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
             }] } });
 
 /**
- * Represents the `save` command of the TreeList. You can apply this directive to any `button`
- * element inside a [`CommandColumnComponent`]({% slug api_treelist_commandcolumncomponent %}).
- * When an associated button with the directive is clicked, the
- * [`save`]({% slug api_treelist_treelistcomponent %}#toc-save) event
- * is triggered ([see example]({% slug editing_treelist %})).
+ * Represents the `save` command of the TreeList. Apply this directive to any `button` element inside a [`CommandColumnComponent`]({% slug api_treelist_commandcolumncomponent %}).
+ *
+ * When the user clicks a button with this directive, the [`save`]({% slug api_treelist_treelistcomponent %}#toc-save) event is triggered ([see example]({% slug editing_treelist %})).
  *
- * When the row is not in the `edit` mode, the button with `kendoTreeListSaveCommand` is automatically hidden.
- * The directive takes as input the `cellContext` from the cell template.
+ * The button with `kendoTreeListSaveCommand` is automatically hidden when the row is not in edit mode. The directive takes the `cellContext` from the cell template as input.
  *
  * @example
  * ```html
@@ -20904,7 +21127,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
  */
 class SaveCommandDirective extends BaseCommandDirective {
     /**
-     * The `cellContext` provided to the template.
+     * Provides the `cellContext` to the template.
      */
     cellContext;
     commandClass = true;
@@ -20959,14 +21182,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
             }] } });
 
 /**
- * Represents the `remove` command of the TreeList. You can apply this directive to any `button` element
- * inside a [`CommandColumnComponent`]({% slug api_treelist_commandcolumncomponent %}).
- * When an associated button with the directive is clicked, the
- * [`remove` event]({% slug api_treelist_treelistcomponent %}#toc-remove)
- * is triggered ([see example]({% slug editing_reactive_forms_treelist %})).
+ * Represents the `remove` command of the TreeList. Apply this directive to any `button` element inside a [`CommandColumnComponent`]({% slug api_treelist_commandcolumncomponent %}).
  *
- *  When the row is in the `edit` mode, the button with the `kendoTreeListRemoveCommand` is automatically hidden.
- *  The directive takes as input the `cellContext` from the cell template.
+ * When the user clicks a button with this directive, the [`remove` event]({% slug api_treelist_treelistcomponent %}#toc-remove) is triggered ([see example]({% slug editing_reactive_forms_treelist %})).
+ *
+ * The button with `kendoTreeListRemoveCommand` is automatically hidden when the row is in edit mode. The directive takes the `cellContext` from the cell template as input.
  *
  * @example
  * ```html
@@ -20981,7 +21201,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
  */
 class RemoveCommandDirective extends BaseCommandDirective {
     /**
-     * The `cellContext` provided to the template.
+     * Provides the `cellContext` to the template.
      */
     cellContext;
     commandClass = true;
@@ -21036,17 +21256,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
             }] } });
 
 /**
- * Represents the command for adding a new item to the TreeList. You can apply this directive to any
- * `button` element inside a [`ToolbarTemplate`](slug:toolbartemplate_treelist) or
- * inside a [`CommandColumnComponent`]({% slug api_treelist_commandcolumncomponent %}).
+ * Represents the command for adding a new item to the TreeList. Apply this directive to any `button` element inside a [`ToolbarTemplate`](slug:toolbartemplate_treelist) or inside a [`CommandColumnComponent`]({% slug api_treelist_commandcolumncomponent %}).
  *
- * When an associated button with the directive is clicked, the
- * [`add`]({% slug api_treelist_treelistcomponent %}#toc-add) event is triggered
- * ([see example](slug:custom_editors_editing_treelist)).
+ * When the user clicks a button with this directive, the [`add`]({% slug api_treelist_treelistcomponent %}#toc-add) event is triggered ([see example](slug:custom_editors_editing_treelist)).
  *
- * When the row is in the `edit mode`, the button with `kendoTreeListAddCommand` is automatically hidden.
+ * The button with `kendoTreeListAddCommand` is automatically hidden when the row is in edit mode.
  *
- * When added to the command column, the directive takes as input the `cellContext` from the cell template.
+ * When used in the command column, the directive takes the `cellContext` from the cell template as input.
  *
  * @example
  * ```html
@@ -21061,7 +21277,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
  */
 class AddCommandDirective extends BaseCommandDirective {
     /**
-     * The `cellContext` provided to the template.
+     * Provides the `cellContext` to the template.
      */
     cellContext;
     commandClass = true;
@@ -21211,8 +21427,35 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
             }] } });
 
 /**
- * Represents the `Contains` (**Contains**) filter operator. [See example](slug:filtering_treelist#toc-using-the-built-in-directives).
+ * Represents the `Contains` (**Contains**) filter operator for the TreeList.
+ * Use this operator to filter values that contain a specific substring.
+ * [See example](slug:filtering_treelist#toc-using-the-built-in-directives).
  * For more information and examples, refer to the article on setting [default filter operators](slug:filter_row_treelist#toc-setting-the-default-filter-operator).
+ *
+ * @example
+ * ```html Filter Cell
+ * <kendo-treelist-column field="name" title="Name">
+ *   <ng-template kendoTreeListFilterCellTemplate let-filter let-column="column">
+ *     <kendo-treelist-string-filter-cell
+ *       [column]="column"
+ *       [filter]="filter">
+ *       <kendo-treelist-filter-contains-operator></kendo-treelist-filter-contains-operator>
+ *     </kendo-treelist-string-filter-cell>
+ *   </ng-template>
+ * </kendo-treelist-column>
+ * ```
+ * ```html Filter Menu
+ * <kendo-treelist-column field="name" title="Name">
+ *   <ng-template kendoTreeListFilterMenuTemplate let-filter let-column="column" let-filterService="filterService">
+ *     <kendo-treelist-string-filter-menu
+ *       [column]="column"
+ *       [filter]="filter"
+ *       [filterService]="filterService">
+ *       <kendo-treelist-filter-contains-operator></kendo-treelist-filter-contains-operator>
+ *     </kendo-treelist-string-filter-menu>
+ *   </ng-template>
+ * </kendo-treelist-column>
+ * ```
  */
 class ContainsFilterOperatorComponent extends FilterOperatorBase {
     constructor(localization) { super('contains', localization); }
@@ -21240,8 +21483,35 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
         }], ctorParameters: function () { return [{ type: i1$1.LocalizationService }]; } });
 
 /**
- * Represents the `DoesNotContain` (**Does not contain**) filter operator. [See example](slug:filtering_treelist#toc-using-the-built-in-directives).
+ * Represents the `DoesNotContain` (**Does not contain**) filter operator for the TreeList.
+ * Use this operator to filter values that do not contain a specific substring.
+ * [See example](slug:filtering_treelist#toc-using-the-built-in-directives).
  * For more information and examples, refer to the article on setting [default filter operators](slug:filter_row_treelist#toc-setting-the-default-filter-operator).
+ *
+ * @example
+ * ```html Filter Cell
+ * <kendo-treelist-column field="name" title="Name">
+ *   <ng-template kendoTreeListFilterCellTemplate let-filter let-column="column">
+ *     <kendo-treelist-string-filter-cell
+ *       [column]="column"
+ *       [filter]="filter">
+ *       <kendo-treelist-filter-not-contains-operator></kendo-treelist-filter-not-contains-operator>
+ *     </kendo-treelist-string-filter-cell>
+ *   </ng-template>
+ * </kendo-treelist-column>
+ * ```
+ * ```html Filter Menu
+ * <kendo-treelist-column field="name" title="Name">
+ *   <ng-template kendoTreeListFilterMenuTemplate let-filter let-column="column" let-filterService="filterService">
+ *     <kendo-treelist-string-filter-menu
+ *       [column]="column"
+ *       [filter]="filter"
+ *       [filterService]="filterService">
+ *       <kendo-treelist-filter-not-contains-operator></kendo-treelist-filter-not-contains-operator>
+ *     </kendo-treelist-string-filter-menu>
+ *   </ng-template>
+ * </kendo-treelist-column>
+ * ```
  */
 class DoesNotContainFilterOperatorComponent extends FilterOperatorBase {
     constructor(localization) { super('doesnotcontain', localization); }
@@ -21269,25 +21539,52 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
         }], ctorParameters: function () { return [{ type: i1$1.LocalizationService }]; } });
 
 /**
- * Represents the `EndsWith` (**Ends with**) string filter operator. [See example](slug:filtering_treelist#toc-using-the-built-in-directives).
+ * Represents the `EndsWith` (**Ends with**) string filter operator for the TreeList.
+ * Use this operator to filter values that end with a specific substring.
+ * [See example](slug:filtering_treelist#toc-using-the-built-in-directives).
  * For more information and examples, refer to the article on setting [default filter operators](slug:filter_row_treelist#toc-setting-the-default-filter-operator).
- */
-class EndsWithFilterOperatorComponent extends FilterOperatorBase {
-    constructor(localization) { super('endswith', localization); }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: EndsWithFilterOperatorComponent, deps: [{ token: i1$1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: EndsWithFilterOperatorComponent, isStandalone: true, selector: "kendo-treelist-filter-endswith-operator", providers: [
-            {
-                provide: FilterOperatorBase,
-                useExisting: forwardRef(() => EndsWithFilterOperatorComponent)
-            }
-        ], usesInheritance: true, ngImport: i0, template: ``, isInline: true });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: EndsWithFilterOperatorComponent, decorators: [{
-            type: Component,
-            args: [{
-                    providers: [
-                        {
-                            provide: FilterOperatorBase,
+ *
+ * @example
+ * ```html Filter Cell
+ * <kendo-treelist-column field="name" title="Name">
+ *   <ng-template kendoTreeListFilterCellTemplate let-filter let-column="column">
+ *     <kendo-treelist-string-filter-cell
+ *       [column]="column"
+ *       [filter]="filter">
+ *       <kendo-treelist-filter-endswith-operator></kendo-treelist-filter-endswith-operator>
+ *     </kendo-treelist-string-filter-cell>
+ *   </ng-template>
+ * </kendo-treelist-column>
+ * ```
+ * ```html Filter Menu
+ * <kendo-treelist-column field="name" title="Name">
+ *   <ng-template kendoTreeListFilterMenuTemplate let-filter let-column="column" let-filterService="filterService">
+ *     <kendo-treelist-string-filter-menu
+ *       [column]="column"
+ *       [filter]="filter"
+ *       [filterService]="filterService">
+ *       <kendo-treelist-filter-endswith-operator></kendo-treelist-filter-endswith-operator>
+ *     </kendo-treelist-string-filter-menu>
+ *   </ng-template>
+ * </kendo-treelist-column>
+ * ```
+ */
+class EndsWithFilterOperatorComponent extends FilterOperatorBase {
+    constructor(localization) { super('endswith', localization); }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: EndsWithFilterOperatorComponent, deps: [{ token: i1$1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: EndsWithFilterOperatorComponent, isStandalone: true, selector: "kendo-treelist-filter-endswith-operator", providers: [
+            {
+                provide: FilterOperatorBase,
+                useExisting: forwardRef(() => EndsWithFilterOperatorComponent)
+            }
+        ], usesInheritance: true, ngImport: i0, template: ``, isInline: true });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: EndsWithFilterOperatorComponent, decorators: [{
+            type: Component,
+            args: [{
+                    providers: [
+                        {
+                            provide: FilterOperatorBase,
                             useExisting: forwardRef(() => EndsWithFilterOperatorComponent)
                         }
                     ],
@@ -21298,8 +21595,83 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
         }], ctorParameters: function () { return [{ type: i1$1.LocalizationService }]; } });
 
 /**
- * Represents the `Equal` (**Is equal to**) filter operator. [See example](slug:filtering_treelist#toc-using-the-built-in-directives).
+ * Represents the `Equal` (**Is equal to**) filter operator for the TreeList.
+ * Use this operator to filter values that are equal to a specific value.
+ * [See example](slug:filtering_treelist#toc-using-the-built-in-directives).
  * For more information and examples, refer to the article on setting [default filter operators](slug:filter_row_treelist#toc-setting-the-default-filter-operator).
+ *
+ * @example
+ * ```html String Filter Cell
+ * <kendo-treelist-column field="name" title="Name">
+ *   <ng-template kendoTreeListFilterCellTemplate let-filter let-column="column">
+ *     <kendo-treelist-string-filter-cell
+ *       [column]="column"
+ *       [filter]="filter">
+ *       <kendo-treelist-filter-eq-operator></kendo-treelist-filter-eq-operator>
+ *     </kendo-treelist-string-filter-cell>
+ *   </ng-template>
+ * </kendo-treelist-column>
+ * ```
+ * ```html Numeric Filter Cell
+ * <kendo-treelist-column field="yearsService" title="Years Service">
+ *   <ng-template kendoTreeListFilterCellTemplate let-filter let-column="column">
+ *     <kendo-treelist-numeric-filter-cell
+ *       [column]="column"
+ *       [filter]="filter">
+ *       <kendo-treelist-filter-eq-operator></kendo-treelist-filter-eq-operator>
+ *     </kendo-treelist-numeric-filter-cell>
+ *   </ng-template>
+ * </kendo-treelist-column>
+ * ```
+ * ```html Date Filter Cell
+ * <kendo-treelist-column field="hireDate">
+ *   <ng-template kendoTreeListFilterCellTemplate let-filter let-column="column">
+ *     <kendo-treelist-date-filter-cell
+ *       [column]="column"
+ *       [filter]="filter">
+ *       <kendo-treelist-filter-eq-operator></kendo-treelist-filter-eq-operator>
+ *      </kendo-treelist-date-filter-cell>
+ *   </ng-template>
+ * </kendo-treelist-column>
+ * ```
+ *
+ * @example
+ * ```html String Filter Menu
+ * <kendo-treelist-column field="name" title="Name">
+ *   <ng-template kendoTreeListFilterMenuTemplate let-filter let-column="column" let-filterService="filterService">
+ *     <kendo-treelist-string-filter-menu
+ *       [column]="column"
+ *       [filter]="filter"
+ *       [filterService]="filterService">
+ *       <kendo-treelist-filter-eq-operator></kendo-treelist-filter-eq-operator>
+ *     </kendo-treelist-string-filter-menu>
+ *   </ng-template>
+ * </kendo-treelist-column>
+ * ```
+ * ```html Numeric Filter Menu
+ * <kendo-treelist-column field="yearsService" title="Years Service">
+ *   <ng-template kendoTreeListFilterMenuTemplate let-filter let-column="column" let-filterService="filterService">
+ *     <kendo-treelist-numeric-filter-menu
+ *       [column]="column"
+ *       [filter]="filter"
+ *       [filterService]="filterService">
+ *       <kendo-treelist-filter-eq-operator></kendo-treelist-filter-eq-operator>
+ *     </kendo-treelist-numeric-filter-menu>
+ *   </ng-template>
+ * </kendo-treelist-column>
+ * ```
+ * ```html Date Filter Menu
+ * <kendo-treelist-column field="hireDate">
+ *   <ng-template kendoTreeListFilterMenuTemplate let-filter let-column="column" let-filterService="filterService">
+ *     <kendo-treelist-date-filter-menu
+ *       [column]="column"
+ *       [filter]="filter"
+ *       [filterService]="filterService">
+ *       <kendo-treelist-filter-eq-operator></kendo-treelist-filter-eq-operator>
+ *      </kendo-treelist-date-filter-menu>
+ *   </ng-template>
+ * </kendo-treelist-column>
+ * ```
  */
 class EqualFilterOperatorComponent extends FilterOperatorBase {
     constructor(localization) { super('eq', localization); }
@@ -21327,8 +21699,35 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
         }], ctorParameters: function () { return [{ type: i1$1.LocalizationService }]; } });
 
 /**
- * Represents the `IsEmpty` (**Is empty**) filter operator. [See example](slug:filtering_treelist#toc-using-the-built-in-directives).
+ * Represents the `IsEmpty` (**Is empty**) filter operator for the TreeList.
+ * Use this operator to filter values that are empty.
+ * [See example](slug:filtering_treelist#toc-using-the-built-in-directives).
  * For more information and examples, refer to the article on setting [default filter operators](slug:filter_row_treelist#toc-setting-the-default-filter-operator).
+ *
+ * @example
+ * ```html Filter Cell
+ * <kendo-treelist-column field="name" title="Name">
+ *   <ng-template kendoTreeListFilterCellTemplate let-filter let-column="column">
+ *     <kendo-treelist-string-filter-cell
+ *       [column]="column"
+ *       [filter]="filter">
+ *       <kendo-treelist-filter-isempty-operator></kendo-treelist-filter-isempty-operator>
+ *     </kendo-treelist-string-filter-cell>
+ *   </ng-template>
+ * </kendo-treelist-column>
+ * ```
+ * ```html Filter Menu
+ * <kendo-treelist-column field="name" title="Name">
+ *   <ng-template kendoTreeListFilterMenuTemplate let-filter let-column="column" let-filterService="filterService">
+ *     <kendo-treelist-string-filter-menu
+ *       [column]="column"
+ *       [filter]="filter"
+ *       [filterService]="filterService">
+ *       <kendo-treelist-filter-isempty-operator></kendo-treelist-filter-isempty-operator>
+ *     </kendo-treelist-string-filter-menu>
+ *   </ng-template>
+ * </kendo-treelist-column>
+ * ```
  */
 class IsEmptyFilterOperatorComponent extends FilterOperatorBase {
     constructor(localization) { super('isempty', localization); }
@@ -21356,8 +21755,35 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
         }], ctorParameters: function () { return [{ type: i1$1.LocalizationService }]; } });
 
 /**
- * Represents the `IsNotEmpty` (**Is not empty**) filter operator. [See example](slug:filtering_treelist#toc-using-the-built-in-directives).
+ * Represents the `IsNotEmpty` (**Is not empty**) filter operator for the TreeList.
+ * Use this operator to filter values that are not empty.
+ * [See example](slug:filtering_treelist#toc-using-the-built-in-directives).
  * For more information and examples, refer to the article on setting [default filter operators](slug:filter_row_treelist#toc-setting-the-default-filter-operator).
+ *
+ *  * @example
+ * ```html Filter Cell
+ * <kendo-treelist-column field="name" title="Name">
+ *   <ng-template kendoTreeListFilterCellTemplate let-filter let-column="column">
+ *     <kendo-treelist-string-filter-cell
+ *       [column]="column"
+ *       [filter]="filter">
+ *       <kendo-treelist-filter-isnotempty-operator></kendo-treelist-filter-isnotempty-operator>
+ *     </kendo-treelist-string-filter-cell>
+ *   </ng-template>
+ * </kendo-treelist-column>
+ * ```
+ * ```html Filter Menu
+ * <kendo-treelist-column field="name" title="Name">
+ *   <ng-template kendoTreeListFilterMenuTemplate let-filter let-column="column" let-filterService="filterService">
+ *     <kendo-treelist-string-filter-menu
+ *       [column]="column"
+ *       [filter]="filter"
+ *       [filterService]="filterService">
+ *       <kendo-treelist-filter-isnotempty-operator></kendo-treelist-filter-isnotempty-operator>
+ *     </kendo-treelist-string-filter-menu>
+ *   </ng-template>
+ * </kendo-treelist-column>
+ * ```
  */
 class IsNotEmptyFilterOperatorComponent extends FilterOperatorBase {
     constructor(localization) { super('isnotempty', localization); }
@@ -21385,8 +21811,83 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
         }], ctorParameters: function () { return [{ type: i1$1.LocalizationService }]; } });
 
 /**
- * Represents the `IsNotNull` (**Is not null**) filter operator. [See example](slug:filtering_treelist#toc-using-the-built-in-directives).
+ * Represents the `IsNotNull` (**Is not null**) filter operator for the TreeList.
+ * Use this operator to filter values that are not null.
+ * [See example](slug:filtering_treelist#toc-using-the-built-in-directives).
  * For more information and examples, refer to the article on setting [default filter operators](slug:filter_row_treelist#toc-setting-the-default-filter-operator).
+ *
+ * @example
+ * ```html String Filter Cell
+ * <kendo-treelist-column field="name" title="Name">
+ *   <ng-template kendoTreeListFilterCellTemplate let-filter let-column="column">
+ *     <kendo-treelist-string-filter-cell
+ *       [column]="column"
+ *       [filter]="filter">
+ *       <kendo-treelist-filter-isnotnull-operator></kendo-treelist-filter-isnotnull-operator>
+ *     </kendo-treelist-string-filter-cell>
+ *   </ng-template>
+ * </kendo-treelist-column>
+ * ```
+ * ```html Numeric Filter Cell
+ * <kendo-treelist-column field="yearsService" title="Years Service">
+ *   <ng-template kendoTreeListFilterCellTemplate let-filter let-column="column">
+ *     <kendo-treelist-numeric-filter-cell
+ *       [column]="column"
+ *       [filter]="filter">
+ *       <kendo-treelist-filter-isnotnull-operator></kendo-treelist-filter-isnotnull-operator>
+ *     </kendo-treelist-numeric-filter-cell>
+ *   </ng-template>
+ * </kendo-treelist-column>
+ * ```
+ * ```html Date Filter Cell
+ * <kendo-treelist-column field="hireDate">
+ *   <ng-template kendoTreeListFilterCellTemplate let-filter let-column="column">
+ *     <kendo-treelist-date-filter-cell
+ *       [column]="column"
+ *       [filter]="filter">
+ *       <kendo-treelist-filter-isnotnull-operator></kendo-treelist-filter-isnotnull-operator>
+ *      </kendo-treelist-date-filter-cell>
+ *   </ng-template>
+ * </kendo-treelist-column>
+ * ```
+ *
+ * @example
+ * ```html String Filter Menu
+ * <kendo-treelist-column field="name" title="Name">
+ *   <ng-template kendoTreeListFilterMenuTemplate let-filter let-column="column" let-filterService="filterService">
+ *     <kendo-treelist-string-filter-menu
+ *       [column]="column"
+ *       [filter]="filter"
+ *       [filterService]="filterService">
+ *       <kendo-treelist-filter-isnotnull-operator></kendo-treelist-filter-isnotnull-operator>
+ *     </kendo-treelist-string-filter-menu>
+ *   </ng-template>
+ * </kendo-treelist-column>
+ * ```
+ * ```html Numeric Filter Menu
+ * <kendo-treelist-column field="yearsService" title="Years Service">
+ *   <ng-template kendoTreeListFilterMenuTemplate let-filter let-column="column" let-filterService="filterService">
+ *     <kendo-treelist-numeric-filter-menu
+ *       [column]="column"
+ *       [filter]="filter"
+ *       [filterService]="filterService">
+ *       <kendo-treelist-filter-isnotnull-operator></kendo-treelist-filter-isnotnull-operator>
+ *     </kendo-treelist-numeric-filter-menu>
+ *   </ng-template>
+ * </kendo-treelist-column>
+ * ```
+ * ```html Date Filter Menu
+ * <kendo-treelist-column field="hireDate">
+ *   <ng-template kendoTreeListFilterMenuTemplate let-filter let-column="column" let-filterService="filterService">
+ *     <kendo-treelist-date-filter-menu
+ *       [column]="column"
+ *       [filter]="filter"
+ *       [filterService]="filterService">
+ *       <kendo-treelist-filter-isnotnull-operator></kendo-treelist-filter-isnotnull-operator>
+ *      </kendo-treelist-date-filter-menu>
+ *   </ng-template>
+ * </kendo-treelist-column>
+ * ```
  */
 class IsNotNullFilterOperatorComponent extends FilterOperatorBase {
     constructor(localization) { super('isnotnull', localization); }
@@ -21414,8 +21915,83 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
         }], ctorParameters: function () { return [{ type: i1$1.LocalizationService }]; } });
 
 /**
- * Represents the `IsNull` (**Is null**) filter operator. [See example](slug:filtering_treelist#toc-using-the-built-in-directives).
+ * Represents the `IsNull` (**Is null**) filter operator for the TreeList.
+ * Use this operator to filter values that are null.
+ * [See example](slug:filtering_treelist#toc-using-the-built-in-directives).
  * For more information and examples, refer to the article on setting [default filter operators](slug:filter_row_treelist#toc-setting-the-default-filter-operator).
+ *
+ * @example
+ * ```html String Filter Cell
+ * <kendo-treelist-column field="name" title="Name">
+ *   <ng-template kendoTreeListFilterCellTemplate let-filter let-column="column">
+ *     <kendo-treelist-string-filter-cell
+ *       [column]="column"
+ *       [filter]="filter">
+ *       <kendo-treelist-filter-isnull-operator></kendo-treelist-filter-isnull-operator>
+ *     </kendo-treelist-string-filter-cell>
+ *   </ng-template>
+ * </kendo-treelist-column>
+ * ```
+ * ```html Numeric Filter Cell
+ * <kendo-treelist-column field="yearsService" title="Years Service">
+ *   <ng-template kendoTreeListFilterCellTemplate let-filter let-column="column">
+ *     <kendo-treelist-numeric-filter-cell
+ *       [column]="column"
+ *       [filter]="filter">
+ *       <kendo-treelist-filter-isnull-operator></kendo-treelist-filter-isnull-operator>
+ *     </kendo-treelist-numeric-filter-cell>
+ *   </ng-template>
+ * </kendo-treelist-column>
+ * ```
+ * ```html Date Filter Cell
+ * <kendo-treelist-column field="hireDate">
+ *   <ng-template kendoTreeListFilterCellTemplate let-filter let-column="column">
+ *     <kendo-treelist-date-filter-cell
+ *       [column]="column"
+ *       [filter]="filter">
+ *       <kendo-treelist-filter-isnull-operator></kendo-treelist-filter-isnull-operator>
+ *      </kendo-treelist-date-filter-cell>
+ *   </ng-template>
+ * </kendo-treelist-column>
+ * ```
+ *
+ * @example
+ * ```html String Filter Menu
+ * <kendo-treelist-column field="name" title="Name">
+ *   <ng-template kendoTreeListFilterMenuTemplate let-filter let-column="column" let-filterService="filterService">
+ *     <kendo-treelist-string-filter-menu
+ *       [column]="column"
+ *       [filter]="filter"
+ *       [filterService]="filterService">
+ *       <kendo-treelist-filter-isnull-operator></kendo-treelist-filter-isnull-operator>
+ *     </kendo-treelist-string-filter-menu>
+ *   </ng-template>
+ * </kendo-treelist-column>
+ * ```
+ * ```html Numeric Filter Menu
+ * <kendo-treelist-column field="yearsService" title="Years Service">
+ *   <ng-template kendoTreeListFilterMenuTemplate let-filter let-column="column" let-filterService="filterService">
+ *     <kendo-treelist-numeric-filter-menu
+ *       [column]="column"
+ *       [filter]="filter"
+ *       [filterService]="filterService">
+ *       <kendo-treelist-filter-isnull-operator></kendo-treelist-filter-isnull-operator>
+ *     </kendo-treelist-numeric-filter-menu>
+ *   </ng-template>
+ * </kendo-treelist-column>
+ * ```
+ * ```html Date Filter Menu
+ * <kendo-treelist-column field="hireDate">
+ *   <ng-template kendoTreeListFilterMenuTemplate let-filter let-column="column" let-filterService="filterService">
+ *     <kendo-treelist-date-filter-menu
+ *       [column]="column"
+ *       [filter]="filter"
+ *       [filterService]="filterService">
+ *       <kendo-treelist-filter-isnull-operator></kendo-treelist-filter-isnull-operator>
+ *      </kendo-treelist-date-filter-menu>
+ *   </ng-template>
+ * </kendo-treelist-column>
+ * ```
  */
 class IsNullFilterOperatorComponent extends FilterOperatorBase {
     constructor(localization) { super('isnull', localization); }
@@ -21443,8 +22019,83 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
         }], ctorParameters: function () { return [{ type: i1$1.LocalizationService }]; } });
 
 /**
- * Represents the `NotEqual` (**Is not equal to**) filter operator. [See example](slug:filtering_treelist#toc-using-the-built-in-directives).
+ * Represents the `NotEqual` (**Is not equal to**) filter operator for the TreeList.
+ * Use this operator to filter values that are not equal to a specific value.
+ * [See example](slug:filtering_treelist#toc-using-the-built-in-directives).
  * For more information and examples, refer to the article on setting [default filter operators](slug:filter_row_treelist#toc-setting-the-default-filter-operator).
+ *
+ * @example
+ * ```html String Filter Cell
+ * <kendo-treelist-column field="name" title="Name">
+ *   <ng-template kendoTreeListFilterCellTemplate let-filter let-column="column">
+ *     <kendo-treelist-string-filter-cell
+ *       [column]="column"
+ *       [filter]="filter">
+ *       <kendo-treelist-filter-neq-operator></kendo-treelist-filter-neq-operator>
+ *     </kendo-treelist-string-filter-cell>
+ *   </ng-template>
+ * </kendo-treelist-column>
+ * ```
+ * ```html Numeric Filter Cell
+ * <kendo-treelist-column field="yearsService" title="Years Service">
+ *   <ng-template kendoTreeListFilterCellTemplate let-filter let-column="column">
+ *     <kendo-treelist-numeric-filter-cell
+ *       [column]="column"
+ *       [filter]="filter">
+ *       <kendo-treelist-filter-neq-operator></kendo-treelist-filter-neq-operator>
+ *     </kendo-treelist-numeric-filter-cell>
+ *   </ng-template>
+ * </kendo-treelist-column>
+ * ```
+ * ```html Date Filter Cell
+ * <kendo-treelist-column field="hireDate">
+ *   <ng-template kendoTreeListFilterCellTemplate let-filter let-column="column">
+ *     <kendo-treelist-date-filter-cell
+ *       [column]="column"
+ *       [filter]="filter">
+ *       <kendo-treelist-filter-neq-operator></kendo-treelist-filter-neq-operator>
+ *      </kendo-treelist-date-filter-cell>
+ *   </ng-template>
+ * </kendo-treelist-column>
+ * ```
+ *
+ * @example
+ * ```html String Filter Menu
+ * <kendo-treelist-column field="name" title="Name">
+ *   <ng-template kendoTreeListFilterMenuTemplate let-filter let-column="column" let-filterService="filterService">
+ *     <kendo-treelist-string-filter-menu
+ *       [column]="column"
+ *       [filter]="filter"
+ *       [filterService]="filterService">
+ *       <kendo-treelist-filter-neq-operator></kendo-treelist-filter-neq-operator>
+ *     </kendo-treelist-string-filter-menu>
+ *   </ng-template>
+ * </kendo-treelist-column>
+ * ```
+ * ```html Numeric Filter Menu
+ * <kendo-treelist-column field="yearsService" title="Years Service">
+ *   <ng-template kendoTreeListFilterMenuTemplate let-filter let-column="column" let-filterService="filterService">
+ *     <kendo-treelist-numeric-filter-menu
+ *       [column]="column"
+ *       [filter]="filter"
+ *       [filterService]="filterService">
+ *       <kendo-treelist-filter-neq-operator></kendo-treelist-filter-neq-operator>
+ *     </kendo-treelist-numeric-filter-menu>
+ *   </ng-template>
+ * </kendo-treelist-column>
+ * ```
+ * ```html Date Filter Menu
+ * <kendo-treelist-column field="hireDate">
+ *   <ng-template kendoTreeListFilterMenuTemplate let-filter let-column="column" let-filterService="filterService">
+ *     <kendo-treelist-date-filter-menu
+ *       [column]="column"
+ *       [filter]="filter"
+ *       [filterService]="filterService">
+ *       <kendo-treelist-filter-neq-operator></kendo-treelist-filter-neq-operator>
+ *      </kendo-treelist-date-filter-menu>
+ *   </ng-template>
+ * </kendo-treelist-column>
+ * ```
  */
 class NotEqualFilterOperatorComponent extends FilterOperatorBase {
     constructor(localization) { super('neq', localization); }
@@ -21472,8 +22123,35 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
         }], ctorParameters: function () { return [{ type: i1$1.LocalizationService }]; } });
 
 /**
- * Represents the `StartsWith` (**Starts with**) filter operator. [See example](slug:filtering_treelist#toc-using-the-built-in-directives).
+ * Represents the `StartsWith` (**Starts with**) filter operator for the TreeList.
+ * Use this operator to filter values that start with a specific substring.
+ * [See example](slug:filtering_treelist#toc-using-the-built-in-directives).
  * For more information and examples, refer to the article on setting [default filter operators](slug:filter_row_treelist#toc-setting-the-default-filter-operator).
+ *
+ * @example
+ * ```html Filter Cell
+ * <kendo-treelist-column field="name" title="Name">
+ *   <ng-template kendoTreeListFilterCellTemplate let-filter let-column="column">
+ *     <kendo-treelist-string-filter-cell
+ *       [column]="column"
+ *       [filter]="filter">
+ *       <kendo-treelist-filter-startswith-operator></kendo-treelist-filter-startswith-operator>
+ *     </kendo-treelist-string-filter-cell>
+ *   </ng-template>
+ * </kendo-treelist-column>
+ * ```
+ * ```html Filter Menu
+ * <kendo-treelist-column field="name" title="Name">
+ *   <ng-template kendoTreeListFilterMenuTemplate let-filter let-column="column" let-filterService="filterService">
+ *     <kendo-treelist-string-filter-menu
+ *       [column]="column"
+ *       [filter]="filter"
+ *       [filterService]="filterService">
+ *       <kendo-treelist-filter-startswith-operator></kendo-treelist-filter-startswith-operator>
+ *     </kendo-treelist-string-filter-menu>
+ *   </ng-template>
+ * </kendo-treelist-column>
+ * ```
  */
 class StartsWithFilterOperatorComponent extends FilterOperatorBase {
     constructor(localization) { super('startswith', localization); }
@@ -21500,9 +22178,35 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                 }]
         }], ctorParameters: function () { return [{ type: i1$1.LocalizationService }]; } });
 
-/*
- * Represents the `Greater` (**Is greater than**) [numeric filter](slug:filtering_treelist#toc-numeric-filter) operator.
+/**
+ * Represents the `Greater` (**Is greater than**) [numeric filter operator](slug:filtering_treelist#toc-numeric-filter) for the TreeList.
+ * Use this operator to filter values that are greater than a specific value.
  * [See example](slug:filter_row_treelist#toc-setting-the-default-filter-operator).
+ *
+ * @example
+ * ```html Filter Cell
+ * <kendo-treelist-column field="yearsService" title="Years Service">
+ *   <ng-template kendoTreeListFilterCellTemplate let-filter let-column="column">
+ *     <kendo-treelist-numeric-filter-cell
+ *       [column]="column"
+ *       [filter]="filter">
+ *       <kendo-treelist-filter-gt-operator></kendo-treelist-filter-gt-operator>
+ *     </kendo-treelist-numeric-filter-cell>
+ *   </ng-template>
+ * </kendo-treelist-column>
+ * ```
+ * ```html Filter Menu
+ * <kendo-treelist-column field="yearsService" title="Years Service">
+ *   <ng-template kendoTreeListFilterMenuTemplate let-filter let-column="column" let-filterService="filterService">
+ *     <kendo-treelist-numeric-filter-menu
+ *       [column]="column"
+ *       [filter]="filter"
+ *       [filterService]="filterService">
+ *       <kendo-treelist-filter-gt-operator></kendo-treelist-filter-gt-operator>
+ *     </kendo-treelist-numeric-filter-menu>
+ *   </ng-template>
+ * </kendo-treelist-column>
+ * ```
  */
 class GreaterFilterOperatorComponent extends FilterOperatorBase {
     constructor(localization) { super('gt', localization); }
@@ -21530,8 +22234,34 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
         }], ctorParameters: function () { return [{ type: i1$1.LocalizationService }]; } });
 
 /**
- * Represents the `GreaterOrEqualTo` (**Is greater than or equal to**) [numeric filter](slug:filtering_treelist#toc-numeric-filter) operator.
+ * Represents the `GreaterOrEqualTo` (**Is greater than or equal to**) [numeric filter operator](slug:filtering_treelist#toc-numeric-filter) for the TreeList.
+ * Use this operator to filter values that are greater than or equal to a specific value.
  * [See example](slug:filter_row_treelist#toc-setting-the-default-filter-operator).
+ *
+ * @example
+ * ```html Filter Cell
+ * <kendo-treelist-column field="yearsService" title="Years Service">
+ *   <ng-template kendoTreeListFilterCellTemplate let-filter let-column="column">
+ *     <kendo-treelist-numeric-filter-cell
+ *       [column]="column"
+ *       [filter]="filter">
+ *       <kendo-treelist-filter-gte-operator></kendo-treelist-filter-gte-operator>
+ *     </kendo-treelist-numeric-filter-cell>
+ *   </ng-template>
+ * </kendo-treelist-column>
+ * ```
+ * ```html Filter Menu
+ * <kendo-treelist-column field="yearsService" title="Years Service">
+ *   <ng-template kendoTreeListFilterMenuTemplate let-filter let-column="column" let-filterService="filterService">
+ *     <kendo-treelist-numeric-filter-menu
+ *       [column]="column"
+ *       [filter]="filter"
+ *       [filterService]="filterService">
+ *       <kendo-treelist-filter-gte-operator></kendo-treelist-filter-gte-operator>
+ *     </kendo-treelist-numeric-filter-menu>
+ *   </ng-template>
+ * </kendo-treelist-column>
+ * ```
  */
 class GreaterOrEqualToFilterOperatorComponent extends FilterOperatorBase {
     constructor(localization) { super('gte', localization); }
@@ -21559,8 +22289,34 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
         }], ctorParameters: function () { return [{ type: i1$1.LocalizationService }]; } });
 
 /**
- * Represents the `Less` (**Is less than**) [numeric filter](slug:filtering_treelist#toc-numeric-filter) operator.
+ * Represents the `Less` (**Is less than**) [numeric filter operator](slug:filtering_treelist#toc-numeric-filter) for the TreeList.
+ * Use this operator to filter values that are less than a specific value.
  * [See example](slug:filter_row_treelist#toc-setting-the-default-filter-operator).
+ *
+ * @example
+ * ```html Filter Cell
+ * <kendo-treelist-column field="yearsService" title="Years Service">
+ *   <ng-template kendoTreeListFilterCellTemplate let-filter let-column="column">
+ *     <kendo-treelist-numeric-filter-cell
+ *       [column]="column"
+ *       [filter]="filter">
+ *       <kendo-treelist-filter-lt-operator></kendo-treelist-filter-lt-operator>
+ *     </kendo-treelist-numeric-filter-cell>
+ *   </ng-template>
+ * </kendo-treelist-column>
+ * ```
+ * ```html Filter Menu
+ * <kendo-treelist-column field="yearsService" title="Years Service">
+ *   <ng-template kendoTreeListFilterMenuTemplate let-filter let-column="column" let-filterService="filterService">
+ *     <kendo-treelist-numeric-filter-menu
+ *       [column]="column"
+ *       [filter]="filter"
+ *       [filterService]="filterService">
+ *       <kendo-treelist-filter-lt-operator></kendo-treelist-filter-lt-operator>
+ *     </kendo-treelist-numeric-filter-menu>
+ *   </ng-template>
+ * </kendo-treelist-column>
+ * ```
  */
 class LessFilterOperatorComponent extends FilterOperatorBase {
     constructor(localization) { super('lt', localization); }
@@ -21587,9 +22343,35 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                 }]
         }], ctorParameters: function () { return [{ type: i1$1.LocalizationService }]; } });
 
-/*
- * Represents the `LessOrEqualTo` (**Is less than or equal to**) [numeric filter](slug:filtering_treelist#toc-numeric-filter) operator.
+/**
+ * Represents the `LessOrEqualTo` (**Is less than or equal to**) [numeric filter operator](slug:filtering_treelist#toc-numeric-filter) for the TreeList.
+ * Use this operator to filter values that are less than or equal to a specific value.
  * [See example](slug:filter_row_treelist#toc-setting-the-default-filter-operator).
+ *
+ * @example
+ * ```html Filter Cell
+ * <kendo-treelist-column field="yearsService" title="Years Service">
+ *   <ng-template kendoTreeListFilterCellTemplate let-filter let-column="column">
+ *     <kendo-treelist-numeric-filter-cell
+ *       [column]="column"
+ *       [filter]="filter">
+ *       <kendo-treelist-filter-lte-operator></kendo-treelist-filter-lte-operator>
+ *     </kendo-treelist-numeric-filter-cell>
+ *   </ng-template>
+ * </kendo-treelist-column>
+ * ```
+ * ```html Filter Menu
+ * <kendo-treelist-column field="yearsService" title="Years Service">
+ *   <ng-template kendoTreeListFilterMenuTemplate let-filter let-column="column" let-filterService="filterService">
+ *     <kendo-treelist-numeric-filter-menu
+ *       [column]="column"
+ *       [filter]="filter"
+ *       [filterService]="filterService">
+ *       <kendo-treelist-filter-lte-operator></kendo-treelist-filter-lte-operator>
+ *     </kendo-treelist-numeric-filter-menu>
+ *   </ng-template>
+ * </kendo-treelist-column>
+ * ```
  */
 class LessOrEqualToFilterOperatorComponent extends FilterOperatorBase {
     constructor(localization) { super('lte', localization); }
@@ -21617,8 +22399,34 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
         }], ctorParameters: function () { return [{ type: i1$1.LocalizationService }]; } });
 
 /**
- * Represents the `Greater` (**Is after**) [date filter](slug:filtering_treelist#toc-date-filter) operator.
+ * Represents the `Greater` (**Is after**) [date filter operator](slug:filtering_treelist#toc-date-filter) for the TreeList.
+ * Use this operator to filter dates that are after a specific value.
  * [See example](slug:filter_row_treelist#toc-setting-the-default-filter-operator).
+ *
+ * @example
+ * ```html Filter Cell
+ * <kendo-treelist-column field="hireDate">
+ *   <ng-template kendoTreeListFilterCellTemplate let-filter let-column="column">
+ *     <kendo-treelist-date-filter-cell
+ *       [column]="column"
+ *       [filter]="filter">
+ *       <kendo-treelist-filter-after-operator></kendo-treelist-filter-after-operator>
+ *      </kendo-treelist-date-filter-cell>
+ *   </ng-template>
+ * </kendo-treelist-column>
+ * ```
+ * ```html Filter Menu
+ * <kendo-treelist-column field="hireDate">
+ *   <ng-template kendoTreeListFilterMenuTemplate let-filter let-column="column" let-filterService="filterService">
+ *     <kendo-treelist-date-filter-menu
+ *       [column]="column"
+ *       [filter]="filter"
+ *       [filterService]="filterService">
+ *       <kendo-treelist-filter-after-operator></kendo-treelist-filter-after-operator>
+ *     </kendo-treelist-date-filter-menu>
+ *   </ng-template>
+ * </kendo-treelist-column>
+ * ```
  */
 class AfterFilterOperatorComponent extends FilterOperatorBase {
     constructor(localization) { super('after', localization); }
@@ -21655,8 +22463,34 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
         }], ctorParameters: function () { return [{ type: i1$1.LocalizationService }]; } });
 
 /**
- * Represents the `GreaterOrEqualTo` (**Is after or equal to**) [date filter](slug:filtering_treelist#toc-date-filter) operator.
+ * Represents the `GreaterOrEqualTo` (**Is after or equal to**) [date filter operator](slug:filtering_treelist#toc-date-filter) for the TreeList.
+ * Use this operator to filter dates that are after or equal to a specific value.
  * [See example](slug:filter_row_treelist#toc-setting-the-default-filter-operator).
+ *
+ * @example
+ * ```html Filter Cell
+ * <kendo-treelist-column field="hireDate">
+ *   <ng-template kendoTreeListFilterCellTemplate let-filter let-column="column">
+ *     <kendo-treelist-date-filter-cell
+ *       [column]="column"
+ *       [filter]="filter">
+ *       <kendo-treelist-filter-after-eq-operator></kendo-treelist-filter-after-eq-operator>
+ *      </kendo-treelist-date-filter-cell>
+ *   </ng-template>
+ * </kendo-treelist-column>
+ * ```
+ * ```html Filter Menu
+ * <kendo-treelist-column field="hireDate">
+ *   <ng-template kendoTreeListFilterMenuTemplate let-filter let-column="column" let-filterService="filterService">
+ *     <kendo-treelist-date-filter-menu
+ *       [column]="column"
+ *       [filter]="filter"
+ *       [filterService]="filterService">
+ *       <kendo-treelist-filter-after-eq-operator></kendo-treelist-filter-after-eq-operator>
+ *     </kendo-treelist-date-filter-menu>
+ *   </ng-template>
+ * </kendo-treelist-column>
+ * ```
  */
 class AfterEqFilterOperatorComponent extends FilterOperatorBase {
     constructor(localization) { super('after-eq', localization); }
@@ -21693,8 +22527,34 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
         }], ctorParameters: function () { return [{ type: i1$1.LocalizationService }]; } });
 
 /**
- * Represents the `LessOrEqualTo` (**Is before or equal to**) [date filter](slug:filtering_treelist#toc-date-filter) operator.
+ * Represents the `LessOrEqualTo` (**Is before or equal to**) [date filter operator](slug:filtering_treelist#toc-date-filter) for the TreeList.
+ * Use this operator to filter dates that are before or equal to a specific value.
  * [See example](slug:filter_row_treelist#toc-setting-the-default-filter-operator).
+ *
+ * @example
+ * ```html Filter Cell
+ * <kendo-treelist-column field="hireDate">
+ *   <ng-template kendoTreeListFilterCellTemplate let-filter let-column="column">
+ *     <kendo-treelist-date-filter-cell
+ *       [column]="column"
+ *       [filter]="filter">
+ *       <kendo-treelist-filter-before-eq-operator></kendo-treelist-filter-before-eq-operator>
+ *      </kendo-treelist-date-filter-cell>
+ *   </ng-template>
+ * </kendo-treelist-column>
+ * ```
+ * ```html Filter Menu
+ * <kendo-treelist-column field="hireDate">
+ *   <ng-template kendoTreeListFilterMenuTemplate let-filter let-column="column" let-filterService="filterService">
+ *     <kendo-treelist-date-filter-menu
+ *       [column]="column"
+ *       [filter]="filter"
+ *       [filterService]="filterService">
+ *       <kendo-treelist-filter-before-eq-operator></kendo-treelist-filter-before-eq-operator>
+ *     </kendo-treelist-date-filter-menu>
+ *   </ng-template>
+ * </kendo-treelist-column>
+ * ```
  */
 class BeforeEqFilterOperatorComponent extends FilterOperatorBase {
     constructor(localization) { super('before-eq', localization); }
@@ -21731,8 +22591,34 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
         }], ctorParameters: function () { return [{ type: i1$1.LocalizationService }]; } });
 
 /**
- * Represents the `Less than` (**Is before**) [date filter](slug:filtering_treelist#toc-date-filter) operator.
+ * Represents the `Less than` (**Is before**) [date filter operator](slug:filtering_treelist#toc-date-filter) for the TreeList.
+ * Use this operator to filter dates that are before a specific value.
  * [See example](slug:filter_row_treelist#toc-setting-the-default-filter-operator).
+ *
+ * @example
+ * ```html Filer Cell
+ * <kendo-treelist-column field="hireDate">
+ *   <ng-template kendoTreeListFilterCellTemplate let-filter let-column="column">
+ *     <kendo-treelist-date-filter-cell
+ *       [column]="column"
+ *       [filter]="filter">
+ *       <kendo-treelist-filter-before-operator></kendo-treelist-filter-before-operator>
+ *      </kendo-treelist-date-filter-cell>
+ *   </ng-template>
+ * </kendo-treelist-column>
+ * ```
+ * ```html Filter Menu
+ * <kendo-treelist-column field="hireDate">
+ *   <ng-template kendoTreeListFilterMenuTemplate let-filter let-column="column" let-filterService="filterService">
+ *     <kendo-treelist-date-filter-menu
+ *       [column]="column"
+ *       [filter]="filter"
+ *       [filterService]="filterService">
+ *       <kendo-treelist-filter-before-operator></kendo-treelist-filter-before-operator>
+ *     </kendo-treelist-date-filter-menu>
+ *   </ng-template>
+ * </kendo-treelist-column>
+ * ```
  */
 class BeforeFilterOperatorComponent extends FilterOperatorBase {
     constructor(localization) { super('before', localization); }
@@ -21769,15 +22655,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
         }], ctorParameters: function () { return [{ type: i1$1.LocalizationService }]; } });
 
 /**
- * Represents the component for selecting columns in the TreeList.
- * To show and hide the columns without including the column chooser item in the [Column Menu](slug:columnmenu_treelist),
- * add the component inside the [`ToolbarTemplate`]({% slug api_treelist_toolbartemplatedirective %}) directive.
+ * Represents the Kendo UI for Angular TreeList column chooser component.
+ * Use this component to let users show or hide columns in the TreeList. To display the column chooser outside the Column Menu, add it inside the [`ToolbarTemplate`]({% slug api_treelist_toolbartemplatedirective %}) directive.
  *
  * @example
  * ```html
  * <kendo-treelist ...>
- *   <ng-template kendoTreeListToolbarTemplate>
- *     <kendo-treelist-column-chooser> </kendo-treelist-column-chooser>
+ *   <ng-template kendoTreeListColumnMenuTemplate>
+ *     <kendo-treelist-column-chooser></kendo-treelist-column-chooser>
  *   </ng-template>
  * </kendo-treelist>
  * ```
@@ -21790,14 +22675,12 @@ class ColumnChooserComponent {
     renderer;
     changeDetector;
     /**
-     * Specifies if the changes in the visibility of the column will be immediately applied.
-     *
+     * Specifies if changes in column visibility are applied immediately.
      * @default false
      */
     autoSync = false;
     /**
      * Specifies if all columns can be hidden.
-     *
      * @default true
      */
     allowHideAll = true;
@@ -22046,7 +22929,14 @@ const componentColumns = (component) => {
     return orderBy(columns, [{ field: 'locked', dir: 'desc' }]);
 };
 /**
- * Configures the settings for the export of TreeList in Excel ([see example]({% slug excelexport_treelist %})).
+ * Configures the settings for exporting the TreeList to Excel. [See example]({% slug excelexport_treelist %}).
+ *
+ * @example
+ * ```html
+ * <kendo-treelist [data]="data" [height]="500">
+ *    <kendo-treelist-excel fileName="Employees.xlsx"></kendo-treelist-excel>
+ * </kendo-treelist>
+ * ```
  */
 class ExcelComponent {
     excelService;
@@ -22058,57 +22948,56 @@ class ExcelComponent {
      */
     fileName = 'Export.xlsx';
     /**
-     * Enables or disables column filtering in the Excel file. This behavior is different from the filtering feature of the TreeList.
+     * Enables or disables column filtering in the Excel file. This is different from the TreeList filtering feature.
      */
     filterable;
     /**
-     * The author of the workbook.
+     * Sets the author of the workbook.
      */
     creator;
     /**
-     * The date on which the workbook was created. Defaults to `new Date()`.
+     * Sets the date the workbook was created. Defaults to `new Date()`.
      */
     date;
     /**
-     * If set to `true`, the content is forwarded to `proxyURL` even if the browser supports the saving of files locally.
+     * If set to `true`, forwards the content to `proxyURL` even if the browser supports saving files locally.
      */
     forceProxy;
     /**
-     * The URL of the server-side proxy which streams the file to the end user.
-     * Using a proxy is required if the browser is not capable of saving files locally.
+     * The URL of the server-side proxy that streams the file to the user.
+     * Use a proxy if the browser cannot save files locally.
      *
      * Optionally, set up a proxy to reduce memory usage. This avoids copying the file contents into memory,
      * but transmits it over the network instead. For this use case, set [forceProxy](#toc-forceproxy) to `true`
      * to skip client-side saving even in browsers that support it.
      *
-     * In the request body, the proxy receives a POST request with the specific parameters. [See example](slug:server_proxy#toc-implementations).
+     * The proxy receives a POST request with specific parameters in the request body. [See example](slug:server_proxy#toc-implementations).
      * The proxy returns the decoded file with the `"Content-Disposition"` header set to `attachment; filename="<fileName.xslx>"`.
      *
-     * For details on the server-side proxy usage and implementation, see the [File Saver]({% slug overview_filesaver %}) documentation.
-     *
+     * For details on server-side proxy usage and implementation, see the [File Saver]({% slug overview_filesaver %}) documentation.
      */
     proxyURL;
     /**
-     * The function that is used to get the exported data options. By default, uses the current data of the TreeList.
-     * To export data that is different from the current TreeList data, provide a custom function.
+     * The function used to get the exported data options. By default, uses the current TreeList data.
+     * To export data different from the current TreeList data, provide a custom function.
      */
     fetchData;
     /**
-     * Specifies if the item levels in the Excel file are collapsible. Applicable only if the treelist has footers.
+     * Specifies if item levels in the Excel file are collapsible. Applies only if the TreeList has footers.
      */
     collapsible;
     /**
-     * Specifies if export should include all pages
+     * Specifies if export should include all pages.
      * @default true
      */
     allPages = true;
     /**
-     * Specifies if the export should expand all items or should use the current TreeList state.
+     * Specifies if the export should expand all items or use the current TreeList state.
      * @default true
      */
     expandAll = true;
     /**
-     * The options of the cells that are inserted before the data to indicate the hierarchy.
+     * The options for the cells inserted before the data to indicate the hierarchy.
      */
     paddingCellOptions;
     /**
@@ -22241,18 +23130,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
             }] } });
 
 /**
- * Represents the `export-to-Excel` command of the TreeList. You can apply this
- * directive to any `button` element inside a
- * [`ToolbarTemplate`](slug:toolbartemplate_treelist).
- * When the user clicks a button associated with the directive, the
- * [`excelExport`]({% slug api_treelist_treelistcomponent %}#toc-excelexport) event
- * fires ([see example]({% slug excelexport_treelist %})).
+ * Represents the `export-to-Excel` command of the TreeList. Apply this directive to any `button` element inside a [`ToolbarTemplate`](slug:toolbartemplate_treelist).
+ * When the user clicks a button with this directive, the [`excelExport`]({% slug api_treelist_treelistcomponent %}#toc-excelexport) event fires ([see example]({% slug excelexport_treelist %})).
  *
  * @example
  * ```html
  * <kendo-treelist ...>
  *   <ng-template kendoTreeListToolbarTemplate>
- *     <button kendoTreeListExcelCommand>Export to PDF</button>
+ *     <button kendoTreeListExcelCommand>Export to Excel</button>
  *   </ng-template>
  *   <kendo-treelist-excel fileName="TreeList.xlsx"> </kendo-treelist-excel>
  * </kendo-treelist>
@@ -22320,24 +23205,22 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
             }] } });
 
 /**
- * Represents the `export-to-Excel` toolbar tool of the TreeList.
- * You can apply this directive to any `kendo-toolbar-button` element inside a
- * ToolbarComponent used in the TreeList.
+ * Represents the `export-to-Excel` toolbar tool of the TreeList. Apply this directive to any `kendo-toolbar-button` element inside a ToolbarComponent used in the TreeList.
  *
- * When the user clicks a button associated with the directive, the
- * [excelExport]({% slug api_treelist_treelistcomponent %}#toc-excelexport) event
- * fires ([see example]({% slug excelexport_treelist %})).
+ * When the user clicks a button with this directive, the [excelExport]({% slug api_treelist_treelistcomponent %}#toc-excelexport) event fires ([see example]({% slug excelexport_treelist %})).
  *
  * @example
- * ```html-no-run
+ * ```html
  * <kendo-treelist>
- *      <kendo-toolbar>
+ *     <kendo-toolbar>
  *         <kendo-toolbar-button text="Excel Export" kendoTreeListExcelTool></kendo-toolbar-button>
- *      </kendo-toolbar>
- *      <kendo-treelist-excel fileName="TreeList.xlsx">
- *      </kendo-treelist-excel>
+ *     </kendo-toolbar>
+ *     <kendo-treelist-excel fileName="TreeList.xlsx">
+ *     </kendo-treelist-excel>
  * </kendo-treelist>
  * ```
+ * @remarks
+ * Applied to: {@link ToolBarButtonComponent}
  */
 class ExcelCommandToolbarDirective {
     excelService;
@@ -22376,12 +23259,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
 
 /**
  * Represents the Kendo UI PDFMargin component for Angular.
- * The supported units are:
- * `"mm"`
- * `"cm"`
- * `"in"`
- * `"pt"` (default).
+ * The supported units are `"mm"`, `"cm"`, `"in"`, and `"pt"` (default).
  * Numbers are considered to be points (`"pt"`).
+ *
+ * @example
+ * ```html
+ * <kendo-treelist>
+ *   <kendo-treelist-pdf [allPages]="true" [delay]="100">
+ *     <kendo-treelist-pdf-margin top="1cm" bottom="1cm" left="1cm" right="1cm"></kendo-treelist-pdf-margin>
+ *   </kendo-treelist-pdf>
+ * </kendo-treelist>
+ * ```
  */
 class PDFMarginComponent extends PDFExportMarginComponent {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PDFMarginComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
@@ -22397,8 +23285,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
         }] });
 
 /**
- * Represents the PDF page template of the TreeList that helps to customize the PDF pages. To define a page template,
- * nest an `<ng-template>` tag with the `kendoTreeListPDFTemplate` directive inside `<kendo-treelist-pdf>`.
+ * Represents the PDF page template of the TreeList. Use this directive to customize the PDF pages.
+ * To define a page template, nest an `<ng-template>` tag with the `kendoTreeListPDFTemplate` directive inside `<kendo-treelist-pdf>`.
  *
  * The template context provides the following fields:
  * - `pageNumber`&mdash;Defines PDF page number.
@@ -22603,14 +23491,24 @@ const createDiv = (className) => {
     return createElement('div', className);
 };
 /**
- * Configures the settings for the export of TreeList in PDF ([see example]({% slug pdfexport_treelist %})).
+ * Configures the settings for exporting TreeList to PDF ([see example]({% slug pdfexport_treelist %})).
+ *
+ * @example
+ * ```html
+ * <kendo-treelist>
+ *    <kendo-treelist-pdf [allPages]="true" [fileName]="'export.pdf'"></kendo-treelist-pdf>
+ * </kendo-treelist>
+ * ```
+ *
+ * @remarks
+ * Supported children components are: {@link PDFMarginComponent}.
  */
 class PDFComponent extends PDFExportComponent {
     pdfService;
     suspendService;
     ngZone;
     /**
-     * Exports all TreeList pages, starting from the first one.
+     * Specifies if the export includes all TreeList pages, starting from the first one.
      */
     allPages;
     columns = new QueryList();
@@ -22828,9 +23726,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
 
 /**
  * Represents the `export-to-PDF` command of the TreeList.
- * You can apply this directive to any `button` element inside a
+ * Apply this directive to any `button` element inside a
  * [`ToolbarTemplate`](slug:toolbartemplate_treelist).
- * When the user clicks a button that is associated with the directive, the
+ * When you click a button that contains the directive, the
  * [`pdfExport`]({% slug api_treelist_treelistcomponent %}#toc-pdfexport) event
  * fires ([see example]({% slug pdfexport_treelist %})).
  *
@@ -22906,21 +23804,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
             }] } });
 
 /**
- * Represents the command for adding a new item to the TreeList.
- * You can apply this directive to any `kendo-toolbar-button` element inside a
- * ToolbarComponent used in the TreeList.
- *
- * When the user clicks the toolbar button that is associated with the directive, the
- * [add]({% slug api_treelist_treelistcomponent %}#toc-add) event is triggered.
+ * Represents the command for adding a new item to the TreeList. Apply this directive to any `kendo-toolbar-button` element inside a ToolbarComponent. When the user clicks the toolbar button associated with the directive, the [`add`]({% slug api_treelist_treelistcomponent %}#toc-add) event is triggered.
  *
  * @example
- * ```html-no-run
- * <kendo-grid>
- *      <kendo-toolbar>
- *         <kendo-toolbar-button text="Add new" kendoTreeListAddTool></kendo-toolbar-button>
- *      </kendo-toolbar>
- * </kendo-grid>
+ * ```html
+ * <kendo-treelist>
+ *   <kendo-toolbar>
+ *     <kendo-toolbar-button text="Add new" kendoTreeListAddTool></kendo-toolbar-button>
+ *   </kendo-toolbar>
+ * </kendo-treelist>
  * ```
+ * @remarks
+ * Applied to: {@link ToolBarButtonComponent}
  */
 class AddCommandToolbarDirective {
     editService;
@@ -22959,23 +23854,25 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
 
 /**
  * Represents the `export-to-PDF` toolbar tool of the TreeList.
- * You can apply this directive to any `kendo-toolbar-button` element inside a
- * ToolbarComponent used in the TreeList.
+ * Apply this directive to any `kendo-toolbar-button` element inside a
+ * ToolbarComponent.
  *
- * When the user clicks the toolbar button that is associated with the directive, the
- * [pdfExport]({% slug api_treelist_treelistcomponent %}#toc-pdfexport) event
+ * When you click the toolbar button that contains the directive, the
+ * [`pdfExport`]({% slug api_treelist_treelistcomponent %}#toc-pdfexport) event
  * fires ([see example]({% slug pdfexport_treelist %})).
  *
  * @example
- * ```html-no-run
+ * ```html
  * <kendo-treelist>
- *      <kendo-toolbar>
+ *     <kendo-toolbar>
  *         <kendo-toolbar-button text="PDF Export" kendoTreeListPDFTool></kendo-toolbar-button>
- *      </kendo-toolbar>
- *      <kendo-treelist-pdf fileName="TreeList.pdf">
- *      </kendo-treelist-pdf>
+ *     </kendo-toolbar>
+ *     <kendo-treelist-pdf fileName="TreeList.pdf">
+ *     </kendo-treelist-pdf>
  * </kendo-treelist>
  * ```
+ * @remarks
+ * Applied to: {@link ToolBarButtonComponent}
  */
 class PDFCommandToolbarDirective {
     pdfService;
@@ -23014,7 +23911,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
 
 /**
  * @hidden
- * Utility array that contains the former Shared module exports
+ * Utility array that contains the former Shared module exports.
  */
 const SHARED_EXPORTS = [
     ColumnComponent,
@@ -23034,7 +23931,7 @@ const SHARED_EXPORTS = [
 ];
 /**
  * @hidden
- * Utility array that contains the Body module exports
+ * Utility array that contains the Body module exports.
  */
 const BODY_EXPORTS = [
     CommandColumnComponent,
@@ -23052,7 +23949,7 @@ const BODY_EXPORTS = [
 ];
 /**
  * @hidden
- * Utility array that contains the Header module exports
+ * Utility array that contains the Header module exports.
  */
 const HEADER_EXPORTS = [
     HeaderComponent,
@@ -23061,7 +23958,7 @@ const HEADER_EXPORTS = [
 ];
 /**
  * @hidden
- * Utility array that contains the former SharedFilter module exports
+ * Utility array that contains the former SharedFilter module exports.
  */
 const SHARED_FILTER_EXPORTS = [
     FilterCellOperatorsComponent,
@@ -23088,7 +23985,7 @@ const SHARED_FILTER_EXPORTS = [
 ];
 /**
  * @hidden
- * Utility array that contains the former ColumnMenu module exports
+ * Utility array that contains the former ColumnMenu module exports.
  */
 const ROW_FILTER_EXPORTS = [
     FilterRowComponent,
@@ -23124,7 +24021,7 @@ const FILTER_MENU_EXPORTS = [
 ];
 /**
  * @hidden
- * Utility array that contains the former ColumnMenu module exports
+ * Utility array that contains the former ColumnMenu module exports.
  */
 const COLUMN_MENU_EXPORTS = [
     ColumnChooserComponent,
@@ -23140,7 +24037,7 @@ const COLUMN_MENU_EXPORTS = [
 ];
 /**
  * @hidden
- * Utility array that contains the Excel module exports
+ * Utility array that contains the Excel module exports.
  */
 const KENDO_TREELIST_EXCEL_EXPORT = [
     ExcelComponent,
@@ -23155,7 +24052,7 @@ const KENDO_TREELIST_EXCEL_EXPORT = [
 ];
 /**
  * @hidden
- * Utility array that contains the PDF module exports
+ * Utility array that contains the PDF module exports.
  */
 const KENDO_TREELIST_PDF_EXPORT = [
     PDFComponent,
@@ -23165,7 +24062,8 @@ const KENDO_TREELIST_PDF_EXPORT = [
     PDFCommandToolbarDirective
 ];
 /**
- * Utility array that contains all `@progress/kendo-angular-treelist` related components and directives
+ * Utility array that contains all `@progress/kendo-angular-treelist`-related components and directives.
+ * Use it to import all TreeList components and directives into a standalone Angular application.
  */
 const KENDO_TREELIST = [
     TreeListComponent,
@@ -23193,22 +24091,20 @@ const KENDO_TREELIST = [
 
 // IMPORTANT: NgModule export kept for backwards compatibility
 /**
- * Represents the [NgModule](link:site.data.urls.angular['ngmoduleapi'])
- * definition for the TreeList component.
+ * Represents the [`NgModule`](link:site.data.urls.angular['ngmoduleapi']) definition for the TreeList component.
+ * Use this module to enable TreeList features in your application.
  *
  * @example
- *
  * ```ts
  * import { NgModule } from '@angular/core';
  * import { BrowserModule } from "@angular/platform-browser";
  * import { TreeListModule } from '@progress/kendo-angular-treelist';
- *
  * import { AppComponent } from './app.component';
  *
- * _@NgModule({
- *     declarations: [AppComponent],
- *     imports:      [BrowserModule, TreeListModule],
- *     bootstrap:    [AppComponent]
+ * @NgModule({
+ *   declarations: [AppComponent],
+ *   imports: [BrowserModule, TreeListModule],
+ *   bootstrap: [AppComponent]
  * })
  * export class AppModule {}
  * ```
@@ -23257,8 +24153,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
 
 // IMPORTANT: NgModule export kept for backwards compatibility
 /**
- * Represents the [NgModule](link:site.data.urls.angular['ngmoduleapi'])
- * definition for the TreeList PDF component.
+ * Represents the [`NgModule`](link:site.data.urls.angular['ngmoduleapi']) definition for the TreeList PDF component.
+ * Use this module to enable PDF export features of the TreeList inside NgModule-based Angular application.
  *
  * @example
  *
@@ -23268,10 +24164,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
  * import { TreeListModule, PDFModule } from '@progress/kendo-angular-treelist';
  * import { AppComponent } from './app.component';
  *
- * _@NgModule({
- *     declarations: [AppComponent],
- *     imports:      [BrowserModule, TreeListModule, PDFModule],
- *     bootstrap:    [AppComponent]
+ * @NgModule({
+ *   declarations: [AppComponent],
+ *   imports: [BrowserModule, TreeListModule, PDFModule],
+ *   bootstrap: [AppComponent]
  * })
  * export class AppModule {}
  * ```
@@ -23292,7 +24188,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
 
 // IMPORTANT: NgModule export kept for backwards compatibility
 /**
- * Represents the [NgModule](link:site.data.urls.angular['ngmoduleapi'])
+ * Represents the [`NgModule`](link:site.data.urls.angular['ngmoduleapi'])
  * definition for the Excel component of the TreeList.
  *
  * @example
@@ -23302,7 +24198,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
  * import { TreeListModule, ExcelModule } from '@progress/kendo-angular-treelist';
  * import { AppComponent } from './app.component';
  *
- * _@NgModule({
+ * @NgModule({
  *     declarations: [AppComponent],
  *     imports:      [BrowserModule, TreeListModule, ExcelModule],
  *     bootstrap:    [AppComponent]