@progress/kendo-angular-filter 2.2.3-dev.202210120943 → 2.3.0

package/filter-expression.component.d.ts

@@ -2,24 +2,22 @@
 * Copyright © 2021 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
-import { ChangeDetectorRef, EventEmitter, OnDestroy, OnInit, TemplateRef } from '@angular/core';
+import { ChangeDetectorRef, ElementRef, OnDestroy, OnInit, Renderer2, TemplateRef } from '@angular/core';
 import { LocalizationService } from '@progress/kendo-angular-l10n';
-import { CompositeFilterDescriptor } from '@progress/kendo-data-query';
-import { FilterDescriptor } from '@progress/kendo-data-query';
+import { CompositeFilterDescriptor, FilterDescriptor } from '@progress/kendo-data-query';
+import { BaseFilterRowComponent } from './base-filter-row.component';
 import { FilterService } from './filter.service';
 import { DateFormat, FilterEditor, FilterExpression, FilterOperator, NumberFormat } from './model/filter-expression';
+import { NavigationService } from './navigation.service';
 import * as i0 from "@angular/core";
 /**
  * @hidden
  */
-export declare class FilterExpressionComponent implements OnInit, OnDestroy {
+export declare class FilterExpressionComponent extends BaseFilterRowComponent implements OnInit, OnDestroy {
     private filterService;
-    protected localization: LocalizationService;
     private cdr;
     static ngAcceptInputType_currentItem: FilterDescriptor | CompositeFilterDescriptor;
-    index: number;
     currentItem: FilterDescriptor;
-    valueChange: EventEmitter<void>;
     operators: any[];
     filters: FilterExpression[];
     isBoolean: boolean;
@@ -33,14 +31,13 @@ export declare class FilterExpressionComponent implements OnInit, OnDestroy {
     private isNumberFormat;
     private isDateFormat;
     private localizationSubscription;
-    constructor(filterService: FilterService, localization: LocalizationService, cdr: ChangeDetectorRef);
+    constructor(filterService: FilterService, cdr: ChangeDetectorRef, element: ElementRef, navigationService: NavigationService, localization: LocalizationService, renderer: Renderer2);
     ngOnInit(): void;
     ngOnDestroy(): void;
     normalizeOperators(filterEditor: FilterEditor, operators: FilterOperator[]): {
         text: string;
         value: string;
     }[];
-    messageFor(key: string): string;
     getFilterExpressionByField(name: string): FilterExpression | null;
     filterValueChange(value: string): void;
     protected getDefaultOperators(operatorsType: FilterEditor): {
@@ -53,5 +50,5 @@ export declare class FilterExpressionComponent implements OnInit, OnDestroy {
     onOperatorChange(value: string): void;
     setEditorTemplate(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<FilterExpressionComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<FilterExpressionComponent, "kendo-filter-expression", never, { "index": "index"; "currentItem": "currentItem"; }, { "valueChange": "valueChange"; }, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FilterExpressionComponent, "kendo-filter-expression", never, { "currentItem": "currentItem"; }, {}, never, never>;
 }

package/filter-group.component.d.ts

@@ -2,41 +2,42 @@
 * Copyright © 2021 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
-import { ChangeDetectorRef, EventEmitter, OnDestroy, OnInit } from '@angular/core';
+import { ChangeDetectorRef, ElementRef, OnDestroy, OnInit, Renderer2 } from '@angular/core';
 import { LocalizationService } from '@progress/kendo-angular-l10n';
-import { FilterDescriptor } from '@progress/kendo-data-query';
-import { CompositeFilterDescriptor } from '@progress/kendo-data-query';
+import { CompositeFilterDescriptor, FilterDescriptor } from '@progress/kendo-data-query';
+import { BaseFilterRowComponent } from './base-filter-row.component';
 import { FilterService } from './filter.service';
+import { NavigationService } from './navigation.service';
+import { FilterItem } from './util';
 import * as i0 from "@angular/core";
 /**
  * @hidden
  */
-export declare class FilterGroupComponent implements OnInit, OnDestroy {
+export declare class FilterGroupComponent extends BaseFilterRowComponent implements OnInit, OnDestroy {
     private filterService;
-    localization: LocalizationService;
     private cdr;
     static ngAcceptInputType_currentItem: FilterDescriptor | CompositeFilterDescriptor;
-    index: number;
+    private _filterItems;
+    get filterItems(): FilterItem[];
     currentItem: CompositeFilterDescriptor;
-    valueChange: EventEmitter<void>;
     operators: {
         text: string;
         value: 'and' | 'or';
     }[];
     private localizationSubscription;
-    constructor(filterService: FilterService, localization: LocalizationService, cdr: ChangeDetectorRef);
+    constructor(filterService: FilterService, cdr: ChangeDetectorRef, element: ElementRef, navigationService: NavigationService, localization: LocalizationService, renderer: Renderer2);
     ngOnInit(): void;
     ngOnDestroy(): void;
     getLogicOperators(): {
         text: string;
         value: 'and' | 'or';
     }[];
-    messageFor(key: string): string;
     getOperator(operatorValue: 'and' | 'or'): string;
     selectedChange(logicOperator: 'or' | 'and'): void;
     addFilterExpression(): void;
     addFilterGroup(): void;
     removeFilterGroup(): void;
+    onMouseDown(event: any): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<FilterGroupComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<FilterGroupComponent, "kendo-filter-group", never, { "index": "index"; "currentItem": "currentItem"; }, { "valueChange": "valueChange"; }, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FilterGroupComponent, "kendo-filter-group", never, { "currentItem": "currentItem"; }, {}, never, never>;
 }

package/filter.component.d.ts

@@ -2,7 +2,7 @@
 * Copyright © 2021 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
-import { OnInit, EventEmitter } from '@angular/core';
+import { OnInit, EventEmitter, ElementRef, Renderer2 } from '@angular/core';
 import { LocalizationService } from '@progress/kendo-angular-l10n';
 import { FilterService } from './filter.service';
 import { CompositeFilterDescriptor } from '@progress/kendo-data-query';
@@ -10,6 +10,8 @@ import { FilterExpression } from './model/filter-expression';
 import { Direction } from './util';
 import { ChangeDetectorRef } from '@angular/core';
 import { OnDestroy } from '@angular/core';
+import { FilterItem } from './util';
+import { NavigationService } from './navigation.service';
 import * as i0 from "@angular/core";
 /**
  * Represents the [Kendo UI Filter component for Angular]({% slug overview_filter %}).
@@ -47,6 +49,17 @@ export declare class FilterComponent implements OnInit, OnDestroy {
     private filterService;
     private localization;
     private cdr;
+    private element;
+    private navigationService;
+    private renderer;
+    /**
+     * @hidden
+     */
+    focusout(): void;
+    /**
+     * @hidden
+     */
+    onKeydown(event: any): void;
     direction: Direction;
     /**
      * Specifies the available user-defined filters. At least one filter should be provided.
@@ -66,9 +79,12 @@ export declare class FilterComponent implements OnInit, OnDestroy {
     private localizationSubscription;
     private _value;
     private filterFields;
-    constructor(filterService: FilterService, localization: LocalizationService, cdr: ChangeDetectorRef);
+    private _filterItems;
+    get filterItems(): FilterItem[];
+    get toolbarElement(): HTMLElement;
+    constructor(filterService: FilterService, localization: LocalizationService, cdr: ChangeDetectorRef, element: ElementRef, navigationService: NavigationService, renderer: Renderer2);
     ngOnInit(): void;
-    ngAfterViewChecked(): void;
+    ngAfterViewInit(): void;
     ngOnDestroy(): void;
     /**
      * @hidden
@@ -77,10 +93,14 @@ export declare class FilterComponent implements OnInit, OnDestroy {
     /**
      * @hidden
      */
-    onValueChange(): void;
+    onValueChange(isRemoveOperation?: any): void;
     private normalizeFilter;
     private setValue;
     private normalizeValue;
+    /**
+     * @hidden
+     */
+    messageFor(key: string): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<FilterComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<FilterComponent, "kendo-filter", never, { "filters": "filters"; "value": "value"; }, { "valueChange": "valueChange"; }, ["filterFields"], never>;
 }

package/localization/messages.d.ts

@@ -151,11 +151,11 @@ export declare class Messages extends ComponentMessages {
     /**
      * The text of the filter row aria label.
      */
-    filterAriaLabel: string;
+    filterToolbarAriaLabel: string;
     /**
      * The text of the filter toolbar aria label.
      */
-    filterToolbarAriaLabel: string;
+    filterComponentAriaLabel: string;
     static ɵfac: i0.ɵɵFactoryDeclaration<Messages, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<Messages, "[kendoFilterMessages]", never, { "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"; "filterAriaLabel": "filterAriaLabel"; "filterToolbarAriaLabel": "filterToolbarAriaLabel"; }, {}, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<Messages, "[kendoFilterMessages]", never, { "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"; }, {}, never>;
 }

package/model/filter-expression.d.ts

@@ -20,7 +20,7 @@ export interface DateFormat extends FormatSettings {
  */
 export interface NumberFormat extends NumberFormatOptions {
 }
-export declare type FilterOperator = 'eq' | 'neq' | 'gt' | 'gte' | 'lt' | 'lte' | 'isnull' | 'isnotnull' | 'contains' | 'doesnotcontain' | 'startswith' | 'endswidth' | 'isempty' | 'isnotempty';
+export declare type FilterOperator = 'eq' | 'neq' | 'gt' | 'gte' | 'lt' | 'lte' | 'isnull' | 'isnotnull' | 'contains' | 'doesnotcontain' | 'startswith' | 'endswith' | 'isempty' | 'isnotempty';
 /**
  * Represents the FilterEditor type.
  */

package/navigation.service.d.ts

@@ -0,0 +1,40 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { ChangeDetectorRef, Renderer2 } from '@angular/core';
+import { FilterItem } from './util';
+import * as i0 from "@angular/core";
+/**
+ * @hidden
+ */
+interface FlattenFilterItem {
+    component: FilterItem;
+    isGroup: boolean;
+    toolbarElement: HTMLElement;
+    focusableChildren: HTMLElement[];
+}
+/**
+ * @hidden
+ */
+export declare class NavigationService {
+    private cdr;
+    private renderer;
+    hierarchicalFilterItems: FilterItem[];
+    flattenFilterItems: FlattenFilterItem[];
+    currentToolbarItemIndex: number;
+    currentToolbarItemChildrenIndex: number;
+    isInnerNavigationActivated: boolean;
+    isFilterExpressionComponentFocused: boolean;
+    currentlyFocusedElement: HTMLElement;
+    constructor(cdr: ChangeDetectorRef, renderer: Renderer2);
+    processKeyDown(key: number, event: any): void;
+    focusCurrentElement(element: HTMLElement, isOnMouseDown?: boolean): void;
+    flattenHierarchicalFilterItems(filterItems: FilterItem[]): void;
+    private setGroupItemChildren;
+    setItemIndexes(): void;
+    reset(items: FilterItem[]): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NavigationService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<NavigationService>;
+}
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-angular-filter",
-  "version": "2.2.3-dev.202210120943",
+  "version": "2.3.0",
   "description": "Kendo UI Angular Filter",
   "license": "SEE LICENSE IN LICENSE.md",
   "author": "Progress",

package/util.d.ts

@@ -3,6 +3,7 @@
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 import { FilterOperator } from "./model/filter-expression";
+import * as i0 from "@angular/core";
 /**
  * @hidden
  */
@@ -147,3 +148,14 @@ export declare const localizeOperators: (operators: any) => (localization: any)
  * @hidden
  */
 export declare const isPresent: Function;
+/**
+ * @hidden
+ */
+export declare class FilterItem {
+    static ɵfac: i0.ɵɵFactoryDeclaration<FilterItem, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<FilterItem>;
+}
+/**
+ * @hidden
+ */
+export declare const selectors: any;