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

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

@@ -3,14 +3,14 @@
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 import { Component, Input } from '@angular/core';
+import { NgIf, NgSwitch, NgSwitchCase, NgTemplateOutlet } from '@angular/common';
 import { ColumnComponent } from '../../columns/column.component';
 import { cloneFilters } from '../../common/filter-descriptor-differ';
 import { FocusGroup } from '../../navigation/focus-group';
 import { isNullOrEmptyString, isPresent } from '../../utils';
+import { FilterCellHostDirective } from './filter-cell-host.directive';
 import * as i0 from "@angular/core";
 import * as i1 from "../../navigation/focus-group";
-import * as i2 from "@angular/common";
-import * as i3 from "./filter-cell-host.directive";
 /**
  * @hidden
  */
@@ -40,7 +40,7 @@ export class FilterCellComponent {
     }
 }
 FilterCellComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: FilterCellComponent, deps: [{ token: i1.FocusGroup }], target: i0.ɵɵFactoryTarget.Component });
-FilterCellComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: FilterCellComponent, selector: "[kendoTreeListFilterCell]", inputs: { column: "column", filter: "filter" }, ngImport: i0, template: `
+FilterCellComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: FilterCellComponent, isStandalone: true, selector: "[kendoTreeListFilterCell]", inputs: { column: "column", filter: "filter" }, ngImport: i0, template: `
         <ng-container *ngIf="isFilterable">
             <ng-container [ngSwitch]="hasTemplate">
                 <ng-container *ngSwitchCase="false">
@@ -55,7 +55,7 @@ FilterCellComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", ve
                 </ng-container>
             </ng-container>
         </ng-container>
-    `, 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"] }, { kind: "directive", type: i2.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i2.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i3.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: [{
@@ -75,7 +75,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]
                 }]
         }], ctorParameters: function () { return [{ type: i1.FocusGroup }]; }, propDecorators: { column: [{
                 type: Input

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

@@ -4,16 +4,16 @@
 *-------------------------------------------------------------------------------------------*/
 import { Component, Input } from '@angular/core';
 import { LocalizationService } from '@progress/kendo-angular-l10n';
+import { NumericTextBoxComponent } from '@progress/kendo-angular-inputs';
 import { FilterService } from '../filter.service';
 import { NumericFilterComponent } from '../numeric-filter.component';
 import { replaceMessagePlaceholder } from '../../utils';
+import { FilterInputDirective } from '../filter-input.directive';
+import { FocusableDirective } from '../../navigation/focusable.directive';
+import { FilterCellWrapperComponent } from './filter-cell-wrapper.component';
 import * as i0 from "@angular/core";
 import * as i1 from "../filter.service";
 import * as i2 from "@progress/kendo-angular-l10n";
-import * as i3 from "@progress/kendo-angular-inputs";
-import * as i4 from "../../navigation/focusable.directive";
-import * as i5 from "../filter-input.directive";
-import * as i6 from "./filter-cell-wrapper.component";
 /**
  * Represents a numeric filter cell.
  * See the article about the [built-in filter components](slug:filter_row_treelist#toc-built-in-filter-row-components).
@@ -57,7 +57,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.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
-NumericFilterCellComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: NumericFilterCellComponent, selector: "kendo-treelist-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-treelist-numeric-filter-cell", inputs: { filterDelay: "filterDelay", showOperators: "showOperators" }, usesInheritance: true, ngImport: i0, template: `
         <kendo-treelist-filter-wrapper-cell
             [column]="column"
             [filter]="filter"
@@ -79,7 +79,7 @@ NumericFilterCellComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0
                 [step]="step">
             </kendo-numerictextbox>
         </kendo-treelist-filter-wrapper-cell>
