@progress/kendo-angular-grid 18.5.0-develop.1 → 18.5.0-develop.11

package/esm2022/grid.component.mjs

@@ -96,6 +96,7 @@ import { LocalizedMessagesDirective } from './localization/localized-messages.di
 import { IconWrapperComponent } from '@progress/kendo-angular-icons';
 import { PagerTemplateDirective, PagerContextService, PagerNavigationService, KENDO_PAGER } from '@progress/kendo-angular-pager';
 import { RowspanService } from './rendering/rowspan.service';
+import { DialogContainerDirective } from '@progress/kendo-angular-dialog';
 import * as i0 from "@angular/core";
 import * as i1 from "./layout/browser-support.service";
 import * as i2 from "./selection/selection.service";
@@ -861,9 +862,6 @@ export class GridComponent {
     columnList;
     selectionDirective = false;
     ariaRootId = `k-${guid()}`;
-    /**
-     * @hidden
-     */
     showLicenseWatermark = false;
     columnsContainer = new ColumnsContainer(() => this.columnList.filterHierarchy(column => {
         if (!isUniversal()) {
@@ -1662,9 +1660,6 @@ export class GridComponent {
     updateNavigationMetadata() {
         this.navigationService.metadata = this.navigationMetadata();
     }
-    /**
-     * @hidden
-     */
     reorder({ target, source, before, changeContainer }) {
         this.ngZone.run(() => {
             const columnsForLevel = sortColumns(this.allColumnsForLevel(source.level));
@@ -2503,6 +2498,30 @@ export class GridComponent {
 
             i18n-groupChipMenuNext="kendo.grid.groupChipMenuNext|The text for the Group pane Chip Menu Move as next item"
             groupChipMenuNext="Move as next"
+
+            i18n-formValidationErrorText="kendo.grid.formValidationErrorText|The default text of a form validation error when using external editing."
+            formValidationErrorText="{{ 'The {fieldName} field has {errorName} validation error' }}"
+
+            i18n-removeConfirmationDialogTitle="kendo.grid.removeConfirmationDialogTitle|The title of the built-in remove item confirmation Dialog"
+            removeConfirmationDialogTitle="Please confirm"
+
+            i18n-removeConfirmationDialogContent="kendo.grid.removeConfirmationDialogContent|The content of the built-in remove item confirmation Dialog"
+            removeConfirmationDialogContent="Are you sure you want to delete this item?"
+
+            i18n-removeConfirmationDialogConfirmText="kendo.grid.removeConfirmationDialogConfirmText|The text of the built-in remove item confirmation Dialog confirm action button"
+            removeConfirmationDialogConfirmText="Yes"
+
+            i18n-removeConfirmationDialogRejectText="kendo.grid.removeConfirmationDialogRejectText|The text of the built-in remove item confirmation Dialog reject action button"
+            removeConfirmationDialogRejectText="No"
+
+            i18n-externalEditingTitle="kendo.grid.externalEditingTitle|The title of the built-in external editing form container"
+            externalEditingTitle="Edit"
+
+            i18n-externalEditingSaveText="kendo.grid.externalEditingSaveText|The text of the external editing form Save button"
+            externalEditingSaveText="Save"
+
+            i18n-externalEditingCancelText="kendo.grid.externalEditingCancelText|The text of the external editing form Cancel button"
+            externalEditingCancelText="Cancel"
         >
         </ng-container>
         <kendo-grid-toolbar
@@ -2731,7 +2750,8 @@ export class GridComponent {
                                 [columns]="$any(lockedLeafColumns)"
                                 [detailTemplate]="detailTemplate"
                                 [logicalRowIndex]="ariaRowCount"
-                                [totalColumns]="columnsContainer">
+                                [totalColumns]="columnsContainer"
+                                [totalColumnsCount]="leafColumns.length">
                             </tfoot>
                         </table>
                     </div>
@@ -2758,7 +2778,8 @@ export class GridComponent {
                                 [columns]="$any(headerColumns)"
                                 [lockedColumnsCount]="lockedLeafColumns.length"
                                 [detailTemplate]="detailTemplate"
-                                [totalColumns]="columnsContainer">
+                                [totalColumns]="columnsContainer"
+                                [totalColumnsCount]="leafColumns.length">
                             </tfoot>
                         </table>
                     </div>
@@ -2779,6 +2800,8 @@ export class GridComponent {
                     </colgroup>
                     <thead kendoGridHeader
                         *ngIf="!hideHeader"
+                        class="k-grid-header"
+                        [class.k-grid-draggable-header]="groupable || reorderable"
                         role="rowgroup"
                         [resizable]="resizable"
                         [scrollable]="false"
@@ -2821,7 +2844,8 @@ export class GridComponent {
                         [groups]="group"
                         [columns]="$any(leafColumns)"
                         [detailTemplate]="detailTemplate"
-                        [totalColumns]="columnsContainer">
+                        [totalColumns]="columnsContainer"
+                        [totalColumnsCount]="leafColumns.length">
                     </tfoot>
                 </table>
             </ng-container>
@@ -2904,8 +2928,10 @@ export class GridComponent {
             <kendo-pager-info *ngIf="normalizedPageableSettings.info">
             </kendo-pager-info>
         </ng-template>
+        <div kendoDialogContainer></div>
+        
         <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", "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 });
+    `, 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", "totalColumnsCount"] }, { 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"] }, { kind: "directive", type: DialogContainerDirective, selector: "[kendoDialogContainer]" }], encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GridComponent, decorators: [{
             type: Component,
@@ -3214,6 +3240,30 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
 
             i18n-groupChipMenuNext="kendo.grid.groupChipMenuNext|The text for the Group pane Chip Menu Move as next item"
             groupChipMenuNext="Move as next"
+
+            i18n-formValidationErrorText="kendo.grid.formValidationErrorText|The default text of a form validation error when using external editing."
+            formValidationErrorText="{{ 'The {fieldName} field has {errorName} validation error' }}"
+
+            i18n-removeConfirmationDialogTitle="kendo.grid.removeConfirmationDialogTitle|The title of the built-in remove item confirmation Dialog"
+            removeConfirmationDialogTitle="Please confirm"
+
+            i18n-removeConfirmationDialogContent="kendo.grid.removeConfirmationDialogContent|The content of the built-in remove item confirmation Dialog"
+            removeConfirmationDialogContent="Are you sure you want to delete this item?"
+
+            i18n-removeConfirmationDialogConfirmText="kendo.grid.removeConfirmationDialogConfirmText|The text of the built-in remove item confirmation Dialog confirm action button"
+            removeConfirmationDialogConfirmText="Yes"
+
+            i18n-removeConfirmationDialogRejectText="kendo.grid.removeConfirmationDialogRejectText|The text of the built-in remove item confirmation Dialog reject action button"
+            removeConfirmationDialogRejectText="No"
+
+            i18n-externalEditingTitle="kendo.grid.externalEditingTitle|The title of the built-in external editing form container"
+            externalEditingTitle="Edit"
+
+            i18n-externalEditingSaveText="kendo.grid.externalEditingSaveText|The text of the external editing form Save button"
+            externalEditingSaveText="Save"
+
+            i18n-externalEditingCancelText="kendo.grid.externalEditingCancelText|The text of the external editing form Cancel button"
+            externalEditingCancelText="Cancel"
         >
         </ng-container>
         <kendo-grid-toolbar
@@ -3442,7 +3492,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                                 [columns]="$any(lockedLeafColumns)"
                                 [detailTemplate]="detailTemplate"
                                 [logicalRowIndex]="ariaRowCount"
-                                [totalColumns]="columnsContainer">
+                                [totalColumns]="columnsContainer"
+                                [totalColumnsCount]="leafColumns.length">
                             </tfoot>
                         </table>
                     </div>
@@ -3469,7 +3520,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                                 [columns]="$any(headerColumns)"
                                 [lockedColumnsCount]="lockedLeafColumns.length"
                                 [detailTemplate]="detailTemplate"
-                                [totalColumns]="columnsContainer">
+                                [totalColumns]="columnsContainer"
+                                [totalColumnsCount]="leafColumns.length">
                             </tfoot>
                         </table>
                     </div>
@@ -3490,6 +3542,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                     </colgroup>
                     <thead kendoGridHeader
                         *ngIf="!hideHeader"
+                        class="k-grid-header"
+                        [class.k-grid-draggable-header]="groupable || reorderable"
                         role="rowgroup"
                         [resizable]="resizable"
                         [scrollable]="false"
@@ -3532,7 +3586,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                         [groups]="group"
                         [columns]="$any(leafColumns)"
                         [detailTemplate]="detailTemplate"
-                        [totalColumns]="columnsContainer">
+                        [totalColumns]="columnsContainer"
+                        [totalColumnsCount]="leafColumns.length">
                     </tfoot>
                 </table>
             </ng-container>
@@ -3615,6 +3670,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
             <kendo-pager-info *ngIf="normalizedPageableSettings.info">
             </kendo-pager-info>
         </ng-template>
+        <div kendoDialogContainer></div>
+        
         <div kendoWatermarkOverlay *ngIf="showLicenseWatermark"></div>
     `,
                     standalone: true,
@@ -3623,7 +3680,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                         TableDirective, GridTableDirective, ColGroupComponent, HeaderComponent, ResizableContainerDirective,
                         ListComponent, DragTargetContainerDirective, DropTargetContainerDirective, DraggableDirective,
                         GridMarqueeDirective, FooterComponent, TableBodyComponent, LoadingComponent, StatusBarComponent,
-                        IconWrapperComponent, WatermarkOverlayComponent, ...KENDO_PAGER, NgTemplateOutlet
+                        IconWrapperComponent, WatermarkOverlayComponent, ...KENDO_PAGER, NgTemplateOutlet, DialogContainerDirective
                     ]
                 }]
         }], ctorParameters: function () { return [{ type: i1.BrowserSupportService }, { type: i2.SelectionService }, { type: i3.CellSelectionService }, { type: i0.ElementRef }, { type: i4.GroupInfoService }, { type: i5.GroupsService }, { type: i6.ChangeNotificationService }, { type: i7.DetailsService }, { type: i8.EditService }, { type: i9.FilterService }, { type: i10.PDFService }, { type: i11.ResponsiveService }, { type: i0.Renderer2 }, { type: i12.ExcelService }, { type: i0.NgZone }, { type: i13.ScrollSyncService }, { type: i14.DomEventsService }, { type: i15.ColumnResizingService }, { type: i0.ChangeDetectorRef }, { type: i16.ColumnReorderService }, { type: i17.ColumnInfoService }, { type: i18.NavigationService }, { type: i19.SortService }, { type: i20.ScrollRequestService }, { type: i21.LocalizationService }, { type: i22.ContextService }, { type: i23.SizingOptionsService }, { type: i24.RowReorderService }]; }, propDecorators: { data: [{

package/esm2022/grid.module.mjs

@@ -130,15 +130,19 @@ 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";
+import * as i118 from "./editing-directives/external-editing.directive";
+import * as i119 from "./rendering/details-expand.directive";
+import * as i120 from "./rendering/groups-expand.directive";
+import * as i121 from "./grouping/group-scroll-binding.directive";
+import * as i122 from "./selection/marquee.directive";
+import * as i123 from "./rendering/common/spacer.component";
+import * as i124 from "./rendering/toolbar/toolbar-focusable.directive";
+import * as i125 from "./aggregates/status-bar.component";
+import * as i126 from "./aggregates/status-bar-template.directive";
+import * as i127 from "./common/clipboard.directive";
+import * as i128 from "./editing/form/form.component";
+import * as i129 from "./editing/form/dialog-form.component";
+import * as i130 from "./editing/form/form-formfield.component";
 // IMPORTANT: NgModule export kept for backwards compatibility
 /**
  * Represents the [NgModule](link:site.data.urls.angular['ngmoduleapi'])
@@ -163,7 +167,7 @@ import * as i126 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.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 ɵ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.ExternalEditingDirective, i119.ExpandDetailsDirective, i120.ExpandGroupDirective, i121.GroupBindingDirective, i122.GridMarqueeDirective, i123.GridSpacerComponent, i124.GridToolbarFocusableDirective, i125.StatusBarComponent, i126.StatusBarTemplateDirective, i127.GridClipboardDirective, i128.FormComponent, i129.DialogFormComponent, i130.FormFormFieldComponent, 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, i123.GridSpacerComponent, i126.StatusBarTemplateDirective, i112.DataBindingDirective, i114.SelectionDirective, i111.CustomMessagesComponent, i121.GroupBindingDirective, i115.TemplateEditingDirective, i116.ReactiveEditingDirective, i117.InCellEditingDirective, i118.ExternalEditingDirective, i119.ExpandDetailsDirective, i120.ExpandGroupDirective, i124.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, i127.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,
@@ -178,7 +182,7 @@ export class GridModule {
             MonthViewService,
             YearViewService,
             NavigationService
-        ], 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] });
+        ], 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, i128.FormComponent, i129.DialogFormComponent, i130.FormFormFieldComponent, 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

@@ -102,6 +102,7 @@ export { LessFilterOperatorComponent } from './filtering/operators/lt-filter-ope
 export * from './filtering/filterable';
 export { TemplateEditingDirective } from './editing-directives/template-editing.directive';
 export { ReactiveEditingDirective } from './editing-directives/reactive-editing.directive';
+export { ExternalEditingDirective } from './editing-directives/external-editing.directive';
 export { InCellEditingDirective } from './editing-directives/in-cell-editing.directive';
 export { EditTemplateDirective } from './editing/edit-template.directive';
 //Workaround for angular/angular#11889

package/esm2022/localization/messages.mjs

@@ -411,8 +411,53 @@ export class GridMessages extends ComponentMessages {
      * The text for the Group pane Chip Menu Move as next item.
      */
     groupChipMenuNext;
+    /**
+     * The default text of a form validation error when using the built-in external editing.
+     * <br/><br/>
+     * The text consists of a three-part message&mdash;the name of the data item property the respective Grid column is bound to,
+     * the name of the error, coming from the respective `FormControl` object, and a localizable string.
+     * <br/><br/>
+     * For a field named `ProductName`, and an error named `required`, the default error text will be `ProductName has required validation error`.
+     * <br/><br/>
+     * To customize the default text of the form validation error, use the `{errorName}` and `{fieldName}` placeholders and a custom localizable string.
+     * For example, `{errorName} detected for {fieldName} field`.
+     * <br/><br/>
+     * The `{errorName}` and `{fieldName}` placeholders will be replaced internally with the field and error names for the respective invalid form control,
+     * and the resulting error message will be rendered as `required error detected for ProductName field`.
+     * [See example](slug:globalization_grid#toc-custom-messages).
+     *
+     */
+    formValidationErrorText;
+    /**
+     * The title of the remove item confirmation Dialog.
+     */
+    removeConfirmationDialogTitle;
+    /**
+     * The content of the remove item confirmation Dialog.
+     */
+    removeConfirmationDialogContent;
+    /**
+     * The text of the confirm action button in the remove confirmation Dialog.
+     */
+    removeConfirmationDialogConfirmText;
+    /**
+     * The text of the reject action button in the remove confirmation Dialog.
+     */
+    removeConfirmationDialogRejectText;
+    /**
+     * The title of the external editing Dialog.
+     */
+    externalEditingTitle;
+    /**
+     * The text of the external editing Dialog <b>Save</b> button.
+     */
+    externalEditingSaveText;
+    /**
+     * The text of the external editing Dialog <b>Cancel</b> button.
+     */
+    externalEditingCancelText;
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GridMessages, deps: null, target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: GridMessages, selector: "kendo-grid-messages-base", inputs: { groupPanelEmpty: "groupPanelEmpty", noRecords: "noRecords", pagerLabel: "pagerLabel", pagerFirstPage: "pagerFirstPage", pagerLastPage: "pagerLastPage", pagerPreviousPage: "pagerPreviousPage", pagerNextPage: "pagerNextPage", pagerPage: "pagerPage", pagerItemsPerPage: "pagerItemsPerPage", pagerOf: "pagerOf", pagerItems: "pagerItems", pagerPageNumberInputTitle: "pagerPageNumberInputTitle", pagerInputLabel: "pagerInputLabel", pagerSelectPage: "pagerSelectPage", filter: "filter", filterInputLabel: "filterInputLabel", filterMenuTitle: "filterMenuTitle", filterMenuOperatorsDropDownLabel: "filterMenuOperatorsDropDownLabel", filterMenuLogicDropDownLabel: "filterMenuLogicDropDownLabel", filterCellOperatorLabel: "filterCellOperatorLabel", booleanFilterCellLabel: "booleanFilterCellLabel", filterEqOperator: "filterEqOperator", filterNotEqOperator: "filterNotEqOperator", filterIsNullOperator: "filterIsNullOperator", filterIsNotNullOperator: "filterIsNotNullOperator", filterIsEmptyOperator: "filterIsEmptyOperator", filterIsNotEmptyOperator: "filterIsNotEmptyOperator", filterStartsWithOperator: "filterStartsWithOperator", filterContainsOperator: "filterContainsOperator", filterNotContainsOperator: "filterNotContainsOperator", filterEndsWithOperator: "filterEndsWithOperator", filterGteOperator: "filterGteOperator", filterGtOperator: "filterGtOperator", filterLteOperator: "filterLteOperator", filterLtOperator: "filterLtOperator", filterIsTrue: "filterIsTrue", filterIsFalse: "filterIsFalse", filterBooleanAll: "filterBooleanAll", filterAfterOrEqualOperator: "filterAfterOrEqualOperator", filterAfterOperator: "filterAfterOperator", filterBeforeOperator: "filterBeforeOperator", filterBeforeOrEqualOperator: "filterBeforeOrEqualOperator", filterFilterButton: "filterFilterButton", filterClearButton: "filterClearButton", filterAndLogic: "filterAndLogic", filterOrLogic: "filterOrLogic", loading: "loading", gridLabel: "gridLabel", columnMenu: "columnMenu", setColumnPosition: "setColumnPosition", columns: "columns", lock: "lock", unlock: "unlock", stick: "stick", unstick: "unstick", sortable: "sortable", sortAscending: "sortAscending", sortDescending: "sortDescending", autosizeThisColumn: "autosizeThisColumn", autosizeAllColumns: "autosizeAllColumns", sortedAscending: "sortedAscending", sortedDescending: "sortedDescending", sortedDefault: "sortedDefault", columnsApply: "columnsApply", columnsReset: "columnsReset", detailExpand: "detailExpand", detailCollapse: "detailCollapse", filterDateToday: "filterDateToday", filterDateToggle: "filterDateToggle", filterNumericDecrement: "filterNumericDecrement", filterNumericIncrement: "filterNumericIncrement", selectionCheckboxLabel: "selectionCheckboxLabel", selectAllCheckboxLabel: "selectAllCheckboxLabel", groupCollapse: "groupCollapse", groupExpand: "groupExpand", topToolbarLabel: "topToolbarLabel", bottomToolbarLabel: "bottomToolbarLabel", groupPanelLabel: "groupPanelLabel", dragRowHandleLabel: "dragRowHandleLabel", columnMenuFilterTabTitle: "columnMenuFilterTabTitle", columnMenuGeneralTabTitle: "columnMenuGeneralTabTitle", columnMenuColumnsTabTitle: "columnMenuColumnsTabTitle", groupChipMenuPrevious: "groupChipMenuPrevious", groupChipMenuNext: "groupChipMenuNext" }, usesInheritance: true, ngImport: i0 });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: GridMessages, selector: "kendo-grid-messages-base", inputs: { groupPanelEmpty: "groupPanelEmpty", noRecords: "noRecords", pagerLabel: "pagerLabel", pagerFirstPage: "pagerFirstPage", pagerLastPage: "pagerLastPage", pagerPreviousPage: "pagerPreviousPage", pagerNextPage: "pagerNextPage", pagerPage: "pagerPage", pagerItemsPerPage: "pagerItemsPerPage", pagerOf: "pagerOf", pagerItems: "pagerItems", pagerPageNumberInputTitle: "pagerPageNumberInputTitle", pagerInputLabel: "pagerInputLabel", pagerSelectPage: "pagerSelectPage", filter: "filter", filterInputLabel: "filterInputLabel", filterMenuTitle: "filterMenuTitle", filterMenuOperatorsDropDownLabel: "filterMenuOperatorsDropDownLabel", filterMenuLogicDropDownLabel: "filterMenuLogicDropDownLabel", filterCellOperatorLabel: "filterCellOperatorLabel", booleanFilterCellLabel: "booleanFilterCellLabel", filterEqOperator: "filterEqOperator", filterNotEqOperator: "filterNotEqOperator", filterIsNullOperator: "filterIsNullOperator", filterIsNotNullOperator: "filterIsNotNullOperator", filterIsEmptyOperator: "filterIsEmptyOperator", filterIsNotEmptyOperator: "filterIsNotEmptyOperator", filterStartsWithOperator: "filterStartsWithOperator", filterContainsOperator: "filterContainsOperator", filterNotContainsOperator: "filterNotContainsOperator", filterEndsWithOperator: "filterEndsWithOperator", filterGteOperator: "filterGteOperator", filterGtOperator: "filterGtOperator", filterLteOperator: "filterLteOperator", filterLtOperator: "filterLtOperator", filterIsTrue: "filterIsTrue", filterIsFalse: "filterIsFalse", filterBooleanAll: "filterBooleanAll", filterAfterOrEqualOperator: "filterAfterOrEqualOperator", filterAfterOperator: "filterAfterOperator", filterBeforeOperator: "filterBeforeOperator", filterBeforeOrEqualOperator: "filterBeforeOrEqualOperator", filterFilterButton: "filterFilterButton", filterClearButton: "filterClearButton", filterAndLogic: "filterAndLogic", filterOrLogic: "filterOrLogic", loading: "loading", gridLabel: "gridLabel", columnMenu: "columnMenu", setColumnPosition: "setColumnPosition", columns: "columns", lock: "lock", unlock: "unlock", stick: "stick", unstick: "unstick", sortable: "sortable", sortAscending: "sortAscending", sortDescending: "sortDescending", autosizeThisColumn: "autosizeThisColumn", autosizeAllColumns: "autosizeAllColumns", sortedAscending: "sortedAscending", sortedDescending: "sortedDescending", sortedDefault: "sortedDefault", columnsApply: "columnsApply", columnsReset: "columnsReset", detailExpand: "detailExpand", detailCollapse: "detailCollapse", filterDateToday: "filterDateToday", filterDateToggle: "filterDateToggle", filterNumericDecrement: "filterNumericDecrement", filterNumericIncrement: "filterNumericIncrement", selectionCheckboxLabel: "selectionCheckboxLabel", selectAllCheckboxLabel: "selectAllCheckboxLabel", groupCollapse: "groupCollapse", groupExpand: "groupExpand", topToolbarLabel: "topToolbarLabel", bottomToolbarLabel: "bottomToolbarLabel", groupPanelLabel: "groupPanelLabel", dragRowHandleLabel: "dragRowHandleLabel", columnMenuFilterTabTitle: "columnMenuFilterTabTitle", columnMenuGeneralTabTitle: "columnMenuGeneralTabTitle", columnMenuColumnsTabTitle: "columnMenuColumnsTabTitle", groupChipMenuPrevious: "groupChipMenuPrevious", groupChipMenuNext: "groupChipMenuNext", formValidationErrorText: "formValidationErrorText", removeConfirmationDialogTitle: "removeConfirmationDialogTitle", removeConfirmationDialogContent: "removeConfirmationDialogContent", removeConfirmationDialogConfirmText: "removeConfirmationDialogConfirmText", removeConfirmationDialogRejectText: "removeConfirmationDialogRejectText", externalEditingTitle: "externalEditingTitle", externalEditingSaveText: "externalEditingSaveText", externalEditingCancelText: "externalEditingCancelText" }, usesInheritance: true, ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GridMessages, decorators: [{
             type: Directive,
@@ -588,4 +633,20 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                 type: Input
             }], groupChipMenuNext: [{
                 type: Input
+            }], formValidationErrorText: [{
+                type: Input
+            }], removeConfirmationDialogTitle: [{
+                type: Input
+            }], removeConfirmationDialogContent: [{
+                type: Input
+            }], removeConfirmationDialogConfirmText: [{
+                type: Input
+            }], removeConfirmationDialogRejectText: [{
+                type: Input
+            }], externalEditingTitle: [{
+                type: Input
+            }], externalEditingSaveText: [{
+                type: Input
+            }], externalEditingCancelText: [{
+                type: Input
             }] } });

package/esm2022/package-metadata.mjs

@@ -10,7 +10,7 @@ export const packageMetadata = {
     productName: 'Kendo UI for Angular',
     productCode: 'KENDOUIANGULAR',
     productCodes: ['KENDOUIANGULAR'],
-    publishDate: 1743748634,
-    version: '18.5.0-develop.1',
+    publishDate: 1744101049,
+    version: '18.5.0-develop.11',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
 };

package/esm2022/rendering/footer/footer.component.mjs

@@ -27,6 +27,7 @@ export class FooterComponent {
     lockedColumnsCount = 0;
     logicalRowIndex = 0;
     totalColumns;
+    totalColumnsCount = 0;
     get footerClass() {
         return !this.scrollable;
     }
@@ -38,6 +39,10 @@ export class FooterComponent {
     get columnsToRender() {
         return columnsToRender(this.columns || []);
     }
+    // Number of unlocked columns in the next table, if any
+    get unlockedColumnsCount() {
+        return this.totalColumnsCount - this.lockedColumnsCount - this.columns.length;
+    }
     trackByIndex(index) {
         return index;
     }
@@ -56,15 +61,15 @@ export class FooterComponent {
         return isColumnGroupComponent(column);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FooterComponent, deps: [{ token: i1.ColumnInfoService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: FooterComponent, isStandalone: true, selector: "[kendoGridFooter]", inputs: { columns: "columns", groups: "groups", detailTemplate: "detailTemplate", scrollable: "scrollable", lockedColumnsCount: "lockedColumnsCount", logicalRowIndex: "logicalRowIndex", totalColumns: "totalColumns" }, host: { properties: { "class.k-grid-footer": "this.footerClass", "class.k-table-tfoot": "this.hostClass", "attr.role": "this.hostRole" } }, ngImport: i0, template: `
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: FooterComponent, isStandalone: true, selector: "[kendoGridFooter]", inputs: { columns: "columns", groups: "groups", detailTemplate: "detailTemplate", scrollable: "scrollable", lockedColumnsCount: "lockedColumnsCount", logicalRowIndex: "logicalRowIndex", totalColumns: "totalColumns", totalColumnsCount: "totalColumnsCount" }, host: { properties: { "class.k-grid-footer": "this.footerClass", "class.k-table-tfoot": "this.hostClass", "attr.role": "this.hostRole" } }, ngImport: i0, template: `
     <ng-container>
         <tr
-            [class.k-footer-template]="true"
+            class="k-footer-template"
             kendoGridLogicalRow
                 [logicalRowIndex]="logicalRowIndex"
                 [logicalSlaveRow]="lockedColumnsCount > 0"
                 [logicalCellsCount]="columns.length"
-                [logicalSlaveCellsCount]="columns.length - lockedColumnsCount"
+                [logicalSlaveCellsCount]="unlockedColumnsCount"
                 [totalColumns]="totalColumns"
             >
             <td
@@ -109,12 +114,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                     template: `
     <ng-container>
         <tr
-            [class.k-footer-template]="true"
+            class="k-footer-template"
             kendoGridLogicalRow
                 [logicalRowIndex]="logicalRowIndex"
                 [logicalSlaveRow]="lockedColumnsCount > 0"
                 [logicalCellsCount]="columns.length"
-                [logicalSlaveCellsCount]="columns.length - lockedColumnsCount"
+                [logicalSlaveCellsCount]="unlockedColumnsCount"
                 [totalColumns]="totalColumns"
             >
             <td
@@ -168,6 +173,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                 type: Input
             }], totalColumns: [{
                 type: Input
+            }], totalColumnsCount: [{
+                type: Input
             }], footerClass: [{
                 type: HostBinding,
                 args: ['class.k-grid-footer']

package/esm2022/rendering/table-body.component.mjs

@@ -148,7 +148,7 @@ export class TableBodyComponent {
             }
         });
         const contentColumnsCount = this.totalColumnsCount - this.lockedColumnsCount - allColumnsCount;
-        const headerFooterColumnsCount = this.totalColumnsCount - this.lockedColumnsCount - (this.allColumns || this.columns).length;
+        const headerFooterColumnsCount = this.totalColumnsCount - this.lockedColumnsCount - allColumns.length;
         return item && this.isDataItem(item) ? contentColumnsCount : headerFooterColumnsCount;
     }
     shouldSkipCell(rowIndex, colIndex) {

package/esm2022/utils.mjs

@@ -128,7 +128,7 @@ export const nodesToArray = (nodes) => [].slice.call(nodes);
 /**
  * @hidden
  */
-export const replaceMessagePlaceholder = (message, name, value) => message.replace(new RegExp(`\{\\s*${name}\\s*\}`, 'g'), value);
+export const replaceMessagePlaceholder = (message, name, value) => (message ?? '').replace(new RegExp(`{\\s*${name}\\s*}`, 'g'), value);
 /**
  * @hidden
  */