@progress/kendo-angular-grid 18.1.0-develop.19 → 18.1.0-develop.2

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

@@ -455,10 +455,6 @@ const recursiveFlatMap = (item) => isGroupResult(item) ? item.items.flatMap(recu
 const isGroupResult = (obj) => {
     return 'aggregates' in obj && 'items' in obj && 'field' in obj && 'value' in obj;
 };
-/**
- * @hidden
- */
-const roundDown = (value) => Math.floor(value * 100) / 100;
 
 /**
  * @hidden
@@ -2092,18 +2088,6 @@ const isColumnContainer = column => column.isColumnGroup || isSpanColumn(column)
  */
 class ColumnBase {
     parent;
-    /**
-     * @hidden
-     */
-    isReordered;
-    /**
-     * @hidden
-     */
-    initialMaxResizableWidth;
-    /**
-     * @hidden
-     */
-    initialMinResizableWidth;
     /**
      * @hidden
      */
@@ -2771,10 +2755,6 @@ class ColumnComponent extends ColumnBase {
     get displayTitle() {
         return this.title === undefined ? this.field : this.title;
     }
-    ngAfterViewInit() {
-        this.initialMaxResizableWidth = this.maxResizableWidth;
-        this.initialMinResizableWidth = this.minResizableWidth;
-    }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ColumnComponent, deps: [{ token: ColumnBase, host: true, optional: true, skipSelf: true }, { token: IdService, optional: true }], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ColumnComponent, isStandalone: true, selector: "kendo-grid-column", inputs: { field: "field", format: "format", sortable: "sortable", groupable: "groupable", editor: "editor", filter: "filter", filterable: "filterable", editable: "editable" }, providers: [
             {
@@ -3103,10 +3083,8 @@ class ColumnResizingService {
     areColumnsReordered = false;
     isShiftPressed = false;
     originalWidth;
-    draggedGroupColumn;
-    resizedColumns;
-    autoFitResize = false;
     column;
+    resizedColumns;
     tables = [];
     batch = null;
     start(column) {
@@ -3142,10 +3120,7 @@ class ColumnResizingService {
             resizedColumns: this.resizedColumns,
             type: 'end'
         });
-        this.restoreInitialMaxMinWidths();
         this.adjacentColumn = null;
-        this.draggedGroupColumn = null;
-        this.autoFitResize = false;
     }
     registerTable(tableMetadata) {
         this.tables.push(tableMetadata);
@@ -3218,16 +3193,6 @@ class ColumnResizingService {
         });
         this.batch = null;
     }
-    restoreInitialMaxMinWidths() {
-        if (this.adjacentColumn) {
-            this.adjacentColumn.maxResizableWidth = this.adjacentColumn.initialMaxResizableWidth;
-            this.adjacentColumn.minResizableWidth = this.adjacentColumn.initialMinResizableWidth;
-        }
-        if (this.column) {
-            this.column.maxResizableWidth = this.column.initialMaxResizableWidth;
-            this.column.minResizableWidth = this.column.initialMinResizableWidth;
-        }
-    }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ColumnResizingService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
     static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ColumnResizingService });
 }
@@ -3339,25 +3304,7 @@ class NavigationService {
         }
     }
     get isColumnResizable() {
-        const allColumns = Array.from(this.ctx.grid.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.grid.columnsContainer.leafColumnsToRender.length;
-            }
-            else {
-                return this.activeCell.colIndex !== this.ctx.grid.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;
-        }
+        return this.activeCell.colIndex !== this.ctx.grid.columnsContainer.leafColumnsToRender.length - 1;
     }
     viewport;
     columnViewport;
