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

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

@@ -0,0 +1,175 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var core_1 = require("@angular/core");
+var kendo_data_query_1 = require("@progress/kendo-data-query");
+var utils_1 = require("../utils");
+var filter_operator_base_1 = require("./operators/filter-operator.base");
+var operators_1 = require("rxjs/operators");
+var insertDefaultFilter = function (index, rootFilter, filter) {
+    rootFilter = (rootFilter || { filters: [], logic: "and" });
+    rootFilter.filters[index] = filter;
+    return filter;
+};
+var ɵ0 = insertDefaultFilter;
+exports.ɵ0 = ɵ0;
+/**
+ * @hidden
+ */
+exports.setFilter = function (index, filter, field, defaultOperator) {
+    if (utils_1.isPresent(filter) && utils_1.isPresent(filter.filters) && filter.filters.length > index) {
+        return filter.filters[index];
+    }
+    else {
+        return insertDefaultFilter(index, filter, {
+            field: field,
+            operator: defaultOperator
+        });
+    }
+};
+/**
+ * @hidden
+ */
+exports.logicOperators = function (localization) { return [
+    { text: localization.get("filterAndLogic"), value: "and" },
+    { text: localization.get("filterOrLogic"), value: "or" }
+]; };
+/**
+ * @hidden
+ */
+exports.flatten = function (filter) {
+    if (utils_1.isPresent(filter.filters)) {
+        return filter.filters.reduce(function (acc, curr) {
+            return acc.concat(kendo_data_query_1.isCompositeFilterDescriptor(curr) ? exports.flatten(curr) : [curr]);
+        }, []);
+    }
+    return [];
+};
+var trimFilterByField = function (filter, field) {
+    if (utils_1.isPresent(filter) && utils_1.isPresent(filter.filters)) {
+        filter.filters = filter.filters.filter(function (x) {
+            if (kendo_data_query_1.isCompositeFilterDescriptor(x)) {
+                trimFilterByField(x, field);
+                return x.filters.length;
+            }
+            else {
+                return x.field !== field;
+            }
+        });
+    }
+};
+var ɵ1 = trimFilterByField;
+exports.ɵ1 = ɵ1;
+/**
+ * @hidden
+ */
+exports.filtersByField = function (filter, field) {
+    return exports.flatten(filter || {}).filter(function (x) { return x.field === field; });
+};
+/**
+ * @hidden
+ */
+exports.filterByField = function (filter, field) {
+    var currentFilter = exports.filtersByField(filter, field)[0];
+    return currentFilter;
+};
+/**
+ * @hidden
+ */
+exports.removeFilter = function (filter, field) {
+    trimFilterByField(filter, field);
+    return filter;
+};
+/**
+ * @hidden
+ */
+exports.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 core_1.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 = utils_1.observe(this.operatorList)
+            .pipe(operators_1.map(function (q) { return q.toArray(); }), operators_1.map(filter_operator_base_1.toJSON))
+            .subscribe(function (x) {
+            _this.operators = x;
+        });
+    };
+    BaseFilterCellComponent.prototype.ngOnDestroy = function () {
+        if (this.operationListSubscription) {
+            this.operationListSubscription.unsubscribe();
+        }
+    };
+    BaseFilterCellComponent.prototype.filterByField = function (field) {
+        return exports.filterByField(this.filter, field);
+    };
+    BaseFilterCellComponent.prototype.filtersByField = function (field) {
+        return exports.filtersByField(this.filter, field);
+    };
+    BaseFilterCellComponent.prototype.removeFilter = function (field) {
+        return exports.removeFilter(this.filter, field);
+    };
+    BaseFilterCellComponent.prototype.updateFilter = function (filter) {
+        var root = this.filter || {
+            filters: [],
+            logic: "and"
+        };
+        var currentFilter = exports.flatten(root).filter(function (x) { return x.field === filter.field; })[0];
+        if (!utils_1.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([
+        core_1.HostBinding('class.k-filtercell'),
+        tslib_1.__metadata("design:type", Boolean),
+        tslib_1.__metadata("design:paramtypes", [])
+    ], BaseFilterCellComponent.prototype, "hostClasses", null);
+    tslib_1.__decorate([
+        core_1.ContentChildren(filter_operator_base_1.FilterOperatorBase),
+        tslib_1.__metadata("design:type", core_1.QueryList)
+    ], BaseFilterCellComponent.prototype, "operatorList", void 0);
+    return BaseFilterCellComponent;
+}());
+exports.BaseFilterCellComponent = BaseFilterCellComponent;

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

