@progress/kendo-angular-filter 0.1.7 → 1.0.0-next.202204010908

package/dist/npm/aria-label.directive.js

@@ -1,32 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* 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");
-/**
- * @hidden
- */
-var AriaLabelValueDirective = /** @class */ (function () {
-    function AriaLabelValueDirective(hostElement, renderer) {
-        this.hostElement = hostElement;
-        this.renderer = renderer;
-    }
-    AriaLabelValueDirective.prototype.ngOnChanges = function () {
-        var target = this.hostElement.nativeElement.querySelector('input') || this.hostElement.nativeElement;
-        this.renderer.setAttribute(target, 'aria-label', this.ariaLabel);
-    };
-    tslib_1.__decorate([
-        core_1.Input('kendoAriaLabelValue'),
-        tslib_1.__metadata("design:type", String)
-    ], AriaLabelValueDirective.prototype, "ariaLabel", void 0);
-    AriaLabelValueDirective = tslib_1.__decorate([
-        core_1.Directive({ selector: '[kendoAriaLabelValue]' }),
-        tslib_1.__metadata("design:paramtypes", [core_1.ElementRef,
-            core_1.Renderer2])
-    ], AriaLabelValueDirective);
-    return AriaLabelValueDirective;
-}());
-exports.AriaLabelValueDirective = AriaLabelValueDirective;

package/dist/npm/editors/boolean-editor.component.js

@@ -1,63 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* 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_l10n_1 = require("@progress/kendo-angular-l10n");
-/**
- * @hidden
- */
-var FilterBooleanEditorComponent = /** @class */ (function () {
-    function FilterBooleanEditorComponent(localization, cdr) {
-        this.localization = localization;
-        this.cdr = cdr;
-        this.valueChange = new core_1.EventEmitter();
-        this.items = this.getValueItems();
-        this.defaultItem = this.getDefaultItem();
-    }
-    FilterBooleanEditorComponent.prototype.ngOnInit = function () {
-        var _this = this;
-        this.localizationSubscription = this.localization.changes.subscribe(function () {
-            _this.defaultItem = _this.getDefaultItem();
-            _this.items = _this.getValueItems();
-            _this.cdr.detectChanges();
-        });
-    };
-    FilterBooleanEditorComponent.prototype.getDefaultItem = function () {
-        return { text: this.localization.get("filterBooleanAll"), value: null };
-    };
-    FilterBooleanEditorComponent.prototype.getValueItems = function () {
-        return [
-            { text: this.localization.get("filterIsTrue"), value: true },
-            { text: this.localization.get("filterIsFalse"), value: false }
-        ];
-    };
-    FilterBooleanEditorComponent.prototype.ngOnDestroy = function () {
-        if (this.localizationSubscription) {
-            this.localizationSubscription.unsubscribe();
-        }
-    };
-    FilterBooleanEditorComponent.prototype.messageFor = function (key) {
-        return this.localization.get(key);
-    };
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", Object)
-    ], FilterBooleanEditorComponent.prototype, "currentItem", void 0);
-    tslib_1.__decorate([
-        core_1.Output(),
-        tslib_1.__metadata("design:type", core_1.EventEmitter)
-    ], FilterBooleanEditorComponent.prototype, "valueChange", void 0);
-    FilterBooleanEditorComponent = tslib_1.__decorate([
-        core_1.Component({
-            selector: 'kendo-filter-boolean-editor',
-            template: "\n    <kendo-dropdownlist\n        [kendoAriaLabelValue]=\"messageFor('filterValueAriaLabel')\"\n        class=\"k-filter-toolbar-item k-filter-value\"\n        [(value)]=\"currentItem.value\"\n        (valueChange)=\"valueChange.emit()\"\n        [data]=\"items\"\n        [defaultItem]=\"defaultItem\"\n        [valuePrimitive]=\"true\"\n        textField=\"text\"\n        valueField=\"value\"\n        >\n    </kendo-dropdownlist>\n  "
-        }),
-        tslib_1.__metadata("design:paramtypes", [kendo_angular_l10n_1.LocalizationService, core_1.ChangeDetectorRef])
-    ], FilterBooleanEditorComponent);
-    return FilterBooleanEditorComponent;
-}());
-exports.FilterBooleanEditorComponent = FilterBooleanEditorComponent;

package/dist/npm/editors/date-editor.component.js

