@progress/kendo-angular-filter 17.0.0-develop.3 → 17.0.0-develop.30

package/README.md

@@ -2,30 +2,48 @@
 <img width="631" src="https://www.telerik.com/kendo-angular-ui/npm-banner.svg">
 </a>
 
-## Native UI and Data Visualization Components for Angular
+## Kendo UI for Angular Filter Component
 
-Kendo UI for Angular is a commercial UI library designed and built for developing business applications with Angular. Every UI component in the Kendo UI for Angular suite has been built from the ground-up specifically for Angular.
+> * This package is part of [Kendo UI for Angular](https://www.telerik.com/kendo-angular-ui)&mdash;a commercial library designed and built for developing business applications with Angular. Every UI component in the Kendo UI for Angular suite has been built from the ground-up specifically for Angular.
+> * You must [install a license key](https://www.telerik.com/kendo-angular-ui/my-license) when adding the package to your project. To receive a license key, either [purchase a license](https://www.telerik.com/purchase/kendo-ui) or register for a [free trial](https://www.telerik.com/download-login-v2-kendo-angular-ui).
+> * The 30-day free trial gives you access to all the Kendo UI for Angular components and their full functionality. Additionally, for the period of your license, you get access to our legendary technical support provided directly by the Kendo UI for Angular dev team!
+>
+> [Start using Kendo UI for Angular](https://www.telerik.com/download-login-v2-kendo-angular-ui) and speed up your development process!
 
-> **Important**
-> * This package is part of the [Kendo UI for Angular](https://www.telerik.com/kendo-angular-ui/)&mdash;a commercial UI library.
-> * You will need to install a license key when adding the package to your project. For more information, please refer to the [My License page](https://www.telerik.com/kendo-angular-ui/my-license/).
-> * To receive a license key, you need to either [purchase a license](https://www.telerik.com/purchase/kendo-ui/) or register for a [free trial](https://www.telerik.com/download-login-v2-kendo-angular-ui). Doing so indicates that you [Kendo UI for Angular License Agreement](https://www.telerik.com/purchase/license-agreement/kendo-ui).
-> * The 30-day free trial gives you access to all the Kendo UI for Angular components and their full functionality. Additionally, for the period of your license, you get access to our legendary technical support provided directly by the Kendo UI dev team!
+## Angular Filter Component
+
+The [Kendo UI for Angular Filter](https://www.telerik.com/kendo-angular-ui/components/filter) component provides options for building and editing filter expressions. The Filter can be used on its own or with other Kendo UI for Angular components.
+
+## Key Features
+
+Among the many features which the Kendo UI for Angular Filter delivers are:
+
+* [Data Binding](https://www.telerik.com/kendo-angular-ui/components/filter/filters-configuration)&mdash;The Filter component allows you to provide user-defined filters of type [FilterExpression](https://www.telerik.com/kendo-angular-ui/components/filter/api/filterexpression).
+* [Value Binding](https://www.telerik.com/kendo-angular-ui/components/filter/value-binding)&mdash;The Filter component allows you to set its initial value of type [CompositeFilterDescriptor](https://www.telerik.com/kendo-angular-ui/components/data-query/api/compositefilterdescriptor).
+* [Expression Value Template](https://www.telerik.com/kendo-angular-ui/components/filter/expression-value-template)&mdash;The Filter component provides a template which enables you to customize the value input field of each filter expression to your own requirements. 
+* [Filter Editor Formats](https://www.telerik.com/kendo-angular-ui/components/filter/editor-formats)&mdash;You have the ability to set default formats for the numeric and date filter editors of the filter expressions.
+* [Globalization](https://www.telerik.com/kendo-angular-ui/components/filter/globalization)&mdash;By using the available globalization options in Kendo UI for Angular, you can translate the Filter messages by adapting them to specific culture locales. Additionally, the Filter supports rendering in a right-to-left (RTL) direction.
+* [Accessibility](https://www.telerik.com/kendo-angular-ui/components/filter/accessibility)&mdash;The Filter is accessible for screen readers and support WAI-ARIA attributes.
+* [Keyboard Navigation](https://www.telerik.com/kendo-angular-ui/components/filter/keyboard-navigation)&mdash;The Filter supports a number of keyboard shortcuts which allow users to accomplish various commands.
+
+## Support Options
+
+For any issues you might encounter while working with the Kendo UI for Angular Filter, you have the following support channels available:
+
+* Industry-leading technical support&mdash;Kendo UI for Angular paid license holders and users with an active (free) trial license can take advantage of our outstanding customer support. To submit a ticket, use the [dedicated Kendo UI for Angular support system](https://www.telerik.com/account/support-tickets).
+* Product forums&mdash;The [Kendo UI for Angular forums](https://www.telerik.com/forums/kendo-angular-ui) are part of the free support you can get from the community and from the Kendo UI for Angular team.
+* Feedback portal&mdash;The [Kendo UI for Angular feedback portal](https://feedback.telerik.com/kendo-angular-ui) is where you can request and vote for new features to be added.
 
 ## Resources
 
-* [Get Started with Kendo UI for Angular (requires trial registration)](https://www.telerik.com/kendo-angular-ui/getting-started)
-* [Demos, documentation, and component reference](https://www.telerik.com/kendo-angular-ui/components)
+* [Getting Started with Kendo UI for Angular](https://www.telerik.com/kendo-angular-ui/getting-started)
+* [Getting Started with the Kendo UI for Angular Filter](https://www.telerik.com/kendo-angular-ui/components/filter/installation/getting-started)
+* [Filter Overview page](https://www.telerik.com/kendo-angular-ui/components/filter) and [Filter API reference](https://www.telerik.com/kendo-angular-ui/components/filter/api)
+* [Kendo UI for Angular roadmap](https://www.telerik.com/kendo-angular-ui/roadmap)
 * [Blogs](http://www.telerik.com/blogs/kendo-ui)
+* [Demos, documentation, and component reference](https://www.telerik.com/kendo-angular-ui/components)
 * [Kendo UI for Angular pricing and licensing](https://www.telerik.com/purchase/kendo-ui)
 
-## Questions and Feedback
-
-* [Official Forums](https://www.telerik.com/forums/kendo-angular-ui)
-* [GitHub Issues](https://github.com/telerik/kendo-angular/issues)
-* [Feedback Portal](https://feedback.telerik.com/kendo-angular-ui)
-* [StackOverflow](https://stackoverflow.com/questions/tagged/kendo-ui-angular2)
-
 *Copyright © 2024 Progress Software Corporation and/or one of its subsidiaries or affiliates. All rights reserved.*
 
-*Progress, Telerik, and certain product names used herein are trademarks or registered trademarks of Progress Software Corporation and/or one of its subsidiaries or affiliates in the U.S. and/or other countries.*
+*Progress, Telerik, and certain product names used herein are trademarks or registered trademarks of Progress Software Corporation and/or one of its subsidiaries or affiliates in the U.S. and/or other countries.*

package/aria-label.directive.d.ts

@@ -14,5 +14,5 @@ export declare class AriaLabelValueDirective {
     constructor(hostElement: ElementRef, renderer: Renderer2);
     ngOnInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AriaLabelValueDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<AriaLabelValueDirective, "[kendoAriaLabelValue]", never, { "ariaLabel": "kendoAriaLabelValue"; }, {}, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<AriaLabelValueDirective, "[kendoAriaLabelValue]", never, { "ariaLabel": { "alias": "kendoAriaLabelValue"; "required": false; }; }, {}, never, never, true, never>;
 }

package/base-filter-row.component.d.ts

@@ -22,5 +22,5 @@ export declare abstract class BaseFilterRowComponent {
     messageFor(key: string): string;
     onMouseDown(event: any): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<BaseFilterRowComponent, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<BaseFilterRowComponent, never, never, { "index": "index"; }, { "valueChange": "valueChange"; }, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<BaseFilterRowComponent, never, never, { "index": { "alias": "index"; "required": false; }; }, { "valueChange": "valueChange"; }, never, never, false, never>;
 }

package/editors/boolean-editor.component.d.ts

@@ -37,5 +37,5 @@ export declare class FilterBooleanEditorComponent {
     messageFor(key: string): string;
     onValueChange(value: string): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<FilterBooleanEditorComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<FilterBooleanEditorComponent, "kendo-filter-boolean-editor", never, { "currentItem": "currentItem"; }, { "valueChange": "valueChange"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FilterBooleanEditorComponent, "kendo-filter-boolean-editor", never, { "currentItem": { "alias": "currentItem"; "required": false; }; }, { "valueChange": "valueChange"; }, never, never, true, never>;
 }

package/editors/date-editor.component.d.ts

@@ -20,5 +20,5 @@ export declare class FilterDateEditorComponent {
     messageFor(key: string): string;
     onValueChange(value: Date): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<FilterDateEditorComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<FilterDateEditorComponent, "kendo-filter-date-editor", never, { "currentItem": "currentItem"; "isDisabled": "isDisabled"; "format": "format"; }, { "valueChange": "valueChange"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FilterDateEditorComponent, "kendo-filter-date-editor", never, { "currentItem": { "alias": "currentItem"; "required": false; }; "isDisabled": { "alias": "isDisabled"; "required": false; }; "format": { "alias": "format"; "required": false; }; }, { "valueChange": "valueChange"; }, never, never, true, never>;
 }

package/editors/numeric-editor.component.d.ts

@@ -20,5 +20,5 @@ export declare class FilterNumericEditorComponent {
     messageFor(key: string): string;
     onValueChange(value: number): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<FilterNumericEditorComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<FilterNumericEditorComponent, "kendo-filter-numeric-editor", never, { "currentItem": "currentItem"; "isDisabled": "isDisabled"; "format": "format"; }, { "valueChange": "valueChange"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FilterNumericEditorComponent, "kendo-filter-numeric-editor", never, { "currentItem": { "alias": "currentItem"; "required": false; }; "isDisabled": { "alias": "isDisabled"; "required": false; }; "format": { "alias": "format"; "required": false; }; }, { "valueChange": "valueChange"; }, never, never, true, never>;
 }

package/editors/text-editor.component.d.ts

@@ -18,5 +18,5 @@ export declare class FilterTextEditorComponent {
     messageFor(key: string): string;
     onValueChange(value: string): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<FilterTextEditorComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<FilterTextEditorComponent, "kendo-filter-text-editor", never, { "currentItem": "currentItem"; "isDisabled": "isDisabled"; }, { "valueChange": "valueChange"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FilterTextEditorComponent, "kendo-filter-text-editor", never, { "currentItem": { "alias": "currentItem"; "required": false; }; "isDisabled": { "alias": "isDisabled"; "required": false; }; }, { "valueChange": "valueChange"; }, never, never, true, never>;
 }

package/{esm2020 → esm2022}/aria-label.directive.mjs

@@ -8,6 +8,9 @@ import * as i0 from "@angular/core";
  * @hidden
  */
 export class AriaLabelValueDirective {
+    hostElement;
+    renderer;
+    ariaLabel;
     constructor(hostElement, renderer) {
         this.hostElement = hostElement;
         this.renderer = renderer;
@@ -16,10 +19,10 @@ export class AriaLabelValueDirective {
         const target = this.hostElement.nativeElement.querySelector('input') || this.hostElement.nativeElement;
         this.renderer.setAttribute(target, 'aria-label', this.ariaLabel);
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AriaLabelValueDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: AriaLabelValueDirective, isStandalone: true, selector: "[kendoAriaLabelValue]", inputs: { ariaLabel: ["kendoAriaLabelValue", "ariaLabel"] }, ngImport: i0 });
 }
-AriaLabelValueDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: AriaLabelValueDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive });
-AriaLabelValueDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: AriaLabelValueDirective, isStandalone: true, selector: "[kendoAriaLabelValue]", inputs: { ariaLabel: ["kendoAriaLabelValue", "ariaLabel"] }, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: AriaLabelValueDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AriaLabelValueDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[kendoAriaLabelValue]',

package/{esm2020 → esm2022}/base-filter-row.component.mjs

@@ -13,14 +13,19 @@ import * as i2 from "@progress/kendo-angular-l10n";
  * @hidden
  */
 export class BaseFilterRowComponent {
+    element;
+    navigationService;
+    localization;
+    renderer;
+    index;
+    valueChange = new EventEmitter();
     constructor(element, navigationService, localization, renderer) {
         this.element = element;
         this.navigationService = navigationService;
         this.localization = localization;
         this.renderer = renderer;
-        this.valueChange = new EventEmitter();
-        this.itemNumber = 0;
     }
+    itemNumber = 0;
     get toolbarElement() {
         return this.element.nativeElement.querySelector('.k-toolbar');
     }
@@ -57,10 +62,10 @@ export class BaseFilterRowComponent {
         this.navigationService.currentToolbarItemIndex = this.itemNumber;
         this.navigationService.focusCurrentElement(elementToFocus, true);
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: BaseFilterRowComponent, deps: [{ token: i0.ElementRef }, { token: i1.NavigationService }, { token: i2.LocalizationService }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: BaseFilterRowComponent, inputs: { index: "index" }, outputs: { valueChange: "valueChange" }, ngImport: i0 });
 }
-BaseFilterRowComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: BaseFilterRowComponent, deps: [{ token: i0.ElementRef }, { token: i1.NavigationService }, { token: i2.LocalizationService }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive });
-BaseFilterRowComponent.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: BaseFilterRowComponent, inputs: { index: "index" }, outputs: { valueChange: "valueChange" }, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: BaseFilterRowComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: BaseFilterRowComponent, decorators: [{
             type: Directive,
             args: [{}]
         }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i1.NavigationService }, { type: i2.LocalizationService }, { type: i0.Renderer2 }]; }, propDecorators: { index: [{

package/{esm2020 → esm2022}/editors/boolean-editor.component.mjs

@@ -12,12 +12,16 @@ import * as i1 from "@progress/kendo-angular-l10n";
  * @hidden
  */
 export class FilterBooleanEditorComponent {
+    localization;
+    cdr;
+    currentItem;
+    valueChange = new EventEmitter();
+    items = this.getValueItems();
+    defaultItem = this.getDefaultItem();
+    localizationSubscription;
     constructor(localization, cdr) {
         this.localization = localization;
         this.cdr = cdr;
-        this.valueChange = new EventEmitter();
-        this.items = this.getValueItems();
-        this.defaultItem = this.getDefaultItem();
     }
     ngOnInit() {
         this.localizationSubscription = this.localization.changes.subscribe(() => {
@@ -47,9 +51,8 @@ export class FilterBooleanEditorComponent {
         this.currentItem.value = value;
         this.valueChange.emit();
     }
-}
-FilterBooleanEditorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: FilterBooleanEditorComponent, deps: [{ token: i1.LocalizationService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-FilterBooleanEditorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: FilterBooleanEditorComponent, isStandalone: true, selector: "kendo-filter-boolean-editor", inputs: { currentItem: "currentItem" }, outputs: { valueChange: "valueChange" }, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FilterBooleanEditorComponent, deps: [{ token: i1.LocalizationService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: FilterBooleanEditorComponent, isStandalone: true, selector: "kendo-filter-boolean-editor", inputs: { currentItem: "currentItem" }, outputs: { valueChange: "valueChange" }, ngImport: i0, template: `
     <kendo-dropdownlist
         [tabindex]="-1"
         [kendoAriaLabelValue]="messageFor('filterValueAriaLabel')"
@@ -63,7 +66,8 @@ FilterBooleanEditorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14
         >
     </kendo-dropdownlist>
   `, isInline: true, dependencies: [{ 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: AriaLabelValueDirective, selector: "[kendoAriaLabelValue]", inputs: ["kendoAriaLabelValue"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: FilterBooleanEditorComponent, decorators: [{
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FilterBooleanEditorComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'kendo-filter-boolean-editor',

package/{esm2020 → esm2022}/editors/date-editor.component.mjs

@@ -12,9 +12,13 @@ import * as i1 from "@progress/kendo-angular-l10n";
  * @hidden
  */
 export class FilterDateEditorComponent {
+    localization;
+    currentItem;
+    isDisabled;
+    format;
+    valueChange = new EventEmitter();
     constructor(localization) {
         this.localization = localization;
-        this.valueChange = new EventEmitter();
     }
     messageFor(key) {
         return this.localization.get(key);
@@ -23,9 +27,8 @@ export class FilterDateEditorComponent {
         this.currentItem.value = value;
         this.valueChange.emit();
     }
-}
-FilterDateEditorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: FilterDateEditorComponent, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
-FilterDateEditorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: FilterDateEditorComponent, isStandalone: true, selector: "kendo-filter-date-editor", inputs: { currentItem: "currentItem", isDisabled: "isDisabled", format: "format" }, outputs: { valueChange: "valueChange" }, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FilterDateEditorComponent, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: FilterDateEditorComponent, isStandalone: true, selector: "kendo-filter-date-editor", inputs: { currentItem: "currentItem", isDisabled: "isDisabled", format: "format" }, outputs: { valueChange: "valueChange" }, ngImport: i0, template: `
         <kendo-datepicker
             [tabindex]="-1"
             [kendoAriaLabelValue]="messageFor('filterValueAriaLabel')"
@@ -39,7 +42,8 @@ FilterDateEditorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.
             </kendo-datepicker-messages>
         </kendo-datepicker>
   `, isInline: true, dependencies: [{ 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: AriaLabelValueDirective, selector: "[kendoAriaLabelValue]", inputs: ["kendoAriaLabelValue"] }, { kind: "component", type: DatePickerCustomMessagesComponent, selector: "kendo-datepicker-messages" }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: FilterDateEditorComponent, decorators: [{
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FilterDateEditorComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'kendo-filter-date-editor',

package/{esm2020 → esm2022}/editors/numeric-editor.component.mjs

@@ -12,9 +12,13 @@ import * as i1 from "@progress/kendo-angular-l10n";
  * @hidden
  */
 export class FilterNumericEditorComponent {
+    localization;
+    currentItem;
+    isDisabled;
+    format;
+    valueChange = new EventEmitter();
     constructor(localization) {
         this.localization = localization;
-        this.valueChange = new EventEmitter();
     }
     messageFor(key) {
         return this.localization.get(key);
@@ -23,9 +27,8 @@ export class FilterNumericEditorComponent {
         this.currentItem.value = value;
         this.valueChange.emit();
     }
-}
-FilterNumericEditorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: FilterNumericEditorComponent, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
-FilterNumericEditorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: FilterNumericEditorComponent, isStandalone: true, selector: "kendo-filter-numeric-editor", inputs: { currentItem: "currentItem", isDisabled: "isDisabled", format: "format" }, outputs: { valueChange: "valueChange" }, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FilterNumericEditorComponent, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: FilterNumericEditorComponent, isStandalone: true, selector: "kendo-filter-numeric-editor", inputs: { currentItem: "currentItem", isDisabled: "isDisabled", format: "format" }, outputs: { valueChange: "valueChange" }, ngImport: i0, template: `
         <kendo-numerictextbox
             [tabindex]="-1"
             [kendoAriaLabelValue]="messageFor('filterValueAriaLabel')"
@@ -39,7 +42,8 @@ FilterNumericEditorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14
             </kendo-numerictextbox-messages>
         </kendo-numerictextbox>
   `, isInline: true, dependencies: [{ 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: AriaLabelValueDirective, selector: "[kendoAriaLabelValue]", inputs: ["kendoAriaLabelValue"] }, { kind: "component", type: NumericTextBoxCustomMessagesComponent, selector: "kendo-numerictextbox-messages" }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: FilterNumericEditorComponent, decorators: [{
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FilterNumericEditorComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'kendo-filter-numeric-editor',

package/{esm2020 → esm2022}/editors/text-editor.component.mjs

@@ -12,9 +12,12 @@ import * as i1 from "@progress/kendo-angular-l10n";
  * @hidden
  */
 export class FilterTextEditorComponent {
+    localization;
+    currentItem;
+    isDisabled;
+    valueChange = new EventEmitter();
     constructor(localization) {
         this.localization = localization;
-        this.valueChange = new EventEmitter();
     }
     messageFor(key) {
         return this.localization.get(key);
@@ -23,9 +26,8 @@ export class FilterTextEditorComponent {
         this.currentItem.value = value;
         this.valueChange.emit();
     }
-}
-FilterTextEditorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: FilterTextEditorComponent, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
-FilterTextEditorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: FilterTextEditorComponent, isStandalone: true, selector: "kendo-filter-text-editor", inputs: { currentItem: "currentItem", isDisabled: "isDisabled" }, outputs: { valueChange: "valueChange" }, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FilterTextEditorComponent, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: FilterTextEditorComponent, isStandalone: true, selector: "kendo-filter-text-editor", inputs: { currentItem: "currentItem", isDisabled: "isDisabled" }, outputs: { valueChange: "valueChange" }, ngImport: i0, template: `
         <kendo-textbox
             [tabindex]="-1"
             [kendoAriaLabelValue]="messageFor('filterValueAriaLabel')"
@@ -34,7 +36,8 @@ FilterTextEditorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.
             [disabled]="isDisabled">
         </kendo-textbox>
   `, isInline: true, dependencies: [{ 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: AriaLabelValueDirective, selector: "[kendoAriaLabelValue]", inputs: ["kendoAriaLabelValue"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: FilterTextEditorComponent, decorators: [{
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FilterTextEditorComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'kendo-filter-text-editor',

package/{esm2020 → esm2022}/filter-expression-operators.component.mjs

@@ -13,10 +13,13 @@ import * as i1 from "@progress/kendo-angular-l10n";
  * @hidden
  */
 export class FilterExpressionOperatorsComponent {
+    localization;
+    currentItem;
+    editorType;
+    valueChange = new EventEmitter();
+    operators = [];
     constructor(localization) {
         this.localization = localization;
-        this.valueChange = new EventEmitter();
-        this.operators = [];
     }
     messageFor(key) {
         return this.localization.get(key);
@@ -27,9 +30,8 @@ export class FilterExpressionOperatorsComponent {
     operatorValueChange(value) {
         this.valueChange.emit(value);
     }
-}
-FilterExpressionOperatorsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: FilterExpressionOperatorsComponent, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
-FilterExpressionOperatorsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: FilterExpressionOperatorsComponent, isStandalone: true, selector: "kendo-filter-expression-operators", inputs: { currentItem: "currentItem", editorType: "editorType", operators: "operators" }, outputs: { valueChange: "valueChange" }, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FilterExpressionOperatorsComponent, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: FilterExpressionOperatorsComponent, isStandalone: true, selector: "kendo-filter-expression-operators", inputs: { currentItem: "currentItem", editorType: "editorType", operators: "operators" }, outputs: { valueChange: "valueChange" }, ngImport: i0, template: `
         <kendo-dropdownlist
             [tabindex]="-1"
             [kendoAriaLabelValue]="messageFor('filterOperatorAriaLabel')"
@@ -49,7 +51,8 @@ FilterExpressionOperatorsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersio
             </ng-template>
         </kendo-dropdownlist>
     `, isInline: true, dependencies: [{ 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: AriaLabelValueDirective, selector: "[kendoAriaLabelValue]", inputs: ["kendoAriaLabelValue"] }, { kind: "directive", type: ValueTemplateDirective, selector: "[kendoDropDownListValueTemplate],[kendoDropDownTreeValueTemplate]" }, { kind: "directive", type: ItemTemplateDirective, selector: "[kendoDropDownListItemTemplate],[kendoComboBoxItemTemplate],[kendoAutoCompleteItemTemplate],[kendoMultiSelectItemTemplate]" }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: FilterExpressionOperatorsComponent, decorators: [{
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FilterExpressionOperatorsComponent, decorators: [{
             type: Component,
             args: [{
                     selector: "kendo-filter-expression-operators",

package/{esm2020 → esm2022}/filter-expression.component.mjs

@@ -28,18 +28,20 @@ import * as i3 from "@progress/kendo-angular-l10n";
  * @hidden
  */
 export class FilterExpressionComponent extends BaseFilterRowComponent {
-    constructor(filterService, cdr, element, navigationService, localization, renderer) {
-        super(element, navigationService, localization, renderer);
-        this.filterService = filterService;
-        this.cdr = cdr;
-        /**
-         * @hidden
-         */
-        this.xIcon = xIcon;
-        this.operators = [];
-        this.isBoolean = false;
-        this.isEditorDisabled = false;
-    }
+    filterService;
+    cdr;
+    /**
+     * @hidden
+     */
+    xIcon = xIcon;
+    static ngAcceptInputType_currentItem;
+    currentItem;
+    operators = [];
+    isBoolean = false;
+    editorType;
+    isEditorDisabled = false;
+    editorTemplate;
+    editorFormat;
     get currentFilterExpression() {
         return this.getFilterExpressionByField(this.currentItem.field);
     }
@@ -79,6 +81,12 @@ export class FilterExpressionComponent extends BaseFilterRowComponent {
             return false;
         }
     }
+    localizationSubscription;
+    constructor(filterService, cdr, element, navigationService, localization, renderer) {
+        super(element, navigationService, localization, renderer);
+        this.filterService = filterService;
+        this.cdr = cdr;
+    }
     ngOnInit() {
         this.isEditorDisabled = nullOperators.indexOf(this.currentItem.operator) >= 0;
         const foundFilter = this.getFilterExpressionByField(this.currentItem.field);
@@ -196,12 +204,11 @@ export class FilterExpressionComponent extends BaseFilterRowComponent {
         const filterExpression = this.filterService.filters.find((filter) => filter.field === this.currentItem.field);
         this.editorTemplate = filterExpression?.editorTemplate;
     }
-}
-FilterExpressionComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: FilterExpressionComponent, deps: [{ token: i1.FilterService }, { token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i2.NavigationService }, { token: i3.LocalizationService }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
-FilterExpressionComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: FilterExpressionComponent, isStandalone: true, selector: "kendo-filter-expression", inputs: { currentItem: "currentItem" }, providers: [{
-            provide: FilterItem,
-            useExisting: forwardRef(() => FilterExpressionComponent)
-        }], usesInheritance: true, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FilterExpressionComponent, deps: [{ token: i1.FilterService }, { token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i2.NavigationService }, { token: i3.LocalizationService }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: FilterExpressionComponent, isStandalone: true, selector: "kendo-filter-expression", inputs: { currentItem: "currentItem" }, providers: [{
+                provide: FilterItem,
+                useExisting: forwardRef(() => FilterExpressionComponent)
+            }], usesInheritance: true, ngImport: i0, template: `
         <div class="k-filter-toolbar">
             <div class="k-toolbar k-toolbar-md" role="toolbar" [attr.aria-label]="messageFor('filterToolbarAriaLabel')" (mousedown)="onMouseDown($event)">
                 <div class="k-filter-field k-toolbar-item" >
@@ -252,8 +259,9 @@ FilterExpressionComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.
                 </button>
             </div>
         </div>
-  `, isInline: true, dependencies: [{ 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: AriaLabelValueDirective, selector: "[kendoAriaLabelValue]", inputs: ["kendoAriaLabelValue"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: FilterExpressionOperatorsComponent, selector: "kendo-filter-expression-operators", inputs: ["currentItem", "editorType", "operators"], outputs: ["valueChange"] }, { kind: "directive", type: NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "component", type: FilterTextEditorComponent, selector: "kendo-filter-text-editor", inputs: ["currentItem", "isDisabled"], outputs: ["valueChange"] }, { kind: "component", type: FilterNumericEditorComponent, selector: "kendo-filter-numeric-editor", inputs: ["currentItem", "isDisabled", "format"], outputs: ["valueChange"] }, { kind: "component", type: FilterBooleanEditorComponent, selector: "kendo-filter-boolean-editor", inputs: ["currentItem"], outputs: ["valueChange"] }, { kind: "component", type: FilterDateEditorComponent, selector: "kendo-filter-date-editor", inputs: ["currentItem", "isDisabled", "format"], outputs: ["valueChange"] }, { kind: "directive", type: TemplateContextDirective, selector: "[templateContext]", inputs: ["templateContext"] }, { kind: "component", type: ButtonComponent, selector: "button[kendoButton], span[kendoButton], kendo-button", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "role", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: FilterExpressionComponent, decorators: [{
+  `, isInline: true, dependencies: [{ 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: AriaLabelValueDirective, selector: "[kendoAriaLabelValue]", inputs: ["kendoAriaLabelValue"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: FilterExpressionOperatorsComponent, selector: "kendo-filter-expression-operators", inputs: ["currentItem", "editorType", "operators"], outputs: ["valueChange"] }, { kind: "directive", type: NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "component", type: FilterTextEditorComponent, selector: "kendo-filter-text-editor", inputs: ["currentItem", "isDisabled"], outputs: ["valueChange"] }, { kind: "component", type: FilterNumericEditorComponent, selector: "kendo-filter-numeric-editor", inputs: ["currentItem", "isDisabled", "format"], outputs: ["valueChange"] }, { kind: "component", type: FilterBooleanEditorComponent, selector: "kendo-filter-boolean-editor", inputs: ["currentItem"], outputs: ["valueChange"] }, { kind: "component", type: FilterDateEditorComponent, selector: "kendo-filter-date-editor", inputs: ["currentItem", "isDisabled", "format"], outputs: ["valueChange"] }, { kind: "directive", type: TemplateContextDirective, selector: "[templateContext]", inputs: ["templateContext"] }, { kind: "component", type: 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: FilterExpressionComponent, decorators: [{
             type: Component,
             args: [{
                     providers: [{

package/{esm2020 → esm2022}/filter-field.component.mjs

@@ -30,6 +30,10 @@ import * as i0 from "@angular/core";
  * ```
  */
 export class FilterFieldComponent {
+    /**
+     * Specifies the `field` that will be used by the user-defined filter.
+     */
+    field;
     /**
      * Specifies the `title` text that will be displayed by the user-defined filter.
      * If the `title` isn't set, the value passed to `field` is used.
@@ -45,10 +49,53 @@ export class FilterFieldComponent {
     get title() {
         return this._title;
     }
+    _title;
+    /**
+     * Specifies the user-defined filter `editor` type that will be used.
+     * The available options are 'string', 'number', 'boolean', and 'date'.
+     */
+    editor;
+    /**
+     * Specifies the operators that will be available in the order of providing them.
+     * If no operators are provided, default operators are used for each filter type.
+     *
+     * The default string operators are:
+     * * `eq`— Is equal to
+     * * `neq`— Is not equal to
+     * * `isnull`— Is null
+     * * `isnotnull`— Is not null
+     * * `contains`— Contains
+     * * `doesnotcontain`— Does not contain
+     * * `startswith`— Starts with
+     * * `endswith`— Ends with
+     * * `isempty`— Is empty
+     * * `isnotempty`— Is not empty
+     *
+     * The default number and date operators are:
+     * * `eq`— Is equals to
+     * * `neq`— Is not equal to
+     * * `isnull`— Is null
+     * * `isnotnull`— Is not null
+     * * `gt`— Greater than
+     * * `gte`— Greater than or equal to
+     * * `lt`— Less than
+     * * `lte`— Less than or equal to
+     *
+     * The boolean operator is always set to `eq`
+     */
+    operators;
+    /**
+     * Specifies the user-defined filter `editor` format that will be used. ([see example]({% slug filter_editor_formats %}))
+     */
+    editorFormat;
+    /**
+     * @hidden
+     */
+    editorTemplate;
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FilterFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: FilterFieldComponent, isStandalone: true, selector: "kendo-filter-field", inputs: { field: "field", title: "title", editor: "editor", operators: "operators", editorFormat: "editorFormat" }, queries: [{ propertyName: "editorTemplate", first: true, predicate: FilterValueEditorTemplateDirective, descendants: true }], ngImport: i0, template: ``, isInline: true });
 }
-FilterFieldComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: FilterFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-FilterFieldComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: FilterFieldComponent, isStandalone: true, selector: "kendo-filter-field", inputs: { field: "field", title: "title", editor: "editor", operators: "operators", editorFormat: "editorFormat" }, queries: [{ propertyName: "editorTemplate", first: true, predicate: FilterValueEditorTemplateDirective, descendants: true }], ngImport: i0, template: ``, isInline: true });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: FilterFieldComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FilterFieldComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'kendo-filter-field',