-    `, isInline: true, dependencies: [{ kind: "component", type: i3.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: i4.FocusableDirective, selector: "[kendoTreeListFocusable],\n        [kendoTreeListAddCommand],\n        [kendoTreeListEditCommand],\n        [kendoTreeListRemoveCommand],\n        [kendoTreeListSaveCommand],\n        [kendoTreeListCancelCommand]\n    ", inputs: ["kendoTreeListFocusable", "enabled", "kendoTreeListAddCommand", "kendoTreeListEditCommand", "kendoTreeListRemoveCommand", "kendoTreeListSaveCommand", "kendoTreeListCancelCommand"] }, { kind: "directive", type: i5.FilterInputDirective, selector: "[kendoFilterInput]", inputs: ["filterDelay", "columnLabel", "column", "value"] }, { kind: "component", type: i6.FilterCellWrapperComponent, selector: "kendo-treelist-filter-wrapper-cell", inputs: ["showOperators"] }] });
+    `, isInline: true, dependencies: [{ kind: "component", type: FilterCellWrapperComponent, selector: "kendo-treelist-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: "[kendoTreeListFocusable],\n        [kendoTreeListAddCommand],\n        [kendoTreeListEditCommand],\n        [kendoTreeListRemoveCommand],\n        [kendoTreeListSaveCommand],\n        [kendoTreeListCancelCommand]\n    ", inputs: ["kendoTreeListFocusable", "enabled", "kendoTreeListAddCommand", "kendoTreeListEditCommand", "kendoTreeListRemoveCommand", "kendoTreeListSaveCommand", "kendoTreeListCancelCommand"] }, { kind: "directive", type: FilterInputDirective, selector: "[kendoFilterInput]", inputs: ["filterDelay", "columnLabel", "column", "value"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: NumericFilterCellComponent, decorators: [{
             type: Component,
             args: [{
@@ -106,7 +106,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
                 [step]="step">
             </kendo-numerictextbox>
         </kendo-treelist-filter-wrapper-cell>
-    `
+    `,
+                    standalone: true,
+                    imports: [FilterCellWrapperComponent, NumericTextBoxComponent, FocusableDirective, FilterInputDirective]
                 }]
         }], ctorParameters: function () { return [{ type: i1.FilterService }, { type: i2.LocalizationService }]; }, propDecorators: { filterDelay: [{
                 type: Input

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

@@ -3,83 +3,77 @@
 * 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 { ROW_FILTER_EXPORTS } 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 "./filter-cell-operators.component";
+import * as i12 from "../operators/contains-filter-operator.component";
+import * as i13 from "../operators/not-contains-filter-operator.component";
+import * as i14 from "../operators/ends-with-filter-operator.component";
+import * as i15 from "../operators/eq-filter-operator.component";
+import * as i16 from "../operators/is-empty-filter-operator.component";
+import * as i17 from "../operators/is-not-empty-filter-operator.component";
+import * as i18 from "../operators/is-not-null-filter-operator.component";
+import * as i19 from "../operators/isnull-filter-operator.component";
+import * as i20 from "../operators/neq-filter-operator.component";
+import * as i21 from "../operators/starts-with-filter-operator.component";
+import * as i22 from "../operators/gt-filter-operator.component";
+import * as i23 from "../operators/gte-filter-operator.component";
+import * as i24 from "../operators/lt-filter-operator.component";
+import * as i25 from "../operators/lte-filter-operator.component";
+import * as i26 from "../operators/after-filter-operator.component";
+import * as i27 from "../operators/after-eq-filter-operator.component";
+import * as i28 from "../operators/before-eq-filter-operator.component";
+import * as i29 from "../operators/before-filter-operator.component";
+import * as i30 from "../filter-input.directive";
+import * as i31 from "../../columns/column.component";
+import * as i32 from "../../columns/column-group.component";
+import * as i33 from "../../navigation/logical-cell.directive";
+import * as i34 from "../../navigation/logical-row.directive";
+import * as i35 from "../../navigation/focusable.directive";
+import * as i36 from "../../rendering/common/col-group.component";
+import * as i37 from "../../layout/resizable.directive";
+import * as i38 from "@progress/kendo-angular-common";
+import * as i39 from "../../rendering/common/field-accessor.pipe";
+import * as i40 from "../../columns/span-column.component";
+import * as i41 from "../../column-resizing/table.directive";
+import * as i42 from "../../rendering/common/loading.component";
+import * as i43 from "../../columns/checkbox-column.component";
+import * as i44 from "../../columns/rowreorder-column.component";
 const ENTRY_COMPONENTS = [
     StringFilterCellComponent,
     NumericFilterCellComponent,
     BooleanFilterCellComponent,
     DateFilterCellComponent
 ];
+// IMPORTANT: NgModule export kept for backwards compatibility
 /**
  * @hidden
+ * @deprecated
  */
 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.FilterCellOperatorsComponent, i12.ContainsFilterOperatorComponent, i13.DoesNotContainFilterOperatorComponent, i14.EndsWithFilterOperatorComponent, i15.EqualFilterOperatorComponent, i16.IsEmptyFilterOperatorComponent, i17.IsNotEmptyFilterOperatorComponent, i18.IsNotNullFilterOperatorComponent, i19.IsNullFilterOperatorComponent, i20.NotEqualFilterOperatorComponent, i21.StartsWithFilterOperatorComponent, i22.GreaterFilterOperatorComponent, i23.GreaterOrEqualToFilterOperatorComponent, i24.LessFilterOperatorComponent, i25.LessOrEqualToFilterOperatorComponent, i26.AfterFilterOperatorComponent, i27.AfterEqFilterOperatorComponent, i28.BeforeEqFilterOperatorComponent, i29.BeforeFilterOperatorComponent, i30.FilterInputDirective, i31.ColumnComponent, i32.ColumnGroupComponent, i33.LogicalCellDirective, i34.LogicalRowDirective, i35.FocusableDirective, i36.ColGroupComponent, i37.ResizableContainerDirective, i38.TemplateContextDirective, i39.FieldAccessorPipe, i40.SpanColumnComponent, i41.TableDirective, i42.LoadingComponent, i11.FilterCellOperatorsComponent, i43.CheckboxColumnComponent, i44.RowReorderColumnComponent], exports: [i1.FilterRowComponent, i2.FilterCellComponent, i3.FilterCellTemplateDirective, i4.StringFilterCellComponent, i5.NumericFilterCellComponent, i6.AutoCompleteFilterCellComponent, i7.BooleanFilterCellComponent, i8.FilterCellHostDirective, i9.FilterCellWrapperComponent, i10.DateFilterCellComponent, i11.FilterCellOperatorsComponent, i12.ContainsFilterOperatorComponent, i13.DoesNotContainFilterOperatorComponent, i14.EndsWithFilterOperatorComponent, i15.EqualFilterOperatorComponent, i16.IsEmptyFilterOperatorComponent, i17.IsNotEmptyFilterOperatorComponent, i18.IsNotNullFilterOperatorComponent, i19.IsNullFilterOperatorComponent, i20.NotEqualFilterOperatorComponent, i21.StartsWithFilterOperatorComponent, i22.GreaterFilterOperatorComponent, i23.GreaterOrEqualToFilterOperatorComponent, i24.LessFilterOperatorComponent, i25.LessOrEqualToFilterOperatorComponent, i26.AfterFilterOperatorComponent, i27.AfterEqFilterOperatorComponent, i28.BeforeEqFilterOperatorComponent, i29.BeforeFilterOperatorComponent, i30.FilterInputDirective, i31.ColumnComponent, i32.ColumnGroupComponent, i33.LogicalCellDirective, i34.LogicalRowDirective, i35.FocusableDirective, i36.ColGroupComponent, i37.ResizableContainerDirective, i38.TemplateContextDirective, i39.FieldAccessorPipe, i40.SpanColumnComponent, i41.TableDirective, i42.LoadingComponent, i11.FilterCellOperatorsComponent, i43.CheckboxColumnComponent, i44.RowReorderColumnComponent] });
+RowFilterModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RowFilterModule, imports: [i1.FilterRowComponent, i2.FilterCellComponent, i4.StringFilterCellComponent, i5.NumericFilterCellComponent, i6.AutoCompleteFilterCellComponent, i7.BooleanFilterCellComponent, i9.FilterCellWrapperComponent, i10.DateFilterCellComponent, i11.FilterCellOperatorsComponent, i12.ContainsFilterOperatorComponent, i13.DoesNotContainFilterOperatorComponent, i14.EndsWithFilterOperatorComponent, i15.EqualFilterOperatorComponent, i16.IsEmptyFilterOperatorComponent, i17.IsNotEmptyFilterOperatorComponent, i18.IsNotNullFilterOperatorComponent, i19.IsNullFilterOperatorComponent, i20.NotEqualFilterOperatorComponent, i21.StartsWithFilterOperatorComponent, i22.GreaterFilterOperatorComponent, i23.GreaterOrEqualToFilterOperatorComponent, i24.LessFilterOperatorComponent, i25.LessOrEqualToFilterOperatorComponent, i26.AfterFilterOperatorComponent, i27.AfterEqFilterOperatorComponent, i28.BeforeEqFilterOperatorComponent, i29.BeforeFilterOperatorComponent, i31.ColumnComponent, i32.ColumnGroupComponent, i36.ColGroupComponent, i40.SpanColumnComponent, i42.LoadingComponent, i11.FilterCellOperatorsComponent, i43.CheckboxColumnComponent, i44.RowReorderColumnComponent] });
 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: [...ROW_FILTER_EXPORTS],