@@ -0,0 +1,102 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+"use strict";
+// tslint:disable:no-access-missing-member
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var core_1 = require("@angular/core");
+var column_component_1 = require("../columns/column.component");
+var base_filter_cell_component_1 = require("./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([
+        core_1.HostBinding('class.k-filtercell-boolean'),
+        tslib_1.__metadata("design:type", Boolean),
+        tslib_1.__metadata("design:paramtypes", [])
+    ], BooleanFilterComponent.prototype, "hostClasses", null);
+    tslib_1.__decorate([
+        core_1.Input(),
+        tslib_1.__metadata("design:type", column_component_1.ColumnComponent)
+    ], BooleanFilterComponent.prototype, "column", void 0);
+    tslib_1.__decorate([
+        core_1.Input(),
+        tslib_1.__metadata("design:type", Object)
+    ], BooleanFilterComponent.prototype, "filter", void 0);
+    return BooleanFilterComponent;
+}(base_filter_cell_component_1.BaseFilterCellComponent));
+exports.BooleanFilterComponent = BooleanFilterComponent;

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

@@ -0,0 +1,96 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+"use strict";
+// tslint:disable:no-access-missing-member
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var core_1 = require("@angular/core");
+var column_component_1 = require("../../columns/column.component");
+var filter_service_1 = require("../filter.service");
+var base_filter_cell_component_1 = require("../base-filter-cell.component");
+var kendo_angular_l10n_1 = require("@progress/kendo-angular-l10n");
+var stringOperators = base_filter_cell_component_1.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([
+        core_1.Input(),
+        tslib_1.__metadata("design:type", Boolean)
+    ], AutoCompleteFilterCellComponent.prototype, "showOperators", void 0);
+    tslib_1.__decorate([
+        core_1.Input(),
+        tslib_1.__metadata("design:type", column_component_1.ColumnComponent)
+    ], AutoCompleteFilterCellComponent.prototype, "column", void 0);
+    tslib_1.__decorate([
+        core_1.Input(),
+        tslib_1.__metadata("design:type", Object)
+    ], AutoCompleteFilterCellComponent.prototype, "filter", void 0);
+    tslib_1.__decorate([
+        core_1.Input(),
+        tslib_1.__metadata("design:type", Array)
+    ], AutoCompleteFilterCellComponent.prototype, "data", void 0);
+    tslib_1.__decorate([
+        core_1.Input(),
+        tslib_1.__metadata("design:type", String),
+        tslib_1.__metadata("design:paramtypes", [String])
+    ], AutoCompleteFilterCellComponent.prototype, "valueField", null);
+    AutoCompleteFilterCellComponent = tslib_1.__decorate([
+        core_1.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", [filter_service_1.FilterService,
+            column_component_1.ColumnComponent,
+            kendo_angular_l10n_1.LocalizationService])
+    ], AutoCompleteFilterCellComponent);
+    return AutoCompleteFilterCellComponent;
+}(base_filter_cell_component_1.BaseFilterCellComponent));
+exports.AutoCompleteFilterCellComponent = AutoCompleteFilterCellComponent;

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

@@ -0,0 +1,50 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var core_1 = require("@angular/core");
+var filter_service_1 = require("../filter.service");
+var kendo_angular_l10n_1 = require("@progress/kendo-angular-l10n");
+var boolean_filter_component_1 = require("../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([
+        core_1.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", [filter_service_1.FilterService,
+            kendo_angular_l10n_1.LocalizationService,
+            core_1.ChangeDetectorRef])
+    ], BooleanFilterCellComponent);
+    return BooleanFilterCellComponent;
+}(boolean_filter_component_1.BooleanFilterComponent));
+exports.BooleanFilterCellComponent = BooleanFilterCellComponent;

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

@@ -0,0 +1,55 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var core_1 = require("@angular/core");
+var filter_service_1 = require("../filter.service");
+var kendo_angular_l10n_1 = require("@progress/kendo-angular-l10n");
+var date_filter_component_1 = require("../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([
+        core_1.Input(),
+        tslib_1.__metadata("design:type", Boolean)
+    ], DateFilterCellComponent.prototype, "showOperators", void 0);
+    DateFilterCellComponent = tslib_1.__decorate([
+        core_1.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", [filter_service_1.FilterService,
+            kendo_angular_l10n_1.LocalizationService])
+    ], DateFilterCellComponent);
+    return DateFilterCellComponent;
+}(date_filter_component_1.DateFilterComponent));
+exports.DateFilterCellComponent = DateFilterCellComponent;

package/dist/npm/filtering/cell/filter-cell-component.factory.js

