@progress/kendo-angular-treelist 22.1.0-develop.17 → 22.1.0-develop.19

package/columns/column-base.d.ts

@@ -67,6 +67,13 @@ export declare class ColumnBase implements OnChanges {
      * @default true
      */
     reorderable: boolean;
+    /**
+     * 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: number;
     /**
      * Sets the minimum width (in pixels) for resizing the column using the UI.
      * @default 10
@@ -224,5 +231,5 @@ export declare class ColumnBase implements OnChanges {
     constructor(parent?: ColumnBase, optionChanges?: OptionChangesService);
     ngOnChanges(_changes: any): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ColumnBase, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<ColumnBase, never, never, { "resizable": { "alias": "resizable"; "required": false; }; "reorderable": { "alias": "reorderable"; "required": false; }; "minResizableWidth": { "alias": "minResizableWidth"; "required": false; }; "title": { "alias": "title"; "required": false; }; "width": { "alias": "width"; "required": false; }; "autoSize": { "alias": "autoSize"; "required": false; }; "locked": { "alias": "locked"; "required": false; }; "hidden": { "alias": "hidden"; "required": false; }; "media": { "alias": "media"; "required": false; }; "lockable": { "alias": "lockable"; "required": false; }; "columnMenu": { "alias": "columnMenu"; "required": false; }; "includeInChooser": { "alias": "includeInChooser"; "required": false; }; "tableCellsRole": { "alias": "tableCellsRole"; "required": false; }; "style": { "alias": "style"; "required": false; }; "headerStyle": { "alias": "headerStyle"; "required": false; }; "footerStyle": { "alias": "footerStyle"; "required": false; }; "cssClass": { "alias": "class"; "required": false; }; "headerClass": { "alias": "headerClass"; "required": false; }; "footerClass": { "alias": "footerClass"; "required": false; }; }, {}, ["footerTemplate", "headerTemplates", "columnMenuTemplates"], never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ColumnBase, never, never, { "resizable": { "alias": "resizable"; "required": false; }; "reorderable": { "alias": "reorderable"; "required": false; }; "resizeStep": { "alias": "resizeStep"; "required": false; }; "minResizableWidth": { "alias": "minResizableWidth"; "required": false; }; "title": { "alias": "title"; "required": false; }; "width": { "alias": "width"; "required": false; }; "autoSize": { "alias": "autoSize"; "required": false; }; "locked": { "alias": "locked"; "required": false; }; "hidden": { "alias": "hidden"; "required": false; }; "media": { "alias": "media"; "required": false; }; "lockable": { "alias": "lockable"; "required": false; }; "columnMenu": { "alias": "columnMenu"; "required": false; }; "includeInChooser": { "alias": "includeInChooser"; "required": false; }; "tableCellsRole": { "alias": "tableCellsRole"; "required": false; }; "style": { "alias": "style"; "required": false; }; "headerStyle": { "alias": "headerStyle"; "required": false; }; "footerStyle": { "alias": "footerStyle"; "required": false; }; "cssClass": { "alias": "class"; "required": false; }; "headerClass": { "alias": "headerClass"; "required": false; }; "footerClass": { "alias": "footerClass"; "required": false; }; }, {}, ["footerTemplate", "headerTemplates", "columnMenuTemplates"], never, true, never>;
 }

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

@@ -50,7 +50,7 @@ const packageMetadata = {
     productCode: 'KENDOUIANGULAR',
     productCodes: ['KENDOUIANGULAR'],
     publishDate: 0,
-    version: '22.1.0-develop.17',
+    version: '22.1.0-develop.19',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
 };
 
@@ -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
@@ -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: [{
@@ -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
@@ -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
@@ -13693,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>
@@ -13701,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>
@@ -13740,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>
@@ -13748,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>
@@ -16152,7 +16242,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"
@@ -16187,12 +16277,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: [{
@@ -18509,7 +18593,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,
@@ -18807,7 +18891,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)">
@@ -18840,7 +18924,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">
@@ -18897,7 +18981,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>
@@ -19351,7 +19435,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)">
@@ -19384,7 +19468,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">
@@ -19441,7 +19525,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>
@@ -19706,9 +19790,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']
@@ -23977,7 +24058,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;
 };
@@ -24007,7 +24088,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'));

package/navigation/navigation.service.d.ts

@@ -20,6 +20,7 @@ import { ScrollRequestService } from '../scrolling/scroll-request.service';
 import { SelectionService } from '../selection/selection.service';
 import { PagerContextService } from '@progress/kendo-angular-pager';
 import { ContextService } from '../common/provider.service';
+import { ColumnResizingService } from '../column-resizing/column-resizing.service';
 import * as i0 from "@angular/core";
 /**
  * @hidden
@@ -46,6 +47,7 @@ export declare class NavigationService implements OnDestroy {
     private selectionService;
     private changeDetector;
     private ctx;
+    private resizeService;
     private focusableParent;
     readonly changes: Subject<NavigationChange>;
     readonly cellKeydown: EventEmitter<any>;
@@ -54,6 +56,7 @@ export declare class NavigationService implements OnDestroy {
     get enabled(): boolean;
     get activeCell(): NavigationCell;
     get activeRow(): NavigationRow;
+    get isColumnResizable(): boolean;
     viewport: NavigationViewport;
     columnViewport: NavigationViewport;
     private activeRowIndex;
@@ -67,7 +70,7 @@ export declare class NavigationService implements OnDestroy {
     private pendingRowIndex;
     private virtualCell;
     private get activeDataRow();
-    constructor(zone: NgZone, domEvents: DomEventsService, pagerContextService: PagerContextService, scrollRequestService: ScrollRequestService, focusRoot: FocusRoot, editService: EditService, localization: LocalizationService, expandState: ExpandStateService, selectionService: SelectionService, changeDetector: ChangeDetectorRef, ctx: ContextService, focusableParent: FocusableDirective);
+    constructor(zone: NgZone, domEvents: DomEventsService, pagerContextService: PagerContextService, scrollRequestService: ScrollRequestService, focusRoot: FocusRoot, editService: EditService, localization: LocalizationService, expandState: ExpandStateService, selectionService: SelectionService, changeDetector: ChangeDetectorRef, ctx: ContextService, resizeService: ColumnResizingService, focusableParent: FocusableDirective);
     init(meta: NavigationMetadata): void;
     ngOnDestroy(): void;
     registerCell(cell: LogicalCell): void;
@@ -98,6 +101,7 @@ export declare class NavigationService implements OnDestroy {
     private moveCursorFwd;
     private moveCursorBwd;
     private updateSelection;
+    private columnResize;
     private onCursorKeydown;
     private onContentKeydown;
     private onCellKeydown;
@@ -107,6 +111,6 @@ export declare class NavigationService implements OnDestroy {
     private handleRowReorderKeyboard;
     private onKeydown;
     private onTabout;
-    static ɵfac: i0.ɵɵFactoryDeclaration<NavigationService, [null, null, null, null, null, null, null, null, null, null, null, { optional: true; }]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NavigationService, [null, null, null, null, null, null, null, null, null, null, null, null, { optional: true; }]>;
     static ɵprov: i0.ɵɵInjectableDeclaration<NavigationService>;
 }

package/package-metadata.mjs

@@ -7,7 +7,7 @@ export const packageMetadata = {
   "productCodes": [
     "KENDOUIANGULAR"
   ],
-  "publishDate": 1770055322,
-  "version": "22.1.0-develop.17",
+  "publishDate": 1770219846,
+  "version": "22.1.0-develop.19",
   "licensingDocsUrl": "https://www.telerik.com/kendo-angular-ui/my-license/"
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-angular-treelist",
-  "version": "22.1.0-develop.17",
+  "version": "22.1.0-develop.19",
   "description": "Kendo UI TreeList for Angular - Display hierarchical data in an Angular tree grid view that supports sorting, filtering, paging, and much more.",
   "license": "SEE LICENSE IN LICENSE.md",
   "author": "Progress",
@@ -24,7 +24,7 @@
     "package": {
       "productName": "Kendo UI for Angular",
       "productCode": "KENDOUIANGULAR",
-      "publishDate": 1770055322,
+      "publishDate": 1770219846,
       "licensingDocsUrl": "https://www.telerik.com/kendo-angular-ui/my-license/"
     }
   },
@@ -35,28 +35,28 @@
     "@angular/forms": "19 - 21",
     "@angular/platform-browser": "19 - 21",
     "@progress/kendo-data-query": "^1.7.3",
-    "@progress/kendo-drawing": "^1.23.1",
+    "@progress/kendo-drawing": "^1.24.0",
     "@progress/kendo-licensing": "^1.10.0",
-    "@progress/kendo-angular-buttons": "22.1.0-develop.17",
-    "@progress/kendo-angular-common": "22.1.0-develop.17",
-    "@progress/kendo-angular-dateinputs": "22.1.0-develop.17",
-    "@progress/kendo-angular-dropdowns": "22.1.0-develop.17",
-    "@progress/kendo-angular-excel-export": "22.1.0-develop.17",
-    "@progress/kendo-angular-icons": "22.1.0-develop.17",
-    "@progress/kendo-angular-inputs": "22.1.0-develop.17",
-    "@progress/kendo-angular-intl": "22.1.0-develop.17",
-    "@progress/kendo-angular-l10n": "22.1.0-develop.17",
-    "@progress/kendo-angular-label": "22.1.0-develop.17",
-    "@progress/kendo-angular-pager": "22.1.0-develop.17",
-    "@progress/kendo-angular-pdf-export": "22.1.0-develop.17",
-    "@progress/kendo-angular-popup": "22.1.0-develop.17",
-    "@progress/kendo-angular-toolbar": "22.1.0-develop.17",
-    "@progress/kendo-angular-utils": "22.1.0-develop.17",
+    "@progress/kendo-angular-buttons": "22.1.0-develop.19",
+    "@progress/kendo-angular-common": "22.1.0-develop.19",
+    "@progress/kendo-angular-dateinputs": "22.1.0-develop.19",
+    "@progress/kendo-angular-dropdowns": "22.1.0-develop.19",
+    "@progress/kendo-angular-excel-export": "22.1.0-develop.19",
+    "@progress/kendo-angular-icons": "22.1.0-develop.19",
+    "@progress/kendo-angular-inputs": "22.1.0-develop.19",
+    "@progress/kendo-angular-intl": "22.1.0-develop.19",
+    "@progress/kendo-angular-l10n": "22.1.0-develop.19",
+    "@progress/kendo-angular-label": "22.1.0-develop.19",
+    "@progress/kendo-angular-pager": "22.1.0-develop.19",
+    "@progress/kendo-angular-pdf-export": "22.1.0-develop.19",
+    "@progress/kendo-angular-popup": "22.1.0-develop.19",
+    "@progress/kendo-angular-toolbar": "22.1.0-develop.19",
+    "@progress/kendo-angular-utils": "22.1.0-develop.19",
     "rxjs": "^6.5.3 || ^7.0.0"
   },
   "dependencies": {
     "tslib": "^2.3.1",
-    "@progress/kendo-angular-schematics": "22.1.0-develop.17",
+    "@progress/kendo-angular-schematics": "22.1.0-develop.19",
     "@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': '22.1.0-develop.17',
+            '@progress/kendo-angular-treeview': '22.1.0-develop.19',
             // peer dependency of kendo-angular-inputs
-            '@progress/kendo-angular-dialog': '22.1.0-develop.17',
+            '@progress/kendo-angular-dialog': '22.1.0-develop.19',
             // peer dependency of kendo-angular-icons
             '@progress/kendo-svg-icons': '^4.0.0',
             // peer dependency of kendo-angular-dateinputs
-            '@progress/kendo-angular-navigation': '22.1.0-develop.17',
+            '@progress/kendo-angular-navigation': '22.1.0-develop.19',
         } });
     return (0, schematics_1.externalSchematic)('@progress/kendo-angular-schematics', 'ng-add', finalOptions);
 }