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

package/{dist/es2015/aria-label.directive.d.ts → aria-label.directive.d.ts}

@@ -3,6 +3,7 @@
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 import { ElementRef, Renderer2 } from '@angular/core';
+import * as i0 from "@angular/core";
 /**
  * @hidden
  */
@@ -12,4 +13,6 @@ export declare class AriaLabelValueDirective {
     ariaLabel: string;
     constructor(hostElement: ElementRef, renderer: Renderer2);
     ngOnChanges(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AriaLabelValueDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<AriaLabelValueDirective, "[kendoAriaLabelValue]", never, { "ariaLabel": "kendoAriaLabelValue"; }, {}, never>;
 }

package/bundles/kendo-angular-filter.umd.js

@@ -0,0 +1,5 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@angular/core"),require("@progress/kendo-licensing"),require("@progress/kendo-angular-l10n"),require("@progress/kendo-angular-dropdowns"),require("@progress/kendo-angular-inputs"),require("@progress/kendo-angular-dateinputs"),require("@angular/common"),require("@progress/kendo-angular-buttons"),require("@progress/kendo-angular-label")):"function"==typeof define&&define.amd?define("KendoAngularFilter",["exports","@angular/core","@progress/kendo-licensing","@progress/kendo-angular-l10n","@progress/kendo-angular-dropdowns","@progress/kendo-angular-inputs","@progress/kendo-angular-dateinputs","@angular/common","@progress/kendo-angular-buttons","@progress/kendo-angular-label"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).KendoAngularFilter={},e.ng.core,e.KendoLicensing,e.KendoAngularL10N,e.KendoAngularDropdowns,e.KendoAngularInputs,e.KendoAngularDateinputs,e.ng.common,e.KendoAngularButtons,e.KendoAngularLabel)}(this,function(e,n,z,t,r,o,i,l,a,s){"use strict";function p(r){if(r&&r.__esModule)return r;var n=Object.create(null);return r&&Object.keys(r).forEach(function(e){var t;"default"!==e&&(t=Object.getOwnPropertyDescriptor(r,e),Object.defineProperty(n,e,t.get?t:{enumerable:!0,get:function(){return r[e]}}))}),n.default=r,Object.freeze(n)}var u=p(n),f=p(t),d=p(r),c=p(o),g=p(i),m=p(l),h=p(a),v=(I.prototype.addFilterGroup=function(e){e.filters.push({logic:"or",filters:[]})},I.prototype.addFilterExpression=function(e){e.filters.push({operator:"eq",value:null,field:null})},I.prototype.remove=function(t,r,e){var n,o=this;e=e||this.value,t===e?e.filters=[]:0<=(n=e.filters.indexOf(t))&&n===r?e.filters=e.filters.filter(function(e){return e!==t}):e.filters.forEach(function(e){return e.filters&&o.remove(t,r,e)})},I);function I(){this.value={filters:[],logic:"or"},this.filters=[],this.isEditorDisabled=!1}v.ɵfac=u.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:u,type:v,deps:[],target:u.ɵɵFactoryTarget.Injectable}),v.ɵprov=u.ɵɵngDeclareInjectable({minVersion:"12.0.0",version:"12.2.16",ngImport:u,type:v}),u.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:u,type:v,decorators:[{type:n.Injectable}]});function b(r){return function(t){return Object.keys(r).map(function(e){return{text:t.get(e),value:r[e]}})}}var M=["isnull","isnotnull","isempty","isnotempty"],B={filterEqOperator:"eq",filterNotEqOperator:"neq",filterContainsOperator:"contains",filterNotContainsOperator:"doesnotcontain",filterStartsWithOperator:"startswith",filterEndsWithOperator:"endswith",filterIsNullOperator:"isnull",filterIsNotNullOperator:"isnotnull",filterIsEmptyOperator:"isempty",filterIsNotEmptyOperator:"isnotempty"},G={filterEqOperator:"eq",filterNotEqOperator:"neq",filterGteOperator:"gte",filterGtOperator:"gt",filterLteOperator:"lte",filterLtOperator:"lt",filterIsNullOperator:"isnull",filterIsNotNullOperator:"isnotnull"},P={filterEqOperator:"eq",filterNotEqOperator:"neq",filterAfterOrEqualOperator:"gte",filterAfterOperator:"gt",filterBeforeOrEqualOperator:"lte",filterBeforeOperator:"lt",filterIsNullOperator:"isnull",filterIsNotNullOperator:"isnotnull"},j={string:B,number:G,date:P},R={filterAndLogic:"and",filterOrLogic:"or"},W={name:"@progress/kendo-angular-filter",productName:"Kendo UI for Angular",productCodes:["KENDOUIANGULAR","KENDOUICOMPLETE"],publishDate:1648804076,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"},k=(_.prototype.ngOnChanges=function(){var e=this.hostElement.nativeElement.querySelector("input")||this.hostElement.nativeElement;this.renderer.setAttribute(e,"aria-label",this.ariaLabel)},_);function _(e,t){this.hostElement=e,this.renderer=t}k.ɵfac=u.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:u,type:k,deps:[{token:u.ElementRef},{token:u.Renderer2}],target:u.ɵɵFactoryTarget.Directive}),k.ɵdir=u.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.16",type:k,selector:"[kendoAriaLabelValue]",inputs:{ariaLabel:["kendoAriaLabelValue","ariaLabel"]},usesOnChanges:!0,ngImport:u}),u.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:u,type:k,decorators:[{type:n.Directive,args:[{selector:"[kendoAriaLabelValue]"}]}],ctorParameters:function(){return[{type:u.ElementRef},{type:u.Renderer2}]},propDecorators:{ariaLabel:[{type:n.Input,args:["kendoAriaLabelValue"]}]}});O.prototype.messageFor=function(e){return this.localization.get(e)},O.prototype.operatorValueChange=function(e){this.valueChange.emit(),this.filterService.isEditorDisabled=0<=M.indexOf(e)};var y=O;function O(e,t){this.filterService=e,this.localization=t,this.valueChange=new n.EventEmitter,this.operators=[]}y.ɵfac=u.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:u,type:y,deps:[{token:v},{token:f.LocalizationService}],target:u.ɵɵFactoryTarget.Component}),y.ɵcmp=u.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:y,selector:"kendo-filter-expression-operators",inputs:{currentItem:"currentItem",operators:"operators"},outputs:{valueChange:"valueChange"},ngImport:u,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  ',isInline:!0,components:[{type:d.DropDownListComponent,selector:"kendo-dropdownlist",inputs:["iconClass","loading","data","value","textField","valueField","popupSettings","listHeight","defaultItem","disabled","itemDisabled","readonly","filterable","virtual","ignoreCase","delay","valuePrimitive","tabindex","tabIndex","size","rounded","fillMode","id"],outputs:["valueChange","filterChange","selectionChange","open","opened","close","closed","focus","blur"],exportAs:["kendoDropDownList"]}],directives:[{type:k,selector:"[kendoAriaLabelValue]",inputs:["kendoAriaLabelValue"]}]}),u.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:u,type:y,decorators:[{type:n.Component,args:[{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  '}]}],ctorParameters:function(){return[{type:v},{type:f.LocalizationService}]},propDecorators:{currentItem:[{type:n.Input}],valueChange:[{type:n.Output}],operators:[{type:n.Input}]}});C.prototype.isDisabled=function(){var e=this.filterService.isEditorDisabled;return e&&(this.currentItem.value=null),e},C.prototype.messageFor=function(e){return this.localization.get(e)};var x=C;function C(e,t){this.localization=e,this.filterService=t,this.valueChange=new n.EventEmitter}x.ɵfac=u.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:u,type:x,deps:[{token:f.LocalizationService},{token:v}],target:u.ɵɵFactoryTarget.Component}),x.ɵcmp=u.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:x,selector:"kendo-filter-text-editor",inputs:{currentItem:"currentItem"},outputs:{valueChange:"valueChange"},ngImport:u,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  ',isInline:!0,components:[{type:c.TextBoxComponent,selector:"kendo-textbox",inputs:["focusableId","title","disabled","readonly","tabindex","value","selectOnFocus","showSuccessIcon","showErrorIcon","clearButton","successIcon","errorIcon","clearButtonIcon","size","rounded","fillMode","tabIndex","placeholder","maxlength"],outputs:["valueChange","inputFocus","inputBlur","focus","blur"],exportAs:["kendoTextBox"]}],directives:[{type:k,selector:"[kendoAriaLabelValue]",inputs:["kendoAriaLabelValue"]}]}),u.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:u,type:x,decorators:[{type:n.Component,args:[{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  '}]}],ctorParameters:function(){return[{type:f.LocalizationService},{type:v}]},propDecorators:{currentItem:[{type:n.Input}],valueChange:[{type:n.Output}]}});T.prototype.messageFor=function(e){return this.localization.get(e)},T.prototype.isDisabled=function(){var e=this.filterService.isEditorDisabled;return e&&(this.currentItem.value=null),e};var F=T;function T(e,t){this.localization=e,this.filterService=t,this.valueChange=new n.EventEmitter}F.ɵfac=u.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:u,type:F,deps:[{token:f.LocalizationService},{token:v}],target:u.ɵɵFactoryTarget.Component}),F.ɵcmp=u.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:F,selector:"kendo-filter-numeric-editor",inputs:{currentItem:"currentItem"},outputs:{valueChange:"valueChange"},ngImport:u,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  ',isInline:!0,components:[{type:c.NumericTextBoxComponent,selector:"kendo-numerictextbox",inputs:["focusableId","disabled","readonly","title","autoCorrect","format","max","min","decimals","placeholder","step","spinners","rangeValidation","tabindex","tabIndex","changeValueOnScroll","selectOnFocus","value","maxlength","size","rounded","fillMode"],outputs:["valueChange","focus","blur"],exportAs:["kendoNumericTextBox"]},{type:c.NumericTextBoxCustomMessagesComponent,selector:"kendo-numerictextbox-messages"}],directives:[{type:k,selector:"[kendoAriaLabelValue]",inputs:["kendoAriaLabelValue"]}]}),u.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:u,type:F,decorators:[{type:n.Component,args:[{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  '}]}],ctorParameters:function(){return[{type:f.LocalizationService},{type:v}]},propDecorators:{currentItem:[{type:n.Input}],valueChange:[{type:n.Output}]}});D.prototype.ngOnInit=function(){var e=this;this.localizationSubscription=this.localization.changes.subscribe(function(){e.defaultItem=e.getDefaultItem(),e.items=e.getValueItems(),e.cdr.detectChanges()})},D.prototype.getDefaultItem=function(){return{text:this.localization.get("filterBooleanAll"),value:null}},D.prototype.getValueItems=function(){return[{text:this.localization.get("filterIsTrue"),value:!0},{text:this.localization.get("filterIsFalse"),value:!1}]},D.prototype.ngOnDestroy=function(){this.localizationSubscription&&this.localizationSubscription.unsubscribe()},D.prototype.messageFor=function(e){return this.localization.get(e)};c=D;function D(e,t){this.localization=e,this.cdr=t,this.valueChange=new n.EventEmitter,this.items=this.getValueItems(),this.defaultItem=this.getDefaultItem()}c.ɵfac=u.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:u,type:c,deps:[{token:f.LocalizationService},{token:u.ChangeDetectorRef}],target:u.ɵɵFactoryTarget.Component}),c.ɵcmp=u.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:c,selector:"kendo-filter-boolean-editor",inputs:{currentItem:"currentItem"},outputs:{valueChange:"valueChange"},ngImport:u,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  ',isInline:!0,components:[{type:d.DropDownListComponent,selector:"kendo-dropdownlist",inputs:["iconClass","loading","data","value","textField","valueField","popupSettings","listHeight","defaultItem","disabled","itemDisabled","readonly","filterable","virtual","ignoreCase","delay","valuePrimitive","tabindex","tabIndex","size","rounded","fillMode","id"],outputs:["valueChange","filterChange","selectionChange","open","opened","close","closed","focus","blur"],exportAs:["kendoDropDownList"]}],directives:[{type:k,selector:"[kendoAriaLabelValue]",inputs:["kendoAriaLabelValue"]}]}),u.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:u,type:c,decorators:[{type:n.Component,args:[{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  '}]}],ctorParameters:function(){return[{type:f.LocalizationService},{type:u.ChangeDetectorRef}]},propDecorators:{currentItem:[{type:n.Input}],valueChange:[{type:n.Output}]}});E.prototype.messageFor=function(e){return this.localization.get(e)},E.prototype.isDisabled=function(){var e=this.filterService.isEditorDisabled;return e&&(this.currentItem.value=null),e};var L=E;function E(e,t){this.localization=e,this.filterService=t,this.valueChange=new n.EventEmitter}L.ɵfac=u.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:u,type:L,deps:[{token:f.LocalizationService},{token:v}],target:u.ɵɵFactoryTarget.Component}),L.ɵcmp=u.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:L,selector:"kendo-filter-date-editor",inputs:{currentItem:"currentItem"},outputs:{valueChange:"valueChange"},ngImport:u,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  ',isInline:!0,components:[{type:g.DatePickerComponent,selector:"kendo-datepicker",inputs:["cellTemplate","monthCellTemplate","yearCellTemplate","decadeCellTemplate","centuryCellTemplate","weekNumberTemplate","headerTitleTemplate","navigationItemTemplate","focusableId","activeView","bottomView","topView","calendarType","animateCalendarNavigation","disabled","readonly","readOnlyInput","popupSettings","navigation","min","max","incompleteDateValidation","focusedDate","value","format","twoDigitYearMax","formatPlaceholder","placeholder","tabindex","tabIndex","disabledDates","title","rangeValidation","disabledDatesValidation","weekNumber","size","rounded","fillMode"],outputs:["valueChange","focus","blur","open","close"],exportAs:["kendo-datepicker"]},{type:g.DatePickerCustomMessagesComponent,selector:"kendo-datepicker-messages"}],directives:[{type:k,selector:"[kendoAriaLabelValue]",inputs:["kendoAriaLabelValue"]}]}),u.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:u,type:L,decorators:[{type:n.Component,args:[{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  '}]}],ctorParameters:function(){return[{type:f.LocalizationService},{type:v}]},propDecorators:{currentItem:[{type:n.Input}],valueChange:[{type:n.Output}]}});A.prototype.ngOnInit=function(){var e=this,t=(this.filters=this.filterService.filters,this.getFilterExpressionByField(this.currentItem.field)),r=(this.currentItem.field&&this.setOperators(t),this.getFilterExpressionByField(this.filterService.filters[0].field));this.currentItem.field||(this.currentItem.field=this.filterService.filters[0].field,this.setOperators(r)),this.localizationSubscription=this.localization.changes.subscribe(function(){e.setOperators(t||r),e.cdr.detectChanges()})},A.prototype.ngOnDestroy=function(){this.localizationSubscription&&this.localizationSubscription.unsubscribe()},A.prototype.normalizeOperators=function(e,t){for(var r=[],n=0;n<t.length;n++)0<=["string","number","boolean","date"].indexOf(e)&&r.push({value:t[n],text:this.localization.get(function(t,r){return Object.keys(t).find(function(e){return t[e]===r})}(j[e],t[n]))});return r},A.prototype.messageFor=function(e){return this.localization.get(e)},A.prototype.getFilterExpressionByField=function(t){var e=this.filterService.filters.find(function(e){return e.field===t});return e||null},A.prototype.filterValueChange=function(e){this.currentItem.value=null,this.currentItem.field=e;e=this.getFilterExpressionByField(this.currentItem.field);this.setOperators(e),this.valueChange.emit()},A.prototype.getDefaultOperators=function(e){switch(e){case"string":return b(B)(this.localization);case"number":return b(G)(this.localization);case"date":return b(P)(this.localization)}},A.prototype.getEditorType=function(){var t=this;return this.filterService.filters.find(function(e){return e.field===t.currentItem.field}).editor},A.prototype.removeFilterExpression=function(){this.filterService.remove(this.currentItem,this.index),this.valueChange.emit()},A.prototype.setOperators=function(e){var t;this.isBoolean="boolean"===e.editor,this.isBoolean||(e.operators?(t=this.normalizeOperators(e.editor,e.operators),this.operators=t,this.currentItem.operator||(this.currentItem.operator=t[0].value)):(this.operators=this.getDefaultOperators(e.editor),this.currentItem.operator||(this.currentItem.operator=this.operators[0].value)))};g=A;function A(e,t,r){this.filterService=e,this.localization=t,this.cdr=r,this.valueChange=new n.EventEmitter,this.operators=[],this.filters=[],this.isBoolean=!1,this.isEditorDisabled=!1}g.ɵfac=u.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:u,type:g,deps:[{token:v},{token:f.LocalizationService},{token:u.ChangeDetectorRef}],target:u.ɵɵFactoryTarget.Component}),g.ɵcmp=u.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:g,selector:"kendo-filter-expression",inputs:{index:"index",currentItem:"currentItem"},outputs:{valueChange:"valueChange"},ngImport:u,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  ',isInline:!0,components:[{type:d.DropDownListComponent,selector:"kendo-dropdownlist",inputs:["iconClass","loading","data","value","textField","valueField","popupSettings","listHeight","defaultItem","disabled","itemDisabled","readonly","filterable","virtual","ignoreCase","delay","valuePrimitive","tabindex","tabIndex","size","rounded","fillMode","id"],outputs:["valueChange","filterChange","selectionChange","open","opened","close","closed","focus","blur"],exportAs:["kendoDropDownList"]},{type:y,selector:"kendo-filter-expression-operators",inputs:["currentItem","operators"],outputs:["valueChange"]},{type:x,selector:"kendo-filter-text-editor",inputs:["currentItem"],outputs:["valueChange"]},{type:F,selector:"kendo-filter-numeric-editor",inputs:["currentItem"],outputs:["valueChange"]},{type:c,selector:"kendo-filter-boolean-editor",inputs:["currentItem"],outputs:["valueChange"]},{type:L,selector:"kendo-filter-date-editor",inputs:["currentItem"],outputs:["valueChange"]}],directives:[{type:k,selector:"[kendoAriaLabelValue]",inputs:["kendoAriaLabelValue"]},{type:m.NgIf,selector:"[ngIf]",inputs:["ngIf","ngIfThen","ngIfElse"]},{type:m.NgSwitch,selector:"[ngSwitch]",inputs:["ngSwitch"]},{type:m.NgSwitchCase,selector:"[ngSwitchCase]",inputs:["ngSwitchCase"]},{type:h.ButtonDirective,selector:"button[kendoButton], span[kendoButton]",inputs:["toggleable","togglable","selected","tabIndex","icon","iconClass","imageUrl","disabled","size","rounded","fillMode","themeColor","shape","role","primary","look"],outputs:["selectedChange","click"],exportAs:["kendoButton"]}]}),u.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:u,type:g,decorators:[{type:n.Component,args:[{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  '}]}],ctorParameters:function(){return[{type:v},{type:f.LocalizationService},{type:u.ChangeDetectorRef}]},propDecorators:{index:[{type:n.Input}],currentItem:[{type:n.Input}],valueChange:[{type:n.Output}]}});N.prototype.ngOnInit=function(){var e=this;this.operators=this.getLogicOperators(),this.localizationSubscription=this.localization.changes.subscribe(function(){e.operators=e.getLogicOperators(),e.cdr.detectChanges()})},N.prototype.ngOnDestroy=function(){this.localizationSubscription&&this.localizationSubscription.unsubscribe()},N.prototype.getLogicOperators=function(){return b(R)(this.localization)},N.prototype.messageFor=function(e){return this.localization.get(e)},N.prototype.selectedChange=function(e){this.currentItem.logic!==e&&(this.currentItem.logic=e,this.valueChange.emit())},N.prototype.addFilterExpression=function(){this.filterService.addFilterExpression(this.currentItem),this.valueChange.emit()},N.prototype.addFilterGroup=function(){this.filterService.addFilterGroup(this.currentItem),this.valueChange.emit()},N.prototype.removeFilterGroup=function(){this.filterService.remove(this.currentItem,this.index),this.valueChange.emit()};d=N;function N(e,t,r){this.filterService=e,this.localization=t,this.cdr=r,this.index=0,this.currentItem={logic:"or",filters:[]},this.valueChange=new n.EventEmitter,this.operators=[]}d.ɵfac=u.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:u,type:d,deps:[{token:v},{token:f.LocalizationService},{token:u.ChangeDetectorRef}],target:u.ɵɵFactoryTarget.Component}),d.ɵcmp=u.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:d,selector:"kendo-filter-group",inputs:{index:"index",currentItem:"currentItem"},outputs:{valueChange:"valueChange"},ngImport:u,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  ',isInline:!0,components:[{type:g,selector:"kendo-filter-expression",inputs:["index","currentItem"],outputs:["valueChange"]},{type:d,selector:"kendo-filter-group",inputs:["index","currentItem"],outputs:["valueChange"]}],directives:[{type:m.NgForOf,selector:"[ngFor][ngForOf]",inputs:["ngForOf","ngForTrackBy","ngForTemplate"]},{type:h.ButtonDirective,selector:"button[kendoButton], span[kendoButton]",inputs:["toggleable","togglable","selected","tabIndex","icon","iconClass","imageUrl","disabled","size","rounded","fillMode","themeColor","shape","role","primary","look"],outputs:["selectedChange","click"],exportAs:["kendoButton"]},{type:m.NgClass,selector:"[ngClass]",inputs:["class","ngClass"]},{type:m.NgIf,selector:"[ngIf]",inputs:["ngIf","ngIfThen","ngIfElse"]}]}),u.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:u,type:d,decorators:[{type:n.Component,args:[{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  '}]}],ctorParameters:function(){return[{type:v},{type:f.LocalizationService},{type:u.ChangeDetectorRef}]},propDecorators:{index:[{type:n.Input}],currentItem:[{type:n.Input}],valueChange:[{type:n.Output}]}});var K=function(e,t){return(K=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])})(e,t)};function U(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");function r(){this.constructor=e}K(e,t),e.prototype=null===t?Object.create(t):(r.prototype=t.prototype,new r)}Object.create;function H(e,t){var r="function"==typeof Symbol&&e[Symbol.iterator];if(!r)return e;var n,o,i=r.call(e),l=[];try{for(;(void 0===t||0<t--)&&!(n=i.next()).done;)l.push(n.value)}catch(e){o={error:e}}finally{try{n&&!n.done&&(r=i.return)&&r.call(i)}finally{if(o)throw o.error}}return l}function $(e,t,r){if(r||2===arguments.length)for(var n,o=0,i=t.length;o<i;o++)!n&&o in t||((n=n||Array.prototype.slice.call(t,0,o))[o]=t[o]);return e.concat(n||Array.prototype.slice.call(t))}Object.create;U(X,J=t.ComponentMessages);var J,h=X;function X(){return null!==J&&J.apply(this,arguments)||this}h.ɵfac=u.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:u,type:h,deps:null,target:u.ɵɵFactoryTarget.Directive}),h.ɵdir=u.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.16",type:h,selector:"[kendoFilterMessages]",inputs:{filterExpressionOperators:"filterExpressionOperators",filterExpressionFilters:"filterExpressionFilters",remove:"remove",addGroup:"addGroup",addFilter:"addFilter",filterAndLogic:"filterAndLogic",filterOrLogic:"filterOrLogic",filterEqOperator:"filterEqOperator",filterNotEqOperator:"filterNotEqOperator",filterIsNullOperator:"filterIsNullOperator",filterIsNotNullOperator:"filterIsNotNullOperator",filterIsEmptyOperator:"filterIsEmptyOperator",filterIsNotEmptyOperator:"filterIsNotEmptyOperator",filterStartsWithOperator:"filterStartsWithOperator",filterContainsOperator:"filterContainsOperator",filterNotContainsOperator:"filterNotContainsOperator",filterEndsWithOperator:"filterEndsWithOperator",filterGteOperator:"filterGteOperator",filterGtOperator:"filterGtOperator",filterLteOperator:"filterLteOperator",filterLtOperator:"filterLtOperator",filterIsTrue:"filterIsTrue",filterIsFalse:"filterIsFalse",filterBooleanAll:"filterBooleanAll",filterAfterOrEqualOperator:"filterAfterOrEqualOperator",filterAfterOperator:"filterAfterOperator",filterBeforeOperator:"filterBeforeOperator",filterBeforeOrEqualOperator:"filterBeforeOrEqualOperator",editorNumericDecrement:"editorNumericDecrement",editorNumericIncrement:"editorNumericIncrement",editorDateTodayText:"editorDateTodayText",editorDateToggleText:"editorDateToggleText",filterFieldAriaLabel:"filterFieldAriaLabel",filterOperatorAriaLabel:"filterOperatorAriaLabel",filterValueAriaLabel:"filterValueAriaLabel",filterAriaLabel:"filterAriaLabel",filterToolbarAriaLabel:"filterToolbarAriaLabel"},usesInheritance:!0,ngImport:u}),u.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:u,type:h,decorators:[{type:n.Directive,args:[{selector:"[kendoFilterMessages]"}]}],propDecorators:{filterExpressionOperators:[{type:n.Input}],filterExpressionFilters:[{type:n.Input}],remove:[{type:n.Input}],addGroup:[{type:n.Input}],addFilter:[{type:n.Input}],filterAndLogic:[{type:n.Input}],filterOrLogic:[{type:n.Input}],filterEqOperator:[{type:n.Input}],filterNotEqOperator:[{type:n.Input}],filterIsNullOperator:[{type:n.Input}],filterIsNotNullOperator:[{type:n.Input}],filterIsEmptyOperator:[{type:n.Input}],filterIsNotEmptyOperator:[{type:n.Input}],filterStartsWithOperator:[{type:n.Input}],filterContainsOperator:[{type:n.Input}],filterNotContainsOperator:[{type:n.Input}],filterEndsWithOperator:[{type:n.Input}],filterGteOperator:[{type:n.Input}],filterGtOperator:[{type:n.Input}],filterLteOperator:[{type:n.Input}],filterLtOperator:[{type:n.Input}],filterIsTrue:[{type:n.Input}],filterIsFalse:[{type:n.Input}],filterBooleanAll:[{type:n.Input}],filterAfterOrEqualOperator:[{type:n.Input}],filterAfterOperator:[{type:n.Input}],filterBeforeOperator:[{type:n.Input}],filterBeforeOrEqualOperator:[{type:n.Input}],editorNumericDecrement:[{type:n.Input}],editorNumericIncrement:[{type:n.Input}],editorDateTodayText:[{type:n.Input}],editorDateToggleText:[{type:n.Input}],filterFieldAriaLabel:[{type:n.Input}],filterOperatorAriaLabel:[{type:n.Input}],filterValueAriaLabel:[{type:n.Input}],filterAriaLabel:[{type:n.Input}],filterToolbarAriaLabel:[{type:n.Input}]}});U(Q,Y=h);var Y,V=Q;function Q(e){var t=Y.call(this)||this;return t.service=e,t}V.ɵfac=u.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:u,type:V,deps:[{token:f.LocalizationService}],target:u.ɵɵFactoryTarget.Directive}),V.ɵdir=u.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.16",type:V,selector:"[kendoFilterLocalizedMessages]",providers:[{provide:h,useExisting:n.forwardRef(function(){return V})}],usesInheritance:!0,ngImport:u}),u.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:u,type:V,decorators:[{type:n.Directive,args:[{providers:[{provide:h,useExisting:n.forwardRef(function(){return V})}],selector:"[kendoFilterLocalizedMessages]"}]}],ctorParameters:function(){return[{type:f.LocalizationService}]}});Object.defineProperty(w.prototype,"filters",{get:function(){return this.filterService.filters},set:function(e){if(n.isDevMode()&&(!Array.isArray(e)||0===e.length))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=e.map(function(e){e=Object.assign({},e);return e.title||(e.title=e.field),e})},enumerable:!1,configurable:!0}),Object.defineProperty(w.prototype,"value",{get:function(){return this.filterService.value},set:function(e){e=JSON.parse(JSON.stringify(e));this.normalizeValue(e),this.filterService.value=e},enumerable:!1,configurable:!0}),w.prototype.ngOnInit=function(){var t=this;if(0===this.filters.length)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(e){e=e.rtl;t.direction=e?"rtl":"ltr",t.cdr.detectChanges()})},w.prototype.ngOnDestroy=function(){this.localizationSubscription&&this.localizationSubscription.unsubscribe()},w.prototype.getCurrentFilter=function(){return this.value},w.prototype.onValueChange=function(){this.valueChange.emit(this.filterService.value)},w.prototype.normalizeFilter=function(t){var e=this.filterService.filters.find(function(e){return e.field===t.field});if(n.isDevMode()&&!e)throw new Error("There is no user-defined filter with '"+t.field+"' field provided through the [filters] input property.");if(n.isDevMode()&&"boolean"===e.editor&&!t.value&&!1!==t.value&&console.warn("Provide a value for the boolean '"+t.field+"' user-defined filter as the operator is always set to 'eq'."),t.operator&&e.operators&&!e.operators.some(function(e){return e===t.operator}))throw new Error("The user-defined filter with field '"+t.field+"' is missing the '"+t.operator+"' operator.");"boolean"===e.editor&&(t.operator="eq"),"date"===e.editor&&t.value&&(t.value=new Date(t.value)),t.value||!1===t.value||(t.value=null)},w.prototype.normalizeValue=function(e){var t=this;e.filters.forEach(function(e){e.filters?t.normalizeValue(e):t.normalizeFilter(e)})};m=w;function w(e,t,r){this.filterService=e,this.localization=t,this.cdr=r,this.valueChange=new n.EventEmitter,z.validatePackage(W),this.direction=t.rtl?"rtl":"ltr"}m.ɵfac=u.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:u,type:m,deps:[{token:v},{token:f.LocalizationService},{token:u.ChangeDetectorRef}],target:u.ɵɵFactoryTarget.Component}),m.ɵcmp=u.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:m,selector:"kendo-filter",inputs:{filters:"filters",value:"value"},outputs:{valueChange:"valueChange"},host:{properties:{"attr.dir":"this.direction"}},providers:[v],ngImport:u,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',isInline:!0,components:[{type:d,selector:"kendo-filter-group",inputs:["index","currentItem"],outputs:["valueChange"]}],directives:[{type:V,selector:"[kendoFilterLocalizedMessages]"}]}),u.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:u,type:m,decorators:[{type:n.Component,args:[{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:[v]}]}],ctorParameters:function(){return[{type:v},{type:f.LocalizationService},{type:u.ChangeDetectorRef}]},propDecorators:{direction:[{type:n.HostBinding,args:["attr.dir"]}],filters:[{type:n.Input}],value:[{type:n.Input}],valueChange:[{type:n.Output}]}});U(ee,Z=h),Object.defineProperty(ee.prototype,"override",{get:function(){return!0},enumerable:!1,configurable:!0});var Z,S=ee;function ee(e){var t=Z.call(this)||this;return t.service=e,t}S.ɵfac=u.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:u,type:S,deps:[{token:f.LocalizationService}],target:u.ɵɵFactoryTarget.Component}),S.ɵcmp=u.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:S,selector:"kendo-filter-messages",providers:[{provide:h,useExisting:n.forwardRef(function(){return S})}],usesInheritance:!0,ngImport:u,template:"",isInline:!0}),u.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:u,type:S,decorators:[{type:n.Component,args:[{providers:[{provide:h,useExisting:n.forwardRef(function(){return S})}],selector:"kendo-filter-messages",template:""}]}],ctorParameters:function(){return[{type:f.LocalizationService}]}});var h=[l.CommonModule,o.InputsModule,s.LabelModule,r.DropDownsModule,a.ButtonsModule,i.DateInputsModule],q=function(){},l=(q.ɵfac=u.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:u,type:q,deps:[],target:u.ɵɵFactoryTarget.NgModule}),q.ɵmod=u.ɵɵngDeclareNgModule({minVersion:"12.0.0",version:"12.2.16",ngImport:u,type:q,imports:[l.CommonModule,o.InputsModule,s.LabelModule,r.DropDownsModule,a.ButtonsModule,i.DateInputsModule],exports:[l.CommonModule,o.InputsModule,s.LabelModule,r.DropDownsModule,a.ButtonsModule,i.DateInputsModule]}),q.ɵinj=u.ɵɵngDeclareInjector({minVersion:"12.0.0",version:"12.2.16",ngImport:u,type:q,imports:[$([],H(h)),l.CommonModule,o.InputsModule,s.LabelModule,r.DropDownsModule,a.ButtonsModule,i.DateInputsModule]}),u.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:u,type:q,decorators:[{type:n.NgModule,args:[{imports:$([],H(h)),exports:$([],H(h))}]}]}),function(){});l.ɵfac=u.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:u,type:l,deps:[],target:u.ɵɵFactoryTarget.NgModule}),l.ɵmod=u.ɵɵngDeclareNgModule({minVersion:"12.0.0",version:"12.2.16",ngImport:u,type:l,declarations:[m,F,x,g,d,y,c,L,V,S,k],imports:[q],exports:[m,F,x,g,d,y,c,L,V,S,k]}),l.ɵinj=u.ɵɵngDeclareInjector({minVersion:"12.0.0",version:"12.2.16",ngImport:u,type:l,providers:[t.LocalizationService,{provide:t.L10N_PREFIX,useValue:"kendo.filter"}],imports:[[q]]}),u.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:u,type:l,decorators:[{type:n.NgModule,args:[{imports:[q],declarations:[m,F,x,g,d,y,c,L,V,S,k],exports:[m,F,x,g,d,y,c,L,V,S,k],providers:[t.LocalizationService,{provide:t.L10N_PREFIX,useValue:"kendo.filter"}]}]}]}),e.AriaLabelValueDirective=k,e.CustomMessagesComponent=S,e.FilterBooleanEditorComponent=c,e.FilterComponent=m,e.FilterDateEditorComponent=L,e.FilterExpressionComponent=g,e.FilterExpressionOperatorsComponent=y,e.FilterGroupComponent=d,e.FilterModule=l,e.FilterNumericEditorComponent=F,e.FilterTextEditorComponent=x,e.LocalizedMessagesDirective=V,Object.defineProperty(e,"__esModule",{value:!0})});