@@ -0,0 +1,21 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var string_filter_cell_component_1 = require("./string-filter-cell.component");
+var numeric_filter_cell_component_1 = require("./numeric-filter-cell.component");
+var boolean_filter_cell_component_1 = require("./boolean-filter-cell.component");
+var date_filter_cell_component_1 = require("./date-filter-cell.component");
+/**
+ * @hidden
+ *
+ * > List the following components in the TreeListModule as `entryComponents`.
+ */
+exports.filterComponentFactory = function (type) { return ({
+    "boolean": boolean_filter_cell_component_1.BooleanFilterCellComponent,
+    "date": date_filter_cell_component_1.DateFilterCellComponent,
+    "numeric": numeric_filter_cell_component_1.NumericFilterCellComponent,
+    "text": string_filter_cell_component_1.StringFilterCellComponent
+}[type]); };

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

@@ -0,0 +1,36 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var core_1 = require("@angular/core");
+var filter_host_directive_1 = require("../filter-host.directive");
+var utils_1 = require("../../utils");
+var filter_cell_component_factory_1 = require("./filter-cell-component.factory");
+var string_filter_cell_component_1 = require("./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 (!utils_1.isNullOrEmptyString(this.column.filter)) {
+            return filter_cell_component_factory_1.filterComponentFactory(this.column.filter);
+        }
+        return string_filter_cell_component_1.StringFilterCellComponent;
+    };
+    FilterCellHostDirective = tslib_1.__decorate([
+        core_1.Directive({
+            selector: '[kendoFilterCellHost]'
+        }),
+        tslib_1.__metadata("design:paramtypes", [core_1.ViewContainerRef,
+            core_1.ComponentFactoryResolver])
+    ], FilterCellHostDirective);
+    return FilterCellHostDirective;
+}(filter_host_directive_1.FilterHostDirective));
+exports.FilterCellHostDirective = FilterCellHostDirective;

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

@@ -0,0 +1,128 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var core_1 = require("@angular/core");
+var kendo_angular_common_1 = require("@progress/kendo-angular-common");
+var kendo_angular_dropdowns_1 = require("@progress/kendo-angular-dropdowns");
+var kendo_angular_l10n_1 = require("@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 core_1.EventEmitter();
+        /**
+         * Fires when the **Clear** button is clicked.
+         * @type {EventEmitter<{}>}
+         */
+        this.clear = new core_1.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 === kendo_angular_common_1.Keys.Enter || args.keyCode === kendo_angular_common_1.Keys.Space) {
+            this.clear.emit();
+        }
+    };
+    /**
+     * @hidden
+     */
+    FilterCellOperatorsComponent.prototype.dropdownKeydown = function (args) {
+        if (args.defaultPrevented) {
+            return;
+        }
+        if (args.keyCode === kendo_angular_common_1.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([
+        core_1.HostBinding('class.k-filtercell-operator'),
+        tslib_1.__metadata("design:type", Boolean),
+        tslib_1.__metadata("design:paramtypes", [])
+    ], FilterCellOperatorsComponent.prototype, "hostClasses", null);
+    tslib_1.__decorate([
+        core_1.ViewChild('dropdown', { static: false }),
+        tslib_1.__metadata("design:type", kendo_angular_dropdowns_1.DropDownListComponent)
+    ], FilterCellOperatorsComponent.prototype, "dropdown", void 0);
+    tslib_1.__decorate([
+        core_1.Input(),
+        tslib_1.__metadata("design:type", Array)
+    ], FilterCellOperatorsComponent.prototype, "operators", void 0);
+    tslib_1.__decorate([
+        core_1.Input(),
+        tslib_1.__metadata("design:type", Boolean)
+    ], FilterCellOperatorsComponent.prototype, "showButton", void 0);
+    tslib_1.__decorate([
+        core_1.Input(),
+        tslib_1.__metadata("design:type", Boolean)
+    ], FilterCellOperatorsComponent.prototype, "showOperators", void 0);
+    tslib_1.__decorate([
+        core_1.Input(),
+        tslib_1.__metadata("design:type", String)
+    ], FilterCellOperatorsComponent.prototype, "value", void 0);
+    tslib_1.__decorate([
+        core_1.Output(),
+        tslib_1.__metadata("design:type", core_1.EventEmitter)
+    ], FilterCellOperatorsComponent.prototype, "valueChange", void 0);
+    tslib_1.__decorate([
+        core_1.Output(),
+        tslib_1.__metadata("design:type", core_1.EventEmitter)
+    ], FilterCellOperatorsComponent.prototype, "clear", void 0);
+    FilterCellOperatorsComponent = tslib_1.__decorate([
+        core_1.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", [kendo_angular_l10n_1.LocalizationService])
+    ], FilterCellOperatorsComponent);
+    return FilterCellOperatorsComponent;
+}());
+exports.FilterCellOperatorsComponent = FilterCellOperatorsComponent;