@progress/kendo-angular-treelist 22.1.0-develop.9 → 23.0.0-develop.10

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

@@ -50,12 +50,12 @@ const packageMetadata = {
     productCode: 'KENDOUIANGULAR',
     productCodes: ['KENDOUIANGULAR'],
     publishDate: 0,
-    version: '22.1.0-develop.9',
+    version: '23.0.0-develop.10',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
 };
 
 /**
- * Represents the column cell template of the TreeList ([more information and example]({% slug templates_columns_treelist %}#toc-cell-template)).
+ * Represents the column cell template of the TreeList ([more information and example](https://www.telerik.com/kendo-angular-ui/components/treelist/columns/templates#cell-template)).
  * 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 provides the following fields:
@@ -99,7 +99,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
                 }] }] });
 
 /**
- * Represents the column edit-cell template of the TreeList ([see example](slug:editing_template_forms_treelist)). Use this directive to customize the content of edited cells. To define the cell template, nest an `<ng-template>` tag with the `kendoTreeListEditTemplate` directive inside a `<kendo-treelist-column>` tag.
+ * Represents the column edit-cell template of the TreeList ([see example](https://www.telerik.com/kendo-angular-ui/components/treelist/editing/template-forms)). Use this directive to customize the content of edited cells. To define the cell template, nest an `<ng-template>` tag with the `kendoTreeListEditTemplate` directive inside a `<kendo-treelist-column>` tag.
  *
  * The template context contains the following fields:
  * - `column`&mdash;The current column instance.
@@ -143,7 +143,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
  * To define the content template, nest an `<ng-template>` tag with the `kendoTreeListColumnMenuTemplate` directive inside the `kendo-treelist` or the `<kendo-treelist-column>` component.
  *
  * The template context is passed through the following fields:
- * - `service`&mdash;Represents the [ColumnMenuService]({% slug api_treelist_columnmenuservice %}).
+ * - `service`&mdash;Represents the [ColumnMenuService](https://www.telerik.com/kendo-angular-ui/components/treelist/api/columnmenuservice).
  * - `column`&mdash;Represents the TreeList column.
  *
  * @example
@@ -200,13 +200,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
         }] });
 
 /**
- * Represents the column footer cell template of the TreeList ([more information and example]({% slug templates_columns_treelist %}#toc-footer-template)).
+ * Represents the column footer cell template of the TreeList ([more information and example](https://www.telerik.com/kendo-angular-ui/components/treelist/columns/templates#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 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.
+ * - `column`&mdash;Defines an instance of the [`ColumnComponent`](https://www.telerik.com/kendo-angular-ui/components/treelist/api/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.
@@ -241,13 +241,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
 
 /**
  * Represents the column header cell template of the TreeList
- * ([more information and example]({% slug templates_columns_treelist %}#toc-header-template)).
+ * ([more information and example](https://www.telerik.com/kendo-angular-ui/components/treelist/columns/templates#header-template)).
  * 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.
+ * [`kendoTreeListHeaderTemplate`](https://www.telerik.com/kendo-angular-ui/components/treelist/api/headertemplatedirective) directive inside the `<kendo-treelist-column>` tag.
  *
  * 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.
+ * - `column`&mdash;Defines an instance of the [`ColumnComponent`](https://www.telerik.com/kendo-angular-ui/components/treelist/api/columncomponent) option.
  * - `columnIndex`&mdash;Defines the current column index.
  *
  * @example
@@ -346,6 +346,13 @@ class ColumnBase {
      * @default true
      */
     reorderable = true;