package/{dist/es2015/editors → editors}/boolean-editor.component.d.ts

@@ -5,6 +5,7 @@
 import { ChangeDetectorRef, EventEmitter } from '@angular/core';
 import { LocalizationService } from '@progress/kendo-angular-l10n';
 import { FilterDescriptor } from '@progress/kendo-data-query';
+import * as i0 from "@angular/core";
 /**
  * @hidden
  */
@@ -34,4 +35,6 @@ export declare class FilterBooleanEditorComponent {
     }[];
     ngOnDestroy(): void;
     messageFor(key: string): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FilterBooleanEditorComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FilterBooleanEditorComponent, "kendo-filter-boolean-editor", never, { "currentItem": "currentItem"; }, { "valueChange": "valueChange"; }, never, never>;
 }

package/{dist/es2015/editors → editors}/date-editor.component.d.ts

@@ -6,6 +6,7 @@ import { EventEmitter } from '@angular/core';
 import { LocalizationService } from '@progress/kendo-angular-l10n';
 import { FilterDescriptor } from '@progress/kendo-data-query';
 import { FilterService } from '../filter.service';
+import * as i0 from "@angular/core";
 /**
  * @hidden
  */
@@ -17,4 +18,6 @@ export declare class FilterDateEditorComponent {
     constructor(localization: LocalizationService, filterService: FilterService);
     messageFor(key: string): string;
     isDisabled(): boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FilterDateEditorComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FilterDateEditorComponent, "kendo-filter-date-editor", never, { "currentItem": "currentItem"; }, { "valueChange": "valueChange"; }, never, never>;
 }

