@progress/kendo-angular-grid 16.5.0 → 16.6.0-develop.10

package/esm2020/rendering/header/header.module.mjs

@@ -3,64 +3,153 @@
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 import { NgModule } from '@angular/core';
-import { CommonModule } from '@angular/common';
-import { HeaderComponent } from './header.component';
-import { GroupModule } from "../../grouping/group.module";
-import { SharedModule } from "../../shared.module";
-import { RowFilterModule } from '../../filtering/cell/row-filtering.module';
-import { HeaderTemplateDirective } from "./header-template.directive";
-import { ColumnHandleDirective } from './../../column-resizing/column-handle.directive';
-import { SelectAllCheckboxDirective } from "../../selection/selectall-checkbox.directive";
-import { FilterMenuModule } from '../../filtering/menu/filter-menu.module';
-import { DragAndDropModule } from '../../dragdrop/drag-and-drop.module';
-import { ColumnMenuModule } from '../../column-menu/column-menu.module';
+import { IconsService } from '@progress/kendo-angular-icons';
+import { PopupService } from '@progress/kendo-angular-popup';
+import { ResizeBatchService } from '@progress/kendo-angular-common';
+import { KENDO_GRID_COLUMN_DRAGANDDROP, KENDO_GRID_COLUMN_MENU_DECLARATIONS, KENDO_GRID_FILTER_MENU, KENDO_GRID_FILTER_ROW, KENDO_GRID_GROUP_EXPORTS, KENDO_GRID_HEADER_EXPORTS, KENDO_GRID_SHARED } from '../../directives';
+import { DialogContainerService, DialogService, WindowContainerService, WindowService } from '@progress/kendo-angular-dialog';
+import { CalendarDOMService, CenturyViewService, DecadeViewService, MonthViewService, NavigationService, WeekNamesService, YearViewService } from '@progress/kendo-angular-dateinputs';
 import * as i0 from "@angular/core";