@@ -1,47 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* 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_l10n_1 = require("@progress/kendo-angular-l10n");
-var filter_service_1 = require("../filter.service");
-/**
- * @hidden
- */
-var FilterDateEditorComponent = /** @class */ (function () {
-    function FilterDateEditorComponent(localization, filterService) {
-        this.localization = localization;
-        this.filterService = filterService;
-        this.valueChange = new core_1.EventEmitter();
-    }
-    FilterDateEditorComponent.prototype.messageFor = function (key) {
-        return this.localization.get(key);
-    };
-    FilterDateEditorComponent.prototype.isDisabled = function () {
-        var isDisabled = this.filterService.isEditorDisabled;
-        if (isDisabled) {
-            this.currentItem.value = null;
-        }
-        return isDisabled;
-    };
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", Object)
-    ], FilterDateEditorComponent.prototype, "currentItem", void 0);
-    tslib_1.__decorate([
-        core_1.Output(),
-        tslib_1.__metadata("design:type", core_1.EventEmitter)
-    ], FilterDateEditorComponent.prototype, "valueChange", void 0);
-    FilterDateEditorComponent = tslib_1.__decorate([
-        core_1.Component({
-            selector: 'kendo-filter-date-editor',
-            template: "\n        <kendo-datepicker\n            [kendoAriaLabelValue]=\"messageFor('filterValueAriaLabel')\"\n            class=\"k-filter-toolbar-item k-filter-value\"\n            [(value)]=\"currentItem.value\"\n            (valueChange)=\"valueChange.emit()\"\n            [disabled]=\"isDisabled()\">\n            <kendo-datepicker-messages\n                [toggle]=\"messageFor('editorDateToggleText')\"\n                [today]=\"messageFor('editorDateTodayText')\">\n            </kendo-datepicker-messages>\n        </kendo-datepicker>\n  "
-        }),
-        tslib_1.__metadata("design:paramtypes", [kendo_angular_l10n_1.LocalizationService, filter_service_1.FilterService])
-    ], FilterDateEditorComponent);
-    return FilterDateEditorComponent;
-}());
-exports.FilterDateEditorComponent = FilterDateEditorComponent;

package/dist/npm/editors/numeric-editor.component.js

@@ -1,47 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* 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_l10n_1 = require("@progress/kendo-angular-l10n");
-var filter_service_1 = require("../filter.service");
-/**
- * @hidden
- */
-var FilterNumericEditorComponent = /** @class */ (function () {
-    function FilterNumericEditorComponent(localization, filterService) {
-        this.localization = localization;
-        this.filterService = filterService;
-        this.valueChange = new core_1.EventEmitter();
-    }
-    FilterNumericEditorComponent.prototype.messageFor = function (key) {
-        return this.localization.get(key);
-    };
-    FilterNumericEditorComponent.prototype.isDisabled = function () {
-        var isDisabled = this.filterService.isEditorDisabled;
-        if (isDisabled) {
-            this.currentItem.value = null;
-        }
-        return isDisabled;
-    };
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", Object)
-    ], FilterNumericEditorComponent.prototype, "currentItem", void 0);
-    tslib_1.__decorate([
-        core_1.Output(),
-        tslib_1.__metadata("design:type", core_1.EventEmitter)
-    ], FilterNumericEditorComponent.prototype, "valueChange", void 0);
-    FilterNumericEditorComponent = tslib_1.__decorate([
-        core_1.Component({
-            selector: 'kendo-filter-numeric-editor',
-            template: "\n        <kendo-numerictextbox\n            [kendoAriaLabelValue]=\"messageFor('filterValueAriaLabel')\"\n            class=\"k-filter-toolbar-item k-filter-value\"\n            [(value)]=\"currentItem.value\"\n            (valueChange)=\"valueChange.emit()\"\n            [disabled]=\"isDisabled()\">\n            <kendo-numerictextbox-messages\n                [increment]=\"messageFor('editorNumericIncrement')\"\n                [decrement]=\"messageFor('editorNumericDecrement')\">\n            </kendo-numerictextbox-messages>\n        </kendo-numerictextbox>\n  "
-        }),
-        tslib_1.__metadata("design:paramtypes", [kendo_angular_l10n_1.LocalizationService, filter_service_1.FilterService])
-    ], FilterNumericEditorComponent);
-    return FilterNumericEditorComponent;
-}());
-exports.FilterNumericEditorComponent = FilterNumericEditorComponent;