+                    imports: [...ROW_FILTER_EXPORTS]
                 }]
         }] });

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

@@ -3,17 +3,18 @@
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 import { Component, Input } from '@angular/core';
+import { ReactiveFormsModule, FormsModule } from '@angular/forms';
 import { LocalizationService } from '@progress/kendo-angular-l10n';
 import { FilterService } from '../filter.service';
 import { StringFilterComponent } from '../string-filter.component';
 import { replaceMessagePlaceholder } from '../../utils';
+import { FilterInputDirective } from '../filter-input.directive';
+import { FocusableDirective } from '../../navigation/focusable.directive';
+import { FilterCellWrapperComponent } from './filter-cell-wrapper.component';
 import * as i0 from "@angular/core";
 import * as i1 from "../filter.service";
 import * as i2 from "@progress/kendo-angular-l10n";
 import * as i3 from "@angular/forms";
-import * as i4 from "../../navigation/focusable.directive";
-import * as i5 from "../filter-input.directive";
-import * as i6 from "./filter-cell-wrapper.component";
 /**
  * Represents a string-filter cell component.
  * See the article about the [built-in filter components](slug:filter_row_treelist#toc-built-in-filter-row-components).
@@ -58,7 +59,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.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
-StringFilterCellComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: StringFilterCellComponent, selector: "kendo-treelist-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-treelist-string-filter-cell", inputs: { filterDelay: "filterDelay", showOperators: "showOperators" }, usesInheritance: true, ngImport: i0, template: `
         <kendo-treelist-filter-wrapper-cell
             [column]="column"
             [filter]="filter"
@@ -73,7 +74,7 @@ StringFilterCellComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.
                 [filterDelay]="filterDelay"
                 [ngModel]="currentFilter?.value" />
         </kendo-treelist-filter-wrapper-cell>
-    `, isInline: true, dependencies: [{ kind: "directive", type: i3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i4.FocusableDirective, selector: "[kendoTreeListFocusable],\n        [kendoTreeListAddCommand],\n        [kendoTreeListEditCommand],\n        [kendoTreeListRemoveCommand],\n        [kendoTreeListSaveCommand],\n        [kendoTreeListCancelCommand]\n    ", inputs: ["kendoTreeListFocusable", "enabled", "kendoTreeListAddCommand", "kendoTreeListEditCommand", "kendoTreeListRemoveCommand", "kendoTreeListSaveCommand", "kendoTreeListCancelCommand"] }, { kind: "directive", type: i5.FilterInputDirective, selector: "[kendoFilterInput]", inputs: ["filterDelay", "columnLabel", "column", "value"] }, { kind: "component", type: i6.FilterCellWrapperComponent, selector: "kendo-treelist-filter-wrapper-cell", inputs: ["showOperators"] }] });
+    `, isInline: true, dependencies: [{ kind: "component", type: FilterCellWrapperComponent, selector: "kendo-treelist-filter-wrapper-cell", inputs: ["showOperators"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: FocusableDirective, selector: "[kendoTreeListFocusable],\n        [kendoTreeListAddCommand],\n        [kendoTreeListEditCommand],\n        [kendoTreeListRemoveCommand],\n        [kendoTreeListSaveCommand],\n        [kendoTreeListCancelCommand]\n    ", inputs: ["kendoTreeListFocusable", "enabled", "kendoTreeListAddCommand", "kendoTreeListEditCommand", "kendoTreeListRemoveCommand", "kendoTreeListSaveCommand", "kendoTreeListCancelCommand"] }, { kind: "directive", type: FilterInputDirective, selector: "[kendoFilterInput]", inputs: ["filterDelay", "columnLabel", "column", "value"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i3.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: [{
@@ -93,7 +94,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
                 [filterDelay]="filterDelay"
                 [ngModel]="currentFilter?.value" />
         </kendo-treelist-filter-wrapper-cell>
-    `
+    `,
+                    standalone: true,
+                    imports: [FilterCellWrapperComponent, ReactiveFormsModule, FocusableDirective, FilterInputDirective, FormsModule]
                 }]
         }], ctorParameters: function () { return [{ type: i1.FilterService }, { type: i2.LocalizationService }]; }, 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", column: "column", 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", column: "column", 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

@@ -3,12 +3,12 @@
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 import { Component, HostBinding, Input } from '@angular/core';
+import { NgFor } from '@angular/common';
 import { LocalizationService } from '@progress/kendo-angular-l10n';
+import { LogicalCellDirective } from '../navigation/logical-cell.directive';
+import { FilterCellComponent } from './cell/filter-cell.component';
 import * as i0 from "@angular/core";
 import * as i1 from "@progress/kendo-angular-l10n";
-import * as i2 from "@angular/common";
-import * as i3 from "../navigation/logical-cell.directive";
-import * as i4 from "./cell/filter-cell.component";
 /**
  * @hidden
  */
