@progress/kendo-angular-grid 18.4.1-develop.2 → 18.5.0-develop.10

package/esm2022/editing/form/form.component.mjs

@@ -0,0 +1,153 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2025 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { Component, EventEmitter, Input, Output } from '@angular/core';
+import { ReactiveFormsModule, FormGroup } from '@angular/forms';
+import { NgFor, NgIf, NgTemplateOutlet } from '@angular/common';
+import { KENDO_BUTTON } from '@progress/kendo-angular-buttons';
+import { cancelIcon, saveIcon } from '@progress/kendo-svg-icons';
+import { FormFormFieldComponent } from './form-formfield.component';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/forms";
+import * as i2 from "@progress/kendo-angular-buttons";
+let idx = 0;
+/**
+ * @hidden
+ */
+export class FormComponent {
+    controls = [];
+    set formSettings(value) {
+        this._formSettings = { ...this._formSettings, ...value };
+    }
+    get formSettings() {
+        return this._formSettings;
+    }
+    formGroup;
+    set actionButtons(value) {
+        if (typeof value === 'boolean') {
+            this.normalizeActionButtonSettings(value);
+        }
+        else {
+            this._actionButtons = value;
+        }
+    }
+    get actionButtons() {
+        return this._actionButtons;
+    }
+    formSubmit = new EventEmitter();
+    get componentIndex() {
+        return idx++;
+    }
+    _formSettings = {
+        orientation: 'vertical',
+        showErrors: true,
+        floatingLabels: false
+    };
+    defaultActionButtons = [{
+            actionType: 'submit',
+            text: 'Submit',
+            svgIcon: saveIcon,
+            icon: 'save',
+            themeColor: 'primary'
+        }, {
+            actionType: 'reset',
+            svgIcon: cancelIcon,
+            text: 'Reset',
+            icon: 'cancel'
+        }];
+    _actionButtons = this.defaultActionButtons;
+    ngOnInit() {
+        idx++;
+    }
+    normalizeActionButtonSettings(value) {
+        this._actionButtons = value ? this.defaultActionButtons : [];
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FormComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: FormComponent, isStandalone: true, selector: "kendo-grid-external-form", inputs: { controls: "controls", formSettings: "formSettings", formGroup: "formGroup", actionButtons: "actionButtons" }, outputs: { formSubmit: "formSubmit" }, ngImport: i0, template: `
+        <div role="form"
+            class="k-form k-form-md"
+            [class.k-form-horizontal]="formSettings.orientation === 'horizontal'"
+            [formGroup]="formGroup"
+            (ngSubmit)="formSubmit.next({originalEvent: $event, formGroup})"
+            (reset)="$event.preventDefault()">
+            <ng-container  *ngFor="let control of controls; let idx = index;">
+                <ng-container *ngIf="!control.template; else template">
+                    <kendo-form-formfield
+                        [control]="control"
+                        [showError]="formSettings.showErrors"
+                        [floatingLabel]="formSettings.floatingLabels"></kendo-form-formfield>
+                </ng-container>
+                <ng-template #template>
+                    <ng-container
+                        [ngTemplateOutlet]="control.template"
+                        [ngTemplateOutletContext]="control.templateContext"></ng-container>
+                </ng-template>
+            </ng-container>
+            <div class="k-form-buttons" *ngIf="$any(actionButtons).length">
+                <button kendoButton *ngFor="let button of $any(actionButtons)" 
+                    [class.k-form-submit]="button.actionType === 'submit'"
+                    [size]="button.size"
+                    [themeColor]="button.themeColor || button.actionType === 'submit' ? 'primary' : undefined"
+                    [rounded]="button.rounded"
+                    [attr.type]="button.actionType"
+                    [svgIcon]="button.svgIcon"
+                    [icon]="button.icon">
+                    {{button.text}}
+                </button>
+            </div>
+        </div>
+    `, 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: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: FormFormFieldComponent, selector: "kendo-form-formfield", inputs: ["control", "floatingLabel", "showError"] }, { kind: "component", type: i2.ButtonComponent, selector: "button[kendoButton]", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FormComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'kendo-grid-external-form',
+                    standalone: true,
+                    template: `
+        <div role="form"
+            class="k-form k-form-md"
+            [class.k-form-horizontal]="formSettings.orientation === 'horizontal'"
+            [formGroup]="formGroup"
+            (ngSubmit)="formSubmit.next({originalEvent: $event, formGroup})"
+            (reset)="$event.preventDefault()">
+            <ng-container  *ngFor="let control of controls; let idx = index;">
+                <ng-container *ngIf="!control.template; else template">
+                    <kendo-form-formfield
+                        [control]="control"
+                        [showError]="formSettings.showErrors"
+                        [floatingLabel]="formSettings.floatingLabels"></kendo-form-formfield>
+                </ng-container>
+                <ng-template #template>
+                    <ng-container
+                        [ngTemplateOutlet]="control.template"
+                        [ngTemplateOutletContext]="control.templateContext"></ng-container>
+                </ng-template>
+            </ng-container>
+            <div class="k-form-buttons" *ngIf="$any(actionButtons).length">
+                <button kendoButton *ngFor="let button of $any(actionButtons)" 
+                    [class.k-form-submit]="button.actionType === 'submit'"
+                    [size]="button.size"
+                    [themeColor]="button.themeColor || button.actionType === 'submit' ? 'primary' : undefined"
+                    [rounded]="button.rounded"
+                    [attr.type]="button.actionType"
+                    [svgIcon]="button.svgIcon"
+                    [icon]="button.icon">
+                    {{button.text}}
+                </button>
+            </div>
+        </div>
+    `,
+                    imports: [NgFor, NgIf, NgTemplateOutlet, ReactiveFormsModule, FormFormFieldComponent, KENDO_BUTTON],
+                }]
+        }], propDecorators: { controls: [{
+                type: Input
+            }], formSettings: [{
+                type: Input
+            }], formGroup: [{
+                type: Input
+            }], actionButtons: [{
+                type: Input
+            }], formSubmit: [{
+                type: Output
+            }] } });

