@progress/kendo-angular-filter 0.1.0

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

@@ -0,0 +1,32 @@
+/**-----------------------------------------------------------------------------------------
+* 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

@@ -0,0 +1,43 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+"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) {
+        this.localization = localization;
+        this.valueChange = new core_1.EventEmitter();
+        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 };
+    }
+    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])
+    ], FilterBooleanEditorComponent);
+    return FilterBooleanEditorComponent;
+}());
+exports.FilterBooleanEditorComponent = FilterBooleanEditorComponent;

package/dist/npm/editors/date-editor.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
+*-------------------------------------------------------------------------------------------*/
+"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

@@ -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
+*-------------------------------------------------------------------------------------------*/
+"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

@@ -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
+*-------------------------------------------------------------------------------------------*/
+"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

@@ -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 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

@@ -0,0 +1,123 @@
+/**-----------------------------------------------------------------------------------------
+* 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) {
+        this.filterService = filterService;
+        this.localization = localization;
+        this.valueChange = new core_1.EventEmitter();
+        this.operators = [];
+        this.filters = [];
+        this.isBoolean = false;
+        this.isEditorDisabled = false;
+    }
+    FilterExpressionComponent.prototype.ngOnInit = function () {
+        this.filters = this.filterService.filters;
+        if (this.currentItem.field) {
+            var foundFilter = this.getFilterExpressionByField(this.currentItem.field);
+            this.setOperators(foundFilter);
+        }
+        if (!this.currentItem.field) {
+            this.currentItem.field = this.filterService.filters[0].field;
+            var defaultFilter = this.getFilterExpressionByField(this.filterService.filters[0].field);
+            this.setOperators(defaultFilter);
+        }
+    };
+    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 this.filterService.defaultStringOperators;
+            case 'number':
+                return this.filterService.defaultNumericOperators;
+            case 'date':
+                return this.filterService.defaultDateOperators;
+            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;
+            this.currentItem.operator = localizedOperators[0].value;
+        }
+        else {
+            this.operators = this.getDefaultOperators(filter.editor);
+            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                        look=\"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])
+    ], FilterExpressionComponent);
+    return FilterExpressionComponent;
+}());
+exports.FilterExpressionComponent = FilterExpressionComponent;

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

@@ -0,0 +1,71 @@
+/**-----------------------------------------------------------------------------------------
+* 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 FilterGroupComponent = /** @class */ (function () {
+    function FilterGroupComponent(filterService, localization) {
+        this.filterService = filterService;
+        this.localization = localization;
+        this.index = 0;
+        this.currentItem = {
+            logic: 'or',
+            filters: []
+        };
+        this.valueChange = new core_1.EventEmitter();
+        this.logicOperators = [];
+    }
+    FilterGroupComponent.prototype.ngOnInit = function () {
+        this.logicOperators = this.filterService.logicOperators;
+    };
+    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 logicOperators\"\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('addExpression')\"\n                icon=\"filter-add-expression\"\n                (click)=\"addFilterExpression()\">\n                {{messageFor('addExpression')}}\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                look=\"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])
+    ], FilterGroupComponent);
+    return FilterGroupComponent;
+}());
+exports.FilterGroupComponent = FilterGroupComponent;