@@ -3799,7 +3746,8 @@ class NavigationService {
         }
     }
     columnResize(onRightArrow) {
-        const column = this.ctx.grid.columnsContainer.allColumns.find((col) => col.level === this.activeCell.rowIndex && col.leafIndex === this.activeCell.colIndex);
+        const column = this.ctx.grid.columnsContainer.leafColumnsToRender[this.activeCell.colIndex];
+        column.resizeStartWidth = Array.from(this.ctx.grid.wrapper.nativeElement.querySelectorAll('.k-grid-header th.k-header'))[this.activeCell.colIndex]['offsetWidth'];
         this.resizeService.start(column);
         this.resizeService.resizeColumns(onRightArrow ? resizeStep : -1 * resizeStep);
         if (this.resizeService.resizeColumns.length > 0) {
@@ -14658,20 +14606,11 @@ const toPercentage = (value, whole) => (value / whole) * 100;
 /**
  * @hidden
  */
-const headerWidth = (handle) => handle.nativeElement.parentElement.getBoundingClientRect().width;
+const headerWidth = (handle) => handle.nativeElement.parentElement.offsetWidth;
 /**
  * @hidden
  */
-const adjacentColumnWidth = (handle) => handle.nativeElement.parentElement.nextElementSibling?.getBoundingClientRect().width;
-/**
- * @hidden
- */
-const adjacentColumnInGroupWidth = (handle, rowIndex, colIndex) => {
-    const tableElement = handle.nativeElement.closest('.k-grid-header-table');
-    const selector = (rowAttribute) => `tr[${rowAttribute}="${rowIndex}"] th[aria-colindex="${colIndex}"]`;
-    const thElement = tableElement.querySelector([selector('aria-rowindex'), selector('data-kendo-grid-row-index')]);
-    return thElement.getBoundingClientRect().width;
-};
+const adjacentColumnWidth = (handle) => handle.nativeElement.parentElement.nextElementSibling?.offsetWidth;
 /**
  * @hidden
  */
@@ -14731,7 +14670,7 @@ class ColumnHandleDirective {
     columns = [];
     column;
     get visible() {
-        if (this.isConstrainedMode && (this.isLast || this.isLastInGroup(this.column))) {
+        if (this.isConstrainedMode && this.isLast) {
             return 'none';
         }
         return this.column.resizable ? 'block' : 'none';
@@ -14751,12 +14690,7 @@ class ColumnHandleDirective {
     }
     subscriptions = new Subscription();
     rtl = false;
-    totalChildrenSum = 0;
-    childrenColumns = [];
-    minWidthTotal = 0;
-    foundColumn;
     autoFit() {
-        this.service.autoFitResize = true;
         const allLeafs = allLeafColumns(this.columns);
         const currentLeafs = leafColumns([this.column]).filter(column => isTruthy(column.resizable));
         const columnInfo = currentLeafs.map(column => {
@@ -14814,19 +14748,35 @@ class ColumnHandleDirective {
     }
     shouldUpdate() {
         return !allLeafColumns(this.columns)
-            .map(column => column.width || (this.isConstrainedMode && !column.width && column.implicitWidth))
+            .map(column => column.width)
             .some(isBlank);
     }
     initColumnWidth() {
         this.column.width = headerWidth(this.element);
-        if (this.isConstrainedMode) {
-            this.column.resizeStartWidth = this.column.width;
-        }
     }
     initState() {
         this.column.resizeStartWidth = headerWidth(this.element);
-        if (this.isConstrainedMode && !this.service.adjacentColumn) {
-            this.setAdjacentColumn();
+        let columns = [];
+        if (this.ctx.grid?.columns) {
+            columns = Array.from(this.ctx.grid?.columns) || [];
+        }
+        if (this.isConstrainedMode) {
+            if (this.service.areColumnsReordered) {
+                this.service.adjacentColumn = columns.find(c => c.orderIndex === this.column.orderIndex + 1);
+                this.service.adjacentColumn.resizeStartWidth = adjacentColumnWidth(this.element);
+                this.service.resizedColumn({
+                    column: this.service.adjacentColumn,
+                    oldWidth: this.service.adjacentColumn.resizeStartWidth
+                });
+            }
+            else {
+                this.service.adjacentColumn = columns[this.column.leafIndex + 1];
+                this.service.adjacentColumn.resizeStartWidth = adjacentColumnWidth(this.element);
+                this.service.resizedColumn({
+                    column: this.service.adjacentColumn,
+                    oldWidth: this.service.adjacentColumn.resizeStartWidth
+                });
+            }
         }
         this.service.resizedColumn({
             column: this.column,
@@ -14843,7 +14793,12 @@ class ColumnHandleDirective {
             newWidth = Math.min(newWidth, this.column.maxResizableWidth);
         }
         if (this.isConstrainedMode) {
-            newWidth = this.calcNewColumnWidth(newWidth);
+            const maxAllowedResizableWidth = this.column.resizeStartWidth + this.service.adjacentColumn.resizeStartWidth - this.service.adjacentColumn.minResizableWidth;
+            newWidth = Math.min(newWidth, maxAllowedResizableWidth);
+        }
+        if (this.isConstrainedMode && isPresent(this.service.adjacentColumn.maxResizableWidth)) {
+            const maxAllowedResizableWidth = this.column.resizeStartWidth + this.service.adjacentColumn.resizeStartWidth - this.service.adjacentColumn.maxResizableWidth;
+            newWidth = Math.max(newWidth, maxAllowedResizableWidth);
         }
         const tableDelta = this.getTableDelta(newWidth, delta);
         this.updateWidth(this.column, newWidth);
@@ -14857,8 +14812,11 @@ class ColumnHandleDirective {
         this.service.resizeTable(this.column, tableDelta);
     }
     updateWidth(column, width) {
-        if (this.isConstrainedMode && this.service.adjacentColumn && !this.service.autoFitResize) {
-            this.updateWidthsOfResizedColumns(column, width);
+        if (this.isConstrainedMode && this.service.adjacentColumn) {
+            const adjacentColumnNewWidth = column.resizeStartWidth + this.service.adjacentColumn.resizeStartWidth - width;
+            if (adjacentColumnNewWidth < (column.resizeStartWidth + this.service.adjacentColumn.resizeStartWidth)) {
+                this.service.adjacentColumn.width = adjacentColumnNewWidth;
+            }
         }
         column.width = width;
         this.columnInfoService.hiddenColumns.forEach((col) => {
@@ -14870,188 +14828,9 @@ class ColumnHandleDirective {
         });
         this.cdr.markForCheck(); //force CD cycle
     }
-    updateWidthsOfResizedColumns(column, width) {
-        let adjacentColumnNewWidth = column.resizeStartWidth + this.service.adjacentColumn.resizeStartWidth - width;
-        if (this.service.draggedGroupColumn && column.parent) {
-            this.updateWidthOfDraggedColumn(column, width);
-            this.setGroupWidths(this.service.draggedGroupColumn);
-        }
-        else if (!this.service.draggedGroupColumn && !column.parent && this.service.adjacentColumn.parent) {
-            this.service.adjacentColumn.parent.width = column.width + this.service.adjacentColumn.parent.width - width;
-            this.service.adjacentColumn.width = adjacentColumnNewWidth;
-        }
-        else if (!this.service.draggedGroupColumn && column.parent && this.service.adjacentColumn.parent) {
-            adjacentColumnNewWidth = column.width + this.service.adjacentColumn.width - width;
-            this.service.adjacentColumn.width = adjacentColumnNewWidth;
-            const filteredColumns = this.service.adjacentColumn.parent.children.filter(c => c !== this.service.adjacentColumn);
-            const filteredColumnsWidth = filteredColumns.reduce((acc, c) => acc + c.width, 0);
-            this.service.adjacentColumn.parent.width = adjacentColumnNewWidth + filteredColumnsWidth;
-            this.setGroupWidths(this.service.adjacentColumn.parent);
-        }
-        else if (adjacentColumnNewWidth > this.service.adjacentColumn.minResizableWidth) {
-            this.service.adjacentColumn.width = adjacentColumnNewWidth;
-        }
-    }
-    calcNewColumnWidth(newWidth) {
-        let maxAllowedResizableWidth;
-        if (!this.service.adjacentColumn.parent) {
-            maxAllowedResizableWidth = this.column.width + this.service.adjacentColumn.width - this.service.adjacentColumn.minResizableWidth;
-            if (!this.column.parent) {
-                maxAllowedResizableWidth = this.column.resizeStartWidth + this.service.adjacentColumn.resizeStartWidth - this.service.adjacentColumn.minResizableWidth;
-                if (this.service.adjacentColumn.maxResizableWidth) {
-                    const minResizableWidth = this.column.resizeStartWidth + this.service.adjacentColumn.resizeStartWidth - this.service.adjacentColumn.maxResizableWidth;
-                    maxAllowedResizableWidth = this.column.resizeStartWidth + this.service.adjacentColumn.resizeStartWidth - this.service.adjacentColumn.minResizableWidth;
-                    this.column.minResizableWidth = minResizableWidth;
-                    this.column.maxResizableWidth = maxAllowedResizableWidth;
-                }
-            }
-        }
-        else {
-            maxAllowedResizableWidth = this.column.width + this.service.adjacentColumn.width;
-            newWidth = Math.min(newWidth, maxAllowedResizableWidth);
-            this.minWidthTotal = 0;
-            const minResizableWidth = this.minAdjacentColumnWidth(this.service.adjacentColumn);
-            maxAllowedResizableWidth -= minResizableWidth;
-        }
-        return Math.min(newWidth, maxAllowedResizableWidth - 1);
-    }
-    setAdjacentColumn() {
-        const columnsForLevel = this.columnsForLevel(this.column.level);
-        if (this.column.parent) {
-            if (this.column.isReordered) {
-                this.service.adjacentColumn = columnsForLevel.find(c => c.orderIndex === this.column.orderIndex + 1);
-                this.service.adjacentColumn.resizeStartWidth = this.service.adjacentColumn.width;
-            }
-            else {
-                const columnIndex = columnsForLevel.indexOf(this.column);
-                this.service.adjacentColumn = columnsForLevel[columnIndex + 1];
-                this.service.adjacentColumn.resizeStartWidth = adjacentColumnWidth(this.element);
-                const parentColumnChildren = Array.from(this.column.parent.children);
-                const indexOfCurrentColumn = parentColumnChildren.indexOf(this.column);
-                let adjacentColumn;
-                if (indexOfCurrentColumn + 1 <= parentColumnChildren.length - 1) {
-                    adjacentColumn = parentColumnChildren[indexOfCurrentColumn + 1];
-                    if (adjacentColumn?.isColumnGroup) {
-                        this.service.adjacentColumn = adjacentColumn;
-                    }
-                }
-            }
-            if (this.service.adjacentColumn.isColumnGroup) {
-                this.foundColumn = null;
-                this.service.adjacentColumn = this.firstGroupChild(this.service.adjacentColumn);
-            }
-            if (this.column.isColumnGroup) {
-                this.service.draggedGroupColumn = this.column;
-            }
-        }
-        else if (this.column.isColumnGroup) {
-            if (this.column.isReordered) {
-                this.service.adjacentColumn = columnsForLevel.find(c => c.orderIndex === this.column.orderIndex + 1);
-            }
-            else {
-                this.service.adjacentColumn = columnsForLevel[columnsForLevel.indexOf(this.column) + 1];
-            }
-            this.service.adjacentColumn.resizeStartWidth = adjacentColumnWidth(this.element);
-            if (this.service.adjacentColumn.isColumnGroup) {
-                this.foundColumn = null;
-                this.service.adjacentColumn = this.firstGroupChild(this.service.adjacentColumn);
-            }
-            this.service.adjacentColumn.resizeStartWidth = this.service.adjacentColumn.width;
-            this.service.draggedGroupColumn = this.column;
-        }
-        else {
-            if (this.column.isReordered) {
-                this.service.adjacentColumn = columnsForLevel.find(col => col.orderIndex === this.column.orderIndex + 1);
-            }
-            else {
-                let adjacentColumn = columnsForLevel.find(c => c.leafIndex === this.column.leafIndex + 1);
-                if (!adjacentColumn) {
-                    const indexOfCurrentColumn = columnsForLevel.indexOf(this.column);
-                    adjacentColumn = columnsForLevel[indexOfCurrentColumn + 1];
-                }
-                this.service.adjacentColumn = adjacentColumn;
-            }
-            if (!this.service.adjacentColumn.parent) {
-                this.service.adjacentColumn.resizeStartWidth = adjacentColumnWidth(this.element);
-            }
-            if (this.service.adjacentColumn.isColumnGroup) {
-                this.foundColumn = null;
-                this.service.adjacentColumn = this.firstGroupChild(this.service.adjacentColumn);
-                const rowIndex = this.service.adjacentColumn.level + 1;
-                const colIndex = this.service.adjacentColumn.leafIndex + 1;
-                this.service.adjacentColumn.resizeStartWidth = adjacentColumnInGroupWidth(this.element, rowIndex, colIndex);
-            }
-        }
-        this.service.resizedColumn({
-            column: this.service.adjacentColumn,
-            oldWidth: this.service.adjacentColumn.resizeStartWidth
-        });
-    }
-    firstGroupChild(column) {
-        Array.from(column.children).sort((a, b) => a.orderIndex - b.orderIndex).forEach((c, idx) => {
-            if (idx === 0 && !c.isColumnGroup) {
-                if (!this.foundColumn) {
-                    this.foundColumn = c;
-                }
-            }
-            else if (c.isColumnGroup) {
-                this.firstGroupChild(c);
-            }
-        });
-        return this.foundColumn;
-    }
-    setGroupWidths(column) {
-        const childrenWidths = column.children.reduce((acc, c) => acc + c.width, 0);
-        column.width = childrenWidths;
-        column.children.forEach(c => {
-            if (c.isColumnGroup) {
-                this.setGroupWidths(c);
-            }
-        });
-    }
-    updateWidthOfDraggedColumn(column, width) {
-        this.totalChildrenSum = 0;
-        this.childrenColumns = [];
-        this.calcChildrenWidth(this.service.draggedGroupColumn);
-        const childrenWidthNotIncludingColumn = this.childrenColumns.reduce((acc, col) => {
-            return col !== column ? acc + col.width : acc;
-        }, 0);
-        this.service.draggedGroupColumn.width = childrenWidthNotIncludingColumn + width;
-        if (this.service.adjacentColumn.minResizableWidth <= this.totalChildrenSum + this.service.adjacentColumn.resizeStartWidth - width - childrenWidthNotIncludingColumn) {
-            this.service.adjacentColumn.width = this.totalChildrenSum + this.service.adjacentColumn.resizeStartWidth - width - childrenWidthNotIncludingColumn;
-        }
-    }
-    calcChildrenWidth(column) {
-        const columnChildren = Array.from(column.children);
-        const childrenNoGroups = columnChildren.filter(c => !c.isColumnGroup);
-        const childrenGroups = columnChildren.filter(c => c.isColumnGroup);
-        childrenNoGroups.forEach(col => {
-            if (this.childrenColumns.indexOf(col) === -1) {
-                this.childrenColumns.push(col);
-            }
-        });
-        this.totalChildrenSum += childrenNoGroups.reduce((acc, col) => acc + col.resizeStartWidth, 0);
-        childrenGroups.forEach((col) => {
-            this.calcChildrenWidth(col);
-        });
-    }
     columnsForLevel(level) {
         return columnsToRender(this.columns ? this.columns.filter(column => column.level === level) : []);
     }
-    minAdjacentColumnWidth(column) {
-        if (column.isColumnGroup) {
-            Array.from(column.children).forEach(c => {
-                this.minAdjacentColumnWidth(c);
-            });
-        }
-        else {
-            this.minWidthTotal += column.minResizableWidth;
-            if (column.width < column.minResizableWidth) {
-                column.width = column.minResizableWidth;
-            }
-        }
-        return this.minWidthTotal;
-    }
     getTableDelta(newWidth, delta) {
         const minWidth = this.column.minResizableWidth;
         const maxWidth = this.column.maxResizableWidth;
@@ -15076,18 +14855,6 @@ class ColumnHandleDirective {
         event.stopPropagation();
         event.preventDefault();
     };
-    isLastInGroup(column) {
-        if (column.parent) {
-            const groupChildren = Array.from(column.parent.children);
-            const indexOfCurrentColumn = groupChildren.indexOf(column);
-            if (column.isReordered || column.orderIndex > 0 || (column.isReordered && column.orderIndex === 0)) {
-                return (column.orderIndex - groupChildren[0].orderIndex) === groupChildren.length - 1;
-            }
-            else {
-                return indexOfCurrentColumn === groupChildren.length - 1;
-            }
-        }
-    }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ColumnHandleDirective, deps: [{ token: i1$3.DraggableDirective, host: true }, { token: i0.ElementRef }, { token: ColumnResizingService }, { token: i0.NgZone }, { token: i0.ChangeDetectorRef }, { token: ContextService }, { token: ColumnInfoService }], target: i0.ɵɵFactoryTarget.Directive });
     static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: ColumnHandleDirective, isStandalone: true, selector: "[kendoGridColumnHandle]", inputs: { isLast: "isLast", columns: "columns", column: "column" }, host: { listeners: { "dblclick": "autoFit()" }, properties: { "style.display": "this.visible", "style.left": "this.leftStyle", "style.right": "this.rightStyle" } }, ngImport: i0 });
 }
@@ -16508,6 +16275,9 @@ class HeaderComponent {
     isCheckboxColumn(column) {
         return isCheckboxColumn(column) && !column.templateRef;
     }
+    trackByIndex(index) {
+        return index;
+    }
     addStickyStyles(column) {
         const stickyStyles = this.columnInfoService.stickyColumnsStyles(column);
         return { ...column.headerStyle, ...stickyStyles };
@@ -16646,7 +16416,7 @@ class HeaderComponent {
                 *ngIf="detailTemplate?.templateRef"
             >
             </th>
-            <ng-container *ngFor="let column of columnsForLevel(levelIndex); let columnIndex = index; let last = last;">
+            <ng-container *ngFor="let column of columnsForLevel(levelIndex); trackBy: trackByIndex; let columnIndex = index; let last = last;">
                 <th *ngIf="!isColumnGroupComponent(column)"
                     kendoGridLogicalCell
                     [logicalRowIndex]="levelIndex"
@@ -16873,7 +16643,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                 *ngIf="detailTemplate?.templateRef"
             >
             </th>
-            <ng-container *ngFor="let column of columnsForLevel(levelIndex); let columnIndex = index; let last = last;">
+            <ng-container *ngFor="let column of columnsForLevel(levelIndex); trackBy: trackByIndex; let columnIndex = index; let last = last;">
                 <th *ngIf="!isColumnGroupComponent(column)"
                     kendoGridLogicalCell
                     [logicalRowIndex]="levelIndex"
@@ -19710,8 +19480,8 @@ const packageMetadata = {
     productName: 'Kendo UI for Angular',
     productCode: 'KENDOUIANGULAR',
     productCodes: ['KENDOUIANGULAR'],
-    publishDate: 1738834037,
-    version: '18.1.0-develop.19',
+    publishDate: 1738227350,
+    version: '18.1.0-develop.2',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
 };
 
@@ -21671,7 +21441,7 @@ class TableDirective {
         const constrainedModeNoShift = this.ctx.grid?.resizable === 'constrained' && !this.service.isShiftPressed;
         const unconstrainedModeShift = (this.ctx.grid?.resizable === true || this.ctx.grid?.resizable === 'unconstrained') && this.service.isShiftPressed;
         const isConstrainedMode = constrainedModeNoShift || unconstrainedModeShift;
-        if (isConstrainedMode && !this.service.autoFitResize) {
+        if (isConstrainedMode) {
             this.renderer.setStyle(this.element.nativeElement, 'width', this.service.originalWidth + 'px');
         }
         else {
@@ -23700,11 +23470,6 @@ class GridComponent {
      * @default false
      */
     groupable = false;
-    /**
-     * Determines whether the Grid can be resized.
-     * @default false
-     */
-    gridResizable = false;
     /**
      * Enables the [row reordering]({% slug reordering_rows_grid %}) of the Grid.
      * @default false
@@ -24042,21 +23807,6 @@ class GridComponent {
     get noScrollbarClass() {
         return this.scrollbarWidth === 0;
     }
-    get isResizable() {
-        return Boolean(this.gridResizable);
-    }
-    get minWidth() {
-        return this.gridResizable.minWidth;
-    }
-    get maxWidth() {
-        return this.gridResizable.maxWidth;
-    }
-    get minHeight() {
-        return this.gridResizable.minHeight;
-    }
-    get maxHeight() {
-        return this.gridResizable.maxHeight;
-    }
     detailTemplateChildren;
     get detailTemplate() {
         if (this._customDetailTemplate) {
@@ -25016,19 +24766,16 @@ class GridComponent {
             }
             else if (column === source) {
                 i += toSkip;
-                column.isReordered = true;
                 continue;
             }
             else {
                 column.orderIndex = nextIndex;
             }
-            column.isReordered = true;
             nextIndex++;
             i++;
         }
         for (i = sourceColumnIndex; i < sourceColumnIndex + toSkip; i++) {
             expandedColumns[i].orderIndex = nextSourceIndex++;
-            expandedColumns[i].isReordered = true;
         }
         this.updateIndicesForLevel(source.level + 1);
         this.columnResizingService.areColumnsReordered = true;
@@ -25041,11 +24788,7 @@ class GridComponent {
                 colsForLevel.push(...c.childrenArray.sort((a, b) => a.orderIndex - b.orderIndex));
             }
         });
-        expandColumnsWithSpan(colsForLevel).map((c, i) => {
-            c.orderIndex = i;
-            c.isReordered = true;
-            return c;
-        });
+        expandColumnsWithSpan(colsForLevel).map((c, i) => c.orderIndex = i);
         if (level < this.columnList.totalColumnLevels()) {
             this.updateIndicesForLevel(level + 1);
         }
@@ -25363,8 +25106,8 @@ class GridComponent {
             .filter(item => isTruthy(item.column.resizable) && !item.column.isColumnGroup)
             .map(item => ({
             column: item.column,
-            newWidth: roundDown(item.column.width),
-            oldWidth: roundDown(item.oldWidth)
+            newWidth: item.column.width,
+            oldWidth: item.oldWidth
         }));
         this.columnResize.emit(args);
     }
@@ -25485,7 +25228,7 @@ class GridComponent {
         this.dropTargetContainer?.notify();
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GridComponent, deps: [{ token: BrowserSupportService }, { token: SelectionService }, { token: CellSelectionService }, { token: i0.ElementRef }, { token: GroupInfoService }, { token: GroupsService }, { token: ChangeNotificationService }, { token: DetailsService }, { 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: i1$2.LocalizationService }, { token: ContextService }, { token: SizingOptionsService }, { token: RowReorderService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: GridComponent, isStandalone: true, selector: "kendo-grid", inputs: { data: "data", pageSize: "pageSize", height: "height", rowHeight: "rowHeight", detailRowHeight: "detailRowHeight", skip: "skip", scrollable: "scrollable", selectable: "selectable", sort: "sort", size: "size", trackBy: "trackBy", filter: "filter", group: "group", virtualColumns: "virtualColumns", filterable: "filterable", sortable: "sortable", pageable: "pageable", groupable: "groupable", gridResizable: "gridResizable", rowReorderable: "rowReorderable", navigable: "navigable", navigatable: "navigatable", autoSize: "autoSize", rowClass: "rowClass", rowSticky: "rowSticky", rowSelected: "rowSelected", isRowSelectable: "isRowSelectable", cellSelected: "cellSelected", resizable: "resizable", reorderable: "reorderable", loading: "loading", columnMenu: "columnMenu", hideHeader: "hideHeader", isDetailExpanded: "isDetailExpanded", isGroupExpanded: "isGroupExpanded" }, outputs: { filterChange: "filterChange", pageChange: "pageChange", groupChange: "groupChange", sortChange: "sortChange", selectionChange: "selectionChange", rowReorder: "rowReorder", dataStateChange: "dataStateChange", groupExpand: "groupExpand", groupCollapse: "groupCollapse", detailExpand: "detailExpand", detailCollapse: "detailCollapse", 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", columnStickyChange: "columnStickyChange", scrollBottom: "scrollBottom", contentScroll: "contentScroll" }, host: { properties: { "attr.dir": "this.dir", "class.k-grid": "this.hostClass", "class.k-grid-sm": "this.sizeSmallClass", "class.k-grid-md": "this.sizeMediumClass", "class.k-grid-lockedcolumns": "this.lockedClasses", "class.k-grid-virtual": "this.virtualClasses", "class.k-grid-no-scrollbar": "this.noScrollbarClass", "class.k-grid-resizable": "this.isResizable", "style.minWidth": "this.minWidth", "style.maxWidth": "this.maxWidth", "style.minHeight": "this.minHeight", "style.maxHeight": "this.maxHeight" } }, providers: [
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: GridComponent, isStandalone: true, selector: "kendo-grid", inputs: { data: "data", pageSize: "pageSize", height: "height", rowHeight: "rowHeight", detailRowHeight: "detailRowHeight", skip: "skip", scrollable: "scrollable", selectable: "selectable", sort: "sort", size: "size", trackBy: "trackBy", filter: "filter", group: "group", virtualColumns: "virtualColumns", filterable: "filterable", sortable: "sortable", pageable: "pageable", groupable: "groupable", rowReorderable: "rowReorderable", navigable: "navigable", navigatable: "navigatable", autoSize: "autoSize", rowClass: "rowClass", rowSticky: "rowSticky", rowSelected: "rowSelected", isRowSelectable: "isRowSelectable", cellSelected: "cellSelected", resizable: "resizable", reorderable: "reorderable", loading: "loading", columnMenu: "columnMenu", hideHeader: "hideHeader", isDetailExpanded: "isDetailExpanded", isGroupExpanded: "isGroupExpanded" }, outputs: { filterChange: "filterChange", pageChange: "pageChange", groupChange: "groupChange", sortChange: "sortChange", selectionChange: "selectionChange", rowReorder: "rowReorder", dataStateChange: "dataStateChange", groupExpand: "groupExpand", groupCollapse: "groupCollapse", detailExpand: "detailExpand", detailCollapse: "detailCollapse", 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", columnStickyChange: "columnStickyChange", scrollBottom: "scrollBottom", contentScroll: "contentScroll" }, host: { properties: { "attr.dir": "this.dir", "class.k-grid": "this.hostClass", "class.k-grid-sm": "this.sizeSmallClass", "class.k-grid-md": "this.sizeMediumClass", "class.k-grid-lockedcolumns": "this.lockedClasses", "class.k-grid-virtual": "this.virtualClasses", "class.k-grid-no-scrollbar": "this.noScrollbarClass" } }, providers: [
             BrowserSupportService,
             LocalizationService,
             ColumnInfoService,
@@ -26942,8 +26685,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                 type: Input
             }], groupable: [{
                 type: Input
-            }], gridResizable: [{
-                type: Input
             }], rowReorderable: [{
                 type: Input
             }], navigable: [{
@@ -27050,21 +26791,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
             }], noScrollbarClass: [{
                 type: HostBinding,
                 args: ['class.k-grid-no-scrollbar']
-            }], isResizable: [{
-                type: HostBinding,
-                args: ['class.k-grid-resizable']
-            }], minWidth: [{
-                type: HostBinding,
-                args: ['style.minWidth']
-            }], maxWidth: [{
-                type: HostBinding,
-                args: ['style.maxWidth']
-            }], minHeight: [{
-                type: HostBinding,
-                args: ['style.minHeight']
-            }], maxHeight: [{
-                type: HostBinding,
-                args: ['style.maxHeight']
             }], detailTemplateChildren: [{
                 type: ContentChildren,
                 args: [DetailTemplateDirective]

package/grid.component.d.ts

@@ -80,7 +80,6 @@ import { DragTargetContainerDirective, DragTargetDataFn, DropTargetContainerDire
 import { RowReorderService } from './row-reordering/row-reorder.service';
 import { StatusBarTemplateDirective } from './aggregates/status-bar-template.directive';
 import { PagerTemplateDirective } from '@progress/kendo-angular-pager';
-import { GridResizableSettings } from './common/resizable-settings';
 import * as i0 from "@angular/core";
 /**
  * Represents the Kendo UI for Angular Data Grid component.
@@ -272,11 +271,6 @@ export declare class GridComponent implements AfterContentInit, AfterViewInit, O
      * @default false
      */
     groupable: GroupableSettings | boolean;
-    /**
-     * Determines whether the Grid can be resized.
-     * @default false
-     */
-    gridResizable: GridResizableSettings | boolean;
     /**
      * Enables the [row reordering]({% slug reordering_rows_grid %}) of the Grid.
      * @default false
@@ -522,11 +516,6 @@ export declare class GridComponent implements AfterContentInit, AfterViewInit, O
     get lockedClasses(): boolean;
     get virtualClasses(): boolean;
     get noScrollbarClass(): boolean;
-    get isResizable(): boolean;
-    get minWidth(): string;
-    get maxWidth(): string;
-    get minHeight(): string;
-    get maxHeight(): string;
     detailTemplateChildren: QueryList<DetailTemplateDirective>;
     get detailTemplate(): DetailTemplateDirective;
     set detailTemplate(detailTemplate: DetailTemplateDirective);
@@ -945,5 +934,5 @@ export declare class GridComponent implements AfterContentInit, AfterViewInit, O
     private shouldResetSelection;
     private notifyReorderContainers;
     static ɵfac: i0.ɵɵFactoryDeclaration<GridComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<GridComponent, "kendo-grid", ["kendoGrid"], { "data": { "alias": "data"; "required": false; }; "pageSize": { "alias": "pageSize"; "required": false; }; "height": { "alias": "height"; "required": false; }; "rowHeight": { "alias": "rowHeight"; "required": false; }; "detailRowHeight": { "alias": "detailRowHeight"; "required": false; }; "skip": { "alias": "skip"; "required": false; }; "scrollable": { "alias": "scrollable"; "required": false; }; "selectable": { "alias": "selectable"; "required": false; }; "sort": { "alias": "sort"; "required": false; }; "size": { "alias": "size"; "required": false; }; "trackBy": { "alias": "trackBy"; "required": false; }; "filter": { "alias": "filter"; "required": false; }; "group": { "alias": "group"; "required": false; }; "virtualColumns": { "alias": "virtualColumns"; "required": false; }; "filterable": { "alias": "filterable"; "required": false; }; "sortable": { "alias": "sortable"; "required": false; }; "pageable": { "alias": "pageable"; "required": false; }; "groupable": { "alias": "groupable"; "required": false; }; "gridResizable": { "alias": "gridResizable"; "required": false; }; "rowReorderable": { "alias": "rowReorderable"; "required": false; }; "navigable": { "alias": "navigable"; "required": false; }; "navigatable": { "alias": "navigatable"; "required": false; }; "autoSize": { "alias": "autoSize"; "required": false; }; "rowClass": { "alias": "rowClass"; "required": false; }; "rowSticky": { "alias": "rowSticky"; "required": false; }; "rowSelected": { "alias": "rowSelected"; "required": false; }; "isRowSelectable": { "alias": "isRowSelectable"; "required": false; }; "cellSelected": { "alias": "cellSelected"; "required": false; }; "resizable": { "alias": "resizable"; "required": false; }; "reorderable": { "alias": "reorderable"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "columnMenu": { "alias": "columnMenu"; "required": false; }; "hideHeader": { "alias": "hideHeader"; "required": false; }; "isDetailExpanded": { "alias": "isDetailExpanded"; "required": false; }; "isGroupExpanded": { "alias": "isGroupExpanded"; "required": false; }; }, { "filterChange": "filterChange"; "pageChange": "pageChange"; "groupChange": "groupChange"; "sortChange": "sortChange"; "selectionChange": "selectionChange"; "rowReorder": "rowReorder"; "dataStateChange": "dataStateChange"; "groupExpand": "groupExpand"; "groupCollapse": "groupCollapse"; "detailExpand": "detailExpand"; "detailCollapse": "detailCollapse"; "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"; "columnStickyChange": "columnStickyChange"; "scrollBottom": "scrollBottom"; "contentScroll": "contentScroll"; }, ["columns", "detailTemplateChildren", "cellLoadingTemplateChildren", "loadingTemplateChildren", "statusBarTemplateChildren", "noRecordsTemplateChildren", "pagerTemplateChildren", "toolbarTemplateChildren", "columnMenuTemplates"], ["kendo-toolbar"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<GridComponent, "kendo-grid", ["kendoGrid"], { "data": { "alias": "data"; "required": false; }; "pageSize": { "alias": "pageSize"; "required": false; }; "height": { "alias": "height"; "required": false; }; "rowHeight": { "alias": "rowHeight"; "required": false; }; "detailRowHeight": { "alias": "detailRowHeight"; "required": false; }; "skip": { "alias": "skip"; "required": false; }; "scrollable": { "alias": "scrollable"; "required": false; }; "selectable": { "alias": "selectable"; "required": false; }; "sort": { "alias": "sort"; "required": false; }; "size": { "alias": "size"; "required": false; }; "trackBy": { "alias": "trackBy"; "required": false; }; "filter": { "alias": "filter"; "required": false; }; "group": { "alias": "group"; "required": false; }; "virtualColumns": { "alias": "virtualColumns"; "required": false; }; "filterable": { "alias": "filterable"; "required": false; }; "sortable": { "alias": "sortable"; "required": false; }; "pageable": { "alias": "pageable"; "required": false; }; "groupable": { "alias": "groupable"; "required": false; }; "rowReorderable": { "alias": "rowReorderable"; "required": false; }; "navigable": { "alias": "navigable"; "required": false; }; "navigatable": { "alias": "navigatable"; "required": false; }; "autoSize": { "alias": "autoSize"; "required": false; }; "rowClass": { "alias": "rowClass"; "required": false; }; "rowSticky": { "alias": "rowSticky"; "required": false; }; "rowSelected": { "alias": "rowSelected"; "required": false; }; "isRowSelectable": { "alias": "isRowSelectable"; "required": false; }; "cellSelected": { "alias": "cellSelected"; "required": false; }; "resizable": { "alias": "resizable"; "required": false; }; "reorderable": { "alias": "reorderable"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "columnMenu": { "alias": "columnMenu"; "required": false; }; "hideHeader": { "alias": "hideHeader"; "required": false; }; "isDetailExpanded": { "alias": "isDetailExpanded"; "required": false; }; "isGroupExpanded": { "alias": "isGroupExpanded"; "required": false; }; }, { "filterChange": "filterChange"; "pageChange": "pageChange"; "groupChange": "groupChange"; "sortChange": "sortChange"; "selectionChange": "selectionChange"; "rowReorder": "rowReorder"; "dataStateChange": "dataStateChange"; "groupExpand": "groupExpand"; "groupCollapse": "groupCollapse"; "detailExpand": "detailExpand"; "detailCollapse": "detailCollapse"; "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"; "columnStickyChange": "columnStickyChange"; "scrollBottom": "scrollBottom"; "contentScroll": "contentScroll"; }, ["columns", "detailTemplateChildren", "cellLoadingTemplateChildren", "loadingTemplateChildren", "statusBarTemplateChildren", "noRecordsTemplateChildren", "pagerTemplateChildren", "toolbarTemplateChildren", "columnMenuTemplates"], ["kendo-toolbar"], true, never>;
 }