package/esm2022/editing/form/index.mjs

@@ -0,0 +1,8 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2025 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+export * from './models';
+export * from './form.component';
+export * from './dialog-form.component';
+export * from './form-formfield.component';

package/esm2022/editing/form/models.mjs

@@ -0,0 +1,5 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2025 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+export {};

package/esm2022/editing-directives/editing-directive-base.mjs

@@ -2,12 +2,15 @@
 * Copyright © 2025 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
-import { Input, Directive } from '@angular/core';
+import { Input, Directive, inject } from '@angular/core';
 import { GridComponent } from '../grid.component';
 import { LocalEditService } from './local-edit.service';
-import { Subscription, Observable } from 'rxjs';
+import { Subscription, Observable, Subject } from 'rxjs';
 import { LocalDataChangesService } from '../editing/local-data-changes.service';
 import { take } from 'rxjs/operators';
+import { DialogService } from '@progress/kendo-angular-dialog';
+import { checkIcon, xIcon } from '@progress/kendo-svg-icons';
+import { LocalizationService } from '@progress/kendo-angular-l10n';
 import * as i0 from "@angular/core";
 import * as i1 from "../grid.component";
 import * as i2 from "../editing/local-data-changes.service";
@@ -28,10 +31,32 @@ export class EditingDirectiveBase {
     get editService() {
         return this.userEditService || this.defaultEditService;
     }
+    removeConfirmationSubject = new Subject();
+    dialogService;
+    localization;
+    defaultRemoveConfirmation = (_item) => {
+        const dialog = this.dialogService.open({
+            title: this.localization.get('removeConfirmationDialogTitle'),
+            content: this.localization.get('removeConfirmationDialogContent'),
+            actions: [{
+                    text: this.localization.get('removeConfirmationDialogConfirmText'),
+                    themeColor: 'primary',
+                    svgIcon: checkIcon,
+                    icon: 'check'
+                }, {
+                    text: this.localization.get('removeConfirmationDialogRejectText'),
+                    svgIcon: xIcon,
+                    icon: 'x'
+                }],
+        });
+        dialog.result.pipe(take(1)).subscribe((e) => this.removeConfirmationSubject.next(e.text === this.localization.get('removeConfirmationDialogConfirmText')));
+        return this.removeConfirmationSubject;
+    };
     /**
      * A function that is called to confirm if the `dataItem` will be removed.
+     * Setting to `true` will result in displaying a default confirmation dialog.
      */
-    removeConfirmation;
+    removeConfirmation = false;
     subscriptions = new Subscription();
     defaultEditService;
     userEditService;
@@ -39,6 +64,8 @@ export class EditingDirectiveBase {
         this.grid = grid;
         this.localDataChangesService = localDataChangesService;
         this.defaultEditService = this.createDefaultService();
+        this.dialogService = inject(DialogService);
+        this.localization = inject(LocalizationService);
     }
     /**
      * @hidden
@@ -59,7 +86,7 @@ export class EditingDirectiveBase {
     createDefaultService() {
         return new LocalEditService(this.grid, this.localDataChangesService);
     }
-    addHandler() {
+    addHandler(_args) {
         this.grid.addRow(this.createModel({ isNew: true }));
     }
     saveHandler(args) {
@@ -84,7 +111,8 @@ export class EditingDirectiveBase {
             }
         };
         if (this.removeConfirmation) {
-            const result = this.removeConfirmation(dataItem);
+            const confirmationCallback = typeof this.removeConfirmation === 'boolean' ? this.defaultRemoveConfirmation : this.removeConfirmation;
+            const result = confirmationCallback(dataItem);
             if (result instanceof Promise) {
                 result.then(removeItem);
             }

package/esm2022/editing-directives/external-editing.directive.mjs

@@ -0,0 +1,130 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2025 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { Directive, Input } from '@angular/core';
+import { GridComponent } from '../grid.component';
+import { LocalDataChangesService } from '../editing/local-data-changes.service';
+import { markAllAsTouched } from './utils';
+import { EditingDirectiveBase } from './editing-directive-base';
+import { DialogFormComponent } from '../editing/form';
+import { isPresent } from '@progress/kendo-angular-common';
+import * as i0 from "@angular/core";
+import * as i1 from "../grid.component";
+import * as i2 from "../editing/local-data-changes.service";
+/**
+ * A directive which encapsulates the editing operations of the Grid when using the
+ * External Form ([see example](slug:editing_directives_grid#external-editing)).
+ */
+export class ExternalEditingDirective extends EditingDirectiveBase {
+    grid;
+    localDataChangesService;
+    /**
+     * The function that creates the `FormGroup` for the edited model.
+     */
+    createFormGroup;
+    /**
+     * Allows you to customize form orientation, hints, labels and error messages.
+     */
+    formSettings;
+    /**
+     * Allows you to customize the Dialog that contains the edit form.
+     */
+    dialogSettings;
+    constructor(grid, localDataChangesService) {
+        super(grid, localDataChangesService);
+        this.grid = grid;
+        this.localDataChangesService = localDataChangesService;
+    }
+    ngOnInit() {
+        super.ngOnInit();
+        this.subscriptions
+            .add(this.grid.edit.subscribe(this.editHandler.bind(this)));
+    }
+    /**
+     * @hidden
+     * Opens a Dialog that contains the edit form.
+     */
+    openEditFormDialog(editEventArgs, formGroup, formSettings) {
+        const settings = { content: DialogFormComponent, title: this.localization.get('externalEditingTitle'), ...this.dialogSettings };
+        const dialog = this.dialogService.open(settings);
+        const formControls = this.normalizeFormSettings(formGroup, editEventArgs);
+        dialog.content.setInput('controls', formControls);
+        formSettings && dialog.content.setInput('formSettings', formSettings);
+        dialog.content.setInput('formGroup', formGroup);
+        dialog.result.subscribe((r) => {
+            const resultType = r['text'];
+            if (resultType === this.localization.get('externalEditingSaveText')) {
+                this.saveHandler({ ...editEventArgs, formGroup });
+            }
+            dialog.close();
+        });
+    }
+    createModel(args) {
+        return this.createFormGroup(args);
+    }
+    editHandler(args) {
+        const formGroup = this.createModel(args);
+        this.openEditFormDialog(args, formGroup, this.formSettings);
+    }
+    saveModel({ dataItem, formGroup, isNew }) {
+        if (!formGroup.dirty && !isNew) {
+            return;
+        }
+        if (formGroup.valid) {
+            const item = dataItem || [];
+            this.editService.assignValues(item, formGroup.value);
+            return item;
+        }
+        markAllAsTouched(formGroup);
+    }
+    addHandler(args) {
+        const formGroup = this.createModel(args);
+        this.openEditFormDialog(args, formGroup, this.formSettings);
+    }
+    normalizeFormSettings(args, editEventArgs) {
+        const editableColumnFields = this.grid.columns.toArray().filter(c => c.field && c.editable && isPresent(args.get(c.field))).map(c => c.field);
+        const settings = editableColumnFields.map(k => {
+            const column = this.grid.columns.toArray().find(c => c.field === k);
+            const title = column.title || k;
+            const template = column.editTemplateRef;
+            const templateContext = template ? {
+                $implicit: args,
+                isNew: editEventArgs.isNew,
+                column,
+                dataItem: editEventArgs.dataItem,
+                formGroup: args,
+                rowIndex: editEventArgs.rowIndex
+            } : null;
+            const customSettings = this.formSettings?.fields?.[k];
+            return {
+                name: k,
+                label: customSettings?.label || title,
+                hint: customSettings?.hint,
+                errors: customSettings?.errors,
+                formControl: args.get(k),
+                dataType: column.editor,
+                orientation: this.formSettings?.orientation || 'vertical',
+                template: template,
+                templateContext: templateContext
+            };
+        });
+        return settings.filter(item => isPresent(item));
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ExternalEditingDirective, deps: [{ token: i1.GridComponent }, { token: i2.LocalDataChangesService }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: ExternalEditingDirective, isStandalone: true, selector: "[kendoGridExternalEditing]", inputs: { createFormGroup: ["kendoGridExternalEditing", "createFormGroup"], formSettings: "formSettings", dialogSettings: "dialogSettings" }, usesInheritance: true, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ExternalEditingDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[kendoGridExternalEditing]',
+                    standalone: true
+                }]
+        }], ctorParameters: function () { return [{ type: i1.GridComponent }, { type: i2.LocalDataChangesService }]; }, propDecorators: { createFormGroup: [{
+                type: Input,
+                args: ['kendoGridExternalEditing']
+            }], formSettings: [{
+                type: Input
+            }], dialogSettings: [{
+                type: Input
+            }] } });