package/dist/npm/editors/text-editor.component.js

@@ -1,47 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* 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_l10n_1 = require("@progress/kendo-angular-l10n");
-var filter_service_1 = require("../filter.service");
-/**
- * @hidden
- */
-var FilterTextEditorComponent = /** @class */ (function () {
-    function FilterTextEditorComponent(localization, filterService) {
-        this.localization = localization;
-        this.filterService = filterService;
-        this.valueChange = new core_1.EventEmitter();
-    }
-    FilterTextEditorComponent.prototype.isDisabled = function () {
-        var isDisabled = this.filterService.isEditorDisabled;
-        if (isDisabled) {
-            this.currentItem.value = null;
-        }
-        return isDisabled;
-    };
-    FilterTextEditorComponent.prototype.messageFor = function (key) {
-        return this.localization.get(key);
-    };
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", Object)
-    ], FilterTextEditorComponent.prototype, "currentItem", void 0);
-    tslib_1.__decorate([
-        core_1.Output(),
-        tslib_1.__metadata("design:type", core_1.EventEmitter)
-    ], FilterTextEditorComponent.prototype, "valueChange", void 0);
-    FilterTextEditorComponent = tslib_1.__decorate([
-        core_1.Component({
-            selector: 'kendo-filter-text-editor',
-            template: "\n        <kendo-textbox\n            [kendoAriaLabelValue]=\"messageFor('filterValueAriaLabel')\"\n            class=\"k-filter-toolbar-item k-filter-value\"\n            [(value)]=\"currentItem.value\"\n            (valueChange)=\"valueChange.emit()\"\n            [disabled]=\"isDisabled()\">\n        </kendo-textbox>\n  "
-        }),
-        tslib_1.__metadata("design:paramtypes", [kendo_angular_l10n_1.LocalizationService, filter_service_1.FilterService])
-    ], FilterTextEditorComponent);
-    return FilterTextEditorComponent;
-}());
-exports.FilterTextEditorComponent = FilterTextEditorComponent;

package/dist/npm/filter-expression-operators.component.js

@@ -1,50 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* 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_l10n_1 = require("@progress/kendo-angular-l10n");
-var filter_service_1 = require("./filter.service");
-var util_1 = require("./util");
-/**
- * @hidden
- */
-var FilterExpressionOperatorsComponent = /** @class */ (function () {
-    function FilterExpressionOperatorsComponent(filterService, localization) {
-        this.filterService = filterService;
-        this.localization = localization;
-        this.valueChange = new core_1.EventEmitter();
-        this.operators = [];
-    }
-    FilterExpressionOperatorsComponent.prototype.messageFor = function (key) {
-        return this.localization.get(key);
-    };
-    FilterExpressionOperatorsComponent.prototype.operatorValueChange = function (value) {
-        this.valueChange.emit();
-        this.filterService.isEditorDisabled = util_1.nullOperators.indexOf(value) >= 0;
-    };
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", Object)
-    ], FilterExpressionOperatorsComponent.prototype, "currentItem", void 0);
-    tslib_1.__decorate([
-        core_1.Output(),
-        tslib_1.__metadata("design:type", core_1.EventEmitter)
-    ], FilterExpressionOperatorsComponent.prototype, "valueChange", void 0);
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", Array)
-    ], FilterExpressionOperatorsComponent.prototype, "operators", void 0);
-    FilterExpressionOperatorsComponent = tslib_1.__decorate([
-        core_1.Component({
-            selector: 'kendo-filter-expression-operators',
-            template: "\n        <kendo-dropdownlist\n            [kendoAriaLabelValue]=\"messageFor('filterOperatorAriaLabel')\"\n            [data]=\"operators\"\n            [title]=\"messageFor('filterExpressionOperators')\"\n            [(value)]=\"currentItem.operator\"\n            (valueChange)=\"operatorValueChange($event)\"\n            [valuePrimitive]=\"true\"\n            textField=\"text\"\n            valueField=\"value\"\n            >\n        </kendo-dropdownlist>\n  "
-        }),
-        tslib_1.__metadata("design:paramtypes", [filter_service_1.FilterService, kendo_angular_l10n_1.LocalizationService])
-    ], FilterExpressionOperatorsComponent);
-    return FilterExpressionOperatorsComponent;
-}());
-exports.FilterExpressionOperatorsComponent = FilterExpressionOperatorsComponent;

