@progress/kendo-angular-grid 17.3.0-develop.2 → 18.0.0-develop.10

package/esm2022/grid.component.mjs

@@ -200,6 +200,28 @@ export class GridComponent {
     get hintText() {
         return this.rowReorderService.getDefaultHintText(this.columnList, this.flatData);
     }
+    /**
+     * @hidden
+     */
+    get customHintTemplate() {
+        if (this.rowReorderable) {
+            const allColumns = this.columnList.toArray();
+            const rowReorderColumn = allColumns.find(column => column.isRowReorderColumn);
+            return rowReorderColumn.rowDragHintTemplateRef;
+        }
+    }
+    /**
+     * @hidden
+     */
+    get hintContext() {
+        if (this.customHintTemplate) {
+            const draggedRow = this.rowReorderService?.getDraggedRow(this.flatData);
+            return {
+                $implicit: draggedRow?.dataItem,
+                rowIndex: draggedRow?.rowIndex
+            };
+        }
+    }
     /**
      * Defines the page size used by the Grid pager.
      * Required by the [paging]({% slug paging_grid %}) functionality.
@@ -1696,6 +1718,7 @@ export class GridComponent {
             expandedColumns[i].orderIndex = nextSourceIndex++;
         }
         this.updateIndicesForLevel(source.level + 1);
+        this.columnResizingService.areColumnsReordered = true;
     }
     updateIndicesForLevel(level) {
         const colsForParentLevel = this.allColumnsForLevel(level - 1);
@@ -2511,7 +2534,8 @@ export class GridComponent {
             [dragTargetFilter]="getDefaultSelectors('dragTarget')"
             [dropTargetFilter]="getDefaultSelectors('dropTarget')"
             [dragHandle]="getDefaultSelectors('handle')"
-            [hint]="{hintTemplate: defaultHint}"
+            [hint]="{hintTemplate: customHintTemplate || defaultHint}"
+            [hintContext]="hintContext"
             (onPress)="handleReorderEvents($event, 'press')"
             (onDragStart)="handleReorderEvents($event, 'dragStart')"
             (onDrag)="handleReorderEvents($event, 'drag')"
@@ -2527,6 +2551,7 @@ export class GridComponent {
             <ng-container *ngIf="isScrollable">
                 <div *ngIf="!hideHeader"
                     class="k-grid-header"
+                    [class.k-grid-draggable-header]="groupable || reorderable"
                     role="presentation"
                     [style.padding]="headerPadding">
                     <div *ngIf="isLocked"
@@ -2842,7 +2867,7 @@ export class GridComponent {
             </kendo-pager-info>
         </ng-template>
         <div kendoWatermarkOverlay *ngIf="showLicenseWatermark"></div>
-    `, isInline: true, dependencies: [{ kind: "directive", type: LocalizedMessagesDirective, selector: "[kendoGridLocalizedMessages]" }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: GridToolbarComponent, selector: "kendo-grid-toolbar", inputs: ["position", "size", "navigable"] }, { kind: "component", type: GroupPanelComponent, selector: "kendo-grid-group-panel", inputs: ["text", "navigable", "groups"], outputs: ["change"] }, { kind: "directive", type: TableDirective, selector: "[kendoGridResizableTable]", inputs: ["locked", "virtualColumns"] }, { kind: "directive", type: GridTableDirective, selector: "[kendoGridTable]", inputs: ["size"] }, { kind: "component", type: ColGroupComponent, selector: "[kendoGridColGroup]", inputs: ["columns", "groups", "detailTemplate", "sort"] }, { kind: "component", type: HeaderComponent, selector: "[kendoGridHeader]", inputs: ["totalColumnLevels", "columns", "groups", "detailTemplate", "scrollable", "filterable", "sort", "filter", "sortable", "groupable", "lockedColumnsCount", "resizable", "reorderable", "columnMenu", "columnMenuTemplate", "totalColumnsCount", "totalColumns", "tabIndex", "size"] }, { kind: "directive", type: ResizableContainerDirective, selector: "[kendoGridResizableContainer]", inputs: ["lockedWidth", "kendoGridResizableContainer"] }, { kind: "component", type: ListComponent, selector: "kendo-grid-list", inputs: ["data", "groups", "total", "rowHeight", "stickyRowHeight", "detailRowHeight", "take", "skip", "columns", "detailTemplate", "noRecordsTemplate", "selectable", "groupable", "filterable", "rowClass", "rowSticky", "loading", "trackBy", "virtualColumns", "isVirtual", "cellLoadingTemplate", "loadingTemplate", "sort", "size"], outputs: ["contentScroll", "pageChange", "scrollBottom"] }, { kind: "directive", type: DragTargetContainerDirective, selector: "[kendoDragTargetContainer]", inputs: ["hint", "dragTargetFilter", "dragHandle", "dragDelay", "threshold", "dragTargetId", "dragData", "dragDisabled", "mode", "cursorStyle"], outputs: ["onDragReady", "onPress", "onDragStart", "onDrag", "onRelease", "onDragEnd"], exportAs: ["kendoDragTargetContainer"] }, { kind: "directive", type: DropTargetContainerDirective, selector: "[kendoDropTargetContainer]", inputs: ["dropTargetFilter", "dropDisabled"], outputs: ["onDragEnter", "onDragOver", "onDragLeave", "onDrop"], exportAs: ["kendoDropTargetContainer"] }, { kind: "directive", type: DraggableDirective, selector: "[kendoDraggable]", inputs: ["enableDrag"], outputs: ["kendoPress", "kendoDrag", "kendoRelease"] }, { kind: "directive", type: GridMarqueeDirective, selector: "[kendoGridSelectionMarquee]" }, { kind: "component", type: FooterComponent, selector: "[kendoGridFooter]", inputs: ["columns", "groups", "detailTemplate", "scrollable", "lockedColumnsCount", "logicalRowIndex", "totalColumns"] }, { kind: "component", type: TableBodyComponent, selector: "[kendoGridTableBody]", inputs: ["columns", "allColumns", "groups", "detailTemplate", "noRecordsTemplate", "data", "skip", "selectable", "filterable", "noRecordsText", "isLocked", "isLoading", "isVirtual", "cellLoadingTemplate", "skipGroupDecoration", "showGroupFooters", "lockedColumnsCount", "totalColumnsCount", "virtualColumns", "trackBy", "rowSticky", "totalColumns", "rowClass"] }, { kind: "component", type: LoadingComponent, selector: "[kendoGridLoading]", inputs: ["loadingTemplate"] }, { kind: "component", type: StatusBarComponent, selector: "kendo-grid-status-bar", inputs: ["statusBarTemplate"] }, { kind: "component", type: IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }, { kind: "component", type: WatermarkOverlayComponent, selector: "div[kendoWatermarkOverlay]" }, { kind: "component", type: i25.CustomMessagesComponent, selector: "kendo-datapager-messages, kendo-pager-messages" }, { kind: "component", type: i25.PagerInfoComponent, selector: "kendo-datapager-info, kendo-pager-info" }, { kind: "component", type: i25.PagerInputComponent, selector: "kendo-datapager-input, kendo-pager-input", inputs: ["size"] }, { kind: "component", type: i25.PagerNextButtonsComponent, selector: "kendo-datapager-next-buttons, kendo-pager-next-buttons", inputs: ["size"] }, { kind: "component", type: i25.PagerNumericButtonsComponent, selector: "kendo-datapager-numeric-buttons, kendo-pager-numeric-buttons", inputs: ["buttonCount", "size"] }, { kind: "component", type: i25.PagerPageSizesComponent, selector: "kendo-datapager-page-sizes, kendo-pager-page-sizes", inputs: ["pageSizes", "size"] }, { kind: "component", type: i25.PagerPrevButtonsComponent, selector: "kendo-datapager-prev-buttons, kendo-pager-prev-buttons", inputs: ["size"] }, { kind: "directive", type: i25.PagerTemplateDirective, selector: "[kendoDataPagerTemplate], [kendoPagerTemplate]" }, { kind: "component", type: i25.PagerComponent, selector: "kendo-datapager, kendo-pager", inputs: ["externalTemplate", "total", "skip", "pageSize", "buttonCount", "info", "type", "pageSizeValues", "previousNext", "navigable", "size", "responsive"], outputs: ["pageChange", "pageSizeChange"], exportAs: ["kendoDataPager", "kendoPager"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], encapsulation: i0.ViewEncapsulation.None });
+    `, isInline: true, dependencies: [{ kind: "directive", type: LocalizedMessagesDirective, selector: "[kendoGridLocalizedMessages]" }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: GridToolbarComponent, selector: "kendo-grid-toolbar", inputs: ["position", "size", "navigable"] }, { kind: "component", type: GroupPanelComponent, selector: "kendo-grid-group-panel", inputs: ["text", "navigable", "groups"], outputs: ["change"] }, { kind: "directive", type: TableDirective, selector: "[kendoGridResizableTable]", inputs: ["locked", "virtualColumns"] }, { kind: "directive", type: GridTableDirective, selector: "[kendoGridTable]", inputs: ["size"] }, { kind: "component", type: ColGroupComponent, selector: "[kendoGridColGroup]", inputs: ["columns", "groups", "detailTemplate", "sort"] }, { kind: "component", type: HeaderComponent, selector: "[kendoGridHeader]", inputs: ["totalColumnLevels", "columns", "groups", "detailTemplate", "scrollable", "filterable", "sort", "filter", "sortable", "groupable", "lockedColumnsCount", "resizable", "reorderable", "columnMenu", "columnMenuTemplate", "totalColumnsCount", "totalColumns", "tabIndex", "size"] }, { kind: "directive", type: ResizableContainerDirective, selector: "[kendoGridResizableContainer]", inputs: ["lockedWidth", "kendoGridResizableContainer"] }, { kind: "component", type: ListComponent, selector: "kendo-grid-list", inputs: ["data", "groups", "total", "rowHeight", "stickyRowHeight", "detailRowHeight", "take", "skip", "columns", "detailTemplate", "noRecordsTemplate", "selectable", "groupable", "filterable", "rowClass", "rowSticky", "loading", "trackBy", "virtualColumns", "isVirtual", "cellLoadingTemplate", "loadingTemplate", "sort", "size"], outputs: ["contentScroll", "pageChange", "scrollBottom"] }, { kind: "directive", type: DragTargetContainerDirective, selector: "[kendoDragTargetContainer]", inputs: ["hint", "dragTargetFilter", "dragHandle", "dragDelay", "threshold", "dragTargetId", "dragData", "dragDisabled", "mode", "cursorStyle", "hintContext"], outputs: ["onDragReady", "onPress", "onDragStart", "onDrag", "onRelease", "onDragEnd"], exportAs: ["kendoDragTargetContainer"] }, { kind: "directive", type: DropTargetContainerDirective, selector: "[kendoDropTargetContainer]", inputs: ["dropTargetFilter", "dropDisabled"], outputs: ["onDragEnter", "onDragOver", "onDragLeave", "onDrop"], exportAs: ["kendoDropTargetContainer"] }, { kind: "directive", type: DraggableDirective, selector: "[kendoDraggable]", inputs: ["enableDrag"], outputs: ["kendoPress", "kendoDrag", "kendoRelease"] }, { kind: "directive", type: GridMarqueeDirective, selector: "[kendoGridSelectionMarquee]" }, { kind: "component", type: FooterComponent, selector: "[kendoGridFooter]", inputs: ["columns", "groups", "detailTemplate", "scrollable", "lockedColumnsCount", "logicalRowIndex", "totalColumns"] }, { kind: "component", type: TableBodyComponent, selector: "[kendoGridTableBody]", inputs: ["columns", "allColumns", "groups", "detailTemplate", "noRecordsTemplate", "data", "skip", "selectable", "filterable", "noRecordsText", "isLocked", "isLoading", "isVirtual", "cellLoadingTemplate", "skipGroupDecoration", "showGroupFooters", "lockedColumnsCount", "totalColumnsCount", "virtualColumns", "trackBy", "rowSticky", "totalColumns", "rowClass"] }, { kind: "component", type: LoadingComponent, selector: "[kendoGridLoading]", inputs: ["loadingTemplate"] }, { kind: "component", type: StatusBarComponent, selector: "kendo-grid-status-bar", inputs: ["statusBarTemplate"] }, { kind: "component", type: IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }, { kind: "component", type: WatermarkOverlayComponent, selector: "div[kendoWatermarkOverlay]" }, { kind: "component", type: i25.CustomMessagesComponent, selector: "kendo-datapager-messages, kendo-pager-messages" }, { kind: "component", type: i25.PagerInfoComponent, selector: "kendo-datapager-info, kendo-pager-info" }, { kind: "component", type: i25.PagerInputComponent, selector: "kendo-datapager-input, kendo-pager-input", inputs: ["size"] }, { kind: "component", type: i25.PagerNextButtonsComponent, selector: "kendo-datapager-next-buttons, kendo-pager-next-buttons", inputs: ["size"] }, { kind: "component", type: i25.PagerNumericButtonsComponent, selector: "kendo-datapager-numeric-buttons, kendo-pager-numeric-buttons", inputs: ["buttonCount", "size"] }, { kind: "component", type: i25.PagerPageSizesComponent, selector: "kendo-datapager-page-sizes, kendo-pager-page-sizes", inputs: ["pageSizes", "size"] }, { kind: "component", type: i25.PagerPrevButtonsComponent, selector: "kendo-datapager-prev-buttons, kendo-pager-prev-buttons", inputs: ["size"] }, { kind: "directive", type: i25.PagerTemplateDirective, selector: "[kendoDataPagerTemplate], [kendoPagerTemplate]" }, { kind: "component", type: i25.PagerComponent, selector: "kendo-datapager, kendo-pager", inputs: ["externalTemplate", "total", "skip", "pageSize", "buttonCount", "info", "type", "pageSizeValues", "previousNext", "navigable", "size", "responsive"], outputs: ["pageChange", "pageSizeChange"], exportAs: ["kendoDataPager", "kendoPager"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GridComponent, decorators: [{
             type: Component,
@@ -3217,7 +3242,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
             [dragTargetFilter]="getDefaultSelectors('dragTarget')"
             [dropTargetFilter]="getDefaultSelectors('dropTarget')"
             [dragHandle]="getDefaultSelectors('handle')"
-            [hint]="{hintTemplate: defaultHint}"
+            [hint]="{hintTemplate: customHintTemplate || defaultHint}"
+            [hintContext]="hintContext"
             (onPress)="handleReorderEvents($event, 'press')"
             (onDragStart)="handleReorderEvents($event, 'dragStart')"
             (onDrag)="handleReorderEvents($event, 'drag')"
@@ -3233,6 +3259,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
             <ng-container *ngIf="isScrollable">
                 <div *ngIf="!hideHeader"
                     class="k-grid-header"
+                    [class.k-grid-draggable-header]="groupable || reorderable"
                     role="presentation"
                     [style.padding]="headerPadding">
                     <div *ngIf="isLocked"

package/esm2022/grid.module.mjs

@@ -37,106 +37,108 @@ import * as i21 from "./columns/checkbox-column.component";
 import * as i22 from "./selection/selection-checkbox.directive";
 import * as i23 from "./rendering/cell-template.directive";
 import * as i24 from "./editing/edit-template.directive";
-import * as i25 from "./rendering/table-body.component";
-import * as i26 from "./rendering/no-records-template.directive";
-import * as i27 from "./rendering/cell.component";
-import * as i28 from "./editing/edit-command.directive";
-import * as i29 from "./editing/cancel-command.directive";
-import * as i30 from "./editing/save-command.directive";
-import * as i31 from "./editing/remove-command.directive";
-import * as i32 from "./editing/add-command.directive";
-import * as i33 from "./editing/add-command-tool.directive";
-import * as i34 from "./rendering/cell-loading.template.directive";
-import * as i35 from "./rendering/loading-template.directive";
-import * as i36 from "./columns/reorder-column.component";
-import * as i37 from "./rendering/header/header.component";
-import * as i38 from "./rendering/header/header-template.directive";
-import * as i39 from "./column-resizing/column-handle.directive";
-import * as i40 from "./selection/selectall-checkbox.directive";
-import * as i41 from "./rendering/footer/footer.component";
-import * as i42 from "@progress/kendo-angular-pager";
-import * as i43 from "@progress/kendo-angular-toolbar";
-import * as i44 from "./filtering/filter-row.component";
-import * as i45 from "./filtering/cell/filter-cell.component";
-import * as i46 from "./filtering/cell/filter-cell-template.directive";
-import * as i47 from "./filtering/cell/string-filter-cell.component";
-import * as i48 from "./filtering/cell/numeric-filter-cell.component";
-import * as i49 from "./filtering/cell/autocomplete-filter-cell.component";
-import * as i50 from "./filtering/cell/boolean-filter-cell.component";
-import * as i51 from "./filtering/cell/filter-cell-host.directive";
-import * as i52 from "./filtering/cell/filter-cell-wrapper.component";
-import * as i53 from "./filtering/cell/date-filter-cell.component";
-import * as i54 from "./filtering/cell/filter-cell-operators.component";
-import * as i55 from "./filtering/operators/contains-filter-operator.component";
-import * as i56 from "./filtering/operators/not-contains-filter-operator.component";
-import * as i57 from "./filtering/operators/ends-with-filter-operator.component";
-import * as i58 from "./filtering/operators/eq-filter-operator.component";
-import * as i59 from "./filtering/operators/is-empty-filter-operator.component";
-import * as i60 from "./filtering/operators/is-not-empty-filter-operator.component";
-import * as i61 from "./filtering/operators/is-not-null-filter-operator.component";
-import * as i62 from "./filtering/operators/isnull-filter-operator.component";
-import * as i63 from "./filtering/operators/neq-filter-operator.component";
-import * as i64 from "./filtering/operators/starts-with-filter-operator.component";
-import * as i65 from "./filtering/operators/gt-filter-operator.component";
-import * as i66 from "./filtering/operators/gte-filter-operator.component";
-import * as i67 from "./filtering/operators/lt-filter-operator.component";
-import * as i68 from "./filtering/operators/lte-filter-operator.component";
-import * as i69 from "./filtering/operators/after-filter-operator.component";
-import * as i70 from "./filtering/operators/after-eq-filter-operator.component";
-import * as i71 from "./filtering/operators/before-eq-filter-operator.component";
-import * as i72 from "./filtering/operators/before-filter-operator.component";
-import * as i73 from "./filtering/filter-input.directive";
-import * as i74 from "./filtering/menu/filter-menu.component";
-import * as i75 from "./filtering/menu/filter-menu-container.component";
-import * as i76 from "./filtering/menu/filter-menu-input-wrapper.component";
-import * as i77 from "./filtering/menu/string-filter-menu-input.component";
-import * as i78 from "./filtering/menu/string-filter-menu.component";
-import * as i79 from "./filtering/menu/filter-menu-template.directive";
-import * as i80 from "./filtering/menu/numeric-filter-menu.component";
-import * as i81 from "./filtering/menu/numeric-filter-menu-input.component";
-import * as i82 from "./filtering/menu/date-filter-menu-input.component";
-import * as i83 from "./filtering/menu/date-filter-menu.component";
-import * as i84 from "./filtering/menu/filter-menu-host.directive";
-import * as i85 from "./filtering/menu/boolean-filter-menu.component";
-import * as i86 from "./filtering/menu/filter-menu-dropdownlist.directive";
-import * as i87 from "./filtering/menu/filter-radio-button.directive";
-import * as i88 from "./column-menu/column-chooser-item-checked.directive";
-import * as i89 from "./column-menu/column-list.component";
-import * as i90 from "./column-menu/column-chooser.component";
-import * as i91 from "./column-menu/column-menu-chooser.component";
-import * as i92 from "./column-menu/column-menu-filter.component";
-import * as i93 from "./column-menu/column-menu-item.component";
-import * as i94 from "./column-menu/column-menu-item-content-template.directive";
-import * as i95 from "./column-menu/column-menu-sort.component";
-import * as i96 from "./column-menu/column-menu.component";
-import * as i97 from "./column-menu/column-menu-lock.component";
-import * as i98 from "./column-menu/column-menu-template.directive";
-import * as i99 from "./column-menu/column-menu-container.component";
-import * as i100 from "./column-menu/column-menu-item.directive";
-import * as i101 from "./column-menu/column-menu-stick.component";
-import * as i102 from "./column-menu/column-menu-position.component";
-import * as i103 from "./column-menu/column-menu-autosize.component";
-import * as i104 from "./column-menu/column-menu-autosize-all.component";
-import * as i105 from "./grid.component";
-import * as i106 from "./rendering/list.component";
-import * as i107 from "./rendering/toolbar/toolbar.component";
-import * as i108 from "./localization/localized-messages.directive";
-import * as i109 from "./localization/custom-messages.component";
-import * as i110 from "./databinding.directive";
-import * as i111 from "./rendering/toolbar/toolbar-template.directive";
-import * as i112 from "./selection/selection.directive";
-import * as i113 from "./editing-directives/template-editing.directive";
-import * as i114 from "./editing-directives/reactive-editing.directive";
-import * as i115 from "./editing-directives/in-cell-editing.directive";
-import * as i116 from "./rendering/details-expand.directive";
-import * as i117 from "./rendering/groups-expand.directive";
-import * as i118 from "./grouping/group-scroll-binding.directive";
-import * as i119 from "./selection/marquee.directive";
-import * as i120 from "./rendering/common/spacer.component";
-import * as i121 from "./rendering/toolbar/toolbar-focusable.directive";
-import * as i122 from "./aggregates/status-bar.component";
-import * as i123 from "./aggregates/status-bar-template.directive";
-import * as i124 from "./common/clipboard.directive";
+import * as i25 from "./row-reordering/drag-handle-template.directive";
+import * as i26 from "./row-reordering/drag-hint-template.directive";
+import * as i27 from "./rendering/table-body.component";
+import * as i28 from "./rendering/no-records-template.directive";
+import * as i29 from "./rendering/cell.component";
+import * as i30 from "./editing/edit-command.directive";
+import * as i31 from "./editing/cancel-command.directive";
+import * as i32 from "./editing/save-command.directive";
+import * as i33 from "./editing/remove-command.directive";
+import * as i34 from "./editing/add-command.directive";
+import * as i35 from "./editing/add-command-tool.directive";
+import * as i36 from "./rendering/cell-loading.template.directive";
+import * as i37 from "./rendering/loading-template.directive";
+import * as i38 from "./columns/reorder-column.component";
+import * as i39 from "./rendering/header/header.component";
+import * as i40 from "./rendering/header/header-template.directive";
+import * as i41 from "./column-resizing/column-handle.directive";
+import * as i42 from "./selection/selectall-checkbox.directive";
+import * as i43 from "./rendering/footer/footer.component";
+import * as i44 from "@progress/kendo-angular-pager";
+import * as i45 from "@progress/kendo-angular-toolbar";
+import * as i46 from "./filtering/filter-row.component";
+import * as i47 from "./filtering/cell/filter-cell.component";
+import * as i48 from "./filtering/cell/filter-cell-template.directive";
+import * as i49 from "./filtering/cell/string-filter-cell.component";
+import * as i50 from "./filtering/cell/numeric-filter-cell.component";
+import * as i51 from "./filtering/cell/autocomplete-filter-cell.component";
+import * as i52 from "./filtering/cell/boolean-filter-cell.component";
+import * as i53 from "./filtering/cell/filter-cell-host.directive";
+import * as i54 from "./filtering/cell/filter-cell-wrapper.component";
+import * as i55 from "./filtering/cell/date-filter-cell.component";
+import * as i56 from "./filtering/cell/filter-cell-operators.component";
+import * as i57 from "./filtering/operators/contains-filter-operator.component";
+import * as i58 from "./filtering/operators/not-contains-filter-operator.component";
+import * as i59 from "./filtering/operators/ends-with-filter-operator.component";
+import * as i60 from "./filtering/operators/eq-filter-operator.component";
+import * as i61 from "./filtering/operators/is-empty-filter-operator.component";
+import * as i62 from "./filtering/operators/is-not-empty-filter-operator.component";
+import * as i63 from "./filtering/operators/is-not-null-filter-operator.component";
+import * as i64 from "./filtering/operators/isnull-filter-operator.component";
+import * as i65 from "./filtering/operators/neq-filter-operator.component";
+import * as i66 from "./filtering/operators/starts-with-filter-operator.component";
+import * as i67 from "./filtering/operators/gt-filter-operator.component";
+import * as i68 from "./filtering/operators/gte-filter-operator.component";
+import * as i69 from "./filtering/operators/lt-filter-operator.component";
+import * as i70 from "./filtering/operators/lte-filter-operator.component";
+import * as i71 from "./filtering/operators/after-filter-operator.component";
+import * as i72 from "./filtering/operators/after-eq-filter-operator.component";
+import * as i73 from "./filtering/operators/before-eq-filter-operator.component";
+import * as i74 from "./filtering/operators/before-filter-operator.component";
+import * as i75 from "./filtering/filter-input.directive";
+import * as i76 from "./filtering/menu/filter-menu.component";
+import * as i77 from "./filtering/menu/filter-menu-container.component";
+import * as i78 from "./filtering/menu/filter-menu-input-wrapper.component";
+import * as i79 from "./filtering/menu/string-filter-menu-input.component";
+import * as i80 from "./filtering/menu/string-filter-menu.component";
+import * as i81 from "./filtering/menu/filter-menu-template.directive";
+import * as i82 from "./filtering/menu/numeric-filter-menu.component";
+import * as i83 from "./filtering/menu/numeric-filter-menu-input.component";
+import * as i84 from "./filtering/menu/date-filter-menu-input.component";
+import * as i85 from "./filtering/menu/date-filter-menu.component";
+import * as i86 from "./filtering/menu/filter-menu-host.directive";
+import * as i87 from "./filtering/menu/boolean-filter-menu.component";
+import * as i88 from "./filtering/menu/filter-menu-dropdownlist.directive";
+import * as i89 from "./filtering/menu/filter-radio-button.directive";
+import * as i90 from "./column-menu/column-chooser-item-checked.directive";
+import * as i91 from "./column-menu/column-list.component";
+import * as i92 from "./column-menu/column-chooser.component";
+import * as i93 from "./column-menu/column-menu-chooser.component";
+import * as i94 from "./column-menu/column-menu-filter.component";
+import * as i95 from "./column-menu/column-menu-item.component";
+import * as i96 from "./column-menu/column-menu-item-content-template.directive";
+import * as i97 from "./column-menu/column-menu-sort.component";
+import * as i98 from "./column-menu/column-menu.component";
+import * as i99 from "./column-menu/column-menu-lock.component";
+import * as i100 from "./column-menu/column-menu-template.directive";
+import * as i101 from "./column-menu/column-menu-container.component";
+import * as i102 from "./column-menu/column-menu-item.directive";
+import * as i103 from "./column-menu/column-menu-stick.component";
+import * as i104 from "./column-menu/column-menu-position.component";
+import * as i105 from "./column-menu/column-menu-autosize.component";
+import * as i106 from "./column-menu/column-menu-autosize-all.component";
+import * as i107 from "./grid.component";
+import * as i108 from "./rendering/list.component";
+import * as i109 from "./rendering/toolbar/toolbar.component";
+import * as i110 from "./localization/localized-messages.directive";
+import * as i111 from "./localization/custom-messages.component";
+import * as i112 from "./databinding.directive";
+import * as i113 from "./rendering/toolbar/toolbar-template.directive";
+import * as i114 from "./selection/selection.directive";
+import * as i115 from "./editing-directives/template-editing.directive";
+import * as i116 from "./editing-directives/reactive-editing.directive";
+import * as i117 from "./editing-directives/in-cell-editing.directive";
+import * as i118 from "./rendering/details-expand.directive";
+import * as i119 from "./rendering/groups-expand.directive";
+import * as i120 from "./grouping/group-scroll-binding.directive";
+import * as i121 from "./selection/marquee.directive";
+import * as i122 from "./rendering/common/spacer.component";
+import * as i123 from "./rendering/toolbar/toolbar-focusable.directive";
+import * as i124 from "./aggregates/status-bar.component";
+import * as i125 from "./aggregates/status-bar-template.directive";
+import * as i126 from "./common/clipboard.directive";
 // IMPORTANT: NgModule export kept for backwards compatibility
 /**
  * Represents the [NgModule](link:site.data.urls.angular['ngmoduleapi'])
@@ -161,7 +163,7 @@ import * as i124 from "./common/clipboard.directive";
  */
 export class GridModule {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GridModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: GridModule, imports: [i1.GroupHeaderTemplateDirective, i2.GroupHeaderColumnTemplateDirective, i3.GroupFooterTemplateDirective, i4.GroupHeaderComponent, i5.GroupPanelComponent, i6.ColumnComponent, i7.ColumnGroupComponent, i8.LogicalCellDirective, i9.LogicalRowDirective, i10.FocusableDirective, i11.FooterTemplateDirective, i12.ColGroupComponent, i13.ResizableContainerDirective, i14.TemplateContextDirective, i15.FieldAccessorPipe, i16.DetailTemplateDirective, i17.SpanColumnComponent, i18.LoadingComponent, i19.GridTableDirective, i20.CommandColumnComponent, i21.CheckboxColumnComponent, i22.SelectionCheckboxDirective, i23.CellTemplateDirective, i24.EditTemplateDirective, i25.TableBodyComponent, i26.NoRecordsTemplateDirective, i27.CellComponent, i28.EditCommandDirective, i29.CancelCommandDirective, i30.SaveCommandDirective, i31.RemoveCommandDirective, i32.AddCommandDirective, i33.AddCommandToolbarDirective, i34.CellLoadingTemplateDirective, i35.LoadingTemplateDirective, i36.RowReorderColumnComponent, i37.HeaderComponent, i38.HeaderTemplateDirective, i39.ColumnHandleDirective, i40.SelectAllCheckboxDirective, i41.FooterComponent, i42.CustomMessagesComponent, i42.PagerFocusableDirective, i42.PagerInfoComponent, i42.PagerInputComponent, i42.PagerNextButtonsComponent, i42.PagerNumericButtonsComponent, i42.PagerPageSizesComponent, i42.PagerPrevButtonsComponent, i42.PagerTemplateDirective, i42.PagerComponent, i42.PagerSpacerComponent, i43.ToolBarComponent, i43.ToolbarCustomMessagesComponent, i43.ToolBarButtonComponent, i43.ToolBarButtonGroupComponent, i43.ToolBarDropDownButtonComponent, i43.ToolBarSeparatorComponent, i43.ToolBarSpacerComponent, i43.ToolBarSplitButtonComponent, i43.ToolBarToolComponent, i44.FilterRowComponent, i45.FilterCellComponent, i46.FilterCellTemplateDirective, i47.StringFilterCellComponent, i48.NumericFilterCellComponent, i49.AutoCompleteFilterCellComponent, i50.BooleanFilterCellComponent, i51.FilterCellHostDirective, i52.FilterCellWrapperComponent, i53.DateFilterCellComponent, i6.ColumnComponent, i7.ColumnGroupComponent, i8.LogicalCellDirective, i9.LogicalRowDirective, i10.FocusableDirective, i11.FooterTemplateDirective, i12.ColGroupComponent, i13.ResizableContainerDirective, i14.TemplateContextDirective, i15.FieldAccessorPipe, i16.DetailTemplateDirective, i17.SpanColumnComponent, i18.LoadingComponent, i19.GridTableDirective, i54.FilterCellOperatorsComponent, i55.ContainsFilterOperatorComponent, i56.DoesNotContainFilterOperatorComponent, i57.EndsWithFilterOperatorComponent, i58.EqualFilterOperatorComponent, i59.IsEmptyFilterOperatorComponent, i60.IsNotEmptyFilterOperatorComponent, i61.IsNotNullFilterOperatorComponent, i62.IsNullFilterOperatorComponent, i63.NotEqualFilterOperatorComponent, i64.StartsWithFilterOperatorComponent, i65.GreaterFilterOperatorComponent, i66.GreaterOrEqualToFilterOperatorComponent, i67.LessFilterOperatorComponent, i68.LessOrEqualToFilterOperatorComponent, i69.AfterFilterOperatorComponent, i70.AfterEqFilterOperatorComponent, i71.BeforeEqFilterOperatorComponent, i72.BeforeFilterOperatorComponent, i73.FilterInputDirective, i6.ColumnComponent, i7.ColumnGroupComponent, i8.LogicalCellDirective, i9.LogicalRowDirective, i10.FocusableDirective, i11.FooterTemplateDirective, i12.ColGroupComponent, i13.ResizableContainerDirective, i14.TemplateContextDirective, i15.FieldAccessorPipe, i16.DetailTemplateDirective, i17.SpanColumnComponent, i18.LoadingComponent, i19.GridTableDirective, i54.FilterCellOperatorsComponent, i55.ContainsFilterOperatorComponent, i56.DoesNotContainFilterOperatorComponent, i57.EndsWithFilterOperatorComponent, i58.EqualFilterOperatorComponent, i59.IsEmptyFilterOperatorComponent, i60.IsNotEmptyFilterOperatorComponent, i61.IsNotNullFilterOperatorComponent, i62.IsNullFilterOperatorComponent, i63.NotEqualFilterOperatorComponent, i64.StartsWithFilterOperatorComponent, i65.GreaterFilterOperatorComponent, i66.GreaterOrEqualToFilterOperatorComponent, i67.LessFilterOperatorComponent, i68.LessOrEqualToFilterOperatorComponent, i69.AfterFilterOperatorComponent, i70.AfterEqFilterOperatorComponent, i71.BeforeEqFilterOperatorComponent, i72.BeforeFilterOperatorComponent, i73.FilterInputDirective, i74.FilterMenuComponent, i75.FilterMenuContainerComponent, i76.FilterMenuInputWrapperComponent, i77.StringFilterMenuInputComponent, i78.StringFilterMenuComponent, i79.FilterMenuTemplateDirective, i80.NumericFilterMenuComponent, i81.NumericFilterMenuInputComponent, i82.DateFilterMenuInputComponent, i83.DateFilterMenuComponent, i84.FilterMenuHostDirective, i85.BooleanFilterMenuComponent, i86.FilterMenuDropDownListDirective, i87.BooleanFilterRadioButtonDirective, i88.ColumnMenuChooserItemCheckedDirective, i89.ColumnListComponent, i90.ColumnChooserComponent, i91.ColumnMenuChooserComponent, i92.ColumnMenuFilterComponent, i93.ColumnMenuItemComponent, i94.ColumnMenuItemContentTemplateDirective, i95.ColumnMenuSortComponent, i96.ColumnMenuComponent, i97.ColumnMenuLockComponent, i98.ColumnMenuTemplateDirective, i99.ColumnMenuContainerComponent, i100.ColumnMenuItemDirective, i101.ColumnMenuStickComponent, i102.ColumnMenuPositionComponent, i103.ColumnMenuAutoSizeColumnComponent, i104.ColumnMenuAutoSizeAllColumnsComponent, i105.GridComponent, i106.ListComponent, i107.ToolbarComponent, i108.LocalizedMessagesDirective, i109.CustomMessagesComponent, i110.DataBindingDirective, i111.ToolbarTemplateDirective, i112.SelectionDirective, i113.TemplateEditingDirective, i114.ReactiveEditingDirective, i115.InCellEditingDirective, i116.ExpandDetailsDirective, i117.ExpandGroupDirective, i118.GroupBindingDirective, i119.GridMarqueeDirective, i120.GridSpacerComponent, i121.GridToolbarFocusableDirective, i122.StatusBarComponent, i123.StatusBarTemplateDirective, i124.GridClipboardDirective, i43.ToolBarComponent, i43.ToolbarCustomMessagesComponent, i43.ToolBarButtonComponent, i43.ToolBarButtonGroupComponent, i43.ToolBarDropDownButtonComponent, i43.ToolBarSeparatorComponent, i43.ToolBarSpacerComponent, i43.ToolBarSplitButtonComponent, i43.ToolBarToolComponent, TableDirective], exports: [i105.GridComponent, i111.ToolbarTemplateDirective, i107.ToolbarComponent, i120.GridSpacerComponent, i123.StatusBarTemplateDirective, i110.DataBindingDirective, i112.SelectionDirective, i109.CustomMessagesComponent, i118.GroupBindingDirective, i113.TemplateEditingDirective, i114.ReactiveEditingDirective, i115.InCellEditingDirective, i116.ExpandDetailsDirective, i117.ExpandGroupDirective, i121.GridToolbarFocusableDirective, i1.GroupHeaderTemplateDirective, i2.GroupHeaderColumnTemplateDirective, i3.GroupFooterTemplateDirective, i4.GroupHeaderComponent, i5.GroupPanelComponent, i6.ColumnComponent, i7.ColumnGroupComponent, i8.LogicalCellDirective, i9.LogicalRowDirective, i10.FocusableDirective, i11.FooterTemplateDirective, i12.ColGroupComponent, i13.ResizableContainerDirective, i14.TemplateContextDirective, i15.FieldAccessorPipe, i16.DetailTemplateDirective, i17.SpanColumnComponent, i18.LoadingComponent, i19.GridTableDirective, i20.CommandColumnComponent, i21.CheckboxColumnComponent, i22.SelectionCheckboxDirective, i23.CellTemplateDirective, i24.EditTemplateDirective, i25.TableBodyComponent, i26.NoRecordsTemplateDirective, i27.CellComponent, i28.EditCommandDirective, i29.CancelCommandDirective, i30.SaveCommandDirective, i31.RemoveCommandDirective, i32.AddCommandDirective, i33.AddCommandToolbarDirective, i34.CellLoadingTemplateDirective, i35.LoadingTemplateDirective, i36.RowReorderColumnComponent, i37.HeaderComponent, i38.HeaderTemplateDirective, i39.ColumnHandleDirective, i40.SelectAllCheckboxDirective, i44.FilterRowComponent, i45.FilterCellComponent, i46.FilterCellTemplateDirective, i47.StringFilterCellComponent, i48.NumericFilterCellComponent, i49.AutoCompleteFilterCellComponent, i50.BooleanFilterCellComponent, i51.FilterCellHostDirective, i52.FilterCellWrapperComponent, i53.DateFilterCellComponent, i54.FilterCellOperatorsComponent, i55.ContainsFilterOperatorComponent, i56.DoesNotContainFilterOperatorComponent, i57.EndsWithFilterOperatorComponent, i58.EqualFilterOperatorComponent, i59.IsEmptyFilterOperatorComponent, i60.IsNotEmptyFilterOperatorComponent, i61.IsNotNullFilterOperatorComponent, i62.IsNullFilterOperatorComponent, i63.NotEqualFilterOperatorComponent, i64.StartsWithFilterOperatorComponent, i65.GreaterFilterOperatorComponent, i66.GreaterOrEqualToFilterOperatorComponent, i67.LessFilterOperatorComponent, i68.LessOrEqualToFilterOperatorComponent, i69.AfterFilterOperatorComponent, i70.AfterEqFilterOperatorComponent, i71.BeforeEqFilterOperatorComponent, i72.BeforeFilterOperatorComponent, i74.FilterMenuComponent, i75.FilterMenuContainerComponent, i76.FilterMenuInputWrapperComponent, i77.StringFilterMenuInputComponent, i78.StringFilterMenuComponent, i79.FilterMenuTemplateDirective, i80.NumericFilterMenuComponent, i81.NumericFilterMenuInputComponent, i82.DateFilterMenuInputComponent, i83.DateFilterMenuComponent, i84.FilterMenuHostDirective, i85.BooleanFilterMenuComponent, i86.FilterMenuDropDownListDirective, i87.BooleanFilterRadioButtonDirective, i90.ColumnChooserComponent, i92.ColumnMenuFilterComponent, i93.ColumnMenuItemComponent, i94.ColumnMenuItemContentTemplateDirective, i95.ColumnMenuSortComponent, i97.ColumnMenuLockComponent, i101.ColumnMenuStickComponent, i102.ColumnMenuPositionComponent, i91.ColumnMenuChooserComponent, i98.ColumnMenuTemplateDirective, i99.ColumnMenuContainerComponent, i100.ColumnMenuItemDirective, i96.ColumnMenuComponent, i103.ColumnMenuAutoSizeColumnComponent, i104.ColumnMenuAutoSizeAllColumnsComponent, i124.GridClipboardDirective, i43.ToolBarComponent, i43.ToolbarCustomMessagesComponent, i43.ToolBarButtonComponent, i43.ToolBarButtonGroupComponent, i43.ToolBarDropDownButtonComponent, i43.ToolBarSeparatorComponent, i43.ToolBarSpacerComponent, i43.ToolBarSplitButtonComponent, i43.ToolBarToolComponent, i42.CustomMessagesComponent, i42.PagerFocusableDirective, i42.PagerInfoComponent, i42.PagerInputComponent, i42.PagerNextButtonsComponent, i42.PagerNumericButtonsComponent, i42.PagerPageSizesComponent, i42.PagerPrevButtonsComponent, i42.PagerTemplateDirective, i42.PagerComponent, i42.PagerSpacerComponent] });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: GridModule, imports: [i1.GroupHeaderTemplateDirective, i2.GroupHeaderColumnTemplateDirective, i3.GroupFooterTemplateDirective, i4.GroupHeaderComponent, i5.GroupPanelComponent, i6.ColumnComponent, i7.ColumnGroupComponent, i8.LogicalCellDirective, i9.LogicalRowDirective, i10.FocusableDirective, i11.FooterTemplateDirective, i12.ColGroupComponent, i13.ResizableContainerDirective, i14.TemplateContextDirective, i15.FieldAccessorPipe, i16.DetailTemplateDirective, i17.SpanColumnComponent, i18.LoadingComponent, i19.GridTableDirective, i20.CommandColumnComponent, i21.CheckboxColumnComponent, i22.SelectionCheckboxDirective, i23.CellTemplateDirective, i24.EditTemplateDirective, i25.RowDragHandleTemplateDirective, i26.RowDragHintTemplateDirective, i27.TableBodyComponent, i28.NoRecordsTemplateDirective, i29.CellComponent, i30.EditCommandDirective, i31.CancelCommandDirective, i32.SaveCommandDirective, i33.RemoveCommandDirective, i34.AddCommandDirective, i35.AddCommandToolbarDirective, i36.CellLoadingTemplateDirective, i37.LoadingTemplateDirective, i38.RowReorderColumnComponent, i39.HeaderComponent, i40.HeaderTemplateDirective, i41.ColumnHandleDirective, i42.SelectAllCheckboxDirective, i43.FooterComponent, i44.CustomMessagesComponent, i44.PagerFocusableDirective, i44.PagerInfoComponent, i44.PagerInputComponent, i44.PagerNextButtonsComponent, i44.PagerNumericButtonsComponent, i44.PagerPageSizesComponent, i44.PagerPrevButtonsComponent, i44.PagerTemplateDirective, i44.PagerComponent, i44.PagerSpacerComponent, i45.ToolBarComponent, i45.ToolbarCustomMessagesComponent, i45.ToolBarButtonComponent, i45.ToolBarButtonGroupComponent, i45.ToolBarDropDownButtonComponent, i45.ToolBarSeparatorComponent, i45.ToolBarSpacerComponent, i45.ToolBarSplitButtonComponent, i45.ToolBarToolComponent, i46.FilterRowComponent, i47.FilterCellComponent, i48.FilterCellTemplateDirective, i49.StringFilterCellComponent, i50.NumericFilterCellComponent, i51.AutoCompleteFilterCellComponent, i52.BooleanFilterCellComponent, i53.FilterCellHostDirective, i54.FilterCellWrapperComponent, i55.DateFilterCellComponent, i6.ColumnComponent, i7.ColumnGroupComponent, i8.LogicalCellDirective, i9.LogicalRowDirective, i10.FocusableDirective, i11.FooterTemplateDirective, i12.ColGroupComponent, i13.ResizableContainerDirective, i14.TemplateContextDirective, i15.FieldAccessorPipe, i16.DetailTemplateDirective, i17.SpanColumnComponent, i18.LoadingComponent, i19.GridTableDirective, i56.FilterCellOperatorsComponent, i57.ContainsFilterOperatorComponent, i58.DoesNotContainFilterOperatorComponent, i59.EndsWithFilterOperatorComponent, i60.EqualFilterOperatorComponent, i61.IsEmptyFilterOperatorComponent, i62.IsNotEmptyFilterOperatorComponent, i63.IsNotNullFilterOperatorComponent, i64.IsNullFilterOperatorComponent, i65.NotEqualFilterOperatorComponent, i66.StartsWithFilterOperatorComponent, i67.GreaterFilterOperatorComponent, i68.GreaterOrEqualToFilterOperatorComponent, i69.LessFilterOperatorComponent, i70.LessOrEqualToFilterOperatorComponent, i71.AfterFilterOperatorComponent, i72.AfterEqFilterOperatorComponent, i73.BeforeEqFilterOperatorComponent, i74.BeforeFilterOperatorComponent, i75.FilterInputDirective, i6.ColumnComponent, i7.ColumnGroupComponent, i8.LogicalCellDirective, i9.LogicalRowDirective, i10.FocusableDirective, i11.FooterTemplateDirective, i12.ColGroupComponent, i13.ResizableContainerDirective, i14.TemplateContextDirective, i15.FieldAccessorPipe, i16.DetailTemplateDirective, i17.SpanColumnComponent, i18.LoadingComponent, i19.GridTableDirective, i56.FilterCellOperatorsComponent, i57.ContainsFilterOperatorComponent, i58.DoesNotContainFilterOperatorComponent, i59.EndsWithFilterOperatorComponent, i60.EqualFilterOperatorComponent, i61.IsEmptyFilterOperatorComponent, i62.IsNotEmptyFilterOperatorComponent, i63.IsNotNullFilterOperatorComponent, i64.IsNullFilterOperatorComponent, i65.NotEqualFilterOperatorComponent, i66.StartsWithFilterOperatorComponent, i67.GreaterFilterOperatorComponent, i68.GreaterOrEqualToFilterOperatorComponent, i69.LessFilterOperatorComponent, i70.LessOrEqualToFilterOperatorComponent, i71.AfterFilterOperatorComponent, i72.AfterEqFilterOperatorComponent, i73.BeforeEqFilterOperatorComponent, i74.BeforeFilterOperatorComponent, i75.FilterInputDirective, i76.FilterMenuComponent, i77.FilterMenuContainerComponent, i78.FilterMenuInputWrapperComponent, i79.StringFilterMenuInputComponent, i80.StringFilterMenuComponent, i81.FilterMenuTemplateDirective, i82.NumericFilterMenuComponent, i83.NumericFilterMenuInputComponent, i84.DateFilterMenuInputComponent, i85.DateFilterMenuComponent, i86.FilterMenuHostDirective, i87.BooleanFilterMenuComponent, i88.FilterMenuDropDownListDirective, i89.BooleanFilterRadioButtonDirective, i90.ColumnMenuChooserItemCheckedDirective, i91.ColumnListComponent, i92.ColumnChooserComponent, i93.ColumnMenuChooserComponent, i94.ColumnMenuFilterComponent, i95.ColumnMenuItemComponent, i96.ColumnMenuItemContentTemplateDirective, i97.ColumnMenuSortComponent, i98.ColumnMenuComponent, i99.ColumnMenuLockComponent, i100.ColumnMenuTemplateDirective, i101.ColumnMenuContainerComponent, i102.ColumnMenuItemDirective, i103.ColumnMenuStickComponent, i104.ColumnMenuPositionComponent, i105.ColumnMenuAutoSizeColumnComponent, i106.ColumnMenuAutoSizeAllColumnsComponent, i107.GridComponent, i108.ListComponent, i109.ToolbarComponent, i110.LocalizedMessagesDirective, i111.CustomMessagesComponent, i112.DataBindingDirective, i113.ToolbarTemplateDirective, i114.SelectionDirective, i115.TemplateEditingDirective, i116.ReactiveEditingDirective, i117.InCellEditingDirective, i118.ExpandDetailsDirective, i119.ExpandGroupDirective, i120.GroupBindingDirective, i121.GridMarqueeDirective, i122.GridSpacerComponent, i123.GridToolbarFocusableDirective, i124.StatusBarComponent, i125.StatusBarTemplateDirective, i126.GridClipboardDirective, i45.ToolBarComponent, i45.ToolbarCustomMessagesComponent, i45.ToolBarButtonComponent, i45.ToolBarButtonGroupComponent, i45.ToolBarDropDownButtonComponent, i45.ToolBarSeparatorComponent, i45.ToolBarSpacerComponent, i45.ToolBarSplitButtonComponent, i45.ToolBarToolComponent, TableDirective], exports: [i107.GridComponent, i113.ToolbarTemplateDirective, i109.ToolbarComponent, i122.GridSpacerComponent, i125.StatusBarTemplateDirective, i112.DataBindingDirective, i114.SelectionDirective, i111.CustomMessagesComponent, i120.GroupBindingDirective, i115.TemplateEditingDirective, i116.ReactiveEditingDirective, i117.InCellEditingDirective, i118.ExpandDetailsDirective, i119.ExpandGroupDirective, i123.GridToolbarFocusableDirective, i1.GroupHeaderTemplateDirective, i2.GroupHeaderColumnTemplateDirective, i3.GroupFooterTemplateDirective, i4.GroupHeaderComponent, i5.GroupPanelComponent, i6.ColumnComponent, i7.ColumnGroupComponent, i8.LogicalCellDirective, i9.LogicalRowDirective, i10.FocusableDirective, i11.FooterTemplateDirective, i12.ColGroupComponent, i13.ResizableContainerDirective, i14.TemplateContextDirective, i15.FieldAccessorPipe, i16.DetailTemplateDirective, i17.SpanColumnComponent, i18.LoadingComponent, i19.GridTableDirective, i20.CommandColumnComponent, i21.CheckboxColumnComponent, i22.SelectionCheckboxDirective, i23.CellTemplateDirective, i24.EditTemplateDirective, i25.RowDragHandleTemplateDirective, i26.RowDragHintTemplateDirective, i27.TableBodyComponent, i28.NoRecordsTemplateDirective, i29.CellComponent, i30.EditCommandDirective, i31.CancelCommandDirective, i32.SaveCommandDirective, i33.RemoveCommandDirective, i34.AddCommandDirective, i35.AddCommandToolbarDirective, i36.CellLoadingTemplateDirective, i37.LoadingTemplateDirective, i38.RowReorderColumnComponent, i39.HeaderComponent, i40.HeaderTemplateDirective, i41.ColumnHandleDirective, i42.SelectAllCheckboxDirective, i46.FilterRowComponent, i47.FilterCellComponent, i48.FilterCellTemplateDirective, i49.StringFilterCellComponent, i50.NumericFilterCellComponent, i51.AutoCompleteFilterCellComponent, i52.BooleanFilterCellComponent, i53.FilterCellHostDirective, i54.FilterCellWrapperComponent, i55.DateFilterCellComponent, i56.FilterCellOperatorsComponent, i57.ContainsFilterOperatorComponent, i58.DoesNotContainFilterOperatorComponent, i59.EndsWithFilterOperatorComponent, i60.EqualFilterOperatorComponent, i61.IsEmptyFilterOperatorComponent, i62.IsNotEmptyFilterOperatorComponent, i63.IsNotNullFilterOperatorComponent, i64.IsNullFilterOperatorComponent, i65.NotEqualFilterOperatorComponent, i66.StartsWithFilterOperatorComponent, i67.GreaterFilterOperatorComponent, i68.GreaterOrEqualToFilterOperatorComponent, i69.LessFilterOperatorComponent, i70.LessOrEqualToFilterOperatorComponent, i71.AfterFilterOperatorComponent, i72.AfterEqFilterOperatorComponent, i73.BeforeEqFilterOperatorComponent, i74.BeforeFilterOperatorComponent, i76.FilterMenuComponent, i77.FilterMenuContainerComponent, i78.FilterMenuInputWrapperComponent, i79.StringFilterMenuInputComponent, i80.StringFilterMenuComponent, i81.FilterMenuTemplateDirective, i82.NumericFilterMenuComponent, i83.NumericFilterMenuInputComponent, i84.DateFilterMenuInputComponent, i85.DateFilterMenuComponent, i86.FilterMenuHostDirective, i87.BooleanFilterMenuComponent, i88.FilterMenuDropDownListDirective, i89.BooleanFilterRadioButtonDirective, i92.ColumnChooserComponent, i94.ColumnMenuFilterComponent, i95.ColumnMenuItemComponent, i96.ColumnMenuItemContentTemplateDirective, i97.ColumnMenuSortComponent, i99.ColumnMenuLockComponent, i103.ColumnMenuStickComponent, i104.ColumnMenuPositionComponent, i93.ColumnMenuChooserComponent, i100.ColumnMenuTemplateDirective, i101.ColumnMenuContainerComponent, i102.ColumnMenuItemDirective, i98.ColumnMenuComponent, i105.ColumnMenuAutoSizeColumnComponent, i106.ColumnMenuAutoSizeAllColumnsComponent, i126.GridClipboardDirective, i45.ToolBarComponent, i45.ToolbarCustomMessagesComponent, i45.ToolBarButtonComponent, i45.ToolBarButtonGroupComponent, i45.ToolBarDropDownButtonComponent, i45.ToolBarSeparatorComponent, i45.ToolBarSpacerComponent, i45.ToolBarSplitButtonComponent, i45.ToolBarToolComponent, i44.CustomMessagesComponent, i44.PagerFocusableDirective, i44.PagerInfoComponent, i44.PagerInputComponent, i44.PagerNextButtonsComponent, i44.PagerNumericButtonsComponent, i44.PagerPageSizesComponent, i44.PagerPrevButtonsComponent, i44.PagerTemplateDirective, i44.PagerComponent, i44.PagerSpacerComponent] });
     static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GridModule, providers: [
             PopupService,
             ResizeBatchService,
@@ -176,7 +178,7 @@ export class GridModule {
             MonthViewService,
             YearViewService,
             NavigationService
-        ], imports: [i4.GroupHeaderComponent, i5.GroupPanelComponent, i25.TableBodyComponent, i27.CellComponent, i28.EditCommandDirective, i29.CancelCommandDirective, i30.SaveCommandDirective, i31.RemoveCommandDirective, i32.AddCommandDirective, i37.HeaderComponent, i42.CustomMessagesComponent, i42.PagerInfoComponent, i42.PagerInputComponent, i42.PagerNextButtonsComponent, i42.PagerNumericButtonsComponent, i42.PagerPageSizesComponent, i42.PagerPrevButtonsComponent, i42.PagerComponent, i42.PagerSpacerComponent, i43.ToolBarComponent, i43.ToolbarCustomMessagesComponent, i43.ToolBarButtonComponent, i43.ToolBarButtonGroupComponent, i43.ToolBarDropDownButtonComponent, i43.ToolBarSeparatorComponent, i43.ToolBarSpacerComponent, i43.ToolBarSplitButtonComponent, i47.StringFilterCellComponent, i48.NumericFilterCellComponent, i49.AutoCompleteFilterCellComponent, i50.BooleanFilterCellComponent, i52.FilterCellWrapperComponent, i53.DateFilterCellComponent, i54.FilterCellOperatorsComponent, i54.FilterCellOperatorsComponent, i74.FilterMenuComponent, i75.FilterMenuContainerComponent, i76.FilterMenuInputWrapperComponent, i77.StringFilterMenuInputComponent, i78.StringFilterMenuComponent, i80.NumericFilterMenuComponent, i81.NumericFilterMenuInputComponent, i82.DateFilterMenuInputComponent, i83.DateFilterMenuComponent, i85.BooleanFilterMenuComponent, i89.ColumnListComponent, i90.ColumnChooserComponent, i91.ColumnMenuChooserComponent, i92.ColumnMenuFilterComponent, i93.ColumnMenuItemComponent, i95.ColumnMenuSortComponent, i96.ColumnMenuComponent, i97.ColumnMenuLockComponent, i101.ColumnMenuStickComponent, i102.ColumnMenuPositionComponent, i103.ColumnMenuAutoSizeColumnComponent, i104.ColumnMenuAutoSizeAllColumnsComponent, i105.GridComponent, i106.ListComponent, i43.ToolBarComponent, i43.ToolbarCustomMessagesComponent, i43.ToolBarButtonComponent, i43.ToolBarButtonGroupComponent, i43.ToolBarDropDownButtonComponent, i43.ToolBarSeparatorComponent, i43.ToolBarSpacerComponent, i43.ToolBarSplitButtonComponent] });
+        ], imports: [i4.GroupHeaderComponent, i5.GroupPanelComponent, i27.TableBodyComponent, i29.CellComponent, i30.EditCommandDirective, i31.CancelCommandDirective, i32.SaveCommandDirective, i33.RemoveCommandDirective, i34.AddCommandDirective, i39.HeaderComponent, i44.CustomMessagesComponent, i44.PagerInfoComponent, i44.PagerInputComponent, i44.PagerNextButtonsComponent, i44.PagerNumericButtonsComponent, i44.PagerPageSizesComponent, i44.PagerPrevButtonsComponent, i44.PagerComponent, i44.PagerSpacerComponent, i45.ToolBarComponent, i45.ToolbarCustomMessagesComponent, i45.ToolBarButtonComponent, i45.ToolBarButtonGroupComponent, i45.ToolBarDropDownButtonComponent, i45.ToolBarSeparatorComponent, i45.ToolBarSpacerComponent, i45.ToolBarSplitButtonComponent, i49.StringFilterCellComponent, i50.NumericFilterCellComponent, i51.AutoCompleteFilterCellComponent, i52.BooleanFilterCellComponent, i54.FilterCellWrapperComponent, i55.DateFilterCellComponent, i56.FilterCellOperatorsComponent, i56.FilterCellOperatorsComponent, i76.FilterMenuComponent, i77.FilterMenuContainerComponent, i78.FilterMenuInputWrapperComponent, i79.StringFilterMenuInputComponent, i80.StringFilterMenuComponent, i82.NumericFilterMenuComponent, i83.NumericFilterMenuInputComponent, i84.DateFilterMenuInputComponent, i85.DateFilterMenuComponent, i87.BooleanFilterMenuComponent, i91.ColumnListComponent, i92.ColumnChooserComponent, i93.ColumnMenuChooserComponent, i94.ColumnMenuFilterComponent, i95.ColumnMenuItemComponent, i97.ColumnMenuSortComponent, i98.ColumnMenuComponent, i99.ColumnMenuLockComponent, i103.ColumnMenuStickComponent, i104.ColumnMenuPositionComponent, i105.ColumnMenuAutoSizeColumnComponent, i106.ColumnMenuAutoSizeAllColumnsComponent, i107.GridComponent, i108.ListComponent, i45.ToolBarComponent, i45.ToolbarCustomMessagesComponent, i45.ToolBarButtonComponent, i45.ToolBarButtonGroupComponent, i45.ToolBarDropDownButtonComponent, i45.ToolBarSeparatorComponent, i45.ToolBarSpacerComponent, i45.ToolBarSplitButtonComponent] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GridModule, decorators: [{
             type: NgModule,

package/esm2022/index.mjs

@@ -13,6 +13,8 @@ export { SpanColumnComponent } from './columns/span-column.component';
 export { ColumnGroupComponent } from './columns/column-group.component';
 export { CheckboxColumnComponent } from './columns/checkbox-column.component';
 export { RowReorderColumnComponent } from './columns/reorder-column.component';
+export { RowDragHandleTemplateDirective } from './row-reordering/drag-handle-template.directive';
+export { RowDragHintTemplateDirective } from './row-reordering/drag-hint-template.directive';
 export { ToolbarComponent } from './rendering/toolbar/toolbar.component';
 export { ToolbarTemplateDirective } from './rendering/toolbar/toolbar-template.directive';
 export { GridToolbarFocusableDirective } from './rendering/toolbar/toolbar-focusable.directive';

package/esm2022/navigation/navigation.service.mjs

@@ -19,6 +19,7 @@ import { closest, contains, findFocusableChild, isVisible, matchesNodeName } fro
 import { DetailsService } from '../rendering/details/details.service';
 import { ScrollRequestService } from '../scrolling/scroll-request.service';
 import { ContextService } from '../common/provider.service';
+import { ColumnResizingService } from '../column-resizing/column-resizing.service';
 import * as i0 from "@angular/core";
 import * as i1 from "../common/dom-events.service";
 import * as i2 from "@progress/kendo-angular-pager";
@@ -28,7 +29,8 @@ import * as i5 from "../rendering/details/details.service";
 import * as i6 from "./focus-root";
 import * as i7 from "../editing/edit.service";
 import * as i8 from "../common/provider.service";
-import * as i9 from "./focusable.directive";
+import * as i9 from "../column-resizing/column-resizing.service";
+import * as i10 from "./focusable.directive";
 const isInSameGrid = (element, gridElement) => closest(element, matchesNodeName('kendo-grid')) === gridElement;
 const matchHeaderCell = matchesNodeName('th');
 const matchDataCell = matchesNodeName('td');
@@ -62,6 +64,7 @@ const isNavigationKey = keyCode => isArrowKey(keyCode) ||
 const isInput = matchesNodeName('input');
 const isTextInput = element => element && isInput(element) && element.type.toLowerCase() === 'text';
 const isPrintableCharacter = (str) => str.length === 1 && str.match(/\S/);
+const resizeStep = 10;
 /**
  * @hidden
  */
@@ -96,6 +99,7 @@ export class NavigationService {
     editService;
     cd;
     ctx;
+    resizeService;
     focusableParent;
     changes;
     cellKeydown = new EventEmitter();
@@ -130,6 +134,9 @@ export class NavigationService {
             });
         }
     }
