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

package/esm2020/filtering/cell/filter-cell.component.mjs

@@ -6,9 +6,9 @@ import { Component, HostBinding, Input } from '@angular/core';
 import { ColumnComponent } from '../../columns/column.component';
 import { isPresent, isNullOrEmptyString } from '../../utils';
 import { cloneFilters } from '../../common/filter-descriptor-differ';
+import { FilterCellHostDirective } from './filter-cell-host.directive';
+import { NgIf, NgSwitch, NgSwitchCase, NgTemplateOutlet } from '@angular/common';
 import * as i0 from "@angular/core";
-import * as i1 from "@angular/common";
-import * as i2 from "./filter-cell-host.directive";
 /**
  * @hidden
  */
@@ -38,7 +38,7 @@ export class FilterCellComponent {
     }
 }
 FilterCellComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: FilterCellComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-FilterCellComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: FilterCellComponent, selector: "[kendoGridFilterCell]", inputs: { column: "column", filter: "filter", size: "size" }, host: { properties: { "attr.role": "this.hostRole" } }, ngImport: i0, template: `
+FilterCellComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: FilterCellComponent, isStandalone: true, selector: "[kendoGridFilterCell]", inputs: { column: "column", filter: "filter", size: "size" }, host: { properties: { "attr.role": "this.hostRole" } }, ngImport: i0, template: `
         <ng-container *ngIf="isFilterable">
             <ng-container [ngSwitch]="hasTemplate">
                 <ng-container *ngSwitchCase="false">
@@ -53,7 +53,7 @@ FilterCellComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", ve
                 </ng-container>
             </ng-container>
         </ng-container>
