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

package/esm2020/directives.mjs

@@ -0,0 +1,479 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2024 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+// DRAGGABLE COLUMN
+import { DraggableColumnDirective } from "./dragdrop/draggable-column.directive";
+import { DropTargetDirective } from "./dragdrop/drop-target.directive";
+// SHARED
+import { ColumnComponent } from './columns/column.component';
+import { SpanColumnComponent } from './columns/span-column.component';
+import { ColumnGroupComponent } from './columns/column-group.component';
+import { FooterTemplateDirective } from './rendering/footer/footer-template.directive';
+import { ColGroupComponent } from './rendering/common/col-group.component';
+import { LoadingComponent } from './rendering/common/loading.component';
+import { ResizableContainerDirective } from './layout/resizable.directive';
+import { DetailTemplateDirective } from './rendering/details/detail-template.directive';
+import { LogicalCellDirective } from './navigation/logical-cell.directive';
+import { LogicalRowDirective } from './navigation/logical-row.directive';
+import { FieldAccessorPipe } from "./rendering/common/field-accessor.pipe";
+import { TableDirective } from "./column-resizing/table.directive";
+import { FocusableDirective } from "./navigation/focusable.directive";
+import { GridTableDirective } from './rendering/grid-table.directive';
+// GROUPING
+import { GroupHeaderTemplateDirective } from './grouping/group-header-template.directive';
+import { GroupHeaderColumnTemplateDirective } from './grouping/group-header-column-template.directive';
+import { GroupHeaderComponent } from './grouping/group-header.component';
+import { GroupFooterTemplateDirective } from './grouping/group-footer-template.directive';
+import { GroupPanelComponent } from './grouping/group-panel.component';
+// FILTERING
+import { ContainsFilterOperatorComponent } from './filtering/operators/contains-filter-operator.component';
+import { DoesNotContainFilterOperatorComponent } from './filtering/operators/not-contains-filter-operator.component';
+import { EndsWithFilterOperatorComponent } from './filtering/operators/ends-with-filter-operator.component';
+import { EqualFilterOperatorComponent } from './filtering/operators/eq-filter-operator.component';
+import { IsEmptyFilterOperatorComponent } from './filtering/operators/is-empty-filter-operator.component';
+import { IsNotEmptyFilterOperatorComponent } from './filtering/operators/is-not-empty-filter-operator.component';
+import { IsNotNullFilterOperatorComponent } from './filtering/operators/is-not-null-filter-operator.component';
+import { IsNullFilterOperatorComponent } from './filtering/operators/isnull-filter-operator.component';
+import { NotEqualFilterOperatorComponent } from './filtering/operators/neq-filter-operator.component';
+import { StartsWithFilterOperatorComponent } from './filtering/operators/starts-with-filter-operator.component';
+import { GreaterFilterOperatorComponent } from './filtering/operators/gt-filter-operator.component';
+import { GreaterOrEqualToFilterOperatorComponent } from './filtering/operators/gte-filter-operator.component';
+import { LessFilterOperatorComponent } from './filtering/operators/lt-filter-operator.component';
+import { LessOrEqualToFilterOperatorComponent } from './filtering/operators/lte-filter-operator.component';
+import { AfterFilterOperatorComponent } from './filtering/operators/after-filter-operator.component';
+import { AfterEqFilterOperatorComponent } from './filtering/operators/after-eq-filter-operator.component';
+import { BeforeEqFilterOperatorComponent } from './filtering/operators/before-eq-filter-operator.component';
+import { BeforeFilterOperatorComponent } from './filtering/operators/before-filter-operator.component';
+import { FilterCellOperatorsComponent } from "./filtering/cell/filter-cell-operators.component";
+import { FilterInputDirective } from "./filtering/filter-input.directive";
+import { FilterMenuComponent } from "./filtering/menu/filter-menu.component";
+import { FilterMenuContainerComponent } from "./filtering/menu/filter-menu-container.component";
+import { FilterMenuInputWrapperComponent } from "./filtering/menu/filter-menu-input-wrapper.component";
+import { StringFilterMenuInputComponent } from "./filtering/menu/string-filter-menu-input.component";
+import { StringFilterMenuComponent } from "./filtering/menu/string-filter-menu.component";
+import { FilterMenuTemplateDirective } from "./filtering/menu/filter-menu-template.directive";
+import { NumericFilterMenuComponent } from "./filtering/menu/numeric-filter-menu.component";
+import { NumericFilterMenuInputComponent } from "./filtering/menu/numeric-filter-menu-input.component";
+import { DateFilterMenuInputComponent } from "./filtering/menu/date-filter-menu-input.component";
+import { DateFilterMenuComponent } from "./filtering/menu/date-filter-menu.component";
+import { FilterMenuHostDirective } from "./filtering/menu/filter-menu-host.directive";
+import { BooleanFilterMenuComponent } from "./filtering/menu/boolean-filter-menu.component";
+import { FilterMenuDropDownListDirective } from "./filtering/menu/filter-menu-dropdownlist.directive";
+import { BooleanFilterRadioButtonDirective } from "./filtering/menu/filter-radio-button.directive";
+import { AutoCompleteFilterCellComponent } from "./filtering/cell/autocomplete-filter-cell.component";
+import { BooleanFilterCellComponent } from "./filtering/cell/boolean-filter-cell.component";
+import { DateFilterCellComponent } from "./filtering/cell/date-filter-cell.component";
+import { FilterCellHostDirective } from "./filtering/cell/filter-cell-host.directive";
+import { FilterCellTemplateDirective } from "./filtering/cell/filter-cell-template.directive";
+import { FilterCellWrapperComponent } from "./filtering/cell/filter-cell-wrapper.component";
+import { FilterCellComponent } from "./filtering/cell/filter-cell.component";
+import { NumericFilterCellComponent } from "./filtering/cell/numeric-filter-cell.component";
+import { StringFilterCellComponent } from "./filtering/cell/string-filter-cell.component";
+import { FilterRowComponent } from "./filtering/filter-row.component";
+// EXTERNAL
+import { KENDO_EXCELEXPORT } from "@progress/kendo-angular-excel-export";
+import { KENDO_DRAGGABLE, TemplateContextDirective } from "@progress/kendo-angular-common";
+// COLUMN MENU
+import { ColumnMenuChooserItemCheckedDirective } from "./column-menu/column-chooser-item-checked.directive";
+import { ColumnChooserComponent } from "./column-menu/column-chooser.component";
+import { ColumnListComponent } from "./column-menu/column-list.component";
+import { ColumnMenuAutoSizeAllColumnsComponent } from "./column-menu/column-menu-autosize-all.component";
+import { ColumnMenuAutoSizeColumnComponent } from "./column-menu/column-menu-autosize.component";
+import { ColumnMenuChooserComponent } from "./column-menu/column-menu-chooser.component";
+import { ColumnMenuContainerComponent } from "./column-menu/column-menu-container.component";
+import { ColumnMenuFilterComponent } from "./column-menu/column-menu-filter.component";
+import { ColumnMenuItemContentTemplateDirective } from "./column-menu/column-menu-item-content-template.directive";
+import { ColumnMenuItemComponent } from "./column-menu/column-menu-item.component";
+import { ColumnMenuItemDirective } from "./column-menu/column-menu-item.directive";
+import { ColumnMenuLockComponent } from "./column-menu/column-menu-lock.component";
+import { ColumnMenuPositionComponent } from "./column-menu/column-menu-position.component";
+import { ColumnMenuSortComponent } from "./column-menu/column-menu-sort.component";
+import { ColumnMenuStickComponent } from "./column-menu/column-menu-stick.component";
+import { ColumnMenuTemplateDirective } from "./column-menu/column-menu-template.directive";
+import { ColumnMenuComponent } from "./column-menu/column-menu.component";
+// EXCEL EXPORT
+import { ExcelComponent } from "./excel/excel.component";
+import { ExcelCommandDirective } from "./excel/excel-command.directive";
+// PDF EXPORT
+import { PDFComponent } from "./pdf/pdf.component";
+import { PDFMarginComponent } from "./pdf/pdf-margin.component";
+import { PDFCommandDirective } from "./pdf/pdf-command.directive";
+import { PDFTemplateDirective } from "./pdf/pdf-template.directive";
+// HEADER
+import { HeaderComponent } from "./rendering/header/header.component";
+import { HeaderTemplateDirective } from "./rendering/header/header-template.directive";
+import { ColumnHandleDirective } from "./column-resizing/column-handle.directive";
+import { SelectAllCheckboxDirective } from "./selection/selectall-checkbox.directive";
+import { FooterComponent } from "./rendering/footer/footer.component";
+import { CommandColumnComponent } from "./columns/command-column.component";
+import { CheckboxColumnComponent } from "./columns/checkbox-column.component";
+import { SelectionCheckboxDirective } from "./selection/selection-checkbox.directive";
+import { CellTemplateDirective } from "./rendering/cell-template.directive";
+import { EditTemplateDirective } from "./editing/edit-template.directive";
+import { TableBodyComponent } from "./rendering/table-body.component";
+import { NoRecordsTemplateDirective } from "./rendering/no-records-template.directive";
+import { CellComponent } from "./rendering/cell.component";
+import { EditCommandDirective } from "./editing/edit-command.directive";
+import { CancelCommandDirective } from "./editing/cancel-command.directive";
+import { SaveCommandDirective } from "./editing/save-command.directive";
+import { RemoveCommandDirective } from "./editing/remove-command.directive";
+import { AddCommandDirective } from "./editing/add-command.directive";
+import { CellLoadingTemplateDirective } from "./rendering/cell-loading.template.directive";
+import { LoadingTemplateDirective } from "./rendering/loading-template.directive";
+import { RowReorderColumnComponent } from "./columns/reorder-column.component";
+import { PagerComponent } from "./pager/pager.component";
+import { PagerPrevButtonsComponent } from "./pager/pager-prev-buttons.component";
+import { PagerNextButtonsComponent } from "./pager/pager-next-buttons.component";
+import { PagerNumericButtonsComponent } from "./pager/pager-numeric-buttons.component";
+import { PagerInputComponent } from "./pager/pager-input.component";
+import { PagerInfoComponent } from "./pager/pager-info.component";
+import { PagerPageSizesComponent } from "./pager/pager-page-sizes.component";
+import { PagerTemplateDirective } from "./pager/pager-template.directive";
+import { PagerDropDownListDirective } from "./pager/pager-dropdown.directive";
+import { PagerInputDirective } from "./pager/pager-input.directive";
+import { GridComponent } from "./grid.component";
+import { ListComponent } from "./rendering/list.component";
+import { ToolbarComponent } from "./rendering/toolbar/toolbar.component";
+import { LocalizedMessagesDirective } from "./localization/localized-messages.directive";
+import { CustomMessagesComponent } from "./localization/custom-messages.component";
+import { DataBindingDirective } from "./databinding.directive";
+import { ToolbarTemplateDirective } from "./rendering/toolbar/toolbar-template.directive";
+import { SelectionDirective } from "./selection/selection.directive";
+import { TemplateEditingDirective } from "./editing-directives/template-editing.directive";
+import { ReactiveEditingDirective } from "./editing-directives/reactive-editing.directive";
+import { InCellEditingDirective } from "./editing-directives/in-cell-editing.directive";
+import { ExpandDetailsDirective } from "./rendering/details-expand.directive";
+import { ExpandGroupDirective } from "./rendering/groups-expand.directive";
+import { GroupBindingDirective } from "./grouping/group-scroll-binding.directive";
+import { GridMarqueeDirective } from "./selection/marquee.directive";
+import { GridSpacerComponent } from "./rendering/common/spacer.component";
+import { GridToolbarFocusableDirective } from "./rendering/toolbar/toolbar-focusable.directive";
+import { StatusBarComponent } from "./aggregates/status-bar.component";
+import { StatusBarTemplateDirective } from "./aggregates/status-bar-template.directive";
+import { GridClipboardDirective } from "./common/clipboard.directive";
+/**
+ * @hidden
+ *
+ * Utility array that contains all column dragging components and directives
+ */
+export const KENDO_GRID_COLUMN_DRAGANDDROP = [
+    DraggableColumnDirective,
+    DropTargetDirective
+];
+/**
+ * @hidden
+ *
+ * Utility array that contains the former Shared module exports
+ */
+export const KENDO_GRID_SHARED = [
+    ColumnComponent,
+    ColumnGroupComponent,
+    LogicalCellDirective,
+    LogicalRowDirective,
+    FocusableDirective,
+    FooterTemplateDirective,
+    ColGroupComponent,
+    ResizableContainerDirective,
+    TemplateContextDirective,
+    FieldAccessorPipe,
+    DetailTemplateDirective,
+    SpanColumnComponent,
+    TableDirective,
+    LoadingComponent,
+    GridTableDirective,
+    ...KENDO_DRAGGABLE
+];
+/**
+ * @hidden
+ *
+ * Utility array that contains the former Group module exports
+ */
+export const KENDO_GRID_GROUP_EXPORTS = [
+    GroupHeaderTemplateDirective,
+    GroupHeaderColumnTemplateDirective,
+    GroupFooterTemplateDirective,
+    GroupHeaderComponent,
+    GroupPanelComponent,
+];
+/**
+ * @hidden
+ *
+ * Utility array that contains the filter operator components
+ */
+export const KENDO_GRID_FILTER_OPERATORS = [
+    FilterCellOperatorsComponent,
+    ContainsFilterOperatorComponent,
+    DoesNotContainFilterOperatorComponent,
+    EndsWithFilterOperatorComponent,
+    EqualFilterOperatorComponent,
+    IsEmptyFilterOperatorComponent,
+    IsNotEmptyFilterOperatorComponent,
+    IsNotNullFilterOperatorComponent,
+    IsNullFilterOperatorComponent,
+    NotEqualFilterOperatorComponent,
+    StartsWithFilterOperatorComponent,
+    GreaterFilterOperatorComponent,
+    GreaterOrEqualToFilterOperatorComponent,
+    LessFilterOperatorComponent,
+    LessOrEqualToFilterOperatorComponent,
+    AfterFilterOperatorComponent,
+    AfterEqFilterOperatorComponent,
+    BeforeEqFilterOperatorComponent,
+    BeforeFilterOperatorComponent
+];
+/**
+ * @hidden
+ *
+ * Utility array that contains the former SharedFilterModule exports
+ */
+export const KENDO_GRID_FILTER_SHARED = [
+    ...KENDO_GRID_SHARED,
+    ...KENDO_GRID_FILTER_OPERATORS,
+    FilterInputDirective,
+];
+/**
+ * @hidden
+ *
+ * Utility array that contains the former FilterMenuModule declarations
+ */
+export const KENDO_GRID_FILTER_MENU_EXPORTS = [
+    FilterMenuComponent,
+    FilterMenuContainerComponent,
+    FilterMenuInputWrapperComponent,
+    StringFilterMenuInputComponent,
+    StringFilterMenuComponent,
+    FilterMenuTemplateDirective,
+    NumericFilterMenuComponent,
+    NumericFilterMenuInputComponent,
+    DateFilterMenuInputComponent,
+    DateFilterMenuComponent,
+    FilterMenuHostDirective,
+    BooleanFilterMenuComponent,
+    FilterMenuDropDownListDirective,
+    BooleanFilterRadioButtonDirective
+];
+/**
+ * @hidden
+ *
+ * Utility array that contains the former FilterMenuModule exports
+ */
+export const KENDO_GRID_FILTER_MENU = [
+    ...KENDO_GRID_FILTER_SHARED,
+    ...KENDO_GRID_FILTER_MENU_EXPORTS
+];
+/**
+ * @hidden
+ *
+ * Utility array that contains the former RowFilterModule declarations
+ */
+export const KENDO_GRID_FILTER_ROW_EXPORTS = [
+    FilterRowComponent,
+    FilterCellComponent,
+    FilterCellTemplateDirective,
+    StringFilterCellComponent,
+    NumericFilterCellComponent,
+    AutoCompleteFilterCellComponent,
+    BooleanFilterCellComponent,
+    FilterCellHostDirective,
+    FilterCellWrapperComponent,
+    DateFilterCellComponent
+];
+/**
+ * @hidden
+ *
+ * Utility array that contains the former RowFilterModule exports
+ */
+export const KENDO_GRID_FILTER_ROW = [
+    ...KENDO_GRID_FILTER_ROW_EXPORTS,
+    ...KENDO_GRID_FILTER_SHARED
+];
+/**
+ * @hidden
+ *
+ * Utility array that contains the former ColumnMenu module declarations
+ */
+export const KENDO_GRID_COLUMN_MENU_DECLARATIONS = [
+    ColumnMenuChooserItemCheckedDirective,
+    ColumnListComponent,
+    ColumnChooserComponent,
+    ColumnMenuChooserComponent,
+    ColumnMenuFilterComponent,
+    ColumnMenuItemComponent,
+    ColumnMenuItemContentTemplateDirective,
+    ColumnMenuSortComponent,
+    ColumnMenuComponent,
+    ColumnMenuLockComponent,
+    ColumnMenuTemplateDirective,
+    ColumnMenuContainerComponent,
+    ColumnMenuItemDirective,
+    ColumnMenuStickComponent,
+    ColumnMenuPositionComponent,
+    ColumnMenuAutoSizeColumnComponent,
+    ColumnMenuAutoSizeAllColumnsComponent
+];
+/**
+ * @hidden
+ *
+ * Utility array that contains the former ColumnMenu module exports
+ */
+export const KENDO_GRID_COLUMN_MENU_EXPORTS = [
+    ColumnChooserComponent,
+    ColumnMenuFilterComponent,
+    ColumnMenuItemComponent,
+    ColumnMenuItemContentTemplateDirective,
+    ColumnMenuSortComponent,
+    ColumnMenuLockComponent,
+    ColumnMenuStickComponent,
+    ColumnMenuPositionComponent,
+    ColumnMenuChooserComponent,
+    ColumnMenuTemplateDirective,
+    ColumnMenuContainerComponent,
+    ColumnMenuItemDirective,
+    ColumnMenuComponent,
+    ColumnMenuAutoSizeColumnComponent,
+    ColumnMenuAutoSizeAllColumnsComponent
+];
+/**
+ * @hidden
+ */
+export const KENDO_GRID_HEADER_EXPORTS = [
+    HeaderComponent,
+    HeaderTemplateDirective,
+    ColumnHandleDirective,
+    SelectAllCheckboxDirective
+];
+/**
+ * @hidden
+ *
+ * Utility array that contains the Footer module exports
+ */
+export const KENDO_GRID_FOOTER_EXPORTS = [FooterComponent];
+/**
+ * @hidden
+ *
+ * Utility array that contains the Body module exports
+ */
+export const KENDO_GRID_BODY_EXPORTS = [
+    CommandColumnComponent,
+    CheckboxColumnComponent,
+    SelectionCheckboxDirective,
+    CellTemplateDirective,
+    EditTemplateDirective,
+    TableBodyComponent,
+    NoRecordsTemplateDirective,
+    CellComponent,
+    EditCommandDirective,
+    CancelCommandDirective,
+    SaveCommandDirective,
+    RemoveCommandDirective,
+    AddCommandDirective,
+    CellLoadingTemplateDirective,
+    LoadingTemplateDirective,
+    RowReorderColumnComponent
+];
+/**
+ * @hidden
+ *
+ * Utility array that contains the Pager module exports
+ */
+export const KENDO_GRID_PAGER_EXPORTS = [
+    PagerComponent,
+    PagerPrevButtonsComponent,
+    PagerNextButtonsComponent,
+    PagerNumericButtonsComponent,
+    PagerInputComponent,
+    PagerInfoComponent,
+    PagerPageSizesComponent,
+    PagerTemplateDirective,
+    PagerDropDownListDirective,
+    PagerInputDirective
+];
+/**
+ * @hidden
+ *
+ * Utility array that contains the Grid module declarations
+ */
+export const KENDO_GRID_DECLARATIONS = [
+    GridComponent,
+    ListComponent,
+    ToolbarComponent,
+    LocalizedMessagesDirective,
+    CustomMessagesComponent,
+    DataBindingDirective,
+    ToolbarTemplateDirective,
+    SelectionDirective,
+    TemplateEditingDirective,
+    ReactiveEditingDirective,
+    InCellEditingDirective,
+    ExpandDetailsDirective,
+    ExpandGroupDirective,
+    GroupBindingDirective,
+    GridMarqueeDirective,
+    GridSpacerComponent,
+    GridToolbarFocusableDirective,
+    StatusBarComponent,
+    StatusBarTemplateDirective,
+    GridClipboardDirective
+];
+/**
+ * @hidden
+ *
+ * Utility array that contains the Grid module exports
+ */
+export const KENDO_GRID_EXPORTS = [
+    GridComponent,
+    ToolbarTemplateDirective,
+    ToolbarComponent,
+    GridSpacerComponent,
+    StatusBarTemplateDirective,
+    DataBindingDirective,
+    SelectionDirective,
+    CustomMessagesComponent,
+    GroupBindingDirective,
+    TemplateEditingDirective,
+    ReactiveEditingDirective,
+    InCellEditingDirective,
+    ExpandDetailsDirective,
+    ExpandGroupDirective,
+    GridToolbarFocusableDirective,
+    ...KENDO_GRID_GROUP_EXPORTS,
+    ...KENDO_GRID_SHARED,
+    ...KENDO_GRID_BODY_EXPORTS,
+    ...KENDO_GRID_HEADER_EXPORTS,
+    ...KENDO_GRID_PAGER_EXPORTS,
+    ...KENDO_GRID_FILTER_ROW_EXPORTS,
+    ...KENDO_GRID_FILTER_OPERATORS,
+    ...KENDO_GRID_FILTER_MENU_EXPORTS,
+    ...KENDO_GRID_COLUMN_MENU_EXPORTS,
+    GridClipboardDirective
+];
+/**
+ * @hidden
+ *
+ * Utility array that contains the ExcelExport module exports
+ */
+export const KENDO_GRID_EXCEL_EXPORT = [
+    ExcelComponent,
+    ExcelCommandDirective,
+    ...KENDO_EXCELEXPORT
+];
+/**
+ * @hidden
+ *
+ * Utility array that contains the PDFModule declarations and exports
+ */
+export const KENDO_GRID_PDF_EXPORT = [
+    PDFComponent,
+    PDFMarginComponent,
+    PDFCommandDirective,
+    PDFTemplateDirective
+];
+/**
+ * Utility array that contains all `Grid` related components and directives
+ */
+export const KENDO_GRID = [
+    ...KENDO_GRID_EXPORTS,
+    ...KENDO_GRID_EXCEL_EXPORT,
+    ...KENDO_GRID_PDF_EXPORT
+];