package/dist/npm/filter-expression.component.js

@@ -1,138 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* 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_l10n_1 = require("@progress/kendo-angular-l10n");
-var filter_service_1 = require("./filter.service");
-var util_1 = require("./util");
-/**
- * @hidden
- */
-var FilterExpressionComponent = /** @class */ (function () {
-    function FilterExpressionComponent(filterService, localization, cdr) {
-        this.filterService = filterService;
-        this.localization = localization;
-        this.cdr = cdr;
-        this.valueChange = new core_1.EventEmitter();
-        this.operators = [];
-        this.filters = [];
-        this.isBoolean = false;
-        this.isEditorDisabled = false;
-    }
-    FilterExpressionComponent.prototype.ngOnInit = function () {
-        var _this = this;
-        this.filters = this.filterService.filters;
-        var foundFilter = this.getFilterExpressionByField(this.currentItem.field);
-        if (this.currentItem.field) {
-            this.setOperators(foundFilter);
-        }
-        var defaultFilter = this.getFilterExpressionByField(this.filterService.filters[0].field);
-        if (!this.currentItem.field) {
-            this.currentItem.field = this.filterService.filters[0].field;
-            this.setOperators(defaultFilter);
-        }
-        this.localizationSubscription = this.localization.changes.subscribe(function () {
-            _this.setOperators(foundFilter || defaultFilter);
-            _this.cdr.detectChanges();
-        });
-    };
-    FilterExpressionComponent.prototype.ngOnDestroy = function () {
-        if (this.localizationSubscription) {
-            this.localizationSubscription.unsubscribe();
-        }
-    };
-    FilterExpressionComponent.prototype.normalizeOperators = function (filterEditor, operators) {
-        var result = [];
-        for (var j = 0; j < operators.length; j++) {
-            if (util_1.isFilterEditor(filterEditor)) {
-                result.push({
-                    value: operators[j],
-                    text: this.localization.get(util_1.getKeyByValue(util_1.defaultOperators[filterEditor], operators[j]))
-                });
-            }
-        }
-        return result;
-    };
-    FilterExpressionComponent.prototype.messageFor = function (key) {
-        return this.localization.get(key);
-    };
-    FilterExpressionComponent.prototype.getFilterExpressionByField = function (name) {
-        var foundFilter = this.filterService.filters.find(function (filter) { return filter.field === name; });
-        if (foundFilter) {
-            return foundFilter;
-        }
-        return null;
-    };
-    FilterExpressionComponent.prototype.filterValueChange = function (value) {
-        this.currentItem.value = null;
-        this.currentItem.field = value;
-        var foundFilter = this.getFilterExpressionByField(this.currentItem.field);
-        this.setOperators(foundFilter);
-        this.valueChange.emit();
-    };
-    FilterExpressionComponent.prototype.getDefaultOperators = function (operatorsType) {
-        switch (operatorsType) {
-            case 'string':
-                return util_1.localizeOperators(util_1.defaultStringOperators)(this.localization);
-            case 'number':
-                return util_1.localizeOperators(util_1.defaultNumericOperators)(this.localization);
-            case 'date':
-                return util_1.localizeOperators(util_1.defaultDateOperators)(this.localization);
-            default:
-                break;
-        }
-    };
-    FilterExpressionComponent.prototype.getEditorType = function () {
-        var _this = this;
-        var item = this.filterService.filters.find(function (filterExpression) { return filterExpression.field === _this.currentItem.field; });
-        return item.editor;
-    };
-    FilterExpressionComponent.prototype.removeFilterExpression = function () {
-        this.filterService.remove(this.currentItem, this.index);
-        this.valueChange.emit();
-    };
-    FilterExpressionComponent.prototype.setOperators = function (filter) {
-        this.isBoolean = filter.editor === 'boolean';
-        if (this.isBoolean) {
-            return;
-        }
-        if (filter.operators) {
-            var localizedOperators = this.normalizeOperators(filter.editor, filter.operators);
-            this.operators = localizedOperators;
-            if (!this.currentItem.operator) {
-                this.currentItem.operator = localizedOperators[0].value;
-            }
-        }
-        else {
-            this.operators = this.getDefaultOperators(filter.editor);
-            if (!this.currentItem.operator) {
-                this.currentItem.operator = this.operators[0].value;
-            }
-        }
-    };
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", Number)
-    ], FilterExpressionComponent.prototype, "index", void 0);
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", Object)
-    ], FilterExpressionComponent.prototype, "currentItem", void 0);
-    tslib_1.__decorate([
-        core_1.Output(),
-        tslib_1.__metadata("design:type", core_1.EventEmitter)
-    ], FilterExpressionComponent.prototype, "valueChange", void 0);
-    FilterExpressionComponent = tslib_1.__decorate([
-        core_1.Component({
-            selector: 'kendo-filter-expression',
-            template: "\n        <div class=\"k-filter-toolbar\" role=\"group\" [attr.aria-label]=\"messageFor('filterAriaLabel')\">\n            <div class=\"k-toolbar\">\n                <div class=\"k-filter-toolbar-item k-filter-field\">\n                    <kendo-dropdownlist\n                        [kendoAriaLabelValue]=\"messageFor('filterFieldAriaLabel')\"\n                        [title]=\"messageFor('filterExpressionFilters')\"\n                        [data]=\"filters\"\n                        textField=\"title\"\n                        valueField=\"field\"\n                        [value]=\"currentItem.field\"\n                        [valuePrimitive]=\"true\"\n                        (valueChange)=\"filterValueChange($event)\">\n                    </kendo-dropdownlist>\n                </div>\n                <div *ngIf=\"!isBoolean\" class=\"k-filter-toolbar-item k-filter-operator\">\n                    <kendo-filter-expression-operators\n                        [currentItem]=\"currentItem\"\n                        [operators]=\"operators\"\n                        (valueChange)=\"valueChange.emit();\">\n                    </kendo-filter-expression-operators>\n                </div>\n\n                <ng-container [ngSwitch]=\"getEditorType()\">\n                    <kendo-filter-text-editor *ngSwitchCase=\"'string'\" [currentItem]=\"currentItem\" (valueChange)=\"valueChange.emit()\"></kendo-filter-text-editor>\n                    <kendo-filter-numeric-editor *ngSwitchCase=\"'number'\" [currentItem]=\"currentItem\" (valueChange)=\"valueChange.emit()\"></kendo-filter-numeric-editor>\n                    <kendo-filter-boolean-editor *ngSwitchCase=\"'boolean'\" [currentItem]=\"currentItem\" (valueChange)=\"valueChange.emit()\"></kendo-filter-boolean-editor>\n                    <kendo-filter-date-editor *ngSwitchCase=\"'date'\" [currentItem]=\"currentItem\" (valueChange)=\"valueChange.emit()\"></kendo-filter-date-editor>\n                </ng-container>\n\n                <div class=\"k-filter-toolbar-item\">\n                    <button\n                        kendoButton\n                        icon=\"close\"\n                        fillMode=\"flat\"\n                        [title]=\"messageFor('remove')\"\n                        (click)=\"removeFilterExpression()\">\n                    </button>\n                </div>\n            </div>\n        </div>\n  "
-        }),
-        tslib_1.__metadata("design:paramtypes", [filter_service_1.FilterService, kendo_angular_l10n_1.LocalizationService, core_1.ChangeDetectorRef])
-    ], FilterExpressionComponent);
-    return FilterExpressionComponent;
-}());
-exports.FilterExpressionComponent = FilterExpressionComponent;

