@progress/kendo-angular-grid 17.0.0-develop.4 → 17.0.0-develop.40

package/{esm2020 → esm2022}/filtering/menu/boolean-filter-menu.component.mjs

@@ -11,7 +11,7 @@ import { replaceMessagePlaceholder } from '../../utils';
 import { MenuTabbingService } from './menu-tabbing.service';
 import { ContextService } from '../../common/provider.service';
 import { NgFor } from '@angular/common';
-import { RadioButtonDirective } from '@progress/kendo-angular-inputs';
+import { RadioButtonComponent } from '@progress/kendo-angular-inputs';
 import * as i0 from "@angular/core";
 import * as i1 from "../../common/provider.service";
 /**
@@ -32,21 +32,33 @@ import * as i1 from "../../common/provider.service";
  * ```
  */
 export class BooleanFilterMenuComponent extends BooleanFilterComponent {
-    constructor(ctx) {
-        super(null, ctx);
-        /**
-         * The current menu filter.
-         * @type {CompositeFilterDescriptor}
-         */
-        this.filter = { filters: [], logic: "and" };
-        this.idPrefix = guid();
-    }
     /**
      * @hidden
      */
     get hostClasses() {
         return false;
     }
+    /**
+     * The current menu filter.
+     * @type {CompositeFilterDescriptor}
+     */
+    filter = { filters: [], logic: "and" };
+    /**
+     * The `FilterService` instance which is responsible for handling the changes in the filter descriptor.
+     */
+    filterService;
+    /**
+     * @hidden
+     */
+    menuTabbingService;
+    idPrefix = guid();
+    /**
+     * @hidden
+     */
+    radioButtons;
+    constructor(ctx) {
+        super(null, ctx);
+    }
     ngAfterViewInit() {
         this.filterService.menuTabbingService.firstFocusable = this.radioButtons.first.radioButtonEl;
         if (!this.menuTabbingService?.isTabbedInterface) {
@@ -68,7 +80,7 @@ export class BooleanFilterMenuComponent extends BooleanFilterComponent {
             operator: "eq",
             value: value
         }));
-        this.filterService.menuTabbingService.firstFocusable = input;
+        this.filterService.menuTabbingService.firstFocusable = input.hostElement.nativeElement;
     }
     /**
      * @hidden
@@ -93,50 +105,48 @@ export class BooleanFilterMenuComponent extends BooleanFilterComponent {
         const columnName = this.column.title || this.column.field;
         return replaceMessagePlaceholder(localizationMsg, 'columnName', columnName);
     }
-}
-BooleanFilterMenuComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: BooleanFilterMenuComponent, deps: [{ token: i1.ContextService }], target: i0.ɵɵFactoryTarget.Component });
-BooleanFilterMenuComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: BooleanFilterMenuComponent, isStandalone: true, selector: "kendo-grid-boolean-filter-menu", inputs: { filter: "filter", filterService: "filterService", menuTabbingService: "menuTabbingService" }, host: { properties: { "class.k-filtercell": "this.hostClasses" } }, viewQueries: [{ propertyName: "radioButtons", predicate: BooleanFilterRadioButtonDirective, descendants: true }], usesInheritance: true, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: BooleanFilterMenuComponent, deps: [{ token: i1.ContextService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: BooleanFilterMenuComponent, isStandalone: true, selector: "kendo-grid-boolean-filter-menu", inputs: { filter: "filter", filterService: "filterService", menuTabbingService: "menuTabbingService" }, host: { properties: { "class.k-filtercell": "this.hostClasses" } }, viewQueries: [{ propertyName: "radioButtons", predicate: BooleanFilterRadioButtonDirective, descendants: true }], usesInheritance: true, ngImport: i0, template: `
         <ul class="k-radio-list k-reset">
             <li *ngFor="let item of items">
-                <input type="radio"
+                <kendo-radiobutton
                     kendoFilterMenuRadioButton
                     [columnLabel]="columnLabel"
                     #input
                     [name]="idPrefix"
-                    kendoRadioButton
                     [checked]="isSelected(item.value)"
                     [attr.id]="radioId(item.value)"
                     (change)="onChange(item.value, input)"
                     (keydown.shift.tab)="onShiftTab($event)"
-                />
+                ></kendo-radiobutton>
                 <label class="k-radio-label" [attr.for]="radioId(item.value)">{{item.text}}</label>
             </li>
         </ul>
-    `, isInline: true, dependencies: [{ kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: RadioButtonDirective, selector: "input[kendoRadioButton]", inputs: ["size"] }, { kind: "directive", type: BooleanFilterRadioButtonDirective, selector: "[kendoFilterMenuRadioButton]", inputs: ["columnLabel"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: BooleanFilterMenuComponent, decorators: [{
+    `, isInline: true, dependencies: [{ kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: RadioButtonComponent, selector: "kendo-radiobutton", inputs: ["checked"], outputs: ["checkedChange"], exportAs: ["kendoRadioButton"] }, { kind: "directive", type: BooleanFilterRadioButtonDirective, selector: "[kendoFilterMenuRadioButton]", inputs: ["columnLabel"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: BooleanFilterMenuComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'kendo-grid-boolean-filter-menu',
                     template: `
         <ul class="k-radio-list k-reset">
             <li *ngFor="let item of items">
-                <input type="radio"
+                <kendo-radiobutton
                     kendoFilterMenuRadioButton
                     [columnLabel]="columnLabel"
                     #input
                     [name]="idPrefix"
-                    kendoRadioButton
                     [checked]="isSelected(item.value)"
                     [attr.id]="radioId(item.value)"
                     (change)="onChange(item.value, input)"
                     (keydown.shift.tab)="onShiftTab($event)"
-                />
+                ></kendo-radiobutton>
                 <label class="k-radio-label" [attr.for]="radioId(item.value)">{{item.text}}</label>
             </li>
         </ul>
     `,
                     standalone: true,
-                    imports: [NgFor, RadioButtonDirective, BooleanFilterRadioButtonDirective]
+                    imports: [NgFor, RadioButtonComponent, BooleanFilterRadioButtonDirective]
                 }]
         }], ctorParameters: function () { return [{ type: i1.ContextService }]; }, propDecorators: { hostClasses: [{
                 type: HostBinding,

package/{esm2020 → esm2022}/filtering/menu/date-filter-menu-input.component.mjs

@@ -20,10 +20,29 @@ import * as i2 from "../../common/provider.service";
  * @hidden
  */
 export class DateFilterMenuInputComponent {
+    popupService;
+    ctx;
+    operators = [];
+    column;
+    filter;
+    operator;
+    currentFilter;
+    filterService;
+    menuTabbingService;
+    format;
+    formatPlaceholder;
+    placeholder;
+    min;
+    max;
+    activeView;
+    bottomView;
+    topView;
+    weekNumber;
+    isFirstDropDown;
+    subscription;
     constructor(popupService, ctx) {
         this.popupService = popupService;
         this.ctx = ctx;
-        this.operators = [];
     }
     ngOnDestroy() {
         if (this.subscription) {
@@ -43,9 +62,8 @@ export class DateFilterMenuInputComponent {
         const columnName = this.column ? this.column.title || this.column.field : '';
         return replaceMessagePlaceholder(localizationMsg, 'columnName', columnName);
     }
-}
-DateFilterMenuInputComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DateFilterMenuInputComponent, deps: [{ token: i1.SinglePopupService }, { token: i2.ContextService }], target: i0.ɵɵFactoryTarget.Component });
-DateFilterMenuInputComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: DateFilterMenuInputComponent, isStandalone: true, selector: "kendo-grid-date-filter-menu-input", inputs: { operators: "operators", column: "column", filter: "filter", operator: "operator", currentFilter: "currentFilter", filterService: "filterService", menuTabbingService: "menuTabbingService", format: "format", formatPlaceholder: "formatPlaceholder", placeholder: "placeholder", min: "min", max: "max", activeView: "activeView", bottomView: "bottomView", topView: "topView", weekNumber: "weekNumber", isFirstDropDown: "isFirstDropDown" }, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DateFilterMenuInputComponent, deps: [{ token: i1.SinglePopupService }, { token: i2.ContextService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: DateFilterMenuInputComponent, isStandalone: true, selector: "kendo-grid-date-filter-menu-input", inputs: { operators: "operators", column: "column", filter: "filter", operator: "operator", currentFilter: "currentFilter", filterService: "filterService", menuTabbingService: "menuTabbingService", format: "format", formatPlaceholder: "formatPlaceholder", placeholder: "placeholder", min: "min", max: "max", activeView: "activeView", bottomView: "bottomView", topView: "topView", weekNumber: "weekNumber", isFirstDropDown: "isFirstDropDown" }, ngImport: i0, template: `
         <kendo-grid-filter-menu-input-wrapper
             [column]="column"
             [filter]="filter"
@@ -81,7 +99,8 @@ DateFilterMenuInputComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14
             </kendo-datepicker>
         </kendo-grid-filter-menu-input-wrapper>
     `, isInline: true, dependencies: [{ kind: "component", type: FilterMenuInputWrapperComponent, selector: "kendo-grid-filter-menu-input-wrapper", inputs: ["filterService", "isFirstDropDown", "menuTabbingService", "currentFilter"] }, { 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: FilterInputDirective, selector: "[kendoFilterInput]", inputs: ["filterDelay", "columnLabel", "value"] }, { kind: "component", type: DatePickerCustomMessagesComponent, selector: "kendo-datepicker-messages" }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DateFilterMenuInputComponent, decorators: [{
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DateFilterMenuInputComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'kendo-grid-date-filter-menu-input',

package/{esm2020 → esm2022}/filtering/menu/date-filter-menu.component.mjs

@@ -4,7 +4,6 @@
 *-------------------------------------------------------------------------------------------*/
 import { MenuTabbingService } from './menu-tabbing.service';
 import { Component, Input, HostBinding } from '@angular/core';
-import { ColumnComponent } from "../../columns/column.component";
 import { FilterService } from '../filter.service';
 import { DateFilterComponent } from '../date-filter.component';
 import { setFilter, logicOperators } from '../base-filter-cell.component';
@@ -33,26 +32,34 @@ import * as i1 from "../../common/provider.service";
  * ```
  */
 export class DateFilterMenuComponent extends DateFilterComponent {
-    constructor(ctx) {
-        super(null, ctx);
-        this.logicOperators = logicOperators(this.ctx.localization);
-        /**
-         * The current menu filter.
-         * @type {CompositeFilterDescriptor}
-         */
-        this.filter = { filters: [], logic: "and" };
-        /**
-         * Determines if the inputs of second criteria will be displayed.
-         * @default true
-         */
-        this.extra = true;
-    }
+    logicOperators = logicOperators(this.ctx.localization);
     /**
      * @hidden
      */
     get hostClasses() {
         return false;
     }
+    /**
+     * The current menu filter.
+     * @type {CompositeFilterDescriptor}
+     */
+    filter = { filters: [], logic: "and" };
+    /**
+     * Determines if the inputs of second criteria will be displayed.
+     * @default true
+     */
+    extra = true;
+    /**
+     * The `FilterService` instance which is responsible for handling the changes in the filter descriptor.
+     */
+    filterService;
+    /**
+     * @hidden
+     */
+    menuTabbingService;
+    constructor(ctx) {
+        super(null, ctx);
+    }
     get firstFilter() {
         return setFilter(0, this.filter, (this.column || {}).field, this.operator);
     }
@@ -71,9 +78,8 @@ export class DateFilterMenuComponent extends DateFilterComponent {
         this.logicOperators = logicOperators(this.ctx.localization);
         super.localizationChange();
     }
-}
-DateFilterMenuComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DateFilterMenuComponent, deps: [{ token: i1.ContextService }], target: i0.ɵɵFactoryTarget.Component });
-DateFilterMenuComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: DateFilterMenuComponent, isStandalone: true, selector: "kendo-grid-date-filter-menu", inputs: { column: "column", filter: "filter", extra: "extra", filterService: "filterService", menuTabbingService: "menuTabbingService" }, host: { properties: { "class.k-filtercell": "this.hostClasses" } }, usesInheritance: true, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DateFilterMenuComponent, deps: [{ token: i1.ContextService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: DateFilterMenuComponent, isStandalone: true, selector: "kendo-grid-date-filter-menu", inputs: { filter: "filter", extra: "extra", filterService: "filterService", menuTabbingService: "menuTabbingService" }, host: { properties: { "class.k-filtercell": "this.hostClasses" } }, usesInheritance: true, ngImport: i0, template: `
         <kendo-grid-date-filter-menu-input
             [currentFilter]="firstFilter"
             [operators]="operators"
@@ -125,7 +131,8 @@ DateFilterMenuComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0"
             >
         </kendo-grid-date-filter-menu-input>
     `, isInline: true, dependencies: [{ kind: "component", type: DateFilterMenuInputComponent, selector: "kendo-grid-date-filter-menu-input", inputs: ["operators", "column", "filter", "operator", "currentFilter", "filterService", "menuTabbingService", "format", "formatPlaceholder", "placeholder", "min", "max", "activeView", "bottomView", "topView", "weekNumber", "isFirstDropDown"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { 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: FilterMenuDropDownListDirective, selector: "[kendoFilterMenuDropDown]", inputs: ["filterMenuDropDownLabel"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DateFilterMenuComponent, decorators: [{
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DateFilterMenuComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'kendo-grid-date-filter-menu',
@@ -187,8 +194,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
         }], ctorParameters: function () { return [{ type: i1.ContextService }]; }, propDecorators: { hostClasses: [{
                 type: HostBinding,
                 args: ['class.k-filtercell']
-            }], column: [{
-                type: Input
             }], filter: [{
                 type: Input
             }], extra: [{

package/{esm2020 → esm2022}/filtering/menu/filter-menu-container.component.mjs

@@ -49,19 +49,28 @@ const parentLogicOfDefault = (filter, field, def = "and") => {
  * @hidden
  */
 export class FilterMenuContainerComponent {
-    constructor(parentService, childService, ctx, cd, menuTabbingService) {
-        this.parentService = parentService;
-        this.childService = childService;
-        this.ctx = ctx;
-        this.cd = cd;
-        this.close = new EventEmitter();
-        /**
-         * @hidden
-         */
-        this.actionsClass = 'k-actions k-actions-stretched k-actions-horizontal';
-        this._templateContext = {};
-        this.menuTabbingService = menuTabbingService;
-    }
+    parentService;
+    childService;
+    ctx;
+    cd;
+    close = new EventEmitter();
+    /**
+     * The column with which the filter is associated.
+     * @type {ColumnComponent}
+     */
+    column;
+    /**
+     * @hidden
+     */
+    isLast;
+    /**
+     * @hidden
+     */
+    isExpanded;
+    /**
+     * @hidden
+     */
+    menuTabbingService;
     /**
      * The current root filter.
      * @type {CompositeFilterDescriptor}
@@ -72,6 +81,10 @@ export class FilterMenuContainerComponent {
     get filter() {
         return this._filter;
     }
+    /**
+     * @hidden
+     */
+    actionsClass = 'k-actions k-actions-stretched k-actions-horizontal';
     get childFilter() {
         if (!isPresent(this._childFilter)) {
             this._childFilter = {
@@ -81,6 +94,19 @@ export class FilterMenuContainerComponent {
         }
         return this._childFilter;
     }
+    resetButton;
+    filterButton;
+    _childFilter;
+    subscription;
+    _templateContext = {};
+    _filter;
+    constructor(parentService, childService, ctx, cd, menuTabbingService) {
+        this.parentService = parentService;
+        this.childService = childService;
+        this.ctx = ctx;
+        this.cd = cd;
+        this.menuTabbingService = menuTabbingService;
+    }
     ngOnInit() {
         this.subscription = this.childService.changes.subscribe(filter => this._childFilter = filter);
         this.subscription.add(this.ctx.localization.changes.subscribe(() => this.cd.markForCheck()));
@@ -151,12 +177,11 @@ export class FilterMenuContainerComponent {
     get filterText() {
         return this.ctx.localization.get("filterFilterButton");
     }
-}
-FilterMenuContainerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: FilterMenuContainerComponent, deps: [{ token: i1.FilterService, skipSelf: true }, { token: i1.FilterService }, { token: i2.ContextService }, { token: i0.ChangeDetectorRef }, { token: i3.MenuTabbingService }], target: i0.ɵɵFactoryTarget.Component });
-FilterMenuContainerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: FilterMenuContainerComponent, isStandalone: true, selector: "kendo-grid-filter-menu-container", inputs: { column: "column", isLast: "isLast", isExpanded: "isExpanded", menuTabbingService: "menuTabbingService", filter: "filter", actionsClass: "actionsClass" }, outputs: { close: "close" }, providers: [
-        FilterService,
-        MenuTabbingService
-    ], viewQueries: [{ propertyName: "resetButton", first: true, predicate: ["resetButton"], descendants: true }, { propertyName: "filterButton", first: true, predicate: ["filterButton"], descendants: true }], ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FilterMenuContainerComponent, deps: [{ token: i1.FilterService, skipSelf: true }, { token: i1.FilterService }, { token: i2.ContextService }, { token: i0.ChangeDetectorRef }, { token: i3.MenuTabbingService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: FilterMenuContainerComponent, isStandalone: true, selector: "kendo-grid-filter-menu-container", inputs: { column: "column", isLast: "isLast", isExpanded: "isExpanded", menuTabbingService: "menuTabbingService", filter: "filter", actionsClass: "actionsClass" }, outputs: { close: "close" }, providers: [
+            FilterService,
+            MenuTabbingService
+        ], viewQueries: [{ propertyName: "resetButton", first: true, predicate: ["resetButton"], descendants: true }, { propertyName: "filterButton", first: true, predicate: ["filterButton"], descendants: true }], ngImport: i0, template: `
         <form (submit)="submit()" (reset)="reset()"
             class="k-filter-menu">
             <div class="k-filter-menu-container">
@@ -194,7 +219,8 @@ FilterMenuContainerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14
             </div>
         </form>
     `, isInline: true, dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i4.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i4.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i4.NgForm, selector: "form:not([ngNoForm]):not([formGroup]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: FilterMenuHostDirective, selector: "[kendoFilterMenuHost]", inputs: ["filterService", "menuTabbingService"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: FilterMenuContainerComponent, decorators: [{
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FilterMenuContainerComponent, decorators: [{
             type: Component,
             args: [{
                     providers: [

package/{esm2020 → esm2022}/filtering/menu/filter-menu-dropdownlist.directive.mjs

@@ -11,14 +11,10 @@ import * as i1 from "@progress/kendo-angular-dropdowns";
  * @hidden
  */
 export class FilterMenuDropDownListDirective {
+    host;
+    filterMenuDropDownLabel;
     constructor(host) {
         this.host = host;
-        this.keydownHandler = (e) => {
-            if (e.keyCode === Keys.Escape && this.host.isOpen) {
-                e.stopPropagation();
-                this.host.toggle(false);
-            }
-        };
     }
     ngAfterViewInit() {
         const wrapperElement = this.host.wrapper.nativeElement;
@@ -28,10 +24,16 @@ export class FilterMenuDropDownListDirective {
     ngOnDestroy() {
         this.host.wrapper.nativeElement.removeEventListener('keydown', this.keydownHandler);
     }
+    keydownHandler = (e) => {
+        if (e.keyCode === Keys.Escape && this.host.isOpen) {
+            e.stopPropagation();
+            this.host.toggle(false);
+        }
+    };
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FilterMenuDropDownListDirective, deps: [{ token: i1.DropDownListComponent }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: FilterMenuDropDownListDirective, isStandalone: true, selector: "[kendoFilterMenuDropDown]", inputs: { filterMenuDropDownLabel: "filterMenuDropDownLabel" }, ngImport: i0 });
 }
-FilterMenuDropDownListDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: FilterMenuDropDownListDirective, deps: [{ token: i1.DropDownListComponent }], target: i0.ɵɵFactoryTarget.Directive });
-FilterMenuDropDownListDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: FilterMenuDropDownListDirective, isStandalone: true, selector: "[kendoFilterMenuDropDown]", inputs: { filterMenuDropDownLabel: "filterMenuDropDownLabel" }, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: FilterMenuDropDownListDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FilterMenuDropDownListDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[kendoFilterMenuDropDown]',

package/{esm2020 → esm2022}/filtering/menu/filter-menu-host.directive.mjs

@@ -14,6 +14,8 @@ import * as i0 from "@angular/core";
  * @hidden
  */
 export class FilterMenuHostDirective extends FilterHostDirective {
+    filterService;
+    menuTabbingService;
     constructor(host, resolver) {
         super(host, resolver);
     }
@@ -28,10 +30,10 @@ export class FilterMenuHostDirective extends FilterHostDirective {
         this.component.instance.filterService = this.filterService;
         this.component.instance.menuTabbingService = this.menuTabbingService;
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FilterMenuHostDirective, deps: [{ token: i0.ViewContainerRef }, { token: i0.ComponentFactoryResolver }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: FilterMenuHostDirective, isStandalone: true, selector: "[kendoFilterMenuHost]", inputs: { filterService: "filterService", menuTabbingService: "menuTabbingService" }, usesInheritance: true, ngImport: i0 });
 }
-FilterMenuHostDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: FilterMenuHostDirective, deps: [{ token: i0.ViewContainerRef }, { token: i0.ComponentFactoryResolver }], target: i0.ɵɵFactoryTarget.Directive });
-FilterMenuHostDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: FilterMenuHostDirective, isStandalone: true, selector: "[kendoFilterMenuHost]", inputs: { filterService: "filterService", menuTabbingService: "menuTabbingService" }, usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: FilterMenuHostDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FilterMenuHostDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[kendoFilterMenuHost]',

package/{esm2020 → esm2022}/filtering/menu/filter-menu-input-wrapper.component.mjs

@@ -16,16 +16,22 @@ import * as i1 from "../../common/provider.service";
  * @hidden
  */
 export class FilterMenuInputWrapperComponent extends FilterInputWrapperComponent {
-    constructor(ctx) {
-        super(null);
-        this.ctx = ctx;
-    }
+    ctx;
+    filterService;
+    isFirstDropDown;
+    menuTabbingService;
+    firstOperatorDropDown;
+    _currentFilter;
     /**
      * @hidden
      */
     get hostClasses() {
         return false;
     }
+    constructor(ctx) {
+        super(null);
+        this.ctx = ctx;
+    }
     ngAfterViewInit() {
         const shouldFocusFirstFocusable = this.isFirstDropDown && this.filterService && this.filterService.menuTabbingService;
         const isTabbedInterface = this.menuTabbingService?.isTabbedInterface;
@@ -79,9 +85,8 @@ export class FilterMenuInputWrapperComponent extends FilterInputWrapperComponent
         const columnName = this.column ? this.column.title || this.column.field : '';
         return replaceMessagePlaceholder(localizationMsg, 'columnName', columnName);
     }
-}
-FilterMenuInputWrapperComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: FilterMenuInputWrapperComponent, deps: [{ token: i1.ContextService }], target: i0.ɵɵFactoryTarget.Component });
-FilterMenuInputWrapperComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: FilterMenuInputWrapperComponent, isStandalone: true, selector: "kendo-grid-filter-menu-input-wrapper", inputs: { filterService: "filterService", isFirstDropDown: "isFirstDropDown", menuTabbingService: "menuTabbingService", currentFilter: "currentFilter" }, viewQueries: [{ propertyName: "firstOperatorDropDown", first: true, predicate: DropDownListComponent, descendants: true }], usesInheritance: true, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FilterMenuInputWrapperComponent, deps: [{ token: i1.ContextService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: FilterMenuInputWrapperComponent, isStandalone: true, selector: "kendo-grid-filter-menu-input-wrapper", inputs: { filterService: "filterService", isFirstDropDown: "isFirstDropDown", menuTabbingService: "menuTabbingService", currentFilter: "currentFilter" }, viewQueries: [{ propertyName: "firstOperatorDropDown", first: true, predicate: DropDownListComponent, descendants: true }], usesInheritance: true, ngImport: i0, template: `
         <kendo-dropdownlist
             kendoFilterMenuDropDown
             [filterMenuDropDownLabel]="filterMenuDropDownLabel"
@@ -95,7 +100,8 @@ FilterMenuInputWrapperComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion:
         </kendo-dropdownlist>
         <ng-content></ng-content>
     `, 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: FilterMenuDropDownListDirective, selector: "[kendoFilterMenuDropDown]", inputs: ["filterMenuDropDownLabel"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: FilterMenuInputWrapperComponent, decorators: [{
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FilterMenuInputWrapperComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'kendo-grid-filter-menu-input-wrapper',

package/{esm2020 → esm2022}/filtering/menu/filter-menu-template.directive.mjs

@@ -28,13 +28,14 @@ import * as i0 from "@angular/core";
  * ```
  */
 export class FilterMenuTemplateDirective {
+    templateRef;
     constructor(templateRef) {
         this.templateRef = templateRef;
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FilterMenuTemplateDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: FilterMenuTemplateDirective, isStandalone: true, selector: "[kendoGridFilterMenuTemplate]", ngImport: i0 });
 }
-FilterMenuTemplateDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: FilterMenuTemplateDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
-FilterMenuTemplateDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: FilterMenuTemplateDirective, isStandalone: true, selector: "[kendoGridFilterMenuTemplate]", ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: FilterMenuTemplateDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FilterMenuTemplateDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[kendoGridFilterMenuTemplate]',

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

@@ -26,6 +26,29 @@ const getId = (gridId) => `${gridId}-filter-menu-${id++}`;
  * @hidden
  */
 export class FilterMenuComponent {
+    filterService;
+    popupService;
+    ctx;
+    navigationService;
+    renderer;
+    cdr;
+    idService;
+    filterIcon = filterIcon;
+    /**
+     * The column with which the filter is associated.
+     * @type {ColumnComponent}
+     */
+    column;
+    /**
+     * The current root filter.
+     * @type {CompositeFilterDescriptor}
+     */
+    filter;
+    anchor;
+    template;
+    tabIndex = '-1';
+    popupRef;
+    popupSubs;
     constructor(filterService, popupService, ctx, navigationService, renderer, cdr, idService) {
         this.filterService = filterService;
         this.popupService = popupService;
@@ -34,8 +57,6 @@ export class FilterMenuComponent {
         this.renderer = renderer;
         this.cdr = cdr;
         this.idService = idService;
-        this.filterIcon = filterIcon;
-        this.tabIndex = '-1';
     }
     ngOnDestroy() {
         this.cleanUp();
@@ -112,9 +133,8 @@ export class FilterMenuComponent {
         this.popupSubs = null;
         this.cdr.markForCheck();
     }
-}
-FilterMenuComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: FilterMenuComponent, deps: [{ token: i1.FilterService }, { token: i2.SinglePopupService }, { token: i3.ContextService }, { token: i4.NavigationService }, { token: i0.Renderer2 }, { token: i0.ChangeDetectorRef }, { token: i5.IdService, optional: true }], target: i0.ɵɵFactoryTarget.Component });
-FilterMenuComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: FilterMenuComponent, isStandalone: true, selector: "kendo-grid-filter-menu", inputs: { column: "column", filter: "filter", tabIndex: "tabIndex" }, viewQueries: [{ propertyName: "anchor", first: true, predicate: ["anchor"], descendants: true, static: true }, { propertyName: "template", first: true, predicate: ["template"], descendants: true, read: TemplateRef, static: true }], ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FilterMenuComponent, deps: [{ token: i1.FilterService }, { token: i2.SinglePopupService }, { token: i3.ContextService }, { token: i4.NavigationService }, { token: i0.Renderer2 }, { token: i0.ChangeDetectorRef }, { token: i5.IdService, optional: true }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: FilterMenuComponent, isStandalone: true, selector: "kendo-grid-filter-menu", inputs: { column: "column", filter: "filter", tabIndex: "tabIndex" }, viewQueries: [{ propertyName: "anchor", first: true, predicate: ["anchor"], descendants: true, static: true }, { propertyName: "template", first: true, predicate: ["template"], descendants: true, read: TemplateRef, static: true }], ngImport: i0, template: `
         <a #anchor
             class="k-grid-filter-menu k-grid-header-menu"
             [class.k-active]="hasFilters"
@@ -140,7 +160,8 @@ FilterMenuComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", ve
             </kendo-grid-filter-menu-container>
         </ng-template>
     `, isInline: true, dependencies: [{ kind: "component", type: IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }, { kind: "component", type: FilterMenuContainerComponent, selector: "kendo-grid-filter-menu-container", inputs: ["column", "isLast", "isExpanded", "menuTabbingService", "filter", "actionsClass"], outputs: ["close"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: FilterMenuComponent, decorators: [{
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FilterMenuComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'kendo-grid-filter-menu',

package/{esm2020 → esm2022}/filtering/menu/filter-radio-button.directive.mjs

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

package/{esm2020 → esm2022}/filtering/menu/menu-tabbing.service.mjs

@@ -8,14 +8,15 @@ import * as i0 from "@angular/core";
  * @hidden
  */
 export class MenuTabbingService {
-    constructor() {
-        this.isColumnMenu = false;
-        this.isPopupOpen = false;
-        this.isTabbedInterface = false;
-    }
+    firstFocusable;
+    lastFocusable;
+    isColumnMenu = false;
+    isPopupOpen = false;
+    lastMenuItem;
+    isTabbedInterface = false;
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: MenuTabbingService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: MenuTabbingService });
 }
-MenuTabbingService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MenuTabbingService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-MenuTabbingService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MenuTabbingService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MenuTabbingService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: MenuTabbingService, decorators: [{
             type: Injectable
         }] });