package/{dist/es2015/editors → editors}/numeric-editor.component.d.ts

@@ -6,6 +6,7 @@ import { EventEmitter } from '@angular/core';
 import { LocalizationService } from '@progress/kendo-angular-l10n';
 import { FilterDescriptor } from '@progress/kendo-data-query';
 import { FilterService } from '../filter.service';
+import * as i0 from "@angular/core";
 /**
  * @hidden
  */
@@ -17,4 +18,6 @@ export declare class FilterNumericEditorComponent {
     constructor(localization: LocalizationService, filterService: FilterService);
     messageFor(key: string): string;
     isDisabled(): boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FilterNumericEditorComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FilterNumericEditorComponent, "kendo-filter-numeric-editor", never, { "currentItem": "currentItem"; }, { "valueChange": "valueChange"; }, never, never>;
 }

package/{dist/es2015/editors → editors}/text-editor.component.d.ts

@@ -6,6 +6,7 @@ import { EventEmitter } from '@angular/core';
 import { LocalizationService } from '@progress/kendo-angular-l10n';
 import { FilterDescriptor } from '@progress/kendo-data-query';
 import { FilterService } from '../filter.service';
+import * as i0 from "@angular/core";
 /**
  * @hidden
  */
@@ -17,4 +18,6 @@ export declare class FilterTextEditorComponent {
     constructor(localization: LocalizationService, filterService: FilterService);
     isDisabled(): boolean;
     messageFor(key: string): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FilterTextEditorComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FilterTextEditorComponent, "kendo-filter-text-editor", never, { "currentItem": "currentItem"; }, { "valueChange": "valueChange"; }, never, never>;
 }

