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

package/dist/es/filtering/base-filter-cell.component.js

@@ -0,0 +1,172 @@
+/**-----------------------------------------------------------------------------------------
+* 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 { ContentChildren, QueryList, HostBinding } from '@angular/core';
+import { isCompositeFilterDescriptor } from '@progress/kendo-data-query';
+import { isPresent, observe } from '../utils';
+import { FilterOperatorBase, toJSON } from './operators/filter-operator.base';
+import { map } from 'rxjs/operators';
+var insertDefaultFilter = function (index, rootFilter, filter) {
+    rootFilter = (rootFilter || { filters: [], logic: "and" });
+    rootFilter.filters[index] = filter;
+    return filter;
+};
+var ɵ0 = insertDefaultFilter;
+/**
+ * @hidden
+ */
+export var setFilter = function (index, filter, field, defaultOperator) {
+    if (isPresent(filter) && isPresent(filter.filters) && filter.filters.length > index) {
+        return filter.filters[index];
+    }
+    else {
+        return insertDefaultFilter(index, filter, {
+            field: field,
+            operator: defaultOperator
+        });
+    }
+};
+/**
+ * @hidden
+ */
+export var logicOperators = function (localization) { return [
+    { text: localization.get("filterAndLogic"), value: "and" },
+    { text: localization.get("filterOrLogic"), value: "or" }
+]; };
+/**
+ * @hidden
+ */
+export var flatten = function (filter) {
+    if (isPresent(filter.filters)) {
+        return filter.filters.reduce(function (acc, curr) {
+            return acc.concat(isCompositeFilterDescriptor(curr) ? flatten(curr) : [curr]);
+        }, []);
+    }
+    return [];
+};
+var trimFilterByField = function (filter, field) {
+    if (isPresent(filter) && isPresent(filter.filters)) {
+        filter.filters = filter.filters.filter(function (x) {
+            if (isCompositeFilterDescriptor(x)) {
+                trimFilterByField(x, field);
+                return x.filters.length;
+            }
+            else {
+                return x.field !== field;
+            }
+        });
+    }
+};
+var ɵ1 = trimFilterByField;
+/**
+ * @hidden
+ */
+export var filtersByField = function (filter, field) {
+    return flatten(filter || {}).filter(function (x) { return x.field === field; });
+};
+/**
+ * @hidden
+ */
+export var filterByField = function (filter, field) {
+    var currentFilter = filtersByField(filter, field)[0];
+    return currentFilter;
+};
+/**
+ * @hidden
+ */
+export var removeFilter = function (filter, field) {
+    trimFilterByField(filter, field);
+    return filter;
+};
+/**
+ * @hidden
+ */
+export var localizeOperators = function (operators) { return function (localization) { return Object.keys(operators).map(function (key) { return ({
+    text: localization.get(key),
+    value: operators[key]
+}); }); }; };
+/**
+ * An abstract base class for the filter-cell component ([see example]({% slug reusablecustomfilters_treelist %}#toc-filter-row)).
+ */
+var BaseFilterCellComponent = /** @class */ (function () {
+    function BaseFilterCellComponent(filterService) {
+        this.filterService = filterService;
+        this.operatorList = new QueryList();
+    }
+    Object.defineProperty(BaseFilterCellComponent.prototype, "hostClasses", {
+        /**
+         * @hidden
+         */
+        get: function () {
+            return true;
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(BaseFilterCellComponent.prototype, "operators", {
+        get: function () {
+            return this._operators.length ? this._operators : this.defaultOperators;
+        },
+        set: function (values) {
+            this._operators = values;
+        },
+        enumerable: true,
+        configurable: true
+    });
+    /**
+     * @hidden
+     */
+    BaseFilterCellComponent.prototype.ngAfterContentInit = function () {
+        var _this = this;
+        this.operationListSubscription = observe(this.operatorList)
+            .pipe(map(function (q) { return q.toArray(); }), map(toJSON))
+            .subscribe(function (x) {
+            _this.operators = x;
+        });
+    };
+    BaseFilterCellComponent.prototype.ngOnDestroy = function () {
+        if (this.operationListSubscription) {
+            this.operationListSubscription.unsubscribe();
+        }
+    };
+    BaseFilterCellComponent.prototype.filterByField = function (field) {
+        return filterByField(this.filter, field);
+    };
+    BaseFilterCellComponent.prototype.filtersByField = function (field) {
+        return filtersByField(this.filter, field);
+    };
+    BaseFilterCellComponent.prototype.removeFilter = function (field) {
+        return removeFilter(this.filter, field);
+    };
+    BaseFilterCellComponent.prototype.updateFilter = function (filter) {
+        var root = this.filter || {
+            filters: [],
+            logic: "and"
+        };
+        var currentFilter = flatten(root).filter(function (x) { return x.field === filter.field; })[0];
+        if (!isPresent(currentFilter)) {
+            root.filters.push(filter);
+        }
+        else {
+            Object.assign(currentFilter, filter);
+        }
+        return root;
+    };
+    BaseFilterCellComponent.prototype.applyFilter = function (filter) {
+        this.filterService.filter(filter);
+    };
+    tslib_1.__decorate([
+        HostBinding('class.k-filtercell'),
+        tslib_1.__metadata("design:type", Boolean),
+        tslib_1.__metadata("design:paramtypes", [])
+    ], BaseFilterCellComponent.prototype, "hostClasses", null);
+    tslib_1.__decorate([
+        ContentChildren(FilterOperatorBase),
+        tslib_1.__metadata("design:type", QueryList)
+    ], BaseFilterCellComponent.prototype, "operatorList", void 0);
+    return BaseFilterCellComponent;
+}());
+export { BaseFilterCellComponent };
+export { ɵ0, ɵ1 };

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

@@ -0,0 +1,100 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+// tslint:disable:no-access-missing-member
+import * as tslib_1 from "tslib";
+import { Input, HostBinding } from '@angular/core';
+import { ColumnComponent } from '../columns/column.component';
+import { BaseFilterCellComponent } from './base-filter-cell.component';
+/**
+ * @hidden
+ */
+var BooleanFilterComponent = /** @class */ (function (_super) {
+    tslib_1.__extends(BooleanFilterComponent, _super);
+    function BooleanFilterComponent(filterService, localization) {
+        var _this = _super.call(this, filterService) || this;
+        _this.localization = localization;
+        /**
+         * @hidden
+         */
+        _this.operator = "eq";
+        /**
+         * @hidden
+         */
+        _this.items = [
+            { text: _this.localization.get("filterIsTrue"), value: true },
+            { text: _this.localization.get("filterIsFalse"), value: false }
+        ];
+        /**
+         * @hidden
+         */
+        _this.defaultItem = { text: _this.localization.get("filterBooleanAll"), value: null };
+        return _this;
+    }
+    Object.defineProperty(BooleanFilterComponent.prototype, "hostClasses", {
+        /**
+         * @hidden
+         */
+        get: function () {
+            return true;
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(BooleanFilterComponent.prototype, "currentFilter", {
+        /**
+         * The current filter for the associated column field.
+         * @readonly
+         * @type {FilterDescriptor}
+         */
+        get: function () {
+            return this.filterByField(this.column.field);
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(BooleanFilterComponent.prototype, "currentOperator", {
+        /**
+         * The current filter operator for the associated column field.
+         * @readonly
+         * @type {string}
+         */
+        get: function () {
+            return this.currentFilter ? this.currentFilter.operator : this.operator;
+        },
+        enumerable: true,
+        configurable: true
+    });
+    BooleanFilterComponent.prototype.ngOnInit = function () {
+        this.subscription = this.localization.changes.subscribe(this.localizationChange.bind(this));
+    };
+    BooleanFilterComponent.prototype.ngOnDestroy = function () {
+        if (this.subscription) {
+            this.subscription.unsubscribe();
+        }
+        _super.prototype.ngOnDestroy.call(this);
+    };
+    BooleanFilterComponent.prototype.localizationChange = function () {
+        this.items = [
+            { text: this.localization.get("filterIsTrue"), value: true },
+            { text: this.localization.get("filterIsFalse"), value: false }
+        ];
+        this.defaultItem = { text: this.localization.get("filterBooleanAll"), value: null };
+    };
+    tslib_1.__decorate([
+        HostBinding('class.k-filtercell-boolean'),
+        tslib_1.__metadata("design:type", Boolean),
+        tslib_1.__metadata("design:paramtypes", [])
+    ], BooleanFilterComponent.prototype, "hostClasses", null);
+    tslib_1.__decorate([
+        Input(),
+        tslib_1.__metadata("design:type", ColumnComponent)
+    ], BooleanFilterComponent.prototype, "column", void 0);
+    tslib_1.__decorate([
+        Input(),
+        tslib_1.__metadata("design:type", Object)
+    ], BooleanFilterComponent.prototype, "filter", void 0);
+    return BooleanFilterComponent;
+}(BaseFilterCellComponent));
+export { BooleanFilterComponent };

package/dist/es/filtering/cell/autocomplete-filter-cell.component.js

@@ -0,0 +1,94 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+// tslint:disable:no-access-missing-member
+import * as tslib_1 from "tslib";
+import { Component, Input } from '@angular/core';
+import { ColumnComponent } from '../../columns/column.component';
+import { FilterService } from '../filter.service';
+import { BaseFilterCellComponent, localizeOperators } from '../base-filter-cell.component';
+import { LocalizationService } from '@progress/kendo-angular-l10n';
+var stringOperators = localizeOperators({
+    "filterContainsOperator": "contains",
+    "filterNotContainsOperator": "doesnotcontain",
+    // tslint:disable-next-line:object-literal-sort-keys
+    "filterEqOperator": "eq",
+    "filterNotEqOperator": "neq",
+    "filterStartsWithOperator": "startswith",
+    "filterEndsWithOperator": "endswith",
+    "filterIsNullOperator": "isnull",
+    "filterIsNotNullOperator": "isnotnull",
+    "filterIsEmptyOperator": "isempty",
+    "filterIsNotEmptyOperator": "isnotempty"
+});
+/**
+ * @hidden
+ */
+var AutoCompleteFilterCellComponent = /** @class */ (function (_super) {
+    tslib_1.__extends(AutoCompleteFilterCellComponent, _super);
+    function AutoCompleteFilterCellComponent(filterService, column, localization) {
+        var _this = _super.call(this, filterService) || this;
+        _this.localization = localization;
+        _this.showOperators = true;
+        _this.defaultOperators = stringOperators(_this.localization);
+        _this.column = column;
+        return _this;
+    }
+    Object.defineProperty(AutoCompleteFilterCellComponent.prototype, "valueField", {
+        get: function () {
+            return this._valueField ? this._valueField : this.column.field;
+        },
+        set: function (value) {
+            this._valueField = value;
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(AutoCompleteFilterCellComponent.prototype, "currentFilter", {
+        get: function () {
+            return this.filterByField(this.column.field);
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(AutoCompleteFilterCellComponent.prototype, "currentOperator", {
+        get: function () {
+            return this.currentFilter ? this.currentFilter.operator : "contains";
+        },
+        enumerable: true,
+        configurable: true
+    });
+    tslib_1.__decorate([
+        Input(),
+        tslib_1.__metadata("design:type", Boolean)
+    ], AutoCompleteFilterCellComponent.prototype, "showOperators", void 0);
+    tslib_1.__decorate([
+        Input(),
+        tslib_1.__metadata("design:type", ColumnComponent)
+    ], AutoCompleteFilterCellComponent.prototype, "column", void 0);
+    tslib_1.__decorate([
+        Input(),
+        tslib_1.__metadata("design:type", Object)
+    ], AutoCompleteFilterCellComponent.prototype, "filter", void 0);
+    tslib_1.__decorate([
+        Input(),
+        tslib_1.__metadata("design:type", Array)
+    ], AutoCompleteFilterCellComponent.prototype, "data", void 0);
+    tslib_1.__decorate([
+        Input(),
+        tslib_1.__metadata("design:type", String),
+        tslib_1.__metadata("design:paramtypes", [String])
+    ], AutoCompleteFilterCellComponent.prototype, "valueField", null);
+    AutoCompleteFilterCellComponent = tslib_1.__decorate([
+        Component({
+            selector: 'kendo-treelist-autocomplete-filter-cell',
+            template: "\n        <kendo-treelist-filter-wrapper-cell\n            [column]=\"column\"\n            [filter]=\"filter\"\n            [operators]=\"operators\"\n            [showOperators]=\"showOperators\">\n            <kendo-autocomplete\n                kendoFilterInput\n                [data]=\"data\"\n                [valueField]=\"valueField\"\n                [value]=\"currentFilter?.value\">\n            </kendo-autocomplete>\n        </kendo-treelist-filter-wrapper-cell>\n    "
+        }),
+        tslib_1.__metadata("design:paramtypes", [FilterService,
+            ColumnComponent,
+            LocalizationService])
+    ], AutoCompleteFilterCellComponent);
+    return AutoCompleteFilterCellComponent;
+}(BaseFilterCellComponent));
+export { AutoCompleteFilterCellComponent };

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

@@ -0,0 +1,48 @@
+/**-----------------------------------------------------------------------------------------
+* 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, ChangeDetectorRef } from '@angular/core';
+import { FilterService } from '../filter.service';
+import { LocalizationService } from '@progress/kendo-angular-l10n';
+import { BooleanFilterComponent } from '../boolean-filter.component';
+/**
+ * Represents a Boolean filter-cell component.
+ *
+ * @example
+ *
+ *  ```html-no-run
+ *      <kendo-treelist-column field="ProductName" title="Product Name">
+ *          <ng-template kendoTreeListFilterCellTemplate let-filter let-column="column">
+ *          <kendo-treelist-boolean-filter-cell
+ *              [column]="column"
+ *              [filter]="filter">
+ *          </kendo-treelist-boolean-filter-cell>
+ *          </ng-template>
+ *      </kendo-treelist-column>
+ *   ```
+ */
+var BooleanFilterCellComponent = /** @class */ (function (_super) {
+    tslib_1.__extends(BooleanFilterCellComponent, _super);
+    function BooleanFilterCellComponent(filterService, localization, cd) {
+        var _this = _super.call(this, filterService, localization) || this;
+        _this.cd = cd;
+        return _this;
+    }
+    BooleanFilterCellComponent.prototype.localizationChange = function () {
+        _super.prototype.localizationChange.call(this);
+        this.cd.markForCheck();
+    };
+    BooleanFilterCellComponent = tslib_1.__decorate([
+        Component({
+            selector: 'kendo-treelist-boolean-filter-cell',
+            template: "\n        <kendo-treelist-filter-wrapper-cell\n            [column]=\"column\"\n            [filter]=\"filter\"\n            [showOperators]=\"false\"\n            [defaultOperator]=\"operator\">\n            <kendo-dropdownlist\n                kendoFilterInput\n                [defaultItem]=\"defaultItem\"\n                [data]=\"items\"\n                textField=\"text\"\n                valueField=\"value\"\n                [popupSettings]=\"{ width: 'auto' }\"\n                [valuePrimitive]=\"true\"\n                [value]=\"currentFilter?.value\">\n            </kendo-dropdownlist>\n        </kendo-treelist-filter-wrapper-cell>\n    "
+        }),
+        tslib_1.__metadata("design:paramtypes", [FilterService,
+            LocalizationService,
+            ChangeDetectorRef])
+    ], BooleanFilterCellComponent);
+    return BooleanFilterCellComponent;
+}(BooleanFilterComponent));
+export { BooleanFilterCellComponent };

package/dist/es/filtering/cell/date-filter-cell.component.js

@@ -0,0 +1,53 @@
+/**-----------------------------------------------------------------------------------------
+* 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 { LocalizationService } from '@progress/kendo-angular-l10n';
+import { DateFilterComponent } from '../date-filter.component';
+/**
+ * Represents a date-filter cell component.
+ *
+ * @example
+ *
+ *  ```html-no-run
+ *      <kendo-treelist-column field="OrderDate" title="Order Date">
+ *          <ng-template kendoTreeListFilterCellTemplate let-filter let-column="column">
+ *          <kendo-treelist-date-filter-cell
+ *              [showOperators]="false"
+ *              [column]="column"
+ *              [filter]="filter">
+ *          </kendo-treelist-date-filter-cell>
+ *          </ng-template>
+ *      </kendo-treelist-column>
+ *   ```
+ */
+var DateFilterCellComponent = /** @class */ (function (_super) {
+    tslib_1.__extends(DateFilterCellComponent, _super);
+    function DateFilterCellComponent(filterService, localization) {
+        var _this = _super.call(this, filterService, localization) || this;
+        _this.localization = localization;
+        /**
+         * Determines if the drop-down filter operators will be displayed. The default value is `true`.
+         * @type {boolean}
+         */
+        _this.showOperators = true;
+        return _this;
+    }
+    tslib_1.__decorate([
+        Input(),
+        tslib_1.__metadata("design:type", Boolean)
+    ], DateFilterCellComponent.prototype, "showOperators", void 0);
+    DateFilterCellComponent = tslib_1.__decorate([
+        Component({
+            selector: 'kendo-treelist-date-filter-cell',
+            template: "\n        <kendo-treelist-filter-wrapper-cell\n            [column]=\"column\"\n            [filter]=\"filter\"\n            [operators]=\"operators\"\n            [defaultOperator]=\"operator\"\n            [showOperators]=\"showOperators\"\n            >\n            <kendo-datepicker\n                kendoFilterInput\n                [value]=\"currentFilter?.value\"\n                [format]=\"format\"\n                [formatPlaceholder]=\"formatPlaceholder\"\n                [placeholder]=\"placeholder\"\n                [activeView]=\"activeView\"\n                [bottomView]=\"bottomView\"\n                [topView]=\"topView\"\n                [min]=\"min\"\n                [max]=\"max\"\n                [weekNumber]=\"weekNumber\"\n                >\n            </kendo-datepicker>\n        </kendo-treelist-filter-wrapper-cell>\n    "
+        }),
+        tslib_1.__metadata("design:paramtypes", [FilterService,
+            LocalizationService])
+    ], DateFilterCellComponent);
+    return DateFilterCellComponent;
+}(DateFilterComponent));
+export { DateFilterCellComponent };

package/dist/es/filtering/cell/filter-cell-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 { StringFilterCellComponent } from './string-filter-cell.component';
+import { NumericFilterCellComponent } from './numeric-filter-cell.component';
+import { BooleanFilterCellComponent } from './boolean-filter-cell.component';
+import { DateFilterCellComponent } from "./date-filter-cell.component";
+/**
+ * @hidden
+ *
+ * > List the following components in the TreeListModule as `entryComponents`.
+ */
+export var filterComponentFactory = function (type) { return ({
+    "boolean": BooleanFilterCellComponent,
+    "date": DateFilterCellComponent,
+    "numeric": NumericFilterCellComponent,
+    "text": StringFilterCellComponent
+}[type]); };

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

@@ -0,0 +1,34 @@
+/**-----------------------------------------------------------------------------------------
+* 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 } from "@angular/core";
+import { FilterHostDirective } from "../filter-host.directive";
+import { isNullOrEmptyString } from "../../utils";
+import { filterComponentFactory } from "./filter-cell-component.factory";
+import { StringFilterCellComponent } from "./string-filter-cell.component";
+/**
+ * @hidden
+ */
+var FilterCellHostDirective = /** @class */ (function (_super) {
+    tslib_1.__extends(FilterCellHostDirective, _super);
+    function FilterCellHostDirective(host, resolver) {
+        return _super.call(this, host, resolver) || this;
+    }
+    FilterCellHostDirective.prototype.componentType = function () {
+        if (!isNullOrEmptyString(this.column.filter)) {
+            return filterComponentFactory(this.column.filter);
+        }
+        return StringFilterCellComponent;
+    };
+    FilterCellHostDirective = tslib_1.__decorate([
+        Directive({
+            selector: '[kendoFilterCellHost]'
+        }),
+        tslib_1.__metadata("design:paramtypes", [ViewContainerRef,
+            ComponentFactoryResolver])
+    ], FilterCellHostDirective);
+    return FilterCellHostDirective;
+}(FilterHostDirective));
+export { FilterCellHostDirective };

package/dist/es/filtering/cell/filter-cell-operators.component.js

@@ -0,0 +1,126 @@
+/**-----------------------------------------------------------------------------------------
+* 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, EventEmitter, HostBinding, Input, Output, ViewChild } from '@angular/core';
+import { Keys } from '@progress/kendo-angular-common';
+import { DropDownListComponent } from '@progress/kendo-angular-dropdowns';
+import { LocalizationService } from '@progress/kendo-angular-l10n';
+/**
+ * Represents a component which accommodates the filter operators.
+ */
+var FilterCellOperatorsComponent = /** @class */ (function () {
+    function FilterCellOperatorsComponent(localization) {
+        this.localization = localization;
+        this.clearText = 'Clear';
+        /**
+         * The filter operators that will be displayed.
+         */
+        this.operators = [];
+        /**
+         * Determines if the list of operators will be displayed.
+         * @type {boolean}
+         */
+        this.showOperators = true;
+        /**
+         * Fires when the operator is selected.
+         * @type {EventEmitter<string>}
+         */
+        this.valueChange = new EventEmitter();
+        /**
+         * Fires when the **Clear** button is clicked.
+         * @type {EventEmitter<{}>}
+         */
+        this.clear = new EventEmitter();
+    }
+    Object.defineProperty(FilterCellOperatorsComponent.prototype, "hostClasses", {
+        /**
+         * @hidden
+         */
+        get: function () {
+            return true;
+        },
+        enumerable: true,
+        configurable: true
+    });
+    /**
+     * @hidden
+     */
+    FilterCellOperatorsComponent.prototype.onChange = function (dataItem) {
+        this.valueChange.emit(dataItem);
+    };
+    /**
+     * @hidden
+     */
+    FilterCellOperatorsComponent.prototype.clearClick = function () {
+        this.clear.emit();
+        return false;
+    };
+    /**
+     * @hidden
+     */
+    FilterCellOperatorsComponent.prototype.clearKeydown = function (args) {
+        if (args.keyCode === Keys.Enter || args.keyCode === Keys.Space) {
+            this.clear.emit();
+        }
+    };
+    /**
+     * @hidden
+     */
+    FilterCellOperatorsComponent.prototype.dropdownKeydown = function (args) {
+        if (args.defaultPrevented) {
+            return;
+        }
+        if (args.keyCode === Keys.Enter && !this.dropdown.isOpen) {
+            this.dropdown.toggle(true);
+            args.preventDefault();
+        }
+    };
+    FilterCellOperatorsComponent.prototype.ngOnInit = function () {
+        var _this = this;
+        this.localization.changes.subscribe(function () { return _this.clearText = _this.localization.get("filterClearButton"); });
+    };
+    tslib_1.__decorate([
+        HostBinding('class.k-filtercell-operator'),
+        tslib_1.__metadata("design:type", Boolean),
+        tslib_1.__metadata("design:paramtypes", [])
+    ], FilterCellOperatorsComponent.prototype, "hostClasses", null);
+    tslib_1.__decorate([
+        ViewChild('dropdown', { static: false }),
+        tslib_1.__metadata("design:type", DropDownListComponent)
+    ], FilterCellOperatorsComponent.prototype, "dropdown", void 0);
+    tslib_1.__decorate([
+        Input(),
+        tslib_1.__metadata("design:type", Array)
+    ], FilterCellOperatorsComponent.prototype, "operators", void 0);
+    tslib_1.__decorate([
+        Input(),
+        tslib_1.__metadata("design:type", Boolean)
+    ], FilterCellOperatorsComponent.prototype, "showButton", void 0);
+    tslib_1.__decorate([
+        Input(),
+        tslib_1.__metadata("design:type", Boolean)
+    ], FilterCellOperatorsComponent.prototype, "showOperators", void 0);
+    tslib_1.__decorate([
+        Input(),
+        tslib_1.__metadata("design:type", String)
+    ], FilterCellOperatorsComponent.prototype, "value", void 0);
+    tslib_1.__decorate([
+        Output(),
+        tslib_1.__metadata("design:type", EventEmitter)
+    ], FilterCellOperatorsComponent.prototype, "valueChange", void 0);
+    tslib_1.__decorate([
+        Output(),
+        tslib_1.__metadata("design:type", EventEmitter)
+    ], FilterCellOperatorsComponent.prototype, "clear", void 0);
+    FilterCellOperatorsComponent = tslib_1.__decorate([
+        Component({
+            selector: 'kendo-treelist-filter-cell-operators',
+            template: "\n        <kendo-dropdownlist\n            #dropdown\n            *ngIf=\"showOperators\"\n            kendoTreeListFocusable\n            [data]=\"operators\"\n            class=\"k-dropdown-operator\"\n            (valueChange)=\"onChange($event)\"\n            [value]=\"value\"\n            iconClass=\"k-i-filter\"\n            [valuePrimitive]=\"true\"\n            textField=\"text\"\n            [popupSettings]=\"{ width: 'auto' }\"\n            valueField=\"value\"\n            (keydown)=\"dropdownKeydown($event)\">\n        </kendo-dropdownlist>\n        <button type=\"button\"\n            kendoTreeListFocusable\n            [ngClass]=\"{'k-clear-button-visible': showButton}\"\n            class=\"k-button k-button-icon\"\n            [title]=\"clearText\"\n            (click)=\"clearClick()\"\n            (keydown)=\"clearKeydown($event)\">\n                <span class=\"k-icon k-i-filter-clear\"></span>\n        </button>\n    "
+        }),
+        tslib_1.__metadata("design:paramtypes", [LocalizationService])
+    ], FilterCellOperatorsComponent);
+    return FilterCellOperatorsComponent;
+}());
+export { FilterCellOperatorsComponent };