@progress/kendo-angular-filter 17.0.0-develop.9 → 17.0.0

package/fesm2015/progress-kendo-angular-filter.mjs

@@ -1,2278 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2024 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-import * as i0 from '@angular/core';
-import { Injectable, Directive, Component, Input, ContentChild, EventEmitter, Output, isDevMode, forwardRef, ViewChildren, HostListener, HostBinding, ContentChildren, NgModule } from '@angular/core';
-import * as i1 from '@progress/kendo-angular-l10n';
-import { ComponentMessages, LocalizationService, L10N_PREFIX } from '@progress/kendo-angular-l10n';
-import { validatePackage } from '@progress/kendo-licensing';
-import { Keys, TemplateContextDirective, ResizeBatchService } from '@progress/kendo-angular-common';
-import { xIcon, filterAddGroupIcon, filterAddExpressionIcon } from '@progress/kendo-svg-icons';
-import { ButtonComponent } from '@progress/kendo-angular-buttons';
-import { DatePickerComponent, DatePickerCustomMessagesComponent, CalendarDOMService, CenturyViewService, DecadeViewService, MonthViewService, YearViewService, TimePickerDOMService, HoursService, MinutesService, SecondsService, MillisecondsService, DayPeriodService } from '@progress/kendo-angular-dateinputs';
-import { DropDownListComponent, ValueTemplateDirective, ItemTemplateDirective } from '@progress/kendo-angular-dropdowns';
-import { NumericTextBoxComponent, NumericTextBoxCustomMessagesComponent, TextBoxComponent } from '@progress/kendo-angular-inputs';
-import { NgIf, NgSwitch, NgSwitchCase, NgFor, NgClass } from '@angular/common';
-import { IconsService } from '@progress/kendo-angular-icons';
-import { PopupService } from '@progress/kendo-angular-popup';
-import { DialogContainerService, DialogService, WindowService, WindowContainerService, NavigationService as NavigationService$1 } from '@progress/kendo-angular-dialog';
-
-/**
- * @hidden
- */
-class FilterService {
-    constructor() {
-        this.normalizedValue = { logic: 'and', filters: [] };
-        this.filters = [];
-    }
-    addFilterGroup(item) {
-        const filterGroup = { logic: 'and', filters: [] };
-        item.filters.push(filterGroup);
-    }
-    addFilterExpression(item) {
-        const filterExpression = { operator: 'eq', value: null, field: null };
-        item.filters.push(filterExpression);
-    }
-    remove(item, positionIndex, parentItem) {
-        if (!parentItem) {
-            parentItem = this.normalizedValue;
-        }
-        if (item === parentItem) {
-            parentItem.filters = [];
-            return;
-        }
-        const index = parentItem.filters.indexOf(item);
-        if (index >= 0 && index === positionIndex) {
-            parentItem.filters = parentItem.filters.filter((i) => i !== item);
-            return;
-        }
-        parentItem.filters.forEach((filter) => filter.filters && this.remove(item, positionIndex, filter));
-    }
-}
-FilterService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: FilterService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-FilterService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: FilterService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: FilterService, decorators: [{
-            type: Injectable
-        }] });
-
-/**
- * @hidden
- */
-const nullOperators = ["isnull", "isnotnull", "isempty", "isnotempty"];
-/**
- * @hidden
- */
-const numericOperators = [
-    { text: "Is equal to", value: "eq" },
-    { text: "Not equal to", value: "neq" },
-    { text: "Greater than or equal to", value: "gte" },
-    { text: "Greater than", value: "gt" },
-    { text: "Less than or equal to", value: "lte" },
-    { text: "Less than", value: "lt" },
-    { text: "Is null", value: "isnull" },
-    { text: "Is not null", value: "isnotnull" }
-];
-/**
- * @hidden
- */
-const stringOperators = [
-    { text: "Is equal to", value: "eq" },
-    { text: "Not equal to", value: "neq" },
-    { text: "Contains", value: "contains" },
-    { text: "Does not contain", value: "doesnotcontain" },
-    { text: "Starts with", value: "startswith" },
-    { text: "Ends with", value: "endswith" },
-    { text: "Is null", value: "isnull" },
-    { text: "Is not null", value: "isnotnull" },
-    { text: "Is empty", value: "isempty" },
-    { text: "Is not empty", value: "isnotempty" }
-];
-/**
- * @hidden
- */
-const booleanOperators = [
-    { text: "Is equal to", value: "eq" },
-    { text: "Is not equal to", value: "neq" }
-];
-/**
- * @hidden
- */
-const dateOperators = [
-    { text: "Is equal to", value: "eq" },
-    { text: "Not equal to", value: "neq" },
-    { text: "Greater than or equal to", value: "gte" },
-    { text: "Greater than", value: "gt" },
-    { text: "Less than or equal to", value: "lte" },
-    { text: "Less than", value: "lt" },
-    { text: "Is null", value: "isnull" },
-    { text: "Is not null", value: "isnotnull" }
-];
-/**
- * @hidden
- */
-const isArray = (value) => Array.isArray(value);
-/**
- * @hidden
- */
-const getKeyByValue = (object, value) => {
-    return object && Object.keys(object).find(key => object[key] === value);
-};
-/**
- * @hidden
- */
-const defaultStringOperators = {
-    "filterEqOperator": "eq",
-    "filterNotEqOperator": "neq",
-    "filterContainsOperator": "contains",
-    "filterNotContainsOperator": "doesnotcontain",
-    "filterStartsWithOperator": "startswith",
-    "filterEndsWithOperator": "endswith",
-    "filterIsNullOperator": "isnull",
-    "filterIsNotNullOperator": "isnotnull",
-    "filterIsEmptyOperator": "isempty",
-    "filterIsNotEmptyOperator": "isnotempty"
-};
-/**
- * @hidden
- */
-const defaultNumericOperators = {
-    "filterEqOperator": "eq",
-    "filterNotEqOperator": "neq",
-    "filterGteOperator": "gte",
-    "filterGtOperator": "gt",
-    "filterLteOperator": "lte",
-    "filterLtOperator": "lt",
-    "filterIsNullOperator": "isnull",
-    "filterIsNotNullOperator": "isnotnull"
-};
-/**
- * @hidden
- */
-const defaultDateOperators = {
-    "filterEqOperator": "eq",
-    "filterNotEqOperator": "neq",
-    "filterAfterOrEqualOperator": "gte",
-    "filterAfterOperator": "gt",
-    "filterBeforeOrEqualOperator": "lte",
-    "filterBeforeOperator": "lt",
-    "filterIsNullOperator": "isnull",
-    "filterIsNotNullOperator": "isnotnull"
-};
-/**
- * @hidden
- */
-const defaultOperators = {
-    "string": defaultStringOperators,
-    "number": defaultNumericOperators,
-    "date": defaultDateOperators
-};
-/**
- * @hidden
- */
-const logicOperators = {
-    "filterAndLogic": 'and',
-    "filterOrLogic": 'or'
-};
-/**
- * @hidden
- */
-const isFilterEditor = (editorType) => {
-    const supportedEditorTypes = ['string', 'number', 'boolean', 'date'];
-    return supportedEditorTypes.indexOf(editorType) >= 0;
-};
-/**
- * @hidden
- */
-const localizeOperators = operators => localization => Object.keys(operators).map(key => ({
-    text: localization.get(key),
-    value: operators[key]
-}));
-/**
- * @hidden
- */
-const isPresent = (value) => value !== null && value !== undefined;
-/**
- * @hidden
- */
-class FilterItem {
-}
-FilterItem.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: FilterItem, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-FilterItem.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: FilterItem });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: FilterItem, decorators: [{
-            type: Injectable
-        }] });
-/**
- * @hidden
- */
-const selectors = {
-    andButton: `button.k-group-start`,
-    orButton: `button.k-group-end`,
-    addFilterButton: `button[icon="filter-add-expression"]`,
-    addGroupButton: `button[icon="filter-add-group"]`,
-    removeButton: `button[icon="x"]`,
-    filterFieldWrapper: `.k-filter-field`,
-    filterOperatorWrapper: `.k-filter-operator`,
-    filterValueEditorWrapper: `.k-filter-value`,
-    kendoDropDownListComponent: `kendo-dropdownlist`,
-    kendoInput: `.k-input`,
-    kendoInputInner: `.k-input-inner`,
-    inputElement: `input`,
-    textAreaElement: `textarea`,
-    kendoToolbar: `.k-toolbar`,
-    kendoButton: `.k-button`,
-    kendoFilterToolbarItem: `.k-toolbar-item`,
-    kendoFilterToolbarButton: `.k-toolbar-button`
-};
-
-/**
- * @hidden
- */
-const packageMetadata = {
-    name: '@progress/kendo-angular-filter',
-    productName: 'Kendo UI for Angular',
-    productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1729174790,
-    version: '17.0.0-develop.9',
-    licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
-};
-
-class FilterValueEditorTemplateDirective {
-    constructor(templateRef) {
-        this.templateRef = templateRef;
-    }
-}
-FilterValueEditorTemplateDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: FilterValueEditorTemplateDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
-FilterValueEditorTemplateDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: FilterValueEditorTemplateDirective, isStandalone: true, selector: "[kendoFilterValueEditorTemplate]", ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: FilterValueEditorTemplateDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[kendoFilterValueEditorTemplate]',
-                    standalone: true
-                }]
-        }], ctorParameters: function () { return [{ type: i0.TemplateRef }]; } });
-
-/**
- * Represents the [Kendo UI Filter Field component for Angular]({% slug api_filter_filterfieldcomponent %}).
- * The Filter Field component can be used to add Filter Expressions declaratively.
- * @example
- * ```ts
- *   @Component({
- *       selector: 'my-app',
- *       template: `
- *          <kendo-filter (valueChange)="onValueChange($event)">
- *              <kendo-filter-field field="country" editor="string" [operators]="['neq', 'eq', 'contains']"></kendo-filter-field>
- *              <kendo-filter-field field="budget" editor="number"></kendo-filter-field>
- *              <kendo-filter-field field="discontinued" title="Discontinued" editor="boolean"></kendo-filter-field>
- *              <kendo-filter-field field="ordered on" title="Ordered on" editor="date"></kendo-filter-field>
- *          <kendo-filter>
- *       `
- *   })
- *   export class AppComponent {
- *      onValueChange(e: CompositeFilterDescriptor){
- *          console.log(e)
- *      }
- *  }
- * ```
- */
-class FilterFieldComponent {
-    /**
-     * 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.
-     */
-    set title(_title) {
-        if (_title) {
-            this._title = _title;
-        }
-        else {
-            this._title = this.field;
-        }
-    }
-    get title() {
-        return this._title;
-    }
-}
-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: [{
-            type: Component,
-            args: [{
-                    selector: 'kendo-filter-field',
-                    template: ``,
-                    standalone: true
-                }]
-        }], propDecorators: { field: [{
-                type: Input
-            }], title: [{
-                type: Input
-            }], editor: [{
-                type: Input
-            }], operators: [{
-                type: Input
-            }], editorFormat: [{
-                type: Input
-            }], editorTemplate: [{
-                type: ContentChild,
-                args: [FilterValueEditorTemplateDirective]
-            }] } });
-
-/**
- * @hidden
- */
-class NavigationService {
-    constructor(cdr, renderer) {
-        this.cdr = cdr;
-        this.renderer = renderer;
-        this.hierarchicalFilterItems = [];
-        this.flattenFilterItems = [];
-        this.currentToolbarItemIndex = 0;
-        this.currentToolbarItemChildrenIndex = 0;
-        this.isInnerNavigationActivated = true;
-        this.isFilterExpressionComponentFocused = false;
-    }
-    processKeyDown(key, event) {
-        switch (key) {
-            case Keys.ArrowUp: {
-                event.preventDefault();
-                if (!this.isFilterExpressionComponentFocused) {
-                    this.currentToolbarItemChildrenIndex = 0;
-                    this.currentToolbarItemIndex > 0 ? this.currentToolbarItemIndex-- : this.currentToolbarItemIndex;
-                    const elementToFocus = this.flattenFilterItems[this.currentToolbarItemIndex].focusableChildren[0];
-                    this.focusCurrentElement(elementToFocus);
-                }
-                break;
-            }
-            case Keys.ArrowDown: {
-                event.preventDefault();
-                if (!this.isFilterExpressionComponentFocused) {
-                    this.currentToolbarItemChildrenIndex = 0;
-                    this.currentToolbarItemIndex < this.flattenFilterItems.length - 1 ? this.currentToolbarItemIndex++ : this.currentToolbarItemIndex;
-                    const elementToFocus = this.flattenFilterItems[this.currentToolbarItemIndex].focusableChildren[0];
-                    this.focusCurrentElement(elementToFocus);
-                }
-                break;
-            }
-            case Keys.Enter: {
-                const isEventTargetKendoFilterToolbarItem = event.target.closest(selectors.kendoFilterToolbarItem);
-                const isEventTargetButton = event.target.closest(selectors.kendoButton);
-                if (this.isInnerNavigationActivated &&
-                    !this.isFilterExpressionComponentFocused &&
-                    isEventTargetKendoFilterToolbarItem &&
-                    !isEventTargetButton) {
-                    event.preventDefault();
-                    this.isFilterExpressionComponentFocused = true;
-                    const focusableElement = this.flattenFilterItems[this.currentToolbarItemIndex].focusableChildren[this.currentToolbarItemChildrenIndex];
-                    const elementToFocus = focusableElement.querySelector(selectors.KendoDropDownListComponent) ||
-                        focusableElement.querySelector(selectors.kendoInputInner) ||
-                        focusableElement.querySelector(selectors.inputElement) ||
-                        focusableElement.querySelector(selectors.textAreaElement);
-                    this.focusCurrentElement(elementToFocus);
-                }
-                break;
-            }
-            case Keys.Escape: {
-                if (this.isFilterExpressionComponentFocused) {
-                    event.preventDefault();
-                    this.isFilterExpressionComponentFocused = false;
-                    const elementToFocus = this.flattenFilterItems[this.currentToolbarItemIndex].focusableChildren[this.currentToolbarItemChildrenIndex];
-                    this.focusCurrentElement(elementToFocus);
-                }
-                break;
-            }
-            case Keys.ArrowRight: {
-                if (this.isInnerNavigationActivated && !this.isFilterExpressionComponentFocused) {
-                    event.preventDefault();
-                    this.currentToolbarItemChildrenIndex < this.flattenFilterItems[this.currentToolbarItemIndex].focusableChildren.length - 1 ? this.currentToolbarItemChildrenIndex++ : this.currentToolbarItemChildrenIndex;
-                    const elementToFocus = this.flattenFilterItems[this.currentToolbarItemIndex].focusableChildren[this.currentToolbarItemChildrenIndex];
-                    this.focusCurrentElement(elementToFocus);
-                }
-                break;
-            }
-            case Keys.ArrowLeft: {
-                if (this.isInnerNavigationActivated && !this.isFilterExpressionComponentFocused) {
-                    event.preventDefault();
-                    this.currentToolbarItemChildrenIndex > 0 ? this.currentToolbarItemChildrenIndex-- : this.currentToolbarItemChildrenIndex;
-                    const elementToFocus = this.flattenFilterItems[this.currentToolbarItemIndex].focusableChildren[this.currentToolbarItemChildrenIndex];
-                    this.focusCurrentElement(elementToFocus);
-                }
-                break;
-            }
-            default:
-                break;
-        }
-    }
-    focusCurrentElement(element, isOnMouseDown) {
-        this.renderer.setAttribute(this.currentlyFocusedElement, 'tabindex', '-1');
-        this.currentlyFocusedElement = element;
-        if (element) {
-            this.renderer.setAttribute(this.currentlyFocusedElement, 'tabindex', '0');
-            if (!isOnMouseDown) {
-                this.currentlyFocusedElement.focus();
-            }
-        }
-    }
-    flattenHierarchicalFilterItems(filterItems) {
-        filterItems.forEach((filterRow) => {
-            var _a, _b;
-            const flattenItem = { component: filterRow, isGroup: false, toolbarElement: filterRow.toolbarElement, focusableChildren: [] };
-            this.flattenFilterItems.push(flattenItem);
-            if ((filterRow['operators'] && ((_a = filterRow['filterItems']) === null || _a === void 0 ? void 0 : _a.length) > 0)) {
-                this.setGroupItemChildren(flattenItem, filterRow);
-                this.flattenHierarchicalFilterItems(filterRow['filterItems']);
-            }
-            else if (filterRow['operators'] && ((_b = filterRow['filterItems']) === null || _b === void 0 ? void 0 : _b.length) === 0) {
-                this.setGroupItemChildren(flattenItem, filterRow);
-            }
-            else {
-                flattenItem.focusableChildren.push(filterRow.toolbarElement.querySelector(selectors.filterFieldWrapper));
-                if (filterRow.toolbarElement.querySelector('.k-filter-operator')) {
-                    flattenItem.focusableChildren.push(filterRow.toolbarElement.querySelector(selectors.filterOperatorWrapper));
-                }
-                flattenItem.focusableChildren.push(filterRow.toolbarElement.querySelector(selectors.filterValueEditorWrapper));
-                flattenItem.focusableChildren.push(filterRow.toolbarElement.querySelector(selectors.removeButton));
-            }
-        });
-    }
-    setGroupItemChildren(flattenItem, filterRow) {
-        flattenItem.isGroup = true;
-        flattenItem.focusableChildren.push(filterRow.toolbarElement.querySelector(selectors.andButton));
-        flattenItem.focusableChildren.push(filterRow.toolbarElement.querySelector(selectors.orButton));
-        flattenItem.focusableChildren.push(filterRow.toolbarElement.querySelector(selectors.addFilterButton));
-        flattenItem.focusableChildren.push(filterRow.toolbarElement.querySelector(selectors.addGroupButton));
-        flattenItem.focusableChildren.push(filterRow.toolbarElement.querySelector(selectors.removeButton));
-    }
-    setItemIndexes() {
-        this.flattenFilterItems.forEach((item, index) => {
-            item.component['itemNumber'] = index;
-        });
-        this.cdr.detectChanges();
-    }
-    reset(items) {
-        this.flattenFilterItems = [];
-        this.hierarchicalFilterItems = items;
-        this.flattenHierarchicalFilterItems(items);
-        this.setItemIndexes();
-    }
-}
-NavigationService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: NavigationService, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Injectable });
-NavigationService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: NavigationService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: NavigationService, decorators: [{
-            type: Injectable
-        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.Renderer2 }]; } });
-
-/**
- * @hidden
- */
-const FilterErrorMessages = {
-    missingFilters: `Pass at least one user-defined filter through the [filters] input property or nest kendo-filter-field components. See https://www.telerik.com/kendo-angular-ui/components/filter/#data-binding`,
-    missingFilterForUsedField: (field) => `There is no user-defined filter with '${field}' field provided through the [filters] input property.`,
-    missingValueForBooleanField: (field) => `Provide a value for the boolean '${field}' user-defined filter as the operator is always set to 'eq'.`,
-    operatorBooleanField: (field) => `The operator of the boolean '${field}' user-defined filter is always set to 'eq'.`,
-    filterMissingUsedOperator: (field, operator) => `The user-defined filter with field '${field}' is missing the '${operator}' operator.`,
-    improperNumericEditorValue: (title) => `The provided value for the numeric editor of the '${title}' filter expression isn't one of a supported type string or NumberFormat. See https://www.telerik.com/kendo-angular-ui/components/filter/#editor-formats/`,
-    improperDateEditorValue: (title) => `The provided value for the date editor of the '${title}' filter expression isn't one of a supported type string or DateFormat. See https://www.telerik.com/kendo-angular-ui/components/filter/#editor-formats/`
-};
-
-/**
- * @hidden
- */
-class BaseFilterRowComponent {
-    constructor(element, navigationService, localization, renderer) {
-        this.element = element;
-        this.navigationService = navigationService;
-        this.localization = localization;
-        this.renderer = renderer;
-        this.valueChange = new EventEmitter();
-        this.itemNumber = 0;
-    }
-    get toolbarElement() {
-        return this.element.nativeElement.querySelector('.k-toolbar');
-    }
-    messageFor(key) {
-        return this.localization.get(key);
-    }
-    onMouseDown(event) {
-        let elementToFocus;
-        const closestFilterToolbarItem = event.target.closest(selectors.kendoFilterToolbarItem);
-        const closestButton = event.target.closest(selectors.kendoFilterToolbarButton);
-        const closestToolbarItem = event.target.closest(selectors.kendoToolbar);
-        if (closestFilterToolbarItem || closestButton) {
-            const index = Array.from(closestToolbarItem.children).indexOf(closestFilterToolbarItem) > -1
-                ? Array.from(closestToolbarItem.children).indexOf(closestFilterToolbarItem)
-                : Array.from(closestToolbarItem.children).indexOf(closestButton);
-            this.navigationService.currentToolbarItemChildrenIndex = index;
-            this.navigationService.isInnerNavigationActivated = true;
-            this.navigationService.isFilterExpressionComponentFocused = true;
-            const wrapperElement = this.navigationService.flattenFilterItems[this.itemNumber].focusableChildren[index];
-            elementToFocus = wrapperElement.querySelector(selectors.kendoDropDownListComponent) ||
-                wrapperElement.querySelector(selectors.kendoInput) ||
-                wrapperElement.querySelector(selectors.kendoInputInner) ||
-                wrapperElement.querySelector(selectors.inputElement) ||
-                wrapperElement.querySelector(selectors.textAreaElement) ||
-                wrapperElement.querySelector(selectors.kendoButton) ||
-                wrapperElement;
-        }
-        else {
-            this.navigationService.currentToolbarItemChildrenIndex = 0;
-            this.navigationService.isInnerNavigationActivated = false;
-            this.navigationService.isFilterExpressionComponentFocused = false;
-            elementToFocus = this.navigationService.flattenFilterItems[this.itemNumber].focusableChildren[0];
-        }
-        this.navigationService.currentToolbarItemIndex = this.itemNumber;
-        this.navigationService.focusCurrentElement(elementToFocus, true);
-    }
-}
-BaseFilterRowComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: BaseFilterRowComponent, deps: [{ token: i0.ElementRef }, { token: NavigationService }, { token: i1.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: [{
-            type: Directive,
-            args: [{}]
-        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: NavigationService }, { type: i1.LocalizationService }, { type: i0.Renderer2 }]; }, propDecorators: { index: [{
-                type: Input
-            }], valueChange: [{
-                type: Output
-            }] } });
-
-/**
- * @hidden
- */
-class AriaLabelValueDirective {
-    constructor(hostElement, renderer) {
-        this.hostElement = hostElement;
-        this.renderer = renderer;
-    }
-    ngOnInit() {
-        const target = this.hostElement.nativeElement.querySelector('input') || this.hostElement.nativeElement;
-        this.renderer.setAttribute(target, 'aria-label', this.ariaLabel);
-    }
-}
-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: [{
-            type: Directive,
-            args: [{
-                    selector: '[kendoAriaLabelValue]',
-                    standalone: true
-                }]
-        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.Renderer2 }]; }, propDecorators: { ariaLabel: [{
-                type: Input,
-                args: ['kendoAriaLabelValue']
-            }] } });
-
-/**
- * @hidden
- */
-class FilterDateEditorComponent {
-    constructor(localization) {
-        this.localization = localization;
-        this.valueChange = new EventEmitter();
-    }
-    messageFor(key) {
-        return this.localization.get(key);
-    }
-    onValueChange(value) {
-        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: `
-        <kendo-datepicker
-            [tabindex]="-1"
-            [kendoAriaLabelValue]="messageFor('filterValueAriaLabel')"
-            [value]="currentItem.value"
-            (valueChange)="onValueChange($event)"
-            [disabled]="isDisabled"
-            [format]="format">
-            <kendo-datepicker-messages
-                [toggle]="messageFor('editorDateToggleText')"
-                [today]="messageFor('editorDateTodayText')">
-            </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: [{
-            type: Component,
-            args: [{
-                    selector: 'kendo-filter-date-editor',
-                    template: `
-        <kendo-datepicker
-            [tabindex]="-1"
-            [kendoAriaLabelValue]="messageFor('filterValueAriaLabel')"
-            [value]="currentItem.value"
-            (valueChange)="onValueChange($event)"
-            [disabled]="isDisabled"
-            [format]="format">
-            <kendo-datepicker-messages
-                [toggle]="messageFor('editorDateToggleText')"
-                [today]="messageFor('editorDateTodayText')">
-            </kendo-datepicker-messages>
-        </kendo-datepicker>
-  `,
-                    standalone: true,
-                    imports: [DatePickerComponent, AriaLabelValueDirective, DatePickerCustomMessagesComponent]
-                }]
-        }], ctorParameters: function () { return [{ type: i1.LocalizationService }]; }, propDecorators: { currentItem: [{
-                type: Input
-            }], isDisabled: [{
-                type: Input
-            }], format: [{
-                type: Input
-            }], valueChange: [{
-                type: Output
-            }] } });
-
-/**
- * @hidden
- */
-class FilterBooleanEditorComponent {
-    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(() => {
-            this.defaultItem = this.getDefaultItem();
-            this.items = this.getValueItems();
-            this.cdr.detectChanges();
-        });
-    }
-    getDefaultItem() {
-        return { text: this.localization.get("filterBooleanAll"), value: null };
-    }
-    getValueItems() {
-        return [
-            { text: this.localization.get("filterIsTrue"), value: true },
-            { text: this.localization.get("filterIsFalse"), value: false }
-        ];
-    }
-    ngOnDestroy() {
-        if (this.localizationSubscription) {
-            this.localizationSubscription.unsubscribe();
-        }
-    }
-    messageFor(key) {
-        return this.localization.get(key);
-    }
-    onValueChange(value) {
-        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: `
-    <kendo-dropdownlist
-        [tabindex]="-1"
-        [kendoAriaLabelValue]="messageFor('filterValueAriaLabel')"
-        [value]="currentItem.value"
-        (valueChange)="onValueChange($event)"
-        [data]="items"
-        [defaultItem]="defaultItem"
-        [valuePrimitive]="true"
-        textField="text"
-        valueField="value"
-        >
-    </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: [{
-            type: Component,
-            args: [{
-                    selector: 'kendo-filter-boolean-editor',
-                    template: `
-    <kendo-dropdownlist
-        [tabindex]="-1"
-        [kendoAriaLabelValue]="messageFor('filterValueAriaLabel')"
-        [value]="currentItem.value"
-        (valueChange)="onValueChange($event)"
-        [data]="items"
-        [defaultItem]="defaultItem"
-        [valuePrimitive]="true"
-        textField="text"
-        valueField="value"
-        >
-    </kendo-dropdownlist>
-  `,
-                    standalone: true,
-                    imports: [DropDownListComponent, AriaLabelValueDirective]
-                }]
-        }], ctorParameters: function () { return [{ type: i1.LocalizationService }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { currentItem: [{
-                type: Input
-            }], valueChange: [{
-                type: Output
-            }] } });
-
-/**
- * @hidden
- */
-class FilterNumericEditorComponent {
-    constructor(localization) {
-        this.localization = localization;
-        this.valueChange = new EventEmitter();
-    }
-    messageFor(key) {
-        return this.localization.get(key);
-    }
-    onValueChange(value) {
-        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: `
-        <kendo-numerictextbox
-            [tabindex]="-1"
-            [kendoAriaLabelValue]="messageFor('filterValueAriaLabel')"
-            [value]="currentItem.value"
-            (valueChange)="onValueChange($event)"
-            [disabled]="isDisabled"
-            [format]="format">
-            <kendo-numerictextbox-messages
-                [increment]="messageFor('editorNumericIncrement')"
-                [decrement]="messageFor('editorNumericDecrement')">
-            </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: [{
-            type: Component,
-            args: [{
-                    selector: 'kendo-filter-numeric-editor',
-                    template: `
-        <kendo-numerictextbox
-            [tabindex]="-1"
-            [kendoAriaLabelValue]="messageFor('filterValueAriaLabel')"
-            [value]="currentItem.value"
-            (valueChange)="onValueChange($event)"
-            [disabled]="isDisabled"
-            [format]="format">
-            <kendo-numerictextbox-messages
-                [increment]="messageFor('editorNumericIncrement')"
-                [decrement]="messageFor('editorNumericDecrement')">
-            </kendo-numerictextbox-messages>
-        </kendo-numerictextbox>
-  `,
-                    standalone: true,
-                    imports: [NumericTextBoxComponent, AriaLabelValueDirective, NumericTextBoxCustomMessagesComponent]
-                }]
-        }], ctorParameters: function () { return [{ type: i1.LocalizationService }]; }, propDecorators: { currentItem: [{
-                type: Input
-            }], isDisabled: [{
-                type: Input
-            }], format: [{
-                type: Input
-            }], valueChange: [{
-                type: Output
-            }] } });
-
-/**
- * @hidden
- */
-class FilterTextEditorComponent {
-    constructor(localization) {
-        this.localization = localization;
-        this.valueChange = new EventEmitter();
-    }
-    messageFor(key) {
-        return this.localization.get(key);
-    }
-    onValueChange(value) {
-        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: `
-        <kendo-textbox
-            [tabindex]="-1"
-            [kendoAriaLabelValue]="messageFor('filterValueAriaLabel')"
-            [value]="currentItem.value"
-            (valueChange)="onValueChange($event)"
-            [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: [{
-            type: Component,
-            args: [{
-                    selector: 'kendo-filter-text-editor',
-                    template: `
-        <kendo-textbox
-            [tabindex]="-1"
-            [kendoAriaLabelValue]="messageFor('filterValueAriaLabel')"
-            [value]="currentItem.value"
-            (valueChange)="onValueChange($event)"
-            [disabled]="isDisabled">
-        </kendo-textbox>
-  `,
-                    standalone: true,
-                    imports: [TextBoxComponent, AriaLabelValueDirective]
-                }]
-        }], ctorParameters: function () { return [{ type: i1.LocalizationService }]; }, propDecorators: { currentItem: [{
-                type: Input
-            }], isDisabled: [{
-                type: Input
-            }], valueChange: [{
-                type: Output
-            }] } });
-
-/**
- * @hidden
- */
-class FilterExpressionOperatorsComponent {
-    constructor(localization) {
-        this.localization = localization;
-        this.valueChange = new EventEmitter();
-        this.operators = [];
-    }
-    messageFor(key) {
-        return this.localization.get(key);
-    }
-    getOperator(operatorValue) {
-        return this.messageFor(getKeyByValue(defaultOperators[this.editorType], operatorValue));
-    }
-    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: `
-        <kendo-dropdownlist
-            [tabindex]="-1"
-            [kendoAriaLabelValue]="messageFor('filterOperatorAriaLabel')"
-            [data]="operators"
-            [title]="messageFor('filterExpressionOperators')"
-            [(value)]="currentItem.operator"
-            (valueChange)="operatorValueChange($event)"
-            [valuePrimitive]="true"
-            textField="text"
-            valueField="value"
-        >
-            <ng-template kendoDropDownListValueTemplate let-dataItem>
-                <span>{{ getOperator(dataItem.value) }}</span>
-            </ng-template>
-            <ng-template kendoDropDownListItemTemplate let-dataItem>
-                <span>{{ getOperator(dataItem.value) }}</span>
-            </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: [{
-            type: Component,
-            args: [{
-                    selector: "kendo-filter-expression-operators",
-                    template: `
-        <kendo-dropdownlist
-            [tabindex]="-1"
-            [kendoAriaLabelValue]="messageFor('filterOperatorAriaLabel')"
-            [data]="operators"
-            [title]="messageFor('filterExpressionOperators')"
-            [(value)]="currentItem.operator"
-            (valueChange)="operatorValueChange($event)"
-            [valuePrimitive]="true"
-            textField="text"
-            valueField="value"
-        >
-            <ng-template kendoDropDownListValueTemplate let-dataItem>
-                <span>{{ getOperator(dataItem.value) }}</span>
-            </ng-template>
-            <ng-template kendoDropDownListItemTemplate let-dataItem>
-                <span>{{ getOperator(dataItem.value) }}</span>
-            </ng-template>
-        </kendo-dropdownlist>
-    `,
-                    standalone: true,
-                    imports: [DropDownListComponent, AriaLabelValueDirective, ValueTemplateDirective, ItemTemplateDirective]
-                }]
-        }], ctorParameters: function () { return [{ type: i1.LocalizationService }]; }, propDecorators: { currentItem: [{
-                type: Input
-            }], editorType: [{
-                type: Input
-            }], valueChange: [{
-                type: Output
-            }], operators: [{
-                type: Input
-            }] } });
-
-/**
- * @hidden
- */
-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;
-    }
-    get currentFilterExpression() {
-        return this.getFilterExpressionByField(this.currentItem.field);
-    }
-    get numericEditorFormat() {
-        const isSupportedFormat = typeof this.editorFormat !== 'string' && !this.isNumberFormat(this.editorFormat);
-        if (this.editorFormat && isSupportedFormat) {
-            console.warn(FilterErrorMessages.improperNumericEditorValue(this.currentFilterExpression.title));
-        }
-        return this.editorFormat;
-    }
-    get dateEditorFormat() {
-        const isSupportedFormat = typeof this.editorFormat !== 'string' && !this.isDateFormat(this.editorFormat);
-        if (this.editorFormat && isSupportedFormat) {
-            console.warn(FilterErrorMessages.improperDateEditorValue(this.currentFilterExpression.title));
-        }
-        return this.editorFormat;
-    }
-    isNumberFormat(obj) {
-        if (isDevMode() && obj &&
-            (obj['currency'] ||
-                obj['currencyDisplay'] ||
-                obj['maximumFractionDigits'] ||
-                obj['minimumIntegerDigits'] ||
-                obj['style'] ||
-                obj['useGrouping'])) {
-            return true;
-        }
-        else {
-            return false;
-        }
-    }
-    isDateFormat(obj) {
-        if (isDevMode() && obj && obj['displayFormat'] && obj['inputFormat']) {
-            return true;
-        }
-        else {
-            return false;
-        }
-    }
-    ngOnInit() {
-        this.isEditorDisabled = nullOperators.indexOf(this.currentItem.operator) >= 0;
-        const foundFilter = this.getFilterExpressionByField(this.currentItem.field);
-        if (this.currentItem.field) {
-            this.setOperators(foundFilter);
-        }
-        if (foundFilter === null || foundFilter === void 0 ? void 0 : foundFilter.editorFormat) {
-            this.editorFormat = foundFilter.editorFormat;
-        }
-        const defaultFilter = this.getFilterExpressionByField(this.filterService.filters[0].field);
-        if (!this.currentItem.field) {
-            this.currentItem.field = this.filterService.filters[0].field;
-            if (defaultFilter.editorFormat) {
-                this.editorFormat = defaultFilter.editorFormat;
-            }
-            this.setOperators(defaultFilter);
-        }
-        this.setEditorTemplate();
-        this.localizationSubscription = this.localization.changes.subscribe(() => {
-            this.setOperators(foundFilter || defaultFilter);
-            this.cdr.detectChanges();
-        });
-    }
-    ngOnDestroy() {
-        if (this.localizationSubscription) {
-            this.localizationSubscription.unsubscribe();
-        }
-    }
-    normalizeOperators(filterEditor, operators) {
-        const result = [];
-        for (let j = 0; j < operators.length; j++) {
-            if (isFilterEditor(filterEditor)) {
-                result.push({
-                    value: operators[j],
-                    text: this.localization.get(getKeyByValue(defaultOperators[filterEditor], operators[j]))
-                });
-            }
-        }
-        return result;
-    }
-    getFilterExpressionByField(name) {
-        const foundFilter = this.filterService.filters.find(filter => filter.field === name);
-        if (foundFilter) {
-            return foundFilter;
-        }
-        return null;
-    }
-    filterValueChange(value) {
-        this.navigationService.currentToolbarItemIndex = this.itemNumber;
-        this.navigationService.currentToolbarItemChildrenIndex = 0;
-        this.currentItem.value = null;
-        this.currentItem.field = value;
-        this.setEditorTemplate();
-        const foundFilter = this.getFilterExpressionByField(this.currentItem.field);
-        this.setOperators(foundFilter);
-        this.editorFormat = foundFilter.editorFormat;
-        this.valueChange.emit();
-    }
-    getDefaultOperators(operatorsType) {
-        switch (operatorsType) {
-            case 'string':
-                return localizeOperators(defaultStringOperators)(this.localization);
-            case 'number':
-                return localizeOperators(defaultNumericOperators)(this.localization);
-            case 'date':
-                return localizeOperators(defaultDateOperators)(this.localization);
-            default:
-                break;
-        }
-    }
-    getEditorType() {
-        const filterExpression = this.filterService.filters.find((filterExpression) => filterExpression.field === this.currentItem.field);
-        return filterExpression === null || filterExpression === void 0 ? void 0 : filterExpression.editor;
-    }
-    getFilters() {
-        return this.filterService.filters || [];
-    }
-    removeFilterExpression() {
-        this.filterService.remove(this.currentItem, this.index);
-        this.valueChange.emit(true);
-    }
-    setOperators(filter) {
-        this.isBoolean = filter.editor === 'boolean';
-        if (this.isBoolean) {
-            return;
-        }
-        if (filter.operators) {
-            const localizedOperators = this.normalizeOperators(filter.editor, filter.operators);
-            this.operators = localizedOperators;
-        }
-        else {
-            this.operators = this.getDefaultOperators(filter.editor);
-        }
-        if (!this.currentItem.operator) {
-            this.currentItem.operator = this.operators[0].value;
-        }
-        const operatorDoesNotExist = !this.operators.find(operator => operator.value === this.currentItem.operator);
-        if (this.currentItem.operator && operatorDoesNotExist) {
-            this.currentItem.operator = this.operators[0].value;
-        }
-    }
-    onOperatorChange(value) {
-        this.navigationService.currentToolbarItemIndex = this.itemNumber;
-        this.navigationService.currentToolbarItemChildrenIndex = 1;
-        this.valueChange.emit();
-        if (nullOperators.includes(value)) {
-            this.currentItem.value = null;
-            this.isEditorDisabled = true;
-        }
-        else {
-            this.isEditorDisabled = false;
-        }
-    }
-    setEditorTemplate() {
-        const filterExpression = this.filterService.filters.find((filter) => filter.field === this.currentItem.field);
-        this.editorTemplate = filterExpression === null || filterExpression === void 0 ? void 0 : filterExpression.editorTemplate;
-    }
-}
-FilterExpressionComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: FilterExpressionComponent, deps: [{ token: FilterService }, { token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: NavigationService }, { token: i1.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: `
-        <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" >
-                    <kendo-dropdownlist
-                        [tabindex]="-1"
-                        [kendoAriaLabelValue]="messageFor('filterFieldAriaLabel')"
-                        [title]="messageFor('filterExpressionFilters')"
-                        [data]="getFilters()"
-                        textField="title"
-                        valueField="field"
-                        [value]="currentItem.field"
-                        [valuePrimitive]="true"
-                        (valueChange)="filterValueChange($event)">
-                    </kendo-dropdownlist>
-                </div>
-                <div *ngIf="!isBoolean" class="k-filter-operator k-toolbar-item" >
-                    <kendo-filter-expression-operators
-                        [currentItem]="currentItem"
-                        [operators]="operators"
-                        [editorType]="getEditorType()"
-                        (valueChange)="onOperatorChange($event);">
-                    </kendo-filter-expression-operators>
-                </div>
-
-                <div class="k-filter-value k-toolbar-item">
-                    <ng-container *ngIf="!editorTemplate" [ngSwitch]="getEditorType()">
-                        <kendo-filter-text-editor *ngSwitchCase="'string'" [currentItem]="currentItem" [isDisabled]="isEditorDisabled" (valueChange)="valueChange.emit()"></kendo-filter-text-editor>
-                        <kendo-filter-numeric-editor *ngSwitchCase="'number'" [currentItem]="currentItem" [isDisabled]="isEditorDisabled" [format]="numericEditorFormat" (valueChange)="valueChange.emit()"></kendo-filter-numeric-editor>
-                        <kendo-filter-boolean-editor *ngSwitchCase="'boolean'" [currentItem]="currentItem" (valueChange)="valueChange.emit()"></kendo-filter-boolean-editor>
-                        <kendo-filter-date-editor *ngSwitchCase="'date'" [currentItem]="currentItem" [isDisabled]="isEditorDisabled" [format]="dateEditorFormat" (valueChange)="valueChange.emit()"></kendo-filter-date-editor>
-                    </ng-container>
-                    <ng-container *ngIf="editorTemplate">
-                        <ng-template
-                            [templateContext]="{templateRef: editorTemplate, $implicit: currentItem}">
-                        </ng-template>
-                    </ng-container>
-                </div>
-
-                <button
-                    kendoButton
-                    class="k-toolbar-button"
-                    tabindex="-1"
-                    icon="x"
-                    [svgIcon]="xIcon"
-                    fillMode="flat"
-                    [title]="messageFor('remove')"
-                    (click)="removeFilterExpression()">
-                </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]", 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: "15.2.10", ngImport: i0, type: FilterExpressionComponent, decorators: [{
-            type: Component,
-            args: [{
-                    providers: [{
-                            provide: FilterItem,
-                            useExisting: forwardRef(() => FilterExpressionComponent)
-                        }],
-                    selector: 'kendo-filter-expression',
-                    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" >
-                    <kendo-dropdownlist
-                        [tabindex]="-1"
-                        [kendoAriaLabelValue]="messageFor('filterFieldAriaLabel')"
-                        [title]="messageFor('filterExpressionFilters')"
-                        [data]="getFilters()"
-                        textField="title"
-                        valueField="field"
-                        [value]="currentItem.field"
-                        [valuePrimitive]="true"
-                        (valueChange)="filterValueChange($event)">
-                    </kendo-dropdownlist>
-                </div>
-                <div *ngIf="!isBoolean" class="k-filter-operator k-toolbar-item" >
-                    <kendo-filter-expression-operators
-                        [currentItem]="currentItem"
-                        [operators]="operators"
-                        [editorType]="getEditorType()"
-                        (valueChange)="onOperatorChange($event);">
-                    </kendo-filter-expression-operators>
-                </div>
-
-                <div class="k-filter-value k-toolbar-item">
-                    <ng-container *ngIf="!editorTemplate" [ngSwitch]="getEditorType()">
-                        <kendo-filter-text-editor *ngSwitchCase="'string'" [currentItem]="currentItem" [isDisabled]="isEditorDisabled" (valueChange)="valueChange.emit()"></kendo-filter-text-editor>
-                        <kendo-filter-numeric-editor *ngSwitchCase="'number'" [currentItem]="currentItem" [isDisabled]="isEditorDisabled" [format]="numericEditorFormat" (valueChange)="valueChange.emit()"></kendo-filter-numeric-editor>
-                        <kendo-filter-boolean-editor *ngSwitchCase="'boolean'" [currentItem]="currentItem" (valueChange)="valueChange.emit()"></kendo-filter-boolean-editor>
-                        <kendo-filter-date-editor *ngSwitchCase="'date'" [currentItem]="currentItem" [isDisabled]="isEditorDisabled" [format]="dateEditorFormat" (valueChange)="valueChange.emit()"></kendo-filter-date-editor>
-                    </ng-container>
-                    <ng-container *ngIf="editorTemplate">
-                        <ng-template
-                            [templateContext]="{templateRef: editorTemplate, $implicit: currentItem}">
-                        </ng-template>
-                    </ng-container>
-                </div>
-
-                <button
-                    kendoButton
-                    class="k-toolbar-button"
-                    tabindex="-1"
-                    icon="x"
-                    [svgIcon]="xIcon"
-                    fillMode="flat"
-                    [title]="messageFor('remove')"
-                    (click)="removeFilterExpression()">
-                </button>
-            </div>
-        </div>
-  `,
-                    standalone: true,
-                    imports: [DropDownListComponent, AriaLabelValueDirective, NgIf, FilterExpressionOperatorsComponent, NgSwitch, NgSwitchCase, FilterTextEditorComponent, FilterNumericEditorComponent, FilterBooleanEditorComponent, FilterDateEditorComponent, TemplateContextDirective, ButtonComponent]
-                }]
-        }], ctorParameters: function () { return [{ type: FilterService }, { type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: NavigationService }, { type: i1.LocalizationService }, { type: i0.Renderer2 }]; }, propDecorators: { currentItem: [{
-                type: Input
-            }] } });
-
-/**
- * @hidden
- */
-class FilterGroupComponent extends BaseFilterRowComponent {
-    constructor(filterService, cdr, element, navigationService, localization, renderer) {
-        super(element, navigationService, localization, renderer);
-        this.filterService = filterService;
-        this.cdr = cdr;
-        /**
-         * @hidden
-         */
-        this.xIcon = xIcon;
-        /**
-         * @hidden
-         */
-        this.filterAddGroupIcon = filterAddGroupIcon;
-        /**
-         * @hidden
-         */
-        this.filterAddExpressionIcon = filterAddExpressionIcon;
-        this.currentItem = {
-            logic: 'or',
-            filters: []
-        };
-        /**
-         * @hidden
-         */
-        this.trackByFunction = (index) => {
-            return index;
-        };
-        this.operators = [];
-    }
-    get filterItems() {
-        return this._filterItems.toArray();
-    }
-    /**
-     * @hidden
-     */
-    handleExpressionValueChange(isRemoveOperation) {
-        if (isRemoveOperation) {
-            // due to tracking by index, the filters should first be set to [] so that all rerender afterwards
-            const filtersCopy = this.currentItem.filters;
-            this.currentItem.filters = [];
-            this.cdr.detectChanges();
-            this.currentItem.filters = filtersCopy;
-        }
-        this.valueChange.emit(isRemoveOperation);
-    }
-    ngOnInit() {
-        this.operators = this.getLogicOperators();
-        this.localizationSubscription = this.localization.changes.subscribe(() => {
-            this.operators = this.getLogicOperators();
-            this.cdr.detectChanges();
-        });
-    }
-    ngOnDestroy() {
-        if (this.localizationSubscription) {
-            this.localizationSubscription.unsubscribe();
-        }
-    }
-    getLogicOperators() {
-        return localizeOperators(logicOperators)(this.localization);
-    }
-    getOperator(operatorValue) {
-        return this.messageFor(getKeyByValue(logicOperators, operatorValue));
-    }
-    selectedChange(logicOperator) {
-        if (this.currentItem.logic !== logicOperator) {
-            this.currentItem.logic = logicOperator;
-            this.valueChange.emit();
-        }
-    }
-    addFilterExpression() {
-        this.filterService.addFilterExpression(this.currentItem);
-        this.valueChange.emit();
-    }
-    addFilterGroup() {
-        this.filterService.addFilterGroup(this.currentItem);
-        this.valueChange.emit();
-    }
-    removeFilterGroup() {
-        this.filterService.remove(this.currentItem, this.index);
-        this.cdr.detectChanges();
-        this.valueChange.emit(true);
-    }
-    onMouseDown(event) {
-        const toolbarItemElement = Array.from(event.target.closest(selectors.kendoToolbar).children).indexOf(event.target.closest(selectors.kendoFilterToolbarItem));
-        const buttonElement = Array.from(event.target.closest(selectors.kendoToolbar).children).indexOf(event.target.closest(selectors.kendoFilterToolbarButton));
-        let index = (toolbarItemElement > -1 ? toolbarItemElement : buttonElement) + 1;
-        if (event.target.closest(selectors.andButton)) {
-            index = 0;
-        }
-        if (event.target.closest(selectors.orButton)) {
-            index = 1;
-        }
-        this.navigationService.currentToolbarItemChildrenIndex = index;
-        this.navigationService.isInnerNavigationActivated = true;
-        const elementToFocus = this.navigationService.flattenFilterItems[this.itemNumber].focusableChildren[index];
-        this.navigationService.isFilterExpressionComponentFocused = false;
-        this.navigationService.currentToolbarItemIndex = this.itemNumber;
-        this.navigationService.focusCurrentElement(elementToFocus, true);
-    }
-}
-FilterGroupComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: FilterGroupComponent, deps: [{ token: FilterService }, { token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: NavigationService }, { token: i1.LocalizationService }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
-FilterGroupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: FilterGroupComponent, isStandalone: true, selector: "kendo-filter-group", inputs: { currentItem: "currentItem" }, providers: [{
-            provide: FilterItem,
-            useExisting: forwardRef(() => FilterGroupComponent)
-        }], viewQueries: [{ propertyName: "_filterItems", predicate: FilterItem, descendants: true }], 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-toolbar-button-group k-button-group k-button-group-solid" role="group">
-                <button
-                    tabindex="-1"
-                    *ngFor="let operator of operators"
-                    kendoButton
-                    class="k-toolbar-button"
-                    [ngClass]="{'k-group-start': operator.value === 'and', 'k-group-end': operator.value === 'or'}"
-                    [selected]="currentItem.logic === operator.value"
-                    [attr.aria-pressed]="currentItem.logic === operator.value"
-                    [title]="operator.text"
-                    (click)="selectedChange(operator.value)"
-                >
-                    {{getOperator(operator.value)}}
-                </button>
-            </div>
-            
-            <button
-                kendoButton
-                class="k-toolbar-button"
-                tabindex="-1"
-                [title]="messageFor('addFilter')"
-                icon="filter-add-expression"
-                [svgIcon]="filterAddExpressionIcon"
-                (click)="addFilterExpression()">
-                {{messageFor('addFilter')}}
-            </button>
-          
-            <button
-                kendoButton
-                class="k-toolbar-button"
-                tabindex="-1"
-                [title]="messageFor('addGroup')"
-                icon="filter-add-group"
-                [svgIcon]="filterAddGroupIcon"
-                (click)="addFilterGroup()">
-                {{messageFor('addGroup')}}
-            </button>
-
-            <button
-                kendoButton
-                class="k-toolbar-button"
-                tabindex="-1"
-                icon="x"
-                [svgIcon]="xIcon"
-                fillMode="flat"
-                [title]="messageFor('remove')"
-                (click)="removeFilterGroup()">
-            </button>
-        </div>
-      </div>
-
-      <ul class="k-filter-lines" role="group" *ngIf="currentItem.filters">
-        <ng-container *ngFor="let item of currentItem.filters; let i = index; trackBy: trackByFunction">
-          <li class="k-filter-item" role="treeitem" *ngIf="!item['filters']">
-            <kendo-filter-expression (valueChange)="handleExpressionValueChange($event)" [currentItem]="item" [index]="i">
-            </kendo-filter-expression>
-          </li>
-          <li class="k-filter-item" role="treeitem" *ngIf="item['filters']">
-            <kendo-filter-group
-                (valueChange)="valueChange.emit($event)"
-                [currentItem]="item"
-                [index]="i"
-                >
-            </kendo-filter-group>
-          </li>
-        </ng-container>
-      </ul>
-  `, isInline: true, dependencies: [{ kind: "component", type: FilterGroupComponent, selector: "kendo-filter-group", inputs: ["currentItem"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { 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"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: FilterExpressionComponent, selector: "kendo-filter-expression", inputs: ["currentItem"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: FilterGroupComponent, decorators: [{
-            type: Component,
-            args: [{
-                    providers: [{
-                            provide: FilterItem,
-                            useExisting: forwardRef(() => FilterGroupComponent)
-                        }],
-                    selector: 'kendo-filter-group',
-                    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-toolbar-button-group k-button-group k-button-group-solid" role="group">
-                <button
-                    tabindex="-1"
-                    *ngFor="let operator of operators"
-                    kendoButton
-                    class="k-toolbar-button"
-                    [ngClass]="{'k-group-start': operator.value === 'and', 'k-group-end': operator.value === 'or'}"
-                    [selected]="currentItem.logic === operator.value"
-                    [attr.aria-pressed]="currentItem.logic === operator.value"
-                    [title]="operator.text"
-                    (click)="selectedChange(operator.value)"
-                >
-                    {{getOperator(operator.value)}}
-                </button>
-            </div>
-            
-            <button
-                kendoButton
-                class="k-toolbar-button"
-                tabindex="-1"
-                [title]="messageFor('addFilter')"
-                icon="filter-add-expression"
-                [svgIcon]="filterAddExpressionIcon"
-                (click)="addFilterExpression()">
-                {{messageFor('addFilter')}}
-            </button>
-          
-            <button
-                kendoButton
-                class="k-toolbar-button"
-                tabindex="-1"
-                [title]="messageFor('addGroup')"
-                icon="filter-add-group"
-                [svgIcon]="filterAddGroupIcon"
-                (click)="addFilterGroup()">
-                {{messageFor('addGroup')}}
-            </button>
-
-            <button
-                kendoButton
-                class="k-toolbar-button"
-                tabindex="-1"
-                icon="x"
-                [svgIcon]="xIcon"
-                fillMode="flat"
-                [title]="messageFor('remove')"
-                (click)="removeFilterGroup()">
-            </button>
-        </div>
-      </div>
-
-      <ul class="k-filter-lines" role="group" *ngIf="currentItem.filters">
-        <ng-container *ngFor="let item of currentItem.filters; let i = index; trackBy: trackByFunction">
-          <li class="k-filter-item" role="treeitem" *ngIf="!item['filters']">
-            <kendo-filter-expression (valueChange)="handleExpressionValueChange($event)" [currentItem]="item" [index]="i">
-            </kendo-filter-expression>
-          </li>
-          <li class="k-filter-item" role="treeitem" *ngIf="item['filters']">
-            <kendo-filter-group
-                (valueChange)="valueChange.emit($event)"
-                [currentItem]="item"
-                [index]="i"
-                >
-            </kendo-filter-group>
-          </li>
-        </ng-container>
-      </ul>
-  `,
-                    standalone: true,
-                    imports: [NgFor, ButtonComponent, NgClass, NgIf, FilterExpressionComponent]
-                }]
-        }], ctorParameters: function () { return [{ type: FilterService }, { type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: NavigationService }, { type: i1.LocalizationService }, { type: i0.Renderer2 }]; }, propDecorators: { _filterItems: [{
-                type: ViewChildren,
-                args: [FilterItem]
-            }], currentItem: [{
-                type: Input
-            }] } });
-
-/**
- * @hidden
- */
-class Messages extends ComponentMessages {
-}
-Messages.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: Messages, deps: null, target: i0.ɵɵFactoryTarget.Directive });
-Messages.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: Messages, selector: "[kendoFilterMessages]", inputs: { filterExpressionOperators: "filterExpressionOperators", filterExpressionFilters: "filterExpressionFilters", remove: "remove", addGroup: "addGroup", addFilter: "addFilter", filterAndLogic: "filterAndLogic", filterOrLogic: "filterOrLogic", filterEqOperator: "filterEqOperator", filterNotEqOperator: "filterNotEqOperator", filterIsNullOperator: "filterIsNullOperator", filterIsNotNullOperator: "filterIsNotNullOperator", filterIsEmptyOperator: "filterIsEmptyOperator", filterIsNotEmptyOperator: "filterIsNotEmptyOperator", filterStartsWithOperator: "filterStartsWithOperator", filterContainsOperator: "filterContainsOperator", filterNotContainsOperator: "filterNotContainsOperator", filterEndsWithOperator: "filterEndsWithOperator", filterGteOperator: "filterGteOperator", filterGtOperator: "filterGtOperator", filterLteOperator: "filterLteOperator", filterLtOperator: "filterLtOperator", filterIsTrue: "filterIsTrue", filterIsFalse: "filterIsFalse", filterBooleanAll: "filterBooleanAll", filterAfterOrEqualOperator: "filterAfterOrEqualOperator", filterAfterOperator: "filterAfterOperator", filterBeforeOperator: "filterBeforeOperator", filterBeforeOrEqualOperator: "filterBeforeOrEqualOperator", editorNumericDecrement: "editorNumericDecrement", editorNumericIncrement: "editorNumericIncrement", editorDateTodayText: "editorDateTodayText", editorDateToggleText: "editorDateToggleText", filterFieldAriaLabel: "filterFieldAriaLabel", filterOperatorAriaLabel: "filterOperatorAriaLabel", filterValueAriaLabel: "filterValueAriaLabel", filterToolbarAriaLabel: "filterToolbarAriaLabel", filterComponentAriaLabel: "filterComponentAriaLabel" }, usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: Messages, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[kendoFilterMessages]'
-                }]
-        }], propDecorators: { filterExpressionOperators: [{
-                type: Input
-            }], filterExpressionFilters: [{
-                type: Input
-            }], remove: [{
-                type: Input
-            }], addGroup: [{
-                type: Input
-            }], addFilter: [{
-                type: Input
-            }], filterAndLogic: [{
-                type: Input
-            }], filterOrLogic: [{
-                type: Input
-            }], filterEqOperator: [{
-                type: Input
-            }], filterNotEqOperator: [{
-                type: Input
-            }], filterIsNullOperator: [{
-                type: Input
-            }], filterIsNotNullOperator: [{
-                type: Input
-            }], filterIsEmptyOperator: [{
-                type: Input
-            }], filterIsNotEmptyOperator: [{
-                type: Input
-            }], filterStartsWithOperator: [{
-                type: Input
-            }], filterContainsOperator: [{
-                type: Input
-            }], filterNotContainsOperator: [{
-                type: Input
-            }], filterEndsWithOperator: [{
-                type: Input
-            }], filterGteOperator: [{
-                type: Input
-            }], filterGtOperator: [{
-                type: Input
-            }], filterLteOperator: [{
-                type: Input
-            }], filterLtOperator: [{
-                type: Input
-            }], filterIsTrue: [{
-                type: Input
-            }], filterIsFalse: [{
-                type: Input
-            }], filterBooleanAll: [{
-                type: Input
-            }], filterAfterOrEqualOperator: [{
-                type: Input
-            }], filterAfterOperator: [{
-                type: Input
-            }], filterBeforeOperator: [{
-                type: Input
-            }], filterBeforeOrEqualOperator: [{
-                type: Input
-            }], editorNumericDecrement: [{
-                type: Input
-            }], editorNumericIncrement: [{
-                type: Input
-            }], editorDateTodayText: [{
-                type: Input
-            }], editorDateToggleText: [{
-                type: Input
-            }], filterFieldAriaLabel: [{
-                type: Input
-            }], filterOperatorAriaLabel: [{
-                type: Input
-            }], filterValueAriaLabel: [{
-                type: Input
-            }], filterToolbarAriaLabel: [{
-                type: Input
-            }], filterComponentAriaLabel: [{
-                type: Input
-            }] } });
-
-/**
- * @hidden
- */
-class LocalizedMessagesDirective extends Messages {
-    constructor(service) {
-        super();
-        this.service = service;
-    }
-}
-LocalizedMessagesDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: LocalizedMessagesDirective, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Directive });
-LocalizedMessagesDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: LocalizedMessagesDirective, isStandalone: true, selector: "[kendoFilterLocalizedMessages]", providers: [
-        {
-            provide: Messages,
-            useExisting: forwardRef(() => LocalizedMessagesDirective)
-        }
-    ], usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: LocalizedMessagesDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    providers: [
-                        {
-                            provide: Messages,
-                            useExisting: forwardRef(() => LocalizedMessagesDirective)
-                        }
-                    ],
-                    selector: '[kendoFilterLocalizedMessages]',
-                    standalone: true
-                }]
-        }], ctorParameters: function () { return [{ type: i1.LocalizationService }]; } });
-
-/**
- * Represents the [Kendo UI Filter component for Angular]({% slug overview_filter %}).
- * The Filter component can be used to apply any user defined filter criteria.
- * @example
- * ```ts
- *   @Component({
- *       selector: 'my-app',
- *       template: `
- *          <kendo-filter [filters]="filters" (valueChange)="onValueChange($event)"></kendo-filter>
- *       `
- *   })
- *   export class AppComponent {
- *
- *      public filters: FilterExpression[] = [
- *          {
- *              name: 'country',
- *              label: 'Country',
- *              filter: 'string',
- *              operators: ['eq', 'neq'],
- *          },
- *          {
- *              name: 'budget',
- *              filter: 'number'
- *          }
- *      ];
- *
- *      onValueChange(e: CompositeFilterDescriptor){
- *          console.log(e)
- *      }
- *  }
- * ```
- */
-class FilterComponent {
-    constructor(filterService, localization, cdr, element, navigationService, renderer) {
-        this.filterService = filterService;
-        this.localization = localization;
-        this.cdr = cdr;
-        this.element = element;
-        this.navigationService = navigationService;
-        this.renderer = renderer;
-        /**
-         * Fires every time the Filter component value is updated.
-         * That is each time a Filter Group or Filter Expression is added, removed, or updated.
-         */
-        this.valueChange = new EventEmitter();
-        this._value = { filters: [], logic: 'and' };
-        this._currentFilter = { logic: 'and', filters: [] };
-        validatePackage(packageMetadata);
-        this.direction = localization.rtl ? 'rtl' : 'ltr';
-    }
-    /**
-     * @hidden
-     */
-    focusout() {
-        setTimeout(() => {
-            if (!(document.activeElement.closest('.k-filter'))) {
-                this.renderer.setAttribute(this.navigationService.currentlyFocusedElement, 'tabindex', '-1');
-                this.navigationService.currentlyFocusedElement = this.navigationService.flattenFilterItems[this.navigationService.currentToolbarItemIndex].focusableChildren[0];
-                this.renderer.setAttribute(this.navigationService.currentlyFocusedElement, 'tabindex', '0');
-                this.navigationService.isInnerNavigationActivated = false;
-                this.navigationService.isFilterExpressionComponentFocused = false;
-            }
-        });
-    }
-    /**
-     * @hidden
-     */
-    onKeydown(event) {
-        const keyCode = event.keyCode;
-        const keys = [Keys.ArrowUp, Keys.ArrowDown, Keys.ArrowLeft, Keys.ArrowRight, Keys.Enter,
-            Keys.Escape, Keys.Tab];
-        if (keys.indexOf(keyCode) > -1) {
-            this.navigationService.processKeyDown(keyCode, event);
-        }
-    }
-    /**
-     * Specifies the available user-defined filters. At least one filter should be provided.
-     */
-    set filters(_filters) {
-        if (_filters.length > 0) {
-            this.filterService.filters = _filters.map(filterExpression => {
-                const clonedFilter = Object.assign({}, filterExpression);
-                if (!clonedFilter.title) {
-                    clonedFilter.title = clonedFilter.field;
-                }
-                return clonedFilter;
-            });
-            this.setValue(this.value);
-        }
-    }
-    get filters() {
-        return this.filterService.filters;
-    }
-    /**
-     * Sets the initial `value` of the Filter component.
-     */
-    set value(value) {
-        const clonedValue = JSON.parse(JSON.stringify(value));
-        if (this.filtersTypeChanged(this.value, clonedValue)) {
-            // due to tracking group items by index, the filters should first be set to [] when the value is changed programmatically
-            this.currentFilter.filters = [];
-            this.cdr.detectChanges();
-        }
-        this._value = clonedValue;
-        if (this.filters.length > 0) {
-            this.setValue(this.value);
-        }
-    }
-    get value() {
-        return this._value;
-    }
-    get filterItems() {
-        return this._filterItems.toArray();
-    }
-    get toolbarElement() {
-        return this.element.nativeElement.querySelector('.k-toolbar');
-    }
-    ngOnInit() {
-        this.localizationSubscription = this.localization.changes.subscribe(({ rtl }) => {
-            this.direction = rtl ? 'rtl' : 'ltr';
-            this.cdr.detectChanges();
-        });
-    }
-    ngAfterViewInit() {
-        this.filterFieldsChanged();
-        this.filterFieldsSubscription = this.filterFields.changes.subscribe(this.filterFieldsChanged.bind(this));
-    }
-    ngOnDestroy() {
-        if (this.localizationSubscription) {
-            this.localizationSubscription.unsubscribe();
-        }
-        if (this.filterFieldsSubscription) {
-            this.filterFieldsSubscription.unsubscribe();
-        }
-    }
-    filterFieldsChanged() {
-        if (this.filterFields && this.filterFields.length > 0) {
-            this.filters = this.filterFields.map((filterField) => {
-                var _a;
-                return (Object.assign(Object.assign({}, filterField), { title: filterField.title, editorTemplate: (_a = filterField.editorTemplate) === null || _a === void 0 ? void 0 : _a.templateRef }));
-            });
-        }
-        if (this.filters.length === 0) {
-            throw new Error(FilterErrorMessages.missingFilters);
-        }
-        this.navigationService.reset(this.filterItems);
-        if (!this.navigationService.currentlyFocusedElement) {
-            const firstElement = this.navigationService.flattenFilterItems[0].focusableChildren[0];
-            this.navigationService.currentlyFocusedElement = firstElement;
-            this.renderer.setAttribute(firstElement, 'tabindex', '0');
-        }
-    }
-    /**
-     * @hidden
-     */
-    get currentFilter() {
-        return this._currentFilter;
-    }
-    /**
-     * @hidden
-     */
-    set currentFilter(value) {
-        this._currentFilter = value;
-    }
-    /**
-     * @hidden
-     */
-    onValueChange(isRemoveOperation) {
-        this.cdr.detectChanges();
-        this.valueChange.emit(this.filterService.normalizedValue);
-        this.navigationService.reset(this.filterItems);
-        if (isRemoveOperation) {
-            if (this.navigationService.currentToolbarItemIndex === this.navigationService.flattenFilterItems.length) {
-                this.navigationService.currentToolbarItemIndex -= 1;
-            }
-            this.navigationService.isFilterExpressionComponentFocused = false;
-            const itemIndex = this.navigationService.currentToolbarItemIndex;
-            const toolbarItem = this.navigationService.flattenFilterItems[itemIndex];
-            const activeChildIndex = toolbarItem.focusableChildren.length - 1;
-            this.navigationService.currentlyFocusedElement = toolbarItem.focusableChildren[activeChildIndex];
-            this.renderer.setAttribute(this.navigationService.currentlyFocusedElement, 'tabindex', '0');
-            this.renderer.addClass(this.navigationService.currentlyFocusedElement, 'k-focus');
-            this.navigationService.currentlyFocusedElement.focus();
-        }
-    }
-    normalizeFilter(filterDescriptor) {
-        const foundFilter = this.filterService.filters.find((filter) => filter.field === filterDescriptor.field);
-        if (isDevMode() && !foundFilter) {
-            throw new Error(FilterErrorMessages.missingFilterForUsedField(filterDescriptor.field));
-        }
-        if (isDevMode() && foundFilter.editor === 'boolean' && (!filterDescriptor.value && filterDescriptor.value !== false)) {
-            console.warn(FilterErrorMessages.missingValueForBooleanField(filterDescriptor.field));
-        }
-        if (isDevMode() && foundFilter.editor === 'boolean' && filterDescriptor.operator !== 'eq') {
-            console.warn(FilterErrorMessages.operatorBooleanField(filterDescriptor.field));
-        }
-        if (filterDescriptor.operator && foundFilter.operators && !foundFilter.operators.some(operator => operator === filterDescriptor.operator)) {
-            throw new Error(FilterErrorMessages.filterMissingUsedOperator(filterDescriptor.field, filterDescriptor.operator));
-        }
-        if (foundFilter.editor === 'boolean') {
-            filterDescriptor.operator = 'eq';
-        }
-        if (foundFilter.editor === 'date' && filterDescriptor.value) {
-            filterDescriptor.value = new Date(filterDescriptor.value);
-        }
-        if (!isPresent(filterDescriptor.value)) {
-            filterDescriptor.value = null;
-        }
-        if (nullOperators.indexOf(filterDescriptor.operator) >= 0) {
-            filterDescriptor.value = null;
-        }
-    }
-    setValue(items) {
-        this.normalizeValue(items);
-        this.filterService.normalizedValue = items;
-        this.currentFilter = items;
-        this.cdr.detectChanges();
-        this.navigationService.reset(this.filterItems);
-    }
-    normalizeValue(items) {
-        if (!this.filterService.filters.length) {
-            return;
-        }
-        items.filters.forEach((item) => {
-            if (item.filters) {
-                this.normalizeValue(item);
-            }
-            else {
-                this.normalizeFilter(item);
-            }
-        });
-    }
-    /**
-     * @hidden
-     */
-    messageFor(key) {
-        return this.localization.get(key);
-    }
-    /**
-     * @hidden
-     */
-    filtersTypeChanged(previousValue, newValue) {
-        if (!(previousValue === null || previousValue === void 0 ? void 0 : previousValue.filters) && !(newValue === null || newValue === void 0 ? void 0 : newValue.filters)) {
-            return (previousValue === null || previousValue === void 0 ? void 0 : previousValue.operator) != (newValue === null || newValue === void 0 ? void 0 : newValue.operator) ||
-                (previousValue === null || previousValue === void 0 ? void 0 : previousValue.field) != (newValue === null || newValue === void 0 ? void 0 : newValue.field);
-        }
-        if (!(previousValue === null || previousValue === void 0 ? void 0 : previousValue.filters) || !(newValue === null || newValue === void 0 ? void 0 : newValue.filters)) {
-            return true;
-        }
-        const previousFilters = previousValue.filters;
-        const newFilters = newValue.filters;
-        if (previousFilters.length !== newFilters.length) {
-            return true;
-        }
-        for (let i = 0; i < previousFilters.length; i++) {
-            if (this.filtersTypeChanged(previousFilters[i], newFilters[i])) {
-                return true;
-            }
-        }
-        return false;
-    }
-}
-FilterComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: FilterComponent, deps: [{ token: FilterService }, { token: i1.LocalizationService }, { token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: NavigationService }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
-FilterComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: FilterComponent, isStandalone: true, selector: "kendo-filter", inputs: { filters: "filters", value: "value" }, outputs: { valueChange: "valueChange" }, host: { listeners: { "focusout": "focusout($event)", "keydown": "onKeydown($event)" }, properties: { "attr.dir": "this.direction" } }, providers: [
-        LocalizationService,
-        {
-            provide: L10N_PREFIX,
-            useValue: 'kendo.filter'
-        },
-        FilterService,
-        NavigationService
-    ], queries: [{ propertyName: "filterFields", predicate: FilterFieldComponent }], viewQueries: [{ propertyName: "_filterItems", predicate: FilterItem, descendants: true }], ngImport: i0, template: `
-        <ng-container kendoFilterLocalizedMessages
-            i18n-editorDateTodayText="kendo.filter.editorDateTodayText|The text of the Today button of the Date editor"
-            editorDateTodayText="Today"
-
-            i18n-editorDateToggleText="kendo.filter.editorDateToggleText|The title of the Toggle button of the Date editor."
-            editorDateToggleText="Toggle calendar"
-
-            i18n-editorNumericDecrement="kendo.filter.editorNumericDecrement|The title of the Decrement button of the Numeric editor"
-            editorNumericDecrement="Decrement"
-
-            i18n-editorNumericIncrement="kendo.filter.editorNumericIncrement|The title of the Increment button of the Numeric editor"
-            editorNumericIncrement="Increment"
-
-            i18n-filterExpressionOperators="kendo.filter.filterExpressionOperators|The text of the Filter Expression Operators drop down"
-            filterExpressionOperators="Operators"
-
-            i18n-filterExpressionFilters="kendo.filter.filterExpressionFilters|The text of the Filter Expression filters drop down"
-            filterExpressionFilters="Fields"
-
-            i18n-remove="kendo.filter.remove|The text of the Remove button"
-            remove="Remove"
-
-            i18n-addFilter="kendo.filter.addFilter|The text of the Add Filter button"
-            addFilter="Add Filter"
-
-            i18n-addGroup="kendo.filter.addGroup|The text of the Add Group button"
-            addGroup="Add Group"
-
-            i18n-filterAndLogic="kendo.filter.filterAndLogic|The text of the And filter logic"
-            filterAndLogic="And"
-
-            i18n-filterOrLogic="kendo.filter.filterOrLogic|The text of the Or filter logic"
-            filterOrLogic="Or"
-
-            i18n-filterEqOperator="kendo.filter.filterEqOperator|The text of the equal filter operator"
-            filterEqOperator="Is equal to"
-
-            i18n-filterNotEqOperator="kendo.filter.filterNotEqOperator|The text of the not equal filter operator"
-            filterNotEqOperator="Is not equal to"
-
-            i18n-filterIsNullOperator="kendo.filter.filterIsNullOperator|The text of the is null filter operator"
-            filterIsNullOperator="Is null"
-
-            i18n-filterIsNotNullOperator="kendo.filter.filterIsNotNullOperator|The text of the is not null filter operator"
-            filterIsNotNullOperator="Is not null"
-
-            i18n-filterIsEmptyOperator="kendo.filter.filterIsEmptyOperator|The text of the is empty filter operator"
-            filterIsEmptyOperator="Is empty"
-
-            i18n-filterIsNotEmptyOperator="kendo.filter.filterIsNotEmptyOperator|The text of the is not empty filter operator"
-            filterIsNotEmptyOperator="Is not empty"
-
-            i18n-filterStartsWithOperator="kendo.filter.filterStartsWithOperator|The text of the starts with filter operator"
-            filterStartsWithOperator="Starts with"
-
-            i18n-filterContainsOperator="kendo.filter.filterContainsOperator|The text of the contains filter operator"
-            filterContainsOperator="Contains"
-
-            i18n-filterNotContainsOperator="kendo.filter.filterNotContainsOperator|The text of the does not contain filter operator"
-            filterNotContainsOperator="Does not contain"
-
-            i18n-filterEndsWithOperator="kendo.filter.filterEndsWithOperator|The text of the ends with filter operator"
-            filterEndsWithOperator="Ends with"
-
-            i18n-filterGteOperator="kendo.filter.filterGteOperator|The text of the greater than or equal filter operator"
-            filterGteOperator="Is greater than or equal to"
-
-            i18n-filterGtOperator="kendo.filter.filterGtOperator|The text of the greater than filter operator"
-            filterGtOperator="Is greater than"
-
-            i18n-filterLteOperator="kendo.filter.filterLteOperator|The text of the less than or equal filter operator"
-            filterLteOperator="Is less than or equal to"
-
-            i18n-filterLtOperator="kendo.filter.filterLtOperator|The text of the less than filter operator"
-            filterLtOperator="Is less than"
-
-            i18n-filterIsTrue="kendo.filter.filterIsTrue|The text of the IsTrue boolean filter option"
-            filterIsTrue="Is True"
-
-            i18n-filterIsFalse="kendo.filter.filterIsFalse|The text of the IsFalse boolean filter option"
-            filterIsFalse="Is False"
-
-            i18n-filterBooleanAll="kendo.filter.filterBooleanAll|The text of the (All) boolean filter option"
-            filterBooleanAll="(All)"
-
-            i18n-filterAfterOrEqualOperator="kendo.filter.filterAfterOrEqualOperator|The text of the after or equal date filter operator"
-            filterAfterOrEqualOperator="Is after or equal to"
-
-            i18n-filterAfterOperator="kendo.filter.filterAfterOperator|The text of the after date filter operator"
-            filterAfterOperator="Is after"
-
-            i18n-filterBeforeOperator="kendo.filter.filterBeforeOperator|The text of the before date filter operator"
-            filterBeforeOperator="Is before"
-
-            i18n-filterBeforeOrEqualOperator="kendo.filter.filterBeforeOrEqualOperator|The text of the before or equal date filter operator"
-            filterBeforeOrEqualOperator="Is before or equal to"
-
-            i18n-filterFieldAriaLabel="kendo.filter.filterFieldAriaLabel|The text of the filter field aria label"
-            filterFieldAriaLabel="field"
-
-            i18n-filterOperatorAriaLabel="kendo.filter.filterOperatorAriaLabel|The text of the filter operator aria label"
-            filterOperatorAriaLabel="operator"
-
-            i18n-filterValueAriaLabel="kendo.filter.filterValueAriaLabel|The text of the filter value aria label"
-            filterValueAriaLabel="value"
-
-            i18n-filterToolbarAriaLabel="kendo.filter.filterToolbarAriaLabel|The text of the filter row aria label"
-            filterToolbarAriaLabel="filter row settings"
-
-            i18n-filterComponentAriaLabel="kendo.filter.filterComponentAriaLabel|The text of the filter component aria label"
-            filterComponentAriaLabel="filter component"
-            >
-        </ng-container>
-        <div class="k-filter" [attr.dir]="direction">
-            <ul class='k-filter-container' role="tree" [attr.aria-label]="messageFor('filterComponentAriaLabel')">
-                <li class='k-filter-group-main' role="treeitem">
-                    <kendo-filter-group
-                        [currentItem]="currentFilter"
-                        (valueChange)="onValueChange($event)"
-                        >
-                    </kendo-filter-group>
-                </li>
-            </ul>
-        </div>
-    `, isInline: true, dependencies: [{ kind: "directive", type: LocalizedMessagesDirective, selector: "[kendoFilterLocalizedMessages]" }, { kind: "component", type: FilterGroupComponent, selector: "kendo-filter-group", inputs: ["currentItem"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: FilterComponent, decorators: [{
-            type: Component,
-            args: [{
-                    providers: [
-                        LocalizationService,
-                        {
-                            provide: L10N_PREFIX,
-                            useValue: 'kendo.filter'
-                        },
-                        FilterService,
-                        NavigationService
-                    ],
-                    selector: 'kendo-filter',
-                    template: `
-        <ng-container kendoFilterLocalizedMessages
-            i18n-editorDateTodayText="kendo.filter.editorDateTodayText|The text of the Today button of the Date editor"
-            editorDateTodayText="Today"
-
-            i18n-editorDateToggleText="kendo.filter.editorDateToggleText|The title of the Toggle button of the Date editor."
-            editorDateToggleText="Toggle calendar"
-
-            i18n-editorNumericDecrement="kendo.filter.editorNumericDecrement|The title of the Decrement button of the Numeric editor"
-            editorNumericDecrement="Decrement"
-
-            i18n-editorNumericIncrement="kendo.filter.editorNumericIncrement|The title of the Increment button of the Numeric editor"
-            editorNumericIncrement="Increment"
-
-            i18n-filterExpressionOperators="kendo.filter.filterExpressionOperators|The text of the Filter Expression Operators drop down"
-            filterExpressionOperators="Operators"
-
-            i18n-filterExpressionFilters="kendo.filter.filterExpressionFilters|The text of the Filter Expression filters drop down"
-            filterExpressionFilters="Fields"
-
-            i18n-remove="kendo.filter.remove|The text of the Remove button"
-            remove="Remove"
-
-            i18n-addFilter="kendo.filter.addFilter|The text of the Add Filter button"
-            addFilter="Add Filter"
-
-            i18n-addGroup="kendo.filter.addGroup|The text of the Add Group button"
-            addGroup="Add Group"
-
-            i18n-filterAndLogic="kendo.filter.filterAndLogic|The text of the And filter logic"
-            filterAndLogic="And"
-
-            i18n-filterOrLogic="kendo.filter.filterOrLogic|The text of the Or filter logic"
-            filterOrLogic="Or"
-
-            i18n-filterEqOperator="kendo.filter.filterEqOperator|The text of the equal filter operator"
-            filterEqOperator="Is equal to"
-
-            i18n-filterNotEqOperator="kendo.filter.filterNotEqOperator|The text of the not equal filter operator"
-            filterNotEqOperator="Is not equal to"
-
-            i18n-filterIsNullOperator="kendo.filter.filterIsNullOperator|The text of the is null filter operator"
-            filterIsNullOperator="Is null"
-
-            i18n-filterIsNotNullOperator="kendo.filter.filterIsNotNullOperator|The text of the is not null filter operator"
-            filterIsNotNullOperator="Is not null"
-
-            i18n-filterIsEmptyOperator="kendo.filter.filterIsEmptyOperator|The text of the is empty filter operator"
-            filterIsEmptyOperator="Is empty"
-
-            i18n-filterIsNotEmptyOperator="kendo.filter.filterIsNotEmptyOperator|The text of the is not empty filter operator"
-            filterIsNotEmptyOperator="Is not empty"
-
-            i18n-filterStartsWithOperator="kendo.filter.filterStartsWithOperator|The text of the starts with filter operator"
-            filterStartsWithOperator="Starts with"
-
-            i18n-filterContainsOperator="kendo.filter.filterContainsOperator|The text of the contains filter operator"
-            filterContainsOperator="Contains"
-
-            i18n-filterNotContainsOperator="kendo.filter.filterNotContainsOperator|The text of the does not contain filter operator"
-            filterNotContainsOperator="Does not contain"
-
-            i18n-filterEndsWithOperator="kendo.filter.filterEndsWithOperator|The text of the ends with filter operator"
-            filterEndsWithOperator="Ends with"
-
-            i18n-filterGteOperator="kendo.filter.filterGteOperator|The text of the greater than or equal filter operator"
-            filterGteOperator="Is greater than or equal to"
-
-            i18n-filterGtOperator="kendo.filter.filterGtOperator|The text of the greater than filter operator"
-            filterGtOperator="Is greater than"
-
-            i18n-filterLteOperator="kendo.filter.filterLteOperator|The text of the less than or equal filter operator"
-            filterLteOperator="Is less than or equal to"
-
-            i18n-filterLtOperator="kendo.filter.filterLtOperator|The text of the less than filter operator"
-            filterLtOperator="Is less than"
-
-            i18n-filterIsTrue="kendo.filter.filterIsTrue|The text of the IsTrue boolean filter option"
-            filterIsTrue="Is True"
-
-            i18n-filterIsFalse="kendo.filter.filterIsFalse|The text of the IsFalse boolean filter option"
-            filterIsFalse="Is False"
-
-            i18n-filterBooleanAll="kendo.filter.filterBooleanAll|The text of the (All) boolean filter option"
-            filterBooleanAll="(All)"
-
-            i18n-filterAfterOrEqualOperator="kendo.filter.filterAfterOrEqualOperator|The text of the after or equal date filter operator"
-            filterAfterOrEqualOperator="Is after or equal to"
-
-            i18n-filterAfterOperator="kendo.filter.filterAfterOperator|The text of the after date filter operator"
-            filterAfterOperator="Is after"
-
-            i18n-filterBeforeOperator="kendo.filter.filterBeforeOperator|The text of the before date filter operator"
-            filterBeforeOperator="Is before"
-
-            i18n-filterBeforeOrEqualOperator="kendo.filter.filterBeforeOrEqualOperator|The text of the before or equal date filter operator"
-            filterBeforeOrEqualOperator="Is before or equal to"
-
-            i18n-filterFieldAriaLabel="kendo.filter.filterFieldAriaLabel|The text of the filter field aria label"
-            filterFieldAriaLabel="field"
-
-            i18n-filterOperatorAriaLabel="kendo.filter.filterOperatorAriaLabel|The text of the filter operator aria label"
-            filterOperatorAriaLabel="operator"
-
-            i18n-filterValueAriaLabel="kendo.filter.filterValueAriaLabel|The text of the filter value aria label"
-            filterValueAriaLabel="value"
-
-            i18n-filterToolbarAriaLabel="kendo.filter.filterToolbarAriaLabel|The text of the filter row aria label"
-            filterToolbarAriaLabel="filter row settings"
-
-            i18n-filterComponentAriaLabel="kendo.filter.filterComponentAriaLabel|The text of the filter component aria label"
-            filterComponentAriaLabel="filter component"
-            >
-        </ng-container>
-        <div class="k-filter" [attr.dir]="direction">
-            <ul class='k-filter-container' role="tree" [attr.aria-label]="messageFor('filterComponentAriaLabel')">
-                <li class='k-filter-group-main' role="treeitem">
-                    <kendo-filter-group
-                        [currentItem]="currentFilter"
-                        (valueChange)="onValueChange($event)"
-                        >
-                    </kendo-filter-group>
-                </li>
-            </ul>
-        </div>
-    `,
-                    standalone: true,
-                    imports: [LocalizedMessagesDirective, FilterGroupComponent]
-                }]
-        }], ctorParameters: function () { return [{ type: FilterService }, { type: i1.LocalizationService }, { type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: NavigationService }, { type: i0.Renderer2 }]; }, propDecorators: { focusout: [{
-                type: HostListener,
-                args: ['focusout', ['$event']]
-            }], onKeydown: [{
-                type: HostListener,
-                args: ['keydown', ['$event']]
-            }], direction: [{
-                type: HostBinding,
-                args: ['attr.dir']
-            }], filters: [{
-                type: Input
-            }], value: [{
-                type: Input
-            }], valueChange: [{
-                type: Output
-            }], filterFields: [{
-                type: ContentChildren,
-                args: [FilterFieldComponent]
-            }], _filterItems: [{
-                type: ViewChildren,
-                args: [FilterItem]
-            }] } });
-
-/**
- * Custom component messages override default component messages
- * ([see example](slug:globalization_filter#toc-internationalization)).
- */
-class CustomMessagesComponent extends Messages {
-    constructor(service) {
-        super();
-        this.service = service;
-    }
-    get override() {
-        return true;
-    }
-}
-CustomMessagesComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CustomMessagesComponent, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
-CustomMessagesComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: CustomMessagesComponent, isStandalone: true, selector: "kendo-filter-messages", providers: [
-        {
-            provide: Messages,
-            useExisting: forwardRef(() => CustomMessagesComponent)
-        }
-    ], usesInheritance: true, ngImport: i0, template: ``, isInline: true });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CustomMessagesComponent, decorators: [{
-            type: Component,
-            args: [{
-                    providers: [
-                        {
-                            provide: Messages,
-                            useExisting: forwardRef(() => CustomMessagesComponent)
-                        }
-                    ],
-                    selector: 'kendo-filter-messages',
-                    template: ``,
-                    standalone: true
-                }]
-        }], ctorParameters: function () { return [{ type: i1.LocalizationService }]; } });
-
-/**
-* Utility array that contains all `@progress/kendo-angular-filter` related components and directives
-*/
-const KENDO_FILTER = [
-    FilterComponent,
-    FilterFieldComponent,
-    CustomMessagesComponent,
-    FilterValueEditorTemplateDirective
-];
-
-// IMPORTANT: NgModule export kept for backwards compatibility
-/**
- * Represents the [NgModule](link:site.data.urls.angular['ngmoduleapi'])
- * definition for the Filter component.
- *
- * @example
- *
- * ```ts
- * // Import the Filter module
- * import { FilterModule } from '@progress/kendo-angular-filter';
- *
- * // The browser platform with a compiler
- * import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
- *
- * import { NgModule } from '@angular/core';
- *
- * // Import the app component
- * import { AppComponent } from './app.component';
- *
- * // Define the app module
- * _@NgModule({
- *     declarations: [AppComponent], // declare app component
- *     imports:      [BrowserModule, FilterModule], // import Filter module
- *     bootstrap:    [AppComponent]
- * })
- * export class AppModule { }
- *
- * // Compile and launch the module
- * platformBrowserDynamic().bootstrapModule(AppModule);
- *
- * ```
- */
-class FilterModule {
-}
-FilterModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: FilterModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-FilterModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: FilterModule, imports: [FilterComponent, FilterFieldComponent, CustomMessagesComponent, FilterValueEditorTemplateDirective], exports: [FilterComponent, FilterFieldComponent, CustomMessagesComponent, FilterValueEditorTemplateDirective] });
-FilterModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: FilterModule, providers: [
-        // InputsModule providers
-        IconsService,
-        PopupService,
-        ResizeBatchService,
-        DialogContainerService,
-        DialogService,
-        WindowService,
-        WindowContainerService,
-        // DateInputsModule providers
-        CalendarDOMService,
-        CenturyViewService,
-        DecadeViewService,
-        MonthViewService,
-        YearViewService,
-        NavigationService$1,
-        TimePickerDOMService,
-        HoursService,
-        MinutesService,
-        SecondsService,
-        MillisecondsService,
-        DayPeriodService
-    ], imports: [FilterComponent, FilterFieldComponent, CustomMessagesComponent] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: FilterModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: [...KENDO_FILTER],
-                    exports: [...KENDO_FILTER],
-                    providers: [
-                        // InputsModule providers
-                        IconsService,
-                        PopupService,
-                        ResizeBatchService,
-                        DialogContainerService,
-                        DialogService,
-                        WindowService,
-                        WindowContainerService,
-                        // DateInputsModule providers
-                        CalendarDOMService,
-                        CenturyViewService,
-                        DecadeViewService,
-                        MonthViewService,
-                        YearViewService,
-                        NavigationService$1,
-                        TimePickerDOMService,
-                        HoursService,
-                        MinutesService,
-                        SecondsService,
-                        MillisecondsService,
-                        DayPeriodService
-                    ],
-                }]
-        }] });
-
-/**
- * Generated bundle index. Do not edit.
- */
-
-export { AriaLabelValueDirective, CustomMessagesComponent, FilterBooleanEditorComponent, FilterComponent, FilterDateEditorComponent, FilterExpressionComponent, FilterExpressionOperatorsComponent, FilterFieldComponent, FilterGroupComponent, FilterModule, FilterNumericEditorComponent, FilterTextEditorComponent, FilterValueEditorTemplateDirective, KENDO_FILTER, LocalizedMessagesDirective };
-