@@ -24,7 +24,7 @@ export class FilterRowComponent {
     }
 }
 FilterRowComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: FilterRowComponent, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
-FilterRowComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: FilterRowComponent, selector: "[kendoTreeListFilterRow]", inputs: { columns: "columns", filter: "filter", 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: "[kendoTreeListFilterRow]", inputs: { columns: "columns", filter: "filter", logicalRowIndex: "logicalRowIndex", lockedColumnsCount: "lockedColumnsCount" }, host: { properties: { "class.k-filter-row": "this.filterRowClass" } }, ngImport: i0, template: `
       <td *ngFor="let column of columns; let columnIndex = index" role="gridcell"
           [attr.aria-label]="filterLabel"
           kendoTreeListFilterCell
@@ -37,7 +37,7 @@ FilterRowComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", ver
             [column]="getColumnComponent(column)"
             [colIndex]="columnIndex"
       ></td>
-    `, isInline: true, dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.LogicalCellDirective, selector: "[kendoTreeListLogicalCell]", inputs: ["logicalColIndex", "logicalRowIndex", "logicalSlaveCell", "column", "colIndex", "colSpan", "rowSpan", "dataRowIndex", "dataItem", "expandable"] }, { kind: "component", type: i4.FilterCellComponent, selector: "[kendoTreeListFilterCell]", inputs: ["column", "filter"] }] });
+    `, isInline: true, dependencies: [{ kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: FilterCellComponent, selector: "[kendoTreeListFilterCell]", inputs: ["column", "filter"] }, { kind: "directive", type: LogicalCellDirective, selector: "[kendoTreeListLogicalCell]", inputs: ["logicalColIndex", "logicalRowIndex", "logicalSlaveCell", "column", "colIndex", "colSpan", "rowSpan", "dataRowIndex", "dataItem", "expandable"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: FilterRowComponent, decorators: [{
             type: Component,
             args: [{
@@ -55,7 +55,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
             [column]="getColumnComponent(column)"
             [colIndex]="columnIndex"
       ></td>
-    `
+    `,
+                    standalone: true,
+                    imports: [NgFor, FilterCellComponent, LogicalCellDirective]
                 }]
         }], ctorParameters: function () { return [{ type: i1.LocalizationService }]; }, propDecorators: { columns: [{
                 type: Input

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

@@ -3,15 +3,15 @@
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 import { Component, Input, HostBinding, ViewChild, ElementRef, Renderer2 } from '@angular/core';
+import { NgFor } from '@angular/common';
+import { guid } from '@progress/kendo-angular-common';
+import { RadioButtonDirective } from '@progress/kendo-angular-inputs';
 import { FilterService } from '../filter.service';
 import { LocalizationService } from '@progress/kendo-angular-l10n';
 import { BooleanFilterComponent } from '../boolean-filter.component';
-import { guid } from '@progress/kendo-angular-common';
 import { replaceMessagePlaceholder } from '../../utils';
 import * as i0 from "@angular/core";
 import * as i1 from "@progress/kendo-angular-l10n";
-import * as i2 from "@angular/common";
-import * as i3 from "@progress/kendo-angular-inputs";
 /**
  * Represents a Boolean-filter menu component. [See example](slug:filter_menu_treelist#toc-built-in-filter-menu-components).
  *
@@ -79,7 +79,7 @@ export class BooleanFilterMenuComponent extends BooleanFilterComponent {
     }
 }
 BooleanFilterMenuComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: BooleanFilterMenuComponent, deps: [{ token: i0.Renderer2 }, { token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
-BooleanFilterMenuComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: BooleanFilterMenuComponent, selector: "kendo-treelist-boolean-filter-menu", inputs: { filter: "filter", filterService: "filterService" }, host: { properties: { "class.k-filtercell": "this.hostClasses" } }, viewQueries: [{ propertyName: "inputElem", first: true, predicate: ["inputElem"], 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-treelist-boolean-filter-menu", inputs: { filter: "filter", filterService: "filterService" }, host: { properties: { "class.k-filtercell": "this.hostClasses" } }, viewQueries: [{ propertyName: "inputElem", first: true, predicate: ["inputElem"], descendants: true }], usesInheritance: true, ngImport: i0, template: `
         <ul class="k-radio-list k-reset">
             <li *ngFor="let item of items">
                 <input #inputElem type="radio"
