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

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

@@ -48,8 +48,8 @@ const packageMetadata = {
     name: '@progress/kendo-angular-treelist',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1685095278,
-    version: '13.0.0-develop.6',
+    publishDate: 1685107230,
+    version: '13.0.0-develop.8',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
 };
 
@@ -69,7 +69,7 @@ const packageMetadata = {
  * - `loading`—Specifies if the item children are currently loading.
  * - `rowIndex`—The current row index. Use it as an alias for a template variable by utilizing the `let-rowIndex="rowIndex"` syntax.
  *
- * * @example
+ * @example
  * ```html
  * <kendo-treelist ...>
  *   <kendo-treelist-column field="ProductName">
@@ -110,6 +110,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
  * - `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`.
  * - `isNew`&mdash;The state of the current item.
  * - `rowIndex`&mdash;The current row index. If inside a new item row, `rowIndex` is `-1`.
+ *
+ *  * @example
+ * ```html
+ * <kendo-treelist ...>
+ *   <kendo-treelist-command-column title="command">
+ *     <ng-template kendoTreeListEditTemplate let-rowIndex="rowIndex">
+ *         {{rowIndex}}
+ *     </ng-template>
+ *   </kendo-treelist-command-column>
+ * </kendo-treelist>
+ * ```
  */
 class EditTemplateDirective {
     constructor(templateRef) {
@@ -680,14 +691,15 @@ function isColumnComponent(column) {
     return isPresent(column.field);
 }
 /**
- * Represents the columns of the [Angular TreeList]({% slug getstarted_treelist %}).
+ * Represents the columns of the TreeList.
  *
- * {% meta height:470 %}
- * {% embed_file basic-usage/app.component.ts preview %}
- * {% embed_file basic-usage/app.module.ts %}
- * {% embed_file shared/main.ts %}
- * {% embed_file shared/employees.ts %}
- * {% endmeta %}
+ * @example
+ * ```html
+ * <kendo-treelist [kendoTreeListFlatBinding]="data" ...>
+ *   <kendo-treelist-column field="name" title="Name"></kendo-treelist-column>
+ *   <kendo-treelist-column field="title"title="Title"></kendo-treelist-column>
+ * </kendo-treelist>
+ * ```
  */
 class ColumnComponent extends ColumnBase {
     constructor(parent, optionChanges) {
@@ -699,51 +711,27 @@ class ColumnComponent extends ColumnBase {
         this.sortable = true;
         /**
          * Defines the editor type ([see example]({% slug editing_reactive_forms_treelist %}#toc-setup)).
-         * Used when the column enters the edit mode. The default value is `text`.
+         * Used when the column enters the edit mode. [See example](slug:editing_reactive_forms_treelist).
          *
-         * @example
-         * ```html-no-run
-         * <kendo-treelist>
-         *    <kendo-treelist-column field="UnitPrice" editor="numeric">
-         *    </kendo-treelist-column>
-         * </kendo-treelist>
-         * ```
+         * @default 'text'
          */
         this.editor = 'text';
         /**
-         * Defines the filter type that is displayed inside the filter row. The default value is `text`.
+         * Defines the filter type that is displayed inside the filter row.
          *
-         * @example
-         * ```html-no-run
-         * <kendo-treelist>
-         *    <kendo-treelist-column field="UnitPrice" filter="numeric">
-         *    </kendo-treelist-column>
-         * </kendo-treelist>
-         * ```
+         * @default 'text'
          */
         this.filter = 'text';
         /**
-         * Defines if a filter UI will be displayed for this column. The default value is `true`.
+         * Defines if a filter UI will be displayed for this column.
          *
-         * @example
-         * ```html-no-run
-         * <kendo-treelist>
-         *    <kendo-treelist-column field="UnitPrice" [filterable]="false">
-         *    </kendo-treelist-column>
-         * </kendo-treelist>
-         * ```
+         * @default true
          */
         this.filterable = true;
         /**
-         * Defines whether the column is editable. The default value is `true`.
+         * Defines whether the column is editable.
          *
-         * @example
-         * ```html-no-run
-         * <kendo-treelist>
-         *    <kendo-treelist-column field="UnitPrice" [editable]="false">
-         *    </kendo-treelist-column>
-         * </kendo-treelist>
-         * ```
+         * @default true
          */
         this.editable = true;
     }
@@ -839,25 +827,15 @@ function isSpanColumnComponent(column) {
  * [sorting]({% slug sorting_treelist %}) and [filtering]({% slug filtering_treelist %}). Wrap the columns that will be
  * merged inside the `<kendo-treelist-span-column>` tag.
  *
- * {% meta height:570 %}
- * {% embed_file configuration/span-column/app.component.ts preview %}
- * {% embed_file configuration/span-column/app.module.ts %}
- * {% embed_file shared/main.ts %}
- * {% embed_file shared/employees.ts %}
- * {% endmeta %}
- *
- * By default, the data cell displays the data for the specified fields. To further customize
- * the span-column functionality, use a [cell template]({% slug api_treelist_celltemplatedirective %}).
- *
- * ```html-no-run
+ * ```html
  * <kendo-treelist-span-column>
- *  <kendo-treelist-column field="field1" title="Field 1"></kendo-treelist-column>
- *  <kendo-treelist-column field="field2" title="Field 2"></kendo-treelist-column>
- *    <ng-template kendoTreeListCellTemplate let-dataItem>
- *        <h5>{{ dataItem.field1 }}</h5>
- *        <p>{{ dataItem.field2 }}</p>
- *    </ng-template>
- *  </kendo-treelist-span-column>
+ *   <kendo-treelist-column field="field1" ></kendo-treelist-column>
+ *   <kendo-treelist-column field="field2" ></kendo-treelist-column>
+ *   <ng-template kendoTreeListCellTemplate let-dataItem>
+ *     <h5>{{ dataItem.field1 }}</h5>
+ *     <p>{{ dataItem.field2 }}</p>
+ *   </ng-template>
+ * </kendo-treelist-span-column>
  * ```
  */
 class SpanColumnComponent extends ColumnBase {
@@ -885,22 +863,8 @@ class SpanColumnComponent extends ColumnBase {
     /**
      * Defines whether the edit template of the column will be rendered. The default value is `false`.
      *
-     * > To enable the editing functionality for a spanned column, set an edit template for it.
+     * To enable the editing functionality for a spanned column, set an edit template for it.
      *
-     * @example
-     * ```html-no-run
-     * <kendo-treelist>
-     *    <kendo-treelist-span-column [editable]="false">
-     *      <kendo-treelist-column field="UnitPrice">
-     *      </kendo-treelist-column>
-     *      <kendo-treelist-column field="ProductName">
-     *      </kendo-treelist-column>
-     *      <ng-template kendoTreeListEditTemplate>
-     *         .....
-     *      </ng-template>
-     *    </kendo-treelist-span-column>
-     * </kendo-treelist>
-     * ```
      */
     set editable(value) {
         this._editable = value;
@@ -945,56 +909,9 @@ class SpanColumnComponent extends ColumnBase {
     }
     /**
      * Toggles the locked (frozen) state of the columns. Locked columns are visible
-     * at all times during the horizontal scrolling of the TreeList.
-     *
-     * For the option to work properly, make sure that:
-     * - Scrolling is enabled.
-     * - The `height` option of the TreeList is set.
-     * - The widths of all TreeList columns are explicitly set in pixels. In this way,
-     * the TreeList adjusts the layout of the locked and unlocked columns.
+     * at all times during the horizontal scrolling of the TreeList. [See example](slug:locked_columns_treelist).
      *
      * @default false
-     *
-     * @example
-     * ```ts
-     * _@Component({
-     *    selector: 'my-app',
-     *    template: `
-     *        <kendo-treelist [data]="treelistData" [scrollable]="scrollable" style="height: 200px">
-     *          <kendo-treelist-span-column [locked]="true">
-     *             <kendo-treelist-column field="ProductID" title="Product ID" [width]="120">
-     *             </kendo-treelist-column>
-     *             <kendo-treelist-column field="ProductName" title="Product Name" [width]="200">
-     *             </kendo-treelist-column>
-     *          </kendo-treelist-span-column>
-     *          <kendo-treelist-column field="UnitPrice" title="Unit Price" [width]="230">
-     *          </kendo-treelist-column>
-     *        </kendo-treelist>
-     *    `
-     * })
-     *
-     * class AppComponent {
-     *    public treelistData: any[];
-     *
-     *    constructor() {
-     *        this.treelistData = products;
-     *    }
-     * }
-     *
-     * const products = [{
-     *    "ProductID": 1,
-     *    "ProductName": "Chai",
-     *    "UnitPrice": 18.0000,
-     *    "Discontinued": true
-     *  }, {
-     *    "ProductID": 2,
-     *    "ProductName": "Chang",
-     *    "UnitPrice": 19.0000,
-     *    "Discontinued": false
-     *  }
-     * ];
-     *
-     * ```
      */
     set locked(value) {
         this._locked = value;
@@ -1133,12 +1050,15 @@ function isColumnGroupComponent(column) {
  * Represents the column group header of the TreeList
  * ([more information and examples]({% slug multicolumnheaders_columns_treelist %})).
  *
- * {% meta height:533 %}
- * {% embed_file configuration/multi-column-headers/app.component.ts preview %}
- * {% embed_file configuration/multi-column-headers/app.module.ts %}
- * {% embed_file shared/main.ts %}
- * {% embed_file shared/filesystem.ts %}
- * {% endmeta %}
+ * @example
+ * ```html
+ * <kendo-treelist ...>
+ *   <kendo-treelist-column-group title="File Info">
+ *     <kendo-treelist-column field="type" title="Type"> </kendo-treelist-column>
+ *     <kendo-treelist-column field="size" title="Size"> </kendo-treelist-column>
+ *   </kendo-treelist-column-group>
+ * </kendo-treelist>
+ * ```
  */
 class ColumnGroupComponent extends ColumnBase {
     constructor(parent, optionChanges) {
@@ -2153,7 +2073,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
  * * `totalPages`&mdash;The total number of available pages.
  *
  * @example
- * ```
+ * ```html
  * <kendo-treelist ...>
  *   <kendo-treelist-column field="type"></kendo-treelist-column>
  *   <ng-template
@@ -6103,8 +6023,9 @@ class StringFilterComponent extends BaseFilterCellComponent {
         super(filterService);
         this.localization = localization;
         /**
-         * The default filter operator. Defaults to `contains`.
+         * The default filter operator.
          * @type {string}
+         * @default 'contains'
          */
         this.operator = "contains";
     }
@@ -6474,6 +6395,20 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
 /**
  * Represents a string-filter menu component.
  * ([see example]({% slug builtinfiltertemplate_treelist %}#toc-configuration-components-for-filter-templates)).
+ *
+ * @example
+ * ```html
+ * <kendo-treelist-column field="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-string-filter-menu>
+ *   </ng-template>
+ * </kendo-treelist-column>
+ * ```
+ *
  */
 class StringFilterMenuComponent extends StringFilterComponent {
     constructor(localization) {
@@ -6486,6 +6421,7 @@ class StringFilterMenuComponent extends StringFilterComponent {
         this.filter = { filters: [], logic: "and" };
         /**
          * Determines if the inputs of second criteria will displayed.
+         * @default true
          */
         this.extra = true;
     }
@@ -6598,18 +6534,21 @@ class NumericFilterComponent extends BaseFilterCellComponent {
         super(filterService);
         this.localization = localization;
         /**
-         * The default filter operator. Defaults to `eq`.
+         * The default filter operator.
          * @type {string}
+         * @default 'eq'
          */
         this.operator = "eq";
         /**
          * Specifies the value that is used to increment or decrement the component value.
          * @type {numeric}
+         * @default 1
          */
         this.step = 1;
         /**
          * Specifies whether the **Up** and **Down** spin buttons will be rendered.
          * @type {boolean}
+         * @default true
          */
         this.spinners = true;
         this.defaultOperators = numericOperators(this.localization);
@@ -6792,18 +6731,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
  * Represents a numeric-filter menu component.
  *
  * @example
- *  ```html-no-run
- *      <kendo-treelist-column field="UnitPrice" title="Unit Price">
- *          <ng-template kendoTreeListFilterMenuTemplate let-filter let-column="column" let-filterService="filterService">
- *          <kendo-treelist-numeric-filter-menu
- *              [column]="column"
- *              [filter]="filter"
- *              [filterService]="filterService"
- *              >
- *          </kendo-treelist-numeric-filter-menu>
- *          </ng-template>
- *      </kendo-treelist-column>
- *   ```
+ *  ```html
+ * <kendo-treelist-column field="UnitPrice">
+ *   <ng-template kendoTreeListFilterMenuTemplate let-filter let-column="column" let-filterService="filterService">
+ *     <kendo-treelist-numeric-filter-menu
+ *       [column]="column"
+ *       [filter]="filter"
+ *       [filterService]="filterService">
+ *     </kendo-treelist-numeric-filter-menu>
+ *   </ng-template>
+ * </kendo-treelist-column>
+ * ```
  */
 class NumericFilterMenuComponent extends NumericFilterComponent {
     constructor(localization) {
@@ -6816,6 +6754,7 @@ class NumericFilterMenuComponent extends NumericFilterComponent {
         this.filter = { filters: [], logic: "and" };
         /**
          * Determines if the inputs of second criteria will displayed.
+         * @default true
          */
         this.extra = true;
     }
@@ -6961,25 +6900,30 @@ class DateFilterComponent extends BaseFilterCellComponent {
         /**
          * The default filter operator. Defaults to `contains`.
          * @type {string}
+         * @default 'gte'
          */
         this.operator = "gte";
         /**
          * 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.
+         * You have to set `activeView` within the `topView`-`bottomView` range.
+         * @default 'month'
          */
         this.activeView = "month";
         /**
          * Defines the bottommost calendar view, to which the user can navigate.
+         * @default 'month'
          */
         this.bottomView = "month";
         /**
          * Defines the topmost calendar view, to which the user can navigate.
+         * @default 'century'
          */
         this.topView = "century";
         /**
          * Determines whether to display a week number column in the `month` view of the Calendar.
+         * @default false
          */
         this.weekNumber = false;
         this.defaultOperators = dateOperators(this.localization);
@@ -7185,18 +7129,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
  * Represents a date-filter menu component.
  *
  * @example
- *  ```html-no-run
- *      <kendo-treelist-column field="OrderDate" title="Order Date">
- *          <ng-template kendoTreeListFilterMenuTemplate let-filter let-column="column" let-filterService="filterService">
- *            <kendo-treelist-date-filter-menu
- *                [column]="column"
- *                [filter]="filter"
- *                [filterService]="filterService"
- *                >
- *            </kendo-treelist-date-filter-menu>
- *          </ng-template>
- *      </kendo-treelist-column>
- *   ```
+ * ```html
+ * <kendo-treelist-column field="OrderDate" title="Order Date">
+ *   <ng-template kendoTreeListFilterMenuTemplate let-filter let-column="column" let-filterService="filterService">
+ *     <kendo-treelist-date-filter-menu
+ *       [column]="column"
+ *       [filter]="filter"
+ *       [filterService]="filterService">
+ *     </kendo-treelist-date-filter-menu>
+ *   </ng-template>
+ * </kendo-treelist-column>
+ * ```
  */
 class DateFilterMenuComponent extends DateFilterComponent {
     constructor(localization) {
@@ -7209,6 +7152,7 @@ class DateFilterMenuComponent extends DateFilterComponent {
         this.filter = { filters: [], logic: "and" };
         /**
          * Determines if the inputs of second criteria will be displayed.
+         * @default true
          */
         this.extra = true;
     }
@@ -7422,20 +7366,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
             }] } });
 
 /**
- * Represents a Boolean-filter menu component.
+ * Represents a Boolean-filter menu component. [See example](slug:columnmenu_treelist#toc-customizing-the-content).
  *
  * @example
- *  ```html-no-run
- *      <kendo-treelist-column field="Discontinued" title="Discontinued">
- *          <ng-template kendoTreeListFilterMenuTemplate let-filter let-column="column" let-filterService="filterService">
- *            <kendo-treelist-boolean-filter-menu
- *                [column]="column"
- *                [filter]="filter"
- *                [filterService]="filterService"
- *                >
- *            </kendo-treelist-boolean-filter-menu>
- *          </ng-template>
- *      </kendo-treelist-column>
+ * ```html
+ * <kendo-treelist-column field="Discontinued" title="Discontinued">
+ *   <ng-template kendoTreeListFilterMenuTemplate let-filter let-column="column" let-filterService="filterService">
+ *     <kendo-treelist-boolean-filter-menu
+ *       [column]="column"
+ *       [filter]="filter"
+ *       [filterService]="filterService">
+ *     </kendo-treelist-boolean-filter-menu>
+ *   </ng-template>
+ * </kendo-treelist-column>
  *   ```
  */
 class BooleanFilterMenuComponent extends BooleanFilterComponent {
@@ -7855,7 +7798,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
  *
  * @example
  * ```html
- * <kendo-treelist>
+ * <kendo-treelist ...>
  *   <ng-template
  *     kendoTreeListColumnMenuTemplate
  *     let-service="service"
@@ -7925,7 +7868,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
  *
  * @example
  * ```html
- * <kendo-treelist>
+ * <kendo-treelist ...>
  *   <kendo-treelist-column field="ProductName">
  *     <ng-template kendoTreeListColumnMenuTemplate>
  *       <kendo-treelist-columnmenu-item text="Item Text" [expanded]="true">
@@ -7960,12 +7903,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
  * Represents an item that can be placed inside a
  * [`ColumnMenuTemplate`]({% slug api_treelist_columnmenutemplatedirective %}) directive.
  *
- * {% meta height:500 %}
- * {% embed_file column-menu/template-item/app.component.ts preview %}
- * {% embed_file column-menu/template-item/app.module.ts %}
- * {% embed_file shared/main.ts %}
- * {% embed_file shared/employees.ts %}
- * {% endmeta %}
+ *  * @example
+ * ```html
+ * <kendo-treelist ...>
+ *   <ng-template kendoTreeListColumnMenuTemplate let-service="service" let-column="column">
+ *     <kendo-treelist-columnmenu-item text="Fit column"></kendo-treelist-columnmenu-item>
+ *   </ng-template>
+ * </kendo-treelist>
+ * ```
  */
 class ColumnMenuItemComponent {
     constructor() {
@@ -8107,19 +8052,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
             }] } });
 
 /**
- * Represents a column-menu item for sorting TreeList columns that can be placed inside a
- * [`ColumnMenuTemplate`]({% slug api_treelist_columnmenutemplatedirective %}) directive.
- * Allows the user to sort the column.
+ * Represents the column-menu item for sorting TreeList columns.
  *
- * > You have to set the [ColumnMenuService]({% slug api_treelist_columnmenuservice %}) that is passed by
- * > the template to the service input of the `kendo-treelist-columnmenu-sort` component.
+ * The component can be placed inside a [`ColumnMenuTemplate`]({% slug api_treelist_columnmenutemplatedirective %}) directive.
+ *
+ * To register the component as a known column menu item, set the [`ColumnMenuService`]({% slug api_treelist_columnmenuservice %})
+ * that is passed by the template to the service input of the `kendo-treelist-columnmenu-sort` component.
  *
- * {% meta height:500 %}
- * {% embed_file column-menu/template-sort/app.component.ts preview %}
- * {% embed_file column-menu/template-sort/app.module.ts %}
- * {% embed_file shared/main.ts %}
- * {% embed_file shared/employees.ts %}
- * {% endmeta %}
  */
 class ColumnMenuSortComponent extends ColumnMenuItemBase {
     constructor(localization, sortService) {
@@ -8201,19 +8140,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
         }], ctorParameters: function () { return [{ type: i1$1.LocalizationService }, { type: SortService }]; } });
 
 /**
- * Represents a column-menu item that can be placed inside a
- * [`ColumnMenuTemplate`]({% slug api_treelist_columnmenutemplatedirective %}) directive.
- * Allows the user to lock or unlock the columns.
+ * Represents the column-menu item that allows the user to lock or unlock columns.
+ *
+ * The componnt can be placed inside a [`ColumnMenuTemplate`]({% slug api_treelist_columnmenutemplatedirective %}) directive.
  *
- * > You have to set the [ColumnMenuService]({% slug api_treelist_columnmenuservice %}) that is passed by
- * > the template to the service input of the `kendo-treelist-columnmenu-lock` component.
+* To register the component as a known column menu item, set the [`ColumnMenuService`]({% slug api_treelist_columnmenuservice %})
+ * that is passed by the template to the service input of the `kendo-treelist-columnmenu-lock` component.
  *
- * {% meta height:500 %}
- * {% embed_file column-menu/template-lock/app.component.ts preview %}
- * {% embed_file column-menu/template-lock/app.module.ts %}
- * {% embed_file shared/main.ts %}
- * {% embed_file shared/employees.ts %}
- * {% endmeta %}
  */
 class ColumnMenuLockComponent extends ColumnMenuItemBase {
     constructor(localization, columnInfoService, changeDetector) {
@@ -8500,18 +8433,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
             }] } });
 
 /**
- * Represents the component for selecting columns in the TreeList that can be placed
- * inside a [`ColumnMenuTemplate`]({% slug api_treelist_columnmenutemplatedirective %}) directive.
+ * Represents the column-menu item for selecting columns in the TreeList. [See example](slug:columnmenu_treelist#toc-column-chooser-item).
  *
- * > You have to set the [ColumnMenuService]({% slug api_treelist_columnmenuservice %}) that is passed by
- * > the template to the service input of the `kendo-treelist-columnmenu-chooser` component.
+ * The component can be placed inside a [`ColumnMenuTemplate`]({% slug api_treelist_columnmenutemplatedirective %}) directive.
+ *
+ * To register the component as a known column menu item, set the [`ColumnMenuService`]({% slug api_treelist_columnmenuservice %})
+ * that is passed by the template to the service input of the `kendo-treelist-columnmenu-chooser` component.
  *
- * {% meta height:500 %}
- * {% embed_file column-menu/template-chooser/app.component.ts preview %}
- * {% embed_file column-menu/template-chooser/app.module.ts %}
- * {% embed_file shared/main.ts %}
- * {% embed_file shared/employees.ts %}
- * {% endmeta %}
  */
 class ColumnMenuChooserComponent extends ColumnMenuItemBase {
     constructor(localization, columnInfoService, changeDetector) {
@@ -8529,6 +8457,7 @@ class ColumnMenuChooserComponent extends ColumnMenuItemBase {
         this.collapse = new EventEmitter();
         /**
          * Specifies if the content is expanded.
+         * @default false
          */
         this.expanded = false;
         /**
@@ -8553,7 +8482,7 @@ class ColumnMenuChooserComponent extends ColumnMenuItemBase {
 }
 ColumnMenuChooserComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: ColumnMenuChooserComponent, deps: [{ token: i1$1.LocalizationService }, { token: ColumnInfoService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
 ColumnMenuChooserComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: ColumnMenuChooserComponent, selector: "kendo-treelist-columnmenu-chooser", inputs: { expanded: "expanded" }, outputs: { expand: "expand", collapse: "collapse" }, usesInheritance: true, ngImport: i0, template: `
-        <kendo-treelist-columnmenu-item 
+        <kendo-treelist-columnmenu-item
             [text]="localization.get('columns')"
             icon="columns"
             [svgIcon]="columnsIcon"
@@ -8578,7 +8507,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
             args: [{
                     selector: 'kendo-treelist-columnmenu-chooser',
                     template: `
-        <kendo-treelist-columnmenu-item 
+        <kendo-treelist-columnmenu-item
             [text]="localization.get('columns')"
             icon="columns"
             [svgIcon]="columnsIcon"
@@ -8608,18 +8537,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
             }] } });
 
 /**
- * Represents the component for editing column filters in the TreeList that can be placed
- * inside a [`ColumnMenuTemplate`]({% slug api_treelist_columnmenutemplatedirective %}) directive.
+ * Represents the column-menu item for editing column filters in the TreeList.
+ *
+ * The component can be placed inside a [`ColumnMenuTemplate`]({% slug api_treelist_columnmenutemplatedirective %}) directive.
  *
- * > You have to set the [ColumnMenuService]({% slug api_treelist_columnmenuservice %}) that is passed by
- * > the template to the service input of the `kendo-treelist-columnmenu-filter` component.
+ * To register the component as a known column menu item, set the [`ColumnMenuService`]({% slug api_treelist_columnmenuservice %})
+ * that is passed by the template to the service input of the `kendo-treelist-columnmenu-filter` component.
  *
- * {% meta height:500 %}
- * {% embed_file column-menu/template-filter/app.component.ts preview %}
- * {% embed_file column-menu/template-filter/app.module.ts %}
- * {% embed_file shared/main.ts %}
- * {% embed_file shared/employees.ts %}
- * {% endmeta %}
  */
 class ColumnMenuFilterComponent extends ColumnMenuItemBase {
     constructor(localization) {
@@ -8635,6 +8559,7 @@ class ColumnMenuFilterComponent extends ColumnMenuItemBase {
         this.collapse = new EventEmitter();
         /**
          * Specifies if the content is expanded.
+         * @default false
          */
         this.expanded = false;
         /**
@@ -8696,7 +8621,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
 
 const POPUP_CLASS = 'k-grid-columnmenu-popup';
 /**
- * Represents the [column menu]({% slug columnmenu_treelist %}) component.
+ * Represents the [column menu]({% slug columnmenu_treelist %}) component of the TreeList.
  */
 class ColumnMenuComponent {
     constructor(popupService, localization, service) {
@@ -8886,6 +8811,20 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
 
 /**
  * Represents a component which accommodates the filter operators.
+ *
+ * @example
+ * ```html
+ * <kendo-treelist ...>
+ *   <kendo-treelist-column field="ProductName">
+ *     <ng-template kendoTreeListFilterCellTemplate let-filter let-column="column">
+ *       <input />
+ *       <kendo-treelist-filter-cell-operators
+ *         [operators]="[{text: 'Equals', value: 'eq'}]">
+ *       </kendo-treelist-filter-cell-operators>
+ *     </ng-template>
+ *   </kendo-treelist-column>
+ * </kendo-treelist>
+ * ```
  */
 class FilterCellOperatorsComponent {
     constructor(localization) {
@@ -8899,6 +8838,7 @@ class FilterCellOperatorsComponent {
         /**
          * Determines if the list of operators will be displayed.
          * @type {boolean}
+         * @default true
          */
         this.showOperators = true;
         /**
@@ -9106,17 +9046,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
  *
  * @example
  *
- *  ```html-no-run
- *      <kendo-treelist-column field="ProductName" title="Product Name">
- *          <ng-template kendoTreeListFilterCellTemplate let-filter let-column="column">
- *          <kendo-treelist-string-filter-cell
- *              [showOperators]="false"
- *              [column]="column"
- *              [filter]="filter">
- *          </kendo-treelist-string-filter-cell>
- *          </ng-template>
- *      </kendo-treelist-column>
- *   ```
+ * ```html
+ * <kendo-treelist-column field="ProductName">
+ *   <ng-template kendoTreeListFilterCellTemplate let-filter let-column="column">
+ *     <kendo-treelist-string-filter-cell
+ *       [column]="column"
+ *       [filter]="filter">
+ *     </kendo-treelist-string-filter-cell>
+ *   </ng-template>
+ * </kendo-treelist-column>
+ * ```
  */
 class StringFilterCellComponent extends StringFilterComponent {
     constructor(filterService, localization) {
@@ -9125,12 +9064,14 @@ 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}
+         * @default 500
          */
         this.filterDelay = 500;
         /**
          * Determines if the drop-down filter operators will be displayed.
          * The default value is `true`.
          * @type {boolean}
+         * @default true
          */
         this.showOperators = true;
     }
@@ -9143,7 +9084,7 @@ StringFilterCellComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.
             [operators]="operators"
             [defaultOperator]="operator"
             [showOperators]="showOperators">
-            <input 
+            <input
                 class="k-textbox k-input k-input-md k-rounded-md k-input-solid"
                 kendoTreeListFocusable
                 kendoFilterInput
@@ -9162,7 +9103,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
             [operators]="operators"
             [defaultOperator]="operator"
             [showOperators]="showOperators">
-            <input 
+            <input
                 class="k-textbox k-input k-input-md k-rounded-md k-input-solid"
                 kendoTreeListFocusable
                 kendoFilterInput
@@ -9181,16 +9122,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
  * Represents a numeric filter cell.
  *
  * @example
- *  ```html-no-run
- *      <kendo-treelist-column field="ProductName" title="Product Name">
- *          <ng-template kendoTreeListFilterCellTemplate let-filter let-column="column">
- *          <kendo-treelist-numeric-filter-cell
- *              [column]="column"
- *              [filter]="filter">
- *          </kendo-treelist-numeric-filter-cell>
- *          </ng-template>
- *      </kendo-treelist-column>
- *   ```
+ * ```html
+ * <kendo-treelist-column field="ProductName" title="Product Name">
+ *   <ng-template kendoTreeListFilterCellTemplate let-filter let-column="column">
+ *     <kendo-treelist-numeric-filter-cell
+ *       [column]="column"
+ *       [filter]="filter">
+ *     </kendo-treelist-numeric-filter-cell>
+ *   </ng-template>
+ * </kendo-treelist-column>
+ * ```
  */
 class NumericFilterCellComponent extends NumericFilterComponent {
     constructor(filterService, localization) {
@@ -9198,14 +9139,15 @@ class NumericFilterCellComponent extends NumericFilterComponent {
         this.localization = localization;
         /**
          * Determines the delay time (in milliseconds) before the filter value is submitted.
-         * A value of `0` indicates no delay. The default value is `500`.
+         * A value of `0` indicates no delay.
          * @type {boolean}
+         * @default 500
          */
         this.filterDelay = 500;
         /**
          * Determines if the drop-down filter operators will be displayed.
-         * The default value is `true`.
          * @type {boolean}
+         * @default true
          */
         this.showOperators = true;
     }
@@ -9268,19 +9210,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
 
 /**
  * Represents a Boolean filter-cell component.
+ * [See example](slug:builtinfiltertemplate_treelist#toc-setting-the-default-filter-operator).
  *
  * @example
- *
- *  ```html-no-run
- *      <kendo-treelist-column field="ProductName" title="Product Name">
- *          <ng-template kendoTreeListFilterCellTemplate let-filter let-column="column">
- *          <kendo-treelist-boolean-filter-cell
- *              [column]="column"
- *              [filter]="filter">
- *          </kendo-treelist-boolean-filter-cell>
- *          </ng-template>
- *      </kendo-treelist-column>
- *   ```
+ * ```html
+ * <kendo-treelist-column field="ProductName" title="Product Name">
+ *   <ng-template kendoTreeListFilterCellTemplate let-filter let-column="column">
+ *     <kendo-treelist-boolean-filter-cell
+ *       [column]="column"
+ *       [filter]="filter">
+ *     </kendo-treelist-boolean-filter-cell>
+ *   </ng-template>
+ * </kendo-treelist-column>
+ * ```
  */
 class BooleanFilterCellComponent extends BooleanFilterComponent {
     constructor(filterService, localization, cd) {
@@ -9341,17 +9283,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
  *
  * @example
  *
- *  ```html-no-run
- *      <kendo-treelist-column field="OrderDate" title="Order Date">
- *          <ng-template kendoTreeListFilterCellTemplate let-filter let-column="column">
- *          <kendo-treelist-date-filter-cell
- *              [showOperators]="false"
- *              [column]="column"
- *              [filter]="filter">
- *          </kendo-treelist-date-filter-cell>
- *          </ng-template>
- *      </kendo-treelist-column>
- *   ```
+ * ```html
+ * <kendo-treelist-column field="OrderDate">
+ *   <ng-template kendoTreeListFilterCellTemplate let-filter let-column="column">
+ *     <kendo-treelist-date-filter-cell
+ *       [column]="column"
+ *       [filter]="filter">
+ *     </kendo-treelist-date-filter-cell>
+ *   </ng-template>
+ * </kendo-treelist-column>
+ * ```
  */
 class DateFilterCellComponent extends DateFilterComponent {
     constructor(filterService, localization) {
@@ -9360,6 +9301,7 @@ class DateFilterCellComponent extends DateFilterComponent {
         /**
          * Determines if the drop-down filter operators will be displayed. The default value is `true`.
          * @type {boolean}
+         * @default true
          */
         this.showOperators = true;
     }
@@ -13097,7 +13039,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
 
 /* eslint-disable @typescript-eslint/no-inferrable-types */
 /**
- * Displays numeric buttons to enable navigation between the pages.
+ * Displays numeric buttons to enable navigation between the pages ([see example]({% slug paging_treelist %}#toc-pager-templates)).
  */
 class PagerNumericButtonsComponent extends PagerElementComponent {
     constructor(localization, cd, pagerContext) {
@@ -13711,7 +13653,7 @@ PagerPageSizesComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0"
             [attr.aria-label]="textFor('pagerItemsPerPage')"
             (valueChange)="pageSizeChange($event)"></kendo-dropdownlist>
         <kendo-label [for]="dropdownlist" [text]="textFor('pagerItemsPerPage')"></kendo-label>
-    `, isInline: true, components: [{ type: i3$1.DropDownListComponent, selector: "kendo-dropdownlist", inputs: ["iconClass", "loading", "data", "value", "textField", "valueField", "adaptiveMode", "title", "subtitle", "popupSettings", "listHeight", "defaultItem", "disabled", "itemDisabled", "readonly", "filterable", "virtual", "ignoreCase", "delay", "valuePrimitive", "tabindex", "tabIndex", "size", "rounded", "fillMode", "id"], outputs: ["valueChange", "filterChange", "selectionChange", "open", "opened", "close", "closed", "focus", "blur"], exportAs: ["kendoDropDownList"] }, { type: i4$2.LabelComponent, selector: "kendo-label", inputs: ["text", "for", "optional"], exportAs: ["kendoLabel"] }], directives: [{ type: FocusableDirective, selector: "[kendoTreeListFocusable],\n        [kendoTreeListAddCommand],\n        [kendoTreeListEditCommand],\n        [kendoTreeListRemoveCommand],\n        [kendoTreeListSaveCommand],\n        [kendoTreeListCancelCommand]\n    ", inputs: ["kendoTreeListFocusable", "enabled", "kendoTreeListAddCommand", "kendoTreeListEditCommand", "kendoTreeListRemoveCommand", "kendoTreeListSaveCommand", "kendoTreeListCancelCommand"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    `, isInline: true, components: [{ type: i3$1.DropDownListComponent, selector: "kendo-dropdownlist", inputs: ["iconClass", "loading", "data", "value", "textField", "valueField", "adaptiveMode", "title", "subtitle", "popupSettings", "listHeight", "defaultItem", "disabled", "itemDisabled", "readonly", "filterable", "virtual", "ignoreCase", "delay", "valuePrimitive", "tabindex", "tabIndex", "size", "rounded", "fillMode", "id"], outputs: ["valueChange", "filterChange", "selectionChange", "open", "opened", "close", "closed", "focus", "blur"], exportAs: ["kendoDropDownList"] }, { type: i4$2.LabelComponent, selector: "kendo-label", inputs: ["text", "for", "optional", "labelCssStyle", "labelCssClass"], exportAs: ["kendoLabel"] }], directives: [{ type: FocusableDirective, selector: "[kendoTreeListFocusable],\n        [kendoTreeListAddCommand],\n        [kendoTreeListEditCommand],\n        [kendoTreeListRemoveCommand],\n        [kendoTreeListSaveCommand],\n        [kendoTreeListCancelCommand]\n    ", inputs: ["kendoTreeListFocusable", "enabled", "kendoTreeListAddCommand", "kendoTreeListEditCommand", "kendoTreeListRemoveCommand", "kendoTreeListSaveCommand", "kendoTreeListCancelCommand"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: PagerPageSizesComponent, decorators: [{
             type: Component,
             args: [{
@@ -14541,12 +14483,11 @@ const isInEditedCell = (element, treelistElement) => closest(element, matchesCla
 /**
  * Represents the Kendo UI TreeList component for Angular.
  *
- * {% meta height:470 %}
- * {% embed_file data-binding/flat/app.component.ts preview %}
- * {% embed_file data-binding/flat/app.module.ts %}
- * {% embed_file shared/main.ts %}
- * {% embed_file shared/employees.ts %}
- * {% endmeta %}
+ * @example
+ * ```html
+ * <kendo-treelist [kendoTreeListFlatBinding]="data" ...></kendo-treelist>
+ * ```
+ *
  */
 class TreeListComponent {
     constructor(supportService, wrapper, changeNotification, editService, filterService, pdfService, responsiveService, renderer, excelService, ngZone, scrollSyncService, domEvents, columnResizingService, changeDetectorRef, columnReorderService, columnInfoService, navigationService, sortService, scrollRequestService, expandStateService, optionChanges, selectionService, localization, ctx, rowReorderService) {
@@ -14583,10 +14524,7 @@ class TreeListComponent {
         this.pageSize = 10;
         /**
          * Defines the scroll mode used by the TreeList.
-         *
-         * The available options are:
-         *  - `none`&mdash;Renders no scrollbar.
-         *  - `scrollable`&mdash;The default scroll mode. It requires the setting of the `height` option.
+         * @default 'scrollable'
          */
         this.scrollable = 'scrollable';
         /**
@@ -14594,49 +14532,12 @@ class TreeListComponent {
          *
          * By default, the TreeList tracks changes by the index of the data item.
          * Edited rows are tracked by reference.
-         * In some cases, you might need to override the default behavior,
-         * for example, when you implement editing with immutable data items.
          *
-         * The following example demonstrates how to track items only by index.
-         *
-         * @example
-         * ```ts
-         * import { Component } from '@angular/core';
-         * import { TreeListItem } from '@progress/kendo-angular-treelist';
-         *
-         * _@Component({
-         *    selector: 'my-app',
-         *    template: `
-         *        <kendo-treelist [data]="treelistData" [trackBy]="trackBy">
-         *        </kendo-treelist>
-         *    `
-         * })
-         * class AppComponent {
-         *    public treelistData: any[] = products;
-         *
-         *    public trackBy(index: number, item: TreeListItem): any {
-         *        console.log(item);
-         *        return index;
-         *    }
-         * }
-         *
-         * const products = [{
-         *    "ProductID": 1,
-         *    "ProductName": "Chai",
-         *    "UnitPrice": 18.0000,
-         *    "Discontinued": true
-         *  }, {
-         *    "ProductID": 2,
-         *    "ProductName": "Chang",
-         *    "UnitPrice": 19.0000,
-         *    "Discontinued": false
-         *  }
-         * ];
-         * ```
          */
         this.trackBy = defaultTrackBy;
         /**
          * If set to `true`, the treelist will render only the columns in the current viewport.
+         * @default false
          */
         this.virtualColumns = false;
         /**
@@ -14650,18 +14551,12 @@ class TreeListComponent {
         /**
          * Configures the pager of the TreeList ([see example]({% slug paging_treelist %})).
          *
-         * The available options are:
-         * - `buttonCount: Number`&mdash;Sets the maximum numeric buttons count before the buttons are collapsed. Defaults to `10`.
-         * - `info: Boolean`&mdash;Toggles the information about the current page and the total number of records. Defaults to `true`.
-         * - `type: PagerType`&mdash;Accepts the `numeric` (buttons with numbers) and `input` (input for typing the page number) values. Defaults to `'numeric'`.
-         * - `pageSizes: Boolean` or `Array<number>`&mdash;Shows a menu for selecting the page size. Defaults to `false`.
-         * - `previousNext: Boolean`&mdash;Toggles the **Previous** and **Next** buttons. Defaults to `true`.
-         * - `responsive: Boolean`&mdash;Toggles the built-in responsive behavior of the Pager. Defaults to `true`.
          */
         this.pageable = false;
         /**
          * If set to `true`, the user can use dedicated shortcuts to interact with the TreeList.
          * By default, navigation is disabled and the TreeList content is accessible in the normal tab sequence.
+         * @default false
          */
         this.navigable = false;
         /**
@@ -14670,6 +14565,8 @@ class TreeListComponent {
          * Columns with `autoSize` set to `false` are excluded.
          * To dynamically update the column width to match the new content,
          * refer to [this example]({% slug resizing_columns_treelist %}).
+         *
+         * @default false
          */
         this.autoSize = false;
         /**
@@ -14701,7 +14598,9 @@ class TreeListComponent {
         /**
          * Specifies if the header of the treelist will be hidden. The header is visible by default.
          *
-         * > The header includes column headers and the [filter row]({% slug filtering_treelist %}#toc-filter-row).
+         * The header includes column headers and the [filter row]({% slug filtering_treelist %}#toc-filter-row).
+         *
+         * @default false
          */
         this.hideHeader = false;
         /**
@@ -15021,48 +14920,6 @@ class TreeListComponent {
     /**
      * Defines a function that is executed for every data row in the component.
      *
-     * @example
-     * ```ts
-     * import { Component, ViewEncapsulation } from '@angular/core';
-     * import { RowClassArgs } from '@progress/kendo-angular-treelist';
-     *
-     * _@Component({
-     *    selector: 'my-app',
-     *    encapsulation: ViewEncapsulation.None,
-     *    styles: [`
-     *        .k-treelist tr.even { background-color: #f45c42; }
-     *        .k-treelist tr.odd { background-color: #41f4df; }
-     *    `],
-     *    template: `
-     *        <kendo-treelist [data]="treelistData" [rowClass]="rowCallback">
-     *        </kendo-treelist>
-     *    `
-     * })
-     * class AppComponent {
-     *    public treelistData: any[] = products;
-     *
-     *    public rowCallback(context: RowClassArgs) {
-     *        const isEven = context.index % 2 === 0;
-     *        return {
-     *            even: isEven,
-     *            odd: !isEven
-     *        };
-     *    }
-     * }
-     *
-     * const products = [{
-     *    "ProductID": 1,
-     *    "ProductName": "Chai",
-     *    "UnitPrice": 18.0000,
-     *    "Discontinued": true
-     *  }, {
-     *    "ProductID": 2,
-     *    "ProductName": "Chang",
-     *    "UnitPrice": 19.0000,
-     *    "Discontinued": false
-     *  }
-     * ];
-     * ```
      */
     set rowClass(fn) {
         if (typeof fn !== 'function') {
@@ -15106,7 +14963,7 @@ class TreeListComponent {
         this.selectionService.settings = value;
     }
     /**
-     * Provides a callback that determines if the given row / cell is selected.
+     * Provides a callback that determines if the given row or cell is selected.
      */
     set isSelected(value) {
         if (typeof value !== 'function' && isDevMode()) {
@@ -15561,7 +15418,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 will be resolved with the Drawing `Group`.
      */
     drawPDF() {
         const promise = createPromise();
@@ -15579,64 +15436,8 @@ class TreeListComponent {
      * 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
-     * after the TreeList is already populated with data.
+     * after the TreeList is already populated with data. [See example](slug:resizing_columns_treelist#toc-auto-fitting-the-content).
      *
-     * @example
-     * ```ts
-     * _@Component({
-     *    selector: 'my-app',
-     *    template: `
-     *        <kendo-treelist
-     *            #treelist
-     *            [data]="treelistData"
-     *            [resizable]="true"
-     *            style="height: 300px">
-     *            <ng-template kendoTreeListToolbarTemplate>
-     *                 <button kendoButton (click)="treelist.autoFitColumn(groupColumn)">
-     *                     Auto-fit the group column
-     *                 </button>
-     *            </ng-template>
-     *            <kendo-treelist-column-group #groupColumn title="Product Info">
-     *                <kendo-treelist-column
-     *                    field="ProductID"
-     *                    [width]="50"
-     *                    [minResizableWidth]="30"
-     *                    title="ID">
-     *                </kendo-treelist-column>
-     *
-     *                <kendo-treelist-column
-     *                    field="ProductName"
-     *                    title="Product Name">
-     *                </kendo-treelist-column>
-     *            </kendo-treelist-column-group>
-     *
-     *            <kendo-treelist-column
-     *                field="UnitPrice"
-     *                title="Unit Price"
-     *                [width]="180"
-     *                filter="numeric"
-     *                format="{0:c}">
-     *            </kendo-treelist-column>
-     *        </kendo-treelist>
-     *    `
-     * })
-     * class AppComponent {
-     *    public treelistData: any[] = products;
-     * }
-     *
-     * const products = [{
-     *    "ProductID": 1,
-     *    "ProductName": "Chai",
-     *    "UnitPrice": 18.0000,
-     *    "Discontinued": true
-     *  }, {
-     *    "ProductID": 2,
-     *    "ProductName": "Chang",
-     *    "UnitPrice": 19.0000,
-     *    "Discontinued": false
-     *  }
-     * ];
-     * ```
      */
     autoFitColumn(column) {
         this.columnResizingService.autoFit(column);
@@ -15646,69 +15447,7 @@ class TreeListComponent {
      * If no columns are specified, `autoFitColumns` is applied to all columns.
      *
      * This method requires the TreeList to be resizable (set `resizable` to `true`).
-     *
-     * @example
-     * ```ts
-     * _@Component({
-     *    selector: 'my-app',
-     *    template: `
-     *      <kendo-treelist
-     *          #treelist
-     *          [data]="treelistData"
-     *          [resizable]="true"
-     *          style="height: 300px">
-     *          <ng-template kendoTreeListToolbarTemplate>
-     *              <button kendoButton (click)="treelist.autoFitColumns([firstColumn, lastColumn])">
-     *                  Auto-fit the first and last column
-     *              </button>
-     *              <button kendoButton (click)="treelist.autoFitColumns()">
-     *                  Auto-fit all columns
-     *              </button>
-     *          </ng-template>
-     *          <kendo-treelist-column-group title="Product Info">
-     *              <kendo-treelist-column
-     *                  #firstColumn
-     *                  field="ProductID"
-     *                  [width]="50"
-     *                  [minResizableWidth]="30"
-     *                  title="ID">
-     *              </kendo-treelist-column>
-     *
-     *              <kendo-treelist-column
-     *                  field="ProductName"
-     *                  title="Product Name"
-     *                  >
-     *              </kendo-treelist-column>
-     *          </kendo-treelist-column-group>
-     *
-     *          <kendo-treelist-column
-     *              #lastColumn
-     *              field="UnitPrice"
-     *              title="Unit Price"
-     *              [width]="180"
-     *              filter="numeric"
-     *              format="{0:c}">
-     *          </kendo-treelist-column>
-     *      </kendo-treelist>
-     *    `
-     * })
-     * class AppComponent {
-     *    public treelistData: any[] = products;
-     * }
-     *
-     * const products = [{
-     *    "ProductID": 1,
-     *    "ProductName": "Chai",
-     *    "UnitPrice": 18.0000,
-     *    "Discontinued": true
-     *  }, {
-     *    "ProductID": 2,
-     *    "ProductName": "Chang",
-     *    "UnitPrice": 19.0000,
-     *    "Discontinued": false
-     *  }
-     * ];
-     * ```
+     * [See example](slug:resizing_columns_treelist#toc-auto-fitting-the-content).
      */
     autoFitColumns(columns = this.columns) {
         let cols;
@@ -15781,9 +15520,9 @@ class TreeListComponent {
     /**
      * Focuses the cell with the specified row and column index.
      *
-     * The row index is based on the logical structure of the TreeList and does not correspond to the data item index:
-     * * Header rows are included, starting at index 0.
-     * * The row indexing is absolute and does not change with paging.
+     * The row index is based on the logical structure of the TreeList and does not correspond to the data item index.
+     * 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.
@@ -15834,67 +15573,6 @@ class TreeListComponent {
      * @param {number} destIndex - The new position of the column.
      * @param {ColumnReorderConfig} options - Additional options.
      *
-     * @example
-     * ```ts
-     * _@Component({
-     *    selector: 'my-app',
-     *    template: `
-     *        <kendo-treelist
-     *            #treelist
-     *            [data]="treelistData"
-     *            [reorderable]="true"
-     *            style="height: 300px">
-     *            <ng-template kendoTreeListToolbarTemplate>
-     *                 <button kendoButton
-     *                     (click)="treelist.reorderColumn(groupColumn, 2, { before: true })">
-     *                     Move the group column before the last one.
-     *                 </button>
-     *            </ng-template>
-     *            <kendo-treelist-column-group #groupColumn title="Product Info">
-     *                <kendo-treelist-column
-     *                    field="ProductID"
-     *                    [width]="50"
-     *                    title="ID">
-     *                </kendo-treelist-column>
-     *
-     *                <kendo-treelist-column
-     *                    field="ProductName"
-     *                    title="Product Name">
-     *                </kendo-treelist-column>
-     *            </kendo-treelist-column-group>
-     *
-     *            <kendo-treelist-column
-     *                field="UnitPrice"
-     *                title="Unit Price"
-     *                [width]="180"
-     *                format="{0:c}">
-     *            </kendo-treelist-column>
-     *
-     *            <kendo-treelist-column
-     *                field="Discontinued"
-     *                title="Discontinued"
-     *                [width]="100">
-     *            </kendo-treelist-column>
-     *        </kendo-treelist>
-     *    `
-     * })
-     * class AppComponent {
-     *    public treelistData: any[] = products;
-     * }
-     *
-     * const products = [{
-     *    "ProductID": 1,
-     *    "ProductName": "Chai",
-     *    "UnitPrice": 18.0000,
-     *    "Discontinued": true
-     *  }, {
-     *    "ProductID": 2,
-     *    "ProductName": "Chang",
-     *    "UnitPrice": 19.0000,
-     *    "Discontinued": false
-     *  }
-     * ];
-     * ```
      */
     reorderColumn(source, destIndex, options = { before: false }) {
         const columnsForLevel = sortColumns(this.allColumnsForLevel(source.level));
@@ -16710,14 +16388,14 @@ TreeListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", vers
                     [virtualColumns]="virtualColumns"
                     [expandIcons]="expandIcons"
                     (scrollBottom)="notifyScrollBottom()"
-                    (contentScroll)="contentScroll.emit($event)"   
+                    (contentScroll)="contentScroll.emit($event)"
                     kendoDraggable
                     kendoTreeListSelectionMarquee
                     [enableDrag]="marqueeSelection">
                 </kendo-treelist-list>
             </ng-template>
             <ng-template [ngIf]="!isScrollable">
-                <table 
+                <table
                     class="k-table k-table-md k-grid-header-table"
                     [style.table-layout]="resizable ? 'fixed' : null">
                     <colgroup kendoTreeListColGroup
@@ -17120,14 +16798,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
                     [virtualColumns]="virtualColumns"
                     [expandIcons]="expandIcons"
                     (scrollBottom)="notifyScrollBottom()"
-                    (contentScroll)="contentScroll.emit($event)"   
+                    (contentScroll)="contentScroll.emit($event)"
                     kendoDraggable
                     kendoTreeListSelectionMarquee
                     [enableDrag]="marqueeSelection">
                 </kendo-treelist-list>
             </ng-template>
             <ng-template [ngIf]="!isScrollable">
-                <table 
+                <table
                     class="k-table k-table-md k-grid-header-table"
                     [style.table-layout]="resizable ? 'fixed' : null">
                     <colgroup kendoTreeListColGroup
@@ -17368,7 +17046,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
 
 /**
  * Custom component messages override default component messages
- * ([see example]({% slug globalization_treelist %}#toc-localization)).
+ * ([see example](slug:globalization_treelist#toc-custom-messages)).
  */
 class CustomMessagesComponent extends Messages {
     constructor(service) {
@@ -17484,7 +17162,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
             }] } });
 
 /**
- * Represents the checkbox for selecting rows in the TreeList.
+ * Represents the checkbox for selecting rows in the TreeList. [See example](slug:selection_treelist#toc-select-all-checkbox).
  */
 class CheckboxColumnComponent extends ColumnBase {
     constructor(parent) {
@@ -17650,10 +17328,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
 
 /**
  * Represents the `Contains` (**Contains**) filter operator.
- *
- * For more information and examples, refer to:
- * * [Setting the default filter operators]({% slug builtinfiltertemplate_treelist %}#toc-setting-the-default-filter-operator)
- * * [Setting the order of the filter operators]({% slug builtinfiltertemplate_treelist %}#toc-setting-the-order-of-the-filter-operators)
+ * [See example](slug:builtinfiltertemplate_treelist#toc-setting-the-order-of-the-filter-operators).
  */
 class ContainsFilterOperatorComponent extends FilterOperatorBase {
     constructor(localization) { super("contains", localization); }
@@ -17681,10 +17356,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
 
 /**
  * Represents the `DoesNotContain` (**Does not contain**) filter operator.
- *
- * For more information and examples, refer to:
- * * [Setting the default filter operators]({% slug builtinfiltertemplate_treelist %}#toc-setting-the-default-filter-operator)
- * * [Setting the order of the filter operators]({% slug builtinfiltertemplate_treelist %}#toc-setting-the-order-of-the-filter-operators)
+ * [See example](slug:builtinfiltertemplate_treelist#toc-setting-the-order-of-the-filter-operators).
  */
 class DoesNotContainFilterOperatorComponent extends FilterOperatorBase {
     constructor(localization) { super("doesnotcontain", localization); }
@@ -17712,10 +17384,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
 
 /**
  * Represents the `EndsWith` (**Ends with**) string filter operator.
- *
- * For more information and examples, refer to:
- * * [Setting the default filter operators]({% slug builtinfiltertemplate_treelist %}#toc-setting-the-default-filter-operator)
- * * [Setting the order of the filter operators]({% slug builtinfiltertemplate_treelist %}#toc-setting-the-order-of-the-filter-operators)
+ * [See example](slug:builtinfiltertemplate_treelist#toc-setting-the-order-of-the-filter-operators).
  */
 class EndsWithFilterOperatorComponent extends FilterOperatorBase {
     constructor(localization) { super("endswith", localization); }
@@ -17743,10 +17412,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
 
 /**
  * Represents the `Equal` (**Is equal to**) filter operator.
- *
- * For more information and examples, refer to:
- * * [Setting the default filter operators]({% slug builtinfiltertemplate_treelist %}#toc-setting-the-default-filter-operator)
- * * [Setting the order of the filter operators]({% slug builtinfiltertemplate_treelist %}#toc-setting-the-order-of-the-filter-operators)
+ * [See example](slug:builtinfiltertemplate_treelist#toc-setting-the-order-of-the-filter-operators).
  */
 class EqualFilterOperatorComponent extends FilterOperatorBase {
     constructor(localization) { super("eq", localization); }
@@ -17774,10 +17440,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
 
 /**
  * Represents the `IsEmpty` (**Is empty**) filter operator.
- *
- * For more information and examples, refer to:
- * * [Setting the default filter operators]({% slug builtinfiltertemplate_treelist %}#toc-setting-the-default-filter-operator)
- * * [Setting the order of the filter operators]({% slug builtinfiltertemplate_treelist %}#toc-setting-the-order-of-the-filter-operators)
+ * [See example](slug:builtinfiltertemplate_treelist#toc-setting-the-order-of-the-filter-operators).
  */
 class IsEmptyFilterOperatorComponent extends FilterOperatorBase {
     constructor(localization) { super("isempty", localization); }
@@ -17805,10 +17468,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
 
 /**
  * Represents the `IsNotEmpty` (**Is not empty**) filter operator.
- *
- * For more information and examples, refer to:
- * * [Setting the default filter operators]({% slug builtinfiltertemplate_treelist %}#toc-setting-the-default-filter-operator)
- * * [Setting the order of the filter operators]({% slug builtinfiltertemplate_treelist %}#toc-setting-the-order-of-the-filter-operators)
+ * [See example](slug:builtinfiltertemplate_treelist#toc-setting-the-order-of-the-filter-operators).
  */
 class IsNotEmptyFilterOperatorComponent extends FilterOperatorBase {
     constructor(localization) { super("isnotempty", localization); }
@@ -17836,10 +17496,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
 
 /**
  * Represents the `IsNotNull` (**Is not null**) filter operator.
- *
- * For more information and examples, refer to:
- * * [Setting the default filter operators]({% slug builtinfiltertemplate_treelist %}#toc-setting-the-default-filter-operator)
- * * [Setting the order of the filter operators]({% slug builtinfiltertemplate_treelist %}#toc-setting-the-order-of-the-filter-operators)
+ * [See example](slug:builtinfiltertemplate_treelist#toc-setting-the-order-of-the-filter-operators).
  */
 class IsNotNullFilterOperatorComponent extends FilterOperatorBase {
     constructor(localization) { super("isnotnull", localization); }
@@ -17867,10 +17524,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
 
 /**
  * Represents the `IsNull` (**Is null**) filter operator.
- *
- * For more information and examples, refer to:
- * * [Setting the default filter operators]({% slug builtinfiltertemplate_treelist %}#toc-setting-the-default-filter-operator)
- * * [Setting the order of the filter operators]({% slug builtinfiltertemplate_treelist %}#toc-setting-the-order-of-the-filter-operators)
+ * [See example](slug:builtinfiltertemplate_treelist#toc-setting-the-order-of-the-filter-operators).
  */
 class IsNullFilterOperatorComponent extends FilterOperatorBase {
     constructor(localization) { super("isnull", localization); }
@@ -17898,10 +17552,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
 
 /**
  * Represents the `NotEqual` (**Is not equal to**) filter operator.
- *
- * For more information and examples, refer to:
- * * [Setting the default filter operators]({% slug builtinfiltertemplate_treelist %}#toc-setting-the-default-filter-operator)
- * * [Setting the order of the filter operators]({% slug builtinfiltertemplate_treelist %}#toc-setting-the-order-of-the-filter-operators)
+ * [See example](slug:builtinfiltertemplate_treelist#toc-setting-the-order-of-the-filter-operators).
  */
 class NotEqualFilterOperatorComponent extends FilterOperatorBase {
     constructor(localization) { super("neq", localization); }
@@ -17929,10 +17580,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
 
 /**
  * Represents the `StartsWith` (**Starts with**) filter operator.
- *
- * For more information and examples, refer to:
- * * [Setting the default filter operators]({% slug builtinfiltertemplate_treelist %}#toc-setting-the-default-filter-operator)
- * * [Setting the order of the filter operators]({% slug builtinfiltertemplate_treelist %}#toc-setting-the-order-of-the-filter-operators)
+ * [See example](slug:builtinfiltertemplate_treelist#toc-setting-the-order-of-the-filter-operators).
  */
 class StartsWithFilterOperatorComponent extends FilterOperatorBase {
     constructor(localization) { super("startswith", localization); }
@@ -17960,10 +17608,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
 
 /*
  * Represents the `Greater` (**Is greater than**) numeric filter operator.
- *
- * For more information and examples, refer to:
- * * [Setting the default filter operators]({% slug builtinfiltertemplate_treelist %}#toc-setting-the-default-filter-operator)
- * * [Setting the order of the filter operators]({% slug builtinfiltertemplate_treelist %}#toc-setting-the-order-of-the-filter-operators)
+ * [See example](slug:builtinfiltertemplate_treelist#toc-setting-the-order-of-the-filter-operators).
  */
 class GreaterFilterOperatorComponent extends FilterOperatorBase {
     constructor(localization) { super("gt", localization); }
@@ -17991,10 +17636,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
 
 /**
  * Represents the `GreaterOrEqualTo` (**Is greater than or equal to**) numeric filter operator.
- *
- * For more information and examples, refer to:
- * * [Setting the default filter operators]({% slug builtinfiltertemplate_treelist %}#toc-setting-the-default-filter-operator)
- * * [Setting the order of the filter operators]({% slug builtinfiltertemplate_treelist %}#toc-setting-the-order-of-the-filter-operators)
+ * [See example](slug:builtinfiltertemplate_treelist#toc-setting-the-order-of-the-filter-operators).
  */
 class GreaterOrEqualToFilterOperatorComponent extends FilterOperatorBase {
     constructor(localization) { super("gte", localization); }
@@ -18020,12 +17662,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
                 }]
         }], ctorParameters: function () { return [{ type: i1$1.LocalizationService }]; } });
 
-/*
+/**
  * Represents the `Less` (**Is less than**) numeric filter operator.
- *
- * For more information and examples, refer to:
- * * [Setting the default filter operators]({% slug builtinfiltertemplate_treelist %}#toc-setting-the-default-filter-operator)
- * * [Setting the order of the filter operators]({% slug builtinfiltertemplate_treelist %}#toc-setting-the-order-of-the-filter-operators)
+ * [See example](slug:builtinfiltertemplate_treelist#toc-setting-the-order-of-the-filter-operators).
  */
 class LessFilterOperatorComponent extends FilterOperatorBase {
     constructor(localization) { super("lt", localization); }
@@ -18053,10 +17692,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
 
 /*
  * Represents the `LessOrEqualTo` (**Is less than or equal to**) numeric filter operator.
- *
- * For more information and examples, refer to:
- * * [Setting the default filter operators]({% slug builtinfiltertemplate_treelist %}#toc-setting-the-default-filter-operator)
- * * [Setting the order of the filter operators]({% slug builtinfiltertemplate_treelist %}#toc-setting-the-order-of-the-filter-operators)
+ * [See example](slug:builtinfiltertemplate_treelist#toc-setting-the-order-of-the-filter-operators).
  */
 class LessOrEqualToFilterOperatorComponent extends FilterOperatorBase {
     constructor(localization) { super("lte", localization); }
@@ -18082,12 +17718,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
                 }]
         }], ctorParameters: function () { return [{ type: i1$1.LocalizationService }]; } });
 
-/*
+/**
  * Represents the `Greater` (**Is after**) date filter operator.
- *
- * For more information and examples, refer to:
- * * [Setting the default filter operators]({% slug builtinfiltertemplate_treelist %}#toc-setting-the-default-filter-operator)
- * * [Setting the order of the filter operators]({% slug builtinfiltertemplate_treelist %}#toc-setting-the-order-of-the-filter-operators)
+ * [See example](slug:builtinfiltertemplate_treelist#toc-setting-the-order-of-the-filter-operators).
  */
 class AfterFilterOperatorComponent extends FilterOperatorBase {
     constructor(localization) { super("after", localization); }
@@ -18122,12 +17755,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
                 }]
         }], ctorParameters: function () { return [{ type: i1$1.LocalizationService }]; } });
 
-/*
+/**
  * Represents the `GreaterOrEqualTo` (**Is after or equal to**) date filter operator.
- *
- * For more information and examples, refer to:
- * * [Setting the default filter operators]({% slug builtinfiltertemplate_treelist %}#toc-setting-the-default-filter-operator)
- * * [Setting the order of the filter operators]({% slug builtinfiltertemplate_treelist %}#toc-setting-the-order-of-the-filter-operators)
+ * [See example](slug:builtinfiltertemplate_treelist#toc-setting-the-order-of-the-filter-operators).
  */
 class AfterEqFilterOperatorComponent extends FilterOperatorBase {
     constructor(localization) { super("after-eq", localization); }
@@ -18162,12 +17792,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
                 }]
         }], ctorParameters: function () { return [{ type: i1$1.LocalizationService }]; } });
 
-/*
+/**
  * Represents the `LessOrEqualTo` (**Is before or equal to**) date filter operator.
- *
- * For more information and examples, refer to:
- * * [Setting the default filter operators]({% slug builtinfiltertemplate_treelist %}#toc-setting-the-default-filter-operator)
- * * [Setting the order of the filter operators]({% slug builtinfiltertemplate_treelist %}#toc-setting-the-order-of-the-filter-operators)
+ * [See example](slug:builtinfiltertemplate_treelist#toc-setting-the-order-of-the-filter-operators).
  */
 class BeforeEqFilterOperatorComponent extends FilterOperatorBase {
     constructor(localization) { super("before-eq", localization); }
@@ -18202,12 +17829,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
                 }]
         }], ctorParameters: function () { return [{ type: i1$1.LocalizationService }]; } });
 
-/*
- * Represents the `Less then` (**Is before**) date filter operator.
- *
- * For more information and examples, refer to:
- * * [Setting the default filter operators]({% slug builtinfiltertemplate_treelist %}#toc-setting-the-default-filter-operator)
- * * [Setting the order of the filter operators]({% slug builtinfiltertemplate_treelist %}#toc-setting-the-order-of-the-filter-operators)
+/**
+ * Represents the `Less than` (**Is before**) date filter operator.
+ * [See example](slug:builtinfiltertemplate_treelist#toc-setting-the-order-of-the-filter-operators).
  */
 class BeforeFilterOperatorComponent extends FilterOperatorBase {
     constructor(localization) { super("before", localization); }
@@ -18597,12 +18221,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
  * Represents the component for selecting columns in the TreeList. To enable the user to show or hide columns,
  * add the component inside a [`ToolbarTemplate`]({% slug api_treelist_toolbartemplatedirective %}) directive.
  *
- * {% meta height:500 %}
- * {% embed_file column-menu/chooser-toolbar/app.component.ts preview %}
- * {% embed_file column-menu/chooser-toolbar/app.module.ts %}
- * {% embed_file shared/main.ts %}
- * {% embed_file shared/employees.ts %}
- * {% endmeta %}
+ * @example
+ * ```html
+ * <kendo-treelist ...>
+ *   <ng-template kendoTreeListToolbarTemplate>
+ *     <kendo-treelist-column-chooser> </kendo-treelist-column-chooser>
+ *   </ng-template>
+ * </kendo-treelist>
+ * ```
  */
 class ColumnChooserComponent {
     constructor(localization, columnInfoService, popupService, ngZone, renderer, changeDetector) {
@@ -18614,10 +18240,12 @@ class ColumnChooserComponent {
         this.changeDetector = changeDetector;
         /**
          * Specifies if the changes in the visibility of the column will be immediately applied.
+         * @default false
          */
         this.autoSync = false;
         /**
          * Specifies if all columns can be hidden.
+         * @default true
          */
         this.allowHideAll = true;
         this.columnsIcon = columnsIcon;
@@ -18848,30 +18476,28 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
 
 /**
  * Represents the command columns of the TreeList. You have to define the content of the
- * column inside an `<ng-template>` tag. The template context is set to the current
- * data item. For more information and examples on using the passed fields
+ * column inside an `<ng-template>` tag. For more information and examples on using the passed fields
  * and the command directives, refer to the article on
  * [editing the TreeList in Angular Reactive Forms]({% slug editing_reactive_forms_treelist %}).
  *
- * The following additional fields are passed:
- * - `columnIndex`&mdash;The current column index.
- * - `rowIndex`&mdash;The current data row index. If inside a new item row, `rowIndex`is `-1`.
- * - `dataItem`&mdash;The current data item.
- * - `column`&mdash;The current column instance.
- * - `isNew`&mdash;The state of the current item.
- *
  * Usually, the template contains CRUD command directives such as:
  * - [`EditCommandDirective`]({% slug api_treelist_editcommanddirective %})
  * - [`RemoveCommandDirective`]({% slug api_treelist_removecommanddirective %})
  * - [`CancelCommandDirective`]({% slug api_treelist_cancelcommanddirective %})
  * - [`SaveCommandDirective`]({% slug api_treelist_savecommanddirective %})
  *
- * {% meta height:590 %}
- * {% embed_file editing/editing-directives/reactive-editing/app.component.ts preview %}
- * {% embed_file shared/employees.ts %}
- * {% embed_file editing/editing-directives/reactive-editing/app.module.ts %}
- * {% embed_file shared/main.ts %}
- * {% endmeta %}
+ * @example
+ * ```html
+ * <kendo-treelist ...>
+ *   <kendo-treelist-column field="ProductID"></kendo-treelist-column>
+ *   <kendo-treelist-command-column title="command" >
+ *      <ng-template kendoTreeListCellTemplate>
+ *         <button kendoTreeListEditCommand class="k-primary">Edit</button>
+ *         <button kendoTreeListRemoveCommand>Remove</button>
+ *      </ng-template>
+ *   </kendo-treelist-command-column>
+ * </kendo-treelist>
+ * ```
  */
 class CommandColumnComponent extends ColumnBase {
     constructor(parent, optionChanges) {
@@ -18997,7 +18623,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
  *
  * @example
  * ```html
- * <kendo-treelist>
+ * <kendo-treelist ...>
  *   <kendo-treelist-command-column title="command">
  *     <ng-template kendoTreeListCellTemplate let-cellContext="cellContext">
  *       <button [kendoTreeListEditCommand]="cellContext">Edit</button>
@@ -19069,7 +18695,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
  *
  * @example
  * ```html
- * <kendo-treelist>
+ * <kendo-treelist ...>
  *   <kendo-treelist-command-column title="command">
  *     <ng-template kendoTreeListCellTemplate let-cellContext="cellContext">
  *       <button [kendoTreeListCancelCommand]="cellContext">Cancel changes</button>
@@ -19141,7 +18767,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
  *
  * @example
  * ```html
- * <kendo-treelist>
+ * <kendo-treelist ...>
  *   <kendo-treelist-command-column title="command">
  *     <ng-template kendoTreeListCellTemplate let-cellContext="cellContext">
  *       <button [kendoTreeListSaveCommand]="cellContext">Save changes</button>
@@ -19212,7 +18838,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
  *
  * @example
  * ```html
- * <kendo-treelist>
+ * <kendo-treelist ...>
  *   <kendo-treelist-command-column title="command">
  *     <ng-template kendoTreeListCellTemplate let-cellContext="cellContext">
  *       <button [kendoTreeListRemoveCommand]="cellContext">Remove row</button>
@@ -19286,7 +18912,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
  *
  * @example
  * ```html
- * <kendo-treelist>
+ * <kendo-treelist ...>
  *   <kendo-treelist-command-column title="command">
  *     <ng-template kendoTreeListCellTemplate let-cellContext="cellContext">
  *       <button [kendoTreeListAddCommand]="cellContext" class="k-primary">Edit</button>
@@ -20626,7 +20252,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.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.
+ * It can also be used in any flex container within the TreeList. [See example](slug:toolbartemplate_treelist#toc-define-spacing-between-the-toolbar-elements).
  */
 class TreeListSpacerComponent {
     constructor() {
@@ -20793,6 +20419,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
                 }]
         }] });
 
+/**
+ * Represents the Kendo UI PDFMargin component for Angular.
+ * The supported units are:
+ * `"mm"`
+ * `"cm"`
+ * `"in"`
+ * `"pt"` (default).
+ * Numbers are considered to be points (`"pt"`).
+ */
 class PDFMarginComponent extends PDFExportMarginComponent {
 }
 PDFMarginComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: PDFMarginComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
@@ -21222,7 +20857,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
  *
  * @example
  * ```html
- * <kendo-treelist>
+ * <kendo-treelist ...>
  *   <ng-template kendoTreeListToolbarTemplate>
  *     <button kendoTreeListPDFCommand>Export to PDF</button>
  *   </ng-template>
@@ -21563,7 +21198,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
  *
  * @example
  * ```html
- * <kendo-treelist>
+ * <kendo-treelist ...>
  *   <ng-template kendoTreeListToolbarTemplate>
  *     <button kendoTreeListExcelCommand>Export to PDF</button>
  *   </ng-template>