+    /**
+     * Sets the distance in pixels by which the column width is adjusted during keyboard navigation resizing.
+     * Used when resizing columns with `Alt/Option + Left/Right Arrow` keyboard shortcuts.
+     *
+     * @default 10
+     */
+    resizeStep = 10;
     /**
      * Sets the minimum width (in pixels) for resizing the column using the UI.
      * @default 10
@@ -367,7 +374,7 @@ class ColumnBase {
      */
     autoSize;
     /**
-     * Toggles the locked (frozen) state of the columns ([more information and example](slug:locked_columns_treelist)).
+     * Toggles the locked (frozen) state of the columns ([more information and example](https://www.telerik.com/kendo-angular-ui/components/treelist/columns/locked)).
      * @default false
      */
     set locked(value) {
@@ -378,12 +385,12 @@ class ColumnBase {
     }
     _locked = false;
     /**
-     * Sets the visibility of the column ([see example](slug:hidden_columns_treelist#toc-using-the-built-in-options)).
+     * Sets the visibility of the column ([see example](https://www.telerik.com/kendo-angular-ui/components/treelist/columns/hidden#using-the-built-in-options)).
      * @default false
      */
     hidden;
     /**
-     * Sets the condition that must be satisfied for a column to remain visible ([see example](slug:responsive_treelist#toc-columns)).
+     * Sets the condition that must be satisfied for a column to remain visible ([see example](https://www.telerik.com/kendo-angular-ui/components/treelist/styling/responsive#columns)).
      * If you set the `hidden` property, the behavior of `media` is overridden.
      */
     media;
@@ -408,29 +415,29 @@ class ColumnBase {
      */
     tableCellsRole = 'gridcell';
     /**
-     * Sets custom styles for the table cells (excluding the footer and header) of the column. Uses the [`NgStyle`](link:site.data.urls.angular['ngstyleapi']) directive. [See example](slug:styling_treelist_columns).
+     * Sets custom styles for the table cells (excluding the footer and header) of the column. Uses the [`NgStyle`](link:site.data.urls.angular['ngstyleapi']) directive. [See example](https://www.telerik.com/kendo-angular-ui/components/treelist/styling/columns).
      */
     style;
     /**
-     * Sets custom styles for the header cell of the column. Uses the [`NgStyle`](link:site.data.urls.angular['ngstyleapi']) directive. [See example.](slug:styling_treelist_columns)
+     * Sets custom styles for the header cell of the column. Uses the [`NgStyle`](link:site.data.urls.angular['ngstyleapi']) directive. [See example.](https://www.telerik.com/kendo-angular-ui/components/treelist/styling/columns)
      */
     headerStyle;
     /**
-     * Sets custom styles for the footer cell of the column. Uses the [`NgStyle`](link:site.data.urls.angular['ngstyleapi']) directive. [See example.](slug:styling_treelist_columns)
+     * Sets custom styles for the footer cell of the column. Uses the [`NgStyle`](link:site.data.urls.angular['ngstyleapi']) directive. [See example.](https://www.telerik.com/kendo-angular-ui/components/treelist/styling/columns)
      */
     footerStyle;
     /**
-     * Sets custom CSS classes to the column cells. Uses the [`NgClass`](link:site.data.urls.angular['ngclassapi']) directive. To customize header and footer column cells, use the [`headerClass`]({% slug api_treelist_columncomponent %}#toc-headerclass) and [`footerClass`]({% slug api_treelist_columncomponent %}#toc-footerclass) inputs.
+     * Sets custom CSS classes to the column cells. Uses the [`NgClass`](link:site.data.urls.angular['ngclassapi']) directive. To customize header and footer column cells, use the [`headerClass`](https://www.telerik.com/kendo-angular-ui/components/treelist/api/columncomponent#headerclass) and [`footerClass`](https://www.telerik.com/kendo-angular-ui/components/treelist/api/columncomponent#footerclass) inputs.
      */
     cssClass;
     /**
-     * Sets custom CSS classes to the column header cell. Uses the [`NgClass`](link:site.data.urls.angular['ngclassapi']) directive. [See example](slug:styling_treelist_columns).
+     * Sets custom CSS classes to the column header cell. Uses the [`NgClass`](link:site.data.urls.angular['ngclassapi']) directive. [See example](https://www.telerik.com/kendo-angular-ui/components/treelist/styling/columns).
      */
     headerClass;
     /**
      * Sets the custom CSS classes to the column footer cell. Under the hood, to apply the property,
      * the `footerClass` option uses the
-     * [`NgClass`](link:site.data.urls.angular['ngclassapi']) directive. [See example](slug:styling_treelist_columns).
+     * [`NgClass`](link:site.data.urls.angular['ngclassapi']) directive. [See example](https://www.telerik.com/kendo-angular-ui/components/treelist/styling/columns).
      */
     footerClass;
     /**
@@ -533,7 +540,7 @@ class ColumnBase {
         }
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: ColumnBase, deps: [{ token: ColumnBase }, { token: OptionChangesService }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.18", type: ColumnBase, isStandalone: true, inputs: { resizable: "resizable", reorderable: "reorderable", minResizableWidth: "minResizableWidth", title: "title", width: "width", autoSize: "autoSize", locked: "locked", hidden: "hidden", media: "media", lockable: "lockable", columnMenu: "columnMenu", includeInChooser: "includeInChooser", tableCellsRole: "tableCellsRole", style: "style", headerStyle: "headerStyle", footerStyle: "footerStyle", cssClass: ["class", "cssClass"], headerClass: "headerClass", footerClass: "footerClass" }, queries: [{ propertyName: "footerTemplate", first: true, predicate: FooterTemplateDirective, descendants: true }, { propertyName: "headerTemplates", predicate: HeaderTemplateDirective }, { propertyName: "columnMenuTemplates", predicate: ColumnMenuTemplateDirective }], usesOnChanges: true, ngImport: i0 });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.18", type: ColumnBase, isStandalone: true, inputs: { resizable: "resizable", reorderable: "reorderable", resizeStep: "resizeStep", minResizableWidth: "minResizableWidth", title: "title", width: "width", autoSize: "autoSize", locked: "locked", hidden: "hidden", media: "media", lockable: "lockable", columnMenu: "columnMenu", includeInChooser: "includeInChooser", tableCellsRole: "tableCellsRole", style: "style", headerStyle: "headerStyle", footerStyle: "footerStyle", cssClass: ["class", "cssClass"], headerClass: "headerClass", footerClass: "footerClass" }, queries: [{ propertyName: "footerTemplate", first: true, predicate: FooterTemplateDirective, descendants: true }, { propertyName: "headerTemplates", predicate: HeaderTemplateDirective }, { propertyName: "columnMenuTemplates", predicate: ColumnMenuTemplateDirective }], usesOnChanges: true, ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: ColumnBase, decorators: [{
             type: Directive,
@@ -542,6 +549,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
                 type: Input
             }], reorderable: [{
                 type: Input
+            }], resizeStep: [{
+                type: Input
             }], minResizableWidth: [{
                 type: Input
             }], title: [{
@@ -698,7 +707,7 @@ const isColumnEditable = (column, formGroup) => column.isEditable !== false &&
 /**
  * Represents the filter-cell template for the TreeList.
  * Use this directive to customize the filter row cell for a column.
- * See [custom filter row components](slug:filter_row_treelist#toc-custom-filters).
+ * See [custom filter row components](https://www.telerik.com/kendo-angular-ui/components/treelist/filtering/filter-row#custom-filters).
  *
  * The template context is set to the filter descriptor and provides the following fields:
  * - `column`&mdash;The current column instance. Use as an alias for a template variable with `let-column="column"`.
@@ -740,7 +749,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
  * Represents the filter-menu template for the TreeList filter menu.
  *
  * Use this directive to provide a custom template for the filter menu in a TreeList column
- * ([see example](slug:filter_menu_treelist#toc-custom-filter-menu-components)).
+ * ([see example](https://www.telerik.com/kendo-angular-ui/components/treelist/filtering/filter-menu#custom-filter-menu-components)).
  *
  * @example
  * ```html
@@ -812,7 +821,7 @@ class ColumnComponent extends ColumnBase {
      */
     field;
     /**
-     * Sets the format applied to the value before display. For supported date and number formats, see the [Column Formats](slug:formats_columns_treelist) article.
+     * Sets the format applied to the value before display. For supported date and number formats, see the [Column Formats](https://www.telerik.com/kendo-angular-ui/components/treelist/columns/formats) article.
      */
     format;
     /**
@@ -821,7 +830,7 @@ class ColumnComponent extends ColumnBase {
      */
     sortable = true;
     /**
-     * Sets the editor type ([see example]({% slug editing_reactive_forms_treelist %}#toc-setup)). Used when the column enters edit mode. [See example](slug:editing_reactive_forms_treelist).
+     * Sets the editor type ([see example](https://www.telerik.com/kendo-angular-ui/components/treelist/editing/reactive-forms#setup)). Used when the column enters edit mode. [See example](https://www.telerik.com/kendo-angular-ui/components/treelist/editing/reactive-forms).
      * @default 'text'
      */
     editor = 'text';
@@ -933,7 +942,7 @@ function isSpanColumnComponent(column) {
 }
 /**
  * Represents a column that spans multiple data cells while keeping individual header and footer cells.
- * Use this component to create flexible layouts and retain built-in UI for [sorting]({% slug sorting_treelist %}) and [filtering]({% slug filtering_treelist %}).
+ * Use this component to create flexible layouts and retain built-in UI for [sorting](https://www.telerik.com/kendo-angular-ui/components/treelist/sorting/basics) and [filtering](https://www.telerik.com/kendo-angular-ui/components/treelist/filtering/basics).
  * Wrap the columns to merge inside the `<kendo-treelist-span-column>` tag.
  *
  * @example
@@ -1041,7 +1050,7 @@ class SpanColumnComponent extends ColumnBase {
         return this.childColumns.filter(c => c.isVisible).length;
     }
     /**
-     * Toggles the locked (frozen) state of the columns. Locked columns are visible at all times during horizontal scrolling. [See example](slug:locked_columns_treelist).
+     * Toggles the locked (frozen) state of the columns. Locked columns are visible at all times during horizontal scrolling. [See example](https://www.telerik.com/kendo-angular-ui/components/treelist/columns/locked).
      * @default false
      */
     set locked(value) {
@@ -1187,7 +1196,7 @@ function isColumnGroupComponent(column) {
     return column.isColumnGroup;
 }
 /**
- * Represents the column group header of the TreeList. ([More information and examples]({% slug multicolumnheaders_columns_treelist %})).
+ * Represents the column group header of the TreeList. ([More information and examples](https://www.telerik.com/kendo-angular-ui/components/treelist/columns/headers)).
  *
  * @example
  * ```html
@@ -2187,7 +2196,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
         }], ctorParameters: () => [{ type: i0.NgZone }] });
 
 /**
- * Represents the no-records template of the TreeList ([see example](slug:norecordtemplate_treelist)). Use this directive to customize the
+ * Represents the no-records template of the TreeList ([see example](https://www.telerik.com/kendo-angular-ui/components/treelist/accessories/no-records-template)). 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>`.
  *
@@ -2282,7 +2291,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
         }] });
 
 /**
- * Represents a service to set the filter descriptor for the TreeList. ([See example]({% slug filter_menu_treelist %})).
+ * Represents a service to set the filter descriptor for the TreeList. ([See example](https://www.telerik.com/kendo-angular-ui/components/treelist/filtering/filter-menu)).
  */
 class FilterService {
     /**
@@ -2524,7 +2533,7 @@ class ColumnList {
 }
 
 /**
- * Represents the toolbar template of the TreeList ([see example](slug:toolbartemplate_treelist)).
+ * Represents the toolbar template of the TreeList ([see example](https://www.telerik.com/kendo-angular-ui/components/treelist/toolbar/toolbar-template)).
  *
  * The template context has the following field:
  * - `position`&mdash;The position at which the toolbar template is rendered. The possible values are `top`, `bottom`, and `both`.
@@ -2544,7 +2553,7 @@ class ToolbarTemplateDirective {
     _position = "top";
     /**
      * Sets the position of the toolbar. The value can be `top`, `bottom`, or `both`.
-     * Controls whether the toolbar appears above, below, or on both sides of the TreeList. [See example.](slug:toolbartemplate_treelist#toc-setting-the-toolbar-position)
+     * Controls whether the toolbar appears above, below, or on both sides of the TreeList. [See example.](https://www.telerik.com/kendo-angular-ui/components/treelist/toolbar/toolbar-template#setting-the-toolbar-position)
      * @default 'top'
      */
     set position(position) {
@@ -3020,7 +3029,7 @@ const DEFAULT_POPUP_CLASS = 'k-grid-filter-popup';
 /**
  * Represents the service used for the popups of the filter and column menus.
  * Use this service to manage popup opening, closing, and event handling.
- * ([See example]({% slug filter_menu_treelist %}#toc-filter-menu-with-popup)).
+ * ([See example](https://www.telerik.com/kendo-angular-ui/components/treelist/filtering/filter-menu#filter-menu-with-popup)).
  */
 class SinglePopupService {
     popupService;
@@ -3531,7 +3540,7 @@ class DefaultFocusableElement {
  * A focus group may contain focusable elements, such as rows, cells and input elements.
  *
  * Elements are added to the focus group by tagging them with the `kendoTreeListFocusable` directive.
- * See [Controlling the Focus]({% slug keyboard_navigation_treelist %}#toc-controlling-the-focus).
+ * See [Controlling the Focus](https://www.telerik.com/kendo-angular-ui/components/treelist/keyboard-navigation#controlling-the-focus).
  *
  * @hidden
  */
@@ -3624,7 +3633,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
         }], ctorParameters: () => [{ type: FocusRoot }] });
 
 /**
- * Represents a directive that controls how 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](https://www.telerik.com/kendo-angular-ui/components/treelist/keyboard-navigation).
  *
  * Use this directive to manage focus behavior for cell elements. Pass the `cellContext` from the cell template as input.
  *
@@ -4198,7 +4207,7 @@ class TreeListFocusableElement {
 }
 
 /**
- * Arguments for the TreeList expand and collapse events. [See example]({% slug treelist_expanded_state %}).
+ * Arguments for the TreeList expand and collapse events. [See example](https://www.telerik.com/kendo-angular-ui/components/treelist/expanded-state).
  */
 class ExpandEvent extends PreventableEvent {
     /**
@@ -4690,6 +4699,7 @@ class NavigationService {
     selectionService;
     changeDetector;
     ctx;
+    resizeService;
     focusableParent;
     changes;
     cellKeydown = new EventEmitter();
@@ -4715,6 +4725,27 @@ class NavigationService {
             });
         }
     }
+    get isColumnResizable() {
+        const allColumns = Array.from(this.ctx.treelist.columnsContainer.allColumns);
+        const column = allColumns.find((col) => col.level === this.activeCell.rowIndex && col.leafIndex === this.activeCell.colIndex);
+        if (!column?.parent) {
+            if (column?.isColumnGroup) {
+                return this.activeCell.colIndex + this.activeCell.colSpan !== this.ctx.treelist.columnsContainer.leafColumnsToRender.length;
+            }
+            else {
+                return this.activeCell.colIndex !== this.ctx.treelist.columnsContainer.leafColumnsToRender.length - 1;
+            }
+        }
+        else {
+            const columnGroup = column.parent;
+            const columnGroupChildren = Array.from(columnGroup.children).sort((a, b) => a.orderIndex - b.orderIndex);
+            const columnIndexInsideGroup = columnGroupChildren.indexOf(column);
+            if (column.isReordered || column.orderIndex > 0 || (column.isReordered && column.orderIndex === 0)) {
+                return (column.orderIndex - columnGroupChildren[0]['orderIndex']) !== columnGroupChildren.length - 1;
+            }
+            return columnIndexInsideGroup !== columnGroupChildren.length - 1;
+        }
+    }
     viewport;
     columnViewport;
     activeRowIndex = 0;
@@ -4730,7 +4761,7 @@ class NavigationService {
     get activeDataRow() {
         return Math.max(0, this.activeRowIndex - this.meta.headerRows);
     }
-    constructor(zone, domEvents, pagerContextService, scrollRequestService, focusRoot, editService, localization, expandState, selectionService, changeDetector, ctx, focusableParent) {
+    constructor(zone, domEvents, pagerContextService, scrollRequestService, focusRoot, editService, localization, expandState, selectionService, changeDetector, ctx, resizeService, focusableParent) {
         this.zone = zone;
         this.domEvents = domEvents;
         this.pagerContextService = pagerContextService;
@@ -4742,6 +4773,7 @@ class NavigationService {
         this.selectionService = selectionService;
         this.changeDetector = changeDetector;
         this.ctx = ctx;
+        this.resizeService = resizeService;
         this.focusableParent = focusableParent;
         this.changes = this.cursor.changes;
     }
@@ -4986,6 +5018,46 @@ class NavigationService {
             });
         }
     }
+    columnResize(increaseWidth) {
+        const column = this.ctx.treelist.columnsContainer.allColumns.find((col) => col.level === this.activeCell.rowIndex && col.leafIndex === this.activeCell.colIndex);
+        if (!column?.resizable) {
+            return;
+        }
+        const rtl = this.ctx.localization.rtl;
+        const step = column.resizeStep || 10;
+        const shouldIncrease = rtl ? !increaseWidth : increaseWidth;
+        const delta = shouldIncrease ? step : -step;
+        // Get the actual rendered width from the DOM header cell
+        // Fall back to column.width if header cell is not found
+        let currentWidth = column.width || 0;
+        const headerCell = this.meta.treelistElement.nativeElement.querySelector(`.k-treelist-header tr:nth-child(${this.activeCell.rowIndex + 1}) th:nth-child(${this.activeCell.colIndex + 1})`);
+        if (headerCell) {
+            const rect = headerCell.getBoundingClientRect();
+            if (rect.width > 0) {
+                currentWidth = rect.width;
+            }
+        }
+        // If still no width, use resizeStartWidth or default
+        if (!currentWidth) {
+            currentWidth = column.resizeStartWidth || 0;
+        }
+        if (!currentWidth) {
+            return;
+        }
+        const newWidth = currentWidth + delta;
+        const minWidth = column.minResizableWidth || 10;
+        if (newWidth < minWidth) {
+            return;
+        }
+        // Set resizeStartWidth before calling resizeColumns so the column-handle directive can calculate the new width correctly
+        column.resizeStartWidth = currentWidth;
+        // The resizeColumns method expects a percentage value relative to the current column width.
+        // Convert pixel delta to percentage for consistency with the existing mouse-based resizing logic.
+        const deltaPercent = (delta / currentWidth) * 100;
+        this.resizeService.start(column);
+        this.resizeService.resizeColumns(deltaPercent);
+        this.resizeService.end();
+    }
     onCursorKeydown(args) {
         let preventDefault = false;
         const modifier = args.ctrlKey || args.metaKey;
@@ -5027,6 +5099,13 @@ class NavigationService {
                 }
                 break;
             case Keys.ArrowRight:
+                if (args.altKey && !args.shiftKey && !args.ctrlKey && !args.metaKey &&
+                    row.index < this.meta.headerRows &&
+                    this.ctx.treelist.resizable) {
+                    this.columnResize(true);
+                    preventDefault = true;
+                    break;
+                }
                 if (args.altKey) {
                     this.zone.run(() => {
                         this.expandState.expand(row.dataItem);
@@ -5041,6 +5120,13 @@ class NavigationService {
                 }
                 break;
             case Keys.ArrowLeft:
+                if (args.altKey && !args.shiftKey && !args.ctrlKey && !args.metaKey &&
+                    row.index < this.meta.headerRows &&
+                    this.ctx.treelist.resizable) {
+                    this.columnResize(false);
+                    preventDefault = true;
+                    break;
+                }
                 if (args.altKey) {
                     this.zone.run(() => {
                         this.expandState.collapse(row.dataItem);
@@ -5275,12 +5361,12 @@ class NavigationService {
         this.leaveCell();
         this.cursor.reset();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: NavigationService, deps: [{ token: i0.NgZone }, { token: DomEventsService }, { token: i107.PagerContextService }, { token: ScrollRequestService }, { token: FocusRoot }, { token: EditService }, { token: i1$1.LocalizationService }, { token: ExpandStateService }, { token: SelectionService }, { token: i0.ChangeDetectorRef }, { token: ContextService }, { token: FocusableDirective, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: NavigationService, deps: [{ token: i0.NgZone }, { token: DomEventsService }, { token: i107.PagerContextService }, { token: ScrollRequestService }, { token: FocusRoot }, { token: EditService }, { token: i1$1.LocalizationService }, { token: ExpandStateService }, { token: SelectionService }, { token: i0.ChangeDetectorRef }, { token: ContextService }, { token: ColumnResizingService }, { token: FocusableDirective, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
     static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: NavigationService });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: NavigationService, decorators: [{
             type: Injectable
-        }], ctorParameters: () => [{ type: i0.NgZone }, { type: DomEventsService }, { type: i107.PagerContextService }, { type: ScrollRequestService }, { type: FocusRoot }, { type: EditService }, { type: i1$1.LocalizationService }, { type: ExpandStateService }, { type: SelectionService }, { type: i0.ChangeDetectorRef }, { type: ContextService }, { type: FocusableDirective, decorators: [{
+        }], ctorParameters: () => [{ type: i0.NgZone }, { type: DomEventsService }, { type: i107.PagerContextService }, { type: ScrollRequestService }, { type: FocusRoot }, { type: EditService }, { type: i1$1.LocalizationService }, { type: ExpandStateService }, { type: SelectionService }, { type: i0.ChangeDetectorRef }, { type: ContextService }, { type: ColumnResizingService }, { type: FocusableDirective, decorators: [{
                     type: Optional
                 }] }] });
 
@@ -8471,7 +8557,7 @@ class ListComponent {
             kendoTreeListResizableTable
             [locked]="true"
             #lockedTable
-            class="k-table k-grid-table k-table-md"
+            class="k-table k-grid-table"
             role="presentation"
             [style.width.px]="lockedWidth">
             <colgroup
@@ -8515,7 +8601,7 @@ class ListComponent {
           #table
           kendoTreeListResizableTable
           [virtualColumns]="virtualColumns"
-          class="k-table k-grid-table k-table-md"
+          class="k-table k-grid-table"
           role="presentation">
           <colgroup
             kendoTreeListColGroup
@@ -8588,7 +8674,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
             kendoTreeListResizableTable
             [locked]="true"
             #lockedTable
-            class="k-table k-grid-table k-table-md"
+            class="k-table k-grid-table"
             role="presentation"
             [style.width.px]="lockedWidth">
             <colgroup
@@ -8632,7 +8718,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
           #table
           kendoTreeListResizableTable
           [virtualColumns]="virtualColumns"
-          class="k-table k-grid-table k-table-md"
+          class="k-table k-grid-table"
           role="presentation">
           <colgroup
             kendoTreeListColGroup
@@ -9259,7 +9345,7 @@ const localizeOperators = operators => localization => Object.keys(operators).ma
 /**
  * An abstract base class for the filter-cell component in the TreeList.
  * Use this class to implement custom filter cell components.
- * [See example](slug:filter_row_treelist#toc-custom-filter-row-components).
+ * [See example](https://www.telerik.com/kendo-angular-ui/components/treelist/filtering/filter-row#custom-filter-row-components).
  */
 class BaseFilterCellComponent {
     filterService;
@@ -9921,7 +10007,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
 /**
  * Represents a string-filter cell component.
  * Use this component to filter string values in the TreeList.
- * See the article about the [built-in filter components](slug:filter_row_treelist#toc-built-in-filter-row-components).
+ * See the article about the [built-in filter components](https://www.telerik.com/kendo-angular-ui/components/treelist/filtering/filter-row#built-in-filter-row-components).
  *
  * @example
  * ```html
@@ -10150,7 +10236,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
 /**
  * Represents a numeric filter cell.
  * Use this component to filter numeric values in the TreeList.
- * See the article about the [built-in filter components](slug:filter_row_treelist#toc-built-in-filter-row-components).
+ * See the article about the [built-in filter components](https://www.telerik.com/kendo-angular-ui/components/treelist/filtering/filter-row#built-in-filter-row-components).
  *
  * @example
  * ```html
@@ -10358,7 +10444,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
 /**
  * Represents a Boolean filter-cell component.
  * Use this component to filter Boolean values in the TreeList.
- * See the article about the [built-in filter components](slug:filter_row_treelist#toc-built-in-filter-row-components).
+ * See the article about the [built-in filter components](https://www.telerik.com/kendo-angular-ui/components/treelist/filtering/filter-row#built-in-filter-row-components).
  *
  * @example
  * ```html
@@ -10511,7 +10597,7 @@ class DateFilterComponent extends BaseFilterCellComponent {
     max;
     /**
      * Defines the descriptions of the format sections in the input field.
-     * [See possible format options](slug:placeholders_dateinput#toc-format-sections-description).
+     * [See possible format options](https://www.telerik.com/kendo-angular-ui/components/dateinputs/dateinput/placeholders#format-sections-description).
      * @type {DateInputFormatPlaceholder}
      */
     formatPlaceholder;
@@ -10613,7 +10699,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
 /**
  * Represents a date-filter cell component.
  * Use this component to filter date values in the TreeList.
- * See the article about the [built-in filter components](slug:filter_row_treelist#toc-built-in-filter-row-components).
+ * See the article about the [built-in filter components](https://www.telerik.com/kendo-angular-ui/components/treelist/filtering/filter-row#built-in-filter-row-components).
  *
  * @example
  * ```html
@@ -11062,7 +11148,11 @@ class ColumnHandleDirective {
         this.column.width = headerWidth(this.element);
     }
     initState() {
-        this.column.resizeStartWidth = headerWidth(this.element);
+        // Use existing resizeStartWidth if already set (for keyboard resizing),
+        // otherwise measure from DOM element (for mouse resizing)
+        if (!this.column.resizeStartWidth) {
+            this.column.resizeStartWidth = headerWidth(this.element);
+        }
         this.service.resizedColumn({
             column: this.column,
             oldWidth: this.column.resizeStartWidth
@@ -11123,7 +11213,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
             }] } });
 
 /**
- * Represents the service passed to the [`ColumnMenuTemplate`]({% slug api_treelist_columnmenutemplatedirective %}) directive.
+ * Represents the service passed to the [`ColumnMenuTemplate`](https://www.telerik.com/kendo-angular-ui/components/treelist/api/columnmenutemplatedirective) directive.
  *
  * @example
  * ```html
@@ -11190,11 +11280,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
  */
 const ColumnMenuErrorMessages = {
     autoSizeColumn: `The auto size column does not work with enabled virtual columns.
-    See https://www.telerik.com/kendo-angular-ui/components/treelist/accessories/column-menu/#toc-autosize-column-item.`,
+    See https://www.telerik.com/kendo-angular-ui/components/treelist/accessories/column-menu/#autosize-column-item.`,
     autoSizeAllColumns: `The auto size all columns does not work with enabled virtual columns.
-    See https://www.telerik.com/kendo-angular-ui/components/treelist/accessories/column-menu/#toc-autosize-all-columns-item.`,
+    See https://www.telerik.com/kendo-angular-ui/components/treelist/accessories/column-menu/#autosize-all-columns-item.`,
     serviceInput: `The service input of the predefined column menu components is mandatory.
-    See https://www.telerik.com/kendo-angular-ui/components/treelist/accessories/column-menu/#toc-customizing-the-content.`
+    See https://www.telerik.com/kendo-angular-ui/components/treelist/accessories/column-menu/#customizing-the-content.`
 };
 
 /**
@@ -11202,7 +11292,7 @@ const ColumnMenuErrorMessages = {
  */
 class ColumnMenuItemBase {
     /**
-     * Represents the [`ColumnMenuService`]({% slug api_treelist_columnmenuservice %}) instance.
+     * Represents the [`ColumnMenuService`](https://www.telerik.com/kendo-angular-ui/components/treelist/api/columnmenuservice) instance.
      * Requires a mandatory input.
      */
     service;
@@ -11481,7 +11571,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
 
 /**
  * Represents the Kendo UI string-filter menu component for the TreeList. Use this component to filter string values using a filter menu popup.
- * [See example](slug:filter_menu_treelist#toc-built-in-filter-menu-components).
+ * [See example](https://www.telerik.com/kendo-angular-ui/components/treelist/filtering/filter-menu#built-in-filter-menu-components).
  *
  * @example
  * ```html
@@ -11788,7 +11878,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
 
 /**
  * Represents the Kendo UI numeric-filter menu component for the TreeList. Use this component to filter numeric values using a filter menu popup.
- * [See example](slug:filter_menu_treelist#toc-built-in-filter-menu-components).
+ * [See example](https://www.telerik.com/kendo-angular-ui/components/treelist/filtering/filter-menu#built-in-filter-menu-components).
  *
  * @example
  * ```html
@@ -12153,7 +12243,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
             }] } });
 
 /**
- * Represents the Kendo UI date-filter menu component for Angular TreeList. Use this component to filter date fields in the TreeList. [See example](slug:filter_menu_treelist#toc-built-in-filter-menu-components).
+ * Represents the Kendo UI date-filter menu component for Angular TreeList. Use this component to filter date fields in the TreeList. [See example](https://www.telerik.com/kendo-angular-ui/components/treelist/filtering/filter-menu#built-in-filter-menu-components).
  *
  * @example
  * ```html
@@ -12374,7 +12464,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
             }] } });
 
 /**
- * Represents the Kendo UI Boolean-filter menu component for Angular TreeList. Use this component to filter boolean fields in the TreeList. [See example](slug:filter_menu_treelist#toc-built-in-filter-menu-components).
+ * Represents the Kendo UI Boolean-filter menu component for Angular TreeList. Use this component to filter boolean fields in the TreeList. [See example](https://www.telerik.com/kendo-angular-ui/components/treelist/filtering/filter-menu#built-in-filter-menu-components).
  *
  * @example
  * ```html
@@ -12615,7 +12705,12 @@ class FilterMenuContainerComponent {
      * The column with which the filter is associated.
      * @type {ColumnComponent}
      */
-    column;
+    set column(value) {
+        this._column = value;
+    }
+    get column() {
+        return this._column;
+    }
     /**
      * @hidden
      */
@@ -12653,10 +12748,12 @@ class FilterMenuContainerComponent {
     }
     resetButton;
     filterButton;
+    _column;
     _childFilter;
     subscription;
     _templateContext = {};
     _filter;
+    _clearDisabled = true;
     constructor(parentService, childService, localization, cd, menuTabbingService) {
         this.parentService = parentService;
         this.childService = childService;
@@ -12682,6 +12779,12 @@ class FilterMenuContainerComponent {
     get disabled() {
         return !this.childFilter.filters.some(validFilters);
     }
+    get clearDisabled() {
+        if (!this.column || !this.filter) {
+            return true;
+        }
+        return !filtersByField(this.filter, this.column.field).length;
+    }
     get templateContext() {
         this._templateContext.column = this.column;
         this._templateContext.filter = this.childFilter;
@@ -12707,6 +12810,9 @@ class FilterMenuContainerComponent {
         return false;
     }
     reset() {
+        if (this.clearDisabled) {
+            return;
+        }
         const root = this.filter || {
             filters: [],
             logic: "and"
@@ -12768,10 +12874,14 @@ class FilterMenuContainerComponent {
                 class="k-button-rectangle"
                 [disabled]="disabled"
               (keydown.tab)="onTab($event, 'filter')">{{filterText}}</button>
-              <button kendoButton
-                #resetButton
+              <button #resetButton kendoButton
                 type="reset"
                 class="k-button-rectangle"
+                [class.k-disabled]="clearDisabled"
+                [attr.aria-disabled]="clearDisabled"
+                (click)="reset()"
+                (keydown.space)="clearDisabled ? $event.preventDefault() : reset()"
+                (keydown.enter)="clearDisabled ? $event.preventDefault() : reset()"
               (keydown.tab)="onTab($event, 'reset')">{{clearText}}</button>
             </div>
           </div>
@@ -12818,10 +12928,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
                 class="k-button-rectangle"
                 [disabled]="disabled"
               (keydown.tab)="onTab($event, 'filter')">{{filterText}}</button>
-              <button kendoButton
-                #resetButton
+              <button #resetButton kendoButton
                 type="reset"
                 class="k-button-rectangle"
+                [class.k-disabled]="clearDisabled"
+                [attr.aria-disabled]="clearDisabled"
+                (click)="reset()"
+                (keydown.space)="clearDisabled ? $event.preventDefault() : reset()"
+                (keydown.enter)="clearDisabled ? $event.preventDefault() : reset()"
               (keydown.tab)="onTab($event, 'reset')">{{clearText}}</button>
             </div>
           </div>
@@ -12855,7 +12969,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
             }] } });
 
 /**
- * Represents the content template for the [`kendo-treelist-columnmenu-item`]({% slug api_treelist_columnmenuitemcomponent %}) component.
+ * Represents the content template for the [`kendo-treelist-columnmenu-item`](https://www.telerik.com/kendo-angular-ui/components/treelist/api/columnmenuitemcomponent) component.
  * Use this directive to specify the content of a column menu item.
  * To define the content template, nest an `<ng-template>` tag with the `kendoTreeListColumnMenuItemContentTemplate` directive inside a `<kendo-treelist-columnmenu-item>`.
  *
@@ -12893,7 +13007,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
                 }] }] });
 
 /**
- * Represents an item you can place inside a [`ColumnMenuTemplate`]({% slug api_treelist_columnmenutemplatedirective %}) directive.
+ * Represents an item you can place inside a [`ColumnMenuTemplate`](https://www.telerik.com/kendo-angular-ui/components/treelist/api/columnmenutemplatedirective) directive.
  *
  * @example
  * ```html
@@ -12918,11 +13032,11 @@ class ColumnMenuItemComponent {
      */
     collapse = new EventEmitter();
     /**
-     * Sets the name of the [font icon](slug:icons#icons-list) rendered for the item.
+     * Sets the name of the [font icon](https://www.telerik.com/kendo-angular-ui/components/styling/icons#icons-list) rendered for the item.
      */
     icon;
     /**
-     * Sets the name of the [SVG icon]({% slug svgicon_list %}) rendered for the item.
+     * Sets the name of the [SVG icon](https://www.telerik.com/kendo-angular-ui/components/icons/svgicon/svgicon-list) rendered for the item.
      */
     svgIcon;
     /**
@@ -12942,7 +13056,7 @@ class ColumnMenuItemComponent {
      */
     expanded;
     /**
-     * Provides the [ColumnMenuService]({% slug api_treelist_columnmenuservice %}) instance.
+     * Provides the [ColumnMenuService](https://www.telerik.com/kendo-angular-ui/components/treelist/api/columnmenuservice) instance.
      * Required to include the item in the column menu keyboard navigation sequence.
      */
     service;
@@ -13002,9 +13116,9 @@ class ColumnMenuItemComponent {
             [attr.aria-controls]="expanded ? contentId : undefined">
             <kendo-icon-wrapper
               [name]="icon"
-            [svgIcon]="svgIcon"></kendo-icon-wrapper>
-            {{ text }}
-            @if (contentTemplate) {
+            [svgIcon]="svgIcon"></kendo-icon-wrapper><!-- avoid extra spaces in the rendered HTML
+            -->{{ text }}<!--
+            -->@if (contentTemplate) {
               <span class="k-spacer"></span>
             }
             @if (contentTemplate) {
@@ -13023,7 +13137,7 @@ class ColumnMenuItemComponent {
             </div>
           }
         }
-        
+
         <ng-template #content>
           <div
             class="k-columnmenu-item"
@@ -13036,9 +13150,9 @@ class ColumnMenuItemComponent {
             [attr.aria-controls]="expanded ? contentId : undefined">
             <kendo-icon-wrapper
               [name]="icon"
-            [svgIcon]="svgIcon"></kendo-icon-wrapper>
-            {{ text }}
-            @if (contentTemplate) {
+              [svgIcon]="svgIcon"></kendo-icon-wrapper><!-- avoid extra spaces in the rendered HTML
+            -->{{ text }}<!--
+            -->@if (contentTemplate) {
               <span class="k-spacer"></span>
             }
             @if (contentTemplate) {
@@ -13125,9 +13239,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
             [attr.aria-controls]="expanded ? contentId : undefined">
             <kendo-icon-wrapper
               [name]="icon"
-            [svgIcon]="svgIcon"></kendo-icon-wrapper>
-            {{ text }}
-            @if (contentTemplate) {
+            [svgIcon]="svgIcon"></kendo-icon-wrapper><!-- avoid extra spaces in the rendered HTML
+            -->{{ text }}<!--
+            -->@if (contentTemplate) {
               <span class="k-spacer"></span>
             }
             @if (contentTemplate) {
@@ -13146,7 +13260,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
             </div>
           }
         }
-        
+
         <ng-template #content>
           <div
             class="k-columnmenu-item"
@@ -13159,9 +13273,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
             [attr.aria-controls]="expanded ? contentId : undefined">
             <kendo-icon-wrapper
               [name]="icon"
-            [svgIcon]="svgIcon"></kendo-icon-wrapper>
-            {{ text }}
-            @if (contentTemplate) {
+              [svgIcon]="svgIcon"></kendo-icon-wrapper><!-- avoid extra spaces in the rendered HTML
+            -->{{ text }}<!--
+            -->@if (contentTemplate) {
               <span class="k-spacer"></span>
             }
             @if (contentTemplate) {
@@ -13212,9 +13326,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
 /**
  * Represents the column-menu item for editing column filters in the TreeList.
  *
- * Render this component inside a [`ColumnMenuTemplate`]({% slug api_treelist_columnmenutemplatedirective %}) directive.
+ * Render this component inside a [`ColumnMenuTemplate`](https://www.telerik.com/kendo-angular-ui/components/treelist/api/columnmenutemplatedirective) directive.
  *
- * To register the component as a known column menu item, set the [`ColumnMenuService`]({% slug api_treelist_columnmenuservice %})
+ * To register the component as a known column menu item, set the [`ColumnMenuService`](https://www.telerik.com/kendo-angular-ui/components/treelist/api/columnmenuservice)
  * that the template passes to the `service` input of the `kendo-treelist-columnmenu-filter` component.
  *
  * @example
@@ -13669,7 +13783,7 @@ class ColumnListComponent {
             <button
               #applyButton
               type="button"
-              class="k-button k-button-solid-primary k-button-solid k-button-md k-rounded-md k-button-rectangle"
+              class="k-button k-button-primary k-button-rectangle"
               (click)="applyChanges()"
               (keydown.enter)="$event.preventDefault(); $event.stopPropagation(); applyChanges();"
             (keydown.space)="$event.preventDefault(); $event.stopPropagation(); applyChanges();">{{ applyText }}</button>
@@ -13677,7 +13791,7 @@ class ColumnListComponent {
               #resetButton
               type="button"
               (keydown.tab)="onTab($event)"
-              class="k-button k-button-solid-base k-button-solid k-button-md k-rounded-md k-button-rectangle"
+              class="k-button k-button-rectangle"
               (click)="cancelChanges()"
               (keydown.enter)="$event.preventDefault(); $event.stopPropagation(); cancelChanges();"
             (keydown.space)="$event.preventDefault(); $event.stopPropagation(); cancelChanges();">{{ resetText }}</button>
@@ -13716,7 +13830,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
             <button
               #applyButton
               type="button"
-              class="k-button k-button-solid-primary k-button-solid k-button-md k-rounded-md k-button-rectangle"
+              class="k-button k-button-primary k-button-rectangle"
               (click)="applyChanges()"
               (keydown.enter)="$event.preventDefault(); $event.stopPropagation(); applyChanges();"
             (keydown.space)="$event.preventDefault(); $event.stopPropagation(); applyChanges();">{{ applyText }}</button>
@@ -13724,7 +13838,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
               #resetButton
               type="button"
               (keydown.tab)="onTab($event)"
-              class="k-button k-button-solid-base k-button-solid k-button-md k-rounded-md k-button-rectangle"
+              class="k-button k-button-rectangle"
               (click)="cancelChanges()"
               (keydown.enter)="$event.preventDefault(); $event.stopPropagation(); cancelChanges();"
             (keydown.space)="$event.preventDefault(); $event.stopPropagation(); cancelChanges();">{{ resetText }}</button>
@@ -13779,10 +13893,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
 
 /**
  *
- * Represents the Kendo UI for Angular TreeList column-menu item for chaging the visibility of the columns. [See example](slug:columnmenu_treelist#toc-column-chooser-item).
+ * Represents the Kendo UI for Angular TreeList column-menu item for chaging the visibility of the columns. [See example](https://www.telerik.com/kendo-angular-ui/components/treelist/accessories/column-menu#column-chooser-item).
  *
- * Place this component inside a [`ColumnMenuTemplate`]({% slug api_treelist_columnmenutemplatedirective %}) directive to enable the feature.
- * Set the [`ColumnMenuService`]({% slug api_treelist_columnmenuservice %}) and `column` inputs using the values passed by the template.
+ * Place this component inside a [`ColumnMenuTemplate`](https://www.telerik.com/kendo-angular-ui/components/treelist/api/columnmenutemplatedirective) directive to enable the feature.
+ * Set the [`ColumnMenuService`](https://www.telerik.com/kendo-angular-ui/components/treelist/api/columnmenuservice) and `column` inputs using the values passed by the template.
  *
  * @example
  * ```html
@@ -13930,9 +14044,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
 /**
  * Represents the column-menu item that lets you lock or unlock columns.
  *
- * Render this component inside a [`ColumnMenuTemplate`]({% slug api_treelist_columnmenutemplatedirective %}) directive.
+ * Render this component inside a [`ColumnMenuTemplate`](https://www.telerik.com/kendo-angular-ui/components/treelist/api/columnmenutemplatedirective) directive.
  *
- * To register the component as a known column menu item, set the [`ColumnMenuService`]({% slug api_treelist_columnmenuservice %})
+ * To register the component as a known column menu item, set the [`ColumnMenuService`](https://www.telerik.com/kendo-angular-ui/components/treelist/api/columnmenuservice)
  * that the template passes to the `service` input of the `kendo-treelist-columnmenu-lock` component.
  *
  * @example
@@ -14030,9 +14144,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
 /**
  * Represents the column-menu item for sorting TreeList columns.
  *
- * Render this component inside a [`ColumnMenuTemplate`]({% slug api_treelist_columnmenutemplatedirective %}) directive.
+ * Render this component inside a [`ColumnMenuTemplate`](https://www.telerik.com/kendo-angular-ui/components/treelist/api/columnmenutemplatedirective) directive.
  *
- * To register the component as a known column menu item, set the [`ColumnMenuService`]({% slug api_treelist_columnmenuservice %})
+ * To register the component as a known column menu item, set the [`ColumnMenuService`](https://www.telerik.com/kendo-angular-ui/components/treelist/api/columnmenuservice)
  * that the template passes to the `service` input of the `kendo-treelist-columnmenu-sort` component.
  *
  * @example
@@ -14131,7 +14245,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
 
 /**
  * Provides keyboard navigation support for TreeList column menu items.
- * Use this directive to manage focus and tab order for custom column menu items ([see example](slug:columnmenu_treelist#customizing-the-content)).
+ * Use this directive to manage focus and tab order for custom column menu items ([see example](https://www.telerik.com/kendo-angular-ui/components/treelist/accessories/column-menu#customizing-the-content)).
  *
  * @example
  * ```html
@@ -14317,10 +14431,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
             }] } });
 
 /**
- * Represents the Kendo UI TreeList column-menu item for resizing all columns to fit the widest header or cell content without wrapping. [See example](slug:columnmenu_treelist#toc-autosize-all-columns-item).
+ * Represents the Kendo UI TreeList column-menu item for resizing all columns to fit the widest header or cell content without wrapping. [See example](https://www.telerik.com/kendo-angular-ui/components/treelist/accessories/column-menu#autosize-all-columns-item).
  *
- * Place this component inside a [`ColumnMenuTemplate`]({% slug api_treelist_columnmenutemplatedirective %}) directive to enable the feature.
- * Register the component as a known column menu item by setting the [`ColumnMenuService`]({% slug api_treelist_columnmenuservice %}) to the `service` input. [See example](slug:columnmenu_treelist#toc-customizing-the-content).
+ * Place this component inside a [`ColumnMenuTemplate`](https://www.telerik.com/kendo-angular-ui/components/treelist/api/columnmenutemplatedirective) directive to enable the feature.
+ * Register the component as a known column menu item by setting the [`ColumnMenuService`](https://www.telerik.com/kendo-angular-ui/components/treelist/api/columnmenuservice) to the `service` input. [See example](https://www.telerik.com/kendo-angular-ui/components/treelist/accessories/column-menu#customizing-the-content).
  *
  * @example
  * ```html
@@ -14383,10 +14497,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
         }], ctorParameters: () => [{ type: ContextService }] });
 
 /**
- * Represents the Kendo UI for Angular TreeList column-menu item for resizing a specified column to fit the header or cell content without wrapping. [See example](slug:columnmenu_treelist#toc-customizing-the-content).
+ * Represents the Kendo UI for Angular TreeList column-menu item for resizing a specified column to fit the header or cell content without wrapping. [See example](https://www.telerik.com/kendo-angular-ui/components/treelist/accessories/column-menu#customizing-the-content).
  *
- * Place this component inside a [`ColumnMenuTemplate`]({% slug api_treelist_columnmenutemplatedirective %}) directive to enable the feature.
- * Set the [`ColumnMenuService`]({% slug api_treelist_columnmenuservice %}) and `column` inputs using the values passed by the template.
+ * Place this component inside a [`ColumnMenuTemplate`](https://www.telerik.com/kendo-angular-ui/components/treelist/api/columnmenutemplatedirective) directive to enable the feature.
+ * Set the [`ColumnMenuService`](https://www.telerik.com/kendo-angular-ui/components/treelist/api/columnmenuservice) and `column` inputs using the values passed by the template.
  *
  * @example
  * ```html
@@ -14460,7 +14574,7 @@ const POPUP_CLASSES = 'k-grid-columnmenu-popup k-column-menu';
 let id$1 = 0;
 const getId$1 = (treelistId) => `${treelistId}-column-menu-${id$1++}`;
 /**
- * Represents the [column menu]({% slug columnmenu_treelist %}) component of the TreeList.
+ * Represents the [column menu](https://www.telerik.com/kendo-angular-ui/components/treelist/accessories/column-menu) component of the TreeList.
  * Use this component to display and manage column menu options for a TreeList column.
  *
  * @example
@@ -14499,12 +14613,12 @@ class ColumnMenuComponent {
     settings = {};
     /**
      * The descriptors by which the data is sorted.
-     * Typically bound to the same value as [TreeListComponent.sort]({% slug api_treelist_treelistcomponent %}#toc-sort).
+     * Typically bound to the same value as [TreeListComponent.sort](https://www.telerik.com/kendo-angular-ui/components/treelist/api/treelistcomponent#sort).
      */
     sort;
     /**
      * The descriptor by which the data is filtered.
-     * Typically bound to the same value as [TreeListComponent.filter]({% slug api_treelist_treelistcomponent %}#toc-filter).
+     * Typically bound to the same value as [TreeListComponent.filter](https://www.telerik.com/kendo-angular-ui/components/treelist/api/treelistcomponent#filter).
      */
     filter;
     /**
@@ -14747,7 +14861,7 @@ class ColumnMenuComponent {
                 >
               </kendo-treelist-columnmenu-autosize-column>
             }
-        
+
             @if (hasAutoSizeAllColumns) {
               <kendo-treelist-columnmenu-autosize-all-columns
                 #autoSizeAllColumnsItem
@@ -14836,7 +14950,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
                 >
               </kendo-treelist-columnmenu-autosize-column>
             }
-        
+
             @if (hasAutoSizeAllColumns) {
               <kendo-treelist-columnmenu-autosize-all-columns
                 #autoSizeAllColumnsItem
@@ -15342,18 +15456,25 @@ class HeaderComponent {
         const isReorderingKeyShortcut = isLeftOrRightArrow && isCtrlOrMeta;
         if (isReorderingKeyShortcut && this.isReorderable(column)) {
             args.preventDefault();
-            const columnsCount = this.columnInfoService.leafNamedColumns.length;
+            const allColumns = sortColumns(this.columnInfoService.list().toArray()).filter(col => col.level === column.level);
+            const columnsCount = allColumns.length;
             const reorderDirection = code === Keys.ArrowLeft ? -1 : 1;
             const rtlMultiplier = this.contextService.localization.rtl ? -1 : 1;
             const reorderDirectionOffset = reorderDirection * rtlMultiplier;
-            const newIndex = column.leafIndex + reorderDirectionOffset;
+            const oldIndex = allColumns.indexOf(column);
+            let newIndex = oldIndex + reorderDirectionOffset;
+            let targetColumn = allColumns[newIndex];
+            while (isPresent(targetColumn) && targetColumn.hidden) {
+                targetColumn = allColumns[newIndex + reorderDirectionOffset];
+                newIndex += reorderDirectionOffset;
+            }
             const normalizedNewIndex = Math.min(Math.max(0, newIndex), columnsCount - 1);
             const treelistInstance = this.contextService.treelist;
             treelistInstance.reorderColumn(column, normalizedNewIndex, { before: reorderDirectionOffset < 0 });
             treelistInstance.columnReorder.emit(new ColumnReorderEvent({
                 column,
                 newIndex: normalizedNewIndex,
-                oldIndex: column.leafIndex
+                oldIndex
             }));
             return;
         }
@@ -15730,6 +15851,7 @@ class HeaderComponent {
                   kendoDropTarget
                   kendoDraggable
                   kendoDraggableColumn
+                  (keydown)="onHeaderKeydown(getColumnComponent(column), $event)"
                   [enableDrag]="shouldActivate(column)"
                     [context]="{
                         type: 'columnGroup',
@@ -15959,6 +16081,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
                   kendoDropTarget
                   kendoDraggable
                   kendoDraggableColumn
+                  (keydown)="onHeaderKeydown(getColumnComponent(column), $event)"
                   [enableDrag]="shouldActivate(column)"
                     [context]="{
                         type: 'columnGroup',
@@ -16128,7 +16251,7 @@ class ToolbarComponent {
         this.navigationService.updateFocus();
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: ToolbarComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: ContextService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.18", type: ToolbarComponent, isStandalone: true, selector: "kendo-treelist-toolbar", inputs: { position: "position", navigable: "navigable" }, host: { properties: { "attr.role": "this.hostRole", "class.k-grid-toolbar": "this.hostClasses", "class.k-toolbar": "this.hostClasses", "class.k-toolbar-solid": "this.hostClasses", "class.k-toolbar-md": "this.hostClasses" } }, ngImport: i0, template: `
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.18", type: ToolbarComponent, isStandalone: true, selector: "kendo-treelist-toolbar", inputs: { position: "position", navigable: "navigable" }, host: { properties: { "attr.role": "this.hostRole", "class.k-grid-toolbar": "this.hostClasses", "class.k-toolbar": "this.hostClasses" } }, ngImport: i0, template: `
         @if (toolbarTemplateRef) {
           <ng-template
             [ngTemplateOutlet]="toolbarTemplateRef"
@@ -16163,12 +16286,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
             }, {
                 type: HostBinding,
                 args: ['class.k-toolbar']
-            }, {
-                type: HostBinding,
-                args: ['class.k-toolbar-solid']
-            }, {
-                type: HostBinding,
-                args: ['class.k-toolbar-md']
             }], position: [{
                 type: Input
             }], navigable: [{
@@ -16255,7 +16372,7 @@ class Messages extends ComponentMessages {
      * To allow reordering the column name and the localizable part, the `filterInputLabel` accepts a string with a
      * placeholder for the column name, for example, **filter for {columnName}**. The `{columnName}` placeholder will be replaced
      * internally with the current column name, and the resulting label will be rendered as **filter for Product Name**.
-     * [See example](slug:globalization_grid#toc-custom-messages).
+     * [See example](https://www.telerik.com/kendo-angular-ui/components/grid/globalization#custom-messages).
      */
     filterInputLabel;
     /**
@@ -16267,7 +16384,7 @@ class Messages extends ComponentMessages {
      * To allow reordering the column name and the localizable part, the `filterCellOperatorLabel` accepts a string with a
      * placeholder for the column name, for example, **Filter operators for {columnName}**. The `{columnName}` placeholder will be replaced
      * internally with the current column name, and the resulting label will be rendered as **Filter operators for Product Name**.
-     * [See example](slug:globalization_treelist#toc-custom-messages).
+     * [See example](https://www.telerik.com/kendo-angular-ui/components/treelist/globalization#custom-messages).
      */
     filterCellOperatorLabel;
     /**
@@ -16279,7 +16396,7 @@ class Messages extends ComponentMessages {
      * To allow reordering the column name and the localizable part, the `booleanFilterCellLabel` accepts a string with a
      * placeholder for the column name, for example, **Boolean Filter operator for {columnName}**. The `{columnName}` placeholder will be replaced
      * internally with the current column name, and the resulting label will be rendered as **Boolean Filter operator for Product Name**.
-     * [See example](slug:globalization_treelist#toc-custom-messages).
+     * [See example](https://www.telerik.com/kendo-angular-ui/components/treelist/globalization#custom-messages).
      */
     booleanFilterCellLabel;
     /**
@@ -16407,7 +16524,7 @@ class Messages extends ComponentMessages {
      * To allow reordering the column name and the localizable part, the `filterMenuOperatorsDropDownLabel` accepts a string with a
      * placeholder for the column name, for example, **filter operators for {columnName**'. The `{columnName}` placeholder will be replaced
      * internally with the current column name, and the resulting label will be rendered as **filter operators for Product Name**.
-     * [See example](slug:globalization_treelist#toc-custom-messages).
+     * [See example](https://www.telerik.com/kendo-angular-ui/components/treelist/globalization#custom-messages).
      */
     filterMenuOperatorsDropDownLabel;
     /**
@@ -16419,7 +16536,7 @@ class Messages extends ComponentMessages {
      * To allow reordering the column name and the localizable part, the `filterMenuLogicDropDownLabel` accepts a string with a
      * placeholder for the column name, for example, **filter logic for {columnName}**. The `{columnName}` placeholder will be replaced
      * internally with the current column name, and the resulting label will be rendered as **filter logic for Product Name**.
-     * [See example](slug:globalization_treelist#toc-custom-messages).
+     * [See example](https://www.telerik.com/kendo-angular-ui/components/treelist/globalization#custom-messages).
      */
     filterMenuLogicDropDownLabel;
     /**
@@ -16438,7 +16555,7 @@ class Messages extends ComponentMessages {
      * To allow reordering the column name and the localizable part, the `columnMenu` accepts a string with a
      * placeholder for the column name, for example, **menu for {columnName}**. The `{columnName}` placeholder will be replaced
      * internally with the current column name, and the resulting title will be rendered as **menu for Product Name**.
-     * [See example](slug:globalization_grid#toc-custom-messages).
+     * [See example](https://www.telerik.com/kendo-angular-ui/components/grid/globalization#custom-messages).
      */
     columnMenu;
     /**
@@ -16528,7 +16645,7 @@ class Messages extends ComponentMessages {
      * To allow reordering the column name and the localizable part, the `filterMenuTitle` accepts a string with a
      * placeholder for the column name, for example, **filter for {columnName}**. The `{columnName}` placeholder will be replaced
      * internally with the current column name, and the resulting title will be rendered as **filter for Product Name**.
-     * [See example](slug:globalization_treelist#toc-custom-messages).
+     * [See example](https://www.telerik.com/kendo-angular-ui/components/treelist/globalization#custom-messages).
      */
     filterMenuTitle;
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: Messages, deps: null, target: i0.ɵɵFactoryTarget.Directive });
@@ -16809,7 +16926,7 @@ class TreeListComponent {
     ariaLabel;
     /**
      * Sets the data for the TreeList. When you provide an array, the TreeList gets the total count automatically
-     * ([more information and example]({% slug databinding_treelist %})).
+     * ([more information and example](https://www.telerik.com/kendo-angular-ui/components/treelist/data-binding/basics)).
      */
     set data(value) {
         this.view.reset();
@@ -16827,7 +16944,7 @@ class TreeListComponent {
         return this.loadedData;
     }
     /**
-     * Sets the page size for the TreeList when [paging]({% slug paging_treelist %}) is enabled.
+     * Sets the page size for the TreeList when [paging](https://www.telerik.com/kendo-angular-ui/components/treelist/paging/basics) is enabled.
      *
      * @default 10
      */
@@ -16840,13 +16957,13 @@ class TreeListComponent {
     height;
     /**
      * Sets the actual height of each TreeList row (`tr`) element in the DOM.
-     * The [virtual scrolling functionality]({% slug scrollmmodes_treelist %}) requires this setting.
+     * The [virtual scrolling functionality](https://www.telerik.com/kendo-angular-ui/components/treelist/scroll-modes) requires this setting.
      * Set the `rowHeight` option to match the exact pixel height of the `tr` element in the DOM.
      */
     rowHeight;
     /**
      * Sets the number of records that the pager skips.
-     * The [paging]({% slug paging_treelist %}) functionality requires this setting.
+     * The [paging](https://www.telerik.com/kendo-angular-ui/components/treelist/paging/basics) functionality requires this setting.
      */
     get skip() {
         return this._skip;
@@ -16864,7 +16981,7 @@ class TreeListComponent {
      */
     scrollable = 'scrollable';
     /**
-     * Sets the descriptors for sorting the data ([see example]({% slug sorting_treelist %})).
+     * Sets the descriptors for sorting the data ([see example](https://www.telerik.com/kendo-angular-ui/components/treelist/sorting/basics)).
      */
     set sort(value) {
         if (isArray(value)) {
@@ -16882,7 +16999,7 @@ class TreeListComponent {
      */
     trackBy = defaultTrackBy;
     /**
-     * Sets the descriptor for filtering the data ([see examples]({% slug filtering_treelist %})).
+     * Sets the descriptor for filtering the data ([see examples](https://www.telerik.com/kendo-angular-ui/components/treelist/filtering/basics)).
      */
     filter;
     /**
@@ -16952,19 +17069,19 @@ class TreeListComponent {
         return this.selectionService.enableMarquee;
     }
     /**
-     * Enables the [filtering]({% slug filtering_treelist %}) of TreeList columns that have their `field` option set.
+     * Enables the [filtering](https://www.telerik.com/kendo-angular-ui/components/treelist/filtering/basics) of TreeList columns that have their `field` option set.
      *
      * @default false
      */
     filterable = false;
     /**
-     * Enables the [sorting]({% slug sorting_treelist %}) of TreeList columns that have their `field` option set.
+     * Enables the [sorting](https://www.telerik.com/kendo-angular-ui/components/treelist/sorting/basics) of TreeList columns that have their `field` option set.
      *
      * @default false
      */
     sortable = false;
     /**
-     * Configures the pager for the TreeList ([see example]({% slug paging_treelist %})).
+     * Configures the pager for the TreeList ([see example](https://www.telerik.com/kendo-angular-ui/components/treelist/paging/basics)).
      *
      * @default false
      */
@@ -16983,7 +17100,7 @@ class TreeListComponent {
      * Determines whether TreeList columns resize during initialization to fit their headers and row content.
      * Columns with `autoSize` set to `false` are excluded.
      * To dynamically update the column width to match new content,
-     * refer to [this example]({% slug resizing_columns_treelist %}).
+     * refer to [this example](https://www.telerik.com/kendo-angular-ui/components/treelist/columns/resizing).
      *
      * @default false
      */
@@ -17014,26 +17131,26 @@ class TreeListComponent {
     }
     /**
      * When set to `true`, you can resize columns by dragging the edges (resize handles) of their header cells
-     * ([see example]({% slug resizing_columns_treelist %})).
+     * ([see example](https://www.telerik.com/kendo-angular-ui/components/treelist/columns/resizing)).
      *
      * @default false
      */
     resizable = false;
     /**
      * When set to `true`, you can reorder columns by dragging their header cells
-     * ([see example]({% slug reordering_columns_treelist %})).
+     * ([see example](https://www.telerik.com/kendo-angular-ui/components/treelist/columns/reordering)).
      *
      * @default false
      */
     reorderable = false;
     /**
-     * Determines whether the TreeList displays the loading indicator ([see example]({% slug databinding_treelist %})).
+     * Determines whether the TreeList displays the loading indicator ([see example](https://www.telerik.com/kendo-angular-ui/components/treelist/data-binding/basics)).
      *
      * @default false
      */
     loading = false;
     /**
-     * Determines whether the column menu of the columns displays ([see example]({% slug columnmenu_treelist %})).
+     * Determines whether the column menu of the columns displays ([see example](https://www.telerik.com/kendo-angular-ui/components/treelist/accessories/column-menu)).
      *
      * @default false
      */
@@ -17041,7 +17158,7 @@ class TreeListComponent {
     /**
      * Determines whether the TreeList hides the header. The header is visible by default.
      *
-     * The header includes column headers and the [filter row](slug:filter_row_treelist).
+     * The header includes column headers and the [filter row](https://www.telerik.com/kendo-angular-ui/components/treelist/filtering/filter-row).
      *
      * @default false
      */
@@ -17076,7 +17193,7 @@ class TreeListComponent {
         this.selectionService.isSelected = value;
     }
     /**
-     * Enables the [row reordering]({% slug treelist_row_reordering %}) of the TreeList.
+     * Enables the [row reordering](https://www.telerik.com/kendo-angular-ui/components/treelist/row-reordering) of the TreeList.
      *
      * @default false
      */
@@ -17107,12 +17224,12 @@ class TreeListComponent {
      */
     filterChange = new EventEmitter();
     /**
-     * Fires when the page of the TreeList changes ([see example]({% slug paging_treelist %})).
+     * Fires when the page of the TreeList changes ([see example](https://www.telerik.com/kendo-angular-ui/components/treelist/paging/basics)).
      * You have to handle the event and page the data.
      */
     pageChange = new EventEmitter();
     /**
-     * Fires when the sorting of the TreeList changes ([see example]({% slug sorting_treelist %})).
+     * Fires when the sorting of the TreeList changes ([see example](https://www.telerik.com/kendo-angular-ui/components/treelist/sorting/basics)).
      * You have to handle the event and sort the data.
      */
     sortChange = new EventEmitter();
@@ -17122,35 +17239,35 @@ class TreeListComponent {
     dataStateChange = new EventEmitter();
     /**
      * Fires when you click the **Edit** command button to edit a row
-     * ([see example]({% slug editing_template_forms_treelist %}#toc-editing-records)).
+     * ([see example](https://www.telerik.com/kendo-angular-ui/components/treelist/editing/template-forms#editing-records)).
      */
     edit = new EventEmitter();
     /**
      * Fires when you click the **Cancel** command button to close a row
-     * ([see example]({% slug editing_template_forms_treelist %}#toc-cancelling-editing)).
+     * ([see example](https://www.telerik.com/kendo-angular-ui/components/treelist/editing/template-forms#cancelling-editing)).
      */
     cancel = new EventEmitter();
     /**
      * Fires when you click the **Save** command button to save changes in a row
-     * ([see example]({% slug editing_template_forms_treelist %}#toc-saving-records)).
+     * ([see example](https://www.telerik.com/kendo-angular-ui/components/treelist/editing/template-forms#saving-records)).
      */
     save = new EventEmitter();
     /**
      * Fires when you click the **Remove** command button to remove a row
-     * ([see example]({% slug editing_template_forms_treelist %}#toc-removing-records)).
+     * ([see example](https://www.telerik.com/kendo-angular-ui/components/treelist/editing/template-forms#removing-records)).
      */
     remove = new EventEmitter();
     /**
      * Fires when you click the **Add** command button to add a new row
-     * ([see example]({% slug editing_template_forms_treelist %}#toc-adding-records)).
+     * ([see example](https://www.telerik.com/kendo-angular-ui/components/treelist/editing/template-forms#adding-records)).
      */
     add = new EventEmitter();
     /**
-     * Fires when you leave an edited cell ([see example]({% slug editing_incell_treelist %}#toc-basic-concepts)).
+     * Fires when you leave an edited cell ([see example](https://www.telerik.com/kendo-angular-ui/components/treelist/editing/editing-in-cell#basic-concepts)).
      */
     cellClose = new EventEmitter();
     /**
-     * Fires when you click a cell ([see example]({% slug editing_incell_treelist %}#toc-basic-concepts)).
+     * Fires when you click a cell ([see example](https://www.telerik.com/kendo-angular-ui/components/treelist/editing/editing-in-cell#basic-concepts)).
      */
     cellClick = new EventEmitter();
     /**
@@ -17179,7 +17296,7 @@ class TreeListComponent {
     columnLockedChange = new EventEmitter();
     /**
      * Fires when you scroll to the last record on the page and enables endless scrolling
-     * ([see example]({% slug scrollmmodes_treelist %}#toc-endless-scrolling)).
+     * ([see example](https://www.telerik.com/kendo-angular-ui/components/treelist/scroll-modes#endless-scrolling)).
      * You have to handle the event and page the data.
      */
     scrollBottom = new EventEmitter();
@@ -17205,7 +17322,7 @@ class TreeListComponent {
     expandStateChange = new EventEmitter();
     /**
      * Fires when you drop the dragged row and reordering occurs.
-     * Emits the [RowReorderEvent]({% slug api_treelist_rowreorderevent %}).
+     * Emits the [RowReorderEvent](https://www.telerik.com/kendo-angular-ui/components/treelist/api/rowreorderevent).
      */
     rowReorder = new EventEmitter();
     /**
@@ -17695,7 +17812,7 @@ class TreeListComponent {
         }
     }
     /**
-     * Switches the specified table row to edit mode ([see example]({% slug editing_template_forms_treelist %}#toc-editing-records)).
+     * Switches the specified table row to edit mode ([see example](https://www.telerik.com/kendo-angular-ui/components/treelist/editing/template-forms#editing-records)).
      *
      * @param dataItem The data item that you will edit.
      * @param group - The [`FormGroup`](link:site.data.urls.angular['formgroupapi'])
@@ -17716,7 +17833,7 @@ class TreeListComponent {
         });
     }
     /**
-     * Closes the editor for a given row ([see example]({% slug editing_template_forms_treelist %}#toc-cancelling-editing)).
+     * Closes the editor for a given row ([see example](https://www.telerik.com/kendo-angular-ui/components/treelist/editing/template-forms#cancelling-editing)).
      *
      * @param dataItem The data item that you will switch out of edit mode.
      * @param isNew Determines whether the data item is new.
@@ -17732,7 +17849,7 @@ class TreeListComponent {
         }
     }
     /**
-     * Creates a new row editor ([see example]({% slug editing_template_forms_treelist %}#toc-adding-records)).
+     * Creates a new row editor ([see example](https://www.telerik.com/kendo-angular-ui/components/treelist/editing/template-forms#adding-records)).
      *
      * @param group The [`FormGroup`](link:site.data.urls.angular['formgroupapi']) that describes
      * the edit form. If called with a data item, it builds the `FormGroup` from the data item fields.
@@ -17777,10 +17894,10 @@ class TreeListComponent {
     }
     /**
      * Closes the current cell in edit mode and fires
-     * the [`cellClose`]({% slug api_treelist_treelistcomponent %}#toc-cellclose) event.
+     * the [`cellClose`](https://www.telerik.com/kendo-angular-ui/components/treelist/api/treelistcomponent#cellclose) event.
      *
      * @return  {boolean} A Boolean value that indicates whether the edited cell closed.
-     * A `false` value indicates that the [`cellClose`]({% slug api_treelist_treelistcomponent %}#toc-cellclose) event was prevented.
+     * A `false` value indicates that the [`cellClose`](https://www.telerik.com/kendo-angular-ui/components/treelist/api/treelistcomponent#cellclose) event was prevented.
      */
     closeCell() {
         return !this.editService.closeCell();
@@ -17809,14 +17926,14 @@ class TreeListComponent {
         return this.editService.isEditing() && this.editService.isEditingCell();
     }
     /**
-     * Starts the PDF export ([see example]({% slug pdfexport_treelist %})).
+     * Starts the PDF export ([see example](https://www.telerik.com/kendo-angular-ui/components/treelist/export/pdf-export)).
      */
     saveAsPDF() {
         this.pdfService.save(this);
     }
     /**
-     * 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)).
+     * Exports the TreeList element to a Drawing [`Group`](https://www.telerik.com/kendo-angular-ui/components/drawing/api/group) by using the `kendo-treelist-pdf` component options.
+     * ([see example](https://www.telerik.com/kendo-angular-ui/components/treelist/export/pdf-export#exporting-multiple-treelists-to-the-same-pdf)).
      *
      * @return {Promise} A promise that resolves with the Drawing `Group`.
      */
@@ -17826,7 +17943,7 @@ class TreeListComponent {
         return promise;
     }
     /**
-     * Starts the Excel export ([see example]({% slug excelexport_treelist %})).
+     * Starts the Excel export ([see example](https://www.telerik.com/kendo-angular-ui/components/treelist/export/excel-export)).
      */
     saveAsExcel() {
         this.excelService.save(this);
@@ -17836,7 +17953,7 @@ class TreeListComponent {
      * so that the whole text fits without wrapping. This method expects the TreeList
      * to be resizable (set `resizable` to `true`).
      * Execute this method only
-     * after the TreeList is already populated with data. [See example](slug:resizing_columns_treelist#toc-auto-fitting-the-content).
+     * after the TreeList is already populated with data. [See example](https://www.telerik.com/kendo-angular-ui/components/treelist/columns/resizing#auto-fitting-the-content).
      */
     autoFitColumn(column) {
         this.columnResizingService.autoFit(column);
@@ -17846,11 +17963,14 @@ class TreeListComponent {
      * If you do not specify columns, `autoFitColumns` applies to all columns.
      *
      * This method requires the TreeList to be resizable (set `resizable` to `true`).
-     * [See example](slug:resizing_columns_treelist#toc-auto-fitting-the-content).
+     * [See example](https://www.telerik.com/kendo-angular-ui/components/treelist/columns/resizing#auto-fitting-the-content).
      */
-    autoFitColumns(columns = this.columns) {
+    autoFitColumns(columns) {
         let cols;
-        if (columns instanceof QueryList) {
+        if (!isPresent(columns)) {
+            cols = this.columnsContainer.leafColumns?.toArray() || [];
+        }
+        else if (columns instanceof QueryList) {
             cols = columns.toArray();
         }
         else {
@@ -18016,8 +18136,8 @@ class TreeListComponent {
      * Updates the state of the current view without reloading the data.
      *
      * Checks all currently rendered items for changes and
-     * triggers re-evaluation of the [isExpanded](#toc-isexpanded) and
-     * [isSelected](#toc-isSelected) callbacks.
+     * triggers re-evaluation of the [isExpanded](#isexpanded) and
+     * [isSelected](#isSelected) callbacks.
      */
     updateView() {
         if (this.rowReorderable) {
@@ -18406,7 +18526,8 @@ class TreeListComponent {
         this.navigationService.metadata = this.navigationMetadata();
     }
     applyAutoSize() {
-        const cols = this.columns.filter((c) => this.autoSize ? c.autoSize !== false : c.autoSize);
+        const leafColumns = this.columnsContainer.leafColumns?.toArray() || [];
+        const cols = leafColumns.filter((c) => this.autoSize ? c.autoSize !== false : c.autoSize);
         if (cols.length > 0) {
             this.ngZone.onStable.pipe(take(1)).subscribe(_ => this.autoFitColumns(cols));
         }
@@ -18481,7 +18602,7 @@ class TreeListComponent {
         this.dropTargetContainer?.notify();
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TreeListComponent, deps: [{ token: BrowserSupportService }, { token: i0.ElementRef }, { token: ChangeNotificationService }, { token: EditService }, { token: FilterService }, { token: PDFService }, { token: ResponsiveService }, { token: i0.Renderer2 }, { token: ExcelService }, { token: i0.NgZone }, { token: ScrollSyncService }, { token: DomEventsService }, { token: ColumnResizingService }, { token: i0.ChangeDetectorRef }, { token: ColumnReorderService }, { token: ColumnInfoService }, { token: NavigationService }, { token: SortService }, { token: ScrollRequestService }, { token: ExpandStateService }, { token: OptionChangesService }, { token: SelectionService }, { token: i1$1.LocalizationService }, { token: ContextService }, { token: RowReorderService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.18", type: TreeListComponent, isStandalone: true, selector: "kendo-treelist", inputs: { ariaLabel: ["aria-label", "ariaLabel"], data: "data", pageSize: "pageSize", height: "height", rowHeight: "rowHeight", skip: "skip", scrollable: "scrollable", sort: "sort", trackBy: "trackBy", filter: "filter", virtualColumns: "virtualColumns", filterable: "filterable", sortable: "sortable", pageable: "pageable", navigable: "navigable", autoSize: "autoSize", rowClass: "rowClass", resizable: "resizable", reorderable: "reorderable", loading: "loading", columnMenu: "columnMenu", hideHeader: "hideHeader", idField: "idField", selectable: "selectable", isSelected: "isSelected", rowReorderable: "rowReorderable", columnsRef: ["columns", "columnsRef"], fetchChildren: "fetchChildren", hasChildren: "hasChildren", isExpanded: "isExpanded" }, outputs: { selectionChange: "selectionChange", filterChange: "filterChange", pageChange: "pageChange", sortChange: "sortChange", dataStateChange: "dataStateChange", edit: "edit", cancel: "cancel", save: "save", remove: "remove", add: "add", cellClose: "cellClose", cellClick: "cellClick", pdfExport: "pdfExport", excelExport: "excelExport", columnResize: "columnResize", columnReorder: "columnReorder", columnVisibilityChange: "columnVisibilityChange", columnLockedChange: "columnLockedChange", scrollBottom: "scrollBottom", contentScroll: "contentScroll", expandEvent: "expand", collapseEvent: "collapse", expandStateChange: "expandStateChange", rowReorder: "rowReorder" }, host: { properties: { "attr.dir": "this.dir", "class.k-grid": "this.hostClasses", "class.k-grid-md": "this.hostClasses", "class.k-treelist": "this.hostClasses", "class.k-grid-lockedcolumns": "this.lockedClasses", "class.k-grid-virtual": "this.virtualClasses", "class.k-grid-no-scrollbar": "this.noScrollbarClass" } }, providers: [
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.18", type: TreeListComponent, isStandalone: true, selector: "kendo-treelist", inputs: { ariaLabel: ["aria-label", "ariaLabel"], data: "data", pageSize: "pageSize", height: "height", rowHeight: "rowHeight", skip: "skip", scrollable: "scrollable", sort: "sort", trackBy: "trackBy", filter: "filter", virtualColumns: "virtualColumns", filterable: "filterable", sortable: "sortable", pageable: "pageable", navigable: "navigable", autoSize: "autoSize", rowClass: "rowClass", resizable: "resizable", reorderable: "reorderable", loading: "loading", columnMenu: "columnMenu", hideHeader: "hideHeader", idField: "idField", selectable: "selectable", isSelected: "isSelected", rowReorderable: "rowReorderable", columnsRef: ["columns", "columnsRef"], fetchChildren: "fetchChildren", hasChildren: "hasChildren", isExpanded: "isExpanded" }, outputs: { selectionChange: "selectionChange", filterChange: "filterChange", pageChange: "pageChange", sortChange: "sortChange", dataStateChange: "dataStateChange", edit: "edit", cancel: "cancel", save: "save", remove: "remove", add: "add", cellClose: "cellClose", cellClick: "cellClick", pdfExport: "pdfExport", excelExport: "excelExport", columnResize: "columnResize", columnReorder: "columnReorder", columnVisibilityChange: "columnVisibilityChange", columnLockedChange: "columnLockedChange", scrollBottom: "scrollBottom", contentScroll: "contentScroll", expandEvent: "expand", collapseEvent: "collapse", expandStateChange: "expandStateChange", rowReorder: "rowReorder" }, host: { properties: { "attr.dir": "this.dir", "class.k-grid": "this.hostClasses", "class.k-treelist": "this.hostClasses", "class.k-grid-lockedcolumns": "this.lockedClasses", "class.k-grid-virtual": "this.virtualClasses", "class.k-grid-no-scrollbar": "this.noScrollbarClass" } }, providers: [
             BrowserSupportService,
             LocalizationService,
             ColumnInfoService,
@@ -18529,202 +18650,202 @@ class TreeListComponent {
         <ng-container kendoTreeListLocalizedMessages
           i18n-noRecords="kendo.treelist.noRecords|The label visible in the TreeList when there are no records"
           noRecords="No records available."
-        
+
           i18n-pagerLabel="kendo.treelist.pagerLabel|The label for the TreeList pager"
           pagerLabel="{{ 'Page navigation, page {currentPage} of {totalPages}' }}"
-        
+
           i18n-pagerFirstPage="kendo.treelist.pagerFirstPage|The label for the first page button in TreeList pager"
           pagerFirstPage="Go to the first page"
-        
+
           i18n-pagerPreviousPage="kendo.treelist.pagerPreviousPage|The label for the previous page button in TreeList pager"
           pagerPreviousPage="Go to the previous page"
-        
+
           i18n-pagerNextPage="kendo.treelist.pagerNextPage|The label for the next page button in TreeList pager"
           pagerNextPage="Go to the next page"
-        
+
           i18n-pagerLastPage="kendo.treelist.pagerLastPage|The label for the last page button in TreeList pager"
           pagerLastPage="Go to the last page"
-        
+
           i18n-pagerPage="kendo.treelist.pagerPage|The label before the current page number in the TreeList pager"
           pagerPage="Page"
-        
+
           i18n-pagerOf="kendo.treelist.pagerOf|The label before the total pages number in the TreeList pager"
           pagerOf="of"
-        
+
           i18n-pagerPageNumberInputTitle="kendo.treelist.pagerPageNumberInputTitle|The label for the pager input in the Treelist pager"
           pagerPageNumberInputTitle="Page Number"
-        
+
           i18n-pagerItemsPerPage="kendo.treelist.pagerItemsPerPage|The label for the page size chooser in the TreeList pager"
           pagerItemsPerPage="items per page"
-        
+
           i18n-pagerItemsTotal="kendo.treelist.pagerItemsTotal|The label after the total items count in the TreeList pager"
           pagerItemsTotal="items total"
-        
+
           i18n-pagerInputLabel="kendo.treelist.pagerInputLabel|The text of the aria-label attribute applied to the input element for entering the page number"
           pagerInputLabel="Type a page number"
-        
+
           i18n-filterCellOperatorLabel="kendo.treelist.filterCellOperatorLabel|The label of the filter cell operators dropdown"
           filterCellOperatorLabel="{{ 'Filter cell operators for {columnName}' }}"
-        
+
           i18n-booleanFilterCellLabel="kendo.treelist.booleanFilterCellLabel|The label of the boolean filter cell dropdown"
           booleanFilterCellLabel="{{ 'Boolean filter cell for {columnName}' }}"
-        
+
           i18n-filter="kendo.treelist.filter|The label of the filter cell or icon"
           filter="Filter"
-        
+
           i18n-filterEqOperator="kendo.treelist.filterEqOperator|The text of the equal filter operator"
           filterEqOperator="Is equal to"
-        
+
           i18n-filterNotEqOperator="kendo.treelist.filterNotEqOperator|The text of the not equal filter operator"
           filterNotEqOperator="Is not equal to"
-        
+
           i18n-filterIsNullOperator="kendo.treelist.filterIsNullOperator|The text of the is null filter operator"
           filterIsNullOperator="Is null"
-        
+
           i18n-filterIsNotNullOperator="kendo.treelist.filterIsNotNullOperator|The text of the is not null filter operator"
           filterIsNotNullOperator="Is not null"
-        
+
           i18n-filterIsEmptyOperator="kendo.treelist.filterIsEmptyOperator|The text of the is empty filter operator"
           filterIsEmptyOperator="Is empty"
-        
+
           i18n-filterIsNotEmptyOperator="kendo.treelist.filterIsNotEmptyOperator|The text of the is not empty filter operator"
           filterIsNotEmptyOperator="Is not empty"
-        
+
           i18n-filterStartsWithOperator="kendo.treelist.filterStartsWithOperator|The text of the starts with filter operator"
           filterStartsWithOperator="Starts with"
-        
+
           i18n-filterContainsOperator="kendo.treelist.filterContainsOperator|The text of the contains filter operator"
           filterContainsOperator="Contains"
-        
+
           i18n-filterNotContainsOperator="kendo.treelist.filterNotContainsOperator|The text of the does not contain filter operator"
           filterNotContainsOperator="Does not contain"
-        
+
           i18n-filterEndsWithOperator="kendo.treelist.filterEndsWithOperator|The text of the ends with filter operator"
           filterEndsWithOperator="Ends with"
-        
+
           i18n-filterGteOperator="kendo.treelist.filterGteOperator|The text of the greater than or equal filter operator"
           filterGteOperator="Is greater than or equal to"
-        
+
           i18n-filterGtOperator="kendo.treelist.filterGtOperator|The text of the greater than filter operator"
           filterGtOperator="Is greater than"
-        
+
           i18n-filterLteOperator="kendo.treelist.filterLteOperator|The text of the less than or equal filter operator"
           filterLteOperator="Is less than or equal to"
-        
+
           i18n-filterLtOperator="kendo.treelist.filterLtOperator|The text of the less than filter operator"
           filterLtOperator="Is less than"
-        
+
           i18n-filterIsTrue="kendo.treelist.filterIsTrue|The text of the IsTrue boolean filter option"
           filterIsTrue="Is True"
-        
+
           i18n-filterIsFalse="kendo.treelist.filterIsFalse|The text of the IsFalse boolean filter option"
           filterIsFalse="Is False"
-        
+
           i18n-filterBooleanAll="kendo.treelist.filterBooleanAll|The text of the (All) boolean filter option"
           filterBooleanAll="(All)"
-        
+
           i18n-filterAfterOrEqualOperator="kendo.treelist.filterAfterOrEqualOperator|The text of the after or equal date filter operator"
           filterAfterOrEqualOperator="Is after or equal to"
-        
+
           i18n-filterAfterOperator="kendo.treelist.filterAfterOperator|The text of the after date filter operator"
           filterAfterOperator="Is after"
-        
+
           i18n-filterBeforeOperator="kendo.treelist.filterBeforeOperator|The text of the before date filter operator"
           filterBeforeOperator="Is before"
-        
+
           i18n-filterBeforeOrEqualOperator="kendo.treelist.filterBeforeOrEqualOperator|The text of the before or equal date filter operator"
           filterBeforeOrEqualOperator="Is before or equal to"
-        
+
           i18n-filterFilterButton="kendo.treelist.filterFilterButton|The text of the filter button"
           filterFilterButton="Filter"
-        
+
           i18n-filterClearButton="kendo.treelist.filterClearButton|The text of the clear filter button"
           filterClearButton="Clear"
-        
+
           i18n-filterAndLogic="kendo.treelist.filterAndLogic|The text of the And filter logic"
           filterAndLogic="And"
-        
+
           i18n-filterOrLogic="kendo.treelist.filterOrLogic|The text of the Or filter logic"
           filterOrLogic="Or"
-        
+
           i18n-filterDateToday="kendo.treelist.filterDateToday|The text of the Today button of the Date filter."
           filterDateToday="TODAY"
-        
+
           i18n-filterDateToggle="kendo.treelist.filterDateToggle|The title of the Toggle button of the Date filter."
           filterDateToggle="Toggle Calendar"
-        
+
           i18n-filterNumericDecrement="kendo.treelist.filterNumericDecrement|The title of the Decrement button of the Numeric filter."
           filterNumericDecrement="Decrement"
-        
+
           i18n-filterNumericIncrement="kendo.treelist.filterNumericIncrement|The title of the Increment button of the Numeric filter."
           filterNumericIncrement="Increment"
-        
+
           i18n-loading="kendo.treelist.loading|The loading text"
           loading="Loading"
-        
+
           i18n-filterInputLabel="kendo.treelist.filterInputLabel|The label of the filter row and menu inputs"
           filterInputLabel="{{ '{columnName} Filter' }}"
-        
+
           i18n-filterMenuLogicDropDownLabel="kendo.treelist.filterMenuLogicDropDownLabel|The label of the filter menu logic dropdown"
           filterMenuLogicDropDownLabel="{{ '{columnName} Filter Logic' }}"
-        
+
           i18n-filterMenuOperatorsDropDownLabel="kendo.treelist.filterMenuOperatorsDropDownLabel|The label of the filter menu operators dropdown"
           filterMenuOperatorsDropDownLabel="{{ '{columnName} Filter Operators' }}"
-        
+
           i18n-filterMenuTitle="kendo.treelist.filterMenuTitle|The title of the filter menu icon"
           filterMenuTitle="{{ '{columnName} Filter Menu' }}"
-        
+
           i18n-columnMenu="kendo.treelist.columnMenu|The title of the column menu icon"
           columnMenu="{{ '{columnName} Column Menu' }}"
-        
+
           i18n-columns="kendo.treelist.columns|The text shown in the column menu for the columns item"
           columns="Columns"
-        
+
           i18n-lock="kendo.treelist.lock|The text shown in the column menu for the lock item"
           lock="Lock"
-        
+
           i18n-unlock="kendo.treelist.unlock|The text shown in the column menu for the unlock item"
           unlock="Unlock"
-        
+
           i18n-sortable="kendo.treelist.sortable|The label of the sort icon"
           sortable="Sortable"
-        
+
           i18n-sortAscending="kendo.treelist.sortAscending|The text shown in the column menu for the sort ascending item"
           sortAscending="Sort Ascending"
-        
+
           i18n-sortDescending="kendo.treelist.sortDescending|The text shown in the column menu for the sort descending item"
           sortDescending="Sort Descending"
-        
+
           i18n-sortedDefault="kendo.treelist.sortedDefault|The status announcement when a column is no longer sorted"
           sortedDefault="Not Sorted"
-        
+
           i18n-columnsApply="kendo.treelist.columnsApply|The text shown in the column menu or column chooser for the columns apply button"
           columnsApply="Apply"
-        
+
           i18n-columnsReset="kendo.treelist.columnsReset|The text shown in the column menu or column chooser for the columns reset button"
           columnsReset="Reset"
-        
+
           i18n-pagerSelectPage="kendo.treelist.pagerSelectPage|The text of the title and aria-label attributes applied to the page chooser in the TreeList Pager"
           pagerSelectPage="Select page"
-        
+
           i18n-topToolbarLabel="kendo.treelist.topToolbarLabel|The label of the TreeList top toolbar"
           topToolbarLabel="Top toolbar"
-        
+
           i18n-bottomToolbarLabel="kendo.treelist.bottomToolbarLabel|The label of the TreeList bottom toolbar"
           bottomToolbarLabel="Bottom toolbar"
-        
+
           i18n-dragRowHandleLabel="kendo.treelist.dragRowHandleLabel|The label for the TreeList drag row handle"
           dragRowHandleLabel="Drag row"
-        
+
           i18n-selectRowCheckboxLabel="kendo.treelist.selectRowCheckboxLabel|The label for the select row checkbox"
           selectRowCheckboxLabel="Select row"
-        
+
           i18n-selectAllRowsCheckboxLabel="kendo.treelist.selectAllRowsCheckboxLabel|The label for the select all rows checkbox"
           selectAllRowsCheckboxLabel="Select all rows"
-        
+
           i18n-autosizeAllColumns="kendo.treelist.autosizeAllColumns|The text shown in the column menu for the autosize all columns item"
           autosizeAllColumns="Autosize All Columns"
-        
+
           i18n-autosizeThisColumn="kendo.treelist.autosizeThisColumn|The text shown in the column menu for the autosize this column item"
           autosizeThisColumn="Autosize This Column"
           >
@@ -18779,7 +18900,7 @@ class TreeListComponent {
                       [locked]="true"
                       role="presentation"
                       [style.width.px]="lockedWidth"
-                      class="k-grid-header-table k-table k-table-md">
+                      class="k-grid-header-table k-table">
                       <colgroup
                         kendoTreeListColGroup
                         [columns]="$any(lockedLeafColumns)">
@@ -18812,7 +18933,7 @@ class TreeListComponent {
                   [style.width.px]="nonLockedWidth"
                   kendoTreeListResizableTable
                   [virtualColumns]="virtualColumns"
-                  class="k-grid-header-table k-table k-table-md">
+                  class="k-grid-header-table k-table">
                   <colgroup
                     kendoTreeListColGroup
                     [columns]="headerLeafColumns">
@@ -18869,7 +18990,7 @@ class TreeListComponent {
         }
         @if (!isScrollable) {
           <table
-            class="k-table k-table-md k-grid-header-table"
+            class="k-table k-grid-header-table"
             role="presentation"
             [style.table-layout]="resizable ? 'fixed' : null"
             kendoTreeListResizableTable>
@@ -18963,7 +19084,7 @@ class TreeListComponent {
             [attr.aria-controls]="ariaRootId">
           </kendo-treelist-toolbar>
         }
-        
+
         <ng-template #defaultHint>
           <kendo-icon-wrapper
             [name]="getHintSettings('hintIcon')"
@@ -18972,7 +19093,7 @@ class TreeListComponent {
           </kendo-icon-wrapper>
           {{hintText}}
         </ng-template>
-        
+
         <ng-template #defaultPager>
           <div class="k-pager-numbers-wrap">
             @if (normalizedPageableSettings.previousNext) {
@@ -19073,202 +19194,202 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
         <ng-container kendoTreeListLocalizedMessages
           i18n-noRecords="kendo.treelist.noRecords|The label visible in the TreeList when there are no records"
           noRecords="No records available."
-        
+
           i18n-pagerLabel="kendo.treelist.pagerLabel|The label for the TreeList pager"
           pagerLabel="{{ 'Page navigation, page {currentPage} of {totalPages}' }}"
-        
+
           i18n-pagerFirstPage="kendo.treelist.pagerFirstPage|The label for the first page button in TreeList pager"
           pagerFirstPage="Go to the first page"
-        
+
           i18n-pagerPreviousPage="kendo.treelist.pagerPreviousPage|The label for the previous page button in TreeList pager"
           pagerPreviousPage="Go to the previous page"
-        
+
           i18n-pagerNextPage="kendo.treelist.pagerNextPage|The label for the next page button in TreeList pager"
           pagerNextPage="Go to the next page"
-        
+
           i18n-pagerLastPage="kendo.treelist.pagerLastPage|The label for the last page button in TreeList pager"
           pagerLastPage="Go to the last page"
-        
+
           i18n-pagerPage="kendo.treelist.pagerPage|The label before the current page number in the TreeList pager"
           pagerPage="Page"
-        
+
           i18n-pagerOf="kendo.treelist.pagerOf|The label before the total pages number in the TreeList pager"
           pagerOf="of"
-        
+
           i18n-pagerPageNumberInputTitle="kendo.treelist.pagerPageNumberInputTitle|The label for the pager input in the Treelist pager"
           pagerPageNumberInputTitle="Page Number"
-        
+
           i18n-pagerItemsPerPage="kendo.treelist.pagerItemsPerPage|The label for the page size chooser in the TreeList pager"
           pagerItemsPerPage="items per page"
-        
+
           i18n-pagerItemsTotal="kendo.treelist.pagerItemsTotal|The label after the total items count in the TreeList pager"
           pagerItemsTotal="items total"
-        
+
           i18n-pagerInputLabel="kendo.treelist.pagerInputLabel|The text of the aria-label attribute applied to the input element for entering the page number"
           pagerInputLabel="Type a page number"
-        
+
           i18n-filterCellOperatorLabel="kendo.treelist.filterCellOperatorLabel|The label of the filter cell operators dropdown"
           filterCellOperatorLabel="{{ 'Filter cell operators for {columnName}' }}"
-        
+
           i18n-booleanFilterCellLabel="kendo.treelist.booleanFilterCellLabel|The label of the boolean filter cell dropdown"
           booleanFilterCellLabel="{{ 'Boolean filter cell for {columnName}' }}"
-        
+
           i18n-filter="kendo.treelist.filter|The label of the filter cell or icon"
           filter="Filter"
-        
+
           i18n-filterEqOperator="kendo.treelist.filterEqOperator|The text of the equal filter operator"
           filterEqOperator="Is equal to"
-        
+
           i18n-filterNotEqOperator="kendo.treelist.filterNotEqOperator|The text of the not equal filter operator"
           filterNotEqOperator="Is not equal to"
-        
+
           i18n-filterIsNullOperator="kendo.treelist.filterIsNullOperator|The text of the is null filter operator"
           filterIsNullOperator="Is null"
-        
+
           i18n-filterIsNotNullOperator="kendo.treelist.filterIsNotNullOperator|The text of the is not null filter operator"
           filterIsNotNullOperator="Is not null"
-        
+
           i18n-filterIsEmptyOperator="kendo.treelist.filterIsEmptyOperator|The text of the is empty filter operator"
           filterIsEmptyOperator="Is empty"
-        
+
           i18n-filterIsNotEmptyOperator="kendo.treelist.filterIsNotEmptyOperator|The text of the is not empty filter operator"
           filterIsNotEmptyOperator="Is not empty"
-        
+
           i18n-filterStartsWithOperator="kendo.treelist.filterStartsWithOperator|The text of the starts with filter operator"
           filterStartsWithOperator="Starts with"
-        
+
           i18n-filterContainsOperator="kendo.treelist.filterContainsOperator|The text of the contains filter operator"
           filterContainsOperator="Contains"
-        
+
           i18n-filterNotContainsOperator="kendo.treelist.filterNotContainsOperator|The text of the does not contain filter operator"
           filterNotContainsOperator="Does not contain"
-        
+
           i18n-filterEndsWithOperator="kendo.treelist.filterEndsWithOperator|The text of the ends with filter operator"
           filterEndsWithOperator="Ends with"
-        
+
           i18n-filterGteOperator="kendo.treelist.filterGteOperator|The text of the greater than or equal filter operator"
           filterGteOperator="Is greater than or equal to"
-        
+
           i18n-filterGtOperator="kendo.treelist.filterGtOperator|The text of the greater than filter operator"
           filterGtOperator="Is greater than"
-        
+
           i18n-filterLteOperator="kendo.treelist.filterLteOperator|The text of the less than or equal filter operator"
           filterLteOperator="Is less than or equal to"
-        
+
           i18n-filterLtOperator="kendo.treelist.filterLtOperator|The text of the less than filter operator"
           filterLtOperator="Is less than"
-        
+
           i18n-filterIsTrue="kendo.treelist.filterIsTrue|The text of the IsTrue boolean filter option"
           filterIsTrue="Is True"
-        
+
           i18n-filterIsFalse="kendo.treelist.filterIsFalse|The text of the IsFalse boolean filter option"
           filterIsFalse="Is False"
-        
+
           i18n-filterBooleanAll="kendo.treelist.filterBooleanAll|The text of the (All) boolean filter option"
           filterBooleanAll="(All)"
-        
+
           i18n-filterAfterOrEqualOperator="kendo.treelist.filterAfterOrEqualOperator|The text of the after or equal date filter operator"
           filterAfterOrEqualOperator="Is after or equal to"
-        
+
           i18n-filterAfterOperator="kendo.treelist.filterAfterOperator|The text of the after date filter operator"
           filterAfterOperator="Is after"
-        
+
           i18n-filterBeforeOperator="kendo.treelist.filterBeforeOperator|The text of the before date filter operator"
           filterBeforeOperator="Is before"
-        
+
           i18n-filterBeforeOrEqualOperator="kendo.treelist.filterBeforeOrEqualOperator|The text of the before or equal date filter operator"
           filterBeforeOrEqualOperator="Is before or equal to"
-        
+
           i18n-filterFilterButton="kendo.treelist.filterFilterButton|The text of the filter button"
           filterFilterButton="Filter"
-        
+
           i18n-filterClearButton="kendo.treelist.filterClearButton|The text of the clear filter button"
           filterClearButton="Clear"
-        
+
           i18n-filterAndLogic="kendo.treelist.filterAndLogic|The text of the And filter logic"
           filterAndLogic="And"
-        
+
           i18n-filterOrLogic="kendo.treelist.filterOrLogic|The text of the Or filter logic"
           filterOrLogic="Or"
-        
+
           i18n-filterDateToday="kendo.treelist.filterDateToday|The text of the Today button of the Date filter."
           filterDateToday="TODAY"
-        
+
           i18n-filterDateToggle="kendo.treelist.filterDateToggle|The title of the Toggle button of the Date filter."
           filterDateToggle="Toggle Calendar"
-        
+
           i18n-filterNumericDecrement="kendo.treelist.filterNumericDecrement|The title of the Decrement button of the Numeric filter."
           filterNumericDecrement="Decrement"
-        
+
           i18n-filterNumericIncrement="kendo.treelist.filterNumericIncrement|The title of the Increment button of the Numeric filter."
           filterNumericIncrement="Increment"
-        
+
           i18n-loading="kendo.treelist.loading|The loading text"
           loading="Loading"
-        
+
           i18n-filterInputLabel="kendo.treelist.filterInputLabel|The label of the filter row and menu inputs"
           filterInputLabel="{{ '{columnName} Filter' }}"
-        
+
           i18n-filterMenuLogicDropDownLabel="kendo.treelist.filterMenuLogicDropDownLabel|The label of the filter menu logic dropdown"
           filterMenuLogicDropDownLabel="{{ '{columnName} Filter Logic' }}"
-        
+
           i18n-filterMenuOperatorsDropDownLabel="kendo.treelist.filterMenuOperatorsDropDownLabel|The label of the filter menu operators dropdown"
           filterMenuOperatorsDropDownLabel="{{ '{columnName} Filter Operators' }}"
-        
+
           i18n-filterMenuTitle="kendo.treelist.filterMenuTitle|The title of the filter menu icon"
           filterMenuTitle="{{ '{columnName} Filter Menu' }}"
-        
+
           i18n-columnMenu="kendo.treelist.columnMenu|The title of the column menu icon"
           columnMenu="{{ '{columnName} Column Menu' }}"
-        
+
           i18n-columns="kendo.treelist.columns|The text shown in the column menu for the columns item"
           columns="Columns"
-        
+
           i18n-lock="kendo.treelist.lock|The text shown in the column menu for the lock item"
           lock="Lock"
-        
+
           i18n-unlock="kendo.treelist.unlock|The text shown in the column menu for the unlock item"
           unlock="Unlock"
-        
+
           i18n-sortable="kendo.treelist.sortable|The label of the sort icon"
           sortable="Sortable"
-        
+
           i18n-sortAscending="kendo.treelist.sortAscending|The text shown in the column menu for the sort ascending item"
           sortAscending="Sort Ascending"
-        
+
           i18n-sortDescending="kendo.treelist.sortDescending|The text shown in the column menu for the sort descending item"
           sortDescending="Sort Descending"
-        
+
           i18n-sortedDefault="kendo.treelist.sortedDefault|The status announcement when a column is no longer sorted"
           sortedDefault="Not Sorted"
-        
+
           i18n-columnsApply="kendo.treelist.columnsApply|The text shown in the column menu or column chooser for the columns apply button"
           columnsApply="Apply"
-        
+
           i18n-columnsReset="kendo.treelist.columnsReset|The text shown in the column menu or column chooser for the columns reset button"
           columnsReset="Reset"
-        
+
           i18n-pagerSelectPage="kendo.treelist.pagerSelectPage|The text of the title and aria-label attributes applied to the page chooser in the TreeList Pager"
           pagerSelectPage="Select page"
-        
+
           i18n-topToolbarLabel="kendo.treelist.topToolbarLabel|The label of the TreeList top toolbar"
           topToolbarLabel="Top toolbar"
-        
+
           i18n-bottomToolbarLabel="kendo.treelist.bottomToolbarLabel|The label of the TreeList bottom toolbar"
           bottomToolbarLabel="Bottom toolbar"
-        
+
           i18n-dragRowHandleLabel="kendo.treelist.dragRowHandleLabel|The label for the TreeList drag row handle"
           dragRowHandleLabel="Drag row"
-        
+
           i18n-selectRowCheckboxLabel="kendo.treelist.selectRowCheckboxLabel|The label for the select row checkbox"
           selectRowCheckboxLabel="Select row"
-        
+
           i18n-selectAllRowsCheckboxLabel="kendo.treelist.selectAllRowsCheckboxLabel|The label for the select all rows checkbox"
           selectAllRowsCheckboxLabel="Select all rows"
-        
+
           i18n-autosizeAllColumns="kendo.treelist.autosizeAllColumns|The text shown in the column menu for the autosize all columns item"
           autosizeAllColumns="Autosize All Columns"
-        
+
           i18n-autosizeThisColumn="kendo.treelist.autosizeThisColumn|The text shown in the column menu for the autosize this column item"
           autosizeThisColumn="Autosize This Column"
           >
@@ -19323,7 +19444,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
                       [locked]="true"
                       role="presentation"
                       [style.width.px]="lockedWidth"
-                      class="k-grid-header-table k-table k-table-md">
+                      class="k-grid-header-table k-table">
                       <colgroup
                         kendoTreeListColGroup
                         [columns]="$any(lockedLeafColumns)">
@@ -19356,7 +19477,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
                   [style.width.px]="nonLockedWidth"
                   kendoTreeListResizableTable
                   [virtualColumns]="virtualColumns"
-                  class="k-grid-header-table k-table k-table-md">
+                  class="k-grid-header-table k-table">
                   <colgroup
                     kendoTreeListColGroup
                     [columns]="headerLeafColumns">
@@ -19413,7 +19534,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
         }
         @if (!isScrollable) {
           <table
-            class="k-table k-table-md k-grid-header-table"
+            class="k-table k-grid-header-table"
             role="presentation"
             [style.table-layout]="resizable ? 'fixed' : null"
             kendoTreeListResizableTable>
@@ -19507,7 +19628,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
             [attr.aria-controls]="ariaRootId">
           </kendo-treelist-toolbar>
         }
-        
+
         <ng-template #defaultHint>
           <kendo-icon-wrapper
             [name]="getHintSettings('hintIcon')"
@@ -19516,7 +19637,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
           </kendo-icon-wrapper>
           {{hintText}}
         </ng-template>
-        
+
         <ng-template #defaultPager>
           <div class="k-pager-numbers-wrap">
             @if (normalizedPageableSettings.previousNext) {
@@ -19678,9 +19799,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
             }], hostClasses: [{
                 type: HostBinding,
                 args: ['class.k-grid']
-            }, {
-                type: HostBinding,
-                args: ['class.k-grid-md']
             }, {
                 type: HostBinding,
                 args: ['class.k-treelist']
@@ -19736,7 +19854,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
 
 /**
  * Overrides the default component messages with custom messages.
- * [See example](slug:globalization_treelist#toc-custom-messages).
+ * [See example](https://www.telerik.com/kendo-angular-ui/components/treelist/globalization#custom-messages).
  *
  * @example
  * ```html
@@ -20011,7 +20129,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
 
 /**
  * A directive that encapsulates the editing operations of the TreeList when using
- * Template-Driven Angular Forms. [See example](slug:editing_directives_treelist#toc-template-editing-directive).
+ * Template-Driven Angular Forms. [See example](https://www.telerik.com/kendo-angular-ui/components/treelist/editing/editing-directives#template-editing-directive).
  *
  * @example
  * ```html
@@ -20109,7 +20227,7 @@ const insertNewItem = (newItem, originalData, treelist, parent) => {
 
 /**
  * A directive that encapsulates the editing operations of the TreeList when using the
- * Reactive Forms. [See example](slug:editing_directives_treelist#toc-reactive-editing-directive).
+ * Reactive Forms. [See example](https://www.telerik.com/kendo-angular-ui/components/treelist/editing/editing-directives#reactive-editing-directive).
  *
  * @example
  * ```html
@@ -20161,7 +20279,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
 
 /**
  * A directive that encapsulates the editing operations of the TreeList when using the in-cell
- * editing with Reactive Forms. [See example](slug:editing_directives_treelist#toc-in-cell-editing-directive).
+ * editing with Reactive Forms. [See example](https://www.telerik.com/kendo-angular-ui/components/treelist/editing/editing-directives#in-cell-editing-directive).
  *
  * @example
  * ```html
@@ -20499,8 +20617,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
 /**
  * Represents the Kendo UI for Angular TreeList hierarchy binding directive.
  * Use this directive to bind the TreeList to a tree of objects using a field that holds child data items.
- * Handles in-memory data operations [sorting]({% slug sorting_treelist %}), [aggregation]({% slug treelist_with_aggregates %})
- * and [filtering]({% slug filtering_treelist %}). [More information and examples.](slug:local_databinding_treelist#toc-binding-to-hierarchical-data-1)
+ * Handles in-memory data operations [sorting](https://www.telerik.com/kendo-angular-ui/components/treelist/sorting/basics), [aggregation](https://www.telerik.com/kendo-angular-ui/components/treelist/aggregates)
+ * and [filtering](https://www.telerik.com/kendo-angular-ui/components/treelist/filtering/basics). [More information and examples.](https://www.telerik.com/kendo-angular-ui/components/treelist/data-binding/local-data#binding-to-hierarchical-data-1)
  *
  * @example
  * ```html
@@ -20682,8 +20800,8 @@ const ROOT_ID = null;
 /**
  * Represents the Kendo for Angular UI TreeList flat binding directive.
  * Use this directive to bind the TreeList to a flat array of objects using `idField` and `parentIdField` to define the hierarchy.
- * Handles in-memory data operations [sorting]({% slug sorting_treelist %}), [aggregation]({% slug treelist_with_aggregates %})
- * and [filtering]({% slug filtering_treelist %}). [More information and examples]({% slug databinding_treelist %}).
+ * Handles in-memory data operations [sorting](https://www.telerik.com/kendo-angular-ui/components/treelist/sorting/basics), [aggregation](https://www.telerik.com/kendo-angular-ui/components/treelist/aggregates)
+ * and [filtering](https://www.telerik.com/kendo-angular-ui/components/treelist/filtering/basics). [More information and examples](https://www.telerik.com/kendo-angular-ui/components/treelist/data-binding/basics).
  *
  */
 class FlatBindingDirective extends BaseBindingDirective {
@@ -20795,7 +20913,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
             }] } });
 
 /**
- * A directive which controls the expanded state of items in the TreeList. [See example](slug:treelist_expanded_state#toc-built-in-directive).
+ * A directive which controls the expanded state of items in the TreeList. [See example](https://www.telerik.com/kendo-angular-ui/components/treelist/expanded-state#built-in-directive).
  *
  * @example
  * ```html
@@ -20906,7 +21024,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
 
 const defaultColumnKeyGetter = (_column, columnIndex) => columnIndex;
 /**
- * A directive which controls the selection state. [See example](slug:selection_treelist).
+ * A directive which controls the selection state. [See example](https://www.telerik.com/kendo-angular-ui/components/treelist/selection).
  *
  * @example
  * ```html
@@ -21118,7 +21236,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
 /**
  * Represents the Kendo UI TreeListSpacer component for Angular.
  * 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).
+ * You can also use it in any flex container within the TreeList. [See example](https://www.telerik.com/kendo-angular-ui/components/treelist/toolbar/toolbar-template#defining-the-spacing-between-toolbar-elements).
  *
  * @example
  * ```html
@@ -21171,7 +21289,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
             }] } });
 
 /**
- * Represents the checkbox column for selecting rows in the TreeList. [See example](slug:treelist_row_selection#toc-select-all-checkbox).
+ * Represents the checkbox column for selecting rows in the TreeList. [See example](https://www.telerik.com/kendo-angular-ui/components/treelist/selection/row-selection#select-all-checkbox).
  *
  * @example
  * ```html
@@ -21303,13 +21421,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
 /**
  * Represents the command column of the TreeList. Define the content of the column inside an `<ng-template>` tag.
  * For more information and examples on using the passed fields and command directives, see
- * [editing the TreeList in Angular Reactive Forms]({% slug editing_reactive_forms_treelist %}).
+ * [editing the TreeList in Angular Reactive Forms](https://www.telerik.com/kendo-angular-ui/components/treelist/editing/reactive-forms).
  *
  * 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 %})
+ * - [`EditCommandDirective`](https://www.telerik.com/kendo-angular-ui/components/treelist/api/editcommanddirective)
+ * - [`RemoveCommandDirective`](https://www.telerik.com/kendo-angular-ui/components/treelist/api/removecommanddirective)
+ * - [`CancelCommandDirective`](https://www.telerik.com/kendo-angular-ui/components/treelist/api/cancelcommanddirective)
+ * - [`SaveCommandDirective`](https://www.telerik.com/kendo-angular-ui/components/treelist/api/savecommanddirective)
  *
  * @example
  * ```html
@@ -21451,9 +21569,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
             }] } });
 
 /**
- * Represents the `edit` command of the TreeList. Apply this directive to any `button` element inside a [`CommandColumnComponent`]({% slug api_treelist_commandcolumncomponent %}).
+ * Represents the `edit` command of the TreeList. Apply this directive to any `button` element inside a [`CommandColumnComponent`](https://www.telerik.com/kendo-angular-ui/components/treelist/api/commandcolumncomponent).
  *
- * When the user clicks a button with this directive, the [`edit`]({% slug api_treelist_treelistcomponent %}#toc-edit) event is triggered ([see example](slug:custom_editors_editing_treelist)).
+ * When the user clicks a button with this directive, the [`edit`](https://www.telerik.com/kendo-angular-ui/components/treelist/api/treelistcomponent#edit) event is triggered ([see example](https://www.telerik.com/kendo-angular-ui/components/treelist/editing/custom-editors)).
  *
  * The button with `kendoTreeListEditCommand` is automatically hidden when the row is in edit mode. The directive takes the `cellContext` from the cell template as input.
  *
@@ -21535,9 +21653,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
             }] } });
 
 /**
- * Represents the `cancel` command of the TreeList. Apply this directive to any `button` element inside a [`CommandColumnComponent`]({% slug api_treelist_commandcolumncomponent %}).
+ * Represents the `cancel` command of the TreeList. Apply this directive to any `button` element inside a [`CommandColumnComponent`](https://www.telerik.com/kendo-angular-ui/components/treelist/api/commandcolumncomponent).
  *
- * When the user clicks a button with this directive, the [`cancel`]({% slug api_treelist_treelistcomponent %}#toc-cancel) event is triggered ([see example](slug:custom_editors_editing_treelist)).
+ * When the user clicks a button with this directive, the [`cancel`](https://www.telerik.com/kendo-angular-ui/components/treelist/api/treelistcomponent#cancel) event is triggered ([see example](https://www.telerik.com/kendo-angular-ui/components/treelist/editing/custom-editors)).
  *
  * The button with `kendoTreeListCancelCommand` is automatically hidden when the row is not in edit mode. The directive takes the `cellContext` from the cell template as input.
  *
@@ -21620,9 +21738,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
             }] } });
 
 /**
- * Represents the `save` command of the TreeList. Apply this directive to any `button` element inside a [`CommandColumnComponent`]({% slug api_treelist_commandcolumncomponent %}).
+ * Represents the `save` command of the TreeList. Apply this directive to any `button` element inside a [`CommandColumnComponent`](https://www.telerik.com/kendo-angular-ui/components/treelist/api/commandcolumncomponent).
  *
- * When the user clicks a button with this directive, the [`save`]({% slug api_treelist_treelistcomponent %}#toc-save) event is triggered ([see example]({% slug editing_treelist %})).
+ * When the user clicks a button with this directive, the [`save`](https://www.telerik.com/kendo-angular-ui/components/treelist/api/treelistcomponent#save) event is triggered ([see example](https://www.telerik.com/kendo-angular-ui/components/treelist/editing)).
  *
  * The button with `kendoTreeListSaveCommand` is automatically hidden when the row is not in edit mode. The directive takes the `cellContext` from the cell template as input.
  *
@@ -21704,9 +21822,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
             }] } });
 
 /**
- * Represents the `remove` command of the TreeList. Apply this directive to any `button` element inside a [`CommandColumnComponent`]({% slug api_treelist_commandcolumncomponent %}).
+ * Represents the `remove` command of the TreeList. Apply this directive to any `button` element inside a [`CommandColumnComponent`](https://www.telerik.com/kendo-angular-ui/components/treelist/api/commandcolumncomponent).
  *
- * When the user clicks a button with this directive, the [`remove` event]({% slug api_treelist_treelistcomponent %}#toc-remove) is triggered ([see example]({% slug editing_reactive_forms_treelist %})).
+ * When the user clicks a button with this directive, the [`remove` event](https://www.telerik.com/kendo-angular-ui/components/treelist/api/treelistcomponent#remove) is triggered ([see example](https://www.telerik.com/kendo-angular-ui/components/treelist/editing/reactive-forms)).
  *
  * The button with `kendoTreeListRemoveCommand` is automatically hidden when the row is in edit mode. The directive takes the `cellContext` from the cell template as input.
  *
@@ -21788,9 +21906,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
             }] } });
 
 /**
- * Represents the command for adding a new item to the TreeList. Apply this directive to any `button` element inside a [`ToolbarTemplate`](slug:toolbartemplate_treelist) or inside a [`CommandColumnComponent`]({% slug api_treelist_commandcolumncomponent %}).
+ * Represents the command for adding a new item to the TreeList. Apply this directive to any `button` element inside a [`ToolbarTemplate`](https://www.telerik.com/kendo-angular-ui/components/treelist/toolbar/toolbar-template) or inside a [`CommandColumnComponent`](https://www.telerik.com/kendo-angular-ui/components/treelist/api/commandcolumncomponent).
  *
- * When the user clicks a button with this directive, the [`add`]({% slug api_treelist_treelistcomponent %}#toc-add) event is triggered ([see example](slug:custom_editors_editing_treelist)).
+ * When the user clicks a button with this directive, the [`add`](https://www.telerik.com/kendo-angular-ui/components/treelist/api/treelistcomponent#add) event is triggered ([see example](https://www.telerik.com/kendo-angular-ui/components/treelist/editing/custom-editors)).
  *
  * The button with `kendoTreeListAddCommand` is automatically hidden when the row is in edit mode.
  *
@@ -21971,8 +22089,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
 /**
  * Represents the `Contains` (**Contains**) filter operator for the TreeList.
  * Use this operator to filter values that contain a specific substring.
- * [See example](slug:filtering_treelist#toc-using-the-built-in-directives).
- * For more information and examples, refer to the article on setting [default filter operators](slug:filter_row_treelist#toc-setting-the-default-filter-operator).
+ * [See example](https://www.telerik.com/kendo-angular-ui/components/treelist/filtering/basics#using-the-built-in-directives).
+ * For more information and examples, refer to the article on setting [default filter operators](https://www.telerik.com/kendo-angular-ui/components/treelist/filtering/filter-row#setting-the-default-filter-operator).
  *
  * @example
  * ```html Filter Cell
@@ -22027,8 +22145,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
 /**
  * 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).
+ * [See example](https://www.telerik.com/kendo-angular-ui/components/treelist/filtering/basics#using-the-built-in-directives).
+ * For more information and examples, refer to the article on setting [default filter operators](https://www.telerik.com/kendo-angular-ui/components/treelist/filtering/filter-row#setting-the-default-filter-operator).
  *
  * @example
  * ```html Filter Cell
@@ -22083,8 +22201,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
 /**
  * Represents the `EndsWith` (**Ends with**) string filter operator for the TreeList.
  * Use this operator to filter values that end with a specific substring.
- * [See example](slug:filtering_treelist#toc-using-the-built-in-directives).
- * For more information and examples, refer to the article on setting [default filter operators](slug:filter_row_treelist#toc-setting-the-default-filter-operator).
+ * [See example](https://www.telerik.com/kendo-angular-ui/components/treelist/filtering/basics#using-the-built-in-directives).
+ * For more information and examples, refer to the article on setting [default filter operators](https://www.telerik.com/kendo-angular-ui/components/treelist/filtering/filter-row#setting-the-default-filter-operator).
  *
  * @example
  * ```html Filter Cell
@@ -22139,8 +22257,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
 /**
  * Represents the `Equal` (**Is equal to**) filter operator for the TreeList.
  * Use this operator to filter values that are equal to a specific value.
- * [See example](slug:filtering_treelist#toc-using-the-built-in-directives).
- * For more information and examples, refer to the article on setting [default filter operators](slug:filter_row_treelist#toc-setting-the-default-filter-operator).
+ * [See example](https://www.telerik.com/kendo-angular-ui/components/treelist/filtering/basics#using-the-built-in-directives).
+ * For more information and examples, refer to the article on setting [default filter operators](https://www.telerik.com/kendo-angular-ui/components/treelist/filtering/filter-row#setting-the-default-filter-operator).
  *
  * @example
  * ```html String Filter Cell
@@ -22243,8 +22361,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
 /**
  * Represents the `IsEmpty` (**Is empty**) filter operator for the TreeList.
  * Use this operator to filter values that are empty.
- * [See example](slug:filtering_treelist#toc-using-the-built-in-directives).
- * For more information and examples, refer to the article on setting [default filter operators](slug:filter_row_treelist#toc-setting-the-default-filter-operator).
+ * [See example](https://www.telerik.com/kendo-angular-ui/components/treelist/filtering/basics#using-the-built-in-directives).
+ * For more information and examples, refer to the article on setting [default filter operators](https://www.telerik.com/kendo-angular-ui/components/treelist/filtering/filter-row#setting-the-default-filter-operator).
  *
  * @example
  * ```html Filter Cell
@@ -22299,8 +22417,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
 /**
  * Represents the `IsNotEmpty` (**Is not empty**) filter operator for the TreeList.
  * Use this operator to filter values that are not empty.
- * [See example](slug:filtering_treelist#toc-using-the-built-in-directives).
- * For more information and examples, refer to the article on setting [default filter operators](slug:filter_row_treelist#toc-setting-the-default-filter-operator).
+ * [See example](https://www.telerik.com/kendo-angular-ui/components/treelist/filtering/basics#using-the-built-in-directives).
+ * For more information and examples, refer to the article on setting [default filter operators](https://www.telerik.com/kendo-angular-ui/components/treelist/filtering/filter-row#setting-the-default-filter-operator).
  *
  * @example
  * ```html Filter Cell
@@ -22355,8 +22473,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
 /**
  * Represents the `IsNotNull` (**Is not null**) filter operator for the TreeList.
  * Use this operator to filter values that are not null.
- * [See example](slug:filtering_treelist#toc-using-the-built-in-directives).
- * For more information and examples, refer to the article on setting [default filter operators](slug:filter_row_treelist#toc-setting-the-default-filter-operator).
+ * [See example](https://www.telerik.com/kendo-angular-ui/components/treelist/filtering/basics#using-the-built-in-directives).
+ * For more information and examples, refer to the article on setting [default filter operators](https://www.telerik.com/kendo-angular-ui/components/treelist/filtering/filter-row#setting-the-default-filter-operator).
  *
  * @example
  * ```html String Filter Cell
@@ -22459,8 +22577,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
 /**
  * Represents the `IsNull` (**Is null**) filter operator for the TreeList.
  * Use this operator to filter values that are null.
- * [See example](slug:filtering_treelist#toc-using-the-built-in-directives).
- * For more information and examples, refer to the article on setting [default filter operators](slug:filter_row_treelist#toc-setting-the-default-filter-operator).
+ * [See example](https://www.telerik.com/kendo-angular-ui/components/treelist/filtering/basics#using-the-built-in-directives).
+ * For more information and examples, refer to the article on setting [default filter operators](https://www.telerik.com/kendo-angular-ui/components/treelist/filtering/filter-row#setting-the-default-filter-operator).
  *
  * @example
  * ```html String Filter Cell
@@ -22563,8 +22681,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
 /**
  * Represents the `NotEqual` (**Is not equal to**) filter operator for the TreeList.
  * Use this operator to filter values that are not equal to a specific value.
- * [See example](slug:filtering_treelist#toc-using-the-built-in-directives).
- * For more information and examples, refer to the article on setting [default filter operators](slug:filter_row_treelist#toc-setting-the-default-filter-operator).
+ * [See example](https://www.telerik.com/kendo-angular-ui/components/treelist/filtering/basics#using-the-built-in-directives).
+ * For more information and examples, refer to the article on setting [default filter operators](https://www.telerik.com/kendo-angular-ui/components/treelist/filtering/filter-row#setting-the-default-filter-operator).
  *
  * @example
  * ```html String Filter Cell
@@ -22667,8 +22785,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
 /**
  * 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).
+ * [See example](https://www.telerik.com/kendo-angular-ui/components/treelist/filtering/basics#using-the-built-in-directives).
+ * For more information and examples, refer to the article on setting [default filter operators](https://www.telerik.com/kendo-angular-ui/components/treelist/filtering/filter-row#setting-the-default-filter-operator).
  *
  * @example
  * ```html Filter Cell
@@ -22721,9 +22839,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
         }], ctorParameters: () => [{ type: i1$1.LocalizationService }] });
 
 /**
- * Represents the `Greater` (**Is greater than**) [numeric filter operator](slug:filtering_treelist#toc-numeric-filter) for the TreeList.
+ * Represents the `Greater` (**Is greater than**) [numeric filter operator](https://www.telerik.com/kendo-angular-ui/components/treelist/filtering/basics#numeric-filter) for the TreeList.
  * Use this operator to filter values that are greater than a specific value.
- * [See example](slug:filter_row_treelist#toc-setting-the-default-filter-operator).
+ * [See example](https://www.telerik.com/kendo-angular-ui/components/treelist/filtering/filter-row#setting-the-default-filter-operator).
  *
  * @example
  * ```html Filter Cell
@@ -22776,9 +22894,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
         }], ctorParameters: () => [{ type: i1$1.LocalizationService }] });
 
 /**
- * Represents the `GreaterOrEqualTo` (**Is greater than or equal to**) [numeric filter operator](slug:filtering_treelist#toc-numeric-filter) for the TreeList.
+ * Represents the `GreaterOrEqualTo` (**Is greater than or equal to**) [numeric filter operator](https://www.telerik.com/kendo-angular-ui/components/treelist/filtering/basics#numeric-filter) for the TreeList.
  * Use this operator to filter values that are greater than or equal to a specific value.
- * [See example](slug:filter_row_treelist#toc-setting-the-default-filter-operator).
+ * [See example](https://www.telerik.com/kendo-angular-ui/components/treelist/filtering/filter-row#setting-the-default-filter-operator).
  *
  * @example
  * ```html Filter Cell
@@ -22831,9 +22949,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
         }], ctorParameters: () => [{ type: i1$1.LocalizationService }] });
 
 /**
- * Represents the `Less` (**Is less than**) [numeric filter operator](slug:filtering_treelist#toc-numeric-filter) for the TreeList.
+ * Represents the `Less` (**Is less than**) [numeric filter operator](https://www.telerik.com/kendo-angular-ui/components/treelist/filtering/basics#numeric-filter) for the TreeList.
  * Use this operator to filter values that are less than a specific value.
- * [See example](slug:filter_row_treelist#toc-setting-the-default-filter-operator).
+ * [See example](https://www.telerik.com/kendo-angular-ui/components/treelist/filtering/filter-row#setting-the-default-filter-operator).
  *
  * @example
  * ```html Filter Cell
@@ -22886,9 +23004,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
         }], ctorParameters: () => [{ type: i1$1.LocalizationService }] });
 
 /**
- * Represents the `LessOrEqualTo` (**Is less than or equal to**) [numeric filter operator](slug:filtering_treelist#toc-numeric-filter) for the TreeList.
+ * Represents the `LessOrEqualTo` (**Is less than or equal to**) [numeric filter operator](https://www.telerik.com/kendo-angular-ui/components/treelist/filtering/basics#numeric-filter) for the TreeList.
  * Use this operator to filter values that are less than or equal to a specific value.
- * [See example](slug:filter_row_treelist#toc-setting-the-default-filter-operator).
+ * [See example](https://www.telerik.com/kendo-angular-ui/components/treelist/filtering/filter-row#setting-the-default-filter-operator).
  *
  * @example
  * ```html Filter Cell
@@ -22941,9 +23059,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
         }], ctorParameters: () => [{ type: i1$1.LocalizationService }] });
 
 /**
- * Represents the `Greater` (**Is after**) [date filter operator](slug:filtering_treelist#toc-date-filter) for the TreeList.
+ * Represents the `Greater` (**Is after**) [date filter operator](https://www.telerik.com/kendo-angular-ui/components/treelist/filtering/basics#date-filter) for the TreeList.
  * Use this operator to filter dates that are after a specific value.
- * [See example](slug:filter_row_treelist#toc-setting-the-default-filter-operator).
+ * [See example](https://www.telerik.com/kendo-angular-ui/components/treelist/filtering/filter-row#setting-the-default-filter-operator).
  *
  * @example
  * ```html Filter Cell
@@ -23005,9 +23123,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
         }], ctorParameters: () => [{ type: i1$1.LocalizationService }] });
 
 /**
- * Represents the `GreaterOrEqualTo` (**Is after or equal to**) [date filter operator](slug:filtering_treelist#toc-date-filter) for the TreeList.
+ * Represents the `GreaterOrEqualTo` (**Is after or equal to**) [date filter operator](https://www.telerik.com/kendo-angular-ui/components/treelist/filtering/basics#date-filter) for the TreeList.
  * Use this operator to filter dates that are after or equal to a specific value.
- * [See example](slug:filter_row_treelist#toc-setting-the-default-filter-operator).
+ * [See example](https://www.telerik.com/kendo-angular-ui/components/treelist/filtering/filter-row#setting-the-default-filter-operator).
  *
  * @example
  * ```html Filter Cell
@@ -23069,9 +23187,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
         }], ctorParameters: () => [{ type: i1$1.LocalizationService }] });
 
 /**
- * Represents the `LessOrEqualTo` (**Is before or equal to**) [date filter operator](slug:filtering_treelist#toc-date-filter) for the TreeList.
+ * Represents the `LessOrEqualTo` (**Is before or equal to**) [date filter operator](https://www.telerik.com/kendo-angular-ui/components/treelist/filtering/basics#date-filter) for the TreeList.
  * Use this operator to filter dates that are before or equal to a specific value.
- * [See example](slug:filter_row_treelist#toc-setting-the-default-filter-operator).
+ * [See example](https://www.telerik.com/kendo-angular-ui/components/treelist/filtering/filter-row#setting-the-default-filter-operator).
  *
  * @example
  * ```html Filter Cell
@@ -23133,9 +23251,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
         }], ctorParameters: () => [{ type: i1$1.LocalizationService }] });
 
 /**
- * Represents the `Less than` (**Is before**) [date filter operator](slug:filtering_treelist#toc-date-filter) for the TreeList.
+ * Represents the `Less than` (**Is before**) [date filter operator](https://www.telerik.com/kendo-angular-ui/components/treelist/filtering/basics#date-filter) for the TreeList.
  * Use this operator to filter dates that are before a specific value.
- * [See example](slug:filter_row_treelist#toc-setting-the-default-filter-operator).
+ * [See example](https://www.telerik.com/kendo-angular-ui/components/treelist/filtering/filter-row#setting-the-default-filter-operator).
  *
  * @example
  * ```html Filer Cell
@@ -23198,7 +23316,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
 
 /**
  * Represents the Kendo UI for Angular TreeList column chooser component.
- * Use this component to let users show or hide columns in the TreeList. To display the column chooser outside the Column Menu, add it inside the [`ToolbarTemplate`]({% slug api_treelist_toolbartemplatedirective %}) directive.
+ * Use this component to let users show or hide columns in the TreeList. To display the column chooser outside the Column Menu, add it inside the [`ToolbarTemplate`](https://www.telerik.com/kendo-angular-ui/components/treelist/api/toolbartemplatedirective) directive.
  *
  * @example
  * ```html
@@ -23402,7 +23520,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
             }] } });
 
 /**
- * Arguments for the `excelExport` event. [See example](slug:excelexport_treelist#toc-customizing-generated-workbooks).
+ * Arguments for the `excelExport` event. [See example](https://www.telerik.com/kendo-angular-ui/components/treelist/export/excel-export#customizing-generated-workbooks).
  */
 class ExcelExportEvent extends PreventableEvent {
     workbook;
@@ -23471,7 +23589,7 @@ const componentColumns = (component) => {
     return orderBy(columns, [{ field: 'locked', dir: 'desc' }]);
 };
 /**
- * Configures the settings for exporting the TreeList to Excel. [See example]({% slug excelexport_treelist %}).
+ * Configures the settings for exporting the TreeList to Excel. [See example](https://www.telerik.com/kendo-angular-ui/components/treelist/export/excel-export).
  *
  * @example
  * ```html
@@ -23510,13 +23628,13 @@ class ExcelComponent {
      * Use a proxy if the browser cannot save files locally.
      *
      * Optionally, set up a proxy to reduce memory usage. This avoids copying the file contents into memory,
-     * but transmits it over the network instead. For this use case, set [forceProxy](#toc-forceproxy) to `true`
+     * but transmits it over the network instead. For this use case, set [forceProxy](#forceproxy) to `true`
      * to skip client-side saving even in browsers that support it.
      *
-     * The proxy receives a POST request with specific parameters in the request body. [See example](slug:server_proxy#toc-implementations).
+     * The proxy receives a POST request with specific parameters in the request body. [See example](https://www.telerik.com/kendo-angular-ui/components/file-saver/server-proxy#implementations).
      * The proxy returns the decoded file with the `"Content-Disposition"` header set to `attachment; filename="<fileName.xslx>"`.
      *
-     * For details on server-side proxy usage and implementation, see the [File Saver]({% slug overview_filesaver %}) documentation.
+     * For details on server-side proxy usage and implementation, see the [File Saver](https://www.telerik.com/kendo-angular-ui/components/file-saver) documentation.
      */
     proxyURL;
     /**
@@ -23672,8 +23790,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
             }] } });
 
 /**
- * Represents the `export-to-Excel` command of the TreeList. Apply this directive to any `button` element inside a [`ToolbarTemplate`](slug:toolbartemplate_treelist).
- * When the user clicks a button with this directive, the [`excelExport`]({% slug api_treelist_treelistcomponent %}#toc-excelexport) event fires ([see example]({% slug excelexport_treelist %})).
+ * Represents the `export-to-Excel` command of the TreeList. Apply this directive to any `button` element inside a [`ToolbarTemplate`](https://www.telerik.com/kendo-angular-ui/components/treelist/toolbar/toolbar-template).
+ * When the user clicks a button with this directive, the [`excelExport`](https://www.telerik.com/kendo-angular-ui/components/treelist/api/treelistcomponent#excelexport) event fires ([see example](https://www.telerik.com/kendo-angular-ui/components/treelist/export/excel-export)).
  *
  * @example
  * ```html
@@ -23759,7 +23877,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
 /**
  * Represents the `export-to-Excel` toolbar tool of the TreeList. Apply this directive to any `kendo-toolbar-button` element inside a ToolbarComponent used in the TreeList.
  *
- * When the user clicks a button with this directive, the [excelExport]({% slug api_treelist_treelistcomponent %}#toc-excelexport) event fires ([see example]({% slug excelexport_treelist %})).
+ * When the user clicks a button with this directive, the [excelExport](https://www.telerik.com/kendo-angular-ui/components/treelist/api/treelistcomponent#excelexport) event fires ([see example](https://www.telerik.com/kendo-angular-ui/components/treelist/export/excel-export)).
  *
  * @example
  * ```html
@@ -23949,7 +24067,7 @@ const wrapTable = (table) => {
         return;
     }
     const wrapper = document.createElement('div');
-    wrapper.className = 'k-grid k-grid-md';
+    wrapper.className = 'k-grid';
     wrapper.appendChild(table);
     return wrapper;
 };
@@ -23979,7 +24097,7 @@ const setFirstCellClass = (header, headers) => {
 };
 const createTable = (colGroups, headers, bodies, footers) => {
     const table = document.createElement('table');
-    table.classList.add('k-table', 'k-table-md');
+    table.classList.add('k-table');
     const colGroup = colGroups[0].cloneNode(true);
     for (let idx = 1; idx < colGroups.length; idx++) {
         appendNodes(colGroup, colGroups[idx].querySelectorAll('col'));
@@ -24054,7 +24172,7 @@ const createDiv = (className) => {
     return createElement('div', className);
 };
 /**
- * Configures the settings for exporting TreeList to PDF ([see example]({% slug pdfexport_treelist %})).
+ * Configures the settings for exporting TreeList to PDF ([see example](https://www.telerik.com/kendo-angular-ui/components/treelist/export/pdf-export)).
  *
  * @example
  * ```html
@@ -24295,10 +24413,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
 /**
  * Represents the `export-to-PDF` command of the TreeList.
  * Apply this directive to any `button` element inside a
- * [`ToolbarTemplate`](slug:toolbartemplate_treelist).
+ * [`ToolbarTemplate`](https://www.telerik.com/kendo-angular-ui/components/treelist/toolbar/toolbar-template).
  * When you click a button that contains the directive, the
- * [`pdfExport`]({% slug api_treelist_treelistcomponent %}#toc-pdfexport) event
- * fires ([see example]({% slug pdfexport_treelist %})).
+ * [`pdfExport`](https://www.telerik.com/kendo-angular-ui/components/treelist/api/treelistcomponent#pdfexport) event
+ * fires ([see example](https://www.telerik.com/kendo-angular-ui/components/treelist/export/pdf-export)).
  *
  * @example
  * ```html
@@ -24382,7 +24500,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
             }] } });
 
 /**
- * Represents the command for adding a new item to the TreeList. Apply this directive to any `kendo-toolbar-button` element inside a ToolbarComponent. When the user clicks the toolbar button associated with the directive, the [`add`]({% slug api_treelist_treelistcomponent %}#toc-add) event is triggered.
+ * Represents the command for adding a new item to the TreeList. Apply this directive to any `kendo-toolbar-button` element inside a ToolbarComponent. When the user clicks the toolbar button associated with the directive, the [`add`](https://www.telerik.com/kendo-angular-ui/components/treelist/api/treelistcomponent#add) event is triggered.
  *
  * @example
  * ```html
@@ -24436,8 +24554,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
  * ToolbarComponent.
  *
  * 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 %})).
+ * [`pdfExport`](https://www.telerik.com/kendo-angular-ui/components/treelist/api/treelistcomponent#pdfexport) event
+ * fires ([see example](https://www.telerik.com/kendo-angular-ui/components/treelist/export/pdf-export)).
  *
  * @example
  * ```html