-    `, isInline: true, dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i2.FilterCellHostDirective, selector: "[kendoFilterCellHost]" }] });
+    `, isInline: true, dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: FilterCellHostDirective, selector: "[kendoFilterCellHost]" }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: FilterCellComponent, decorators: [{
             type: Component,
             args: [{
@@ -73,7 +73,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
                 </ng-container>
             </ng-container>
         </ng-container>
-    `
+    `,
+                    standalone: true,
+                    imports: [NgIf, NgSwitch, NgSwitchCase, FilterCellHostDirective, NgTemplateOutlet]
                 }]
         }], propDecorators: { hostRole: [{
                 type: HostBinding,

package/esm2020/filtering/cell/numeric-filter-cell.component.mjs

@@ -8,14 +8,14 @@ import { NumericFilterComponent } from '../numeric-filter.component';
 import { replaceMessagePlaceholder } from '../../utils';
 import { SizingOptionsService } from '../../layout/sizing-options.service';
 import { ContextService } from '../../common/provider.service';
+import { FilterInputDirective } from '../filter-input.directive';
+import { FocusableDirective } from '../../navigation/focusable.directive';
+import { FilterCellWrapperComponent } from './filter-cell-wrapper.component';
+import { NumericTextBoxComponent, NumericTextBoxCustomMessagesComponent } from '@progress/kendo-angular-inputs';
 import * as i0 from "@angular/core";
 import * as i1 from "../filter.service";
 import * as i2 from "../../common/provider.service";
 import * as i3 from "../../layout/sizing-options.service";
-import * as i4 from "@progress/kendo-angular-inputs";
-import * as i5 from "../../navigation/focusable.directive";
-import * as i6 from "../filter-input.directive";
-import * as i7 from "./filter-cell-wrapper.component";
 /**
  * Represents a numeric filter-cell component.
  * See the article about the [built-in filter components](slug:filter_row#toc-built-in-filter-row-components).
@@ -71,7 +71,7 @@ export class NumericFilterCellComponent extends NumericFilterComponent {
     }
 }
 NumericFilterCellComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: NumericFilterCellComponent, deps: [{ token: i1.FilterService }, { token: i2.ContextService }, { token: i3.SizingOptionsService }], target: i0.ɵɵFactoryTarget.Component });
-NumericFilterCellComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: NumericFilterCellComponent, selector: "kendo-grid-numeric-filter-cell", inputs: { filterDelay: "filterDelay", showOperators: "showOperators" }, usesInheritance: true, ngImport: i0, template: `
+NumericFilterCellComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: NumericFilterCellComponent, isStandalone: true, selector: "kendo-grid-numeric-filter-cell", inputs: { filterDelay: "filterDelay", showOperators: "showOperators" }, usesInheritance: true, ngImport: i0, template: `
         <kendo-grid-filter-wrapper-cell
             [column]="column"
             [filter]="filter"
@@ -101,7 +101,7 @@ NumericFilterCellComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0
                 </kendo-numerictextbox-messages>
             </kendo-numerictextbox>
         </kendo-grid-filter-wrapper-cell>
-    `, isInline: true, dependencies: [{ kind: "component", type: i4.NumericTextBoxComponent, selector: "kendo-numerictextbox", inputs: ["focusableId", "disabled", "readonly", "title", "autoCorrect", "format", "max", "min", "decimals", "placeholder", "step", "spinners", "rangeValidation", "tabindex", "tabIndex", "changeValueOnScroll", "selectOnFocus", "value", "maxlength", "size", "rounded", "fillMode", "inputAttributes"], outputs: ["valueChange", "focus", "blur", "inputFocus", "inputBlur"], exportAs: ["kendoNumericTextBox"] }, { kind: "component", type: i4.NumericTextBoxCustomMessagesComponent, selector: "kendo-numerictextbox-messages" }, { kind: "directive", type: i5.FocusableDirective, selector: "[kendoGridFocusable],\n        [kendoGridEditCommand],\n        [kendoGridRemoveCommand],\n        [kendoGridSaveCommand],\n        [kendoGridCancelCommand],\n        [kendoGridSelectionCheckbox]\n    ", inputs: ["kendoGridFocusable"] }, { kind: "directive", type: i6.FilterInputDirective, selector: "[kendoFilterInput]", inputs: ["filterDelay", "columnLabel", "value"] }, { kind: "component", type: i7.FilterCellWrapperComponent, selector: "kendo-grid-filter-wrapper-cell", inputs: ["showOperators"] }] });
+    `, isInline: true, dependencies: [{ kind: "component", type: FilterCellWrapperComponent, selector: "kendo-grid-filter-wrapper-cell", inputs: ["showOperators"] }, { kind: "component", type: NumericTextBoxComponent, selector: "kendo-numerictextbox", inputs: ["focusableId", "disabled", "readonly", "title", "autoCorrect", "format", "max", "min", "decimals", "placeholder", "step", "spinners", "rangeValidation", "tabindex", "tabIndex", "changeValueOnScroll", "selectOnFocus", "value", "maxlength", "size", "rounded", "fillMode", "inputAttributes"], outputs: ["valueChange", "focus", "blur", "inputFocus", "inputBlur"], exportAs: ["kendoNumericTextBox"] }, { kind: "directive", type: FocusableDirective, selector: "[kendoGridFocusable],\n        [kendoGridEditCommand],\n        [kendoGridRemoveCommand],\n        [kendoGridSaveCommand],\n        [kendoGridCancelCommand],\n        [kendoGridSelectionCheckbox]\n    ", inputs: ["kendoGridFocusable"] }, { kind: "directive", type: FilterInputDirective, selector: "[kendoFilterInput]", inputs: ["filterDelay", "columnLabel", "value"] }, { kind: "component", type: NumericTextBoxCustomMessagesComponent, selector: "kendo-numerictextbox-messages" }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: NumericFilterCellComponent, decorators: [{
             type: Component,
             args: [{
@@ -136,7 +136,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
                 </kendo-numerictextbox-messages>
             </kendo-numerictextbox>
         </kendo-grid-filter-wrapper-cell>
-    `
+    `,
+                    standalone: true,
+                    imports: [FilterCellWrapperComponent, NumericTextBoxComponent, FocusableDirective, FilterInputDirective, NumericTextBoxCustomMessagesComponent]
                 }]
         }], ctorParameters: function () { return [{ type: i1.FilterService }, { type: i2.ContextService }, { type: i3.SizingOptionsService }]; }, propDecorators: { filterDelay: [{
                 type: Input

package/esm2020/filtering/cell/row-filtering.module.mjs

@@ -3,31 +3,62 @@
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 import { NgModule } from '@angular/core';
-import { FilterRowComponent } from '../filter-row.component';
-import { FilterCellComponent } from './filter-cell.component';
-import { FilterCellTemplateDirective } from './filter-cell-template.directive';
 import { NumericFilterCellComponent } from './numeric-filter-cell.component';
-import { FilterCellWrapperComponent } from './filter-cell-wrapper.component';
 import { StringFilterCellComponent } from './string-filter-cell.component';
-import { FilterCellOperatorsComponent } from './filter-cell-operators.component';
-import { AutoCompleteFilterCellComponent } from './autocomplete-filter-cell.component';
 import { BooleanFilterCellComponent } from './boolean-filter-cell.component';
 import { DateFilterCellComponent } from './date-filter-cell.component';
-import { SharedFilterModule } from '../shared-filtering.module';
-import { FilterCellHostDirective } from './filter-cell-host.directive';
+import { ResizeBatchService } from '@progress/kendo-angular-common';
+import { CalendarDOMService, CenturyViewService, DecadeViewService, MonthViewService, YearViewService, WeekNamesService, NavigationService } from '@progress/kendo-angular-dateinputs';
+import { DialogContainerService, DialogService, WindowService, WindowContainerService } from '@progress/kendo-angular-dialog';
+import { IconsService } from '@progress/kendo-angular-icons';
+import { PopupService } from '@progress/kendo-angular-popup';
+import { KENDO_GRID_FILTER_ROW } from '../../directives';
 import * as i0 from "@angular/core";
-const INTERNAL_COMPONENTS = [
-    FilterRowComponent,
-    FilterCellComponent,
-    FilterCellTemplateDirective,
-    StringFilterCellComponent,
-    NumericFilterCellComponent,
-    AutoCompleteFilterCellComponent,
-    BooleanFilterCellComponent,
-    FilterCellHostDirective,
-    FilterCellWrapperComponent,
-    DateFilterCellComponent
-];
+import * as i1 from "../filter-row.component";
+import * as i2 from "./filter-cell.component";
+import * as i3 from "./filter-cell-template.directive";
+import * as i4 from "./string-filter-cell.component";
+import * as i5 from "./numeric-filter-cell.component";
+import * as i6 from "./autocomplete-filter-cell.component";
+import * as i7 from "./boolean-filter-cell.component";
+import * as i8 from "./filter-cell-host.directive";
+import * as i9 from "./filter-cell-wrapper.component";
+import * as i10 from "./date-filter-cell.component";
+import * as i11 from "../../columns/column.component";
+import * as i12 from "../../columns/column-group.component";
+import * as i13 from "../../navigation/logical-cell.directive";
+import * as i14 from "../../navigation/logical-row.directive";
+import * as i15 from "../../navigation/focusable.directive";
+import * as i16 from "../../rendering/footer/footer-template.directive";
+import * as i17 from "../../rendering/common/col-group.component";
+import * as i18 from "../../layout/resizable.directive";
+import * as i19 from "@progress/kendo-angular-common";
+import * as i20 from "../../rendering/common/field-accessor.pipe";
+import * as i21 from "../../rendering/details/detail-template.directive";
+import * as i22 from "../../columns/span-column.component";
+import * as i23 from "../../column-resizing/table.directive";
+import * as i24 from "../../rendering/common/loading.component";
+import * as i25 from "../../rendering/grid-table.directive";
+import * as i26 from "./filter-cell-operators.component";
+import * as i27 from "../operators/contains-filter-operator.component";
+import * as i28 from "../operators/not-contains-filter-operator.component";
+import * as i29 from "../operators/ends-with-filter-operator.component";
+import * as i30 from "../operators/eq-filter-operator.component";
+import * as i31 from "../operators/is-empty-filter-operator.component";
+import * as i32 from "../operators/is-not-empty-filter-operator.component";
+import * as i33 from "../operators/is-not-null-filter-operator.component";
+import * as i34 from "../operators/isnull-filter-operator.component";
+import * as i35 from "../operators/neq-filter-operator.component";
+import * as i36 from "../operators/starts-with-filter-operator.component";
+import * as i37 from "../operators/gt-filter-operator.component";
+import * as i38 from "../operators/gte-filter-operator.component";
+import * as i39 from "../operators/lt-filter-operator.component";
+import * as i40 from "../operators/lte-filter-operator.component";
+import * as i41 from "../operators/after-filter-operator.component";
+import * as i42 from "../operators/after-eq-filter-operator.component";
+import * as i43 from "../operators/before-eq-filter-operator.component";
+import * as i44 from "../operators/before-filter-operator.component";
+import * as i45 from "../filter-input.directive";
 const ENTRY_COMPONENTS = [
     StringFilterCellComponent,
     NumericFilterCellComponent,
@@ -36,50 +67,50 @@ const ENTRY_COMPONENTS = [
 ];
 /**
  * @hidden
+ *
+ * This module is deprecated and will be removed in a future major version release.
  */
 export class RowFilterModule {
-    static exports() {
-        return [
-            FilterRowComponent,
-            FilterCellComponent,
-            FilterCellTemplateDirective,
-            FilterCellOperatorsComponent,
-            StringFilterCellComponent,
-            NumericFilterCellComponent,
-            AutoCompleteFilterCellComponent,
-            BooleanFilterCellComponent,
-            DateFilterCellComponent,
-            SharedFilterModule.exports()
-        ];
-    }
 }
 RowFilterModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RowFilterModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-RowFilterModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: RowFilterModule, declarations: [FilterRowComponent,
-        FilterCellComponent,
-        FilterCellTemplateDirective,
-        StringFilterCellComponent,
-        NumericFilterCellComponent,
-        AutoCompleteFilterCellComponent,
-        BooleanFilterCellComponent,
-        FilterCellHostDirective,
-        FilterCellWrapperComponent,
-        DateFilterCellComponent], imports: [SharedFilterModule], exports: [FilterRowComponent,
-        FilterCellComponent,
-        FilterCellTemplateDirective,
-        StringFilterCellComponent,
-        NumericFilterCellComponent,
-        AutoCompleteFilterCellComponent,
-        BooleanFilterCellComponent,
-        FilterCellHostDirective,
-        FilterCellWrapperComponent,
-        DateFilterCellComponent, SharedFilterModule] });
-RowFilterModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RowFilterModule, imports: [SharedFilterModule, SharedFilterModule] });
+RowFilterModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: RowFilterModule, imports: [i1.FilterRowComponent, i2.FilterCellComponent, i3.FilterCellTemplateDirective, i4.StringFilterCellComponent, i5.NumericFilterCellComponent, i6.AutoCompleteFilterCellComponent, i7.BooleanFilterCellComponent, i8.FilterCellHostDirective, i9.FilterCellWrapperComponent, i10.DateFilterCellComponent, i11.ColumnComponent, i12.ColumnGroupComponent, i13.LogicalCellDirective, i14.LogicalRowDirective, i15.FocusableDirective, i16.FooterTemplateDirective, i17.ColGroupComponent, i18.ResizableContainerDirective, i19.TemplateContextDirective, i20.FieldAccessorPipe, i21.DetailTemplateDirective, i22.SpanColumnComponent, i23.TableDirective, i24.LoadingComponent, i25.GridTableDirective, i19.DraggableDirective, i26.FilterCellOperatorsComponent, i27.ContainsFilterOperatorComponent, i28.DoesNotContainFilterOperatorComponent, i29.EndsWithFilterOperatorComponent, i30.EqualFilterOperatorComponent, i31.IsEmptyFilterOperatorComponent, i32.IsNotEmptyFilterOperatorComponent, i33.IsNotNullFilterOperatorComponent, i34.IsNullFilterOperatorComponent, i35.NotEqualFilterOperatorComponent, i36.StartsWithFilterOperatorComponent, i37.GreaterFilterOperatorComponent, i38.GreaterOrEqualToFilterOperatorComponent, i39.LessFilterOperatorComponent, i40.LessOrEqualToFilterOperatorComponent, i41.AfterFilterOperatorComponent, i42.AfterEqFilterOperatorComponent, i43.BeforeEqFilterOperatorComponent, i44.BeforeFilterOperatorComponent, i45.FilterInputDirective], exports: [i1.FilterRowComponent, i2.FilterCellComponent, i3.FilterCellTemplateDirective, i4.StringFilterCellComponent, i5.NumericFilterCellComponent, i6.AutoCompleteFilterCellComponent, i7.BooleanFilterCellComponent, i8.FilterCellHostDirective, i9.FilterCellWrapperComponent, i10.DateFilterCellComponent, i11.ColumnComponent, i12.ColumnGroupComponent, i13.LogicalCellDirective, i14.LogicalRowDirective, i15.FocusableDirective, i16.FooterTemplateDirective, i17.ColGroupComponent, i18.ResizableContainerDirective, i19.TemplateContextDirective, i20.FieldAccessorPipe, i21.DetailTemplateDirective, i22.SpanColumnComponent, i23.TableDirective, i24.LoadingComponent, i25.GridTableDirective, i19.DraggableDirective, i26.FilterCellOperatorsComponent, i27.ContainsFilterOperatorComponent, i28.DoesNotContainFilterOperatorComponent, i29.EndsWithFilterOperatorComponent, i30.EqualFilterOperatorComponent, i31.IsEmptyFilterOperatorComponent, i32.IsNotEmptyFilterOperatorComponent, i33.IsNotNullFilterOperatorComponent, i34.IsNullFilterOperatorComponent, i35.NotEqualFilterOperatorComponent, i36.StartsWithFilterOperatorComponent, i37.GreaterFilterOperatorComponent, i38.GreaterOrEqualToFilterOperatorComponent, i39.LessFilterOperatorComponent, i40.LessOrEqualToFilterOperatorComponent, i41.AfterFilterOperatorComponent, i42.AfterEqFilterOperatorComponent, i43.BeforeEqFilterOperatorComponent, i44.BeforeFilterOperatorComponent, i45.FilterInputDirective] });
+RowFilterModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RowFilterModule, providers: [
+        PopupService,
+        ResizeBatchService,
+        IconsService,
+        DialogContainerService,
+        DialogService,
+        WindowService,
+        WindowContainerService,
+        CalendarDOMService,
+        CenturyViewService,
+        DecadeViewService,
+        MonthViewService,
+        YearViewService,
+        WeekNamesService,
+        NavigationService
+    ], imports: [i1.FilterRowComponent, i2.FilterCellComponent, i4.StringFilterCellComponent, i5.NumericFilterCellComponent, i6.AutoCompleteFilterCellComponent, i7.BooleanFilterCellComponent, i9.FilterCellWrapperComponent, i10.DateFilterCellComponent, i11.ColumnComponent, i12.ColumnGroupComponent, i17.ColGroupComponent, i22.SpanColumnComponent, i24.LoadingComponent, i26.FilterCellOperatorsComponent, i27.ContainsFilterOperatorComponent, i28.DoesNotContainFilterOperatorComponent, i29.EndsWithFilterOperatorComponent, i30.EqualFilterOperatorComponent, i31.IsEmptyFilterOperatorComponent, i32.IsNotEmptyFilterOperatorComponent, i33.IsNotNullFilterOperatorComponent, i34.IsNullFilterOperatorComponent, i35.NotEqualFilterOperatorComponent, i36.StartsWithFilterOperatorComponent, i37.GreaterFilterOperatorComponent, i38.GreaterOrEqualToFilterOperatorComponent, i39.LessFilterOperatorComponent, i40.LessOrEqualToFilterOperatorComponent, i41.AfterFilterOperatorComponent, i42.AfterEqFilterOperatorComponent, i43.BeforeEqFilterOperatorComponent, i44.BeforeFilterOperatorComponent] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RowFilterModule, decorators: [{
             type: NgModule,
             args: [{
-                    declarations: [INTERNAL_COMPONENTS],
                     entryComponents: ENTRY_COMPONENTS,
-                    exports: [INTERNAL_COMPONENTS, SharedFilterModule],
-                    imports: [SharedFilterModule]
+                    exports: [...KENDO_GRID_FILTER_ROW],
+                    imports: [...KENDO_GRID_FILTER_ROW],
+                    providers: [
+                        PopupService,
+                        ResizeBatchService,
+                        IconsService,
+                        DialogContainerService,
+                        DialogService,
+                        WindowService,
+                        WindowContainerService,
+                        CalendarDOMService,
+                        CenturyViewService,
+                        DecadeViewService,
+                        MonthViewService,
+                        YearViewService,
+                        WeekNamesService,
+                        NavigationService
+                    ]
                 }]
         }] });

