@progress/kendo-angular-treelist 17.0.0-develop.3 → 17.0.0-develop.31

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

@@ -27,40 +27,18 @@ const dateOperators = localizeOperators({
  * @hidden
  */
 export class DateFilterComponent extends BaseFilterCellComponent {
-    constructor(filterService, localization) {
-        super(filterService);
-        this.localization = localization;
-        /**
-         * The default filter operator. Defaults to `contains`.
-         * @type {string}
-         * @default 'gte'
-         */
-        this.operator = "gte";
-        /**
-         * Defines the active view that the calendar initially renders.
-         * By default, the active view is `month`.
-         *
-         * You have to set `activeView` within the `topView`-`bottomView` range.
-         * @default 'month'
-         */
-        this.activeView = "month";
-        /**
-         * Defines the bottommost calendar view, to which the user can navigate.
-         * @default 'month'
-         */
-        this.bottomView = "month";
-        /**
-         * Defines the topmost calendar view, to which the user can navigate.
-         * @default 'century'
-         */
-        this.topView = "century";
-        /**
-         * Determines whether to display a week number column in the `month` view of the Calendar.
-         * @default false
-         */
-        this.weekNumber = false;
-        this.defaultOperators = dateOperators(this.localization);
-    }
+    localization;
+    /**
+     * The column with which the filter is associated.
+     * @type {ColumnComponent}
+     */
+    column;
+    /**
+     * The default filter operator. Defaults to `contains`.
+     * @type {string}
+     * @default 'gte'
+     */
+    operator = "gte";
     /**
      * The current filter for the associated column field.
      * @readonly
@@ -86,6 +64,48 @@ export class DateFilterComponent extends BaseFilterCellComponent {
     get format() {
         return !isNullOrEmptyString(this._format) ? this._format : this.columnFormat;
     }
+    /**
+     * Specifies the smallest value that is valid.
+     * @type {Date}
+     */
+    min;
+    /**
+     * Specifies the greatest value that is valid.
+     * @type {Date}
+     */
+    max;
+    /**
+     * Defines the descriptions of the format sections in the input field.
+     * [See possible format options](slug:placeholders_dateinput#toc-format-sections-description).
+     */
+    formatPlaceholder;
+    /**
+     * Specifies the hint that the component displays when its value is `null`.
+     */
+    placeholder;
+    /**
+     * Defines the active view that the calendar initially renders.
+     * By default, the active view is `month`.
+     *
+     * You have to set `activeView` within the `topView`-`bottomView` range.
+     * @default 'month'
+     */
+    activeView = "month";
+    /**
+     * Defines the bottommost calendar view, to which the user can navigate.
+     * @default 'month'
+     */
+    bottomView = "month";
+    /**
+     * Defines the topmost calendar view, to which the user can navigate.
+     * @default 'century'
+     */
+    topView = "century";
+    /**
+     * Determines whether to display a week number column in the `month` view of the Calendar.
+     * @default false
+     */
+    weekNumber = false;
     get columnFormat() {
         return this.column && !isNullOrEmptyString(this.column.format) ?
             extractFormat(this.column.format) : "d";
@@ -98,6 +118,13 @@ export class DateFilterComponent extends BaseFilterCellComponent {
     get currentOperator() {
         return this.currentFilter ? this.currentFilter.operator : this.operator;
     }
+    _format;
+    subscription;
+    constructor(filterService, localization) {
+        super(filterService);
+        this.localization = localization;
+        this.defaultOperators = dateOperators(this.localization);
+    }
     ngOnInit() {
         this.subscription = this.localization.changes.subscribe(this.localizationChange.bind(this));
     }
@@ -113,16 +140,14 @@ export class DateFilterComponent extends BaseFilterCellComponent {
             this.operators = toJSON(this.operatorList.toArray());
         }
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DateFilterComponent, deps: [{ token: i1.FilterService }, { token: i2.LocalizationService }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: DateFilterComponent, inputs: { column: "column", operator: "operator", format: "format", min: "min", max: "max", formatPlaceholder: "formatPlaceholder", placeholder: "placeholder", activeView: "activeView", bottomView: "bottomView", topView: "topView", weekNumber: "weekNumber" }, usesInheritance: true, ngImport: i0 });
 }
-DateFilterComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DateFilterComponent, deps: [{ token: i1.FilterService }, { token: i2.LocalizationService }], target: i0.ɵɵFactoryTarget.Directive });
-DateFilterComponent.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: DateFilterComponent, inputs: { column: "column", filter: "filter", operator: "operator", format: "format", min: "min", max: "max", formatPlaceholder: "formatPlaceholder", placeholder: "placeholder", activeView: "activeView", bottomView: "bottomView", topView: "topView", weekNumber: "weekNumber" }, usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DateFilterComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DateFilterComponent, decorators: [{
             type: Directive,
             args: [{}]
         }], ctorParameters: function () { return [{ type: i1.FilterService }, { type: i2.LocalizationService }]; }, propDecorators: { column: [{
                 type: Input
-            }], filter: [{
-                type: Input
             }], operator: [{
                 type: Input
             }], format: [{

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

@@ -10,6 +10,11 @@ import * as i0 from "@angular/core";
  * @hidden
  */
 export class FilterHostDirective {
+    host;
+    resolver;
+    column;
+    filter;
+    component;
     constructor(host, resolver) {
         this.host = host;
         this.resolver = resolver;
@@ -40,10 +45,10 @@ export class FilterHostDirective {
         instance.column = column;
         instance.filter = filter;
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FilterHostDirective, deps: [{ token: i0.ViewContainerRef }, { token: i0.ComponentFactoryResolver }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: FilterHostDirective, inputs: { column: "column", filter: "filter" }, usesOnChanges: true, ngImport: i0 });
 }
-FilterHostDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: FilterHostDirective, deps: [{ token: i0.ViewContainerRef }, { token: i0.ComponentFactoryResolver }], target: i0.ɵɵFactoryTarget.Directive });
-FilterHostDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: FilterHostDirective, inputs: { column: "column", filter: "filter" }, usesOnChanges: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: FilterHostDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FilterHostDirective, decorators: [{
             type: Directive,
             args: [{}]
         }], ctorParameters: function () { return [{ type: i0.ViewContainerRef }, { type: i0.ComponentFactoryResolver }]; }, propDecorators: { column: [{

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

@@ -16,9 +16,8 @@ const isEmptyValueOperator = (operator) => EMPTY_VALUE_OPERATORS.has(operator);
  * @hidden
  */
 export class FilterInputWrapperComponent extends BaseFilterCellComponent {
-    constructor(filterService) {
-        super(filterService);
-    }
+    column;
+    input;
     get currentFilter() {
         return this.filterByField(this.column.field);
     }
@@ -58,6 +57,12 @@ export class FilterInputWrapperComponent extends BaseFilterCellComponent {
         }
         this.input.disabled = disabled;
     }
+    _defaultOperator;
+    _operator;
+    changeSubscription;
+    constructor(filterService) {
+        super(filterService);
+    }
     ngAfterContentInit() {
         if (isPresent(this.input)) {
             this.changeSubscription = this.input.change.subscribe(this.onChange.bind(this));
@@ -98,16 +103,14 @@ export class FilterInputWrapperComponent extends BaseFilterCellComponent {
             this.filterInputDisabled = isEmptyValueOperator(this.currentOperator);
         }
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FilterInputWrapperComponent, deps: [{ token: i1.FilterService }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: FilterInputWrapperComponent, inputs: { column: "column", defaultOperator: "defaultOperator" }, queries: [{ propertyName: "input", first: true, predicate: FilterInputDirective, descendants: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0 });
 }
-FilterInputWrapperComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: FilterInputWrapperComponent, deps: [{ token: i1.FilterService }], target: i0.ɵɵFactoryTarget.Directive });
-FilterInputWrapperComponent.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: FilterInputWrapperComponent, inputs: { column: "column", filter: "filter", defaultOperator: "defaultOperator" }, queries: [{ propertyName: "input", first: true, predicate: FilterInputDirective, descendants: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: FilterInputWrapperComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FilterInputWrapperComponent, decorators: [{
             type: Directive,
             args: [{}]
         }], ctorParameters: function () { return [{ type: i1.FilterService }]; }, propDecorators: { column: [{
                 type: Input
-            }], filter: [{
-                type: Input
             }], input: [{
                 type: ContentChild,
                 args: [FilterInputDirective, { static: false }]

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

@@ -13,13 +13,27 @@ import * as i0 from "@angular/core";
  * @hidden
  */
 export class FilterInputDirective {
+    element;
+    renderer;
+    change = new EventEmitter();
+    composing = false;
+    kendoInput;
+    filterDelay = 500;
+    columnLabel;
+    column;
+    set value(value) {
+        this.accessor.writeValue(value);
+    }
+    set disabled(value) {
+        this.accessor.setDisabledState(value);
+    }
+    accessor;
+    changeRequests = new Subject();
+    changeRequestsSubscription;
+    unsubscribeEvents;
     constructor(valueAccessors, ngZone, element, renderer) {
         this.element = element;
         this.renderer = renderer;
-        this.change = new EventEmitter();
-        this.composing = false;
-        this.filterDelay = 500;
-        this.changeRequests = new Subject();
         this.accessor = valueAccessors[0];
         ngZone.runOutsideAngular(() => {
             const unsubscribeStart = renderer.listen(element.nativeElement, 'compositionstart', () => this.composing = true);
@@ -30,12 +44,6 @@ export class FilterInputDirective {
             };
         });
     }
-    set value(value) {
-        this.accessor.writeValue(value);
-    }
-    set disabled(value) {
-        this.accessor.setDisabledState(value);
-    }
     ngAfterViewInit() {
         this.addAriaAttributes();
         this.accessor.registerOnChange(x => this.filterDelay > 0 ?
@@ -78,10 +86,10 @@ export class FilterInputDirective {
             }
         }
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FilterInputDirective, deps: [{ token: NG_VALUE_ACCESSOR, self: true }, { token: i0.NgZone }, { token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: FilterInputDirective, isStandalone: true, selector: "[kendoFilterInput]", inputs: { filterDelay: "filterDelay", columnLabel: "columnLabel", column: "column", value: "value" }, queries: [{ propertyName: "kendoInput", first: true, predicate: KendoInput, descendants: true, static: true }], usesOnChanges: true, ngImport: i0 });
 }
-FilterInputDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: FilterInputDirective, deps: [{ token: NG_VALUE_ACCESSOR, self: true }, { token: i0.NgZone }, { token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive });
-FilterInputDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: FilterInputDirective, isStandalone: true, selector: "[kendoFilterInput]", inputs: { filterDelay: "filterDelay", columnLabel: "columnLabel", column: "column", value: "value" }, queries: [{ propertyName: "kendoInput", first: true, predicate: KendoInput, descendants: true, static: true }], usesOnChanges: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: FilterInputDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FilterInputDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[kendoFilterInput]',

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

@@ -13,18 +13,20 @@ import * as i1 from "@progress/kendo-angular-l10n";
  * @hidden
  */
 export class FilterRowComponent {
+    columns = [];
+    filter;
+    logicalRowIndex;
+    lockedColumnsCount;
+    filterRowClass = true;
+    filterLabel;
     constructor(localization) {
-        this.localization = localization;
-        this.columns = [];
-        this.filterRowClass = true;
-        this.filterLabel = this.localization.get('filter');
+        this.filterLabel = localization.get('filter');
     }
     getColumnComponent(column) {
         return column;
     }
-}
-FilterRowComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: FilterRowComponent, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
-FilterRowComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: FilterRowComponent, isStandalone: true, selector: "[kendoTreeListFilterRow]", inputs: { columns: "columns", filter: "filter", logicalRowIndex: "logicalRowIndex", lockedColumnsCount: "lockedColumnsCount" }, host: { properties: { "class.k-filter-row": "this.filterRowClass" } }, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FilterRowComponent, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: FilterRowComponent, isStandalone: true, selector: "[kendoTreeListFilterRow]", inputs: { columns: "columns", filter: "filter", logicalRowIndex: "logicalRowIndex", lockedColumnsCount: "lockedColumnsCount" }, host: { properties: { "class.k-filter-row": "this.filterRowClass" } }, ngImport: i0, template: `
       <td *ngFor="let column of columns; let columnIndex = index" role="gridcell"
           [attr.aria-label]="filterLabel"
           kendoTreeListFilterCell
@@ -38,7 +40,8 @@ FilterRowComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", ver
             [colIndex]="columnIndex"
       ></td>
     `, isInline: true, dependencies: [{ kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: FilterCellComponent, selector: "[kendoTreeListFilterCell]", inputs: ["column", "filter"] }, { kind: "directive", type: LogicalCellDirective, selector: "[kendoTreeListLogicalCell]", inputs: ["logicalColIndex", "logicalRowIndex", "logicalSlaveCell", "column", "colIndex", "colSpan", "rowSpan", "dataRowIndex", "dataItem", "expandable"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: FilterRowComponent, decorators: [{
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FilterRowComponent, decorators: [{
             type: Component,
             args: [{
                     selector: '[kendoTreeListFilterRow]',

package/{esm2020 → esm2022}/filtering/filter.service.mjs

@@ -10,12 +10,10 @@ import * as i0 from "@angular/core";
  * ([see example]({% slug filter_menu_treelist %})).
  */
 export class FilterService {
-    constructor() {
-        /**
-         * Fires when the filter descriptors is set.
-         */
-        this.changes = new Subject();
-    }
+    /**
+     * Fires when the filter descriptors is set.
+     */
+    changes = new Subject();
     /**
      * Sets the filter descriptor.
      *
@@ -24,9 +22,9 @@ export class FilterService {
     filter(value) {
         this.changes.next(value);
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FilterService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FilterService });
 }
-FilterService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: FilterService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-FilterService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: FilterService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: FilterService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FilterService, decorators: [{
             type: Injectable
         }] });

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

@@ -32,23 +32,30 @@ import * as i2 from "@angular/platform-browser";
  *   ```
  */
 export class BooleanFilterMenuComponent extends BooleanFilterComponent {
-    constructor(renderer, localization, domSanitizer) {
-        super(null, localization);
-        this.renderer = renderer;
-        this.domSanitizer = domSanitizer;
-        /**
-         * The current menu filter.
-         * @type {CompositeFilterDescriptor}
-         */
-        this.filter = { filters: [], logic: "and" };
-        this.idPrefix = guid();
-    }
+    renderer;
+    domSanitizer;
     /**
      * @hidden
      */
     get hostClasses() {
         return false;
     }
+    inputElem;
+    /**
+     * 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;
+    idPrefix = guid();
+    constructor(renderer, localization, domSanitizer) {
+        super(null, localization);
+        this.renderer = renderer;
+        this.domSanitizer = domSanitizer;
+    }
     /**
      * @hidden
      */
@@ -79,9 +86,8 @@ 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: i0.Renderer2 }, { token: i1.LocalizationService }, { token: i2.DomSanitizer }], target: i0.ɵɵFactoryTarget.Component });
-BooleanFilterMenuComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: BooleanFilterMenuComponent, isStandalone: true, selector: "kendo-treelist-boolean-filter-menu", inputs: { filter: "filter", filterService: "filterService" }, host: { properties: { "class.k-filtercell": "this.hostClasses" } }, viewQueries: [{ propertyName: "inputElem", first: true, predicate: ["inputElem"], 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: i0.Renderer2 }, { token: i1.LocalizationService }, { token: i2.DomSanitizer }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: BooleanFilterMenuComponent, isStandalone: true, selector: "kendo-treelist-boolean-filter-menu", inputs: { filter: "filter", filterService: "filterService" }, host: { properties: { "class.k-filtercell": "this.hostClasses" } }, viewQueries: [{ propertyName: "inputElem", first: true, predicate: ["inputElem"], descendants: true }], usesInheritance: true, ngImport: i0, template: `
         <ul class="k-radio-list k-reset">
             <li *ngFor="let item of items">
                 <input #inputElem type="radio"
@@ -97,7 +103,8 @@ BooleanFilterMenuComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0
             </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: [{
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: BooleanFilterMenuComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'kendo-treelist-boolean-filter-menu',

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

@@ -16,9 +16,25 @@ import * as i1 from "../../common/single-popup.service";
  * @hidden
  */
 export class DateFilterMenuInputComponent {
+    popupService;
+    operators = [];
+    column;
+    filter;
+    operator;
+    currentFilter;
+    filterService;
+    format;
+    formatPlaceholder;
+    placeholder;
+    min;
+    max;
+    activeView;
+    bottomView;
+    topView;
+    weekNumber;
+    subscription;
     constructor(popupService) {
         this.popupService = popupService;
-        this.operators = [];
     }
     open(picker) {
         this.subscription = this.popupService.onClose
@@ -30,9 +46,8 @@ export class DateFilterMenuInputComponent {
             this.subscription.unsubscribe();
         }
     }
-}
-DateFilterMenuInputComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DateFilterMenuInputComponent, deps: [{ token: i1.SinglePopupService }], target: i0.ɵɵFactoryTarget.Component });
-DateFilterMenuInputComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: DateFilterMenuInputComponent, isStandalone: true, selector: "kendo-treelist-date-filter-menu-input", inputs: { operators: "operators", column: "column", filter: "filter", operator: "operator", currentFilter: "currentFilter", filterService: "filterService", format: "format", formatPlaceholder: "formatPlaceholder", placeholder: "placeholder", min: "min", max: "max", activeView: "activeView", bottomView: "bottomView", topView: "topView", weekNumber: "weekNumber" }, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DateFilterMenuInputComponent, deps: [{ token: i1.SinglePopupService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: DateFilterMenuInputComponent, isStandalone: true, selector: "kendo-treelist-date-filter-menu-input", inputs: { operators: "operators", column: "column", filter: "filter", operator: "operator", currentFilter: "currentFilter", filterService: "filterService", format: "format", formatPlaceholder: "formatPlaceholder", placeholder: "placeholder", min: "min", max: "max", activeView: "activeView", bottomView: "bottomView", topView: "topView", weekNumber: "weekNumber" }, ngImport: i0, template: `
         <kendo-treelist-filter-menu-input-wrapper
             [column]="column"
             [filter]="filter"
@@ -60,7 +75,8 @@ DateFilterMenuInputComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14
             </kendo-datepicker>
         </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: 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", "column", "value"] }] });
-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-treelist-date-filter-menu-input',

package/{esm2020 → esm2022}/filtering/menu/date-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 { DateFilterComponent } from '../date-filter.component';
 import { setFilter, logicOperators } from '../base-filter-cell.component';
@@ -30,26 +29,30 @@ import * as i1 from "@progress/kendo-angular-l10n";
  * ```
  */
 export class DateFilterMenuComponent extends DateFilterComponent {
-    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 be 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 be displayed.
+     * @default true
+     */
+    extra = true;
+    /**
+     * The `FilterService` instance which is responsible for handling the changes in the filter descriptor.
+     */
+    filterService;
+    constructor(localization) {
+        super(null, localization);
+    }
     get firstFilter() {
         return setFilter(0, this.filter, (this.column || {}).field, this.operator);
     }
@@ -63,9 +66,8 @@ export class DateFilterMenuComponent extends DateFilterComponent {
         this.logicOperators = logicOperators(this.localization);
         super.localizationChange();
     }
-}
-DateFilterMenuComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DateFilterMenuComponent, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
-DateFilterMenuComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: DateFilterMenuComponent, isStandalone: true, selector: "kendo-treelist-date-filter-menu", inputs: { column: "column", filter: "filter", extra: "extra", filterService: "filterService" }, 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.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: DateFilterMenuComponent, isStandalone: true, selector: "kendo-treelist-date-filter-menu", inputs: { filter: "filter", extra: "extra", filterService: "filterService" }, host: { properties: { "class.k-filtercell": "this.hostClasses" } }, usesInheritance: true, ngImport: i0, template: `
         <kendo-treelist-date-filter-menu-input
             [currentFilter]="firstFilter"
             [operators]="operators"
@@ -112,7 +114,8 @@ DateFilterMenuComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0"
             >
         </kendo-treelist-date-filter-menu-input>
     `, isInline: true, dependencies: [{ kind: "component", type: DateFilterMenuInputComponent, selector: "kendo-treelist-date-filter-menu-input", inputs: ["operators", "column", "filter", "operator", "currentFilter", "filterService", "format", "formatPlaceholder", "placeholder", "min", "max", "activeView", "bottomView", "topView", "weekNumber"] }, { 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: DateFilterMenuComponent, decorators: [{
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DateFilterMenuComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'kendo-treelist-date-filter-menu',
@@ -169,8 +172,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/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],