@@ -92,7 +92,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"] }] });
+    `, isInline: true, dependencies: [{ kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: RadioButtonDirective, selector: "input[kendoRadioButton]", inputs: ["size"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: BooleanFilterMenuComponent, decorators: [{
             type: Component,
             args: [{
@@ -110,7 +110,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]
                 }]
         }], ctorParameters: function () { return [{ type: i0.Renderer2 }, { type: i1.LocalizationService }]; }, propDecorators: { hostClasses: [{
                 type: HostBinding,

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

@@ -3,15 +3,15 @@
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 import { Component, Input } from '@angular/core';
+import { filter } from 'rxjs/operators';
+import { DatePickerComponent } from '@progress/kendo-angular-dateinputs';
 import { ColumnComponent } from "../../columns/column.component";
 import { FilterService } from '../filter.service';
 import { SinglePopupService } from '../../common/single-popup.service';
-import { filter } from 'rxjs/operators';
+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 "@progress/kendo-angular-dateinputs";
-import * as i3 from "../filter-input.directive";
-import * as i4 from "./filter-menu-input-wrapper.component";
 /**
  * @hidden
  */
@@ -32,7 +32,7 @@ export class DateFilterMenuInputComponent {
     }
 }
 DateFilterMenuInputComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DateFilterMenuInputComponent, deps: [{ token: i1.SinglePopupService }], target: i0.ɵɵFactoryTarget.Component });
-DateFilterMenuInputComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: DateFilterMenuInputComponent, selector: "kendo-treelist-date-filter-menu-input", inputs: { operators: "operators", column: "column", filter: "filter", operator: "operator", currentFilter: "currentFilter", filterService: "filterService", format: "format", formatPlaceholder: "formatPlaceholder", placeholder: "placeholder", min: "min", max: "max", activeView: "activeView", bottomView: "bottomView", topView: "topView", weekNumber: "weekNumber" }, ngImport: i0, template: `
+DateFilterMenuInputComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: DateFilterMenuInputComponent, isStandalone: true, selector: "kendo-treelist-date-filter-menu-input", inputs: { operators: "operators", column: "column", filter: "filter", operator: "operator", currentFilter: "currentFilter", filterService: "filterService", format: "format", formatPlaceholder: "formatPlaceholder", placeholder: "placeholder", min: "min", max: "max", activeView: "activeView", bottomView: "bottomView", topView: "topView", weekNumber: "weekNumber" }, ngImport: i0, template: `
         <kendo-treelist-filter-menu-input-wrapper
             [column]="column"
             [filter]="filter"
@@ -59,7 +59,7 @@ DateFilterMenuInputComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14
                 >
             </kendo-datepicker>
         </kendo-treelist-filter-menu-input-wrapper>
-    `, isInline: true, dependencies: [{ kind: "component", type: i2.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: i3.FilterInputDirective, selector: "[kendoFilterInput]", inputs: ["filterDelay", "columnLabel", "column", "value"] }, { kind: "component", type: i4.FilterMenuInputWrapperComponent, selector: "kendo-treelist-filter-menu-input-wrapper", inputs: ["filterService", "currentFilter"] }] });
+    `, isInline: true, dependencies: [{ kind: "component", type: FilterMenuInputWrapperComponent, selector: "kendo-treelist-filter-menu-input-wrapper", inputs: ["filterService", "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", "column", "value"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DateFilterMenuInputComponent, decorators: [{
             type: Component,
             args: [{
@@ -91,7 +91,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
                 >
             </kendo-datepicker>
         </kendo-treelist-filter-menu-input-wrapper>
-    `
+    `,
+                    standalone: true,
+                    imports: [FilterMenuInputWrapperComponent, DatePickerComponent, FilterInputDirective]
                 }]
         }], ctorParameters: function () { return [{ type: i1.SinglePopupService }]; }, propDecorators: { operators: [{
                 type: Input

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

@@ -3,16 +3,16 @@
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 import { Component, Input, HostBinding } from '@angular/core';
+import { NgIf } from '@angular/common';
+import { LocalizationService } from '@progress/kendo-angular-l10n';
+import { DropDownListComponent } from '@progress/kendo-angular-dropdowns';
 import { ColumnComponent } from "../../columns/column.component";
 import { FilterService } from '../filter.service';
-import { LocalizationService } from '@progress/kendo-angular-l10n';
 import { DateFilterComponent } from '../date-filter.component';
 import { setFilter, logicOperators } from '../base-filter-cell.component';
+import { DateFilterMenuInputComponent } from './date-filter-menu-input.component';
 import * as i0 from "@angular/core";
 import * as i1 from "@progress/kendo-angular-l10n";
-import * as i2 from "@angular/common";
-import * as i3 from "@progress/kendo-angular-dropdowns";
-import * as i4 from "./date-filter-menu-input.component";
 /**
  * Represents a date-filter menu component. [See example](slug:filter_menu_treelist#toc-built-in-filter-menu-components).
  *
@@ -65,7 +65,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.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
-DateFilterMenuComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: DateFilterMenuComponent, selector: "kendo-treelist-date-filter-menu", inputs: { column: "column", filter: "filter", extra: "extra", filterService: "filterService" }, 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-treelist-date-filter-menu", inputs: { column: "column", filter: "filter", extra: "extra", filterService: "filterService" }, host: { properties: { "class.k-filtercell": "this.hostClasses" } }, usesInheritance: true, ngImport: i0, template: `
         <kendo-treelist-date-filter-menu-input
             [currentFilter]="firstFilter"
             [operators]="operators"