package/esm2022/filtering/cell/filter-cell-host.directive.mjs

@@ -2,7 +2,7 @@
 * Copyright © 2025 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
-import { Directive, ViewContainerRef, ComponentFactoryResolver } from "@angular/core";
+import { Directive, ViewContainerRef } from "@angular/core";
 import { FilterHostDirective } from "../filter-host.directive";
 import { isNullOrEmptyString } from "../../utils";
 import { filterComponentFactory } from "./filter-cell-component.factory";
@@ -12,8 +12,8 @@ import * as i0 from "@angular/core";
  * @hidden
  */
 export class FilterCellHostDirective extends FilterHostDirective {
-    constructor(host, resolver) {
-        super(host, resolver);
+    constructor(host) {
+        super(host);
     }
     componentType() {
         if (!isNullOrEmptyString(this.column.filter)) {
@@ -21,7 +21,7 @@ export class FilterCellHostDirective extends FilterHostDirective {
         }
         return StringFilterCellComponent;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FilterCellHostDirective, deps: [{ token: i0.ViewContainerRef }, { token: i0.ComponentFactoryResolver }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FilterCellHostDirective, deps: [{ token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive });
     static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: FilterCellHostDirective, isStandalone: true, selector: "[kendoFilterCellHost]", usesInheritance: true, ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FilterCellHostDirective, decorators: [{
@@ -30,4 +30,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                     selector: '[kendoFilterCellHost]',
                     standalone: true
                 }]
-        }], ctorParameters: function () { return [{ type: i0.ViewContainerRef }, { type: i0.ComponentFactoryResolver }]; } });
+        }], ctorParameters: function () { return [{ type: i0.ViewContainerRef }]; } });

