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

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

@@ -0,0 +1,143 @@
+/**-----------------------------------------------------------------------------------------
+* 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 { Input, ContentChild } from "@angular/core";
+import { ColumnComponent } from "../columns/column.component";
+import { FilterInputDirective } from "./filter-input.directive";
+import { isPresent, isNullOrEmptyString, isBlank, isChanged } from "../utils";
+import { BaseFilterCellComponent } from "./base-filter-cell.component";
+var EMPTY_VALUE_OPERATORS = new Set(['isnull', 'isnotnull', 'isempty', 'isnotempty']);
+var isEmptyValueOperator = function (operator) { return EMPTY_VALUE_OPERATORS.has(operator); };
+var ɵ0 = isEmptyValueOperator;
+/**
+ * @hidden
+ */
+var FilterInputWrapperComponent = /** @class */ (function (_super) {
+    tslib_1.__extends(FilterInputWrapperComponent, _super);
+    function FilterInputWrapperComponent(filterService) {
+        var _this = _super.call(this, filterService) || this;
+        _this.operators = [];
+        return _this;
+    }
+    Object.defineProperty(FilterInputWrapperComponent.prototype, "currentFilter", {
+        get: function () {
+            return this.filterByField(this.column.field);
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(FilterInputWrapperComponent.prototype, "currentOperator", {
+        get: function () {
+            var filter = this.currentFilter;
+            if (!this._operator) {
+                this._operator = filter ? filter.operator : this.defaultOperator;
+            }
+            return this._operator;
+        },
+        set: function (value) {
+            this._operator = value;
+            var emptyValueOperator = isEmptyValueOperator(value);
+            this.filterInputDisabled = emptyValueOperator;
+            if (emptyValueOperator) {
+                this.applyNoValueFilter(value);
+            }
+            else if (!isBlank(value) && isPresent(this.currentFilter)) {
+                this.onChange(this.currentFilter.value);
+            }
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(FilterInputWrapperComponent.prototype, "defaultOperator", {
+        get: function () {
+            if (!isNullOrEmptyString(this._defaultOperator)) {
+                return this._defaultOperator;
+            }
+            else if (this.operators && this.operators.length) {
+                return this.operators[0].value;
+            }
+            return "eq";
+        },
+        set: function (value) {
+            this._defaultOperator = value;
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(FilterInputWrapperComponent.prototype, "filterInputDisabled", {
+        set: function (disabled) {
+            if (!this.input) {
+                return;
+            }
+            this.input.disabled = disabled;
+        },
+        enumerable: true,
+        configurable: true
+    });
+    FilterInputWrapperComponent.prototype.ngAfterContentInit = function () {
+        if (isPresent(this.input)) {
+            this.changeSubscription = this.input.change.subscribe(this.onChange.bind(this));
+            this.filterInputDisabled = isEmptyValueOperator(this.currentOperator);
+        }
+    };
+    FilterInputWrapperComponent.prototype.ngOnDestroy = function () {
+        _super.prototype.ngOnDestroy.call(this);
+        if (this.changeSubscription) {
+            this.changeSubscription.unsubscribe();
+        }
+    };
+    FilterInputWrapperComponent.prototype.onChange = function (value) {
+        if (!isNullOrEmptyString(value) || this.filterByField(this.column.field)) {
+            this.filterChange(isNullOrEmptyString(value) ?
+                this.removeFilter(this.column.field) :
+                this.updateFilter({
+                    field: this.column.field,
+                    operator: this.currentOperator,
+                    value: value
+                }));
+        }
+    };
+    FilterInputWrapperComponent.prototype.onClear = function () {
+        this.onChange(null);
+        this.filterInputDisabled = isEmptyValueOperator(this.defaultOperator);
+    };
+    FilterInputWrapperComponent.prototype.applyNoValueFilter = function (operator) {
+        this.filterChange(this.updateFilter({
+            field: this.column.field,
+            operator: operator,
+            value: null
+        }));
+    };
+    FilterInputWrapperComponent.prototype.ngOnChanges = function (changes) {
+        if (isChanged("filter", changes, false)) {
+            this._operator = null;
+            this.filterInputDisabled = isEmptyValueOperator(this.currentOperator);
+        }
+    };
+    tslib_1.__decorate([
+        Input(),
+        tslib_1.__metadata("design:type", Array)
+    ], FilterInputWrapperComponent.prototype, "operators", void 0);
+    tslib_1.__decorate([
+        Input(),
+        tslib_1.__metadata("design:type", ColumnComponent)
+    ], FilterInputWrapperComponent.prototype, "column", void 0);
+    tslib_1.__decorate([
+        Input(),
+        tslib_1.__metadata("design:type", Object)
+    ], FilterInputWrapperComponent.prototype, "filter", void 0);
+    tslib_1.__decorate([
+        ContentChild(FilterInputDirective, { static: false }),
+        tslib_1.__metadata("design:type", FilterInputDirective)
+    ], FilterInputWrapperComponent.prototype, "input", void 0);
+    tslib_1.__decorate([
+        Input(),
+        tslib_1.__metadata("design:type", String),
+        tslib_1.__metadata("design:paramtypes", [String])
+    ], FilterInputWrapperComponent.prototype, "defaultOperator", null);
+    return FilterInputWrapperComponent;
+}(BaseFilterCellComponent));
+export { FilterInputWrapperComponent };
+export { ɵ0 };

package/dist/es/filtering/filter-input.directive.js

@@ -0,0 +1,95 @@
+/**-----------------------------------------------------------------------------------------
+* 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, ElementRef, EventEmitter, Inject, Input, NgZone, Renderer2, Self } from '@angular/core';
+import { NG_VALUE_ACCESSOR } from '@angular/forms';
+import { debounceTime, filter } from 'rxjs/operators';
+import { Subject } from 'rxjs';
+import { isChanged } from '../utils';
+/**
+ * @hidden
+ */
+var FilterInputDirective = /** @class */ (function () {
+    function FilterInputDirective(valueAccessors, ngZone, element, renderer) {
+        var _this = this;
+        this.change = new EventEmitter();
+        this.composing = false;
+        this.filterDelay = 500;
+        this.changeRequests = new Subject();
+        this.accessor = valueAccessors[0];
+        ngZone.runOutsideAngular(function () {
+            var unsubscribeStart = renderer.listen(element.nativeElement, 'compositionstart', function () { return _this.composing = true; });
+            var unsubscribeEnd = renderer.listen(element.nativeElement, 'compositionend', function () { return _this.composing = false; });
+            _this.unsubscribeEvents = function () {
+                unsubscribeStart();
+                unsubscribeEnd();
+            };
+        });
+    }
+    Object.defineProperty(FilterInputDirective.prototype, "value", {
+        set: function (value) {
+            this.accessor.writeValue(value);
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(FilterInputDirective.prototype, "disabled", {
+        set: function (value) {
+            this.accessor.setDisabledState(value);
+        },
+        enumerable: true,
+        configurable: true
+    });
+    FilterInputDirective.prototype.ngAfterViewInit = function () {
+        var _this = this;
+        this.accessor.registerOnChange(function (x) {
+            return _this.filterDelay > 0 ?
+                _this.changeRequests.next(x) :
+                _this.change.emit(x);
+        });
+        this.subscribeChanges();
+    };
+    FilterInputDirective.prototype.ngOnChanges = function (changes) {
+        if (isChanged('filterDelay', changes)) {
+            this.unsubscribeChanges();
+            this.subscribeChanges();
+        }
+    };
+    FilterInputDirective.prototype.ngOnDestroy = function () {
+        this.unsubscribeChanges();
+        this.unsubscribeEvents();
+    };
+    FilterInputDirective.prototype.subscribeChanges = function () {
+        var _this = this;
+        this.changeRequestsSubscription = this.changeRequests
+            .pipe(debounceTime(this.filterDelay), filter(function () { return !_this.composing; }))
+            .subscribe(function (x) { return _this.change.emit(x); });
+    };
+    FilterInputDirective.prototype.unsubscribeChanges = function () {
+        if (this.changeRequestsSubscription) {
+            this.changeRequestsSubscription.unsubscribe();
+        }
+    };
+    tslib_1.__decorate([
+        Input(),
+        tslib_1.__metadata("design:type", Number)
+    ], FilterInputDirective.prototype, "filterDelay", void 0);
+    tslib_1.__decorate([
+        Input(),
+        tslib_1.__metadata("design:type", String),
+        tslib_1.__metadata("design:paramtypes", [String])
+    ], FilterInputDirective.prototype, "value", null);
+    FilterInputDirective = tslib_1.__decorate([
+        Directive({
+            selector: '[kendoFilterInput]'
+        }),
+        tslib_1.__param(0, Self()), tslib_1.__param(0, Inject(NG_VALUE_ACCESSOR)),
+        tslib_1.__metadata("design:paramtypes", [Array, NgZone,
+            ElementRef,
+            Renderer2])
+    ], FilterInputDirective);
+    return FilterInputDirective;
+}());
+export { FilterInputDirective };

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

@@ -0,0 +1,47 @@
+/**-----------------------------------------------------------------------------------------
+* 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 { LocalizationService } from '@progress/kendo-angular-l10n';
+/**
+ * @hidden
+ */
+var FilterRowComponent = /** @class */ (function () {
+    function FilterRowComponent(localization) {
+        this.localization = localization;
+        this.columns = [];
+        this.filterRowClass = true;
+        this.filterLabel = this.localization.get('filter');
+    }
+    tslib_1.__decorate([
+        Input(),
+        tslib_1.__metadata("design:type", Array)
+    ], FilterRowComponent.prototype, "columns", void 0);
+    tslib_1.__decorate([
+        Input(),
+        tslib_1.__metadata("design:type", Object)
+    ], FilterRowComponent.prototype, "filter", void 0);
+    tslib_1.__decorate([
+        Input(),
+        tslib_1.__metadata("design:type", Number)
+    ], FilterRowComponent.prototype, "logicalRowIndex", void 0);
+    tslib_1.__decorate([
+        Input(),
+        tslib_1.__metadata("design:type", Number)
+    ], FilterRowComponent.prototype, "lockedColumnsCount", void 0);
+    tslib_1.__decorate([
+        HostBinding('class.k-filter-row'),
+        tslib_1.__metadata("design:type", Boolean)
+    ], FilterRowComponent.prototype, "filterRowClass", void 0);
+    FilterRowComponent = tslib_1.__decorate([
+        Component({
+            selector: '[kendoTreeListFilterRow]',
+            template: "\n      <td *ngFor=\"let column of columns; let columnIndex = index\"\n          [attr.aria-label]=\"filterLabel\"\n          kendoTreeListFilterCell\n            [column]=\"column\"\n            [filter]=\"filter\"\n          kendoTreeListLogicalCell\n            [logicalRowIndex]=\"logicalRowIndex\"\n            [logicalColIndex]=\"lockedColumnsCount + columnIndex\"\n            [column]=\"column\"\n            [colIndex]=\"columnIndex\"\n      ></td>\n    "
+        }),
+        tslib_1.__metadata("design:paramtypes", [LocalizationService])
+    ], FilterRowComponent);
+    return FilterRowComponent;
+}());
+export { FilterRowComponent };

package/dist/es/filtering/filter.service.js

@@ -0,0 +1,27 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { Subject } from 'rxjs';
+/**
+ * Represents a service to set the filter descriptor
+ * ([see example]({% slug reusablecustomfilters_treelist %})).
+ */
+var FilterService = /** @class */ (function () {
+    function FilterService() {
+        /**
+         * Fires when the filter descriptors is set.
+         */
+        this.changes = new Subject();
+    }
+    /**
+     * Sets the filter descriptor.
+     *
+     * @param {CompositeFilterDescriptor} value - The filter descriptor that will be set.
+     */
+    FilterService.prototype.filter = function (value) {
+        this.changes.next(value);
+    };
+    return FilterService;
+}());
+export { FilterService };

package/dist/es/filtering/filterable.js

@@ -0,0 +1,20 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+/**
+ * @hidden
+ */
+export var isFilterable = function (settings) { return settings !== false; };
+/**
+ * @hidden
+ */
+export var hasFilterMenu = function (settings) {
+    return typeof settings === 'string' && settings.indexOf('menu') > -1;
+};
+/**
+ * @hidden
+ */
+export var hasFilterRow = function (settings) {
+    return settings === true || (typeof settings === 'string' && settings.indexOf('row') > -1);
+};

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

@@ -0,0 +1,97 @@
+/**-----------------------------------------------------------------------------------------
+* 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 { FilterService } from '../filter.service';
+import { LocalizationService } from '@progress/kendo-angular-l10n';
+import { BooleanFilterComponent } from '../boolean-filter.component';
+import { guid } from '@progress/kendo-angular-common';
+/**
+ * Represents a Boolean-filter menu component.
+ *
+ * @example
+ *  ```html-no-run
+ *      <kendo-treelist-column field="Discontinued" title="Discontinued">
+ *          <ng-template kendoTreeListFilterMenuTemplate let-filter let-column="column" let-filterService="filterService">
+ *            <kendo-treelist-boolean-filter-menu
+ *                [column]="column"
+ *                [filter]="filter"
+ *                [filterService]="filterService"
+ *                >
+ *            </kendo-treelist-boolean-filter-menu>
+ *          </ng-template>
+ *      </kendo-treelist-column>
+ *   ```
+ */
+var BooleanFilterMenuComponent = /** @class */ (function (_super) {
+    tslib_1.__extends(BooleanFilterMenuComponent, _super);
+    function BooleanFilterMenuComponent(localization) {
+        var _this = _super.call(this, null, localization) || this;
+        /**
+         * The current menu filter.
+         * @type {CompositeFilterDescriptor}
+         */
+        _this.filter = { filters: [], logic: "and" };
+        _this.idPrefix = guid();
+        return _this;
+    }
+    Object.defineProperty(BooleanFilterMenuComponent.prototype, "hostClasses", {
+        /**
+         * @hidden
+         */
+        get: function () {
+            return false;
+        },
+        enumerable: true,
+        configurable: true
+    });
+    /**
+     * @hidden
+     */
+    BooleanFilterMenuComponent.prototype.radioId = function (value) {
+        return this.idPrefix + "_" + value;
+    };
+    /**
+     * @hidden
+     */
+    BooleanFilterMenuComponent.prototype.onChange = function (value) {
+        this.applyFilter(this.updateFilter({
+            field: this.column.field,
+            operator: "eq",
+            value: value
+        }));
+    };
+    /**
+     * @hidden
+     */
+    BooleanFilterMenuComponent.prototype.isSelected = function (radioValue) {
+        return this.filtersByField(this.column.field).some(function (_a) {
+            var value = _a.value;
+            return value === radioValue;
+        });
+    };
+    tslib_1.__decorate([
+        HostBinding('class.k-filtercell'),
+        tslib_1.__metadata("design:type", Boolean),
+        tslib_1.__metadata("design:paramtypes", [])
+    ], BooleanFilterMenuComponent.prototype, "hostClasses", null);
+    tslib_1.__decorate([
+        Input(),
+        tslib_1.__metadata("design:type", Object)
+    ], BooleanFilterMenuComponent.prototype, "filter", void 0);
+    tslib_1.__decorate([
+        Input(),
+        tslib_1.__metadata("design:type", FilterService)
+    ], BooleanFilterMenuComponent.prototype, "filterService", void 0);
+    BooleanFilterMenuComponent = tslib_1.__decorate([
+        Component({
+            selector: 'kendo-treelist-boolean-filter-menu',
+            template: "\n        <ul class=\"k-radio-list k-reset\">\n            <li *ngFor=\"let item of items\">\n                <input type=\"radio\"\n                    [name]=\"idPrefix\"\n                    class=\"k-radio\"\n                    [checked]=\"isSelected(item.value)\"\n                    [attr.id]=\"radioId(item.value)\"\n                    (change)=\"onChange(item.value)\"\n                />\n                <label class=\"k-radio-label\" [attr.for]=\"radioId(item.value)\">{{item.text}}</label>\n            </li>\n        </ul>\n    "
+        }),
+        tslib_1.__metadata("design:paramtypes", [LocalizationService])
+    ], BooleanFilterMenuComponent);
+    return BooleanFilterMenuComponent;
+}(BooleanFilterComponent));
+export { BooleanFilterMenuComponent };

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

@@ -0,0 +1,98 @@
+/**-----------------------------------------------------------------------------------------
+* 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';
+import { SinglePopupService } from '../../common/single-popup.service';
+import { filter } from 'rxjs/operators';
+/**
+ * @hidden
+ */
+var DateFilterMenuInputComponent = /** @class */ (function () {
+    function DateFilterMenuInputComponent(popupService) {
+        this.popupService = popupService;
+        this.operators = [];
+    }
+    DateFilterMenuInputComponent.prototype.open = function (picker) {
+        this.subscription = this.popupService.onClose
+            .pipe(filter(function () { return picker.isActive; }))
+            .subscribe(function (e) { return e.preventDefault(); });
+    };
+    DateFilterMenuInputComponent.prototype.ngOnDestroy = function () {
+        if (this.subscription) {
+            this.subscription.unsubscribe();
+        }
+    };
+    tslib_1.__decorate([
+        Input(),
+        tslib_1.__metadata("design:type", Array)
+    ], DateFilterMenuInputComponent.prototype, "operators", void 0);
+    tslib_1.__decorate([
+        Input(),
+        tslib_1.__metadata("design:type", ColumnComponent)
+    ], DateFilterMenuInputComponent.prototype, "column", void 0);
+    tslib_1.__decorate([
+        Input(),
+        tslib_1.__metadata("design:type", Object)
+    ], DateFilterMenuInputComponent.prototype, "filter", void 0);
+    tslib_1.__decorate([
+        Input(),
+        tslib_1.__metadata("design:type", String)
+    ], DateFilterMenuInputComponent.prototype, "operator", void 0);
+    tslib_1.__decorate([
+        Input(),
+        tslib_1.__metadata("design:type", Object)
+    ], DateFilterMenuInputComponent.prototype, "currentFilter", void 0);
+    tslib_1.__decorate([
+        Input(),
+        tslib_1.__metadata("design:type", FilterService)
+    ], DateFilterMenuInputComponent.prototype, "filterService", void 0);
+    tslib_1.__decorate([
+        Input(),
+        tslib_1.__metadata("design:type", String)
+    ], DateFilterMenuInputComponent.prototype, "format", void 0);
+    tslib_1.__decorate([
+        Input(),
+        tslib_1.__metadata("design:type", Object)
+    ], DateFilterMenuInputComponent.prototype, "formatPlaceholder", void 0);
+    tslib_1.__decorate([
+        Input(),
+        tslib_1.__metadata("design:type", String)
+    ], DateFilterMenuInputComponent.prototype, "placeholder", void 0);
+    tslib_1.__decorate([
+        Input(),
+        tslib_1.__metadata("design:type", Date)
+    ], DateFilterMenuInputComponent.prototype, "min", void 0);
+    tslib_1.__decorate([
+        Input(),
+        tslib_1.__metadata("design:type", Date)
+    ], DateFilterMenuInputComponent.prototype, "max", void 0);
+    tslib_1.__decorate([
+        Input(),
+        tslib_1.__metadata("design:type", String)
+    ], DateFilterMenuInputComponent.prototype, "activeView", void 0);
+    tslib_1.__decorate([
+        Input(),
+        tslib_1.__metadata("design:type", String)
+    ], DateFilterMenuInputComponent.prototype, "bottomView", void 0);
+    tslib_1.__decorate([
+        Input(),
+        tslib_1.__metadata("design:type", String)
+    ], DateFilterMenuInputComponent.prototype, "topView", void 0);
+    tslib_1.__decorate([
+        Input(),
+        tslib_1.__metadata("design:type", Boolean)
+    ], DateFilterMenuInputComponent.prototype, "weekNumber", void 0);
+    DateFilterMenuInputComponent = tslib_1.__decorate([
+        Component({
+            selector: 'kendo-treelist-date-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-datepicker\n                #picker\n                kendoFilterInput\n                [filterDelay]=\"0\"\n                (open)=\"open(picker)\"\n                [value]=\"currentFilter?.value\"\n                [placeholder]=\"placeholder\"\n                [formatPlaceholder]=\"formatPlaceholder\"\n                [format]=\"format\"\n                [min]=\"min\"\n                [max]=\"max\"\n                [activeView]=\"activeView\"\n                [bottomView]=\"bottomView\"\n                [topView]=\"topView\"\n                [weekNumber]=\"weekNumber\"\n                >\n            </kendo-datepicker>\n        </kendo-treelist-filter-menu-input-wrapper>\n    "
+        }),
+        tslib_1.__metadata("design:paramtypes", [SinglePopupService])
+    ], DateFilterMenuInputComponent);
+    return DateFilterMenuInputComponent;
+}());
+export { DateFilterMenuInputComponent };

package/dist/es/filtering/menu/date-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 { DateFilterComponent } from '../date-filter.component';
+import { setFilter, logicOperators } from '../base-filter-cell.component';
+/**
+ * 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>
+ *   ```
+ */
+var DateFilterMenuComponent = /** @class */ (function (_super) {
+    tslib_1.__extends(DateFilterMenuComponent, _super);
+    function DateFilterMenuComponent(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 be displayed.
+         */
+        _this.extra = true;
+        return _this;
+    }
+    Object.defineProperty(DateFilterMenuComponent.prototype, "hostClasses", {
+        /**
+         * @hidden
+         */
+        get: function () {
+            return false;
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(DateFilterMenuComponent.prototype, "firstFilter", {
+        get: function () {
+            return setFilter(0, this.filter, (this.column || {}).field, this.operator);
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(DateFilterMenuComponent.prototype, "secondFilter", {
+        get: function () {
+            return setFilter(1, this.filter, (this.column || {}).field, this.operator);
+        },
+        enumerable: true,
+        configurable: true
+    });
+    DateFilterMenuComponent.prototype.logicChange = function (value) {
+        this.filter.logic = value;
+    };
+    DateFilterMenuComponent.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", [])
+    ], DateFilterMenuComponent.prototype, "hostClasses", null);
+    tslib_1.__decorate([
+        Input(),
+        tslib_1.__metadata("design:type", ColumnComponent)
+    ], DateFilterMenuComponent.prototype, "column", void 0);
+    tslib_1.__decorate([
+        Input(),
+        tslib_1.__metadata("design:type", Object)
+    ], DateFilterMenuComponent.prototype, "filter", void 0);
+    tslib_1.__decorate([
+        Input(),
+        tslib_1.__metadata("design:type", Boolean)
+    ], DateFilterMenuComponent.prototype, "extra", void 0);
+    tslib_1.__decorate([
+        Input(),
+        tslib_1.__metadata("design:type", FilterService)
+    ], DateFilterMenuComponent.prototype, "filterService", void 0);
+    DateFilterMenuComponent = tslib_1.__decorate([
+        Component({
+            selector: 'kendo-treelist-date-filter-menu',
+            template: "\n        <kendo-treelist-date-filter-menu-input\n            [currentFilter]=\"firstFilter\"\n            [operators]=\"operators\"\n            [filterService]=\"filterService\"\n            [column]=\"column\"\n            [filter]=\"filter\"\n            [activeView]=\"activeView\"\n            [bottomView]=\"bottomView\"\n            [topView]=\"topView\"\n            [format]=\"format\"\n            [formatPlaceholder]=\"formatPlaceholder\"\n            [placeholder]=\"placeholder\"\n            [min]=\"min\"\n            [max]=\"max\"\n            [weekNumber]=\"weekNumber\"\n            >\n        </kendo-treelist-date-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-date-filter-menu-input\n            *ngIf=\"extra\"\n            [operators]=\"operators\"\n            [currentFilter]=\"secondFilter\"\n            [filterService]=\"filterService\"\n            [column]=\"column\"\n            [filter]=\"filter\"\n            [activeView]=\"activeView\"\n            [bottomView]=\"bottomView\"\n            [topView]=\"topView\"\n            [format]=\"format\"\n            [formatPlaceholder]=\"formatPlaceholder\"\n            [placeholder]=\"placeholder\"\n            [min]=\"min\"\n            [max]=\"max\"\n            [weekNumber]=\"weekNumber\"\n            >\n        </kendo-treelist-date-filter-menu-input>\n    "
+        }),
+        tslib_1.__metadata("design:paramtypes", [LocalizationService])
+    ], DateFilterMenuComponent);
+    return DateFilterMenuComponent;
+}(DateFilterComponent));
+export { DateFilterMenuComponent };

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

@@ -0,0 +1,19 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { StringFilterMenuComponent } from './string-filter-menu.component';
+import { NumericFilterMenuComponent } from './numeric-filter-menu.component';
+import { DateFilterMenuComponent } from './date-filter-menu.component';
+import { BooleanFilterMenuComponent } from './boolean-filter-menu.component';
+/**
+ * @hidden
+ *
+ * > List the following components as `entryComponents` in the TreeListModule.
+ */
+export var filterMenuComponentFactory = function (type) { return ({
+    "boolean": BooleanFilterMenuComponent,
+    "date": DateFilterMenuComponent,
+    "numeric": NumericFilterMenuComponent,
+    "text": StringFilterMenuComponent
+}[type]); };