@progress/kendo-angular-treelist 17.0.0-develop.9 → 17.0.1-develop.1

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

@@ -47,18 +47,16 @@ const parentLogicOfDefault = (filter, field, def = "and") => {
  * @hidden
  */
 export class FilterMenuContainerComponent {
-    constructor(parentService, childService, localization, cd) {
-        this.parentService = parentService;
-        this.childService = childService;
-        this.localization = localization;
-        this.cd = cd;
-        this.close = new EventEmitter();
-        /**
-         * @hidden
-         */
-        this.actionsClass = 'k-actions k-button-group';
-        this._templateContext = {};
-    }
+    parentService;
+    childService;
+    localization;
+    cd;
+    close = new EventEmitter();
+    /**
+     * The column with which the filter is associated.
+     * @type {ColumnComponent}
+     */
+    column;
     get filter() {
         return this._filter;
     }
@@ -69,6 +67,10 @@ export class FilterMenuContainerComponent {
     set filter(value) {
         this._filter = cloneFilters(value);
     }
+    /**
+     * @hidden
+     */
+    actionsClass = 'k-actions k-button-group';
     get childFilter() {
         if (!isPresent(this._childFilter)) {
             this._childFilter = {
@@ -78,6 +80,16 @@ export class FilterMenuContainerComponent {
         }
         return this._childFilter;
     }
+    _childFilter;
+    subscription;
+    _templateContext = {};
+    _filter;
+    constructor(parentService, childService, localization, cd) {
+        this.parentService = parentService;
+        this.childService = childService;
+        this.localization = localization;
+        this.cd = cd;
+    }
     ngOnInit() {
         this.subscription = this.childService.changes.subscribe(filter => this._childFilter = filter);
         this.subscription.add(this.localization.changes.subscribe(() => this.cd.markForCheck()));
@@ -129,9 +141,8 @@ export class FilterMenuContainerComponent {
     get filterText() {
         return this.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.LocalizationService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-FilterMenuContainerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: FilterMenuContainerComponent, isStandalone: true, selector: "kendo-treelist-filter-menu-container", inputs: { column: "column", filter: "filter", actionsClass: "actionsClass" }, outputs: { close: "close" }, providers: [FilterService], 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.LocalizationService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: FilterMenuContainerComponent, isStandalone: true, selector: "kendo-treelist-filter-menu-container", inputs: { column: "column", filter: "filter", actionsClass: "actionsClass" }, outputs: { close: "close" }, providers: [FilterService], ngImport: i0, template: `
         <form (submit)="submit()" (reset)="reset()"
             class="k-filter-menu">
             <div class="k-filter-menu-container">
@@ -169,7 +180,8 @@ FilterMenuContainerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14
             </div>
         </form>
     `, isInline: true, dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i3.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i3.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"] }, { 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: [FilterService],

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

@@ -13,6 +13,7 @@ import * as i0 from "@angular/core";
  * @hidden
  */
 export class FilterMenuHostDirective extends FilterHostDirective {
+    filterService;
     constructor(host, resolver) {
         super(host, resolver);
     }
@@ -26,10 +27,10 @@ export class FilterMenuHostDirective extends FilterHostDirective {
         super.initComponent(ctx);
         this.component.instance.filterService = this.filterService;
     }
+    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" }, 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" }, 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

@@ -11,15 +11,17 @@ import * as i0 from "@angular/core";
  * @hidden
  */
 export class FilterMenuInputWrapperComponent extends FilterInputWrapperComponent {
-    constructor() {
-        super(null);
-    }
+    filterService;
+    _currentFilter;
     /**
      * @hidden
      */
     get hostClasses() {
         return false;
     }
+    constructor() {
+        super(null);
+    }
     operatorChange(dataItem) {
         this.currentOperator = dataItem;
     }
@@ -53,9 +55,8 @@ export class FilterMenuInputWrapperComponent extends FilterInputWrapperComponent
             value: value
         }));
     }
-}
-FilterMenuInputWrapperComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: FilterMenuInputWrapperComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-FilterMenuInputWrapperComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: FilterMenuInputWrapperComponent, isStandalone: true, selector: "kendo-treelist-filter-menu-input-wrapper", inputs: { filterService: "filterService", currentFilter: "currentFilter" }, usesInheritance: true, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FilterMenuInputWrapperComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: FilterMenuInputWrapperComponent, isStandalone: true, selector: "kendo-treelist-filter-menu-input-wrapper", inputs: { filterService: "filterService", currentFilter: "currentFilter" }, usesInheritance: true, ngImport: i0, template: `
         <kendo-dropdownlist
             [data]="operators"
             (valueChange)="operatorChange($event)"
@@ -66,7 +67,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"] }] });
-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-treelist-filter-menu-input-wrapper',

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

@@ -9,13 +9,14 @@ import * as i0 from "@angular/core";
  * ([see example](slug:filter_menu_treelist#toc-custom-filter-menu-components).
  */
 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: "[kendoTreeListFilterMenuTemplate]", 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: "[kendoTreeListFilterMenuTemplate]", 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: '[kendoTreeListFilterMenuTemplate]',

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

@@ -19,14 +19,26 @@ import * as i3 from "@progress/kendo-angular-l10n";
  * @hidden
  */
 export class FilterMenuComponent {
+    filterService;
+    popupService;
+    localization;
+    filterIcon = filterIcon;
+    /**
+     * The column with which the filter is associated.
+     * @type {ColumnComponent}
+     */
+    column;
+    /**
+     * The current root filter.
+     * @type {CompositeFilterDescriptor}
+     */
+    filter;
+    filterLabel;
+    popupRef;
     constructor(filterService, popupService, localization) {
         this.filterService = filterService;
         this.popupService = popupService;
         this.localization = localization;
-        this.filterIcon = filterIcon;
-        /**
-         * @hidden
-         */
         this.filterLabel = this.localization.get('filter');
     }
     get hasFilters() {
@@ -39,9 +51,8 @@ export class FilterMenuComponent {
     close() {
         this.popupService.destroy();
     }
-}
-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.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
-FilterMenuComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: FilterMenuComponent, isStandalone: true, selector: "kendo-treelist-filter-menu", inputs: { column: "column", filter: "filter" }, 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.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: FilterMenuComponent, isStandalone: true, selector: "kendo-treelist-filter-menu", inputs: { column: "column", filter: "filter" }, ngImport: i0, template: `
         <a #anchor
             class="k-grid-filter-menu k-grid-header-menu"
             [class.k-active]="hasFilters"
@@ -61,7 +72,8 @@ FilterMenuComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", ve
             </kendo-treelist-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-treelist-filter-menu-container", inputs: ["column", "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-treelist-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/numeric-filter-menu-input.component.mjs

@@ -13,22 +13,47 @@ import * as i0 from "@angular/core";
  * @hidden
  */
 export class NumericFilterMenuInputComponent {
-    constructor() {
-        this.operators = [];
-        /**
-         * Specifies the value which is used to increment or decrement the component value.
-         * @type {numeric}
-         */
-        this.step = 1;
-        /**
-         * Specifies whether the **Up** and **Down** spin buttons will be rendered.
-         * @type {boolean}
-         */
-        this.spinners = true;
-    }
-}
-NumericFilterMenuInputComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: NumericFilterMenuInputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-NumericFilterMenuInputComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: NumericFilterMenuInputComponent, isStandalone: true, selector: "kendo-treelist-numeric-filter-menu-input", inputs: { operators: "operators", column: "column", filter: "filter", operator: "operator", currentFilter: "currentFilter", filterService: "filterService", placeholder: "placeholder", step: "step", min: "min", max: "max", spinners: "spinners", decimals: "decimals", format: "format" }, ngImport: i0, template: `
+    operators = [];
+    column;
+    filter;
+    operator;
+    currentFilter;
+    filterService;
+    placeholder;
+    /**
+     * Specifies the value which is used to increment or decrement the component value.
+     * @type {numeric}
+     */
+    step = 1;
+    /**
+     * Specifies the smallest value that is valid.
+     * @type {number}
+     */
+    min;
+    /**
+     * Specifies the greatest value that is valid.
+     * @type {number}
+     */
+    max;
+    /**
+     * Specifies whether the **Up** and **Down** spin buttons will be rendered.
+     * @type {boolean}
+     */
+    spinners = true;
+    /**
+     * Specifies the number precision tat is applied to the component value when it is focused.
+     * If the user enters a number with a greater precision than is currently configured, the component value is rounded.
+     *
+     * @type {number}
+     */
+    decimals;
+    /**
+     * Specifies the number format that is used when the component is not focused.
+     * By default, the `column.format` value is used (if set).
+     */
+    format;
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NumericFilterMenuInputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: NumericFilterMenuInputComponent, isStandalone: true, selector: "kendo-treelist-numeric-filter-menu-input", inputs: { operators: "operators", column: "column", filter: "filter", operator: "operator", currentFilter: "currentFilter", filterService: "filterService", placeholder: "placeholder", step: "step", min: "min", max: "max", spinners: "spinners", decimals: "decimals", format: "format" }, ngImport: i0, template: `
         <kendo-treelist-filter-menu-input-wrapper
             [column]="column"
             [filter]="filter"
@@ -52,7 +77,8 @@ NumericFilterMenuInputComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion:
             </kendo-numerictextbox>
         </kendo-treelist-filter-menu-input-wrapper>
     `, isInline: true, dependencies: [{ kind: "component", type: FilterMenuInputWrapperComponent, selector: "kendo-treelist-filter-menu-input-wrapper", inputs: ["filterService", "currentFilter"] }, { 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: FilterInputDirective, selector: "[kendoFilterInput]", inputs: ["filterDelay", "columnLabel", "column", "value"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: NumericFilterMenuInputComponent, decorators: [{
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NumericFilterMenuInputComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'kendo-treelist-numeric-filter-menu-input',

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

@@ -6,7 +6,6 @@ import { Component, Input, HostBinding } from '@angular/core';
 import { NgIf } from '@angular/common';
 import { LocalizationService } from '@progress/kendo-angular-l10n';
 import { DropDownListComponent } from '@progress/kendo-angular-dropdowns';
-import { ColumnComponent } from "../../columns/column.component";
 import { FilterService } from '../filter.service';
 import { NumericFilterComponent } from '../numeric-filter.component';
 import { setFilter, logicOperators } from '../base-filter-cell.component';
@@ -30,36 +29,40 @@ import * as i1 from "@progress/kendo-angular-l10n";
  * ```
  */
 export class NumericFilterMenuComponent extends NumericFilterComponent {
-    constructor(localization) {
-        super(null, localization);
-        this.logicOperators = logicOperators(this.localization);
-        /**
-         * The current menu filter.
-         * @type {CompositeFilterDescriptor}
-         */
-        this.filter = { filters: [], logic: "and" };
-        /**
-         * Determines if the inputs of second criteria will displayed.
-         * @default true
-         */
-        this.extra = true;
-        /**
-         * The placeholder text for the filter input.
-         * @type {string}
-         */
-        this.placeholder = '';
-        /**
-         * The placeholder text for the extra filter input. Applies when `extra` is set to `true`.
-         * @type {string}
-         */
-        this.extraPlaceholder = '';
-    }
+    logicOperators = logicOperators(this.localization);
     /**
      * @hidden
      */
     get hostClasses() {
         return false;
     }
+    /**
+     * The current menu filter.
+     * @type {CompositeFilterDescriptor}
+     */
+    filter = { filters: [], logic: "and" };
+    /**
+     * Determines if the inputs of second criteria will displayed.
+     * @default true
+     */
+    extra = true;
+    /**
+     * The `FilterService` instance which is responsible for handling the changes in the filter descriptor.
+     */
+    filterService;
+    /**
+     * The placeholder text for the filter input.
+     * @type {string}
+     */
+    placeholder = '';
+    /**
+     * The placeholder text for the extra filter input. Applies when `extra` is set to `true`.
+     * @type {string}
+     */
+    extraPlaceholder = '';
+    constructor(localization) {
+        super(null, localization);
+    }
     get firstFilter() {
         return setFilter(0, this.filter, (this.column || {}).field, this.operator);
     }
@@ -73,9 +76,8 @@ export class NumericFilterMenuComponent extends NumericFilterComponent {
         this.logicOperators = logicOperators(this.localization);
         super.localizationChange();
     }
-}
-NumericFilterMenuComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: NumericFilterMenuComponent, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
-NumericFilterMenuComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: NumericFilterMenuComponent, isStandalone: true, selector: "kendo-treelist-numeric-filter-menu", inputs: { column: "column", filter: "filter", extra: "extra", filterService: "filterService", placeholder: "placeholder", extraPlaceholder: "extraPlaceholder" }, 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: NumericFilterMenuComponent, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: NumericFilterMenuComponent, isStandalone: true, selector: "kendo-treelist-numeric-filter-menu", inputs: { filter: "filter", extra: "extra", filterService: "filterService", placeholder: "placeholder", extraPlaceholder: "extraPlaceholder" }, host: { properties: { "class.k-filtercell": "this.hostClasses" } }, usesInheritance: true, ngImport: i0, template: `
         <kendo-treelist-numeric-filter-menu-input
             [currentFilter]="firstFilter"
             [operators]="operators"
@@ -118,7 +120,8 @@ NumericFilterMenuComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0
             >
         </kendo-treelist-numeric-filter-menu-input>
     `, isInline: true, dependencies: [{ kind: "component", type: NumericFilterMenuInputComponent, selector: "kendo-treelist-numeric-filter-menu-input", inputs: ["operators", "column", "filter", "operator", "currentFilter", "filterService", "placeholder", "step", "min", "max", "spinners", "decimals", "format"] }, { 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"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: NumericFilterMenuComponent, decorators: [{
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NumericFilterMenuComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'kendo-treelist-numeric-filter-menu',
@@ -171,8 +174,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
         }], ctorParameters: function () { return [{ type: i1.LocalizationService }]; }, propDecorators: { hostClasses: [{
                 type: HostBinding,
                 args: ['class.k-filtercell']
-            }], column: [{
-                type: Input
             }], filter: [{
                 type: Input
             }], extra: [{

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

@@ -4,7 +4,7 @@
 *-------------------------------------------------------------------------------------------*/
 import { Component, Input } from '@angular/core';
 import { ReactiveFormsModule, FormsModule } from '@angular/forms';
-import { TextBoxDirective } from '@progress/kendo-angular-inputs';
+import { TextBoxComponent } from '@progress/kendo-angular-inputs';
 import { ColumnComponent } from "../../columns/column.component";
 import { FilterService } from '../filter.service';
 import { LocalizationService } from '@progress/kendo-angular-l10n';
@@ -18,18 +18,24 @@ import * as i2 from "@angular/forms";
  * @hidden
  */
 export class StringFilterMenuInputComponent {
+    localization;
+    operators = [];
+    column;
+    filter;
+    operator;
+    currentFilter;
+    filterService;
+    placeholder;
     constructor(localization) {
         this.localization = localization;
-        this.operators = [];
     }
     get columnLabel() {
         const localizationMsg = this.localization.get('filterInputLabel') || '';
         const columnName = this.column ? this.column.title || this.column.field : '';
         return replaceMessagePlaceholder(localizationMsg, 'columnName', columnName);
     }
-}
-StringFilterMenuInputComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: StringFilterMenuInputComponent, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
-StringFilterMenuInputComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: StringFilterMenuInputComponent, isStandalone: true, selector: "kendo-treelist-string-filter-menu-input", inputs: { operators: "operators", column: "column", filter: "filter", operator: "operator", currentFilter: "currentFilter", filterService: "filterService", placeholder: "placeholder" }, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: StringFilterMenuInputComponent, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: StringFilterMenuInputComponent, isStandalone: true, selector: "kendo-treelist-string-filter-menu-input", inputs: { operators: "operators", column: "column", filter: "filter", operator: "operator", currentFilter: "currentFilter", filterService: "filterService", placeholder: "placeholder" }, ngImport: i0, template: `
         <kendo-treelist-filter-menu-input-wrapper
             [column]="column"
             [filter]="filter"
@@ -38,16 +44,17 @@ StringFilterMenuInputComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
             [currentFilter]="currentFilter"
             [filterService]="filterService"
             >
-            <input
-                kendoTextBox
+            <kendo-textbox
                 kendoFilterInput
                 [columnLabel]="columnLabel"
                 [filterDelay]="0"
-                [attr.placeholder]="placeholder"
-                [ngModel]="currentFilter?.value" />
+                [placeholder]="placeholder"
+                [ngModel]="currentFilter?.value ?? null"
+            ></kendo-textbox>
         </kendo-treelist-filter-menu-input-wrapper>
-    `, isInline: true, dependencies: [{ kind: "component", type: FilterMenuInputWrapperComponent, selector: "kendo-treelist-filter-menu-input-wrapper", inputs: ["filterService", "currentFilter"] }, { kind: "directive", type: TextBoxDirective, selector: "input[kendoTextBox]", inputs: ["value"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: FilterInputDirective, selector: "[kendoFilterInput]", inputs: ["filterDelay", "columnLabel", "column", "value"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: StringFilterMenuInputComponent, decorators: [{
+    `, isInline: true, dependencies: [{ kind: "component", type: FilterMenuInputWrapperComponent, selector: "kendo-treelist-filter-menu-input-wrapper", inputs: ["filterService", "currentFilter"] }, { 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: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: FilterInputDirective, selector: "[kendoFilterInput]", inputs: ["filterDelay", "columnLabel", "column", "value"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: StringFilterMenuInputComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'kendo-treelist-string-filter-menu-input',
@@ -60,17 +67,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
             [currentFilter]="currentFilter"
             [filterService]="filterService"
             >
-            <input
-                kendoTextBox
+            <kendo-textbox
                 kendoFilterInput
                 [columnLabel]="columnLabel"
                 [filterDelay]="0"
-                [attr.placeholder]="placeholder"
-                [ngModel]="currentFilter?.value" />
+                [placeholder]="placeholder"
+                [ngModel]="currentFilter?.value ?? null"
+            ></kendo-textbox>
         </kendo-treelist-filter-menu-input-wrapper>
     `,
                     standalone: true,
-                    imports: [FilterMenuInputWrapperComponent, TextBoxDirective, ReactiveFormsModule, FilterInputDirective, FormsModule]
+                    imports: [FilterMenuInputWrapperComponent, TextBoxComponent, ReactiveFormsModule, FilterInputDirective, FormsModule]
                 }]
         }], ctorParameters: function () { return [{ type: i1.LocalizationService }]; }, propDecorators: { operators: [{
                 type: Input

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

@@ -5,7 +5,6 @@
 import { Component, Input, HostBinding } from '@angular/core';
 import { NgIf } from '@angular/common';
 import { DropDownListComponent } from '@progress/kendo-angular-dropdowns';
-import { ColumnComponent } from "../../columns/column.component";
 import { StringFilterComponent } from '../string-filter.component';
 import { FilterService } from '../filter.service';
 import { LocalizationService } from '@progress/kendo-angular-l10n';
@@ -32,26 +31,40 @@ import * as i1 from "@progress/kendo-angular-l10n";
  *
  */
 export class StringFilterMenuComponent extends StringFilterComponent {
-    constructor(localization) {
-        super(null, localization);
-        this.logicOperators = logicOperators(this.localization);
-        /**
-         * The current menu filter.
-         * @type {CompositeFilterDescriptor}
-         */
-        this.filter = { filters: [], logic: "and" };
-        /**
-         * Determines if the inputs of second criteria will displayed.
-         * @default true
-         */
-        this.extra = true;
-    }
+    logicOperators = logicOperators(this.localization);
     /**
      * @hidden
      */
     get hostClasses() {
         return false;
     }
+    /**
+     * The current menu filter.
+     * @type {CompositeFilterDescriptor}
+     */
+    filter = { filters: [], logic: "and" };
+    /**
+     * Determines if the inputs of second criteria will displayed.
+     * @default true
+     */
+    extra = true;
+    /**
+     * The `FilterService` instance which is responsible for handling the changes in the filter descriptor.
+     */
+    filterService;
+    /**
+     * The placeholder text for the filter input.
+     * @type {string}
+     */
+    placeholder;
+    /**
+     * The placeholder text for the extra filter input. Applies when `extra` is set to `true`.
+     * @type {string}
+     */
+    extraPlaceholder;
+    constructor(localization) {
+        super(null, localization);
+    }
     get firstFilter() {
         return setFilter(0, this.filter, (this.column || {}).field, this.operator);
     }
@@ -65,9 +78,8 @@ export class StringFilterMenuComponent extends StringFilterComponent {
         this.logicOperators = logicOperators(this.localization);
         super.localizationChange();
     }
-}
-StringFilterMenuComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: StringFilterMenuComponent, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
-StringFilterMenuComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: StringFilterMenuComponent, isStandalone: true, selector: "kendo-treelist-string-filter-menu", inputs: { column: "column", filter: "filter", extra: "extra", filterService: "filterService", placeholder: "placeholder", extraPlaceholder: "extraPlaceholder" }, 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: StringFilterMenuComponent, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: StringFilterMenuComponent, isStandalone: true, selector: "kendo-treelist-string-filter-menu", inputs: { filter: "filter", extra: "extra", filterService: "filterService", placeholder: "placeholder", extraPlaceholder: "extraPlaceholder" }, host: { properties: { "class.k-filtercell": "this.hostClasses" } }, usesInheritance: true, ngImport: i0, template: `
         <kendo-treelist-string-filter-menu-input
             [currentFilter]="firstFilter"
             [operators]="operators"
@@ -95,7 +107,8 @@ StringFilterMenuComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.
             [placeholder]="extraPlaceholder">
         </kendo-treelist-string-filter-menu-input>
     `, isInline: true, dependencies: [{ kind: "component", type: StringFilterMenuInputComponent, selector: "kendo-treelist-string-filter-menu-input", inputs: ["operators", "column", "filter", "operator", "currentFilter", "filterService", "placeholder"] }, { 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"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: StringFilterMenuComponent, decorators: [{
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: StringFilterMenuComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'kendo-treelist-string-filter-menu',
@@ -133,8 +146,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
         }], ctorParameters: function () { return [{ type: i1.LocalizationService }]; }, propDecorators: { hostClasses: [{
                 type: HostBinding,
                 args: ['class.k-filtercell']
-            }], column: [{
-                type: Input
             }], filter: [{
                 type: Input
             }], extra: [{