package/esm2020/filtering/cell/string-filter-cell.component.mjs

@@ -8,15 +8,16 @@ import { StringFilterComponent } from "../string-filter.component";
 import { replaceMessagePlaceholder } from '../../utils';
 import { SizingOptionsService } from '../../layout/sizing-options.service';
 import { ContextService } from '../../common/provider.service';
+import { FormsModule } from '@angular/forms';
+import { FilterInputDirective } from '../filter-input.directive';
+import { FocusableDirective } from '../../navigation/focusable.directive';
+import { FilterCellWrapperComponent } from './filter-cell-wrapper.component';
+import { TextBoxComponent } from '@progress/kendo-angular-inputs';
 import * as i0 from "@angular/core";
 import * as i1 from "../filter.service";
 import * as i2 from "../../common/provider.service";
 import * as i3 from "../../layout/sizing-options.service";
 import * as i4 from "@angular/forms";
-import * as i5 from "@progress/kendo-angular-inputs";
-import * as i6 from "../../navigation/focusable.directive";
-import * as i7 from "../filter-input.directive";
-import * as i8 from "./filter-cell-wrapper.component";
 /**
  * Represents a string filter-cell component
  * See the article about the [built-in filter components](slug:filter_row#toc-built-in-filter-row-components).
@@ -66,7 +67,7 @@ export class StringFilterCellComponent extends StringFilterComponent {
     }
 }
 StringFilterCellComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: StringFilterCellComponent, deps: [{ token: i1.FilterService }, { token: i2.ContextService }, { token: i3.SizingOptionsService }], target: i0.ɵɵFactoryTarget.Component });
-StringFilterCellComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: StringFilterCellComponent, selector: "kendo-grid-string-filter-cell", inputs: { filterDelay: "filterDelay", showOperators: "showOperators" }, usesInheritance: true, ngImport: i0, template: `
+StringFilterCellComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: StringFilterCellComponent, isStandalone: true, selector: "kendo-grid-string-filter-cell", inputs: { filterDelay: "filterDelay", showOperators: "showOperators" }, usesInheritance: true, ngImport: i0, template: `
         <kendo-grid-filter-wrapper-cell
             [column]="column"
             [filter]="filter"
@@ -82,7 +83,7 @@ StringFilterCellComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.
                 [filterDelay]="filterDelay"
                 [ngModel]="currentFilter?.value"></kendo-textbox>
         </kendo-grid-filter-wrapper-cell>
-    `, isInline: true, dependencies: [{ kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i5.TextBoxComponent, selector: "kendo-textbox", inputs: ["focusableId", "title", "type", "disabled", "readonly", "tabindex", "value", "selectOnFocus", "showSuccessIcon", "showErrorIcon", "clearButton", "successIcon", "successSvgIcon", "errorIcon", "errorSvgIcon", "clearButtonIcon", "clearButtonSvgIcon", "size", "rounded", "fillMode", "tabIndex", "placeholder", "maxlength", "inputAttributes"], outputs: ["valueChange", "inputFocus", "inputBlur", "focus", "blur"], exportAs: ["kendoTextBox"] }, { kind: "directive", type: i6.FocusableDirective, selector: "[kendoGridFocusable],\n        [kendoGridEditCommand],\n        [kendoGridRemoveCommand],\n        [kendoGridSaveCommand],\n        [kendoGridCancelCommand],\n        [kendoGridSelectionCheckbox]\n    ", inputs: ["kendoGridFocusable"] }, { kind: "directive", type: i7.FilterInputDirective, selector: "[kendoFilterInput]", inputs: ["filterDelay", "columnLabel", "value"] }, { kind: "component", type: i8.FilterCellWrapperComponent, selector: "kendo-grid-filter-wrapper-cell", inputs: ["showOperators"] }] });
+    `, isInline: true, dependencies: [{ kind: "component", type: FilterCellWrapperComponent, selector: "kendo-grid-filter-wrapper-cell", inputs: ["showOperators"] }, { kind: "component", type: TextBoxComponent, selector: "kendo-textbox", inputs: ["focusableId", "title", "type", "disabled", "readonly", "tabindex", "value", "selectOnFocus", "showSuccessIcon", "showErrorIcon", "clearButton", "successIcon", "successSvgIcon", "errorIcon", "errorSvgIcon", "clearButtonIcon", "clearButtonSvgIcon", "size", "rounded", "fillMode", "tabIndex", "placeholder", "maxlength", "inputAttributes"], outputs: ["valueChange", "inputFocus", "inputBlur", "focus", "blur"], exportAs: ["kendoTextBox"] }, { kind: "directive", type: FocusableDirective, selector: "[kendoGridFocusable],\n        [kendoGridEditCommand],\n        [kendoGridRemoveCommand],\n        [kendoGridSaveCommand],\n        [kendoGridCancelCommand],\n        [kendoGridSelectionCheckbox]\n    ", inputs: ["kendoGridFocusable"] }, { kind: "directive", type: FilterInputDirective, selector: "[kendoFilterInput]", inputs: ["filterDelay", "columnLabel", "value"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: StringFilterCellComponent, decorators: [{
             type: Component,
             args: [{
@@ -103,7 +104,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
                 [filterDelay]="filterDelay"
                 [ngModel]="currentFilter?.value"></kendo-textbox>
         </kendo-grid-filter-wrapper-cell>
-    `
+    `,
+                    standalone: true,
+                    imports: [FilterCellWrapperComponent, TextBoxComponent, FocusableDirective, FilterInputDirective, FormsModule]
                 }]
         }], ctorParameters: function () { return [{ type: i1.FilterService }, { type: i2.ContextService }, { type: i3.SizingOptionsService }]; }, propDecorators: { filterDelay: [{
                 type: Input

package/esm2020/filtering/filter-input.directive.mjs

@@ -80,11 +80,12 @@ export class FilterInputDirective {
     }
 }
 FilterInputDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: FilterInputDirective, deps: [{ token: NG_VALUE_ACCESSOR, self: true }, { token: i0.NgZone }, { token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive });
-FilterInputDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: FilterInputDirective, selector: "[kendoFilterInput]", inputs: { filterDelay: "filterDelay", columnLabel: "columnLabel", value: "value" }, queries: [{ propertyName: "kendoInput", first: true, predicate: KendoInput, descendants: true, static: true }], usesOnChanges: true, ngImport: i0 });
+FilterInputDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: FilterInputDirective, isStandalone: true, selector: "[kendoFilterInput]", inputs: { filterDelay: "filterDelay", columnLabel: "columnLabel", value: "value" }, queries: [{ propertyName: "kendoInput", first: true, predicate: KendoInput, descendants: true, static: true }], usesOnChanges: true, ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: FilterInputDirective, decorators: [{
             type: Directive,
             args: [{
-                    selector: '[kendoFilterInput]'
+                    selector: '[kendoFilterInput]',
+                    standalone: true
                 }]
         }], ctorParameters: function () { return [{ type: undefined, decorators: [{
                     type: Self

package/esm2020/filtering/filter-row.component.mjs

@@ -7,12 +7,12 @@ import { Component, Input, HostBinding } from '@angular/core';
 import { DetailTemplateDirective } from '../rendering/details/detail-template.directive';
 import { replaceMessagePlaceholder } from '../utils';
 import { ContextService } from '../common/provider.service';
+import { LogicalCellDirective } from '../navigation/logical-cell.directive';
+import { FilterCellComponent } from './cell/filter-cell.component';
+import { NgFor, NgIf, NgStyle, NgClass } from '@angular/common';
 import * as i0 from "@angular/core";
 import * as i1 from "../common/provider.service";
 import * as i2 from "./../common/column-info.service";
-import * as i3 from "@angular/common";
-import * as i4 from "../navigation/logical-cell.directive";
-import * as i5 from "./cell/filter-cell.component";
 /**
  * @hidden
  */
