@progress/kendo-angular-filter 21.4.1-develop.1 → 22.0.0-develop.1

package/esm2022/filter.module.mjs

@@ -1,105 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2026 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-import { NgModule } from '@angular/core';
-import { KENDO_FILTER } from './directives';
-import { IconsService } from '@progress/kendo-angular-icons';
-import { PopupService } from '@progress/kendo-angular-popup';
-import { ResizeBatchService } from '@progress/kendo-angular-common';
-import { DialogContainerService, DialogService, NavigationService, WindowContainerService, WindowService, } from '@progress/kendo-angular-dialog';
-import { CalendarDOMService, CenturyViewService, DecadeViewService, MonthViewService, YearViewService, TimePickerDOMService, HoursService, MinutesService, SecondsService, MillisecondsService, DayPeriodService, } from '@progress/kendo-angular-dateinputs';
-import * as i0 from "@angular/core";
-import * as i1 from "./filter.component";
-import * as i2 from "./filter-field.component";
-import * as i3 from "./localization/custom-messages.component";
-import * as i4 from "./templates/value-editor.template";
-// 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);
- *
- * ```
- */
-export class FilterModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: FilterModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.14", ngImport: i0, type: FilterModule, imports: [i1.FilterComponent, i2.FilterFieldComponent, i3.CustomMessagesComponent, i4.FilterValueEditorTemplateDirective], exports: [i1.FilterComponent, i2.FilterFieldComponent, i3.CustomMessagesComponent, i4.FilterValueEditorTemplateDirective] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: FilterModule, providers: [
-            // InputsModule providers
-            IconsService,
-            PopupService,
-            ResizeBatchService,
-            DialogContainerService,
-            DialogService,
-            WindowService,
-            WindowContainerService,
-            // DateInputsModule providers
-            CalendarDOMService,
-            CenturyViewService,
-            DecadeViewService,
-            MonthViewService,
-            YearViewService,
-            NavigationService,
-            TimePickerDOMService,
-            HoursService,
-            MinutesService,
-            SecondsService,
-            MillisecondsService,
-            DayPeriodService
-        ], imports: [i1.FilterComponent] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", 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,
-                        TimePickerDOMService,
-                        HoursService,
-                        MinutesService,
-                        SecondsService,
-                        MillisecondsService,
-                        DayPeriodService
-                    ],
-                }]
-        }] });

package/esm2022/filter.service.mjs

@@ -1,41 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2026 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-import { Injectable } from '@angular/core';
-import * as i0 from "@angular/core";
-/**
- * @hidden
- */
-export class FilterService {
-    normalizedValue = { logic: 'and', filters: [] };
-    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));
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: FilterService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: FilterService });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: FilterService, decorators: [{
-            type: Injectable
-        }] });

package/esm2022/index.mjs

@@ -1,19 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2026 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-export { FilterComponent } from './filter.component';
-export { FilterGroupComponent } from './filter-group.component';
-export { FilterModule } from './filter.module';
-export { AriaLabelValueDirective } from './aria-label.directive';
-export { FilterBooleanEditorComponent } from './editors/boolean-editor.component';
-export { FilterDateEditorComponent } from './editors/date-editor.component';
-export { FilterNumericEditorComponent } from './editors/numeric-editor.component';
-export { FilterTextEditorComponent } from './editors/text-editor.component';
-export { FilterExpressionOperatorsComponent } from './filter-expression-operators.component';
-export { FilterExpressionComponent } from './filter-expression.component';
-export { CustomMessagesComponent } from './localization/custom-messages.component';
-export { LocalizedMessagesDirective } from './localization/localized-messages.directive';
-export { FilterFieldComponent } from './filter-field.component';
-export { FilterValueEditorTemplateDirective } from './templates/value-editor.template';
-export * from './directives';

package/esm2022/localization/custom-messages.component.mjs

@@ -1,44 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2026 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-import { Component, forwardRef } from '@angular/core';
-import { LocalizationService } from '@progress/kendo-angular-l10n';
-import { Messages } from './messages';
-import * as i0 from "@angular/core";
-import * as i1 from "@progress/kendo-angular-l10n";
-/**
- * Custom component messages that override the default component messages.
- * For usage examples, see the [Internationalization guide](slug:globalization_filter#toc-internationalization).
- */
-export class CustomMessagesComponent extends Messages {
-    service;
-    constructor(service) {
-        super();
-        this.service = service;
-    }
-    get override() {
-        return true;
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: CustomMessagesComponent, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", 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: "18.2.14", ngImport: i0, type: CustomMessagesComponent, decorators: [{
-            type: Component,
-            args: [{
-                    providers: [
-                        {
-                            provide: Messages,
-                            useExisting: forwardRef(() => CustomMessagesComponent)
-                        }
-                    ],
-                    selector: 'kendo-filter-messages',
-                    template: ``,
-                    standalone: true
-                }]
-        }], ctorParameters: () => [{ type: i1.LocalizationService }] });

package/esm2022/localization/localized-messages.directive.mjs

@@ -1,39 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2026 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-import { Directive, forwardRef } from '@angular/core';
-import { LocalizationService } from '@progress/kendo-angular-l10n';
-import { Messages } from './messages';
-import * as i0 from "@angular/core";
-import * as i1 from "@progress/kendo-angular-l10n";
-/**
- * @hidden
- */
-export class LocalizedMessagesDirective extends Messages {
-    service;
-    constructor(service) {
-        super();
-        this.service = service;
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: LocalizedMessagesDirective, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: LocalizedMessagesDirective, isStandalone: true, selector: "[kendoFilterLocalizedMessages]", providers: [
-            {
-                provide: Messages,
-                useExisting: forwardRef(() => LocalizedMessagesDirective)
-            }
-        ], usesInheritance: true, ngImport: i0 });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: LocalizedMessagesDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    providers: [
-                        {
-                            provide: Messages,
-                            useExisting: forwardRef(() => LocalizedMessagesDirective)
-                        }
-                    ],
-                    selector: '[kendoFilterLocalizedMessages]',
-                    standalone: true
-                }]
-        }], ctorParameters: () => [{ type: i1.LocalizationService }] });

package/esm2022/localization/messages.mjs

@@ -1,243 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2026 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-import { Directive } from '@angular/core';
-import { Input } from '@angular/core';
-import { ComponentMessages } from '@progress/kendo-angular-l10n';
-import * as i0 from "@angular/core";
-/**
- * @hidden
- */
-export class Messages extends ComponentMessages {
-    /**
-     * The text of the Filter Expression `operators` drop down title.
-     */
-    filterExpressionOperators;
-    /**
-     * The text of the Filter Expression 'fields' drop down title.
-     */
-    filterExpressionFilters;
-    /**
-     * The text of the `Remove` button.
-     */
-    remove;
-    /**
-     * The text of the Filter Group `Add Group` button.
-     */
-    addGroup;
-    /**
-     * The text of the Filter Group `Add Filter` button.
-     */
-    addFilter;
-    /**
-     * The text of the `And` Filter Group logic.
-     */
-    filterAndLogic;
-    /**
-     * The text of the `Or` Filter Group logic.
-     */
-    filterOrLogic;
-    /**
-     * The text of the `Equal` (**Is equal to**) Filter Expression operator.
-     */
-    filterEqOperator;
-    /**
-     * The text of the `NotEqual` (**Is not equal to**) Filter Expression operator.
-     */
-    filterNotEqOperator;
-    /**
-     * The text of the `IsNull` (**Is null**) Filter Expression operator.
-     */
-    filterIsNullOperator;
-    /**
-     * The text of the `IsNotNull` (**Is not null**) Filter Expression operator.
-     */
-    filterIsNotNullOperator;
-    /**
-     * The text of the `IsEmpty` (**Is empty**) Filter Expression operator.
-     */
-    filterIsEmptyOperator;
-    /**
-     * The text of the `IsNotEmpty` (**Is not empty**) Filter Expression operator.
-     */
-    filterIsNotEmptyOperator;
-    /**
-     * The text of the `StartsWith` (**Starts with**) Filter Expression operator.
-     */
-    filterStartsWithOperator;
-    /**
-     * The text of the `Contains` (**Contains**) Filter Expression operator.
-     */
-    filterContainsOperator;
-    /**
-     * The text of the `DoesNotContain` (**Does not contain**) Filter Expression operator.
-     */
-    filterNotContainsOperator;
-    /**
-     * The text of the `EndsWith` (**Ends with**) string Filter Expression operator.
-     */
-    filterEndsWithOperator;
-    /**
-     * The text of the `GreaterOrEqualTo` (**Is greater than or equal to**) numeric Filter Expression operator.
-     */
-    filterGteOperator;
-    /**
-     * The text of the `Greater` (**Is greater than**) numeric Filter Expression operator.
-     */
-    filterGtOperator;
-    /**
-     * The text of the `LessOrEqualTo` (**Is less than or equal to**) numeric Filter Expression operator.
-     */
-    filterLteOperator;
-    /**
-     * The text of the `Less` (**Is less than**) numeric Filter Expression operator.
-     */
-    filterLtOperator;
-    /**
-     * The text of the `IsTrue` boolean Filter Expression option.
-     */
-    filterIsTrue;
-    /**
-     * The text of the `IsFalse` boolean Filter Expression option.
-     */
-    filterIsFalse;
-    /**
-     * The text of the `(All)` boolean Filter Expression option.
-     */
-    filterBooleanAll;
-    /**
-     * The text of the `AfterOrEqualTo` (**Is after or equal to**) date Filter Expression operator.
-     */
-    filterAfterOrEqualOperator;
-    /**
-     * The text of the `After` (**Is after**) date Filter Expression operator.
-     */
-    filterAfterOperator;
-    /**
-     * The text of the `Before` (**Is before**) date Filter Expression operator.
-     */
-    filterBeforeOperator;
-    /**
-     * The text of the `BeforeOrEqualTo` (**Is before or equal to**) date Filter Expression operator.
-     */
-    filterBeforeOrEqualOperator;
-    /**
-     * The title of the Decrement button of the Filter Expression numeric editor.
-     */
-    editorNumericDecrement;
-    /**
-     * The title of the Increment button of the Filter Expression numeric editor.
-     */
-    editorNumericIncrement;
-    /**
-     * The text of the Today button of the Filter Expression date editor.
-     */
-    editorDateTodayText;
-    /**
-     * The title of the Toggle button of the Filter Expression date editor.
-     */
-    editorDateToggleText;
-    /**
-     * The text of the filter field aria label.
-     */
-    filterFieldAriaLabel;
-    /**
-     * The text of the filter operator aria label.
-     */
-    filterOperatorAriaLabel;
-    /**
-     * The text of the filter value aria label.
-     */
-    filterValueAriaLabel;
-    /**
-     * The text of the filter row aria label.
-     */
-    filterToolbarAriaLabel;
-    /**
-     * The text of the filter toolbar aria label.
-     */
-    filterComponentAriaLabel;
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: Messages, deps: null, target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", 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: "18.2.14", 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
-            }] } });

package/esm2022/model/filter-expression.mjs

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

package/esm2022/navigation.service.mjs

@@ -1,162 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2026 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-import { ChangeDetectorRef, Injectable, Renderer2 } from '@angular/core';
-import { Keys } from '@progress/kendo-angular-common';
-import { selectors } from './util';
-import * as i0 from "@angular/core";
-/**
- * @hidden
- */
-export class NavigationService {
-    cdr;
-    renderer;
-    hierarchicalFilterItems = [];
-    flattenFilterItems = [];
-    currentToolbarItemIndex = 0;
-    currentToolbarItemChildrenIndex = 0;
-    isFilterNavigationActivated = true;
-    isFilterExpressionComponentFocused = false;
-    currentlyFocusedElement;
-    constructor(cdr, renderer) {
-        this.cdr = cdr;
-        this.renderer = renderer;
-    }
-    processKeyDown(key, event) {
-        switch (key) {
-            case Keys.ArrowUp: {
-                event.preventDefault();
-                if (!this.isFilterExpressionComponentFocused) {
-                    this.currentToolbarItemChildrenIndex = 0;
-                    if (this.currentToolbarItemIndex > 0) {
-                        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;
-                    if (this.currentToolbarItemIndex < this.flattenFilterItems.length - 1) {
-                        this.currentToolbarItemIndex++;
-                    }
-                    const elementToFocus = this.flattenFilterItems[this.currentToolbarItemIndex].focusableChildren[0];
-                    this.focusCurrentElement(elementToFocus);
-                }
-                break;
-            }
-            case Keys.NumpadEnter:
-            case Keys.Enter: {
-                const isEventTargetKendoFilterToolbarItem = event.target.closest(selectors.kendoFilterToolbarItem);
-                const isEventTargetButton = event.target.closest(selectors.kendoButton);
-                if (this.isFilterNavigationActivated &&
-                    !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.isFilterNavigationActivated && !this.isFilterExpressionComponentFocused) {
-                    event.preventDefault();
-                    if (this.currentToolbarItemChildrenIndex < this.flattenFilterItems[this.currentToolbarItemIndex].focusableChildren.length - 1) {
-                        this.currentToolbarItemChildrenIndex++;
-                    }
-                    const elementToFocus = this.flattenFilterItems[this.currentToolbarItemIndex].focusableChildren[this.currentToolbarItemChildrenIndex];
-                    this.focusCurrentElement(elementToFocus);
-                }
-                break;
-            }
-            case Keys.ArrowLeft: {
-                if (this.isFilterNavigationActivated && !this.isFilterExpressionComponentFocused) {
-                    event.preventDefault();
-                    if (this.currentToolbarItemChildrenIndex > 0) {
-                        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) => {
-            const flattenItem = { component: filterRow, isGroup: false, toolbarElement: filterRow.toolbarElement, focusableChildren: [] };
-            this.flattenFilterItems.push(flattenItem);
-            if ((filterRow['operators'] && filterRow['filterItems']?.length > 0)) {
-                this.setGroupItemChildren(flattenItem, filterRow);
-                this.flattenHierarchicalFilterItems(filterRow['filterItems']);
-            }
-            else if (filterRow['operators'] && filterRow['filterItems']?.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();
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: NavigationService, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: NavigationService });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: NavigationService, decorators: [{
-            type: Injectable
-        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.Renderer2 }] });