-const exportedModules = [
-    HeaderComponent,
-    HeaderTemplateDirective,
-    ColumnHandleDirective,
-    SelectAllCheckboxDirective
-];
+import * as i1 from "../../grouping/group-header-template.directive";
+import * as i2 from "../../grouping/group-header-column-template.directive";
+import * as i3 from "../../grouping/group-footer-template.directive";
+import * as i4 from "../../grouping/group-header.component";
+import * as i5 from "../../grouping/group-panel.component";
+import * as i6 from "../../filtering/filter-row.component";
+import * as i7 from "../../filtering/cell/filter-cell.component";
+import * as i8 from "../../filtering/cell/filter-cell-template.directive";
+import * as i9 from "../../filtering/cell/string-filter-cell.component";
+import * as i10 from "../../filtering/cell/numeric-filter-cell.component";
+import * as i11 from "../../filtering/cell/autocomplete-filter-cell.component";
+import * as i12 from "../../filtering/cell/boolean-filter-cell.component";
+import * as i13 from "../../filtering/cell/filter-cell-host.directive";
+import * as i14 from "../../filtering/cell/filter-cell-wrapper.component";
+import * as i15 from "../../filtering/cell/date-filter-cell.component";
+import * as i16 from "../../columns/column.component";
+import * as i17 from "../../columns/column-group.component";
+import * as i18 from "../../navigation/logical-cell.directive";
+import * as i19 from "../../navigation/logical-row.directive";
+import * as i20 from "../../navigation/focusable.directive";
+import * as i21 from "../footer/footer-template.directive";
+import * as i22 from "../common/col-group.component";
+import * as i23 from "../../layout/resizable.directive";
+import * as i24 from "@progress/kendo-angular-common";
+import * as i25 from "../common/field-accessor.pipe";
+import * as i26 from "../details/detail-template.directive";
+import * as i27 from "../../columns/span-column.component";
+import * as i28 from "../../column-resizing/table.directive";
+import * as i29 from "../common/loading.component";
+import * as i30 from "../grid-table.directive";
+import * as i31 from "../../filtering/cell/filter-cell-operators.component";
+import * as i32 from "../../filtering/operators/contains-filter-operator.component";
+import * as i33 from "../../filtering/operators/not-contains-filter-operator.component";
+import * as i34 from "../../filtering/operators/ends-with-filter-operator.component";
+import * as i35 from "../../filtering/operators/eq-filter-operator.component";
+import * as i36 from "../../filtering/operators/is-empty-filter-operator.component";
+import * as i37 from "../../filtering/operators/is-not-empty-filter-operator.component";
+import * as i38 from "../../filtering/operators/is-not-null-filter-operator.component";
+import * as i39 from "../../filtering/operators/isnull-filter-operator.component";
+import * as i40 from "../../filtering/operators/neq-filter-operator.component";
+import * as i41 from "../../filtering/operators/starts-with-filter-operator.component";
+import * as i42 from "../../filtering/operators/gt-filter-operator.component";
+import * as i43 from "../../filtering/operators/gte-filter-operator.component";
+import * as i44 from "../../filtering/operators/lt-filter-operator.component";
+import * as i45 from "../../filtering/operators/lte-filter-operator.component";
+import * as i46 from "../../filtering/operators/after-filter-operator.component";
+import * as i47 from "../../filtering/operators/after-eq-filter-operator.component";
+import * as i48 from "../../filtering/operators/before-eq-filter-operator.component";
+import * as i49 from "../../filtering/operators/before-filter-operator.component";
+import * as i50 from "../../filtering/filter-input.directive";
+import * as i51 from "../../filtering/menu/filter-menu.component";
+import * as i52 from "../../filtering/menu/filter-menu-container.component";
+import * as i53 from "../../filtering/menu/filter-menu-input-wrapper.component";
+import * as i54 from "../../filtering/menu/string-filter-menu-input.component";
+import * as i55 from "../../filtering/menu/string-filter-menu.component";
+import * as i56 from "../../filtering/menu/filter-menu-template.directive";
+import * as i57 from "../../filtering/menu/numeric-filter-menu.component";
+import * as i58 from "../../filtering/menu/numeric-filter-menu-input.component";
+import * as i59 from "../../filtering/menu/date-filter-menu-input.component";
+import * as i60 from "../../filtering/menu/date-filter-menu.component";
+import * as i61 from "../../filtering/menu/filter-menu-host.directive";
+import * as i62 from "../../filtering/menu/boolean-filter-menu.component";
+import * as i63 from "../../filtering/menu/filter-menu-dropdownlist.directive";
+import * as i64 from "../../filtering/menu/filter-radio-button.directive";
+import * as i65 from "../../dragdrop/draggable-column.directive";
+import * as i66 from "../../dragdrop/drop-target.directive";
+import * as i67 from "../../column-menu/column-chooser-item-checked.directive";
+import * as i68 from "../../column-menu/column-list.component";
+import * as i69 from "../../column-menu/column-chooser.component";
+import * as i70 from "../../column-menu/column-menu-chooser.component";
+import * as i71 from "../../column-menu/column-menu-filter.component";
+import * as i72 from "../../column-menu/column-menu-item.component";
+import * as i73 from "../../column-menu/column-menu-item-content-template.directive";
+import * as i74 from "../../column-menu/column-menu-sort.component";
+import * as i75 from "../../column-menu/column-menu.component";
+import * as i76 from "../../column-menu/column-menu-lock.component";
+import * as i77 from "../../column-menu/column-menu-template.directive";
+import * as i78 from "../../column-menu/column-menu-container.component";
+import * as i79 from "../../column-menu/column-menu-item.directive";
+import * as i80 from "../../column-menu/column-menu-stick.component";
+import * as i81 from "../../column-menu/column-menu-position.component";
+import * as i82 from "../../column-menu/column-menu-autosize.component";
+import * as i83 from "../../column-menu/column-menu-autosize-all.component";
+import * as i84 from "./header.component";
+import * as i85 from "./header-template.directive";
+import * as i86 from "../../column-resizing/column-handle.directive";
+import * as i87 from "../../selection/selectall-checkbox.directive";
 const importedModules = [
-    CommonModule,
-    GroupModule,
-    RowFilterModule,
-    FilterMenuModule,
-    SharedModule,
-    DragAndDropModule,
-    ColumnMenuModule
+    ...KENDO_GRID_GROUP_EXPORTS,
+    ...KENDO_GRID_FILTER_ROW,
+    ...KENDO_GRID_FILTER_MENU,
+    ...KENDO_GRID_SHARED,
+    ...KENDO_GRID_COLUMN_DRAGANDDROP,
+    ...KENDO_GRID_COLUMN_MENU_DECLARATIONS
 ];
 /**
  * @hidden
+ *
+ * This module is deprecated and will be removed in a future major version release.
  */
 export class HeaderModule {
-    static exports() {
-        return [
-            HeaderTemplateDirective,
-            SelectAllCheckboxDirective
-        ];
-    }
 }
 HeaderModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: HeaderModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-HeaderModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: HeaderModule, declarations: [HeaderComponent,
-        HeaderTemplateDirective,
-        ColumnHandleDirective,
-        SelectAllCheckboxDirective], imports: [CommonModule,
-        GroupModule,
-        RowFilterModule,
-        FilterMenuModule,
-        SharedModule,
-        DragAndDropModule,
-        ColumnMenuModule], exports: [HeaderComponent,
-        HeaderTemplateDirective,
-        ColumnHandleDirective,
-        SelectAllCheckboxDirective] });
-HeaderModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: HeaderModule, imports: [importedModules] });
+HeaderModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: HeaderModule, imports: [i1.GroupHeaderTemplateDirective, i2.GroupHeaderColumnTemplateDirective, i3.GroupFooterTemplateDirective, i4.GroupHeaderComponent, i5.GroupPanelComponent, i6.FilterRowComponent, i7.FilterCellComponent, i8.FilterCellTemplateDirective, i9.StringFilterCellComponent, i10.NumericFilterCellComponent, i11.AutoCompleteFilterCellComponent, i12.BooleanFilterCellComponent, i13.FilterCellHostDirective, i14.FilterCellWrapperComponent, i15.DateFilterCellComponent, i16.ColumnComponent, i17.ColumnGroupComponent, i18.LogicalCellDirective, i19.LogicalRowDirective, i20.FocusableDirective, i21.FooterTemplateDirective, i22.ColGroupComponent, i23.ResizableContainerDirective, i24.TemplateContextDirective, i25.FieldAccessorPipe, i26.DetailTemplateDirective, i27.SpanColumnComponent, i28.TableDirective, i29.LoadingComponent, i30.GridTableDirective, i31.FilterCellOperatorsComponent, i32.ContainsFilterOperatorComponent, i33.DoesNotContainFilterOperatorComponent, i34.EndsWithFilterOperatorComponent, i35.EqualFilterOperatorComponent, i36.IsEmptyFilterOperatorComponent, i37.IsNotEmptyFilterOperatorComponent, i38.IsNotNullFilterOperatorComponent, i39.IsNullFilterOperatorComponent, i40.NotEqualFilterOperatorComponent, i41.StartsWithFilterOperatorComponent, i42.GreaterFilterOperatorComponent, i43.GreaterOrEqualToFilterOperatorComponent, i44.LessFilterOperatorComponent, i45.LessOrEqualToFilterOperatorComponent, i46.AfterFilterOperatorComponent, i47.AfterEqFilterOperatorComponent, i48.BeforeEqFilterOperatorComponent, i49.BeforeFilterOperatorComponent, i50.FilterInputDirective, i16.ColumnComponent, i17.ColumnGroupComponent, i18.LogicalCellDirective, i19.LogicalRowDirective, i20.FocusableDirective, i21.FooterTemplateDirective, i22.ColGroupComponent, i23.ResizableContainerDirective, i24.TemplateContextDirective, i25.FieldAccessorPipe, i26.DetailTemplateDirective, i27.SpanColumnComponent, i28.TableDirective, i29.LoadingComponent, i30.GridTableDirective, i31.FilterCellOperatorsComponent, i32.ContainsFilterOperatorComponent, i33.DoesNotContainFilterOperatorComponent, i34.EndsWithFilterOperatorComponent, i35.EqualFilterOperatorComponent, i36.IsEmptyFilterOperatorComponent, i37.IsNotEmptyFilterOperatorComponent, i38.IsNotNullFilterOperatorComponent, i39.IsNullFilterOperatorComponent, i40.NotEqualFilterOperatorComponent, i41.StartsWithFilterOperatorComponent, i42.GreaterFilterOperatorComponent, i43.GreaterOrEqualToFilterOperatorComponent, i44.LessFilterOperatorComponent, i45.LessOrEqualToFilterOperatorComponent, i46.AfterFilterOperatorComponent, i47.AfterEqFilterOperatorComponent, i48.BeforeEqFilterOperatorComponent, i49.BeforeFilterOperatorComponent, i50.FilterInputDirective, i51.FilterMenuComponent, i52.FilterMenuContainerComponent, i53.FilterMenuInputWrapperComponent, i54.StringFilterMenuInputComponent, i55.StringFilterMenuComponent, i56.FilterMenuTemplateDirective, i57.NumericFilterMenuComponent, i58.NumericFilterMenuInputComponent, i59.DateFilterMenuInputComponent, i60.DateFilterMenuComponent, i61.FilterMenuHostDirective, i62.BooleanFilterMenuComponent, i63.FilterMenuDropDownListDirective, i64.BooleanFilterRadioButtonDirective, i16.ColumnComponent, i17.ColumnGroupComponent, i18.LogicalCellDirective, i19.LogicalRowDirective, i20.FocusableDirective, i21.FooterTemplateDirective, i22.ColGroupComponent, i23.ResizableContainerDirective, i24.TemplateContextDirective, i25.FieldAccessorPipe, i26.DetailTemplateDirective, i27.SpanColumnComponent, i28.TableDirective, i29.LoadingComponent, i30.GridTableDirective, i65.DraggableColumnDirective, i66.DropTargetDirective, i67.ColumnMenuChooserItemCheckedDirective, i68.ColumnListComponent, i69.ColumnChooserComponent, i70.ColumnMenuChooserComponent, i71.ColumnMenuFilterComponent, i72.ColumnMenuItemComponent, i73.ColumnMenuItemContentTemplateDirective, i74.ColumnMenuSortComponent, i75.ColumnMenuComponent, i76.ColumnMenuLockComponent, i77.ColumnMenuTemplateDirective, i78.ColumnMenuContainerComponent, i79.ColumnMenuItemDirective, i80.ColumnMenuStickComponent, i81.ColumnMenuPositionComponent, i82.ColumnMenuAutoSizeColumnComponent, i83.ColumnMenuAutoSizeAllColumnsComponent, i84.HeaderComponent, i85.HeaderTemplateDirective, i86.ColumnHandleDirective, i87.SelectAllCheckboxDirective], exports: [i84.HeaderComponent, i85.HeaderTemplateDirective, i86.ColumnHandleDirective, i87.SelectAllCheckboxDirective] });
+HeaderModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: HeaderModule, providers: [
+        PopupService,
+        ResizeBatchService,
+        IconsService,
+        DialogContainerService,
+        DialogService,
+        WindowService,
+        WindowContainerService,
+        CalendarDOMService,
+        CenturyViewService,
+        DecadeViewService,
+        MonthViewService,
+        YearViewService,
+        WeekNamesService,
+        NavigationService
+    ], imports: [i4.GroupHeaderComponent, i5.GroupPanelComponent, i6.FilterRowComponent, i7.FilterCellComponent, i9.StringFilterCellComponent, i10.NumericFilterCellComponent, i11.AutoCompleteFilterCellComponent, i12.BooleanFilterCellComponent, i14.FilterCellWrapperComponent, i15.DateFilterCellComponent, i16.ColumnComponent, i17.ColumnGroupComponent, i22.ColGroupComponent, i27.SpanColumnComponent, i29.LoadingComponent, i31.FilterCellOperatorsComponent, i32.ContainsFilterOperatorComponent, i33.DoesNotContainFilterOperatorComponent, i34.EndsWithFilterOperatorComponent, i35.EqualFilterOperatorComponent, i36.IsEmptyFilterOperatorComponent, i37.IsNotEmptyFilterOperatorComponent, i38.IsNotNullFilterOperatorComponent, i39.IsNullFilterOperatorComponent, i40.NotEqualFilterOperatorComponent, i41.StartsWithFilterOperatorComponent, i42.GreaterFilterOperatorComponent, i43.GreaterOrEqualToFilterOperatorComponent, i44.LessFilterOperatorComponent, i45.LessOrEqualToFilterOperatorComponent, i46.AfterFilterOperatorComponent, i47.AfterEqFilterOperatorComponent, i48.BeforeEqFilterOperatorComponent, i49.BeforeFilterOperatorComponent, i16.ColumnComponent, i17.ColumnGroupComponent, i22.ColGroupComponent, i27.SpanColumnComponent, i29.LoadingComponent, i31.FilterCellOperatorsComponent, i32.ContainsFilterOperatorComponent, i33.DoesNotContainFilterOperatorComponent, i34.EndsWithFilterOperatorComponent, i35.EqualFilterOperatorComponent, i36.IsEmptyFilterOperatorComponent, i37.IsNotEmptyFilterOperatorComponent, i38.IsNotNullFilterOperatorComponent, i39.IsNullFilterOperatorComponent, i40.NotEqualFilterOperatorComponent, i41.StartsWithFilterOperatorComponent, i42.GreaterFilterOperatorComponent, i43.GreaterOrEqualToFilterOperatorComponent, i44.LessFilterOperatorComponent, i45.LessOrEqualToFilterOperatorComponent, i46.AfterFilterOperatorComponent, i47.AfterEqFilterOperatorComponent, i48.BeforeEqFilterOperatorComponent, i49.BeforeFilterOperatorComponent, i51.FilterMenuComponent, i52.FilterMenuContainerComponent, i53.FilterMenuInputWrapperComponent, i54.StringFilterMenuInputComponent, i55.StringFilterMenuComponent, i57.NumericFilterMenuComponent, i58.NumericFilterMenuInputComponent, i59.DateFilterMenuInputComponent, i60.DateFilterMenuComponent, i62.BooleanFilterMenuComponent, i16.ColumnComponent, i17.ColumnGroupComponent, i22.ColGroupComponent, i27.SpanColumnComponent, i29.LoadingComponent, i68.ColumnListComponent, i69.ColumnChooserComponent, i70.ColumnMenuChooserComponent, i71.ColumnMenuFilterComponent, i72.ColumnMenuItemComponent, i74.ColumnMenuSortComponent, i75.ColumnMenuComponent, i76.ColumnMenuLockComponent, i78.ColumnMenuContainerComponent, i80.ColumnMenuStickComponent, i81.ColumnMenuPositionComponent, i82.ColumnMenuAutoSizeColumnComponent, i83.ColumnMenuAutoSizeAllColumnsComponent, i84.HeaderComponent] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: HeaderModule, decorators: [{
             type: NgModule,
             args: [{
-                    declarations: [exportedModules],
-                    exports: [exportedModules],
-                    imports: [...importedModules]
+                    exports: [...KENDO_GRID_HEADER_EXPORTS],
+                    imports: [...importedModules, ...KENDO_GRID_HEADER_EXPORTS],
+                    providers: [
+                        PopupService,
+                        ResizeBatchService,
+                        IconsService,
+                        DialogContainerService,
+                        DialogService,
+                        WindowService,
+                        WindowContainerService,
+                        CalendarDOMService,
+                        CenturyViewService,
+                        DecadeViewService,
+                        MonthViewService,
+                        YearViewService,
+                        WeekNamesService,
+                        NavigationService
+                    ]
                 }]
         }] });