@@ -39,7 +39,7 @@ export class FilterRowComponent {
     }
 }
 FilterRowComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: FilterRowComponent, deps: [{ token: i1.ContextService }, { token: i2.ColumnInfoService }], target: i0.ɵɵFactoryTarget.Component });
-FilterRowComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: FilterRowComponent, selector: "[kendoGridFilterRow]", inputs: { columns: "columns", filter: "filter", groups: "groups", detailTemplate: "detailTemplate", logicalRowIndex: "logicalRowIndex", lockedColumnsCount: "lockedColumnsCount" }, host: { properties: { "class.k-filter-row": "this.filterRowClass" } }, ngImport: i0, template: `
+FilterRowComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: FilterRowComponent, isStandalone: true, selector: "[kendoGridFilterRow]", inputs: { columns: "columns", filter: "filter", groups: "groups", detailTemplate: "detailTemplate", logicalRowIndex: "logicalRowIndex", lockedColumnsCount: "lockedColumnsCount" }, host: { properties: { "class.k-filter-row": "this.filterRowClass" } }, ngImport: i0, template: `
         <td
             class="k-table-td"
             [class.k-group-cell]="true"
@@ -65,7 +65,7 @@ FilterRowComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", ver
                 [logicalRowIndex]="logicalRowIndex"
                 [logicalColIndex]="getLogicalColIndex(columnIndex)"
       ></td>
