@progress/kendo-angular-treelist 3.1.3-dev.202110041229

package/dist/es/filtering/menu/filter-menu-container.component.js

@@ -0,0 +1,197 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import * as tslib_1 from "tslib";
+import { Component, Input, SkipSelf, Output, EventEmitter, ChangeDetectorRef } from '@angular/core';
+import { ColumnComponent } from "../../columns/column.component";
+import { FilterService } from "../filter.service";
+import { removeFilter, filtersByField } from "../base-filter-cell.component";
+import { isPresent, isNullOrEmptyString } from "../../utils";
+import { LocalizationService } from '@progress/kendo-angular-l10n';
+import { cloneFilters } from '../../common/filter-descriptor-differ';
+var isNoValueOperator = function (operator) { return (operator === "isnull"
+    || operator === "isnotnull"
+    || operator === "isempty"
+    || operator === "isnotempty"); };
+var ɵ0 = isNoValueOperator;
+var validFilters = function (_a) {
+    var value = _a.value, operator = _a.operator;
+    return !isNullOrEmptyString(value) || isNoValueOperator(operator);
+};
+var ɵ1 = validFilters;
+var trimFilters = function (filter) {
+    filter.filters = filter.filters.filter(validFilters);
+    return filter;
+};
+var ɵ2 = trimFilters;
+var findParent = function (filters, field, parent) {
+    return filters.reduce(function (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); // tslint:disable-line:align
+};
+var ɵ3 = findParent;
+var parentLogicOfDefault = function (filter, field, def) {
+    if (def === void 0) { def = "and"; }
+    var parent = findParent(((filter || {}).filters || []), field);
+    return isPresent(parent) ? parent.logic : def;
+};
+var ɵ4 = parentLogicOfDefault;
+/**
+ * @hidden
+ */
+var FilterMenuContainerComponent = /** @class */ (function () {
+    function FilterMenuContainerComponent(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 = {};
+    }
+    Object.defineProperty(FilterMenuContainerComponent.prototype, "filter", {
+        get: function () {
+            return this._filter;
+        },
+        /**
+         * The current root filter.
+         * @type {CompositeFilterDescriptor}
+         */
+        set: function (value) {
+            this._filter = cloneFilters(value);
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(FilterMenuContainerComponent.prototype, "childFilter", {
+        get: function () {
+            if (!isPresent(this._childFilter)) {
+                this._childFilter = {
+                    filters: filtersByField(this.filter, (this.column || {}).field),
+                    logic: parentLogicOfDefault(this.filter, (this.column || {}).field)
+                };
+            }
+            return this._childFilter;
+        },
+        enumerable: true,
+        configurable: true
+    });
+    FilterMenuContainerComponent.prototype.ngOnInit = function () {
+        var _this = this;
+        this.subscription = this.childService.changes.subscribe(function (filter) { return _this._childFilter = filter; });
+        this.subscription.add(this.localization.changes.subscribe(function () { return _this.cd.markForCheck(); }));
+    };
+    FilterMenuContainerComponent.prototype.ngOnDestroy = function () {
+        if (this.subscription) {
+            this.subscription.unsubscribe();
+        }
+    };
+    Object.defineProperty(FilterMenuContainerComponent.prototype, "disabled", {
+        get: function () {
+            return !this.childFilter.filters.some(validFilters);
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(FilterMenuContainerComponent.prototype, "templateContext", {
+        get: function () {
+            this._templateContext.column = this.column;
+            this._templateContext.filter = this.childFilter;
+            this._templateContext.filterService = this.childService;
+            // tslint:disable-next-line:no-string-literal
+            this._templateContext["$implicit"] = this.childFilter;
+            return this._templateContext;
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(FilterMenuContainerComponent.prototype, "hasTemplate", {
+        get: function () {
+            return isPresent(this.column) && isPresent(this.column.filterMenuTemplateRef);
+        },
+        enumerable: true,
+        configurable: true
+    });
+    FilterMenuContainerComponent.prototype.submit = function () {
+        var filter = trimFilters(this.childFilter);
+        if (filter.filters.length) {
+            var root = this.filter || {
+                filters: [],
+                logic: "and"
+            };
+            removeFilter(root, this.column.field);
+            root.filters.push(filter);
+            this.parentService.filter(root);
+        }
+        this.close.emit();
+        return false;
+    };
+    FilterMenuContainerComponent.prototype.reset = function () {
+        var root = this.filter || {
+            filters: [],
+            logic: "and"
+        };
+        removeFilter(root, this.column.field);
+        this.parentService.filter(root);
+        this.close.emit();
+    };
+    Object.defineProperty(FilterMenuContainerComponent.prototype, "clearText", {
+        get: function () {
+            return this.localization.get("filterClearButton");
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(FilterMenuContainerComponent.prototype, "filterText", {
+        get: function () {
+            return this.localization.get("filterFilterButton");
+        },
+        enumerable: true,
+        configurable: true
+    });
+    tslib_1.__decorate([
+        Output(),
+        tslib_1.__metadata("design:type", EventEmitter)
+    ], FilterMenuContainerComponent.prototype, "close", void 0);
+    tslib_1.__decorate([
+        Input(),
+        tslib_1.__metadata("design:type", ColumnComponent)
+    ], FilterMenuContainerComponent.prototype, "column", void 0);
+    tslib_1.__decorate([
+        Input(),
+        tslib_1.__metadata("design:type", Object),
+        tslib_1.__metadata("design:paramtypes", [Object])
+    ], FilterMenuContainerComponent.prototype, "filter", null);
+    tslib_1.__decorate([
+        Input(),
+        tslib_1.__metadata("design:type", String)
+    ], FilterMenuContainerComponent.prototype, "actionsClass", void 0);
+    FilterMenuContainerComponent = tslib_1.__decorate([
+        Component({
+            providers: [FilterService],
+            selector: 'kendo-treelist-filter-menu-container',
+            template: "\n        <form (submit)=\"submit()\" (reset)=\"reset()\"\n            class=\"k-filter-menu k-group k-reset k-state-border-up\">\n            <div class=\"k-filter-menu-container\">\n                <ng-container [ngSwitch]=\"hasTemplate\">\n                    <ng-container *ngSwitchCase=\"false\">\n                        <ng-container\n                            kendoFilterMenuHost\n                            [filterService]=\"childService\"\n                            [column]=\"column\"\n                            [filter]=\"childFilter\">\n                        </ng-container>\n                    </ng-container>\n                    <ng-container *ngSwitchCase=\"true\">\n                        <ng-template\n                            *ngIf=\"column.filterMenuTemplateRef\"\n                            [ngTemplateOutlet]=\"column.filterMenuTemplateRef\"\n                            [ngTemplateOutletContext]=\"templateContext\"\n                            >\n                        </ng-template>\n                    </ng-container>\n                </ng-container>\n                <div [ngClass]=\"actionsClass\">\n                    <button type=\"reset\" class=\"k-button\">{{clearText}}</button>\n                    <button type=\"submit\" class=\"k-button k-primary\" [disabled]=\"disabled\">{{filterText}}</button>\n                </div>\n            </div>\n        </form>\n    "
+        }),
+        tslib_1.__param(0, SkipSelf()),
+        tslib_1.__metadata("design:paramtypes", [FilterService,
+            FilterService,
+            LocalizationService,
+            ChangeDetectorRef])
+    ], FilterMenuContainerComponent);
+    return FilterMenuContainerComponent;
+}());
+export { FilterMenuContainerComponent };
+export { ɵ0, ɵ1, ɵ2, ɵ3, ɵ4 };

package/dist/es/filtering/menu/filter-menu-host.directive.js

@@ -0,0 +1,43 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import * as tslib_1 from "tslib";
+import { Directive, ViewContainerRef, ComponentFactoryResolver, 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 { FilterService } from "../filter.service";
+/**
+ * @hidden
+ */
+var FilterMenuHostDirective = /** @class */ (function (_super) {
+    tslib_1.__extends(FilterMenuHostDirective, _super);
+    function FilterMenuHostDirective(host, resolver) {
+        return _super.call(this, host, resolver) || this;
+    }
+    FilterMenuHostDirective.prototype.componentType = function () {
+        if (isPresent(this.column) && !isNullOrEmptyString(this.column.filter)) {
+            return filterMenuComponentFactory(this.column.filter);
+        }
+        return StringFilterMenuComponent;
+    };
+    FilterMenuHostDirective.prototype.initComponent = function (ctx) {
+        _super.prototype.initComponent.call(this, ctx);
+        this.component.instance.filterService = this.filterService;
+    };
+    tslib_1.__decorate([
+        Input(),
+        tslib_1.__metadata("design:type", FilterService)
+    ], FilterMenuHostDirective.prototype, "filterService", void 0);
+    FilterMenuHostDirective = tslib_1.__decorate([
+        Directive({
+            selector: '[kendoFilterMenuHost]'
+        }),
+        tslib_1.__metadata("design:paramtypes", [ViewContainerRef,
+            ComponentFactoryResolver])
+    ], FilterMenuHostDirective);
+    return FilterMenuHostDirective;
+}(FilterHostDirective));
+export { FilterMenuHostDirective };

package/dist/es/filtering/menu/filter-menu-input-wrapper.component.js

@@ -0,0 +1,82 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import * as tslib_1 from "tslib";
+import { Component, Input } from '@angular/core';
+import { FilterService } from '../filter.service';
+import { FilterInputWrapperComponent } from "../filter-input-wrapper.component";
+/**
+ * @hidden
+ */
+var FilterMenuInputWrapperComponent = /** @class */ (function (_super) {
+    tslib_1.__extends(FilterMenuInputWrapperComponent, _super);
+    function FilterMenuInputWrapperComponent() {
+        return _super.call(this, null) || this;
+    }
+    Object.defineProperty(FilterMenuInputWrapperComponent.prototype, "hostClasses", {
+        /**
+         * @hidden
+         */
+        get: function () {
+            return false;
+        },
+        enumerable: true,
+        configurable: true
+    });
+    FilterMenuInputWrapperComponent.prototype.operatorChange = function (dataItem) {
+        this.currentOperator = dataItem;
+    };
+    FilterMenuInputWrapperComponent.prototype.filterChange = function (filter) {
+        this.applyFilter(filter);
+    };
+    Object.defineProperty(FilterMenuInputWrapperComponent.prototype, "currentFilter", {
+        /**
+         * The current filter for the associated column field.
+         * @readonly
+         * @type {FilterDescriptor}
+         */
+        get: function () {
+            return this._currentFilter;
+        },
+        /**
+         * The current filter for the associated column field.
+         * @readonly
+         * @type {FilterDescriptor}
+         */
+        set: function (value) {
+            this._currentFilter = value;
+        },
+        enumerable: true,
+        configurable: true
+    });
+    FilterMenuInputWrapperComponent.prototype.updateFilter = function (filter) {
+        Object.assign(this.currentFilter, filter);
+        return this.filter;
+    };
+    FilterMenuInputWrapperComponent.prototype.onChange = function (value) {
+        this.filterChange(this.updateFilter({
+            field: this.column.field,
+            operator: this.currentOperator,
+            value: value
+        }));
+    };
+    tslib_1.__decorate([
+        Input(),
+        tslib_1.__metadata("design:type", FilterService)
+    ], FilterMenuInputWrapperComponent.prototype, "filterService", void 0);
+    tslib_1.__decorate([
+        Input(),
+        tslib_1.__metadata("design:type", Object),
+        tslib_1.__metadata("design:paramtypes", [Object])
+    ], FilterMenuInputWrapperComponent.prototype, "currentFilter", null);
+    FilterMenuInputWrapperComponent = tslib_1.__decorate([
+        Component({
+            selector: 'kendo-treelist-filter-menu-input-wrapper',
+            template: "\n        <kendo-dropdownlist\n            [data]=\"operators\"\n            (valueChange)=\"operatorChange($event)\"\n            [value]=\"currentOperator\"\n            [valuePrimitive]=\"true\"\n            textField=\"text\"\n            valueField=\"value\">\n        </kendo-dropdownlist>\n        <ng-content></ng-content>\n    "
+        }),
+        tslib_1.__metadata("design:paramtypes", [])
+    ], FilterMenuInputWrapperComponent);
+    return FilterMenuInputWrapperComponent;
+}(FilterInputWrapperComponent));
+export { FilterMenuInputWrapperComponent };

package/dist/es/filtering/menu/filter-menu-template.directive.js

@@ -0,0 +1,24 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import * as tslib_1 from "tslib";
+import { Directive, TemplateRef, Optional } from '@angular/core';
+/**
+ * Represents the filter-menu template
+ * ([see example]({% slug builtinfiltertemplate_treelist %}#toc-customizing-filter-menus)).
+ */
+var FilterMenuTemplateDirective = /** @class */ (function () {
+    function FilterMenuTemplateDirective(templateRef) {
+        this.templateRef = templateRef;
+    }
+    FilterMenuTemplateDirective = tslib_1.__decorate([
+        Directive({
+            selector: '[kendoTreeListFilterMenuTemplate]'
+        }),
+        tslib_1.__param(0, Optional()),
+        tslib_1.__metadata("design:paramtypes", [TemplateRef])
+    ], FilterMenuTemplateDirective);
+    return FilterMenuTemplateDirective;
+}());
+export { FilterMenuTemplateDirective };

package/dist/es/filtering/menu/filter-menu.component.js

@@ -0,0 +1,58 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import * as tslib_1 from "tslib";
+import { Component, Input } from '@angular/core';
+import { FilterService } from "../filter.service";
+import { ColumnComponent } from '../../columns/column.component';
+import { SinglePopupService } from '../../common/single-popup.service';
+import { filtersByField } from '../base-filter-cell.component';
+import { LocalizationService } from "@progress/kendo-angular-l10n";
+/**
+ * @hidden
+ */
+var FilterMenuComponent = /** @class */ (function () {
+    function FilterMenuComponent(filterService, popupService, localization) {
+        this.filterService = filterService;
+        this.popupService = popupService;
+        this.localization = localization;
+        /**
+         * @hidden
+         */
+        this.filterLabel = this.localization.get('filter');
+    }
+    Object.defineProperty(FilterMenuComponent.prototype, "hasFilters", {
+        get: function () {
+            return filtersByField(this.filter, (this.column || {}).field).length > 0;
+        },
+        enumerable: true,
+        configurable: true
+    });
+    FilterMenuComponent.prototype.toggle = function (anchor, template) {
+        this.popupRef = this.popupService.open(anchor, template, this.popupRef);
+        return false;
+    };
+    FilterMenuComponent.prototype.close = function () {
+        this.popupService.destroy();
+    };
+    tslib_1.__decorate([
+        Input(),
+        tslib_1.__metadata("design:type", ColumnComponent)
+    ], FilterMenuComponent.prototype, "column", void 0);
+    tslib_1.__decorate([
+        Input(),
+        tslib_1.__metadata("design:type", Object)
+    ], FilterMenuComponent.prototype, "filter", void 0);
+    FilterMenuComponent = tslib_1.__decorate([
+        Component({
+            selector: 'kendo-treelist-filter-menu',
+            template: "\n        <a #anchor\n            [ngClass]=\"{'k-grid-filter':true, 'k-state-active': hasFilters}\"\n            (click)=\"toggle(anchor, template)\"\n            href=\"#\"\n            [attr.title]=\"filterLabel\">\n            <span class=\"k-icon k-i-filter\"></span>\n        </a>\n        <ng-template #template>\n            <kendo-treelist-filter-menu-container\n                [column]=\"column\"\n                [filter]=\"filter\"\n                (close)=\"close()\"\n                >\n            </kendo-treelist-filter-menu-container>\n        </ng-template>\n    "
+        }),
+        tslib_1.__metadata("design:paramtypes", [FilterService,
+            SinglePopupService,
+            LocalizationService])
+    ], FilterMenuComponent);
+    return FilterMenuComponent;
+}());
+export { FilterMenuComponent };

package/dist/es/filtering/menu/filter-menu.module.js

@@ -0,0 +1,66 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import * as tslib_1 from "tslib";
+import { NgModule } from '@angular/core';
+import { FilterMenuComponent } from "./filter-menu.component";
+import { FilterMenuContainerComponent } from "./filter-menu-container.component";
+import { FilterMenuInputWrapperComponent } from "./filter-menu-input-wrapper.component";
+import { StringFilterMenuInputComponent } from "./string-filter-menu-input.component";
+import { StringFilterMenuComponent } from './string-filter-menu.component';
+import { SharedFilterModule } from '../shared-filtering.module';
+import { FilterMenuTemplateDirective } from './filter-menu-template.directive';
+import { NumericFilterMenuComponent } from './numeric-filter-menu.component';
+import { NumericFilterMenuInputComponent } from './numeric-filter-menu-input.component';
+import { FilterMenuHostDirective } from './filter-menu-host.directive';
+import { DateFilterMenuInputComponent } from './date-filter-menu-input.component';
+import { DateFilterMenuComponent } from './date-filter-menu.component';
+import { BooleanFilterMenuComponent } from './boolean-filter-menu.component';
+var INTERNAL_COMPONENTS = [
+    FilterMenuComponent,
+    FilterMenuContainerComponent,
+    FilterMenuInputWrapperComponent,
+    StringFilterMenuInputComponent,
+    StringFilterMenuComponent,
+    FilterMenuTemplateDirective,
+    NumericFilterMenuComponent,
+    NumericFilterMenuInputComponent,
+    DateFilterMenuInputComponent,
+    DateFilterMenuComponent,
+    FilterMenuHostDirective,
+    BooleanFilterMenuComponent
+];
+var ENTRY_COMPONENTS = [
+    StringFilterMenuComponent,
+    NumericFilterMenuComponent,
+    DateFilterMenuComponent,
+    BooleanFilterMenuComponent
+];
+/**
+ * @hidden
+ */
+var FilterMenuModule = /** @class */ (function () {
+    function FilterMenuModule() {
+    }
+    FilterMenuModule.exports = function () {
+        return [
+            StringFilterMenuComponent,
+            FilterMenuTemplateDirective,
+            NumericFilterMenuComponent,
+            DateFilterMenuComponent,
+            BooleanFilterMenuComponent,
+            SharedFilterModule.exports()
+        ];
+    };
+    FilterMenuModule = tslib_1.__decorate([
+        NgModule({
+            declarations: [INTERNAL_COMPONENTS],
+            entryComponents: ENTRY_COMPONENTS,
+            exports: [INTERNAL_COMPONENTS, SharedFilterModule],
+            imports: [SharedFilterModule]
+        })
+    ], FilterMenuModule);
+    return FilterMenuModule;
+}());
+export { FilterMenuModule };

package/dist/es/filtering/menu/numeric-filter-menu-input.component.js

@@ -0,0 +1,82 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import * as tslib_1 from "tslib";
+import { Component, Input } from '@angular/core';
+import { ColumnComponent } from "../../columns/column.component";
+import { FilterService } from '../filter.service';
+/**
+ * @hidden
+ */
+var NumericFilterMenuInputComponent = /** @class */ (function () {
+    function NumericFilterMenuInputComponent() {
+        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;
+    }
+    tslib_1.__decorate([
+        Input(),
+        tslib_1.__metadata("design:type", Array)
+    ], NumericFilterMenuInputComponent.prototype, "operators", void 0);
+    tslib_1.__decorate([
+        Input(),
+        tslib_1.__metadata("design:type", ColumnComponent)
+    ], NumericFilterMenuInputComponent.prototype, "column", void 0);
+    tslib_1.__decorate([
+        Input(),
+        tslib_1.__metadata("design:type", Object)
+    ], NumericFilterMenuInputComponent.prototype, "filter", void 0);
+    tslib_1.__decorate([
+        Input(),
+        tslib_1.__metadata("design:type", String)
+    ], NumericFilterMenuInputComponent.prototype, "operator", void 0);
+    tslib_1.__decorate([
+        Input(),
+        tslib_1.__metadata("design:type", Object)
+    ], NumericFilterMenuInputComponent.prototype, "currentFilter", void 0);
+    tslib_1.__decorate([
+        Input(),
+        tslib_1.__metadata("design:type", FilterService)
+    ], NumericFilterMenuInputComponent.prototype, "filterService", void 0);
+    tslib_1.__decorate([
+        Input(),
+        tslib_1.__metadata("design:type", Number)
+    ], NumericFilterMenuInputComponent.prototype, "step", void 0);
+    tslib_1.__decorate([
+        Input(),
+        tslib_1.__metadata("design:type", Number)
+    ], NumericFilterMenuInputComponent.prototype, "min", void 0);
+    tslib_1.__decorate([
+        Input(),
+        tslib_1.__metadata("design:type", Number)
+    ], NumericFilterMenuInputComponent.prototype, "max", void 0);
+    tslib_1.__decorate([
+        Input(),
+        tslib_1.__metadata("design:type", Boolean)
+    ], NumericFilterMenuInputComponent.prototype, "spinners", void 0);
+    tslib_1.__decorate([
+        Input(),
+        tslib_1.__metadata("design:type", Number)
+    ], NumericFilterMenuInputComponent.prototype, "decimals", void 0);
+    tslib_1.__decorate([
+        Input(),
+        tslib_1.__metadata("design:type", String)
+    ], NumericFilterMenuInputComponent.prototype, "format", void 0);
+    NumericFilterMenuInputComponent = tslib_1.__decorate([
+        Component({
+            selector: 'kendo-treelist-numeric-filter-menu-input',
+            template: "\n        <kendo-treelist-filter-menu-input-wrapper\n            [column]=\"column\"\n            [filter]=\"filter\"\n            [operators]=\"operators\"\n            [defaultOperator]=\"operator\"\n            [currentFilter]=\"currentFilter\"\n            [filterService]=\"filterService\"\n            >\n            <kendo-numerictextbox\n                kendoFilterInput\n                [filterDelay]=\"0\"\n                [autoCorrect]=\"true\"\n                [value]=\"currentFilter?.value\"\n                [format]=\"format\"\n                [decimals]=\"decimals\"\n                [spinners]=\"spinners\"\n                [min]=\"min\"\n                [max]=\"max\"\n                [step]=\"step\">\n            </kendo-numerictextbox>\n        </kendo-treelist-filter-menu-input-wrapper>\n    "
+        })
+    ], NumericFilterMenuInputComponent);
+    return NumericFilterMenuInputComponent;
+}());
+export { NumericFilterMenuInputComponent };

package/dist/es/filtering/menu/numeric-filter-menu.component.js

@@ -0,0 +1,106 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import * as tslib_1 from "tslib";
+import { Component, Input, HostBinding } from '@angular/core';
+import { ColumnComponent } from "../../columns/column.component";
+import { FilterService } from '../filter.service';
+import { LocalizationService } from '@progress/kendo-angular-l10n';
+import { NumericFilterComponent } from '../numeric-filter.component';
+import { setFilter, logicOperators } from '../base-filter-cell.component';
+/**
+ * Represents a numeric-filter menu component.
+ *
+ * @example
+ *  ```html-no-run
+ *      <kendo-treelist-column field="UnitPrice" title="Unit Price">
+ *          <ng-template kendoTreeListFilterMenuTemplate let-filter let-column="column" let-filterService="filterService">
+ *          <kendo-treelist-numeric-filter-menu
+ *              [column]="column"
+ *              [filter]="filter"
+ *              [filterService]="filterService"
+ *              >
+ *          </kendo-treelist-numeric-filter-menu>
+ *          </ng-template>
+ *      </kendo-treelist-column>
+ *   ```
+ */
+var NumericFilterMenuComponent = /** @class */ (function (_super) {
+    tslib_1.__extends(NumericFilterMenuComponent, _super);
+    function NumericFilterMenuComponent(localization) {
+        var _this = _super.call(this, null, localization) || this;
+        _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.
+         */
+        _this.extra = true;
+        return _this;
+    }
+    Object.defineProperty(NumericFilterMenuComponent.prototype, "hostClasses", {
+        /**
+         * @hidden
+         */
+        get: function () {
+            return false;
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(NumericFilterMenuComponent.prototype, "firstFilter", {
+        get: function () {
+            return setFilter(0, this.filter, (this.column || {}).field, this.operator);
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(NumericFilterMenuComponent.prototype, "secondFilter", {
+        get: function () {
+            return setFilter(1, this.filter, (this.column || {}).field, this.operator);
+        },
+        enumerable: true,
+        configurable: true
+    });
+    NumericFilterMenuComponent.prototype.logicChange = function (value) {
+        this.filter.logic = value;
+    };
+    NumericFilterMenuComponent.prototype.localizationChange = function () {
+        this.logicOperators = logicOperators(this.localization);
+        _super.prototype.localizationChange.call(this);
+    };
+    tslib_1.__decorate([
+        HostBinding('class.k-filtercell'),
+        tslib_1.__metadata("design:type", Boolean),
+        tslib_1.__metadata("design:paramtypes", [])
+    ], NumericFilterMenuComponent.prototype, "hostClasses", null);
+    tslib_1.__decorate([
+        Input(),
+        tslib_1.__metadata("design:type", ColumnComponent)
+    ], NumericFilterMenuComponent.prototype, "column", void 0);
+    tslib_1.__decorate([
+        Input(),
+        tslib_1.__metadata("design:type", Object)
+    ], NumericFilterMenuComponent.prototype, "filter", void 0);
+    tslib_1.__decorate([
+        Input(),
+        tslib_1.__metadata("design:type", Boolean)
+    ], NumericFilterMenuComponent.prototype, "extra", void 0);
+    tslib_1.__decorate([
+        Input(),
+        tslib_1.__metadata("design:type", FilterService)
+    ], NumericFilterMenuComponent.prototype, "filterService", void 0);
+    NumericFilterMenuComponent = tslib_1.__decorate([
+        Component({
+            selector: 'kendo-treelist-numeric-filter-menu',
+            template: "\n        <kendo-treelist-numeric-filter-menu-input\n            [currentFilter]=\"firstFilter\"\n            [operators]=\"operators\"\n            [filterService]=\"filterService\"\n            [column]=\"column\"\n            [filter]=\"filter\"\n            [format]=\"format\"\n            [decimals]=\"decimals\"\n            [spinners]=\"spinners\"\n            [min]=\"min\"\n            [max]=\"max\"\n            [step]=\"step\"\n            >\n        </kendo-treelist-numeric-filter-menu-input>\n        <kendo-dropdownlist\n            *ngIf=\"extra\"\n            class=\"k-filter-and\"\n            [data]=\"logicOperators\"\n            [valuePrimitive]=\"true\"\n            (valueChange)=\"logicChange($event)\"\n            [value]=\"filter?.logic\"\n            textField=\"text\"\n            valueField=\"value\">\n        </kendo-dropdownlist>\n        <kendo-treelist-numeric-filter-menu-input\n            *ngIf=\"extra\"\n            [operators]=\"operators\"\n            [currentFilter]=\"secondFilter\"\n            [filterService]=\"filterService\"\n            [column]=\"column\"\n            [filter]=\"filter\"\n            [format]=\"format\"\n            [decimals]=\"decimals\"\n            [spinners]=\"spinners\"\n            [min]=\"min\"\n            [max]=\"max\"\n            [step]=\"step\"\n            >\n        </kendo-treelist-numeric-filter-menu-input>\n    "
+        }),
+        tslib_1.__metadata("design:paramtypes", [LocalizationService])
+    ], NumericFilterMenuComponent);
+    return NumericFilterMenuComponent;
+}(NumericFilterComponent));
+export { NumericFilterMenuComponent };