@progress/kendo-angular-treelist 4.0.6-dev.202203090952 → 5.0.0-next.202204130954

package/esm2015/filtering/menu/date-filter-menu-input.component.js

@@ -0,0 +1,123 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { Component, Input } from '@angular/core';
+import { filter } from 'rxjs/operators';
+import * as i0 from "@angular/core";
+import * as i1 from "../../common/single-popup.service";
+import * as i2 from "./filter-menu-input-wrapper.component";
+import * as i3 from "@progress/kendo-angular-dateinputs";
+import * as i4 from "../filter-input.directive";
+/**
+ * @hidden
+ */
+export class DateFilterMenuInputComponent {
+    constructor(popupService) {
+        this.popupService = popupService;
+        this.operators = [];
+    }
+    open(picker) {
+        this.subscription = this.popupService.onClose
+            .pipe(filter(() => picker.isActive))
+            .subscribe(e => e.preventDefault());
+    }
+    ngOnDestroy() {
+        if (this.subscription) {
+            this.subscription.unsubscribe();
+        }
+    }
+}
+DateFilterMenuInputComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: DateFilterMenuInputComponent, deps: [{ token: i1.SinglePopupService }], target: i0.ɵɵFactoryTarget.Component });
+DateFilterMenuInputComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: DateFilterMenuInputComponent, 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"
+            [operators]="operators"
+            [defaultOperator]="operator"
+            [currentFilter]="currentFilter"
+            [filterService]="filterService"
+            >
+            <kendo-datepicker
+                #picker
+                kendoFilterInput
+                [filterDelay]="0"
+                (open)="open(picker)"
+                [value]="currentFilter?.value"
+                [placeholder]="placeholder"
+                [formatPlaceholder]="formatPlaceholder"
+                [format]="format"
+                [min]="min"
+                [max]="max"
+                [activeView]="activeView"
+                [bottomView]="bottomView"
+                [topView]="topView"
+                [weekNumber]="weekNumber"
+                >
+            </kendo-datepicker>
+        </kendo-treelist-filter-menu-input-wrapper>
+    `, isInline: true, components: [{ type: i2.FilterMenuInputWrapperComponent, selector: "kendo-treelist-filter-menu-input-wrapper", inputs: ["filterService", "currentFilter"] }, { type: i3.DatePickerComponent, selector: "kendo-datepicker", inputs: ["cellTemplate", "monthCellTemplate", "yearCellTemplate", "decadeCellTemplate", "centuryCellTemplate", "weekNumberTemplate", "headerTitleTemplate", "navigationItemTemplate", "focusableId", "activeView", "bottomView", "topView", "calendarType", "animateCalendarNavigation", "disabled", "readonly", "readOnlyInput", "popupSettings", "navigation", "min", "max", "incompleteDateValidation", "focusedDate", "value", "format", "twoDigitYearMax", "formatPlaceholder", "placeholder", "tabindex", "tabIndex", "disabledDates", "title", "rangeValidation", "disabledDatesValidation", "weekNumber", "size", "rounded", "fillMode"], outputs: ["valueChange", "focus", "blur", "open", "close"], exportAs: ["kendo-datepicker"] }], directives: [{ type: i4.FilterInputDirective, selector: "[kendoFilterInput]", inputs: ["filterDelay", "value"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: DateFilterMenuInputComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'kendo-treelist-date-filter-menu-input',
+                    template: `
+        <kendo-treelist-filter-menu-input-wrapper
+            [column]="column"
+            [filter]="filter"
+            [operators]="operators"
+            [defaultOperator]="operator"
+            [currentFilter]="currentFilter"
+            [filterService]="filterService"
+            >
+            <kendo-datepicker
+                #picker
+                kendoFilterInput
+                [filterDelay]="0"
+                (open)="open(picker)"
+                [value]="currentFilter?.value"
+                [placeholder]="placeholder"
+                [formatPlaceholder]="formatPlaceholder"
+                [format]="format"
+                [min]="min"
+                [max]="max"
+                [activeView]="activeView"
+                [bottomView]="bottomView"
+                [topView]="topView"
+                [weekNumber]="weekNumber"
+                >
+            </kendo-datepicker>
+        </kendo-treelist-filter-menu-input-wrapper>
+    `
+                }]
+        }], ctorParameters: function () { return [{ type: i1.SinglePopupService }]; }, propDecorators: { operators: [{
+                type: Input
+            }], column: [{
+                type: Input
+            }], filter: [{
+                type: Input
+            }], operator: [{
+                type: Input
+            }], currentFilter: [{
+                type: Input
+            }], filterService: [{
+                type: Input
+            }], format: [{
+                type: Input
+            }], formatPlaceholder: [{
+                type: Input
+            }], placeholder: [{
+                type: Input
+            }], min: [{
+                type: Input
+            }], max: [{
+                type: Input
+            }], activeView: [{
+                type: Input
+            }], bottomView: [{
+                type: Input
+            }], topView: [{
+                type: Input
+            }], weekNumber: [{
+                type: Input
+            }] } });

package/esm2015/filtering/menu/date-filter-menu.component.js

@@ -0,0 +1,175 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { Component, Input, HostBinding } from '@angular/core';
+import { DateFilterComponent } from '../date-filter.component';
+import { setFilter, logicOperators } from '../base-filter-cell.component';
+import * as i0 from "@angular/core";
+import * as i1 from "@progress/kendo-angular-l10n";
+import * as i2 from "./date-filter-menu-input.component";
+import * as i3 from "@progress/kendo-angular-dropdowns";
+import * as i4 from "@angular/common";
+/**
+ * Represents a date-filter menu component.
+ *
+ * @example
+ *  ```html-no-run
+ *      <kendo-treelist-column field="OrderDate" title="Order Date">
+ *          <ng-template kendoTreeListFilterMenuTemplate let-filter let-column="column" let-filterService="filterService">
+ *            <kendo-treelist-date-filter-menu
+ *                [column]="column"
+ *                [filter]="filter"
+ *                [filterService]="filterService"
+ *                >
+ *            </kendo-treelist-date-filter-menu>
+ *          </ng-template>
+ *      </kendo-treelist-column>
+ *   ```
+ */
+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.
+         */
+        this.extra = true;
+    }
+    /**
+     * @hidden
+     */
+    get hostClasses() {
+        return false;
+    }
+    get firstFilter() {
+        return setFilter(0, this.filter, (this.column || {}).field, this.operator);
+    }
+    get secondFilter() {
+        return setFilter(1, this.filter, (this.column || {}).field, this.operator);
+    }
+    logicChange(value) {
+        this.filter.logic = value;
+    }
+    localizationChange() {
+        this.logicOperators = logicOperators(this.localization);
+        super.localizationChange();
+    }
+}
+DateFilterMenuComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: DateFilterMenuComponent, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
+DateFilterMenuComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: DateFilterMenuComponent, 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: `
+        <kendo-treelist-date-filter-menu-input
+            [currentFilter]="firstFilter"
+            [operators]="operators"
+            [filterService]="filterService"
+            [column]="column"
+            [filter]="filter"
+            [activeView]="activeView"
+            [bottomView]="bottomView"
+            [topView]="topView"
+            [format]="format"
+            [formatPlaceholder]="formatPlaceholder"
+            [placeholder]="placeholder"
+            [min]="min"
+            [max]="max"
+            [weekNumber]="weekNumber"
+            >
+        </kendo-treelist-date-filter-menu-input>
+        <kendo-dropdownlist
+            *ngIf="extra"
+            class="k-filter-and"
+            [data]="logicOperators"
+            [valuePrimitive]="true"
+            (valueChange)="logicChange($event)"
+            [value]="filter?.logic"
+            textField="text"
+            valueField="value">
+        </kendo-dropdownlist>
+        <kendo-treelist-date-filter-menu-input
+            *ngIf="extra"
+            [operators]="operators"
+            [currentFilter]="secondFilter"
+            [filterService]="filterService"
+            [column]="column"
+            [filter]="filter"
+            [activeView]="activeView"
+            [bottomView]="bottomView"
+            [topView]="topView"
+            [format]="format"
+            [formatPlaceholder]="formatPlaceholder"
+            [placeholder]="placeholder"
+            [min]="min"
+            [max]="max"
+            [weekNumber]="weekNumber"
+            >
+        </kendo-treelist-date-filter-menu-input>
+    `, isInline: true, components: [{ type: i2.DateFilterMenuInputComponent, selector: "kendo-treelist-date-filter-menu-input", inputs: ["operators", "column", "filter", "operator", "currentFilter", "filterService", "format", "formatPlaceholder", "placeholder", "min", "max", "activeView", "bottomView", "topView", "weekNumber"] }, { type: i3.DropDownListComponent, selector: "kendo-dropdownlist", inputs: ["iconClass", "loading", "data", "value", "textField", "valueField", "popupSettings", "listHeight", "defaultItem", "disabled", "itemDisabled", "readonly", "filterable", "virtual", "ignoreCase", "delay", "valuePrimitive", "tabindex", "tabIndex", "size", "rounded", "fillMode", "id"], outputs: ["valueChange", "filterChange", "selectionChange", "open", "opened", "close", "closed", "focus", "blur"], exportAs: ["kendoDropDownList"] }], directives: [{ type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: DateFilterMenuComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'kendo-treelist-date-filter-menu',
+                    template: `
+        <kendo-treelist-date-filter-menu-input
+            [currentFilter]="firstFilter"
+            [operators]="operators"
+            [filterService]="filterService"
+            [column]="column"
+            [filter]="filter"
+            [activeView]="activeView"
+            [bottomView]="bottomView"
+            [topView]="topView"
+            [format]="format"
+            [formatPlaceholder]="formatPlaceholder"
+            [placeholder]="placeholder"
+            [min]="min"
+            [max]="max"
+            [weekNumber]="weekNumber"
+            >
+        </kendo-treelist-date-filter-menu-input>
+        <kendo-dropdownlist
+            *ngIf="extra"
+            class="k-filter-and"
+            [data]="logicOperators"
+            [valuePrimitive]="true"
+            (valueChange)="logicChange($event)"
+            [value]="filter?.logic"
+            textField="text"
+            valueField="value">
+        </kendo-dropdownlist>
+        <kendo-treelist-date-filter-menu-input
+            *ngIf="extra"
+            [operators]="operators"
+            [currentFilter]="secondFilter"
+            [filterService]="filterService"
+            [column]="column"
+            [filter]="filter"
+            [activeView]="activeView"
+            [bottomView]="bottomView"
+            [topView]="topView"
+            [format]="format"
+            [formatPlaceholder]="formatPlaceholder"
+            [placeholder]="placeholder"
+            [min]="min"
+            [max]="max"
+            [weekNumber]="weekNumber"
+            >
+        </kendo-treelist-date-filter-menu-input>
+    `
+                }]
+        }], ctorParameters: function () { return [{ type: i1.LocalizationService }]; }, propDecorators: { hostClasses: [{
+                type: HostBinding,
+                args: ['class.k-filtercell']
+            }], column: [{
+                type: Input
+            }], filter: [{
+                type: Input
+            }], extra: [{
+                type: Input
+            }], filterService: [{
+                type: Input
+            }] } });

package/esm2015/filtering/menu/filter-menu-container.component.js

@@ -0,0 +1,223 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { Component, Input, SkipSelf, Output, EventEmitter } from '@angular/core';
+import { FilterService } from "../filter.service";
+import { removeFilter, filtersByField } from "../base-filter-cell.component";
+import { isPresent, isNullOrEmptyString } from "../../utils";
+import { cloneFilters } from '../../common/filter-descriptor-differ';
+import * as i0 from "@angular/core";
+import * as i1 from "../filter.service";
+import * as i2 from "@progress/kendo-angular-l10n";
+import * as i3 from "@angular/forms";
+import * as i4 from "@angular/common";
+import * as i5 from "./filter-menu-host.directive";
+const isNoValueOperator = operator => (operator === "isnull"
+    || operator === "isnotnull"
+    || operator === "isempty"
+    || operator === "isnotempty");
+const validFilters = ({ value, operator }) => !isNullOrEmptyString(value) || isNoValueOperator(operator);
+const trimFilters = filter => {
+    filter.filters = filter.filters.filter(validFilters);
+    return filter;
+};
+const findParent = (filters, field, parent) => {
+    return filters.reduce((acc, filter) => {
+        if (acc) {
+            return acc;
+        }
+        if (filter.filters) {
+            return findParent(filter.filters, field, filter);
+        }
+        else if (filter.field === field) {
+            return parent;
+        }
+        return acc;
+    }, undefined);
+};
+const parentLogicOfDefault = (filter, field, def = "and") => {
+    const parent = findParent(((filter || {}).filters || []), field);
+    return isPresent(parent) ? parent.logic : def;
+};
+/**
+ * @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-action-buttons k-button-group';
+        this._templateContext = {};
+    }
+    get filter() {
+        return this._filter;
+    }
+    /**
+     * The current root filter.
+     * @type {CompositeFilterDescriptor}
+     */
+    set filter(value) {
+        this._filter = cloneFilters(value);
+    }
+    get childFilter() {
+        if (!isPresent(this._childFilter)) {
+            this._childFilter = {
+                filters: filtersByField(this.filter, (this.column || {}).field),
+                logic: parentLogicOfDefault(this.filter, (this.column || {}).field)
+            };
+        }
+        return this._childFilter;
+    }
+    ngOnInit() {
+        this.subscription = this.childService.changes.subscribe(filter => this._childFilter = filter);
+        this.subscription.add(this.localization.changes.subscribe(() => this.cd.markForCheck()));
+    }
+    ngOnDestroy() {
+        if (this.subscription) {
+            this.subscription.unsubscribe();
+        }
+    }
+    get disabled() {
+        return !this.childFilter.filters.some(validFilters);
+    }
+    get templateContext() {
+        this._templateContext.column = this.column;
+        this._templateContext.filter = this.childFilter;
+        this._templateContext.filterService = this.childService;
+        this._templateContext["$implicit"] = this.childFilter;
+        return this._templateContext;
+    }
+    get hasTemplate() {
+        return isPresent(this.column) && isPresent(this.column.filterMenuTemplateRef);
+    }
+    submit() {
+        const filter = trimFilters(this.childFilter);
+        if (filter.filters.length) {
+            const root = this.filter || {
+                filters: [],
+                logic: "and"
+            };
+            removeFilter(root, this.column.field);
+            root.filters.push(filter);
+            this.parentService.filter(root);
+        }
+        this.close.emit();
+        return false;
+    }
+    reset() {
+        const root = this.filter || {
+            filters: [],
+            logic: "and"
+        };
+        removeFilter(root, this.column.field);
+        this.parentService.filter(root);
+        this.close.emit();
+    }
+    get clearText() {
+        return this.localization.get("filterClearButton");
+    }
+    get filterText() {
+        return this.localization.get("filterFilterButton");
+    }
+}
+FilterMenuContainerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", 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: "12.0.0", version: "12.2.16", type: FilterMenuContainerComponent, 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 k-group k-reset k-state-border-up">
+            <div class="k-filter-menu-container">
+                <ng-container [ngSwitch]="hasTemplate">
+                    <ng-container *ngSwitchCase="false">
+                        <ng-container
+                            kendoFilterMenuHost
+                            [filterService]="childService"
+                            [column]="column"
+                            [filter]="childFilter">
+                        </ng-container>
+                    </ng-container>
+                    <ng-container *ngSwitchCase="true">
+                        <ng-template
+                            *ngIf="column.filterMenuTemplateRef"
+                            [ngTemplateOutlet]="column.filterMenuTemplateRef"
+                            [ngTemplateOutletContext]="templateContext"
+                            >
+                        </ng-template>
+                    </ng-container>
+                </ng-container>
+                <div [ngClass]="actionsClass">
+                    <button
+                        type="reset"
+                        class="k-button k-button-solid-base k-button-solid k-button-md k-rounded-md k-button-rectangle">
+                        {{clearText}}
+                    </button>
+                    <button
+                        type="submit"
+                        class="k-button k-button-solid-primary k-button-solid k-button-md k-rounded-md k-button-rectangle"
+                        [disabled]="disabled">
+                        {{filterText}}
+                    </button>
+                </div>
+            </div>
+        </form>
+    `, isInline: true, directives: [{ type: i3.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { type: i3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i3.NgForm, selector: "form:not([ngNoForm]):not([formGroup]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i4.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i4.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i5.FilterMenuHostDirective, selector: "[kendoFilterMenuHost]", inputs: ["filterService"] }, { type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: FilterMenuContainerComponent, decorators: [{
+            type: Component,
+            args: [{
+                    providers: [FilterService],
+                    selector: 'kendo-treelist-filter-menu-container',
+                    template: `
+        <form (submit)="submit()" (reset)="reset()"
+            class="k-filter-menu k-group k-reset k-state-border-up">
+            <div class="k-filter-menu-container">
+                <ng-container [ngSwitch]="hasTemplate">
+                    <ng-container *ngSwitchCase="false">
+                        <ng-container
+                            kendoFilterMenuHost
+                            [filterService]="childService"
+                            [column]="column"
+                            [filter]="childFilter">
+                        </ng-container>
+                    </ng-container>
+                    <ng-container *ngSwitchCase="true">
+                        <ng-template
+                            *ngIf="column.filterMenuTemplateRef"
+                            [ngTemplateOutlet]="column.filterMenuTemplateRef"
+                            [ngTemplateOutletContext]="templateContext"
+                            >
+                        </ng-template>
+                    </ng-container>
+                </ng-container>
+                <div [ngClass]="actionsClass">
+                    <button
+                        type="reset"
+                        class="k-button k-button-solid-base k-button-solid k-button-md k-rounded-md k-button-rectangle">
+                        {{clearText}}
+                    </button>
+                    <button
+                        type="submit"
+                        class="k-button k-button-solid-primary k-button-solid k-button-md k-rounded-md k-button-rectangle"
+                        [disabled]="disabled">
+                        {{filterText}}
+                    </button>
+                </div>
+            </div>
+        </form>
+    `
+                }]
+        }], ctorParameters: function () { return [{ type: i1.FilterService, decorators: [{
+                    type: SkipSelf
+                }] }, { type: i1.FilterService }, { type: i2.LocalizationService }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { close: [{
+                type: Output
+            }], column: [{
+                type: Input
+            }], filter: [{
+                type: Input
+            }], actionsClass: [{
+                type: Input
+            }] } });

package/esm2015/filtering/menu/filter-menu-host.directive.js

@@ -0,0 +1,38 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { Directive, Input } from "@angular/core";
+import { FilterHostDirective } from "../filter-host.directive";
+import { isNullOrEmptyString, isPresent } from "../../utils";
+import { filterMenuComponentFactory } from "./filter-menu-component.factory";
+import { StringFilterMenuComponent } from "./string-filter-menu.component";
+import * as i0 from "@angular/core";
+/**
+ * @hidden
+ */
+export class FilterMenuHostDirective extends FilterHostDirective {
+    constructor(host, resolver) {
+        super(host, resolver);
+    }
+    componentType() {
+        if (isPresent(this.column) && !isNullOrEmptyString(this.column.filter)) {
+            return filterMenuComponentFactory(this.column.filter);
+        }
+        return StringFilterMenuComponent;
+    }
+    initComponent(ctx) {
+        super.initComponent(ctx);
+        this.component.instance.filterService = this.filterService;
+    }
+}
+FilterMenuHostDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: FilterMenuHostDirective, deps: [{ token: i0.ViewContainerRef }, { token: i0.ComponentFactoryResolver }], target: i0.ɵɵFactoryTarget.Directive });
+FilterMenuHostDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: FilterMenuHostDirective, selector: "[kendoFilterMenuHost]", inputs: { filterService: "filterService" }, usesInheritance: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: FilterMenuHostDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[kendoFilterMenuHost]'
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ViewContainerRef }, { type: i0.ComponentFactoryResolver }]; }, propDecorators: { filterService: [{
+                type: Input
+            }] } });