package/esm2020/dragdrop/draggable-column.directive.mjs

@@ -113,11 +113,12 @@ export class DraggableColumnDirective {
     }
 }
 DraggableColumnDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DraggableColumnDirective, deps: [{ token: i1.DraggableDirective, host: true }, { token: i0.ElementRef }, { token: i0.NgZone }, { token: i2.DragAndDropService }, { token: i3.DragHintService }, { token: i4.DropCueService }, { token: i5.NavigationService }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive });
-DraggableColumnDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: DraggableColumnDirective, selector: "[kendoDraggableColumn]", inputs: { context: "context", enableDrag: "enableDrag" }, outputs: { drag: "drag" }, host: { properties: { "class.k-grid-draggable-header": "this.hostClass" } }, ngImport: i0 });
+DraggableColumnDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: DraggableColumnDirective, isStandalone: true, selector: "[kendoDraggableColumn]", inputs: { context: "context", enableDrag: "enableDrag" }, outputs: { drag: "drag" }, host: { properties: { "class.k-grid-draggable-header": "this.hostClass" } }, ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DraggableColumnDirective, decorators: [{
             type: Directive,
             args: [{
-                    selector: '[kendoDraggableColumn]'
+                    selector: '[kendoDraggableColumn]',
+                    standalone: true
                 }]
         }], ctorParameters: function () { return [{ type: i1.DraggableDirective, decorators: [{
                     type: Host

package/esm2020/dragdrop/drop-target.directive.mjs

@@ -51,11 +51,12 @@ export class DropTargetDirective {
     }
 }
 DropTargetDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DropTargetDirective, deps: [{ token: i0.ElementRef }, { token: i1.DragAndDropService }], target: i0.ɵɵFactoryTarget.Directive });
-DropTargetDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: DropTargetDirective, selector: "[kendoDropTarget]", inputs: { context: "context" }, outputs: { enter: "enter", leave: "leave", drop: "drop" }, ngImport: i0 });
+DropTargetDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: DropTargetDirective, isStandalone: true, selector: "[kendoDropTarget]", inputs: { context: "context" }, outputs: { enter: "enter", leave: "leave", drop: "drop" }, ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DropTargetDirective, decorators: [{
             type: Directive,
             args: [{
-                    selector: '[kendoDropTarget]'
+                    selector: '[kendoDropTarget]',
+                    standalone: true
                 }]
         }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i1.DragAndDropService }]; }, propDecorators: { context: [{
                 type: Input

package/esm2020/editing/add-command.directive.mjs

@@ -6,11 +6,11 @@ import { Component, HostListener, HostBinding, ElementRef, Renderer2 as Renderer
 import { Button } from '@progress/kendo-angular-buttons';
 import { ContextService } from '../common/provider.service';
 import { EditService } from './edit.service';
+import { NgIf, NgClass } from '@angular/common';
+import { IconWrapperComponent } from '@progress/kendo-angular-icons';
 import * as i0 from "@angular/core";
 import * as i1 from "./edit.service";
 import * as i2 from "../common/provider.service";
-import * as i3 from "@angular/common";
-import * as i4 from "@progress/kendo-angular-icons";
 /**
  * Represents the command for adding a new item to the Grid. You can apply this directive to any
  * `button` element inside a [ToolbarTemplate]({% slug api_grid_commandcolumncomponent %}).
@@ -47,7 +47,7 @@ export class AddCommandDirective extends Button {
     }
 }
 AddCommandDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: AddCommandDirective, deps: [{ token: i1.EditService }, { token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i2.ContextService }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-AddCommandDirective.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: AddCommandDirective, selector: "[kendoGridAddCommand]", host: { listeners: { "click": "onClick($event)" }, properties: { "class.k-grid-add-command": "this.commandClass" } }, usesInheritance: true, ngImport: i0, template: `
+AddCommandDirective.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: AddCommandDirective, isStandalone: true, selector: "[kendoGridAddCommand]", host: { listeners: { "click": "onClick($event)" }, properties: { "class.k-grid-add-command": "this.commandClass" } }, usesInheritance: true, ngImport: i0, template: `
         <kendo-icon-wrapper
             *ngIf="icon || svgIcon"
             innerCssClass="k-button-icon"
@@ -58,7 +58,7 @@ AddCommandDirective.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", ve
         </span>
         <span *ngIf="iconClass" class="k-button-icon" [ngClass]="iconClass"></span>
         <span class="k-button-text"><ng-content></ng-content></span>
-    `, isInline: true, dependencies: [{ kind: "directive", type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i4.IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }] });
+    `, isInline: true, dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: AddCommandDirective, decorators: [{
             type: Component,
             args: [{
@@ -74,7 +74,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
         </span>
         <span *ngIf="iconClass" class="k-button-icon" [ngClass]="iconClass"></span>
         <span class="k-button-text"><ng-content></ng-content></span>
-    `
+    `,
+                    standalone: true,
+                    imports: [NgIf, IconWrapperComponent, NgClass]
                 }]
         }], ctorParameters: function () { return [{ type: i1.EditService }, { type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i2.ContextService }, { type: i0.NgZone }]; }, propDecorators: { onClick: [{
                 type: HostListener,

package/esm2020/editing/cancel-command.directive.mjs

@@ -7,11 +7,11 @@ import { Button } from '@progress/kendo-angular-buttons';
 import { EditService } from './edit.service';
 import { CELL_CONTEXT } from '../rendering/common/cell-context';
 import { ContextService } from '../common/provider.service';
+import { NgIf, NgClass } from '@angular/common';
+import { IconWrapperComponent } from '@progress/kendo-angular-icons';
 import * as i0 from "@angular/core";
 import * as i1 from "./edit.service";
 import * as i2 from "../common/provider.service";
-import * as i3 from "@angular/common";
-import * as i4 from "@progress/kendo-angular-icons";
 /**
  * Represents the `cancel` command of the Grid. You can apply this directive to any `button`
  * element inside a [CommandColumnComponent]({% slug api_grid_commandcolumncomponent %})
@@ -66,7 +66,7 @@ export class CancelCommandDirective extends Button {
     }
 }
 CancelCommandDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CancelCommandDirective, deps: [{ token: i1.EditService }, { token: CELL_CONTEXT }, { token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i2.ContextService }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-CancelCommandDirective.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: CancelCommandDirective, selector: "[kendoGridCancelCommand]", host: { listeners: { "click": "onClick($event)" }, properties: { "style.display": "this.visible", "class.k-grid-cancel-command": "this.commandClass" } }, usesInheritance: true, ngImport: i0, template: `
+CancelCommandDirective.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: CancelCommandDirective, isStandalone: true, selector: "[kendoGridCancelCommand]", host: { listeners: { "click": "onClick($event)" }, properties: { "style.display": "this.visible", "class.k-grid-cancel-command": "this.commandClass" } }, usesInheritance: true, ngImport: i0, template: `
         <kendo-icon-wrapper
             *ngIf="icon || svgIcon"
             innerCssClass="k-button-icon"
@@ -77,7 +77,7 @@ CancelCommandDirective.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0",
         </span>
         <span *ngIf="iconClass" class="k-button-icon" [ngClass]="iconClass"></span>
         <span class="k-button-text"><ng-content></ng-content></span>
-    `, isInline: true, dependencies: [{ kind: "directive", type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i4.IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }] });
+    `, isInline: true, dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CancelCommandDirective, decorators: [{
             type: Component,
             args: [{
@@ -93,7 +93,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
         </span>
         <span *ngIf="iconClass" class="k-button-icon" [ngClass]="iconClass"></span>
         <span class="k-button-text"><ng-content></ng-content></span>
-    `
+    `,
+                    standalone: true,
+                    imports: [NgIf, IconWrapperComponent, NgClass]
                 }]
         }], ctorParameters: function () { return [{ type: i1.EditService }, { type: undefined, decorators: [{
                     type: Inject,

package/esm2020/editing/edit-command.directive.mjs

@@ -7,11 +7,11 @@ import { Button } from '@progress/kendo-angular-buttons';
 import { EditService } from './edit.service';
 import { CELL_CONTEXT } from '../rendering/common/cell-context';
 import { ContextService } from '../common/provider.service';
+import { NgIf, NgClass } from '@angular/common';
+import { IconWrapperComponent } from '@progress/kendo-angular-icons';
 import * as i0 from "@angular/core";
 import * as i1 from "./edit.service";
 import * as i2 from "../common/provider.service";
-import * as i3 from "@angular/common";
-import * as i4 from "@progress/kendo-angular-icons";
 /**
  * Represents the `edit` command of the Grid. You can apply this directive to any `button`
  * element inside a [CommandColumnComponent]({% slug api_grid_commandcolumncomponent %}).
@@ -64,7 +64,7 @@ export class EditCommandDirective extends Button {
     }
 }
 EditCommandDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: EditCommandDirective, deps: [{ token: i1.EditService }, { token: CELL_CONTEXT }, { token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i2.ContextService }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-EditCommandDirective.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: EditCommandDirective, selector: "[kendoGridEditCommand]", host: { listeners: { "click": "onClick($event)" }, properties: { "style.display": "this.visible", "class.k-grid-edit-command": "this.commandClass" } }, usesInheritance: true, ngImport: i0, template: `
+EditCommandDirective.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: EditCommandDirective, isStandalone: true, selector: "[kendoGridEditCommand]", host: { listeners: { "click": "onClick($event)" }, properties: { "style.display": "this.visible", "class.k-grid-edit-command": "this.commandClass" } }, usesInheritance: true, ngImport: i0, template: `
         <kendo-icon-wrapper
             *ngIf="icon || svgIcon"
             innerCssClass="k-button-icon"
@@ -75,7 +75,7 @@ EditCommandDirective.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", v
         </span>
         <span *ngIf="iconClass" class="k-button-icon" [ngClass]="iconClass"></span>
         <span class="k-button-text"><ng-content></ng-content></span>
-    `, isInline: true, dependencies: [{ kind: "directive", type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i4.IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }] });
+    `, isInline: true, dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: EditCommandDirective, decorators: [{
             type: Component,
             args: [{
@@ -91,7 +91,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
         </span>
         <span *ngIf="iconClass" class="k-button-icon" [ngClass]="iconClass"></span>
         <span class="k-button-text"><ng-content></ng-content></span>
-    `
+    `,
+                    standalone: true,
+                    imports: [NgIf, IconWrapperComponent, NgClass]
                 }]
         }], ctorParameters: function () { return [{ type: i1.EditService }, { type: undefined, decorators: [{
                     type: Inject,