+    get isColumnResizable() {
+        return this.activeCell.colIndex !== this.ctx.grid.columnsContainer.leafColumnsToRender.length - 1;
+    }
     viewport;
     columnViewport;
     activeRowIndex = 0;
@@ -148,7 +155,7 @@ export class NavigationService {
     get activeDataRow() {
         return Math.max(0, this.activeRowIndex - this.meta.headerRows);
     }
-    constructor(zone, domEvents, pagerContextService, scrollRequestService, groupsService, detailsService, focusRoot, editService, cd, ctx, focusableParent) {
+    constructor(zone, domEvents, pagerContextService, scrollRequestService, groupsService, detailsService, focusRoot, editService, cd, ctx, resizeService, focusableParent) {
         this.zone = zone;
         this.domEvents = domEvents;
         this.pagerContextService = pagerContextService;
@@ -159,6 +166,7 @@ export class NavigationService {
         this.editService = editService;
         this.cd = cd;
         this.ctx = ctx;
+        this.resizeService = resizeService;
         this.focusableParent = focusableParent;
         this.changes = this.cursor.changes;
     }
@@ -455,6 +463,10 @@ export class NavigationService {
                 }
                 break;
             case Keys.ArrowRight:
+                if (args.altKey && this.ctx.grid.resizable && this.isColumnResizable) {
+                    this.columnResize(true);
+                    break;
+                }
                 if (args.shiftKey) {
                     if (this.ctx.grid.blockArrowSelection) {
                         return;
@@ -467,6 +479,10 @@ export class NavigationService {
                 }
                 break;
             case Keys.ArrowLeft:
+                if (args.altKey && this.ctx.grid.resizable && this.isColumnResizable) {
+                    this.columnResize(false);
+                    break;
+                }
                 if (args.shiftKey) {
                     if (this.ctx.grid.blockArrowSelection) {
                         return;
@@ -575,6 +591,15 @@ export class NavigationService {
             args.preventDefault();
         }
     }
+    columnResize(onRightArrow) {
+        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) {
+            this.resizeService.end();
+        }
+    }
     onContentKeydown(args) {
         if (!this.onCellKeydown(args)) {
             return;
@@ -719,11 +744,11 @@ export class NavigationService {
         const ev = rowSelectionService.selectRange(startRowIndex, endRowIndex);
         rowSelectionService.changes.emit(ev);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NavigationService, deps: [{ token: i0.NgZone }, { token: i1.DomEventsService }, { token: i2.PagerContextService }, { token: i3.ScrollRequestService }, { token: i4.GroupsService }, { token: i5.DetailsService }, { token: i6.FocusRoot }, { token: i7.EditService }, { token: i0.ChangeDetectorRef }, { token: i8.ContextService }, { token: i9.FocusableDirective, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NavigationService, deps: [{ token: i0.NgZone }, { token: i1.DomEventsService }, { token: i2.PagerContextService }, { token: i3.ScrollRequestService }, { token: i4.GroupsService }, { token: i5.DetailsService }, { token: i6.FocusRoot }, { token: i7.EditService }, { token: i0.ChangeDetectorRef }, { token: i8.ContextService }, { token: i9.ColumnResizingService }, { token: i10.FocusableDirective, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
     static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NavigationService });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NavigationService, decorators: [{
             type: Injectable
-        }], ctorParameters: function () { return [{ type: i0.NgZone }, { type: i1.DomEventsService }, { type: i2.PagerContextService }, { type: i3.ScrollRequestService }, { type: i4.GroupsService }, { type: i5.DetailsService }, { type: i6.FocusRoot }, { type: i7.EditService }, { type: i0.ChangeDetectorRef }, { type: i8.ContextService }, { type: i9.FocusableDirective, decorators: [{
+        }], ctorParameters: function () { return [{ type: i0.NgZone }, { type: i1.DomEventsService }, { type: i2.PagerContextService }, { type: i3.ScrollRequestService }, { type: i4.GroupsService }, { type: i5.DetailsService }, { type: i6.FocusRoot }, { type: i7.EditService }, { type: i0.ChangeDetectorRef }, { type: i8.ContextService }, { type: i9.ColumnResizingService }, { type: i10.FocusableDirective, decorators: [{
                     type: Optional
                 }] }]; } });

package/esm2022/package-metadata.mjs

@@ -9,7 +9,7 @@ export const packageMetadata = {
     name: '@progress/kendo-angular-grid',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1736180764,
-    version: '17.3.0-develop.2',
+    publishDate: 1736777933,
+    version: '18.0.0-develop.10',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
 };

package/esm2022/rendering/cell.component.mjs

@@ -83,6 +83,12 @@ export class CellComponent {
         this._editTemplateContext.rowIndex = this.rowIndex;
         return this._editTemplateContext;
     }
+    get rowReorderTemplateContext() {
+        this._rowReorderTemplateContext.$implicit = this.dataItem;
+        this._rowReorderTemplateContext.columnIndex = this.columnIndex;
+        this._rowReorderTemplateContext.rowIndex = this.rowIndex;
+        return this._rowReorderTemplateContext;
+    }
     get format() {
         if (isColumnComponent(this.column) && !isNullOrEmptyString(this.column.format)) {
             return extractFormat(this.column.format);
@@ -122,6 +128,7 @@ export class CellComponent {
     }
     _templateContext = {};
     _editTemplateContext = {};
+    _rowReorderTemplateContext = {};
     constructor(editService, idService, ctx, cellContext) {
         this.editService = editService;
         this.idService = idService;
@@ -199,10 +206,14 @@ export class CellComponent {
                         </ng-template>
                     </ng-container>
                     <ng-container *ngIf="isRowReorderColumn && !isNew">
-                        <kendo-icon-wrapper
+                        <kendo-icon-wrapper *ngIf="!column.dragHandleTemplate?.first"
                             name="reorder"
                             [svgIcon]="reorderIcon">
                         </kendo-icon-wrapper>
+                        <ng-template *ngIf="column.dragHandleTemplate?.first"
+                            [ngTemplateOutlet]="column.rowDragHandleTemplateRef"
+                            [ngTemplateOutletContext]="rowReorderTemplateContext">
+                        </ng-template>
                     </ng-container>
                 </ng-container>
                 <ng-template #loading>
@@ -287,10 +298,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                         </ng-template>
                     </ng-container>
                     <ng-container *ngIf="isRowReorderColumn && !isNew">
-                        <kendo-icon-wrapper
+                        <kendo-icon-wrapper *ngIf="!column.dragHandleTemplate?.first"
                             name="reorder"
                             [svgIcon]="reorderIcon">
                         </kendo-icon-wrapper>
+                        <ng-template *ngIf="column.dragHandleTemplate?.first"
+                            [ngTemplateOutlet]="column.rowDragHandleTemplateRef"
+                            [ngTemplateOutletContext]="rowReorderTemplateContext">
+                        </ng-template>
                     </ng-container>
                 </ng-container>
                 <ng-template #loading>