package/esm2015/filtering/menu/filter-menu-input-wrapper.component.js

@@ -0,0 +1,88 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { Component, Input } from '@angular/core';
+import { FilterInputWrapperComponent } from "../filter-input-wrapper.component";
+import * as i0 from "@angular/core";
+import * as i1 from "@progress/kendo-angular-dropdowns";
+/**
+ * @hidden
+ */
+export class FilterMenuInputWrapperComponent extends FilterInputWrapperComponent {
+    constructor() {
+        super(null);
+    }
+    /**
+     * @hidden
+     */
+    get hostClasses() {
+        return false;
+    }
+    operatorChange(dataItem) {
+        this.currentOperator = dataItem;
+    }
+    filterChange(filter) {
+        this.applyFilter(filter);
+    }
+    /**
+     * The current filter for the associated column field.
+     * @readonly
+     * @type {FilterDescriptor}
+     */
+    get currentFilter() {
+        return this._currentFilter;
+    }
+    /**
+     * The current filter for the associated column field.
+     * @readonly
+     * @type {FilterDescriptor}
+     */
+    set currentFilter(value) {
+        this._currentFilter = value;
+    }
+    updateFilter(filter) {
+        Object.assign(this.currentFilter, filter);
+        return this.filter;
+    }
+    onChange(value) {
+        this.filterChange(this.updateFilter({
+            field: this.column.field,
+            operator: this.currentOperator,
+            value: value
+        }));
+    }
+}
+FilterMenuInputWrapperComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: FilterMenuInputWrapperComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+FilterMenuInputWrapperComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: FilterMenuInputWrapperComponent, selector: "kendo-treelist-filter-menu-input-wrapper", inputs: { filterService: "filterService", currentFilter: "currentFilter" }, usesInheritance: true, ngImport: i0, template: `
+        <kendo-dropdownlist
+            [data]="operators"
+            (valueChange)="operatorChange($event)"
+            [value]="currentOperator"
+            [valuePrimitive]="true"
+            textField="text"
+            valueField="value">
+        </kendo-dropdownlist>
+        <ng-content></ng-content>
+    `, isInline: true, components: [{ type: i1.DropDownListComponent, selector: "kendo-dropdownlist", inputs: ["iconClass", "loading", "data", "value", "textField", "valueField", "popupSettings", "listHeight", "defaultItem", "disabled", "itemDisabled", "readonly", "filterable", "virtual", "ignoreCase", "delay", "valuePrimitive", "tabindex", "tabIndex", "size", "rounded", "fillMode", "id"], outputs: ["valueChange", "filterChange", "selectionChange", "open", "opened", "close", "closed", "focus", "blur"], exportAs: ["kendoDropDownList"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: FilterMenuInputWrapperComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'kendo-treelist-filter-menu-input-wrapper',
+                    template: `
+        <kendo-dropdownlist
+            [data]="operators"
+            (valueChange)="operatorChange($event)"
+            [value]="currentOperator"
+            [valuePrimitive]="true"
+            textField="text"
+            valueField="value">
+        </kendo-dropdownlist>
+        <ng-content></ng-content>
+    `
+                }]
+        }], ctorParameters: function () { return []; }, propDecorators: { filterService: [{
+                type: Input
+            }], currentFilter: [{
+                type: Input
+            }] } });