package/esm2020/rendering/list.component.mjs

@@ -21,7 +21,7 @@ import { GroupsService } from "../grouping/groups.service";
 import { expandColumns, sumColumnWidths } from "../columns/column-common";
 import { ScrollSyncService } from "../scrolling/scroll-sync.service";
 import { ResizeService } from "../layout/resize.service";
-import { isDocumentAvailable, ResizeSensorComponent } from "@progress/kendo-angular-common";
+import { EventsOutsideAngularDirective, isDocumentAvailable, ResizeSensorComponent } from "@progress/kendo-angular-common";
 import { BrowserSupportService } from "../layout/browser-support.service";
 import { EditService } from '../editing/edit.service';
 import { NavigationService } from '../navigation/navigation.service';
@@ -34,6 +34,12 @@ import { PDFService } from '../pdf/pdf.service';
 import { ColumnInfoService } from '../common/column-info.service';
 import { NON_DATA_CELL_CLASSES } from './constants';
 import { ContextService } from '../common/provider.service';
+import { ResizableContainerDirective } from '../layout/resizable.directive';
+import { TableBodyComponent } from './table-body.component';
+import { ColGroupComponent } from './common/col-group.component';
+import { GridTableDirective } from './grid-table.directive';
+import { TableDirective } from '../column-resizing/table.directive';
+import { NgIf } from '@angular/common';
 import * as i0 from "@angular/core";
 import * as i1 from "./details/details.service";
 import * as i2 from "../data/change-notification.service";