package/esm2015/aria-label.directive.js

@@ -0,0 +1,28 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { Directive, Input } from '@angular/core';
+import * as i0 from "@angular/core";
+/**
+ * @hidden
+ */
+export class AriaLabelValueDirective {
+    constructor(hostElement, renderer) {
+        this.hostElement = hostElement;
+        this.renderer = renderer;
+    }
+    ngOnChanges() {
+        const target = this.hostElement.nativeElement.querySelector('input') || this.hostElement.nativeElement;
+        this.renderer.setAttribute(target, 'aria-label', this.ariaLabel);
+    }
+}
+AriaLabelValueDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: AriaLabelValueDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive });
+AriaLabelValueDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: AriaLabelValueDirective, selector: "[kendoAriaLabelValue]", inputs: { ariaLabel: ["kendoAriaLabelValue", "ariaLabel"] }, usesOnChanges: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: AriaLabelValueDirective, decorators: [{
+            type: Directive,
+            args: [{ selector: '[kendoAriaLabelValue]' }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.Renderer2 }]; }, propDecorators: { ariaLabel: [{
+                type: Input,
+                args: ['kendoAriaLabelValue']
+            }] } });

package/esm2015/editors/boolean-editor.component.js

@@ -0,0 +1,84 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { Component, EventEmitter, Input, Output } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@progress/kendo-angular-l10n";
+import * as i2 from "@progress/kendo-angular-dropdowns";
+import * as i3 from "../aria-label.directive";
+/**
+ * @hidden
+ */
+export class FilterBooleanEditorComponent {
+    constructor(localization, cdr) {
+        this.localization = localization;
+        this.cdr = cdr;
+        this.valueChange = new EventEmitter();
+        this.items = this.getValueItems();
+        this.defaultItem = this.getDefaultItem();
+    }
+    ngOnInit() {
+        this.localizationSubscription = this.localization.changes.subscribe(() => {
+            this.defaultItem = this.getDefaultItem();
+            this.items = this.getValueItems();
+            this.cdr.detectChanges();
+        });
+    }
+    getDefaultItem() {
+        return { text: this.localization.get("filterBooleanAll"), value: null };
+    }
+    getValueItems() {
+        return [
+            { text: this.localization.get("filterIsTrue"), value: true },
+            { text: this.localization.get("filterIsFalse"), value: false }
+        ];
+    }
+    ngOnDestroy() {
+        if (this.localizationSubscription) {
+            this.localizationSubscription.unsubscribe();
+        }
+    }
+    messageFor(key) {
+        return this.localization.get(key);
+    }
+}
+FilterBooleanEditorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: FilterBooleanEditorComponent, deps: [{ token: i1.LocalizationService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+FilterBooleanEditorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: FilterBooleanEditorComponent, selector: "kendo-filter-boolean-editor", inputs: { currentItem: "currentItem" }, outputs: { valueChange: "valueChange" }, ngImport: i0, template: `
+    <kendo-dropdownlist
+        [kendoAriaLabelValue]="messageFor('filterValueAriaLabel')"
+        class="k-filter-toolbar-item k-filter-value"
+        [(value)]="currentItem.value"
+        (valueChange)="valueChange.emit()"
+        [data]="items"
+        [defaultItem]="defaultItem"
+        [valuePrimitive]="true"
+        textField="text"
+        valueField="value"
+        >
+    </kendo-dropdownlist>
+  `, isInline: true, components: [{ type: i2.DropDownListComponent, selector: "kendo-dropdownlist", inputs: ["iconClass", "loading", "data", "value", "textField", "valueField", "popupSettings", "listHeight", "defaultItem", "disabled", "itemDisabled", "readonly", "filterable", "virtual", "ignoreCase", "delay", "valuePrimitive", "tabindex", "tabIndex", "size", "rounded", "fillMode", "id"], outputs: ["valueChange", "filterChange", "selectionChange", "open", "opened", "close", "closed", "focus", "blur"], exportAs: ["kendoDropDownList"] }], directives: [{ type: i3.AriaLabelValueDirective, selector: "[kendoAriaLabelValue]", inputs: ["kendoAriaLabelValue"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: FilterBooleanEditorComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'kendo-filter-boolean-editor',
+                    template: `
+    <kendo-dropdownlist
+        [kendoAriaLabelValue]="messageFor('filterValueAriaLabel')"
+        class="k-filter-toolbar-item k-filter-value"
+        [(value)]="currentItem.value"
+        (valueChange)="valueChange.emit()"
+        [data]="items"
+        [defaultItem]="defaultItem"
+        [valuePrimitive]="true"
+        textField="text"
+        valueField="value"
+        >
+    </kendo-dropdownlist>
+  `
+                }]
+        }], ctorParameters: function () { return [{ type: i1.LocalizationService }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { currentItem: [{
+                type: Input
+            }], valueChange: [{
+                type: Output
+            }] } });

package/esm2015/editors/date-editor.component.js

@@ -0,0 +1,67 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { Component, EventEmitter, Input, Output } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@progress/kendo-angular-l10n";
+import * as i2 from "../filter.service";
+import * as i3 from "@progress/kendo-angular-dateinputs";
+import * as i4 from "../aria-label.directive";
+/**
+ * @hidden
+ */
+export class FilterDateEditorComponent {
+    constructor(localization, filterService) {
+        this.localization = localization;
+        this.filterService = filterService;
+        this.valueChange = new EventEmitter();
+    }
+    messageFor(key) {
+        return this.localization.get(key);
+    }
+    isDisabled() {
+        const isDisabled = this.filterService.isEditorDisabled;
+        if (isDisabled) {
+            this.currentItem.value = null;
+        }
+        return isDisabled;
+    }
+}
+FilterDateEditorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: FilterDateEditorComponent, deps: [{ token: i1.LocalizationService }, { token: i2.FilterService }], target: i0.ɵɵFactoryTarget.Component });
+FilterDateEditorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: FilterDateEditorComponent, selector: "kendo-filter-date-editor", inputs: { currentItem: "currentItem" }, outputs: { valueChange: "valueChange" }, ngImport: i0, template: `
+        <kendo-datepicker
+            [kendoAriaLabelValue]="messageFor('filterValueAriaLabel')"
+            class="k-filter-toolbar-item k-filter-value"
+            [(value)]="currentItem.value"
+            (valueChange)="valueChange.emit()"
+            [disabled]="isDisabled()">
+            <kendo-datepicker-messages
+                [toggle]="messageFor('editorDateToggleText')"
+                [today]="messageFor('editorDateTodayText')">
+            </kendo-datepicker-messages>
+        </kendo-datepicker>
+  `, isInline: true, components: [{ type: i3.DatePickerComponent, selector: "kendo-datepicker", inputs: ["cellTemplate", "monthCellTemplate", "yearCellTemplate", "decadeCellTemplate", "centuryCellTemplate", "weekNumberTemplate", "headerTitleTemplate", "navigationItemTemplate", "focusableId", "activeView", "bottomView", "topView", "calendarType", "animateCalendarNavigation", "disabled", "readonly", "readOnlyInput", "popupSettings", "navigation", "min", "max", "incompleteDateValidation", "focusedDate", "value", "format", "twoDigitYearMax", "formatPlaceholder", "placeholder", "tabindex", "tabIndex", "disabledDates", "title", "rangeValidation", "disabledDatesValidation", "weekNumber", "size", "rounded", "fillMode"], outputs: ["valueChange", "focus", "blur", "open", "close"], exportAs: ["kendo-datepicker"] }, { type: i3.DatePickerCustomMessagesComponent, selector: "kendo-datepicker-messages" }], directives: [{ type: i4.AriaLabelValueDirective, selector: "[kendoAriaLabelValue]", inputs: ["kendoAriaLabelValue"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: FilterDateEditorComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'kendo-filter-date-editor',
+                    template: `
+        <kendo-datepicker
+            [kendoAriaLabelValue]="messageFor('filterValueAriaLabel')"
+            class="k-filter-toolbar-item k-filter-value"
+            [(value)]="currentItem.value"
+            (valueChange)="valueChange.emit()"
+            [disabled]="isDisabled()">
+            <kendo-datepicker-messages
+                [toggle]="messageFor('editorDateToggleText')"
+                [today]="messageFor('editorDateTodayText')">
+            </kendo-datepicker-messages>
+        </kendo-datepicker>
+  `
+                }]
+        }], ctorParameters: function () { return [{ type: i1.LocalizationService }, { type: i2.FilterService }]; }, propDecorators: { currentItem: [{
+                type: Input
+            }], valueChange: [{
+                type: Output
+            }] } });

