@progress/kendo-angular-filter 1.0.0-next.202204011458 → 1.0.0

package/dist/fesm5/index.js

@@ -0,0 +1,1076 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { __decorate, __metadata, __extends } from 'tslib';
+import { Injectable, isDevMode, HostBinding, Input, Output, EventEmitter, Component, ChangeDetectorRef, Directive, ElementRef, Renderer2, forwardRef, NgModule } from '@angular/core';
+import { LocalizationService, ComponentMessages, L10N_PREFIX } from '@progress/kendo-angular-l10n';
+import { validatePackage } from '@progress/kendo-licensing';
+import { CommonModule } from '@angular/common';
+import { DropDownsModule } from '@progress/kendo-angular-dropdowns';
+import { InputsModule } from '@progress/kendo-angular-inputs';
+import { LabelModule } from '@progress/kendo-angular-label';
+import { ButtonsModule } from '@progress/kendo-angular-buttons';
+import { DateInputsModule } from '@progress/kendo-angular-dateinputs';
+
+/**
+ * @hidden
+ */
+var FilterService = /** @class */ (function () {
+    function FilterService() {
+        this.value = { filters: [], logic: 'or' };
+        this.filters = [];
+        this.isEditorDisabled = false;
+    }
+    FilterService.prototype.addFilterGroup = function (item) {
+        var filterGroup = { logic: 'or', filters: [] };
+        item.filters.push(filterGroup);
+    };
+    FilterService.prototype.addFilterExpression = function (item) {
+        var filterExpression = { operator: 'eq', value: null, field: null };
+        item.filters.push(filterExpression);
+    };
+    FilterService.prototype.remove = function (item, positionIndex, parentItem) {
+        var _this = this;
+        if (!parentItem) {
+            parentItem = this.value;
+        }
+        if (item === parentItem) {
+            parentItem.filters = [];
+            return;
+        }
+        var index = parentItem.filters.indexOf(item);
+        if (index >= 0 && index === positionIndex) {
+            parentItem.filters = parentItem.filters.filter(function (i) { return i !== item; });
+            return;
+        }
+        parentItem.filters.forEach(function (filter) { return filter.filters && _this.remove(item, positionIndex, filter); });
+    };
+    FilterService = __decorate([
+        Injectable()
+    ], FilterService);
+    return FilterService;
+}());
+
+/**
+ * @hidden
+ */
+var nullOperators = ["isnull", "isnotnull", "isempty", "isnotempty"];
+/**
+ * @hidden
+ */
+var isArray = function (value) { return Array.isArray(value); };
+/**
+ * @hidden
+ */
+var getKeyByValue = function (object, value) {
+    return Object.keys(object).find(function (key) { return object[key] === value; });
+};
+/**
+ * @hidden
+ */
+var defaultStringOperators = {
+    "filterEqOperator": "eq",
+    "filterNotEqOperator": "neq",
+    "filterContainsOperator": "contains",
+    "filterNotContainsOperator": "doesnotcontain",
+    "filterStartsWithOperator": "startswith",
+    "filterEndsWithOperator": "endswith",
+    "filterIsNullOperator": "isnull",
+    "filterIsNotNullOperator": "isnotnull",
+    "filterIsEmptyOperator": "isempty",
+    "filterIsNotEmptyOperator": "isnotempty"
+};
+/**
+ * @hidden
+ */
+var defaultNumericOperators = {
+    "filterEqOperator": "eq",
+    "filterNotEqOperator": "neq",
+    "filterGteOperator": "gte",
+    "filterGtOperator": "gt",
+    "filterLteOperator": "lte",
+    "filterLtOperator": "lt",
+    "filterIsNullOperator": "isnull",
+    "filterIsNotNullOperator": "isnotnull"
+};
+/**
+ * @hidden
+ */
+var defaultDateOperators = {
+    "filterEqOperator": "eq",
+    "filterNotEqOperator": "neq",
+    "filterAfterOrEqualOperator": "gte",
+    "filterAfterOperator": "gt",
+    "filterBeforeOrEqualOperator": "lte",
+    "filterBeforeOperator": "lt",
+    "filterIsNullOperator": "isnull",
+    "filterIsNotNullOperator": "isnotnull"
+};
+/**
+ * @hidden
+ */
+var defaultOperators = {
+    string: defaultStringOperators,
+    number: defaultNumericOperators,
+    date: defaultDateOperators
+};
+/**
+ * @hidden
+ */
+var logicOperators = {
+    "filterAndLogic": 'and',
+    "filterOrLogic": 'or'
+};
+/**
+ * @hidden
+ */
+var isFilterEditor = function (editorType) {
+    var supportedEditorTypes = ['string', 'number', 'boolean', 'date'];
+    return supportedEditorTypes.indexOf(editorType) >= 0;
+};
+/**
+ * @hidden
+ */
+var localizeOperators = function (operators) { return function (localization) { return Object.keys(operators).map(function (key) { return ({
+    text: localization.get(key),
+    value: operators[key]
+}); }); }; };
+
+/**
+ * @hidden
+ */
+var packageMetadata = {
+    name: '@progress/kendo-angular-filter',
+    productName: 'Kendo UI for Angular',
+    productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
+    publishDate: 1649147607,
+    version: '',
+    licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/?utm_medium=product&utm_source=kendoangular&utm_campaign=kendo-ui-angular-purchase-license-keys-warning'
+};
+
+/**
+ * Represents the [Kendo UI Filter component for Angular]({% slug overview_filter %}).
+ * The Filter component can be used to apply any user defined filter criteria.
+ * @example
+ * ```
+ *   @Component({
+ *       selector: 'my-app',
+ *       template: `
+ *          <kendo-filter [filters]="filters" (valueChange)="onValueChange($event)"></kendo-filter>
+ *       `
+ *   })
+ *   export class AppComponent {
+ *
+ *      public filters: FilterExpression[] = [
+ *          {
+ *              name: 'country',
+ *              label: 'Country',
+ *              filter: 'string',
+ *              operators: ['eq', 'neq'],
+ *          },
+ *          {
+ *              name: 'budget',
+ *              filter: 'number'
+ *          }
+ *      ];
+ *
+ *      onValueChange(e: CompositeFilterDescriptor){
+ *          console.log(e)
+ *      }
+ *  }
+ * ```
+ */
+var FilterComponent = /** @class */ (function () {
+    function FilterComponent(filterService, localization, cdr) {
+        this.filterService = filterService;
+        this.localization = localization;
+        this.cdr = cdr;
+        /**
+         * Fires every time the Filter component value is updated.
+         * That is each time a Filter Group or Filter Expression is added, removed, or updated.
+         */
+        this.valueChange = new EventEmitter();
+        validatePackage(packageMetadata);
+        this.direction = localization.rtl ? 'rtl' : 'ltr';
+    }
+    Object.defineProperty(FilterComponent.prototype, "filters", {
+        get: function () {
+            return this.filterService.filters;
+        },
+        /**
+         * Specifies the available user-defined filters. At least one filter should be provided.
+         */
+        set: function (_filters) {
+            if (isDevMode() && (!isArray(_filters) || _filters.length === 0)) {
+                throw new Error("Pass at least one user-defined filter through the [filters] input property. See http://www.telerik.com/kendo-angular-ui/components/filter/#data-binding");
+            }
+            this.filterService.filters = _filters.map(function (filterExpression) {
+                var clonedFilter = Object.assign({}, filterExpression);
+                if (!clonedFilter.title) {
+                    clonedFilter.title = clonedFilter.field;
+                }
+                return clonedFilter;
+            });
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(FilterComponent.prototype, "value", {
+        get: function () {
+            return this.filterService.value;
+        },
+        /**
+         * Sets the initial `value` of the Filter component.
+         */
+        set: function (value) {
+            var clonedValue = JSON.parse(JSON.stringify(value));
+            this.normalizeValue(clonedValue);
+            this.filterService.value = clonedValue;
+        },
+        enumerable: true,
+        configurable: true
+    });
+    FilterComponent.prototype.ngOnInit = function () {
+        var _this = this;
+        if (this.filters.length === 0) {
+            throw new Error("Pass at least one user-defined filter through the [filters] input property. See http://www.telerik.com/kendo-angular-ui/components/filter/#data-binding");
+        }
+        this.localizationSubscription = this.localization.changes.subscribe(function (_a) {
+            var rtl = _a.rtl;
+            _this.direction = rtl ? 'rtl' : 'ltr';
+            _this.cdr.detectChanges();
+        });
+    };
+    FilterComponent.prototype.ngOnDestroy = function () {
+        if (this.localizationSubscription) {
+            this.localizationSubscription.unsubscribe();
+        }
+    };
+    /**
+     * @hidden
+     */
+    FilterComponent.prototype.getCurrentFilter = function () {
+        return this.value;
+    };
+    /**
+     * @hidden
+     */
+    FilterComponent.prototype.onValueChange = function () {
+        this.valueChange.emit(this.filterService.value);
+    };
+    FilterComponent.prototype.normalizeFilter = function (filterDescriptor) {
+        var foundFilter = this.filterService.filters.find(function (filter) { return filter.field === filterDescriptor.field; });
+        if (isDevMode() && !foundFilter) {
+            throw new Error("There is no user-defined filter with '" + filterDescriptor.field + "' field provided through the [filters] input property.");
+        }
+        if (isDevMode() && foundFilter.editor === 'boolean' && (!filterDescriptor.value && filterDescriptor.value !== false)) {
+            console.warn("Provide a value for the boolean '" + filterDescriptor.field + "' user-defined filter as the operator is always set to 'eq'.");
+        }
+        if (filterDescriptor.operator && foundFilter.operators && !foundFilter.operators.some(function (operator) { return operator === filterDescriptor.operator; })) {
+            throw new Error("The user-defined filter with field '" + filterDescriptor.field + "' is missing the '" + filterDescriptor.operator + "' operator.");
+        }
+        if (foundFilter.editor === 'boolean') {
+            filterDescriptor.operator = 'eq';
+        }
+        if (foundFilter.editor === 'date' && filterDescriptor.value) {
+            filterDescriptor.value = new Date(filterDescriptor.value);
+        }
+        if (!filterDescriptor.value && filterDescriptor.value !== false) {
+            filterDescriptor.value = null;
+        }
+    };
+    FilterComponent.prototype.normalizeValue = function (item) {
+        var _this = this;
+        item.filters.forEach(function (item) {
+            if (item.filters) {
+                _this.normalizeValue(item);
+            }
+            else {
+                _this.normalizeFilter(item);
+            }
+        });
+    };
+    __decorate([
+        HostBinding('attr.dir'),
+        __metadata("design:type", String)
+    ], FilterComponent.prototype, "direction", void 0);
+    __decorate([
+        Input(),
+        __metadata("design:type", Array),
+        __metadata("design:paramtypes", [Array])
+    ], FilterComponent.prototype, "filters", null);
+    __decorate([
+        Input(),
+        __metadata("design:type", Object),
+        __metadata("design:paramtypes", [Object])
+    ], FilterComponent.prototype, "value", null);
+    __decorate([
+        Output(),
+        __metadata("design:type", EventEmitter)
+    ], FilterComponent.prototype, "valueChange", void 0);
+    FilterComponent = __decorate([
+        Component({
+            selector: 'kendo-filter',
+            template: "\n        <ng-container kendoFilterLocalizedMessages\n            i18n-editorDateTodayText=\"kendo.filter.editorDateTodayText|The text of the Today button of the Date editor\"\n            editorDateTodayText=\"Today\"\n\n            i18n-editorDateToggleText=\"kendo.filter.editorDateToggleText|The title of the Toggle button of the Date editor.\"\n            editorDateToggleText=\"Toggle calendar\"\n\n            i18n-editorNumericDecrement=\"kendo.filter.editorNumericDecrement|The title of the Decrement button of the Numeric editor\"\n            editorNumericDecrement=\"Decrement\"\n\n            i18n-editorNumericIncrement=\"kendo.filter.editorNumericIncrement|The title of the Increment button of the Numeric editor\"\n            editorNumericIncrement=\"Increment\"\n\n            i18n-filterExpressionOperators=\"kendo.filter.filterExpressionOperators|The text of the Filter Expression Operators drop down\"\n            filterExpressionOperators=\"Operators\"\n\n            i18n-filterExpressionFilters=\"kendo.filter.filterExpressionFilters|The text of the Filter Expression filters drop down\"\n            filterExpressionFilters=\"Fields\"\n\n            i18n-remove=\"kendo.filter.remove|The text of the Remove button\"\n            remove=\"Remove\"\n\n            i18n-addFilter=\"kendo.filter.addFilter|The text of the Add Filter button\"\n            addFilter=\"Add Filter\"\n\n            i18n-addGroup=\"kendo.filter.addGroup|The text of the Add Group button\"\n            addGroup=\"Add Group\"\n\n            i18n-filterAndLogic=\"kendo.filter.filterAndLogic|The text of the And filter logic\"\n            filterAndLogic=\"And\"\n\n            i18n-filterOrLogic=\"kendo.filter.filterOrLogic|The text of the Or filter logic\"\n            filterOrLogic=\"Or\"\n\n            i18n-filterEqOperator=\"kendo.filter.filterEqOperator|The text of the equal filter operator\"\n            filterEqOperator=\"Is equal to\"\n\n            i18n-filterNotEqOperator=\"kendo.filter.filterNotEqOperator|The text of the not equal filter operator\"\n            filterNotEqOperator=\"Is not equal to\"\n\n            i18n-filterIsNullOperator=\"kendo.filter.filterIsNullOperator|The text of the is null filter operator\"\n            filterIsNullOperator=\"Is null\"\n\n            i18n-filterIsNotNullOperator=\"kendo.filter.filterIsNotNullOperator|The text of the is not null filter operator\"\n            filterIsNotNullOperator=\"Is not null\"\n\n            i18n-filterIsEmptyOperator=\"kendo.filter.filterIsEmptyOperator|The text of the is empty filter operator\"\n            filterIsEmptyOperator=\"Is empty\"\n\n            i18n-filterIsNotEmptyOperator=\"kendo.filter.filterIsNotEmptyOperator|The text of the is not empty filter operator\"\n            filterIsNotEmptyOperator=\"Is not empty\"\n\n            i18n-filterStartsWithOperator=\"kendo.filter.filterStartsWithOperator|The text of the starts with filter operator\"\n            filterStartsWithOperator=\"Starts with\"\n\n            i18n-filterContainsOperator=\"kendo.filter.filterContainsOperator|The text of the contains filter operator\"\n            filterContainsOperator=\"Contains\"\n\n            i18n-filterNotContainsOperator=\"kendo.filter.filterNotContainsOperator|The text of the does not contain filter operator\"\n            filterNotContainsOperator=\"Does not contain\"\n\n            i18n-filterEndsWithOperator=\"kendo.filter.filterEndsWithOperator|The text of the ends with filter operator\"\n            filterEndsWithOperator=\"Ends with\"\n\n            i18n-filterGteOperator=\"kendo.filter.filterGteOperator|The text of the greater than or equal filter operator\"\n            filterGteOperator=\"Is greater than or equal to\"\n\n            i18n-filterGtOperator=\"kendo.filter.filterGtOperator|The text of the greater than filter operator\"\n            filterGtOperator=\"Is greater than\"\n\n            i18n-filterLteOperator=\"kendo.filter.filterLteOperator|The text of the less than or equal filter operator\"\n            filterLteOperator=\"Is less than or equal to\"\n\n            i18n-filterLtOperator=\"kendo.filter.filterLtOperator|The text of the less than filter operator\"\n            filterLtOperator=\"Is less than\"\n\n            i18n-filterIsTrue=\"kendo.filter.filterIsTrue|The text of the IsTrue boolean filter option\"\n            filterIsTrue=\"Is True\"\n\n            i18n-filterIsFalse=\"kendo.filter.filterIsFalse|The text of the IsFalse boolean filter option\"\n            filterIsFalse=\"Is False\"\n\n            i18n-filterBooleanAll=\"kendo.filter.filterBooleanAll|The text of the (All) boolean filter option\"\n            filterBooleanAll=\"(All)\"\n\n            i18n-filterAfterOrEqualOperator=\"kendo.filter.filterAfterOrEqualOperator|The text of the after or equal date filter operator\"\n            filterAfterOrEqualOperator=\"Is after or equal to\"\n\n            i18n-filterAfterOperator=\"kendo.filter.filterAfterOperator|The text of the after date filter operator\"\n            filterAfterOperator=\"Is after\"\n\n            i18n-filterBeforeOperator=\"kendo.filter.filterBeforeOperator|The text of the before date filter operator\"\n            filterBeforeOperator=\"Is before\"\n\n            i18n-filterBeforeOrEqualOperator=\"kendo.filter.filterBeforeOrEqualOperator|The text of the before or equal date filter operator\"\n            filterBeforeOrEqualOperator=\"Is before or equal to\"\n\n            i18n-filterFieldAriaLabel=\"kendo.filter.filterFieldAriaLabel|The text of the filter field aria label\"\n            filterFieldAriaLabel=\"field\"\n\n            i18n-filterOperatorAriaLabel=\"kendo.filter.filterOperatorAriaLabel|The text of the filter operator aria label\"\n            filterOperatorAriaLabel=\"operator\"\n\n            i18n-filterValueAriaLabel=\"kendo.filter.filterValueAriaLabel|The text of the filter value aria label\"\n            filterValueAriaLabel=\"value\"\n\n            i18n-filterAriaLabel=\"kendo.filter.filterAriaLabel|The text of the filter row aria label\"\n            filterAriaLabel=\"filter\"\n\n            i18n-filterToolbarAriaLabel=\"kendo.filter.filterToolbarAriaLabel|The text of the filter toolbar aria label\"\n            filterToolbarAriaLabel=\"filter settings\"\n            >\n        </ng-container>\n        <div class=\"k-widget k-filter\" [attr.dir]=\"direction\">\n            <ul class='k-filter-container'>\n                <li class='k-filter-group-main'>\n                    <kendo-filter-group\n                        [currentItem]=\"getCurrentFilter()\"\n                        (valueChange)=\"onValueChange()\"\n                        >\n                    </kendo-filter-group>\n                </li>\n            </ul>\n        </div>\n",
+            providers: [FilterService]
+        }),
+        __metadata("design:paramtypes", [FilterService,
+            LocalizationService,
+            ChangeDetectorRef])
+    ], FilterComponent);
+    return FilterComponent;
+}());
+
+/**
+ * @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);
+    };
+    __decorate([
+        Input('kendoAriaLabelValue'),
+        __metadata("design:type", String)
+    ], AriaLabelValueDirective.prototype, "ariaLabel", void 0);
+    AriaLabelValueDirective = __decorate([
+        Directive({ selector: '[kendoAriaLabelValue]' }),
+        __metadata("design:paramtypes", [ElementRef,
+            Renderer2])
+    ], AriaLabelValueDirective);
+    return AriaLabelValueDirective;
+}());
+
+/**
+ * @hidden
+ */
+var FilterBooleanEditorComponent = /** @class */ (function () {
+    function FilterBooleanEditorComponent(localization, cdr) {
+        this.localization = localization;
+        this.cdr = cdr;
+        this.valueChange = new 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);
+    };
+    __decorate([
+        Input(),
+        __metadata("design:type", Object)
+    ], FilterBooleanEditorComponent.prototype, "currentItem", void 0);
+    __decorate([
+        Output(),
+        __metadata("design:type", EventEmitter)
+    ], FilterBooleanEditorComponent.prototype, "valueChange", void 0);
+    FilterBooleanEditorComponent = __decorate([
+        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  "
+        }),
+        __metadata("design:paramtypes", [LocalizationService, ChangeDetectorRef])
+    ], FilterBooleanEditorComponent);
+    return FilterBooleanEditorComponent;
+}());
+
+/**
+ * @hidden
+ */
+var FilterDateEditorComponent = /** @class */ (function () {
+    function FilterDateEditorComponent(localization, filterService) {
+        this.localization = localization;
+        this.filterService = filterService;
+        this.valueChange = new 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;
+    };
+    __decorate([
+        Input(),
+        __metadata("design:type", Object)
+    ], FilterDateEditorComponent.prototype, "currentItem", void 0);
+    __decorate([
+        Output(),
+        __metadata("design:type", EventEmitter)
+    ], FilterDateEditorComponent.prototype, "valueChange", void 0);
+    FilterDateEditorComponent = __decorate([
+        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  "
+        }),
+        __metadata("design:paramtypes", [LocalizationService, FilterService])
+    ], FilterDateEditorComponent);
+    return FilterDateEditorComponent;
+}());
+
+/**
+ * @hidden
+ */
+var FilterNumericEditorComponent = /** @class */ (function () {
+    function FilterNumericEditorComponent(localization, filterService) {
+        this.localization = localization;
+        this.filterService = filterService;
+        this.valueChange = new 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;
+    };
+    __decorate([
+        Input(),
+        __metadata("design:type", Object)
+    ], FilterNumericEditorComponent.prototype, "currentItem", void 0);
+    __decorate([
+        Output(),
+        __metadata("design:type", EventEmitter)
+    ], FilterNumericEditorComponent.prototype, "valueChange", void 0);
+    FilterNumericEditorComponent = __decorate([
+        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  "
+        }),
+        __metadata("design:paramtypes", [LocalizationService, FilterService])
+    ], FilterNumericEditorComponent);
+    return FilterNumericEditorComponent;
+}());
+
+/**
+ * @hidden
+ */
+var FilterTextEditorComponent = /** @class */ (function () {
+    function FilterTextEditorComponent(localization, filterService) {
+        this.localization = localization;
+        this.filterService = filterService;
+        this.valueChange = new 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);
+    };
+    __decorate([
+        Input(),
+        __metadata("design:type", Object)
+    ], FilterTextEditorComponent.prototype, "currentItem", void 0);
+    __decorate([
+        Output(),
+        __metadata("design:type", EventEmitter)
+    ], FilterTextEditorComponent.prototype, "valueChange", void 0);
+    FilterTextEditorComponent = __decorate([
+        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  "
+        }),
+        __metadata("design:paramtypes", [LocalizationService, FilterService])
+    ], FilterTextEditorComponent);
+    return FilterTextEditorComponent;
+}());
+
+/**
+ * @hidden
+ */
+var FilterExpressionOperatorsComponent = /** @class */ (function () {
+    function FilterExpressionOperatorsComponent(filterService, localization) {
+        this.filterService = filterService;
+        this.localization = localization;
+        this.valueChange = new EventEmitter();
+        this.operators = [];
+    }
+    FilterExpressionOperatorsComponent.prototype.messageFor = function (key) {
+        return this.localization.get(key);
+    };
+    FilterExpressionOperatorsComponent.prototype.operatorValueChange = function (value) {
+        this.valueChange.emit();
+        this.filterService.isEditorDisabled = nullOperators.indexOf(value) >= 0;
+    };
+    __decorate([
+        Input(),
+        __metadata("design:type", Object)
+    ], FilterExpressionOperatorsComponent.prototype, "currentItem", void 0);
+    __decorate([
+        Output(),
+        __metadata("design:type", EventEmitter)
+    ], FilterExpressionOperatorsComponent.prototype, "valueChange", void 0);
+    __decorate([
+        Input(),
+        __metadata("design:type", Array)
+    ], FilterExpressionOperatorsComponent.prototype, "operators", void 0);
+    FilterExpressionOperatorsComponent = __decorate([
+        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  "
+        }),
+        __metadata("design:paramtypes", [FilterService, LocalizationService])
+    ], FilterExpressionOperatorsComponent);
+    return FilterExpressionOperatorsComponent;
+}());
+
+/**
+ * @hidden
+ */
+var FilterExpressionComponent = /** @class */ (function () {
+    function FilterExpressionComponent(filterService, localization, cdr) {
+        this.filterService = filterService;
+        this.localization = localization;
+        this.cdr = cdr;
+        this.valueChange = new 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 (isFilterEditor(filterEditor)) {
+                result.push({
+                    value: operators[j],
+                    text: this.localization.get(getKeyByValue(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 localizeOperators(defaultStringOperators)(this.localization);
+            case 'number':
+                return localizeOperators(defaultNumericOperators)(this.localization);
+            case 'date':
+                return localizeOperators(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;
+            }
+        }
+    };
+    __decorate([
+        Input(),
+        __metadata("design:type", Number)
+    ], FilterExpressionComponent.prototype, "index", void 0);
+    __decorate([
+        Input(),
+        __metadata("design:type", Object)
+    ], FilterExpressionComponent.prototype, "currentItem", void 0);
+    __decorate([
+        Output(),
+        __metadata("design:type", EventEmitter)
+    ], FilterExpressionComponent.prototype, "valueChange", void 0);
+    FilterExpressionComponent = __decorate([
+        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  "
+        }),
+        __metadata("design:paramtypes", [FilterService, LocalizationService, ChangeDetectorRef])
+    ], FilterExpressionComponent);
+    return FilterExpressionComponent;
+}());
+
+/**
+ * @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 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 localizeOperators(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();
+    };
+    __decorate([
+        Input(),
+        __metadata("design:type", Number)
+    ], FilterGroupComponent.prototype, "index", void 0);
+    __decorate([
+        Input(),
+        __metadata("design:type", Object)
+    ], FilterGroupComponent.prototype, "currentItem", void 0);
+    __decorate([
+        Output(),
+        __metadata("design:type", EventEmitter)
+    ], FilterGroupComponent.prototype, "valueChange", void 0);
+    FilterGroupComponent = __decorate([
+        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  "
+        }),
+        __metadata("design:paramtypes", [FilterService, LocalizationService, ChangeDetectorRef])
+    ], FilterGroupComponent);
+    return FilterGroupComponent;
+}());
+
+/**
+ * @hidden
+ */
+var Messages = /** @class */ (function (_super) {
+    __extends(Messages, _super);
+    function Messages() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    __decorate([
+        Input(),
+        __metadata("design:type", String)
+    ], Messages.prototype, "filterExpressionOperators", void 0);
+    __decorate([
+        Input(),
+        __metadata("design:type", String)
+    ], Messages.prototype, "filterExpressionFilters", void 0);
+    __decorate([
+        Input(),
+        __metadata("design:type", String)
+    ], Messages.prototype, "remove", void 0);
+    __decorate([
+        Input(),
+        __metadata("design:type", String)
+    ], Messages.prototype, "addGroup", void 0);
+    __decorate([
+        Input(),
+        __metadata("design:type", String)
+    ], Messages.prototype, "addFilter", void 0);
+    __decorate([
+        Input(),
+        __metadata("design:type", String)
+    ], Messages.prototype, "filterAndLogic", void 0);
+    __decorate([
+        Input(),
+        __metadata("design:type", String)
+    ], Messages.prototype, "filterOrLogic", void 0);
+    __decorate([
+        Input(),
+        __metadata("design:type", String)
+    ], Messages.prototype, "filterEqOperator", void 0);
+    __decorate([
+        Input(),
+        __metadata("design:type", String)
+    ], Messages.prototype, "filterNotEqOperator", void 0);
+    __decorate([
+        Input(),
+        __metadata("design:type", String)
+    ], Messages.prototype, "filterIsNullOperator", void 0);
+    __decorate([
+        Input(),
+        __metadata("design:type", String)
+    ], Messages.prototype, "filterIsNotNullOperator", void 0);
+    __decorate([
+        Input(),
+        __metadata("design:type", String)
+    ], Messages.prototype, "filterIsEmptyOperator", void 0);
+    __decorate([
+        Input(),
+        __metadata("design:type", String)
+    ], Messages.prototype, "filterIsNotEmptyOperator", void 0);
+    __decorate([
+        Input(),
+        __metadata("design:type", String)
+    ], Messages.prototype, "filterStartsWithOperator", void 0);
+    __decorate([
+        Input(),
+        __metadata("design:type", String)
+    ], Messages.prototype, "filterContainsOperator", void 0);
+    __decorate([
+        Input(),
+        __metadata("design:type", String)
+    ], Messages.prototype, "filterNotContainsOperator", void 0);
+    __decorate([
+        Input(),
+        __metadata("design:type", String)
+    ], Messages.prototype, "filterEndsWithOperator", void 0);
+    __decorate([
+        Input(),
+        __metadata("design:type", String)
+    ], Messages.prototype, "filterGteOperator", void 0);
+    __decorate([
+        Input(),
+        __metadata("design:type", String)
+    ], Messages.prototype, "filterGtOperator", void 0);
+    __decorate([
+        Input(),
+        __metadata("design:type", String)
+    ], Messages.prototype, "filterLteOperator", void 0);
+    __decorate([
+        Input(),
+        __metadata("design:type", String)
+    ], Messages.prototype, "filterLtOperator", void 0);
+    __decorate([
+        Input(),
+        __metadata("design:type", String)
+    ], Messages.prototype, "filterIsTrue", void 0);
+    __decorate([
+        Input(),
+        __metadata("design:type", String)
+    ], Messages.prototype, "filterIsFalse", void 0);
+    __decorate([
+        Input(),
+        __metadata("design:type", String)
+    ], Messages.prototype, "filterBooleanAll", void 0);
+    __decorate([
+        Input(),
+        __metadata("design:type", String)
+    ], Messages.prototype, "filterAfterOrEqualOperator", void 0);
+    __decorate([
+        Input(),
+        __metadata("design:type", String)
+    ], Messages.prototype, "filterAfterOperator", void 0);
+    __decorate([
+        Input(),
+        __metadata("design:type", String)
+    ], Messages.prototype, "filterBeforeOperator", void 0);
+    __decorate([
+        Input(),
+        __metadata("design:type", String)
+    ], Messages.prototype, "filterBeforeOrEqualOperator", void 0);
+    __decorate([
+        Input(),
+        __metadata("design:type", String)
+    ], Messages.prototype, "editorNumericDecrement", void 0);
+    __decorate([
+        Input(),
+        __metadata("design:type", String)
+    ], Messages.prototype, "editorNumericIncrement", void 0);
+    __decorate([
+        Input(),
+        __metadata("design:type", String)
+    ], Messages.prototype, "editorDateTodayText", void 0);
+    __decorate([
+        Input(),
+        __metadata("design:type", String)
+    ], Messages.prototype, "editorDateToggleText", void 0);
+    __decorate([
+        Input(),
+        __metadata("design:type", String)
+    ], Messages.prototype, "filterFieldAriaLabel", void 0);
+    __decorate([
+        Input(),
+        __metadata("design:type", String)
+    ], Messages.prototype, "filterOperatorAriaLabel", void 0);
+    __decorate([
+        Input(),
+        __metadata("design:type", String)
+    ], Messages.prototype, "filterValueAriaLabel", void 0);
+    __decorate([
+        Input(),
+        __metadata("design:type", String)
+    ], Messages.prototype, "filterAriaLabel", void 0);
+    __decorate([
+        Input(),
+        __metadata("design:type", String)
+    ], Messages.prototype, "filterToolbarAriaLabel", void 0);
+    return Messages;
+}(ComponentMessages));
+
+/**
+ * Custom component messages override default component messages
+ * ([see example]({% slug globalization_filter %}#toc-localization)).
+ */
+var CustomMessagesComponent = /** @class */ (function (_super) {
+    __extends(CustomMessagesComponent, _super);
+    function CustomMessagesComponent(service) {
+        var _this = _super.call(this) || this;
+        _this.service = service;
+        return _this;
+    }
+    CustomMessagesComponent_1 = CustomMessagesComponent;
+    Object.defineProperty(CustomMessagesComponent.prototype, "override", {
+        get: function () {
+            return true;
+        },
+        enumerable: true,
+        configurable: true
+    });
+    var CustomMessagesComponent_1;
+    CustomMessagesComponent = CustomMessagesComponent_1 = __decorate([
+        Component({
+            providers: [
+                {
+                    provide: Messages,
+                    useExisting: forwardRef(function () { return CustomMessagesComponent_1; })
+                }
+            ],
+            selector: 'kendo-filter-messages',
+            template: ""
+        }),
+        __metadata("design:paramtypes", [LocalizationService])
+    ], CustomMessagesComponent);
+    return CustomMessagesComponent;
+}(Messages));
+
+/**
+ * @hidden
+ */
+var LocalizedMessagesDirective = /** @class */ (function (_super) {
+    __extends(LocalizedMessagesDirective, _super);
+    function LocalizedMessagesDirective(service) {
+        var _this = _super.call(this) || this;
+        _this.service = service;
+        return _this;
+    }
+    LocalizedMessagesDirective_1 = LocalizedMessagesDirective;
+    var LocalizedMessagesDirective_1;
+    LocalizedMessagesDirective = LocalizedMessagesDirective_1 = __decorate([
+        Directive({
+            providers: [
+                {
+                    provide: Messages,
+                    useExisting: forwardRef(function () { return LocalizedMessagesDirective_1; })
+                }
+            ],
+            selector: '[kendoFilterLocalizedMessages]'
+        }),
+        __metadata("design:paramtypes", [LocalizationService])
+    ], LocalizedMessagesDirective);
+    return LocalizedMessagesDirective;
+}(Messages));
+
+var importedModules = [
+    CommonModule,
+    InputsModule,
+    LabelModule,
+    DropDownsModule,
+    ButtonsModule,
+    DateInputsModule
+];
+/**
+ * @hidden
+ */
+var SharedModule = /** @class */ (function () {
+    function SharedModule() {
+    }
+    SharedModule = __decorate([
+        NgModule({
+            imports: importedModules.slice(),
+            exports: importedModules.slice()
+        })
+    ], SharedModule);
+    return SharedModule;
+}());
+
+/**
+ * Represents the [NgModule]({{ site.data.urls.angular['ngmoduleapi'] }})
+ * definition for the Filter component.
+ *
+ * @example
+ *
+ * ```
+ * // Import the Filter module
+ * import { FilterModule } from '@progress/kendo-angular-filter';
+ *
+ * // The browser platform with a compiler
+ * import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
+ *
+ * import { NgModule } from '@angular/core';
+ *
+ * // Import the app component
+ * import { AppComponent } from './app.component';
+ *
+ * // Define the app module
+ * _@NgModule({
+ *     declarations: [AppComponent], // declare app component
+ *     imports:      [BrowserModule, FilterModule], // import Filter module
+ *     bootstrap:    [AppComponent]
+ * })
+ * export class AppModule { }
+ *
+ * // Compile and launch the module
+ * platformBrowserDynamic().bootstrapModule(AppModule);
+ *
+ * ```
+ */
+var FilterModule = /** @class */ (function () {
+    function FilterModule() {
+    }
+    FilterModule = __decorate([
+        NgModule({
+            imports: [SharedModule],
+            declarations: [FilterComponent,
+                FilterNumericEditorComponent,
+                FilterTextEditorComponent,
+                FilterExpressionComponent,
+                FilterGroupComponent,
+                FilterExpressionOperatorsComponent,
+                FilterBooleanEditorComponent,
+                FilterDateEditorComponent,
+                LocalizedMessagesDirective,
+                CustomMessagesComponent,
+                AriaLabelValueDirective
+            ],
+            exports: [FilterComponent,
+                FilterNumericEditorComponent,
+                FilterTextEditorComponent,
+                FilterExpressionComponent,
+                FilterGroupComponent,
+                FilterExpressionOperatorsComponent,
+                FilterBooleanEditorComponent,
+                FilterDateEditorComponent,
+                LocalizedMessagesDirective,
+                CustomMessagesComponent,
+                AriaLabelValueDirective],
+            providers: [
+                LocalizationService,
+                {
+                    provide: L10N_PREFIX,
+                    useValue: 'kendo.filter'
+                }
+            ]
+        })
+    ], FilterModule);
+    return FilterModule;
+}());
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { AriaLabelValueDirective, FilterBooleanEditorComponent, FilterDateEditorComponent, FilterNumericEditorComponent, FilterTextEditorComponent, FilterExpressionOperatorsComponent, FilterExpressionComponent, FilterGroupComponent, FilterService, CustomMessagesComponent, LocalizedMessagesDirective, Messages, SharedModule, FilterComponent, FilterModule };