@@ -49,13 +55,6 @@ import * as i11 from "../common/provider.service";
 import * as i12 from "../column-resizing/column-resizing.service";
 import * as i13 from "../pdf/pdf.service";
 import * as i14 from "../common/column-info.service";
-import * as i15 from "@angular/common";
-import * as i16 from "./common/col-group.component";
-import * as i17 from "../layout/resizable.directive";
-import * as i18 from "../column-resizing/table.directive";
-import * as i19 from "./grid-table.directive";
-import * as i20 from "@progress/kendo-angular-common";
-import * as i21 from "./table-body.component";
 const elementAt = (index, elements, elementOffset) => {
     for (let idx = 0, elementIdx = 0; idx < elements.length; idx++) {
         const offset = elementOffset(elements[idx]);
@@ -608,7 +607,7 @@ export class ListComponent {
     }
 }
 ListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ListComponent, deps: [{ token: SCROLLER_FACTORY_TOKEN }, { token: i1.DetailsService }, { token: i2.ChangeNotificationService }, { token: i3.SuspendService }, { token: i4.GroupsService }, { token: i0.NgZone }, { token: i0.Renderer2 }, { token: i5.ScrollSyncService }, { token: i6.ResizeService }, { token: i7.EditService }, { token: i8.BrowserSupportService }, { token: i9.NavigationService }, { token: i10.ScrollRequestService }, { token: i11.ContextService }, { token: i12.ColumnResizingService }, { token: i0.ChangeDetectorRef }, { token: i13.PDFService }, { token: i14.ColumnInfoService }], target: i0.ɵɵFactoryTarget.Component });
-ListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: ListComponent, selector: "kendo-grid-list", inputs: { data: "data", groups: "groups", total: "total", rowHeight: "rowHeight", stickyRowHeight: "stickyRowHeight", detailRowHeight: "detailRowHeight", take: "take", skip: "skip", columns: "columns", detailTemplate: "detailTemplate", noRecordsTemplate: "noRecordsTemplate", selectable: "selectable", groupable: "groupable", filterable: "filterable", rowClass: "rowClass", rowSticky: "rowSticky", loading: "loading", trackBy: "trackBy", virtualColumns: "virtualColumns", isVirtual: "isVirtual", cellLoadingTemplate: "cellLoadingTemplate", loadingTemplate: "loadingTemplate", sort: "sort", size: "size" }, outputs: { contentScroll: "contentScroll", pageChange: "pageChange", scrollBottom: "scrollBottom" }, host: { properties: { "class.k-grid-container": "this.hostClass", "attr.role": "this.hostRole" } }, providers: [
+ListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: ListComponent, isStandalone: true, selector: "kendo-grid-list", inputs: { data: "data", groups: "groups", total: "total", rowHeight: "rowHeight", stickyRowHeight: "stickyRowHeight", detailRowHeight: "detailRowHeight", take: "take", skip: "skip", columns: "columns", detailTemplate: "detailTemplate", noRecordsTemplate: "noRecordsTemplate", selectable: "selectable", groupable: "groupable", filterable: "filterable", rowClass: "rowClass", rowSticky: "rowSticky", loading: "loading", trackBy: "trackBy", virtualColumns: "virtualColumns", isVirtual: "isVirtual", cellLoadingTemplate: "cellLoadingTemplate", loadingTemplate: "loadingTemplate", sort: "sort", size: "size" }, outputs: { contentScroll: "contentScroll", pageChange: "pageChange", scrollBottom: "scrollBottom" }, host: { properties: { "class.k-grid-container": "this.hostClass", "attr.role": "this.hostRole" } }, providers: [
         {
             provide: SCROLLER_FACTORY_TOKEN,
             useValue: DEFAULT_SCROLLER_FACTORY
@@ -722,7 +721,7 @@ ListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version:
             <div [style.width.px]="totalWidth"></div>
         </div>
     </div>
-    `, isInline: true, dependencies: [{ kind: "directive", type: i15.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i16.ColGroupComponent, selector: "[kendoGridColGroup]", inputs: ["columns", "groups", "detailTemplate", "sort"] }, { kind: "directive", type: i17.ResizableContainerDirective, selector: "[kendoGridResizableContainer]", inputs: ["lockedWidth", "kendoGridResizableContainer"] }, { kind: "directive", type: i18.TableDirective, selector: "table", inputs: ["locked", "virtualColumns"] }, { kind: "directive", type: i19.GridTableDirective, selector: "[kendoGridTable]", inputs: ["size"] }, { kind: "directive", type: i20.EventsOutsideAngularDirective, selector: "[kendoEventsOutsideAngular]", inputs: ["kendoEventsOutsideAngular", "scope"] }, { kind: "component", type: i21.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: i20.ResizeSensorComponent, selector: "kendo-resize-sensor", inputs: ["rateLimit"], outputs: ["resize"] }] });
+    `, isInline: true, dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: EventsOutsideAngularDirective, selector: "[kendoEventsOutsideAngular]", inputs: ["kendoEventsOutsideAngular", "scope"] }, { kind: "directive", type: TableDirective, selector: "table", 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: 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: ResizeSensorComponent, selector: "kendo-resize-sensor", inputs: ["rateLimit"], outputs: ["resize"] }, { kind: "directive", type: ResizableContainerDirective, selector: "[kendoGridResizableContainer]", inputs: ["lockedWidth", "kendoGridResizableContainer"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ListComponent, decorators: [{
             type: Component,
             args: [{
@@ -842,7 +841,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
             <div [style.width.px]="totalWidth"></div>
         </div>
     </div>
-    `
+    `,
+                    standalone: true,
+                    imports: [NgIf, EventsOutsideAngularDirective, TableDirective, GridTableDirective, ColGroupComponent, TableBodyComponent, ResizeSensorComponent, ResizableContainerDirective]
                 }]
         }], ctorParameters: function () { return [{ type: undefined, decorators: [{
                     type: Inject,

package/esm2020/rendering/loading-template.directive.mjs

@@ -15,10 +15,11 @@ export class LoadingTemplateDirective {
     }
 }
 LoadingTemplateDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: LoadingTemplateDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
-LoadingTemplateDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: LoadingTemplateDirective, selector: "[kendoGridLoadingTemplate]", ngImport: i0 });
+LoadingTemplateDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: LoadingTemplateDirective, isStandalone: true, selector: "[kendoGridLoadingTemplate]", ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: LoadingTemplateDirective, decorators: [{
             type: Directive,
             args: [{
-                    selector: '[kendoGridLoadingTemplate]'
+                    selector: '[kendoGridLoadingTemplate]',
+                    standalone: true
                 }]
         }], ctorParameters: function () { return [{ type: i0.TemplateRef }]; } });

package/esm2020/rendering/no-records-template.directive.mjs

@@ -27,11 +27,12 @@ export class NoRecordsTemplateDirective {
     }
 }
 NoRecordsTemplateDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: NoRecordsTemplateDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
-NoRecordsTemplateDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: NoRecordsTemplateDirective, selector: "[kendoGridNoRecordsTemplate]", ngImport: i0 });
+NoRecordsTemplateDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: NoRecordsTemplateDirective, isStandalone: true, selector: "[kendoGridNoRecordsTemplate]", ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: NoRecordsTemplateDirective, decorators: [{
             type: Directive,
             args: [{
-                    selector: '[kendoGridNoRecordsTemplate]'
+                    selector: '[kendoGridNoRecordsTemplate]',
+                    standalone: true
                 }]
         }], ctorParameters: function () { return [{ type: i0.TemplateRef, decorators: [{
                     type: Optional

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

@@ -17,7 +17,7 @@ import { SelectionService } from "../selection/selection.service";
 import { ColumnInfoService } from "../common/column-info.service";
 import { hasFilterRow } from '../filtering/filterable';
 import { NavigationService } from '../navigation/navigation.service';
-import { isDocumentAvailable, Keys } from '@progress/kendo-angular-common';
+import { isDocumentAvailable, Keys, ResizeSensorComponent, TemplateContextDirective } from '@progress/kendo-angular-common';
 import { defaultTrackBy } from '../common/default-track-by';
 import { DetailsService } from './details/details.service';
 import { NON_DATA_CELL_CLASSES, NON_DATA_ROW_CLASSES, IGNORE_TARGET_CLASSSES, IGNORE_CONTAINER_CLASSES } from './constants';
@@ -26,6 +26,12 @@ import { minusIcon, plusIcon } from '@progress/kendo-svg-icons';
 import { ContextService } from '../common/provider.service';
 import { ColumnsContainer } from '../columns/columns-container';
 import { SpanColumnComponent } from '../columns/span-column.component';
+import { IconWrapperComponent } from '@progress/kendo-angular-icons';
+import { GroupHeaderComponent } from '../grouping/group-header.component';
+import { CellComponent } from './cell.component';
+import { LogicalCellDirective } from '../navigation/logical-cell.directive';
+import { LogicalRowDirective } from '../navigation/logical-row.directive';
+import { NgIf, NgFor, NgClass, NgStyle, NgTemplateOutlet } from '@angular/common';
 import * as i0 from "@angular/core";
 import * as i1 from "./details/details.service";
 import * as i2 from "../grouping/groups.service";
@@ -37,14 +43,6 @@ import * as i7 from "../selection/selection.service";
 import * as i8 from "../selection/cell-selection.service";
 import * as i9 from "../common/column-info.service";
 import * as i10 from "../navigation/navigation.service";
-import * as i11 from "@angular/common";
-import * as i12 from "../navigation/logical-cell.directive";
-import * as i13 from "../navigation/logical-row.directive";
-import * as i14 from "./common/template-context.directive";
-import * as i15 from "@progress/kendo-angular-icons";
-import * as i16 from "../grouping/group-header.component";
-import * as i17 from "@progress/kendo-angular-common";
-import * as i18 from "./cell.component";
 const columnCellIndex = (cell, cells) => {
     let cellIndex = 0;
     for (let idx = 0; idx < cells.length; idx++) {
@@ -404,7 +402,7 @@ export class TableBodyComponent {
     }
 }
 TableBodyComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TableBodyComponent, deps: [{ token: i1.DetailsService }, { token: i2.GroupsService }, { token: i3.ChangeNotificationService }, { token: i4.EditService }, { token: i5.ContextService }, { token: i0.NgZone }, { token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i6.DomEventsService }, { token: i7.SelectionService }, { token: i8.CellSelectionService }, { token: i9.ColumnInfoService }, { token: i10.NavigationService }], target: i0.ɵɵFactoryTarget.Component });
-TableBodyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: TableBodyComponent, selector: "[kendoGridTableBody]", inputs: { columns: "columns", allColumns: "allColumns", groups: "groups", detailTemplate: "detailTemplate", noRecordsTemplate: "noRecordsTemplate", data: "data", skip: "skip", selectable: "selectable", filterable: "filterable", noRecordsText: "noRecordsText", isLocked: "isLocked", isLoading: "isLoading", isVirtual: "isVirtual", cellLoadingTemplate: "cellLoadingTemplate", skipGroupDecoration: "skipGroupDecoration", showGroupFooters: "showGroupFooters", lockedColumnsCount: "lockedColumnsCount", totalColumnsCount: "totalColumnsCount", virtualColumns: "virtualColumns", trackBy: "trackBy", rowSticky: "rowSticky", totalColumns: "totalColumns", rowClass: "rowClass" }, host: { properties: { "class.k-table-tbody": "this.hostClass" } }, usesOnChanges: true, ngImport: i0, template: `
+TableBodyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: TableBodyComponent, isStandalone: true, selector: "[kendoGridTableBody]", inputs: { columns: "columns", allColumns: "allColumns", groups: "groups", detailTemplate: "detailTemplate", noRecordsTemplate: "noRecordsTemplate", data: "data", skip: "skip", selectable: "selectable", filterable: "filterable", noRecordsText: "noRecordsText", isLocked: "isLocked", isLoading: "isLoading", isVirtual: "isVirtual", cellLoadingTemplate: "cellLoadingTemplate", skipGroupDecoration: "skipGroupDecoration", showGroupFooters: "showGroupFooters", lockedColumnsCount: "lockedColumnsCount", totalColumnsCount: "totalColumnsCount", virtualColumns: "virtualColumns", trackBy: "trackBy", rowSticky: "rowSticky", totalColumns: "totalColumns", rowClass: "rowClass" }, host: { properties: { "class.k-table-tbody": "this.hostClass" } }, usesOnChanges: true, ngImport: i0, template: `
     <ng-container *ngIf="editService.hasNewItem">
         <tr class="k-grid-add-row k-grid-edit-row k-master-row"
             kendoGridLogicalRow
@@ -628,7 +626,7 @@ TableBodyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", ver
         </tr>
     </ng-container>
     <kendo-resize-sensor *ngIf="rowSticky" (resize)="resizeHandler()"></kendo-resize-sensor>
-    `, isInline: true, dependencies: [{ kind: "directive", type: i11.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i11.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i11.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i11.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i11.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i12.LogicalCellDirective, selector: "[kendoGridLogicalCell]", inputs: ["logicalColIndex", "logicalRowIndex", "logicalSlaveCell", "colIndex", "colSpan", "rowSpan", "groupItem", "dataRowIndex", "dataItem", "detailExpandCell", "headerLabelText"] }, { kind: "directive", type: i13.LogicalRowDirective, selector: "[kendoGridLogicalRow]", inputs: ["logicalRowIndex", "logicalSlaveRow", "logicalCellsCount", "logicalSlaveCellsCount", "dataRowIndex", "dataItem", "totalColumns"] }, { kind: "directive", type: i14.TemplateContextDirective, selector: "[templateContext]", inputs: ["templateContext"] }, { kind: "component", type: i15.IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }, { kind: "component", type: i16.GroupHeaderComponent, selector: "[kendoGridGroupHeader]", inputs: ["rowIndex", "logicalRowIndex", "item", "skipGroupDecoration", "hasDetails", "totalColumnsCount", "hasGroupHeaderColumn", "groupHeaderColumns", "columns", "groups"] }, { kind: "component", type: i17.ResizeSensorComponent, selector: "kendo-resize-sensor", inputs: ["rateLimit"], outputs: ["resize"] }, { kind: "component", type: i18.CellComponent, selector: "[kendoGridCell]", inputs: ["column", "columnIndex", "isNew", "isLoading", "isVirtual", "loadingTemplate", "rowIndex", "dataItem"] }] });
+    `, isInline: true, dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: LogicalRowDirective, selector: "[kendoGridLogicalRow]", inputs: ["logicalRowIndex", "logicalSlaveRow", "logicalCellsCount", "logicalSlaveCellsCount", "dataRowIndex", "dataItem", "totalColumns"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: LogicalCellDirective, selector: "[kendoGridLogicalCell]", inputs: ["logicalColIndex", "logicalRowIndex", "logicalSlaveCell", "colIndex", "colSpan", "rowSpan", "groupItem", "dataRowIndex", "dataItem", "detailExpandCell", "headerLabelText"] }, { kind: "component", type: CellComponent, selector: "[kendoGridCell]", inputs: ["column", "columnIndex", "isNew", "isLoading", "isVirtual", "loadingTemplate", "rowIndex", "dataItem"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: TemplateContextDirective, selector: "[templateContext]", inputs: ["templateContext"] }, { kind: "component", type: GroupHeaderComponent, selector: "[kendoGridGroupHeader]", inputs: ["rowIndex", "logicalRowIndex", "item", "skipGroupDecoration", "hasDetails", "totalColumnsCount", "hasGroupHeaderColumn", "groupHeaderColumns", "columns", "groups"] }, { kind: "component", type: IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: ResizeSensorComponent, selector: "kendo-resize-sensor", inputs: ["rateLimit"], outputs: ["resize"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TableBodyComponent, decorators: [{
             type: Component,
             args: [{
@@ -857,7 +855,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
         </tr>
     </ng-container>
     <kendo-resize-sensor *ngIf="rowSticky" (resize)="resizeHandler()"></kendo-resize-sensor>
-    `
+    `,
+                    standalone: true,
+                    imports: [
+                        NgIf, LogicalRowDirective, NgFor, LogicalCellDirective, CellComponent, NgClass, NgStyle, TemplateContextDirective,
+                        GroupHeaderComponent, IconWrapperComponent, NgTemplateOutlet, ResizeSensorComponent
+                    ]
                 }]
         }], ctorParameters: function () { return [{ type: i1.DetailsService }, { type: i2.GroupsService }, { type: i3.ChangeNotificationService }, { type: i4.EditService }, { type: i5.ContextService }, { type: i0.NgZone }, { type: i0.Renderer2 }, { type: i0.ElementRef }, { type: i6.DomEventsService }, { type: i7.SelectionService }, { type: i8.CellSelectionService }, { type: i9.ColumnInfoService }, { type: i10.NavigationService }]; }, propDecorators: { columns: [{
                 type: Input

package/esm2020/rendering/toolbar/toolbar-focusable.directive.mjs

@@ -45,7 +45,7 @@ export class GridToolbarFocusableDirective {
     }
 }
 GridToolbarFocusableDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: GridToolbarFocusableDirective, deps: [{ token: i0.ElementRef }, { token: i1.ContextService }], target: i0.ɵɵFactoryTarget.Directive });
-GridToolbarFocusableDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: GridToolbarFocusableDirective, selector: "\n        [kendoGridToolbarFocusable],\n        [kendoGridAddCommand],\n        [kendoGridCancelCommand],\n        [kendoGridEditCommand],\n        [kendoGridRemoveCommand],\n        [kendoGridSaveCommand],\n        [kendoGridExcelCommand],\n        [kendoGridPDFCommand]\n    ", ngImport: i0 });
+GridToolbarFocusableDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: GridToolbarFocusableDirective, isStandalone: true, selector: "\n        [kendoGridToolbarFocusable],\n        [kendoGridAddCommand],\n        [kendoGridCancelCommand],\n        [kendoGridEditCommand],\n        [kendoGridRemoveCommand],\n        [kendoGridSaveCommand],\n        [kendoGridExcelCommand],\n        [kendoGridPDFCommand]\n    ", ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: GridToolbarFocusableDirective, decorators: [{
             type: Directive,
             args: [{
@@ -58,6 +58,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
         [kendoGridSaveCommand],
         [kendoGridExcelCommand],
         [kendoGridPDFCommand]
-    `
+    `,
+                    standalone: true
                 }]
         }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i1.ContextService }]; } });

package/esm2020/rendering/toolbar/toolbar-template.directive.mjs

@@ -39,11 +39,12 @@ export class ToolbarTemplateDirective {
     }
 }
 ToolbarTemplateDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ToolbarTemplateDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
-ToolbarTemplateDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: ToolbarTemplateDirective, selector: "[kendoGridToolbarTemplate]", inputs: { position: "position" }, ngImport: i0 });
+ToolbarTemplateDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: ToolbarTemplateDirective, isStandalone: true, selector: "[kendoGridToolbarTemplate]", inputs: { position: "position" }, ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ToolbarTemplateDirective, decorators: [{
             type: Directive,
             args: [{
-                    selector: '[kendoGridToolbarTemplate]'
+                    selector: '[kendoGridToolbarTemplate]',
+                    standalone: true
                 }]
         }], ctorParameters: function () { return [{ type: i0.TemplateRef, decorators: [{
                     type: Optional

package/esm2020/rendering/toolbar/toolbar.component.mjs

@@ -5,9 +5,9 @@
 import { Component, Input, ElementRef, HostBinding, HostListener } from '@angular/core';
 import { closest, isDocumentAvailable, isFocusable } from '@progress/kendo-angular-common';
 import { ContextService } from './../../common/provider.service';
+import { NgIf, NgTemplateOutlet } from '@angular/common';
 import * as i0 from "@angular/core";
 import * as i1 from "./../../common/provider.service";
-import * as i2 from "@angular/common";
 /**
  * @hidden
  */
@@ -88,12 +88,12 @@ export class ToolbarComponent {
     }
 }
 ToolbarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ToolbarComponent, deps: [{ token: i1.ContextService }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
-ToolbarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: ToolbarComponent, selector: "kendo-grid-toolbar", inputs: { position: "position", size: "size", navigable: "navigable" }, host: { listeners: { "click": "clickHandler($event)", "keydown.arrowleft": "arrowLeftListener($event)", "keydown.arrowright": "arrowRightListener($event)", "keydown.home": "homeKeyListener($event)", "keydown.end": "endKeyListener($event)" }, properties: { "attr.role": "this.role", "class.k-toolbar-sm": "this.sizeSmallClass", "class.k-toolbar-md": "this.sizeMediumClass" } }, ngImport: i0, template: `
+ToolbarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: ToolbarComponent, isStandalone: true, selector: "kendo-grid-toolbar", inputs: { position: "position", size: "size", navigable: "navigable" }, host: { listeners: { "click": "clickHandler($event)", "keydown.arrowleft": "arrowLeftListener($event)", "keydown.arrowright": "arrowRightListener($event)", "keydown.home": "homeKeyListener($event)", "keydown.end": "endKeyListener($event)" }, properties: { "attr.role": "this.role", "class.k-toolbar-sm": "this.sizeSmallClass", "class.k-toolbar-md": "this.sizeMediumClass" } }, ngImport: i0, template: `
         <ng-template
             *ngIf="toolbarTemplateRef"
             [ngTemplateOutlet]="toolbarTemplateRef"
             [ngTemplateOutletContext]="context"></ng-template>
-    `, isInline: true, dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] });
+    `, isInline: true, dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ToolbarComponent, decorators: [{
             type: Component,
             args: [{
@@ -103,7 +103,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
             *ngIf="toolbarTemplateRef"
             [ngTemplateOutlet]="toolbarTemplateRef"
             [ngTemplateOutletContext]="context"></ng-template>
-    `
+    `,
+                    standalone: true,
+                    imports: [NgIf, NgTemplateOutlet]
                 }]
         }], ctorParameters: function () { return [{ type: i1.ContextService }, { type: i0.ElementRef }]; }, propDecorators: { role: [{
                 type: HostBinding,

package/esm2020/selection/marquee.directive.mjs

@@ -161,10 +161,11 @@ export class GridMarqueeDirective {
     }
 }
 GridMarqueeDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: GridMarqueeDirective, deps: [{ token: i1.DraggableDirective }, { token: i2.SelectionService }, { token: i3.CellSelectionService }, { token: i4.DomEventsService }, { token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive });
-GridMarqueeDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: GridMarqueeDirective, selector: "[kendoGridSelectionMarquee]", ngImport: i0 });
+GridMarqueeDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: GridMarqueeDirective, isStandalone: true, selector: "[kendoGridSelectionMarquee]", ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: GridMarqueeDirective, decorators: [{
             type: Directive,
             args: [{
-                    selector: '[kendoGridSelectionMarquee]'
+                    selector: '[kendoGridSelectionMarquee]',
+                    standalone: true
                 }]
         }], ctorParameters: function () { return [{ type: i1.DraggableDirective }, { type: i2.SelectionService }, { type: i3.CellSelectionService }, { type: i4.DomEventsService }, { type: i0.ElementRef }, { type: i0.Renderer2 }]; } });

package/esm2020/selection/selectall-checkbox.directive.mjs

@@ -31,7 +31,7 @@ export class SelectAllCheckboxDirective {
         this.ngZone = ngZone;
         /**
          * Fires when the user clicks the `kendoGridSelectAllCheckbox` select-all checkbox
-         * ([see example]({% slug selection_grid %}#toc-select-all-feature)).
+         * ([see example](slug:grid_row_selection#toc-select-all-checkbox)).
          */
         this.selectAllChange = new EventEmitter();
         this.type = 'checkbox';
@@ -96,11 +96,12 @@ export class SelectAllCheckboxDirective {
     }
 }
 SelectAllCheckboxDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SelectAllCheckboxDirective, deps: [{ token: i1.SelectionService }, { token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Directive });
-SelectAllCheckboxDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: SelectAllCheckboxDirective, selector: "[kendoGridSelectAllCheckbox]", inputs: { state: "state" }, outputs: { selectAllChange: "selectAllChange" }, host: { properties: { "attr.type": "this.type" } }, usesOnChanges: true, ngImport: i0 });
+SelectAllCheckboxDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: SelectAllCheckboxDirective, isStandalone: true, selector: "[kendoGridSelectAllCheckbox]", inputs: { state: "state" }, outputs: { selectAllChange: "selectAllChange" }, host: { properties: { "attr.type": "this.type" } }, usesOnChanges: true, ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SelectAllCheckboxDirective, decorators: [{
             type: Directive,
             args: [{
-                    selector: '[kendoGridSelectAllCheckbox]'
+                    selector: '[kendoGridSelectAllCheckbox]',
+                    standalone: true
                 }]
         }], ctorParameters: function () { return [{ type: i1.SelectionService }, { type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i0.NgZone }]; }, propDecorators: { state: [{
                 type: Input

package/esm2020/selection/selection-checkbox.directive.mjs

@@ -77,11 +77,12 @@ export class SelectionCheckboxDirective {
     }
 }
 SelectionCheckboxDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SelectionCheckboxDirective, deps: [{ token: i1.SelectionService }, { token: i2.CellSelectionAggregateService }, { token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Directive });
-SelectionCheckboxDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: SelectionCheckboxDirective, selector: "[kendoGridSelectionCheckbox]", inputs: { itemIndex: ["kendoGridSelectionCheckbox", "itemIndex"] }, host: { properties: { "attr.type": "this.type" } }, ngImport: i0 });
+SelectionCheckboxDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: SelectionCheckboxDirective, isStandalone: true, selector: "[kendoGridSelectionCheckbox]", inputs: { itemIndex: ["kendoGridSelectionCheckbox", "itemIndex"] }, host: { properties: { "attr.type": "this.type" } }, ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SelectionCheckboxDirective, decorators: [{
             type: Directive,
             args: [{
-                    selector: '[kendoGridSelectionCheckbox]'
+                    selector: '[kendoGridSelectionCheckbox]',
+                    standalone: true
                 }]
         }], ctorParameters: function () { return [{ type: i1.SelectionService }, { type: i2.CellSelectionAggregateService }, { type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i0.NgZone }]; }, propDecorators: { itemIndex: [{
                 type: Input,

package/esm2020/selection/selection.directive.mjs

@@ -33,10 +33,11 @@ export class SelectionDirective extends Selection {
     }
 }
 SelectionDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SelectionDirective, deps: [{ token: i1.ContextService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Directive });
-SelectionDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: SelectionDirective, selector: "[kendoGridSelectBy]", usesInheritance: true, ngImport: i0 });
+SelectionDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: SelectionDirective, isStandalone: true, selector: "[kendoGridSelectBy]", usesInheritance: true, ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SelectionDirective, decorators: [{
             type: Directive,
             args: [{
-                    selector: '[kendoGridSelectBy]'
+                    selector: '[kendoGridSelectBy]',
+                    standalone: true
                 }]
         }], ctorParameters: function () { return [{ type: i1.ContextService }, { type: i0.ChangeDetectorRef }]; } });