package/esm2015/editors/numeric-editor.component.js

@@ -0,0 +1,67 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { Component, EventEmitter, Input, Output } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@progress/kendo-angular-l10n";
+import * as i2 from "../filter.service";
+import * as i3 from "@progress/kendo-angular-inputs";
+import * as i4 from "../aria-label.directive";
+/**
+ * @hidden
+ */
+export class FilterNumericEditorComponent {
+    constructor(localization, filterService) {
+        this.localization = localization;
+        this.filterService = filterService;
+        this.valueChange = new EventEmitter();
+    }
+    messageFor(key) {
+        return this.localization.get(key);
+    }
+    isDisabled() {
+        const isDisabled = this.filterService.isEditorDisabled;
+        if (isDisabled) {
+            this.currentItem.value = null;
+        }
+        return isDisabled;
+    }
+}
+FilterNumericEditorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: FilterNumericEditorComponent, deps: [{ token: i1.LocalizationService }, { token: i2.FilterService }], target: i0.ɵɵFactoryTarget.Component });
+FilterNumericEditorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: FilterNumericEditorComponent, selector: "kendo-filter-numeric-editor", inputs: { currentItem: "currentItem" }, outputs: { valueChange: "valueChange" }, ngImport: i0, template: `
+        <kendo-numerictextbox
+            [kendoAriaLabelValue]="messageFor('filterValueAriaLabel')"
+            class="k-filter-toolbar-item k-filter-value"
+            [(value)]="currentItem.value"
+            (valueChange)="valueChange.emit()"
+            [disabled]="isDisabled()">
+            <kendo-numerictextbox-messages
+                [increment]="messageFor('editorNumericIncrement')"
+                [decrement]="messageFor('editorNumericDecrement')">
+            </kendo-numerictextbox-messages>
+        </kendo-numerictextbox>
+  `, isInline: true, components: [{ type: i3.NumericTextBoxComponent, selector: "kendo-numerictextbox", inputs: ["focusableId", "disabled", "readonly", "title", "autoCorrect", "format", "max", "min", "decimals", "placeholder", "step", "spinners", "rangeValidation", "tabindex", "tabIndex", "changeValueOnScroll", "selectOnFocus", "value", "maxlength", "size", "rounded", "fillMode"], outputs: ["valueChange", "focus", "blur"], exportAs: ["kendoNumericTextBox"] }, { type: i3.NumericTextBoxCustomMessagesComponent, selector: "kendo-numerictextbox-messages" }], directives: [{ type: i4.AriaLabelValueDirective, selector: "[kendoAriaLabelValue]", inputs: ["kendoAriaLabelValue"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: FilterNumericEditorComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'kendo-filter-numeric-editor',
+                    template: `
+        <kendo-numerictextbox
+            [kendoAriaLabelValue]="messageFor('filterValueAriaLabel')"
+            class="k-filter-toolbar-item k-filter-value"
+            [(value)]="currentItem.value"
+            (valueChange)="valueChange.emit()"
+            [disabled]="isDisabled()">
+            <kendo-numerictextbox-messages
+                [increment]="messageFor('editorNumericIncrement')"
+                [decrement]="messageFor('editorNumericDecrement')">
+            </kendo-numerictextbox-messages>
+        </kendo-numerictextbox>
+  `
+                }]
+        }], ctorParameters: function () { return [{ type: i1.LocalizationService }, { type: i2.FilterService }]; }, propDecorators: { currentItem: [{
+                type: Input
+            }], valueChange: [{
+                type: Output
+            }] } });