package/dist/npm/filter-group.component.js

@@ -1,86 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* 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_l10n_1 = require("@progress/kendo-angular-l10n");
-var filter_service_1 = require("./filter.service");
-var util_1 = require("./util");
-/**
- * @hidden
- */
-var FilterGroupComponent = /** @class */ (function () {
-    function FilterGroupComponent(filterService, localization, cdr) {
-        this.filterService = filterService;
-        this.localization = localization;
-        this.cdr = cdr;
-        this.index = 0;
-        this.currentItem = {
-            logic: 'or',
-            filters: []
-        };
-        this.valueChange = new core_1.EventEmitter();
-        this.operators = [];
-    }
-    FilterGroupComponent.prototype.ngOnInit = function () {
-        var _this = this;
-        this.operators = this.getLogicOperators();
-        this.localizationSubscription = this.localization.changes.subscribe(function () {
-            _this.operators = _this.getLogicOperators();
-            _this.cdr.detectChanges();
-        });
-    };
-    FilterGroupComponent.prototype.ngOnDestroy = function () {
-        if (this.localizationSubscription) {
-            this.localizationSubscription.unsubscribe();
-        }
-    };
-    FilterGroupComponent.prototype.getLogicOperators = function () {
-        return util_1.localizeOperators(util_1.logicOperators)(this.localization);
-    };
-    FilterGroupComponent.prototype.messageFor = function (key) {
-        return this.localization.get(key);
-    };
-    FilterGroupComponent.prototype.selectedChange = function (logicOperator) {
-        if (this.currentItem.logic !== logicOperator) {
-            this.currentItem.logic = logicOperator;
-            this.valueChange.emit();
-        }
-    };
-    FilterGroupComponent.prototype.addFilterExpression = function () {
-        this.filterService.addFilterExpression(this.currentItem);
-        this.valueChange.emit();
-    };
-    FilterGroupComponent.prototype.addFilterGroup = function () {
-        this.filterService.addFilterGroup(this.currentItem);
-        this.valueChange.emit();
-    };
-    FilterGroupComponent.prototype.removeFilterGroup = function () {
-        this.filterService.remove(this.currentItem, this.index);
-        this.valueChange.emit();
-    };
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", Number)
-    ], FilterGroupComponent.prototype, "index", void 0);
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", Object)
-    ], FilterGroupComponent.prototype, "currentItem", void 0);
-    tslib_1.__decorate([
-        core_1.Output(),
-        tslib_1.__metadata("design:type", core_1.EventEmitter)
-    ], FilterGroupComponent.prototype, "valueChange", void 0);
-    FilterGroupComponent = tslib_1.__decorate([
-        core_1.Component({
-            selector: 'kendo-filter-group',
-            template: "\n        <div class=\"k-filter-toolbar\" role=\"toolbar\" [attr.aria-label]=\"messageFor('filterToolbarAriaLabel')\">\n          <div class=\"k-toolbar\">\n            <div class=\"k-filter-toolbar-item\">\n              <div class=\"k-widget k-button-group\" role=\"group\">\n              <button\n                    *ngFor=\"let operator of operators\"\n                    kendoButton\n                    [ngClass]=\"{'k-group-start': operator.value === 'and', 'k-group-end': operator.value === 'or'}\"\n                    [selected]=\"currentItem.logic === operator.value\"\n                    [title]=\"operator.text\"\n                    (click)=\"selectedChange(operator.value)\"\n                    >\n                    {{operator.text}}\n                  </button>\n              </div>\n            </div>\n          <div class=\"k-filter-toolbar-item\">\n            <button\n                kendoButton\n                [title]=\"messageFor('addFilter')\"\n                icon=\"filter-add-expression\"\n                (click)=\"addFilterExpression()\">\n                {{messageFor('addFilter')}}\n            </button>\n          </div>\n          <div class=\"k-filter-toolbar-item\">\n            <button\n                kendoButton\n                [title]=\"messageFor('addGroup')\"\n                icon=\"filter-add-group\"\n                (click)=\"addFilterGroup()\">\n                {{messageFor('addGroup')}}\n            </button>\n          </div>\n          <div class=\"k-filter-toolbar-item\">\n            <button\n                kendoButton\n                icon=\"close\"\n                fillMode=\"flat\"\n                [title]=\"messageFor('remove')\"\n                (click)=\"removeFilterGroup()\">\n            </button>\n          </div>\n        </div>\n      </div>\n\n      <ul class=\"k-filter-lines\" *ngIf=\"currentItem.filters\">\n        <ng-container *ngFor=\"let item of currentItem.filters; let i = index;\">\n          <li class=\"k-filter-item\" *ngIf=\"!item.filters\">\n            <kendo-filter-expression (valueChange)=\"valueChange.emit()\" [currentItem]=\"item\" [index]=\"i\">\n            </kendo-filter-expression>\n          </li>\n          <li class=\"k-filter-item\" *ngIf=\"item.filters\" >\n            <kendo-filter-group\n                (valueChange)=\"valueChange.emit()\"\n                [currentItem]=\"item\"\n                [index]=\"i\"\n                >\n            </kendo-filter-group>\n          </li>\n        </ng-container>\n      </ul>\n  "
-        }),
-        tslib_1.__metadata("design:paramtypes", [filter_service_1.FilterService, kendo_angular_l10n_1.LocalizationService, core_1.ChangeDetectorRef])
-    ], FilterGroupComponent);
-    return FilterGroupComponent;
-}());
-exports.FilterGroupComponent = FilterGroupComponent;