-    `, isInline: true, dependencies: [{ kind: "directive", type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i4.LogicalCellDirective, selector: "[kendoGridLogicalCell]", inputs: ["logicalColIndex", "logicalRowIndex", "logicalSlaveCell", "colIndex", "colSpan", "rowSpan", "groupItem", "dataRowIndex", "dataItem", "detailExpandCell", "headerLabelText"] }, { kind: "component", type: i5.FilterCellComponent, selector: "[kendoGridFilterCell]", inputs: ["column", "filter", "size"] }] });
+    `, isInline: true, dependencies: [{ kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: FilterCellComponent, selector: "[kendoGridFilterCell]", inputs: ["column", "filter", "size"] }, { kind: "directive", type: LogicalCellDirective, selector: "[kendoGridLogicalCell]", inputs: ["logicalColIndex", "logicalRowIndex", "logicalSlaveCell", "colIndex", "colSpan", "rowSpan", "groupItem", "dataRowIndex", "dataItem", "detailExpandCell", "headerLabelText"] }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: FilterRowComponent, decorators: [{
             type: Component,
             args: [{
@@ -96,7 +96,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
                 [logicalRowIndex]="logicalRowIndex"
                 [logicalColIndex]="getLogicalColIndex(columnIndex)"
       ></td>
-    `
+    `,
+                    standalone: true,
+                    imports: [NgFor, NgIf, FilterCellComponent, LogicalCellDirective, NgStyle, NgClass]
                 }]
         }], ctorParameters: function () { return [{ type: i1.ContextService }, { type: i2.ColumnInfoService }]; }, propDecorators: { columns: [{
                 type: Input

package/esm2020/filtering/menu/boolean-filter-menu.component.mjs

@@ -10,11 +10,10 @@ import { BooleanFilterRadioButtonDirective } from './filter-radio-button.directi
 import { replaceMessagePlaceholder } from '../../utils';
 import { MenuTabbingService } from './menu-tabbing.service';
 import { ContextService } from '../../common/provider.service';
+import { NgFor } from '@angular/common';
+import { RadioButtonDirective } from '@progress/kendo-angular-inputs';
 import * as i0 from "@angular/core";
 import * as i1 from "../../common/provider.service";
-import * as i2 from "@angular/common";
-import * as i3 from "@progress/kendo-angular-inputs";
-import * as i4 from "./filter-radio-button.directive";
 /**
  * Represents a Boolean-filter menu component. [See example](slug:filter_menu#toc-built-in-filter-menu-components)
  *
@@ -96,7 +95,7 @@ export class BooleanFilterMenuComponent extends BooleanFilterComponent {
     }
 }
 BooleanFilterMenuComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: BooleanFilterMenuComponent, deps: [{ token: i1.ContextService }], target: i0.ɵɵFactoryTarget.Component });
-BooleanFilterMenuComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: BooleanFilterMenuComponent, selector: "kendo-grid-boolean-filter-menu", inputs: { filter: "filter", filterService: "filterService", menuTabbingService: "menuTabbingService" }, host: { properties: { "class.k-filtercell": "this.hostClasses" } }, viewQueries: [{ propertyName: "radioButtons", predicate: BooleanFilterRadioButtonDirective, descendants: true }], usesInheritance: true, ngImport: i0, template: `
+BooleanFilterMenuComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: BooleanFilterMenuComponent, isStandalone: true, selector: "kendo-grid-boolean-filter-menu", inputs: { filter: "filter", filterService: "filterService", menuTabbingService: "menuTabbingService" }, host: { properties: { "class.k-filtercell": "this.hostClasses" } }, viewQueries: [{ propertyName: "radioButtons", predicate: BooleanFilterRadioButtonDirective, descendants: true }], usesInheritance: true, ngImport: i0, template: `
         <ul class="k-radio-list k-reset">
             <li *ngFor="let item of items">
                 <input type="radio"
@@ -113,7 +112,7 @@ BooleanFilterMenuComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0
                 <label class="k-radio-label" [attr.for]="radioId(item.value)">{{item.text}}</label>
             </li>
         </ul>
-    `, isInline: true, dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.RadioButtonDirective, selector: "input[kendoRadioButton]", inputs: ["size"] }, { kind: "directive", type: i4.BooleanFilterRadioButtonDirective, selector: "[kendoFilterMenuRadioButton]", inputs: ["columnLabel"] }] });
+    `, isInline: true, dependencies: [{ kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: RadioButtonDirective, selector: "input[kendoRadioButton]", inputs: ["size"] }, { kind: "directive", type: BooleanFilterRadioButtonDirective, selector: "[kendoFilterMenuRadioButton]", inputs: ["columnLabel"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: BooleanFilterMenuComponent, decorators: [{
             type: Component,
             args: [{
@@ -135,7 +134,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
                 <label class="k-radio-label" [attr.for]="radioId(item.value)">{{item.text}}</label>
             </li>
         </ul>
-    `
+    `,
+                    standalone: true,
+                    imports: [NgFor, RadioButtonDirective, BooleanFilterRadioButtonDirective]
                 }]
         }], ctorParameters: function () { return [{ type: i1.ContextService }]; }, propDecorators: { hostClasses: [{
                 type: HostBinding,

package/esm2020/filtering/menu/date-filter-menu-input.component.mjs

@@ -8,14 +8,14 @@ import { ColumnComponent } from "../../columns/column.component";
 import { FilterService } from '../filter.service';
 import { SinglePopupService } from '../../common/single-popup.service';
 import { filter } from 'rxjs/operators';
+import { DatePickerComponent, DatePickerCustomMessagesComponent } from '@progress/kendo-angular-dateinputs';
 import { replaceMessagePlaceholder } from '../../utils';
 import { ContextService } from '../../common/provider.service';
+import { FilterInputDirective } from '../filter-input.directive';
+import { FilterMenuInputWrapperComponent } from './filter-menu-input-wrapper.component';
 import * as i0 from "@angular/core";
 import * as i1 from "../../common/single-popup.service";
 import * as i2 from "../../common/provider.service";
-import * as i3 from "@progress/kendo-angular-dateinputs";
-import * as i4 from "../filter-input.directive";
-import * as i5 from "./filter-menu-input-wrapper.component";
 /**
  * @hidden
  */
@@ -45,7 +45,7 @@ export class DateFilterMenuInputComponent {
     }
 }
 DateFilterMenuInputComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DateFilterMenuInputComponent, deps: [{ token: i1.SinglePopupService }, { token: i2.ContextService }], target: i0.ɵɵFactoryTarget.Component });
-DateFilterMenuInputComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: DateFilterMenuInputComponent, selector: "kendo-grid-date-filter-menu-input", inputs: { operators: "operators", column: "column", filter: "filter", operator: "operator", currentFilter: "currentFilter", filterService: "filterService", menuTabbingService: "menuTabbingService", format: "format", formatPlaceholder: "formatPlaceholder", placeholder: "placeholder", min: "min", max: "max", activeView: "activeView", bottomView: "bottomView", topView: "topView", weekNumber: "weekNumber", isFirstDropDown: "isFirstDropDown" }, ngImport: i0, template: `
+DateFilterMenuInputComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: DateFilterMenuInputComponent, isStandalone: true, selector: "kendo-grid-date-filter-menu-input", inputs: { operators: "operators", column: "column", filter: "filter", operator: "operator", currentFilter: "currentFilter", filterService: "filterService", menuTabbingService: "menuTabbingService", format: "format", formatPlaceholder: "formatPlaceholder", placeholder: "placeholder", min: "min", max: "max", activeView: "activeView", bottomView: "bottomView", topView: "topView", weekNumber: "weekNumber", isFirstDropDown: "isFirstDropDown" }, ngImport: i0, template: `
         <kendo-grid-filter-menu-input-wrapper
             [column]="column"
             [filter]="filter"
@@ -80,7 +80,7 @@ DateFilterMenuInputComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14
                 </kendo-datepicker-messages>
             </kendo-datepicker>
         </kendo-grid-filter-menu-input-wrapper>
-    `, isInline: true, dependencies: [{ kind: "component", type: i3.DatePickerComponent, selector: "kendo-datepicker", inputs: ["focusableId", "cellTemplate", "clearButton", "inputAttributes", "monthCellTemplate", "yearCellTemplate", "decadeCellTemplate", "centuryCellTemplate", "weekNumberTemplate", "headerTitleTemplate", "headerTemplate", "footerTemplate", "footer", "navigationItemTemplate", "weekDaysFormat", "showOtherMonthDays", "activeView", "bottomView", "topView", "calendarType", "animateCalendarNavigation", "disabled", "readonly", "readOnlyInput", "popupSettings", "navigation", "min", "max", "incompleteDateValidation", "autoCorrectParts", "autoSwitchParts", "autoSwitchKeys", "enableMouseWheel", "allowCaretMode", "autoFill", "focusedDate", "value", "format", "twoDigitYearMax", "formatPlaceholder", "placeholder", "tabindex", "tabIndex", "disabledDates", "title", "subtitle", "rangeValidation", "disabledDatesValidation", "weekNumber", "size", "rounded", "fillMode", "adaptiveMode"], outputs: ["valueChange", "focus", "blur", "open", "close", "escape"], exportAs: ["kendo-datepicker"] }, { kind: "component", type: i3.DatePickerCustomMessagesComponent, selector: "kendo-datepicker-messages" }, { kind: "directive", type: i4.FilterInputDirective, selector: "[kendoFilterInput]", inputs: ["filterDelay", "columnLabel", "value"] }, { kind: "component", type: i5.FilterMenuInputWrapperComponent, selector: "kendo-grid-filter-menu-input-wrapper", inputs: ["filterService", "isFirstDropDown", "menuTabbingService", "currentFilter"] }] });
+    `, isInline: true, dependencies: [{ kind: "component", type: FilterMenuInputWrapperComponent, selector: "kendo-grid-filter-menu-input-wrapper", inputs: ["filterService", "isFirstDropDown", "menuTabbingService", "currentFilter"] }, { kind: "component", type: DatePickerComponent, selector: "kendo-datepicker", inputs: ["focusableId", "cellTemplate", "clearButton", "inputAttributes", "monthCellTemplate", "yearCellTemplate", "decadeCellTemplate", "centuryCellTemplate", "weekNumberTemplate", "headerTitleTemplate", "headerTemplate", "footerTemplate", "footer", "navigationItemTemplate", "weekDaysFormat", "showOtherMonthDays", "activeView", "bottomView", "topView", "calendarType", "animateCalendarNavigation", "disabled", "readonly", "readOnlyInput", "popupSettings", "navigation", "min", "max", "incompleteDateValidation", "autoCorrectParts", "autoSwitchParts", "autoSwitchKeys", "enableMouseWheel", "allowCaretMode", "autoFill", "focusedDate", "value", "format", "twoDigitYearMax", "formatPlaceholder", "placeholder", "tabindex", "tabIndex", "disabledDates", "title", "subtitle", "rangeValidation", "disabledDatesValidation", "weekNumber", "size", "rounded", "fillMode", "adaptiveMode"], outputs: ["valueChange", "focus", "blur", "open", "close", "escape"], exportAs: ["kendo-datepicker"] }, { kind: "directive", type: FilterInputDirective, selector: "[kendoFilterInput]", inputs: ["filterDelay", "columnLabel", "value"] }, { kind: "component", type: DatePickerCustomMessagesComponent, selector: "kendo-datepicker-messages" }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DateFilterMenuInputComponent, decorators: [{
             type: Component,
             args: [{
@@ -120,7 +120,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
                 </kendo-datepicker-messages>
             </kendo-datepicker>
         </kendo-grid-filter-menu-input-wrapper>
-    `
+    `,
+                    standalone: true,
+                    imports: [FilterMenuInputWrapperComponent, DatePickerComponent, FilterInputDirective, DatePickerCustomMessagesComponent]
                 }]
         }], ctorParameters: function () { return [{ type: i1.SinglePopupService }, { type: i2.ContextService }]; }, propDecorators: { operators: [{
                 type: Input

package/esm2020/filtering/menu/date-filter-menu.component.mjs

@@ -10,12 +10,12 @@ import { DateFilterComponent } from '../date-filter.component';
 import { setFilter, logicOperators } from '../base-filter-cell.component';
 import { replaceMessagePlaceholder } from '../../utils';
 import { ContextService } from '../../common/provider.service';
+import { FilterMenuDropDownListDirective } from './filter-menu-dropdownlist.directive';
+import { NgIf } from '@angular/common';
+import { DateFilterMenuInputComponent } from './date-filter-menu-input.component';
+import { DropDownListComponent } from '@progress/kendo-angular-dropdowns';
 import * as i0 from "@angular/core";
 import * as i1 from "../../common/provider.service";
-import * as i2 from "@angular/common";
-import * as i3 from "@progress/kendo-angular-dropdowns";
-import * as i4 from "./date-filter-menu-input.component";
-import * as i5 from "./filter-menu-dropdownlist.directive";
 /**
  * Represents a date filter-menu component.
  *
@@ -73,7 +73,7 @@ export class DateFilterMenuComponent extends DateFilterComponent {
     }
 }
 DateFilterMenuComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DateFilterMenuComponent, deps: [{ token: i1.ContextService }], target: i0.ɵɵFactoryTarget.Component });
-DateFilterMenuComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: DateFilterMenuComponent, selector: "kendo-grid-date-filter-menu", inputs: { column: "column", filter: "filter", extra: "extra", filterService: "filterService", menuTabbingService: "menuTabbingService" }, host: { properties: { "class.k-filtercell": "this.hostClasses" } }, usesInheritance: true, ngImport: i0, template: `
+DateFilterMenuComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: DateFilterMenuComponent, isStandalone: true, selector: "kendo-grid-date-filter-menu", inputs: { column: "column", filter: "filter", extra: "extra", filterService: "filterService", menuTabbingService: "menuTabbingService" }, host: { properties: { "class.k-filtercell": "this.hostClasses" } }, usesInheritance: true, ngImport: i0, template: `
         <kendo-grid-date-filter-menu-input
             [currentFilter]="firstFilter"
             [operators]="operators"
@@ -124,7 +124,7 @@ DateFilterMenuComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0"
             [menuTabbingService]="menuTabbingService"
             >
         </kendo-grid-date-filter-menu-input>
-    `, isInline: true, dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.DropDownListComponent, selector: "kendo-dropdownlist", inputs: ["customIconClass", "showStickyHeader", "icon", "svgIcon", "loading", "data", "value", "textField", "valueField", "adaptiveMode", "title", "subtitle", "popupSettings", "listHeight", "defaultItem", "disabled", "itemDisabled", "readonly", "filterable", "virtual", "ignoreCase", "delay", "valuePrimitive", "tabindex", "tabIndex", "size", "rounded", "fillMode", "leftRightArrowsNavigation", "id"], outputs: ["valueChange", "filterChange", "selectionChange", "open", "opened", "close", "closed", "focus", "blur"], exportAs: ["kendoDropDownList"] }, { kind: "component", type: i4.DateFilterMenuInputComponent, selector: "kendo-grid-date-filter-menu-input", inputs: ["operators", "column", "filter", "operator", "currentFilter", "filterService", "menuTabbingService", "format", "formatPlaceholder", "placeholder", "min", "max", "activeView", "bottomView", "topView", "weekNumber", "isFirstDropDown"] }, { kind: "directive", type: i5.FilterMenuDropDownListDirective, selector: "[kendoFilterMenuDropDown]", inputs: ["filterMenuDropDownLabel"] }] });
+    `, isInline: true, dependencies: [{ kind: "component", type: DateFilterMenuInputComponent, selector: "kendo-grid-date-filter-menu-input", inputs: ["operators", "column", "filter", "operator", "currentFilter", "filterService", "menuTabbingService", "format", "formatPlaceholder", "placeholder", "min", "max", "activeView", "bottomView", "topView", "weekNumber", "isFirstDropDown"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: DropDownListComponent, selector: "kendo-dropdownlist", inputs: ["customIconClass", "showStickyHeader", "icon", "svgIcon", "loading", "data", "value", "textField", "valueField", "adaptiveMode", "title", "subtitle", "popupSettings", "listHeight", "defaultItem", "disabled", "itemDisabled", "readonly", "filterable", "virtual", "ignoreCase", "delay", "valuePrimitive", "tabindex", "tabIndex", "size", "rounded", "fillMode", "leftRightArrowsNavigation", "id"], outputs: ["valueChange", "filterChange", "selectionChange", "open", "opened", "close", "closed", "focus", "blur"], exportAs: ["kendoDropDownList"] }, { kind: "directive", type: FilterMenuDropDownListDirective, selector: "[kendoFilterMenuDropDown]", inputs: ["filterMenuDropDownLabel"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DateFilterMenuComponent, decorators: [{
             type: Component,
             args: [{
@@ -180,7 +180,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
             [menuTabbingService]="menuTabbingService"
             >
         </kendo-grid-date-filter-menu-input>
-    `
+    `,
+                    standalone: true,
+                    imports: [DateFilterMenuInputComponent, NgIf, DropDownListComponent, FilterMenuDropDownListDirective]
                 }]
         }], ctorParameters: function () { return [{ type: i1.ContextService }]; }, propDecorators: { hostClasses: [{
                 type: HostBinding,