package/esm2015/editors/text-editor.component.js

@@ -0,0 +1,59 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { Component, EventEmitter, Input, Output } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@progress/kendo-angular-l10n";
+import * as i2 from "../filter.service";
+import * as i3 from "@progress/kendo-angular-inputs";
+import * as i4 from "../aria-label.directive";
+/**
+ * @hidden
+ */
+export class FilterTextEditorComponent {
+    constructor(localization, filterService) {
+        this.localization = localization;
+        this.filterService = filterService;
+        this.valueChange = new EventEmitter();
+    }
+    isDisabled() {
+        const isDisabled = this.filterService.isEditorDisabled;
+        if (isDisabled) {
+            this.currentItem.value = null;
+        }
+        return isDisabled;
+    }
+    messageFor(key) {
+        return this.localization.get(key);
+    }
+}
+FilterTextEditorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: FilterTextEditorComponent, deps: [{ token: i1.LocalizationService }, { token: i2.FilterService }], target: i0.ɵɵFactoryTarget.Component });
+FilterTextEditorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: FilterTextEditorComponent, selector: "kendo-filter-text-editor", inputs: { currentItem: "currentItem" }, outputs: { valueChange: "valueChange" }, ngImport: i0, template: `
+        <kendo-textbox
+            [kendoAriaLabelValue]="messageFor('filterValueAriaLabel')"
+            class="k-filter-toolbar-item k-filter-value"
+            [(value)]="currentItem.value"
+            (valueChange)="valueChange.emit()"
+            [disabled]="isDisabled()">
+        </kendo-textbox>
+  `, isInline: true, components: [{ type: i3.TextBoxComponent, selector: "kendo-textbox", inputs: ["focusableId", "title", "disabled", "readonly", "tabindex", "value", "selectOnFocus", "showSuccessIcon", "showErrorIcon", "clearButton", "successIcon", "errorIcon", "clearButtonIcon", "size", "rounded", "fillMode", "tabIndex", "placeholder", "maxlength"], outputs: ["valueChange", "inputFocus", "inputBlur", "focus", "blur"], exportAs: ["kendoTextBox"] }], directives: [{ type: i4.AriaLabelValueDirective, selector: "[kendoAriaLabelValue]", inputs: ["kendoAriaLabelValue"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: FilterTextEditorComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'kendo-filter-text-editor',
+                    template: `
+        <kendo-textbox
+            [kendoAriaLabelValue]="messageFor('filterValueAriaLabel')"
+            class="k-filter-toolbar-item k-filter-value"
+            [(value)]="currentItem.value"
+            (valueChange)="valueChange.emit()"
+            [disabled]="isDisabled()">
+        </kendo-textbox>
+  `
+                }]
+        }], ctorParameters: function () { return [{ type: i1.LocalizationService }, { type: i2.FilterService }]; }, propDecorators: { currentItem: [{
+                type: Input
+            }], valueChange: [{
+                type: Output
+            }] } });