@progress/kendo-angular-treelist 25.1.0-develop.21 → 25.1.0-develop.22

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

@@ -49,8 +49,8 @@ const packageMetadata = {
     productName: 'Kendo UI for Angular',
     productCode: 'KENDOUIANGULAR',
     productCodes: ['KENDOUIANGULAR'],
-    publishDate: 1788250781,
-    version: '25.1.0-develop.21',
+    publishDate: 1788265480,
+    version: '25.1.0-develop.22',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
 };
 
@@ -5967,7 +5967,7 @@ const NON_DATA_ROW_CLASSES = 'k-grouping-row k-group-footer k-detail-row k-grid-
 /**
  * @hidden
  */
-const EMPTY_ICON_CLASS = 'k-i-none k-svg-i-none';
+const EMPTY_ICON_CLASS = 'k-i-none k-svg-i-none k-none';
 /**
  * @hidden
  */
@@ -6298,11 +6298,6 @@ class CellComponent {
     chevronRightIcon = chevronRightIcon;
     chevronLeftIcon = chevronLeftIcon;
     reorderIcon = reorderIcon;
-    noneIcon = {
-        name: 'none',
-        content: '',
-        viewBox: '0 0 24 24'
-    };
     cellContext = {};
     _templateContext = {};
     _editTemplateContext = {};
@@ -6357,7 +6352,7 @@ class CellComponent {
   @case (false) {
     @if (column.expandable) {
       @for (item of level | levelItems : hasChildren && expandIcons; track $index) {
-        <kendo-icon-wrapper name="none" innerCssClass="k-treelist-toggle" [svgIcon]="noneIcon"></kendo-icon-wrapper>
+        <span class="k-icon k-svg-icon k-none k-treelist-toggle" aria-hidden="true"></span>
       }
       @if (hasChildren && expandIcons && !loading) {
         <kendo-icon-wrapper innerCssClass="k-treelist-toggle"
@@ -6445,7 +6440,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.27", ngImpo
   @case (false) {
     @if (column.expandable) {
       @for (item of level | levelItems : hasChildren && expandIcons; track $index) {
-        <kendo-icon-wrapper name="none" innerCssClass="k-treelist-toggle" [svgIcon]="noneIcon"></kendo-icon-wrapper>
+        <span class="k-icon k-svg-icon k-none k-treelist-toggle" aria-hidden="true"></span>
       }
       @if (hasChildren && expandIcons && !loading) {
         <kendo-icon-wrapper innerCssClass="k-treelist-toggle"
@@ -6590,7 +6585,7 @@ class LogicalRowDirective {
     totalColumns;
     uid = nextId();
     get hostRole() {
-        return this.logicalSlaveRow ? 'presentation' : 'row';
+        return this.logicalSlaveRow ? 'none' : 'row';
     }
     get ariaRowIndex() {
         return this.logicalSlaveRow ? null : this.logicalRowIndex + 1;
@@ -6731,11 +6726,6 @@ class TableBodyComponent {
     expandIcons;
     trackBy = defaultTrackBy;
     totalColumns;
-    noneIcon = {
-        name: 'none',
-        content: '',
-        viewBox: '0 0 24 24'
-    };
     clickSubscription;
     l10nSubscription;
     cellKeydownSubscription;
@@ -6810,7 +6800,7 @@ class TableBodyComponent {
         return true;
     }
     ariaRowExpanded(item) {
-        return this.lockedColumnsCount < 1 ? Boolean(item.expanded) : undefined;
+        return this.lockedColumnsCount < 1 && item.hasChildren ? Boolean(item.expanded) : undefined;
     }
     ariaRowSelected(item) {
         return this.lockedColumnsCount < 1 ? Boolean(item.selected) : undefined;
@@ -6825,7 +6815,7 @@ class TableBodyComponent {
         if (!this.selection.enabled) {
             return;
         }
-        return item.selected || this.isCellSelected(item.data, column, columnIndex);
+        return item.selected || this.isCellSelected(item.data, column, columnIndex) ? true : undefined;
     }
     ngOnInit() {
         this.ngZone.runOutsideAngular(() => {
@@ -7098,7 +7088,7 @@ class TableBodyComponent {
           class="k-table-row{{isOdd(item) ? ' k-table-alt-row' : ''}}"
           [class.k-grid-edit-row]="isEditingRow(item)"
           [class.k-grid-add-row]="item.isNew"
-          [attr.aria-selected]="ariaRowSelected(item)"
+          [attr.aria-selected]="ariaRowSelected(item) || undefined"
           [class.k-selected]="item.selected"
           [attr.data-treelist-view-index]="rowIndex">
           @for (column of columns; track trackByColumns($index, column); let columnIndex = $index) {
@@ -7160,7 +7150,7 @@ class TableBodyComponent {
               >
               @if ($any(column).expandable) {
                 @for (item of item.level | levelItems; track $index) {
-                  <kendo-icon-wrapper name="none" innerCssClass="k-treelist-toggle" [svgIcon]="noneIcon"></kendo-icon-wrapper>
+                  <span class="k-icon k-svg-icon k-none k-treelist-toggle" aria-hidden="true"></span>
                 }
               }
               <ng-container [ngTemplateOutlet]="column.footerTemplateRef"
@@ -7179,7 +7169,7 @@ class TableBodyComponent {
         </tr>
       }
     }
-    `, isInline: true, dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: LogicalRowDirective, selector: "[kendoTreeListLogicalRow]", inputs: ["logicalRowIndex", "logicalSlaveRow", "logicalCellsCount", "logicalSlaveCellsCount", "dataRowIndex", "dataItem", "isNew", "totalColumns"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: CellComponent, selector: "[kendoTreeListCell]", inputs: ["column", "columnIndex", "isNew", "level", "hasChildren", "isExpanded", "loading", "expandIcons", "rowIndex", "selected", "dataItem", "viewItem"] }, { kind: "directive", type: LogicalCellDirective, selector: "[kendoTreeListLogicalCell]", inputs: ["logicalColIndex", "logicalRowIndex", "logicalSlaveCell", "column", "colIndex", "colSpan", "rowSpan", "dataRowIndex", "dataItem", "expandable", "headerLabelText"] }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }, { kind: "pipe", type: LevelItemsPipe, name: "levelItems" }] });
+    `, isInline: true, dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: LogicalRowDirective, selector: "[kendoTreeListLogicalRow]", inputs: ["logicalRowIndex", "logicalSlaveRow", "logicalCellsCount", "logicalSlaveCellsCount", "dataRowIndex", "dataItem", "isNew", "totalColumns"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: CellComponent, selector: "[kendoTreeListCell]", inputs: ["column", "columnIndex", "isNew", "level", "hasChildren", "isExpanded", "loading", "expandIcons", "rowIndex", "selected", "dataItem", "viewItem"] }, { kind: "directive", type: LogicalCellDirective, selector: "[kendoTreeListLogicalCell]", inputs: ["logicalColIndex", "logicalRowIndex", "logicalSlaveCell", "column", "colIndex", "colSpan", "rowSpan", "dataRowIndex", "dataItem", "expandable", "headerLabelText"] }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "pipe", type: LevelItemsPipe, name: "levelItems" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: TableBodyComponent, decorators: [{
             type: Component,
@@ -7216,7 +7206,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.27", ngImpo
           class="k-table-row{{isOdd(item) ? ' k-table-alt-row' : ''}}"
           [class.k-grid-edit-row]="isEditingRow(item)"
           [class.k-grid-add-row]="item.isNew"
-          [attr.aria-selected]="ariaRowSelected(item)"
+          [attr.aria-selected]="ariaRowSelected(item) || undefined"
           [class.k-selected]="item.selected"
           [attr.data-treelist-view-index]="rowIndex">
           @for (column of columns; track trackByColumns($index, column); let columnIndex = $index) {
@@ -7278,7 +7268,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.27", ngImpo
               >
               @if ($any(column).expandable) {
                 @for (item of item.level | levelItems; track $index) {
-                  <kendo-icon-wrapper name="none" innerCssClass="k-treelist-toggle" [svgIcon]="noneIcon"></kendo-icon-wrapper>
+                  <span class="k-icon k-svg-icon k-none k-treelist-toggle" aria-hidden="true"></span>
                 }
               }
               <ng-container [ngTemplateOutlet]="column.footerTemplateRef"
@@ -7299,7 +7289,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.27", ngImpo
     }
     `,
                     standalone: true,
-                    imports: [NgTemplateOutlet, LogicalRowDirective, NgClass, CellComponent, LogicalCellDirective, NgStyle, IconWrapperComponent, LevelItemsPipe]
+                    imports: [NgTemplateOutlet, LogicalRowDirective, NgClass, CellComponent, LogicalCellDirective, NgStyle, LevelItemsPipe]
                 }]
         }], ctorParameters: () => [{ type: ChangeNotificationService }, { type: EditService }, { type: i1$1.LocalizationService }, { type: i0.NgZone }, { type: i0.Renderer2 }, { type: i0.ElementRef }, { type: DomEventsService }, { type: ColumnInfoService }, { type: NavigationService }, { type: ExpandStateService }, { type: SelectionService }], propDecorators: { hostClass: [{
                 type: HostBinding,
@@ -7840,13 +7830,16 @@ class ColGroupComponent {
     get columnsToRender() {
         return columnsToRender(this.columns);
     }
+    isRowReorderColumn(column) {
+        return Boolean(isRowReorderColumn(column));
+    }
     trackBy(index, _item) {
         return index;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: ColGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.27", type: ColGroupComponent, isStandalone: true, selector: "[kendoTreeListColGroup]", inputs: { columns: "columns" }, ngImport: i0, template: `
         @for (column of columnsToRender; track trackBy($index, column)) {
-          <col [style.width.px]="column.width"/>
+          <col [style.width.px]="column.width" [class.k-drag-col]="isRowReorderColumn(column)"/>
         }
         `, isInline: true });
 }
@@ -7856,7 +7849,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.27", ngImpo
                     selector: '[kendoTreeListColGroup]',
                     template: `
         @for (column of columnsToRender; track trackBy($index, column)) {
-          <col [style.width.px]="column.width"/>
+          <col [style.width.px]="column.width" [class.k-drag-col]="isRowReorderColumn(column)"/>
         }
         `,
                     standalone: true
@@ -8052,7 +8045,7 @@ class ListComponent {
         return true;
     }
     get hostRole() {
-        return 'presentation';
+        return this.isLocked ? 'none' : null;
     }
     view;
     total;
@@ -8509,7 +8502,7 @@ class ListComponent {
             }
         ], viewQueries: [{ propertyName: "container", first: true, predicate: ["container"], descendants: true, static: true }, { propertyName: "table", first: true, predicate: ["table"], descendants: true, static: true }, { propertyName: "lockedContainer", first: true, predicate: ["lockedContainer"], descendants: true }, { propertyName: "lockedTable", first: true, predicate: ["lockedTable"], descendants: true }, { propertyName: "resizeSensors", predicate: ResizeSensorComponent, descendants: true }], usesOnChanges: true, ngImport: i0, template: `
     @if (isLocked) {
-      <div #lockedContainer class="k-grid-content-locked" role="presentation"
+    <div #lockedContainer class="k-grid-content-locked" role="none"
         [style.width.px]="lockedWidth"
         [kendoEventsOutsideAngular]="{
             keydown: lockedKeydown,
@@ -8518,20 +8511,20 @@ class ListComponent {
             DOMMouseScroll: lockedMousewheel
         }"
         [scope]="this">
-        <div role="presentation">
+        <div>
           <table
             kendoTreeListResizableTable
             [locked]="true"
             #lockedTable
             class="k-table k-grid-table"
-            role="presentation"
+            role="none"
             [style.width.px]="lockedWidth">
             <colgroup
               kendoTreeListColGroup
               [columns]="$any(lockedLeafColumns)">
           </colgroup>
           <tbody kendoTreeListTableBody
-            role="presentation"
+            role="rowgroup"
             [isLocked]="true"
             [view]="view"
             [noRecordsText]="''"
@@ -8556,19 +8549,20 @@ class ListComponent {
     }
     <div
       #container
-      class="k-grid-content k-virtual-content"
+      class="k-grid-content"
       [kendoTreeListResizableContainer]="lockedLeafColumns.length > 0"
       [lockedWidth]="lockedWidth + 1"
       tabindex="-1"
+      [attr.role]="isLocked ? 'none' : null"
       >
-      <div role="presentation">
+      <div>
         <table
           [style.width.px]="nonLockedWidth"
           #table
           kendoTreeListResizableTable
           [virtualColumns]="virtualColumns"
           class="k-table k-grid-table"
-          role="presentation">
+          role="none">
           <colgroup
             kendoTreeListColGroup
             [columns]="$any(nonLockedColumnsToRender)">
@@ -8626,7 +8620,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.27", ngImpo
                     selector: 'kendo-treelist-list',
                     template: `
     @if (isLocked) {
-      <div #lockedContainer class="k-grid-content-locked" role="presentation"
+    <div #lockedContainer class="k-grid-content-locked" role="none"
         [style.width.px]="lockedWidth"
         [kendoEventsOutsideAngular]="{
             keydown: lockedKeydown,
@@ -8635,20 +8629,20 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.27", ngImpo
             DOMMouseScroll: lockedMousewheel
         }"
         [scope]="this">
-        <div role="presentation">
+        <div>
           <table
             kendoTreeListResizableTable
             [locked]="true"
             #lockedTable
             class="k-table k-grid-table"
-            role="presentation"
+            role="none"
             [style.width.px]="lockedWidth">
             <colgroup
               kendoTreeListColGroup
               [columns]="$any(lockedLeafColumns)">
           </colgroup>
           <tbody kendoTreeListTableBody
-            role="presentation"
+            role="rowgroup"
             [isLocked]="true"
             [view]="view"
             [noRecordsText]="''"
@@ -8673,19 +8667,20 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.27", ngImpo
     }
     <div
       #container
-      class="k-grid-content k-virtual-content"
+      class="k-grid-content"
       [kendoTreeListResizableContainer]="lockedLeafColumns.length > 0"
       [lockedWidth]="lockedWidth + 1"
       tabindex="-1"
+      [attr.role]="isLocked ? 'none' : null"
       >
-      <div role="presentation">
+      <div>
         <table
           [style.width.px]="nonLockedWidth"
           #table
           kendoTreeListResizableTable
           [virtualColumns]="virtualColumns"
           class="k-table k-grid-table"
-          role="presentation">
+          role="none">
           <colgroup
             kendoTreeListColGroup
             [columns]="$any(nonLockedColumnsToRender)">
@@ -11263,6 +11258,7 @@ class ColumnMenuItemBase {
      */
     service;
     hostClass = true;
+    hostDisplay = 'block';
     ngOnInit() {
         if (isDevMode() && !this.service) {
             throw new Error(ColumnMenuErrorMessages.serviceInput);
@@ -11275,7 +11271,7 @@ class ColumnMenuItemBase {
         this.service.close();
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: ColumnMenuItemBase, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.27", type: ColumnMenuItemBase, isStandalone: true, inputs: { service: "service" }, host: { properties: { "class.k-columnmenu-item-wrapper": "this.hostClass" } }, ngImport: i0 });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.27", type: ColumnMenuItemBase, isStandalone: true, inputs: { service: "service" }, host: { properties: { "class.k-columnmenu-item-wrapper": "this.hostClass", "style.display": "this.hostDisplay" } }, ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: ColumnMenuItemBase, decorators: [{
             type: Directive,
@@ -11285,6 +11281,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.27", ngImpo
             }], hostClass: [{
                 type: HostBinding,
                 args: ['class.k-columnmenu-item-wrapper']
+            }], hostDisplay: [{
+                type: HostBinding,
+                args: ['style.display']
             }] } });
 
 /**
@@ -11626,6 +11625,8 @@ class StringFilterMenuComponent extends StringFilterComponent {
         </kendo-treelist-string-filter-menu-input>
         @if (extra) {
           <kendo-dropdownlist
+            kendoFilterMenuDropDown
+            [filterMenuDropDownLabel]="filterMenuDropDownLabel"
             class="k-filter-and"
             [data]="logicOperators"
             [valuePrimitive]="true" (valueChange)="logicChange($event)"
@@ -11645,7 +11646,7 @@ class StringFilterMenuComponent extends StringFilterComponent {
             [menuTabbingService]="menuTabbingService">
           </kendo-treelist-string-filter-menu-input>
         }
-        `, isInline: true, dependencies: [{ kind: "component", type: StringFilterMenuInputComponent, selector: "kendo-treelist-string-filter-menu-input", inputs: ["operators", "column", "filter", "operator", "currentFilter", "filterService", "placeholder", "isFirstDropDown", "menuTabbingService"] }, { kind: "component", type: DropDownListComponent, selector: "kendo-dropdownlist", inputs: ["customIconClass", "showStickyHeader", "icon", "svgIcon", "loading", "data", "value", "textField", "valueField", "adaptiveMode", "adaptiveTitle", "adaptiveSubtitle", "popupSettings", "listHeight", "defaultItem", "disabled", "itemDisabled", "readonly", "filterable", "virtual", "ignoreCase", "delay", "valuePrimitive", "tabindex", "tabIndex", "size", "rounded", "fillMode", "leftRightArrowsNavigation", "id"], outputs: ["valueChange", "filterChange", "selectionChange", "open", "opened", "close", "closed", "focus", "blur"], exportAs: ["kendoDropDownList"] }] });
+        `, isInline: true, dependencies: [{ kind: "component", type: StringFilterMenuInputComponent, selector: "kendo-treelist-string-filter-menu-input", inputs: ["operators", "column", "filter", "operator", "currentFilter", "filterService", "placeholder", "isFirstDropDown", "menuTabbingService"] }, { kind: "component", type: DropDownListComponent, selector: "kendo-dropdownlist", inputs: ["customIconClass", "showStickyHeader", "icon", "svgIcon", "loading", "data", "value", "textField", "valueField", "adaptiveMode", "adaptiveTitle", "adaptiveSubtitle", "popupSettings", "listHeight", "defaultItem", "disabled", "itemDisabled", "readonly", "filterable", "virtual", "ignoreCase", "delay", "valuePrimitive", "tabindex", "tabIndex", "size", "rounded", "fillMode", "leftRightArrowsNavigation", "id"], outputs: ["valueChange", "filterChange", "selectionChange", "open", "opened", "close", "closed", "focus", "blur"], exportAs: ["kendoDropDownList"] }, { kind: "directive", type: FilterMenuDropDownListDirective, selector: "[kendoFilterMenuDropDown]", inputs: ["filterMenuDropDownLabel"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: StringFilterMenuComponent, decorators: [{
             type: Component,
@@ -11664,6 +11665,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.27", ngImpo
         </kendo-treelist-string-filter-menu-input>
         @if (extra) {
           <kendo-dropdownlist
+            kendoFilterMenuDropDown
+            [filterMenuDropDownLabel]="filterMenuDropDownLabel"
             class="k-filter-and"
             [data]="logicOperators"
             [valuePrimitive]="true" (valueChange)="logicChange($event)"
@@ -11685,7 +11688,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.27", ngImpo
         }
         `,
                     standalone: true,
-                    imports: [StringFilterMenuInputComponent, DropDownListComponent]
+                    imports: [StringFilterMenuInputComponent, DropDownListComponent, FilterMenuDropDownListDirective]
                 }]
         }], ctorParameters: () => [{ type: i1$1.LocalizationService }], propDecorators: { hostClasses: [{
                 type: HostBinding,
@@ -12667,6 +12670,14 @@ class FilterMenuContainerComponent {
     localization;
     cd;
     close = new EventEmitter();
+    /**
+     * @hidden
+     */
+    filterClearIcon = filterClearIcon;
+    /**
+     * @hidden
+     */
+    filterSVGIcon = filterIcon;
     /**
      * The column with which the filter is associated.
      * @type {ColumnComponent}
@@ -12702,7 +12713,7 @@ class FilterMenuContainerComponent {
     /**
      * @hidden
      */
-    actionsClass = 'k-actions k-button-group';
+    actionsClass = 'k-actions k-actions-stretched k-actions-horizontal';
     get childFilter() {
         if (!isPresent(this._childFilter)) {
             this._childFilter = {
@@ -12837,12 +12848,14 @@ class FilterMenuContainerComponent {
                 #filterButton
                 type="submit"
                 themeColor="primary"
-                class="k-button-rectangle"
+                icon="filter"
+                [svgIcon]="filterSVGIcon"
                 [disabled]="disabled"
               (keydown.tab)="onTab($event, 'filter')">{{filterText}}</button>
               <button #resetButton kendoButton
                 type="reset"
-                class="k-button-rectangle"
+                icon="filter-clear"
+                [svgIcon]="filterClearIcon"
                 [class.k-disabled]="clearDisabled"
                 [attr.aria-disabled]="clearDisabled"
                 (click)="reset()"
@@ -12891,12 +12904,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.27", ngImpo
                 #filterButton
                 type="submit"
                 themeColor="primary"
-                class="k-button-rectangle"
+                icon="filter"
+                [svgIcon]="filterSVGIcon"
                 [disabled]="disabled"
               (keydown.tab)="onTab($event, 'filter')">{{filterText}}</button>
               <button #resetButton kendoButton
                 type="reset"
-                class="k-button-rectangle"
+                icon="filter-clear"
+                [svgIcon]="filterClearIcon"
                 [class.k-disabled]="clearDisabled"
                 [attr.aria-disabled]="clearDisabled"
                 (click)="reset()"
@@ -13021,6 +13036,10 @@ class ColumnMenuItemComponent {
      * Specifies if the item is expanded.
      */
     expanded;
+    /**
+     * @hidden
+     */
+    contentClass;
     /**
      * 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.
@@ -13065,7 +13084,7 @@ class ColumnMenuItemComponent {
         this.contentState = this.expanded ? 'expanded' : 'collapsed';
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: ColumnMenuItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.27", type: ColumnMenuItemComponent, isStandalone: true, selector: "kendo-treelist-columnmenu-item", inputs: { icon: "icon", svgIcon: "svgIcon", text: "text", selected: "selected", disabled: "disabled", expanded: "expanded", service: "service" }, outputs: { itemClick: "itemClick", expand: "expand", collapse: "collapse" }, queries: [{ propertyName: "contentTemplate", first: true, predicate: ColumnMenuItemContentTemplateDirective, descendants: true }], usesOnChanges: true, ngImport: i0, template: `
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.27", type: ColumnMenuItemComponent, isStandalone: true, selector: "kendo-treelist-columnmenu-item", inputs: { icon: "icon", svgIcon: "svgIcon", text: "text", selected: "selected", disabled: "disabled", expanded: "expanded", contentClass: "contentClass", service: "service" }, outputs: { itemClick: "itemClick", expand: "expand", collapse: "collapse" }, queries: [{ propertyName: "contentTemplate", first: true, predicate: ColumnMenuItemContentTemplateDirective, descendants: true }], usesOnChanges: true, ngImport: i0, template: `
         @if (contentTemplate) {
           <div class="k-expander">
             <ng-container [ngTemplateOutlet]="content"></ng-container>
@@ -13097,7 +13116,7 @@ class ColumnMenuItemComponent {
             }
           </div>
           @if (contentTemplate) {
-            <div [attr.id]="contentId" [@state]="contentState" [style.overflow]="'hidden'" class="k-columnmenu-item-content">
+            <div [attr.id]="contentId" [@state]="contentState" [style.overflow]="'hidden'" [class]="'k-columnmenu-item-content' + (contentClass ? ' ' + contentClass : '')">
               <ng-container [ngTemplateOutlet]="contentTemplate.templateRef">
               </ng-container>
             </div>
@@ -13131,7 +13150,7 @@ class ColumnMenuItemComponent {
             }
           </div>
           @if (contentTemplate) {
-            <div [attr.id]="contentId" [@state]="contentState" [style.overflow]="'hidden'" class="k-columnmenu-item-content">
+            <div [attr.id]="contentId" [@state]="contentState" [style.overflow]="'hidden'" [class]="'k-columnmenu-item-content' + (contentClass ? ' ' + contentClass : '')">
               <ng-container [ngTemplateOutlet]="contentTemplate.templateRef">
               </ng-container>
             </div>
@@ -13220,7 +13239,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.27", ngImpo
             }
           </div>
           @if (contentTemplate) {
-            <div [attr.id]="contentId" [@state]="contentState" [style.overflow]="'hidden'" class="k-columnmenu-item-content">
+            <div [attr.id]="contentId" [@state]="contentState" [style.overflow]="'hidden'" [class]="'k-columnmenu-item-content' + (contentClass ? ' ' + contentClass : '')">
               <ng-container [ngTemplateOutlet]="contentTemplate.templateRef">
               </ng-container>
             </div>
@@ -13254,7 +13273,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.27", ngImpo
             }
           </div>
           @if (contentTemplate) {
-            <div [attr.id]="contentId" [@state]="contentState" [style.overflow]="'hidden'" class="k-columnmenu-item-content">
+            <div [attr.id]="contentId" [@state]="contentState" [style.overflow]="'hidden'" [class]="'k-columnmenu-item-content' + (contentClass ? ' ' + contentClass : '')">
               <ng-container [ngTemplateOutlet]="contentTemplate.templateRef">
               </ng-container>
             </div>
@@ -13282,6 +13301,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.27", ngImpo
                 type: Input
             }], expanded: [{
                 type: Input
+            }], contentClass: [{
+                type: Input
             }], service: [{
                 type: Input
             }], contentTemplate: [{
@@ -13377,7 +13398,7 @@ class ColumnMenuFilterComponent extends ColumnMenuItemBase {
                 </kendo-treelist-filter-menu-container>
             </ng-template>
         </kendo-treelist-columnmenu-item>
-    `, isInline: true, dependencies: [{ kind: "component", type: ColumnMenuItemComponent, selector: "kendo-treelist-columnmenu-item", inputs: ["icon", "svgIcon", "text", "selected", "disabled", "expanded", "service"], outputs: ["itemClick", "expand", "collapse"] }, { kind: "directive", type: ColumnMenuItemContentTemplateDirective, selector: "[kendoTreeListColumnMenuItemContentTemplate]" }, { kind: "component", type: FilterMenuContainerComponent, selector: "kendo-treelist-filter-menu-container", inputs: ["column", "isLast", "isExpanded", "menuTabbingService", "filter", "actionsClass"], outputs: ["close"] }] });
+    `, isInline: true, dependencies: [{ kind: "component", type: ColumnMenuItemComponent, selector: "kendo-treelist-columnmenu-item", inputs: ["icon", "svgIcon", "text", "selected", "disabled", "expanded", "contentClass", "service"], outputs: ["itemClick", "expand", "collapse"] }, { kind: "directive", type: ColumnMenuItemContentTemplateDirective, selector: "[kendoTreeListColumnMenuItemContentTemplate]" }, { kind: "component", type: FilterMenuContainerComponent, selector: "kendo-treelist-filter-menu-container", inputs: ["column", "isLast", "isExpanded", "menuTabbingService", "filter", "actionsClass"], outputs: ["close"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: ColumnMenuFilterComponent, decorators: [{
             type: Component,
@@ -13945,6 +13966,7 @@ class ColumnMenuChooserComponent extends ColumnMenuItemBase {
             icon="columns"
             [svgIcon]="columnsIcon"
             [expanded]="expanded"
+            contentClass="k-columns-item"
             (collapse)="onCollapse()"
             (expand)="onExpand()">
             <ng-template kendoTreeListColumnMenuItemContentTemplate>
@@ -13963,7 +13985,7 @@ class ColumnMenuChooserComponent extends ColumnMenuItemBase {
                 </kendo-treelist-columnlist>
             </ng-template>
         </kendo-treelist-columnmenu-item>
-    `, isInline: true, dependencies: [{ kind: "component", type: ColumnMenuItemComponent, selector: "kendo-treelist-columnmenu-item", inputs: ["icon", "svgIcon", "text", "selected", "disabled", "expanded", "service"], outputs: ["itemClick", "expand", "collapse"] }, { kind: "directive", type: ColumnMenuItemContentTemplateDirective, selector: "[kendoTreeListColumnMenuItemContentTemplate]" }, { kind: "component", type: ColumnListComponent, selector: "kendo-treelist-columnlist", inputs: ["columns", "autoSync", "ariaLabel", "allowHideAll", "applyText", "resetText", "actionsClass", "isLast", "isExpanded", "service"], outputs: ["reset", "apply", "columnChange"] }] });
+    `, isInline: true, dependencies: [{ kind: "component", type: ColumnMenuItemComponent, selector: "kendo-treelist-columnmenu-item", inputs: ["icon", "svgIcon", "text", "selected", "disabled", "expanded", "contentClass", "service"], outputs: ["itemClick", "expand", "collapse"] }, { kind: "directive", type: ColumnMenuItemContentTemplateDirective, selector: "[kendoTreeListColumnMenuItemContentTemplate]" }, { kind: "component", type: ColumnListComponent, selector: "kendo-treelist-columnlist", inputs: ["columns", "autoSync", "ariaLabel", "allowHideAll", "applyText", "resetText", "actionsClass", "isLast", "isExpanded", "service"], outputs: ["reset", "apply", "columnChange"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: ColumnMenuChooserComponent, decorators: [{
             type: Component,
@@ -13975,6 +13997,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.27", ngImpo
             icon="columns"
             [svgIcon]="columnsIcon"
             [expanded]="expanded"
+            contentClass="k-columns-item"
             (collapse)="onCollapse()"
             (expand)="onExpand()">
             <ng-template kendoTreeListColumnMenuItemContentTemplate>
@@ -14087,7 +14110,7 @@ class ColumnMenuLockComponent extends ColumnMenuItemBase {
            (itemClick)="toggleColumn()"
            [disabled]="disabled">
        </kendo-treelist-columnmenu-item>
-    `, isInline: true, dependencies: [{ kind: "component", type: ColumnMenuItemComponent, selector: "kendo-treelist-columnmenu-item", inputs: ["icon", "svgIcon", "text", "selected", "disabled", "expanded", "service"], outputs: ["itemClick", "expand", "collapse"] }] });
+    `, isInline: true, dependencies: [{ kind: "component", type: ColumnMenuItemComponent, selector: "kendo-treelist-columnmenu-item", inputs: ["icon", "svgIcon", "text", "selected", "disabled", "expanded", "contentClass", "service"], outputs: ["itemClick", "expand", "collapse"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: ColumnMenuLockComponent, decorators: [{
             type: Component,
@@ -14182,7 +14205,7 @@ class ColumnMenuSortComponent extends ColumnMenuItemBase {
             (itemClick)="toggleSort('desc')"
             [selected]="sortedDesc">
         </kendo-treelist-columnmenu-item>
-    `, isInline: true, dependencies: [{ kind: "component", type: ColumnMenuItemComponent, selector: "kendo-treelist-columnmenu-item", inputs: ["icon", "svgIcon", "text", "selected", "disabled", "expanded", "service"], outputs: ["itemClick", "expand", "collapse"] }] });
+    `, isInline: true, dependencies: [{ kind: "component", type: ColumnMenuItemComponent, selector: "kendo-treelist-columnmenu-item", inputs: ["icon", "svgIcon", "text", "selected", "disabled", "expanded", "contentClass", "service"], outputs: ["itemClick", "expand", "collapse"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: ColumnMenuSortComponent, decorators: [{
             type: Component,
@@ -14441,7 +14464,7 @@ class ColumnMenuAutoSizeAllColumnsComponent extends ColumnMenuItemBase {
             (itemClick)="autoSizeAllColumns()"
           ></kendo-treelist-columnmenu-item>
         }
-        `, isInline: true, dependencies: [{ kind: "component", type: ColumnMenuItemComponent, selector: "kendo-treelist-columnmenu-item", inputs: ["icon", "svgIcon", "text", "selected", "disabled", "expanded", "service"], outputs: ["itemClick", "expand", "collapse"] }] });
+        `, isInline: true, dependencies: [{ kind: "component", type: ColumnMenuItemComponent, selector: "kendo-treelist-columnmenu-item", inputs: ["icon", "svgIcon", "text", "selected", "disabled", "expanded", "contentClass", "service"], outputs: ["itemClick", "expand", "collapse"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: ColumnMenuAutoSizeAllColumnsComponent, decorators: [{
             type: Component,
@@ -14512,7 +14535,7 @@ class ColumnMenuAutoSizeColumnComponent extends ColumnMenuItemBase {
             (itemClick)="autoSizeColumn()"
           ></kendo-treelist-columnmenu-item>
         }
-        `, isInline: true, dependencies: [{ kind: "component", type: ColumnMenuItemComponent, selector: "kendo-treelist-columnmenu-item", inputs: ["icon", "svgIcon", "text", "selected", "disabled", "expanded", "service"], outputs: ["itemClick", "expand", "collapse"] }] });
+        `, isInline: true, dependencies: [{ kind: "component", type: ColumnMenuItemComponent, selector: "kendo-treelist-columnmenu-item", inputs: ["icon", "svgIcon", "text", "selected", "disabled", "expanded", "contentClass", "service"], outputs: ["itemClick", "expand", "collapse"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: ColumnMenuAutoSizeColumnComponent, decorators: [{
             type: Component,
@@ -14536,7 +14559,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.27", ngImpo
                 type: Input
             }] } });
 
-const POPUP_CLASSES = 'k-grid-columnmenu-popup k-column-menu';
+const POPUP_CLASSES = 'k-grid-columnmenu-popup';
 let id$1 = 0;
 const getId$1 = (treelistId) => `${treelistId}-column-menu-${id$1++}`;
 /**
@@ -14790,6 +14813,7 @@ class ColumnMenuComponent {
         </a>
         <ng-template #template>
           <kendo-treelist-columnmenu-container
+            class="k-column-menu"
             (keydown.escape)="close(true)"
             (keydown.enter)="$event.stopImmediatePropagation()">
             <ng-container
@@ -14810,9 +14834,6 @@ class ColumnMenuComponent {
               <kendo-treelist-columnmenu-lock #lockItem [kendoTreeListColumnMenuItem]="lockItem" [service]="service">
               </kendo-treelist-columnmenu-lock>
             }
-            @if (hasColumnChooser || hasAutoSizeColumn || hasAutoSizeAllColumns) {
-              <span [style.borderColor]="'rgba(0, 0, 0, 0.08)'" class="k-separator"></span>
-            }
             @if (hasColumnChooser) {
               <kendo-treelist-columnmenu-chooser
                 #chooserItem
@@ -14839,9 +14860,6 @@ class ColumnMenuComponent {
                 >
               </kendo-treelist-columnmenu-autosize-all-columns>
             }
-            @if (hasColumnChooser || hasAutoSizeColumn || hasAutoSizeAllColumns) {
-              <span [style.borderColor]="'rgba(0, 0, 0, 0.08)'" class="k-separator"></span>
-            }
             @if (hasFilter) {
               <kendo-treelist-columnmenu-filter
                 #filterItem
@@ -14880,6 +14898,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.27", ngImpo
         </a>
         <ng-template #template>
           <kendo-treelist-columnmenu-container
+            class="k-column-menu"
             (keydown.escape)="close(true)"
             (keydown.enter)="$event.stopImmediatePropagation()">
             <ng-container
@@ -14900,9 +14919,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.27", ngImpo
               <kendo-treelist-columnmenu-lock #lockItem [kendoTreeListColumnMenuItem]="lockItem" [service]="service">
               </kendo-treelist-columnmenu-lock>
             }
-            @if (hasColumnChooser || hasAutoSizeColumn || hasAutoSizeAllColumns) {
-              <span [style.borderColor]="'rgba(0, 0, 0, 0.08)'" class="k-separator"></span>
-            }
             @if (hasColumnChooser) {
               <kendo-treelist-columnmenu-chooser
                 #chooserItem
@@ -14929,9 +14945,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.27", ngImpo
                 >
               </kendo-treelist-columnmenu-autosize-all-columns>
             }
-            @if (hasColumnChooser || hasAutoSizeColumn || hasAutoSizeAllColumns) {
-              <span [style.borderColor]="'rgba(0, 0, 0, 0.08)'" class="k-separator"></span>
-            }
             @if (hasFilter) {
               <kendo-treelist-columnmenu-filter
                 #filterItem
@@ -15700,7 +15713,7 @@ class HeaderComponent {
                   [attr.colspan]="column.colspan"
                   [attr.aria-haspopup]="isNavigable && (showFilterMenu || showColumnMenu(column)) ? 'dialog' : undefined"
                   [attr.aria-expanded]="isNavigable && (showFilterMenu || showColumnMenu(column)) ? false : undefined"
-                  [attr.aria-keyshortcuts]="isNavigable && (showFilterMenu || showColumnMenu(column)) ? 'Alt + ArrowDown' : undefined">
+                  [attr.aria-keyshortcuts]="isNavigable && (showFilterMenu || showColumnMenu(column)) ? 'Alt+ArrowDown' : undefined">
                   @if (!isInteractive(getColumnComponent(column), 'sortable')) {
                     <span class="k-cell-inner">
                       <span class="k-link" [class.!k-cursor-default]="!isInteractive(getColumnComponent(column), 'reorderable')">
@@ -15837,7 +15850,7 @@ class HeaderComponent {
                   [class.k-first]="isFirstOnRow(getColumnComponent(column), columnIndex)"
                   [attr.aria-haspopup]="(isNavigable && showColumnMenu(column)) ? 'dialog' : undefined"
                   [attr.aria-expanded]="(isNavigable && showColumnMenu(column)) ? false : undefined"
-                  [attr.aria-keyshortcuts]="isNavigable && showColumnMenu(column) ? 'Alt + ArrowDown' : undefined"
+                  [attr.aria-keyshortcuts]="isNavigable && showColumnMenu(column) ? 'Alt+ArrowDown' : undefined"
                   [ngClass]="column.headerClass"
                   [ngStyle]="column.headerStyle"
                   [attr.rowspan]="column.rowspan(totalColumnLevels)"
@@ -15939,7 +15952,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.27", ngImpo
                   [attr.colspan]="column.colspan"
                   [attr.aria-haspopup]="isNavigable && (showFilterMenu || showColumnMenu(column)) ? 'dialog' : undefined"
                   [attr.aria-expanded]="isNavigable && (showFilterMenu || showColumnMenu(column)) ? false : undefined"
-                  [attr.aria-keyshortcuts]="isNavigable && (showFilterMenu || showColumnMenu(column)) ? 'Alt + ArrowDown' : undefined">
+                  [attr.aria-keyshortcuts]="isNavigable && (showFilterMenu || showColumnMenu(column)) ? 'Alt+ArrowDown' : undefined">
                   @if (!isInteractive(getColumnComponent(column), 'sortable')) {
                     <span class="k-cell-inner">
                       <span class="k-link" [class.!k-cursor-default]="!isInteractive(getColumnComponent(column), 'reorderable')">
@@ -16076,7 +16089,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.27", ngImpo
                   [class.k-first]="isFirstOnRow(getColumnComponent(column), columnIndex)"
                   [attr.aria-haspopup]="(isNavigable && showColumnMenu(column)) ? 'dialog' : undefined"
                   [attr.aria-expanded]="(isNavigable && showColumnMenu(column)) ? false : undefined"
-                  [attr.aria-keyshortcuts]="isNavigable && showColumnMenu(column) ? 'Alt + ArrowDown' : undefined"
+                  [attr.aria-keyshortcuts]="isNavigable && showColumnMenu(column) ? 'Alt+ArrowDown' : undefined"
                   [ngClass]="column.headerClass"
                   [ngStyle]="column.headerStyle"
                   [attr.rowspan]="column.rowspan(totalColumnLevels)"
@@ -18885,7 +18898,7 @@ class TreeListComponent {
           [id]="ariaRootId"
           [attr.aria-rowcount]="ariaRowCount"
           [attr.aria-colcount]="ariaColCount"
-          [attr.aria-multiselectable]="ariaMultiselectable"
+          [attr.aria-multiselectable]="ariaMultiselectable || undefined"
           [attr.aria-label]="ariaLabel"
           kendoDragTargetContainer
           kendoDropTargetContainer
@@ -18908,18 +18921,18 @@ class TreeListComponent {
             @if (!hideHeader) {
               <div
                 class="k-grid-header"
-                role="presentation"
+                [attr.role]="isLocked ? 'none' : null"
                 [style.padding]="headerPadding">
                 @if (isLocked) {
                   <div
                     #lockedHeader
-                    role="presentation"
+                    role="none"
                     class="k-grid-header-locked"
                     [style.width.px]="lockedWidth">
                     <table
                       kendoTreeListResizableTable
                       [locked]="true"
-                      role="presentation"
+                      role="none"
                       [style.width.px]="lockedWidth"
                       class="k-grid-header-table k-table">
                       <colgroup
@@ -18946,11 +18959,13 @@ class TreeListComponent {
                   </table>
                 </div>
               }
-              <div #header class="k-grid-header-wrap" role="presentation" data-scrollable
+              <div #header class="k-grid-header-wrap"
+                [attr.role]="isLocked ? 'none' : undefined"
+                data-scrollable
                 [kendoTreeListResizableContainer]="lockedLeafColumns.length > 0"
                 [lockedWidth]="lockedWidth + scrollbarWidth + 2">
                 <table
-                  role="presentation"
+                  role="none"
                   [style.width.px]="nonLockedWidth"
                   kendoTreeListResizableTable
                   [virtualColumns]="virtualColumns"
@@ -19012,7 +19027,7 @@ class TreeListComponent {
         @if (!isScrollable) {
           <table
             class="k-table k-grid-header-table"
-            role="presentation"
+            role="none"
             [style.table-layout]="resizable ? 'fixed' : null"
             kendoTreeListResizableTable>
             <colgroup
@@ -19444,7 +19459,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.27", ngImpo
           [id]="ariaRootId"
           [attr.aria-rowcount]="ariaRowCount"
           [attr.aria-colcount]="ariaColCount"
-          [attr.aria-multiselectable]="ariaMultiselectable"
+          [attr.aria-multiselectable]="ariaMultiselectable || undefined"
           [attr.aria-label]="ariaLabel"
           kendoDragTargetContainer
           kendoDropTargetContainer
@@ -19467,18 +19482,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.27", ngImpo
             @if (!hideHeader) {
               <div
                 class="k-grid-header"
-                role="presentation"
+                [attr.role]="isLocked ? 'none' : null"
                 [style.padding]="headerPadding">
                 @if (isLocked) {
                   <div
                     #lockedHeader
-                    role="presentation"
+                    role="none"
                     class="k-grid-header-locked"
                     [style.width.px]="lockedWidth">
                     <table
                       kendoTreeListResizableTable
                       [locked]="true"
-                      role="presentation"
+                      role="none"
                       [style.width.px]="lockedWidth"
                       class="k-grid-header-table k-table">
                       <colgroup
@@ -19505,11 +19520,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.27", ngImpo
                   </table>
                 </div>
               }
-              <div #header class="k-grid-header-wrap" role="presentation" data-scrollable
+              <div #header class="k-grid-header-wrap"
+                [attr.role]="isLocked ? 'none' : undefined"
+                data-scrollable
                 [kendoTreeListResizableContainer]="lockedLeafColumns.length > 0"
                 [lockedWidth]="lockedWidth + scrollbarWidth + 2">
                 <table
-                  role="presentation"
+                  role="none"
                   [style.width.px]="nonLockedWidth"
                   kendoTreeListResizableTable
                   [virtualColumns]="virtualColumns"
@@ -19571,7 +19588,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.27", ngImpo
         @if (!isScrollable) {
           <table
             class="k-table k-grid-header-table"
-            role="presentation"
+            role="none"
             [style.table-layout]="resizable ? 'fixed' : null"
             kendoTreeListResizableTable>
             <colgroup

package/index.d.ts

@@ -22,7 +22,7 @@ import { ToolBarButtonComponent } from '@progress/kendo-angular-toolbar';
 import { PopupService, PopupRef } from '@progress/kendo-angular-popup';
 import { DomSanitizer } from '@angular/platform-browser';
 import * as i6 from '@progress/kendo-angular-icons';
-import { IconsService, SVGIcon as SVGIcon$1 } from '@progress/kendo-angular-icons';
+import { IconsService } from '@progress/kendo-angular-icons';
 import { DateInputFormatPlaceholder, CalendarView, DatePickerComponent } from '@progress/kendo-angular-dateinputs';
 import { RadioButtonComponent } from '@progress/kendo-angular-inputs';
 import * as i100 from '@progress/kendo-angular-excel-export';
@@ -4440,6 +4440,7 @@ declare class LogicalRowDirective implements LogicalRow, OnDestroy, OnChanges {
 declare class ColGroupComponent {
     columns: Array<ColumnComponent>;
     get columnsToRender(): Array<ColumnBase>;
+    isRowReorderColumn(column: ColumnBase): boolean;
     trackBy(index: number, _item: any): any;
     static ɵfac: i0.ɵɵFactoryDeclaration<ColGroupComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<ColGroupComponent, "[kendoTreeListColGroup]", never, { "columns": { "alias": "columns"; "required": false; }; }, {}, never, never, true, never>;
@@ -4829,7 +4830,6 @@ declare class CellComponent implements AfterContentChecked, DoCheck {
     chevronRightIcon: SVGIcon;
     chevronLeftIcon: SVGIcon;
     reorderIcon: SVGIcon;
-    noneIcon: SVGIcon;
     cellContext: any;
     private _templateContext;
     private _editTemplateContext;
@@ -7226,6 +7226,14 @@ declare class FilterMenuContainerComponent implements AfterViewChecked, OnInit,
     protected localization: LocalizationService;
     protected cd: ChangeDetectorRef;
     close: EventEmitter<any>;
+    /**
+     * @hidden
+     */
+    filterClearIcon: SVGIcon;
+    /**
+     * @hidden
+     */
+    filterSVGIcon: SVGIcon;
     /**
      * The column with which the filter is associated.
      * @type {ColumnComponent}
@@ -7768,6 +7776,7 @@ declare class ColumnMenuItemBase implements OnInit {
      */
     service: ColumnMenuService;
     hostClass: boolean;
+    hostDisplay: string;
     ngOnInit(): void;
     /**
      * @hidden
@@ -7972,6 +7981,10 @@ declare class ColumnMenuItemComponent implements AfterViewInit, OnChanges {
      * Specifies if the item is expanded.
      */
     expanded: boolean;
+    /**
+     * @hidden
+     */
+    contentClass: string;
     /**
      * 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.
@@ -7992,7 +8005,7 @@ declare class ColumnMenuItemComponent implements AfterViewInit, OnChanges {
     onClick(e: any): void;
     private updateContentState;
     static ɵfac: i0.ɵɵFactoryDeclaration<ColumnMenuItemComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ColumnMenuItemComponent, "kendo-treelist-columnmenu-item", never, { "icon": { "alias": "icon"; "required": false; }; "svgIcon": { "alias": "svgIcon"; "required": false; }; "text": { "alias": "text"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "expanded": { "alias": "expanded"; "required": false; }; "service": { "alias": "service"; "required": false; }; }, { "itemClick": "itemClick"; "expand": "expand"; "collapse": "collapse"; }, ["contentTemplate"], never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ColumnMenuItemComponent, "kendo-treelist-columnmenu-item", never, { "icon": { "alias": "icon"; "required": false; }; "svgIcon": { "alias": "svgIcon"; "required": false; }; "text": { "alias": "text"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "expanded": { "alias": "expanded"; "required": false; }; "contentClass": { "alias": "contentClass"; "required": false; }; "service": { "alias": "service"; "required": false; }; }, { "itemClick": "itemClick"; "expand": "expand"; "collapse": "collapse"; }, ["contentTemplate"], never, true, never>;
 }
 
 /**
@@ -8563,7 +8576,6 @@ declare class TableBodyComponent implements OnInit, OnDestroy, OnChanges {
     expandIcons: boolean;
     trackBy: TrackByFunction<TreeListItem>;
     totalColumns: ColumnsContainer;
-    noneIcon: SVGIcon$1;
     private clickSubscription;
     private l10nSubscription;
     private cellKeydownSubscription;

package/package-metadata.mjs

@@ -7,7 +7,7 @@ export const packageMetadata = {
   "productCodes": [
     "KENDOUIANGULAR"
   ],
-  "publishDate": 1788250781,
-  "version": "25.1.0-develop.21",
+  "publishDate": 1788265480,
+  "version": "25.1.0-develop.22",
   "licensingDocsUrl": "https://www.telerik.com/kendo-angular-ui/my-license/"
 };

package/package.json

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

package/schematics/ngAdd/index.js

@@ -9,13 +9,13 @@ const schematics_1 = require("@angular-devkit/schematics");
 function default_1(options) {
     const finalOptions = Object.assign(Object.assign({}, options), { mainNgModule: 'TreeListModule', package: 'treelist', peerDependencies: {
             // peer dep of the dropdowns
-            '@progress/kendo-angular-treeview': '25.1.0-develop.21',
+            '@progress/kendo-angular-treeview': '25.1.0-develop.22',
             // peer dependency of kendo-angular-inputs
-            '@progress/kendo-angular-dialog': '25.1.0-develop.21',
+            '@progress/kendo-angular-dialog': '25.1.0-develop.22',
             // peer dependency of kendo-angular-icons
             '@progress/kendo-svg-icons': '^4.0.0',
             // peer dependency of kendo-angular-dateinputs
-            '@progress/kendo-angular-navigation': '25.1.0-develop.21',
+            '@progress/kendo-angular-navigation': '25.1.0-develop.22',
         } });
     return (0, schematics_1.externalSchematic)('@progress/kendo-angular-schematics', 'ng-add', finalOptions);
 }