@@ -111,7 +111,7 @@ DateFilterMenuComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0"
             [weekNumber]="weekNumber"
             >
         </kendo-treelist-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-treelist-date-filter-menu-input", inputs: ["operators", "column", "filter", "operator", "currentFilter", "filterService", "format", "formatPlaceholder", "placeholder", "min", "max", "activeView", "bottomView", "topView", "weekNumber"] }] });
+    `, isInline: true, dependencies: [{ kind: "component", type: DateFilterMenuInputComponent, selector: "kendo-treelist-date-filter-menu-input", inputs: ["operators", "column", "filter", "operator", "currentFilter", "filterService", "format", "formatPlaceholder", "placeholder", "min", "max", "activeView", "bottomView", "topView", "weekNumber"] }, { 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"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DateFilterMenuComponent, decorators: [{
             type: Component,
             args: [{
@@ -162,7 +162,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
             [weekNumber]="weekNumber"
             >
         </kendo-treelist-date-filter-menu-input>
-    `
+    `,
+                    standalone: true,
+                    imports: [DateFilterMenuInputComponent, NgIf, DropDownListComponent]
                 }]
         }], ctorParameters: function () { return [{ type: i1.LocalizationService }]; }, propDecorators: { hostClasses: [{
                 type: HostBinding,

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

@@ -3,18 +3,19 @@
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 import { Component, Input, SkipSelf, Output, EventEmitter, ChangeDetectorRef } from '@angular/core';
+import { NgSwitch, NgSwitchCase, NgIf, NgTemplateOutlet, NgClass } from '@angular/common';
+import { ReactiveFormsModule, FormsModule } from '@angular/forms';
 import { ColumnComponent } from "../../columns/column.component";
 import { FilterService } from "../filter.service";
 import { removeFilter, filtersByField } from "../base-filter-cell.component";
 import { isPresent, isNullOrEmptyString } from "../../utils";
 import { LocalizationService } from '@progress/kendo-angular-l10n';
 import { cloneFilters } from '../../common/filter-descriptor-differ';
+import { FilterMenuHostDirective } from './filter-menu-host.directive';
 import * as i0 from "@angular/core";
 import * as i1 from "../filter.service";
 import * as i2 from "@progress/kendo-angular-l10n";
-import * as i3 from "@angular/common";
-import * as i4 from "@angular/forms";
-import * as i5 from "./filter-menu-host.directive";
+import * as i3 from "@angular/forms";
 const isNoValueOperator = operator => (operator === "isnull"
     || operator === "isnotnull"
     || operator === "isempty"
@@ -130,7 +131,7 @@ export class FilterMenuContainerComponent {
     }
 }
 FilterMenuContainerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: FilterMenuContainerComponent, deps: [{ token: i1.FilterService, skipSelf: true }, { token: i1.FilterService }, { token: i2.LocalizationService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-FilterMenuContainerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: FilterMenuContainerComponent, selector: "kendo-treelist-filter-menu-container", inputs: { column: "column", filter: "filter", actionsClass: "actionsClass" }, outputs: { close: "close" }, providers: [FilterService], ngImport: i0, template: `
+FilterMenuContainerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: FilterMenuContainerComponent, isStandalone: true, selector: "kendo-treelist-filter-menu-container", inputs: { column: "column", filter: "filter", actionsClass: "actionsClass" }, outputs: { close: "close" }, providers: [FilterService], ngImport: i0, template: `
         <form (submit)="submit()" (reset)="reset()"
             class="k-filter-menu">
             <div class="k-filter-menu-container">
@@ -167,7 +168,7 @@ FilterMenuContainerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14
                 </div>
             </div>
         </form>
-    `, 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: "directive", type: i3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i3.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i3.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i4.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i4.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i4.NgForm, selector: "form:not([ngNoForm]):not([formGroup]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i5.FilterMenuHostDirective, selector: "[kendoFilterMenuHost]", inputs: ["filterService"] }] });
+    `, isInline: true, dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i3.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i3.NgForm, selector: "form:not([ngNoForm]):not([formGroup]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: FilterMenuHostDirective, selector: "[kendoFilterMenuHost]", inputs: ["filterService"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: FilterMenuContainerComponent, decorators: [{
             type: Component,
             args: [{
@@ -210,7 +211,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
                 </div>
             </div>
         </form>
-    `
+    `,
+                    standalone: true,
+                    imports: [ReactiveFormsModule, FormsModule, NgSwitch, NgSwitchCase, FilterMenuHostDirective, NgIf, NgTemplateOutlet, NgClass]
                 }]
         }], ctorParameters: function () { return [{ type: i1.FilterService, decorators: [{
                     type: SkipSelf

package/esm2020/filtering/menu/filter-menu-host.directive.mjs

@@ -28,11 +28,12 @@ export class FilterMenuHostDirective extends FilterHostDirective {
     }
 }
 FilterMenuHostDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: FilterMenuHostDirective, deps: [{ token: i0.ViewContainerRef }, { token: i0.ComponentFactoryResolver }], target: i0.ɵɵFactoryTarget.Directive });
-FilterMenuHostDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: FilterMenuHostDirective, selector: "[kendoFilterMenuHost]", inputs: { filterService: "filterService" }, usesInheritance: true, ngImport: i0 });
+FilterMenuHostDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: FilterMenuHostDirective, isStandalone: true, selector: "[kendoFilterMenuHost]", inputs: { filterService: "filterService" }, usesInheritance: true, ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: FilterMenuHostDirective, decorators: [{
             type: Directive,
             args: [{
-                    selector: '[kendoFilterMenuHost]'
+                    selector: '[kendoFilterMenuHost]',
+                    standalone: true
                 }]
         }], ctorParameters: function () { return [{ type: i0.ViewContainerRef }, { type: i0.ComponentFactoryResolver }]; }, propDecorators: { filterService: [{
                 type: Input