package/esm2022/filtering/filter-host.directive.mjs

@@ -2,7 +2,7 @@
 * Copyright © 2025 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
-import { Input, ViewContainerRef, ComponentFactoryResolver, Directive } from '@angular/core';
+import { Input, ViewContainerRef, Directive } from '@angular/core';
 import { ColumnComponent } from '../columns/column.component';
 import { anyChanged } from '../utils';
 import * as i0 from "@angular/core";
@@ -11,16 +11,14 @@ import * as i0 from "@angular/core";
  */
 export class FilterHostDirective {
     host;
-    resolver;
     column;
     filter;
     component;
-    constructor(host, resolver) {
+    constructor(host) {
         this.host = host;
-        this.resolver = resolver;
     }
     ngOnInit() {
-        this.component = this.host.createComponent(this.resolver.resolveComponentFactory(this.componentType()));
+        this.component = this.host.createComponent(this.componentType());
         this.initComponent({
             column: this.column,
             filter: this.filter
@@ -45,7 +43,7 @@ export class FilterHostDirective {
         instance.column = column;
         instance.filter = filter;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FilterHostDirective, deps: [{ token: i0.ViewContainerRef }, { token: i0.ComponentFactoryResolver }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FilterHostDirective, deps: [{ token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive });
     static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: FilterHostDirective, selector: "[kendoGridFilterHostBase]", inputs: { column: "column", filter: "filter" }, usesOnChanges: true, ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FilterHostDirective, decorators: [{
@@ -53,7 +51,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
             args: [{
                     selector: '[kendoGridFilterHostBase]'
                 }]
-        }], ctorParameters: function () { return [{ type: i0.ViewContainerRef }, { type: i0.ComponentFactoryResolver }]; }, propDecorators: { column: [{
+        }], ctorParameters: function () { return [{ type: i0.ViewContainerRef }]; }, propDecorators: { column: [{
                 type: Input
             }], filter: [{
                 type: Input

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

@@ -3,7 +3,7 @@
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 import { MenuTabbingService } from './menu-tabbing.service';
-import { Directive, ViewContainerRef, ComponentFactoryResolver, Input } from "@angular/core";
+import { Directive, ViewContainerRef, Input } from "@angular/core";
 import { FilterHostDirective } from "../filter-host.directive";
 import { isNullOrEmptyString, isPresent } from "../../utils";
 import { filterMenuComponentFactory } from "./filter-menu-component.factory";
@@ -16,8 +16,8 @@ import * as i0 from "@angular/core";
 export class FilterMenuHostDirective extends FilterHostDirective {
     filterService;
     menuTabbingService;
-    constructor(host, resolver) {
-        super(host, resolver);
+    constructor(host) {
+        super(host);
     }
     componentType() {
         if (isPresent(this.column) && !isNullOrEmptyString(this.column.filter)) {
@@ -30,7 +30,7 @@ export class FilterMenuHostDirective extends FilterHostDirective {
         this.component.instance.filterService = this.filterService;
         this.component.instance.menuTabbingService = this.menuTabbingService;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FilterMenuHostDirective, deps: [{ token: i0.ViewContainerRef }, { token: i0.ComponentFactoryResolver }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FilterMenuHostDirective, deps: [{ token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive });
     static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: FilterMenuHostDirective, isStandalone: true, selector: "[kendoFilterMenuHost]", inputs: { filterService: "filterService", menuTabbingService: "menuTabbingService" }, usesInheritance: true, ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FilterMenuHostDirective, decorators: [{
@@ -39,7 +39,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                     selector: '[kendoFilterMenuHost]',
                     standalone: true
                 }]
-        }], ctorParameters: function () { return [{ type: i0.ViewContainerRef }, { type: i0.ComponentFactoryResolver }]; }, propDecorators: { filterService: [{
+        }], ctorParameters: function () { return [{ type: i0.ViewContainerRef }]; }, propDecorators: { filterService: [{
                 type: Input
             }], menuTabbingService: [{
                 type: Input