@progress/kendo-angular-treelist 19.1.2-develop.4 → 19.1.2-develop.6

package/filtering/operators/not-contains-filter-operator.component.d.ts

@@ -6,8 +6,35 @@ import { FilterOperatorBase } from './filter-operator.base';
 import { LocalizationService } from '@progress/kendo-angular-l10n';
 import * as i0 from "@angular/core";
 /**
- * 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>
+ * ```
  */
 export declare class DoesNotContainFilterOperatorComponent extends FilterOperatorBase {
     constructor(localization: LocalizationService);

package/filtering/operators/starts-with-filter-operator.component.d.ts

@@ -6,8 +6,35 @@ import { FilterOperatorBase } from './filter-operator.base';
 import { LocalizationService } from '@progress/kendo-angular-l10n';
 import * as i0 from "@angular/core";
 /**
- * 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>
+ * ```
  */
 export declare class StartsWithFilterOperatorComponent extends FilterOperatorBase {
     constructor(localization: LocalizationService);

package/filtering/string-filter.component.d.ts

@@ -10,7 +10,7 @@ import { FilterComponent } from './filter-component.interface';
 import { LocalizationService } from '@progress/kendo-angular-l10n';
 import * as i0 from "@angular/core";
 /**
- * Represents a base string filter component.
+ * Represents a base string filter component for the TreeList.
  */
 export declare abstract class StringFilterComponent extends BaseFilterCellComponent implements FilterComponent {
     protected localization: LocalizationService;

package/localization/custom-messages.component.d.ts

@@ -6,8 +6,17 @@ import { LocalizationService } from '@progress/kendo-angular-l10n';
 import { Messages } from './messages';
 import * as i0 from "@angular/core";
 /**
- * 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>
+ * ```
  */
 export declare class CustomMessagesComponent extends Messages {
     protected service: LocalizationService;

package/navigation/focusable-element.interface.d.ts

@@ -12,27 +12,23 @@ export interface FocusableElement {
     focus(): void;
     /**
      * Includes or excludes the element from the tab sequence.
-     *
-     * @param active If true, the element should receive a tabIndex of 0 (or greater). If false, the tabIndex should be set to -1.
+     * @param active If `true`, the element receives a tabIndex of 0 (or greater). If `false`, the tabIndex is set to -1.
      */
     toggle(active: boolean): void;
     /**
-     * Returns true if the element can be focused at the moment, false otherwise.
-     *
-     * @returns true if the element can be focused at the moment, false otherwise.
+     * Returns `true` if the element can be focused.
+     * @returns `true` if the element can be focused.
      */
     canFocus(): boolean;
     /**
-     * Focuses the element.
+     * Returns `true` if the element currently has focus.
+     * @returns `true` if the element currently has focus.
      */
     hasFocus(): boolean;
     /**
-     * Returns true if the element can receive the focus during cursor navigation.
-     *
-     * For example, if a cell contains a single button, the focus should be placed directly on it.
-     * This allows the user to activate the button directly with Enter.
+     * Returns `true` if the element can receive focus during cursor navigation.
      *
-     * The focus will remain on the cell if it contains more than one navigable element.
+     * For example, if a cell contains a single button, the focus is placed directly on it. This allows the user to activate the button directly with Enter. Focus remains on the cell if it contains more than one navigable element.
      */
     isNavigable(): boolean;
 }

package/navigation/focusable.directive.d.ts

@@ -7,11 +7,11 @@ import { FocusGroup } from './focus-group';
 import { FocusableElement } from './focusable-element.interface';
 import * as i0 from "@angular/core";
 /**
- * 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">
@@ -25,7 +25,7 @@ export declare class FocusableDirective implements AfterViewInit, FocusableEleme
     private renderer;
     private group;
     /**
-     * The cell context provided by the template.
+     * Provides the cell context from the template.
      */
     cellContext: any;
     /**

package/navigation/navigation-cell.interface.d.ts

@@ -4,7 +4,7 @@
 *-------------------------------------------------------------------------------------------*/
 import { FocusGroup } from './focus-group';
 /**
- * The metadata for a focusable TreeList cell.
+ * Contains the metadata for a focusable TreeList cell.
  * Focusable TreeList cells include headers, group headers and footers, and data cells.
  */
 export interface NavigationCell {
@@ -21,15 +21,15 @@ export interface NavigationCell {
      */
     colIndex: number;
     /**
-     * The logical index of the row which contains this cell. The row indexing is absolute and does not change with paging. Header rows are included, starting at index 0.
+     * The logical index of the row that contains this cell. The row index is absolute and does not change with paging. Header rows are included, starting at index 0.
      */
     rowIndex: number;
     /**
-     * The column span for this cell (if set).
+     * The column span for this cell, if set.
      */
     colSpan?: number;
     /**
-     * The row span for this cell (if set).
+     * The row span for this cell, if set.
      */
     rowSpan?: number;
     /**
@@ -49,7 +49,7 @@ export interface NavigationCell {
      */
     focusGroup?: FocusGroup;
     /**
-     * A flag indicating if the cell is expandable.
+     * A flag that indicates if the cell is expandable.
      */
     expandable?: boolean;
     /**

package/navigation/navigation-row.interface.d.ts

@@ -4,8 +4,7 @@
 *-------------------------------------------------------------------------------------------*/
 import { NavigationCell } from './navigation-cell.interface';
 /**
- * The metadata for a focusable TreeList row. Focusable rows include
- * headers, group headers and footers, and data rows.
+ * Contains the metadata for a focusable TreeList row. Focusable rows include headers, group headers and footers, and data rows.
  */
 export interface NavigationRow {
     /**
@@ -13,7 +12,7 @@ export interface NavigationRow {
      */
     uid: number;
     /**
-     * The logical index of the focusable row. The row indexing is absolute and does not change with paging. Header rows are included, starting at index 0.
+     * The logical index of the focusable row. The row index is absolute and does not change with paging. Header rows are included, starting at index 0.
      */
     index: number;
     /**
@@ -21,7 +20,7 @@ export interface NavigationRow {
      */
     dataRowIndex: number;
     /**
-     * A flag indicating if this is a new row.
+     * A flag that indicates if this is a new row.
      */
     isNew: boolean;
     /**
@@ -29,7 +28,7 @@ export interface NavigationRow {
      */
     dataItem: any;
     /**
-     * An array of focusable cells which are associated with this row.
+     * An array of focusable cells associated with this row.
      */
     cells: NavigationCell[];
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-angular-treelist",
-  "version": "19.1.2-develop.4",
+  "version": "19.1.2-develop.6",
   "description": "Kendo UI TreeList for Angular - Display hierarchical data in an Angular tree grid view that supports sorting, filtering, paging, and much more.",
   "license": "SEE LICENSE IN LICENSE.md",
   "author": "Progress",
@@ -24,7 +24,7 @@
     "package": {
       "productName": "Kendo UI for Angular",
       "productCode": "KENDOUIANGULAR",
-      "publishDate": 1750157124,
+      "publishDate": 1750433856,
       "licensingDocsUrl": "https://www.telerik.com/kendo-angular-ui/my-license/"
     }
   },
@@ -37,26 +37,26 @@
     "@progress/kendo-data-query": "^1.0.0",
     "@progress/kendo-drawing": "^1.21.0",
     "@progress/kendo-licensing": "^1.5.0",
-    "@progress/kendo-angular-buttons": "19.1.2-develop.4",
-    "@progress/kendo-angular-common": "19.1.2-develop.4",
-    "@progress/kendo-angular-dateinputs": "19.1.2-develop.4",
-    "@progress/kendo-angular-dropdowns": "19.1.2-develop.4",
-    "@progress/kendo-angular-excel-export": "19.1.2-develop.4",
-    "@progress/kendo-angular-icons": "19.1.2-develop.4",
-    "@progress/kendo-angular-inputs": "19.1.2-develop.4",
-    "@progress/kendo-angular-intl": "19.1.2-develop.4",
-    "@progress/kendo-angular-l10n": "19.1.2-develop.4",
-    "@progress/kendo-angular-label": "19.1.2-develop.4",
-    "@progress/kendo-angular-pager": "19.1.2-develop.4",
-    "@progress/kendo-angular-pdf-export": "19.1.2-develop.4",
-    "@progress/kendo-angular-popup": "19.1.2-develop.4",
-    "@progress/kendo-angular-toolbar": "19.1.2-develop.4",
-    "@progress/kendo-angular-utils": "19.1.2-develop.4",
+    "@progress/kendo-angular-buttons": "19.1.2-develop.6",
+    "@progress/kendo-angular-common": "19.1.2-develop.6",
+    "@progress/kendo-angular-dateinputs": "19.1.2-develop.6",
+    "@progress/kendo-angular-dropdowns": "19.1.2-develop.6",
+    "@progress/kendo-angular-excel-export": "19.1.2-develop.6",
+    "@progress/kendo-angular-icons": "19.1.2-develop.6",
+    "@progress/kendo-angular-inputs": "19.1.2-develop.6",
+    "@progress/kendo-angular-intl": "19.1.2-develop.6",
+    "@progress/kendo-angular-l10n": "19.1.2-develop.6",
+    "@progress/kendo-angular-label": "19.1.2-develop.6",
+    "@progress/kendo-angular-pager": "19.1.2-develop.6",
+    "@progress/kendo-angular-pdf-export": "19.1.2-develop.6",
+    "@progress/kendo-angular-popup": "19.1.2-develop.6",
+    "@progress/kendo-angular-toolbar": "19.1.2-develop.6",
+    "@progress/kendo-angular-utils": "19.1.2-develop.6",
     "rxjs": "^6.5.3 || ^7.0.0"
   },
   "dependencies": {
     "tslib": "^2.3.1",
-    "@progress/kendo-angular-schematics": "19.1.2-develop.4",
+    "@progress/kendo-angular-schematics": "19.1.2-develop.6",
     "@progress/kendo-common": "^1.0.1",
     "@progress/kendo-file-saver": "^1.0.0"
   },

package/pdf/pdf-command-tool.directive.d.ts

@@ -7,23 +7,25 @@ import { ToolBarButtonComponent } from '@progress/kendo-angular-toolbar';
 import * as i0 from "@angular/core";
 /**
  * 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}
  */
 export declare class PDFCommandToolbarDirective {
     private pdfService;

package/pdf/pdf-command.directive.d.ts

@@ -9,9 +9,9 @@ import { PDFService } from './pdf.service';
 import * as i0 from "@angular/core";
 /**
  * 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 %})).
  *

package/pdf/pdf-export-event.d.ts

@@ -4,7 +4,9 @@
 *-------------------------------------------------------------------------------------------*/
 import { PreventableEvent } from '../common/preventable-event';
 /**
- * Arguments for the `pdfExport` event.
+ * Provides the arguments for the `pdfExport` event.
+ *
+ * Use this event to customize or prevent the PDF export process.
  */
 export declare class PDFExportEvent extends PreventableEvent {
     /**

package/pdf/pdf-margin.component.d.ts

@@ -6,12 +6,17 @@ import { PDFExportMarginComponent } from '@progress/kendo-angular-pdf-export';
 import * as i0 from "@angular/core";
 /**
  * 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>
+ * ```
  */
 export declare class PDFMarginComponent extends PDFExportMarginComponent {
     static ɵfac: i0.ɵɵFactoryDeclaration<PDFMarginComponent, never>;

package/pdf/pdf-margin.interface.d.ts

@@ -4,6 +4,6 @@
 *-------------------------------------------------------------------------------------------*/
 import { pdf } from '@progress/kendo-drawing';
 /**
- * Specifies the margins of the page (numbers or strings with units). [See example](slug:pdfexport_grid).
+ * Specifies the margins of the PDF page. Accepts numbers or strings with units. [See example](slug:pdfexport_grid).
  */
 export type PDFMargin = pdf.PageMargin;

package/pdf/pdf-template.directive.d.ts

@@ -6,8 +6,8 @@ import { TemplateRef } from '@angular/core';
 import { PDFExportTemplateDirective } from '@progress/kendo-angular-pdf-export';
 import * as i0 from "@angular/core";
 /**
- * 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.

package/pdf/pdf.component.d.ts

@@ -13,14 +13,24 @@ import { DrawOptions } from '@progress/kendo-drawing';
 import { PDFExportComponent } from '@progress/kendo-angular-pdf-export';
 import * as i0 from "@angular/core";
 /**
- * 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}.
  */
 export declare class PDFComponent extends PDFExportComponent implements OnDestroy {
     protected pdfService: PDFService;
     protected suspendService: SuspendService;
     protected ngZone: NgZone;
     /**
-     * Exports all TreeList pages, starting from the first one.
+     * Specifies if the export includes all TreeList pages, starting from the first one.
      */
     allPages: boolean;
     columns: QueryList<ColumnBase>;

package/pdf/pdf.module.d.ts

@@ -10,8 +10,8 @@ import * as i4 from "./pdf-template.directive";
 import * as i5 from "./pdf-command-tool.directive";
 import * as i6 from "@progress/kendo-angular-icons";
 /**
- * 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
  *
@@ -21,10 +21,10 @@ import * as i6 from "@progress/kendo-angular-icons";
  * 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 {}
  * ```

package/rendering/cell-template.directive.d.ts

@@ -6,19 +6,18 @@ import { TemplateRef } from '@angular/core';
 import * as i0 from "@angular/core";
 /**
  * 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
@@ -29,7 +28,7 @@ import * as i0 from "@angular/core";
  *     </ng-template>
  *   </kendo-treelist-column>
  * </kendo-treelist>
- *```
+ * ```
  */
 export declare class CellTemplateDirective {
     templateRef: TemplateRef<any>;

package/rendering/common/row-class.d.ts

@@ -16,16 +16,14 @@ export interface RowArgs {
     index: number;
 }
 /**
- * Represents the callback arguments that are used by the
- * [`rowClass`]({% slug api_treelist_treelistcomponent %}#toc-rowClass) property.
+ * Represents the callback arguments used by the [`rowClass`]({% slug api_treelist_treelistcomponent %}#toc-rowClass) property.
  */
 export type RowClassArgs = RowArgs;
 /**
- * Represents the callback that is used by the
- * [`rowClass`]({% slug api_treelist_treelistcomponent %}#toc-rowClass) property.
+ * Represents the callback used by the [`rowClass`]({% slug api_treelist_treelistcomponent %}#toc-rowClass) property.
  *
- * ```ts-no-run
- *  rowCallback({ dataItem, index }) {
+ * ```ts
+ * public rowCallback({ dataItem, index }) {
  *    const isEven = index % 2 === 0;
  *    return {
  *      even: isEven,
@@ -33,7 +31,6 @@ export type RowClassArgs = RowArgs;
  *    };
  *  }
  * ```
- *
  */
 export type RowClassFn = (context: RowClassArgs) => string | string[] | Set<string> | {
     [key: string]: any;

package/rendering/common/spacer.component.d.ts

@@ -5,9 +5,20 @@
 import * as i0 from "@angular/core";
 /**
  * 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>
+ * ```
  */
 export declare class TreeListSpacerComponent {
     hostClass: boolean;
@@ -15,9 +26,9 @@ export declare class TreeListSpacerComponent {
     get flexBasisStyle(): string;
     /**
      * 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: string;
     static ɵfac: i0.ɵɵFactoryDeclaration<TreeListSpacerComponent, never>;

package/rendering/footer-template.directive.d.ts

@@ -5,19 +5,17 @@
 import { TemplateRef } from '@angular/core';
 import * as i0 from "@angular/core";
 /**
- * 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

package/rendering/header/header-template.directive.d.ts

@@ -7,13 +7,13 @@ import * as i0 from "@angular/core";
 /**
  * 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

package/rendering/no-records-template.directive.d.ts

@@ -5,7 +5,7 @@
 import { TemplateRef } from '@angular/core';
 import * as i0 from "@angular/core";
 /**
- * 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>`.
  *
@@ -14,7 +14,7 @@ import * as i0 from "@angular/core";
  * @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>