@progress/kendo-angular-dropdowns 7.0.1 → 7.0.2

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

@@ -2,4 +2,4 @@
 * 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-angular-common"),require("@angular/forms"),require("@progress/kendo-licensing"),require("@progress/kendo-common"),require("@progress/kendo-angular-l10n"),require("rxjs"),require("@progress/kendo-angular-popup"),require("rxjs/operators"),require("@angular/common"),require("@progress/kendo-angular-treeview")):"function"==typeof define&&define.amd?define("KendoAngularDropdowns",["exports","@angular/core","@progress/kendo-angular-common","@angular/forms","@progress/kendo-licensing","@progress/kendo-common","@progress/kendo-angular-l10n","rxjs","@progress/kendo-angular-popup","rxjs/operators","@angular/common","@progress/kendo-angular-treeview"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).KendoAngularDropdowns={},e.ng.core,e.KendoAngularCommon,e.ng.forms,e.KendoLicensing,e.KendoCommon,e.KendoAngularL10N,e.rxjs,e.KendoAngularPopup,e.rxjs.operators,e.ng.common,e.KendoAngularTreeview)}(this,function(e,h,l,t,B,V,n,g,N,m,i,o){"use strict";function L(n){if(n&&n.__esModule)return n;var i=Object.create(null);return n&&Object.keys(n).forEach(function(e){var t;"default"!==e&&(t=Object.getOwnPropertyDescriptor(n,e),Object.defineProperty(i,e,t.get?t:{enumerable:!0,get:function(){return n[e]}}))}),i.default=n,Object.freeze(i)}var s=L(h),a=L(l),_=L(t),r=L(n),j=L(N),p=L(i),H=L(o),$={name:"@progress/kendo-angular-dropdowns",productName:"Kendo UI for Angular",productCodes:["KENDOUIANGULAR","KENDOUICOMPLETE"],publishDate:1652188959,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=function(e,t){return(K=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])})(e,t)};function G(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");function n(){this.constructor=e}K(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)}Object.create;function U(e,t){var n="function"==typeof Symbol&&e[Symbol.iterator];if(!n)return e;var i,o,s=n.call(e),a=[];try{for(;(void 0===t||0<t--)&&!(i=s.next()).done;)a.push(i.value)}catch(e){o={error:e}}finally{try{i&&!i.done&&(n=s.return)&&n.call(s)}finally{if(o)throw o.error}}return a}function W(e,t,n){if(n||2===arguments.length)for(var i,o=0,s=t.length;o<s;o++)!i&&o in t||((i=i||Array.prototype.slice.call(t,0,o))[o]=t[o]);return e.concat(i||Array.prototype.slice.call(t))}Object.create;function q(){for(var e,t="",n=0;n<32;n++)e=16*Math.random()|0,8!==n&&12!==n&&16!==n&&20!==n||(t+="-"),t+=(12===n?4:16===n?3&e|8:e).toString(16);return t}function Z(e){return"string"==typeof e&&0===e.length}function X(e,t,n){i=n;var i,o,s,a=pe(a=e)&&a.filter(function(e){return de(e)&&c(f(e,i))})||[];return s=n,void 0===(o=t)&&(o=[]),(e.map(function(t){return o.find(function(e){return f(e,s)===t})}).filter(function(e){return void 0!==e})||[]).concat(a)}function Q(e){return pe(e)&&e.every(function(e){return de(e)})}function J(e,t,n){var i=t.map(function(e){return c(e)&&c(f(e,n))?f(e,n):e});return e.reduce(function(e,t){t=c(t)&&c(f(t,n))?f(t,n):t,t=i.indexOf(t);return-1!==t&&e.push(t),e},[])}function Y(e,t,n){return!!c(e)&&(e=String(e),0===(e=n?e.toLowerCase():e).indexOf(t))}function ee(t,e){return!!c(t)&&e.every(function(e){return t.hasOwnProperty(e)})}function te(e){return e.className.includes("ng-untouched")}function ne(e){}function ie(e,t){return void 0===t&&(t=0),e=Number(e),isNaN(e)?t:e}function oe(e,t,n){return e.nativeElement.contains(t)||n&&n.popupElement.contains(t)}function se(e){return(e||"").split("_").length-1}function ae(e,t){if(!c(e)||0===e.children.length)return[];var n=e.children;return(n=c(t)?n.filter(function(e){return t(e.item)}):n).forEach(function(e){return n=n.concat(ae(e,t))}),n}function re(e,t){var n=e.dataItem,i=e.index,e=e.level,t=Array.isArray(t)?t:[t],e=c(e)?e:se(i),i=t[Math.min(e,t.length-1)];return V.getter(i)(n)}function d(e,t){return{small:"k-"+e+"-sm",medium:"k-"+e+"-md",large:"k-"+e+"-lg"}[t]}function u(e){return{small:"k-rounded-sm",medium:"k-rounded-md",large:"k-rounded-lg",full:"k-rounded-full"}[e]}function le(e,t){return{solid:"k-"+e+"-solid",flat:"k-"+e+"-flat",outline:"k-"+e+"-outline"}[t]}var c=function(e){return null!=e},pe=function(e){return Array.isArray(e)},de=function(e){return c(e)&&"object"==typeof e},f=function(e,t){return c(e)?c(t)&&de(e)?V.getter(t)(e):e:null},v=(Object.defineProperty(ue.prototype,"userInput",{get:function(){return this._userInput},set:function(e){this._userInput=e||""},enumerable:!1,configurable:!0}),Object.defineProperty(ue.prototype,"value",{get:function(){return this.input.nativeElement.value},enumerable:!1,configurable:!0}),Object.defineProperty(ue.prototype,"placeholder",{get:function(){return this._placeholder},set:function(e){this._placeholder=e||"",this.setInputSize()},enumerable:!1,configurable:!0}),Object.defineProperty(ue.prototype,"ariaExpanded",{get:function(){return"combobox"===this.role?this.popupOpen:null},enumerable:!1,configurable:!0}),ue.prototype.ngOnInit=function(){var t=this;this.localizationChangeSubscription=this.localization.changes.subscribe(function(e){e=e.rtl;return t.direction=e?"rtl":"ltr"})},ue.prototype.ngOnChanges=function(e){var t,n,i;this.input&&(e.userInput||e.suggestedText)&&(e=!e.userInput||!e.userInput.previousValue||this._previousValue===e.userInput.previousValue?this._previousValue:e.userInput.currentValue||"",t=this.input.nativeElement.selectionStart,e=e.length===t,this.writeInputValue(this.suggestedText?(n=this.userInput,i=this.suggestedText,n.concat(i.substr(i.toLowerCase().indexOf(n.toLowerCase())+n.length))):this.userInput),this.suggestedText?this.setInputSelection(this.userInput.length,this.suggestedText.length):e?this.setInputSelection(this.userInput.length,this.userInput.length):this.setInputSelection(t,t),this._previousValue=this.userInput)},ue.prototype.ngOnDestroy=function(){this.localizationChangeSubscription&&this.localizationChangeSubscription.unsubscribe()},ue.prototype.writeInputValue=function(e){l.isDocumentAvailable()&&this.renderer.setProperty(this.input.nativeElement,"value",e)},ue.prototype.setInputSelection=function(e,t){if(l.isDocumentAvailable()&&this.input.nativeElement===document.activeElement)try{this.input.nativeElement.setSelectionRange(e,t)}catch(e){}},ue.prototype.handleInput=function(e){e=e.target.value;e!==this.userInput&&(this._previousValue=e,this.valueChange.emit(e))},ue.prototype.handleFocus=function(e){this.onFocus.emit(e)},ue.prototype.handleBlur=function(e){this.onBlur.emit(e)},ue.prototype.handleKeydown=function(e){var t=e.keyCode;-1<[l.Keys.ArrowUp,l.Keys.ArrowDown,l.Keys.ArrowLeft,l.Keys.ArrowRight,l.Keys.Enter,l.Keys.Escape,l.Keys.Delete,l.Keys.Backspace,l.Keys.Home,l.Keys.End].indexOf(t)&&this.onNavigate.emit(e)},ue.prototype.focus=function(){l.isDocumentAvailable()&&this.input.nativeElement.focus()},ue.prototype.blur=function(){l.isDocumentAvailable()&&this.input.nativeElement.blur()},ue.prototype.setInputSize=function(){function e(e){return e?e.length:0}var t=this.input.nativeElement,n=e(this.placeholder),i=e(this.value),n=Math.max(n,i,1);this.renderer.setAttribute(t,"size",n.toString())},ue);function ue(e,t){this.localization=e,this.valueChange=new h.EventEmitter,this.onBlur=new h.EventEmitter,this.onFocus=new h.EventEmitter,this.onClick=new h.EventEmitter,this.onNavigate=new h.EventEmitter,this.searchBarClass=!0,this._userInput="",this._previousValue="",this._placeholder="",this.direction=e.rtl?"rtl":"ltr",this.renderer=t}v.ɵfac=s.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:s,type:v,deps:[{token:r.LocalizationService},{token:s.Renderer2}],target:s.ɵɵFactoryTarget.Component}),v.ɵcmp=s.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:v,selector:"kendo-searchbar",inputs:{id:"id",listId:"listId",tagListId:"tagListId",activeDescendant:"activeDescendant",noDataLabel:"noDataLabel",disabled:"disabled",readonly:"readonly",tabIndex:"tabIndex",popupOpen:"popupOpen",role:"role",userInput:"userInput",suggestedText:"suggestedText",placeholder:"placeholder"},outputs:{valueChange:"valueChange",onBlur:"onBlur",onFocus:"onFocus",onClick:"onClick",onNavigate:"onNavigate"},host:{properties:{"class.k-searchbar":"this.searchBarClass"}},viewQueries:[{propertyName:"input",first:!0,predicate:["input"],descendants:!0,static:!0}],usesOnChanges:!0,ngImport:s,template:'\n        <input #input\n            autocomplete="off"\n            [id]="id"\n            [disabled]="disabled"\n            [readonly]="readonly"\n            [placeholder]="placeholder"\n            [class]="\'k-input-inner\'"\n            (input)="handleInput($event)"\n            (keydown)="handleKeydown($event)"\n            [kendoEventsOutsideAngular]="{\n                focus: handleFocus,\n                blur: handleBlur\n            }"\n            [scope]="this"\n            [attr.tabIndex]="tabIndex"\n            [attr.dir]="direction"\n            [attr.role]="role"\n            [attr.aria-disabled]="disabled"\n            [attr.aria-readonly]="readonly"\n            aria-haspopup="listbox"\n            [attr.aria-expanded]="ariaExpanded"\n            [attr.aria-owns]="listId"\n            [attr.aria-describedby]="tagListId"\n            [attr.aria-activedescendant]="activeDescendant"\n            [attr.aria-label]="noDataLabel"\n        />\n   ',isInline:!0,directives:[{type:a.EventsOutsideAngularDirective,selector:"[kendoEventsOutsideAngular]",inputs:["kendoEventsOutsideAngular","scope"]}]}),s.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:s,type:v,decorators:[{type:h.Component,args:[{selector:"kendo-searchbar",template:'\n        <input #input\n            autocomplete="off"\n            [id]="id"\n            [disabled]="disabled"\n            [readonly]="readonly"\n            [placeholder]="placeholder"\n            [class]="\'k-input-inner\'"\n            (input)="handleInput($event)"\n            (keydown)="handleKeydown($event)"\n            [kendoEventsOutsideAngular]="{\n                focus: handleFocus,\n                blur: handleBlur\n            }"\n            [scope]="this"\n            [attr.tabIndex]="tabIndex"\n            [attr.dir]="direction"\n            [attr.role]="role"\n            [attr.aria-disabled]="disabled"\n            [attr.aria-readonly]="readonly"\n            aria-haspopup="listbox"\n            [attr.aria-expanded]="ariaExpanded"\n            [attr.aria-owns]="listId"\n            [attr.aria-describedby]="tagListId"\n            [attr.aria-activedescendant]="activeDescendant"\n            [attr.aria-label]="noDataLabel"\n        />\n   '}]}],ctorParameters:function(){return[{type:r.LocalizationService},{type:s.Renderer2}]},propDecorators:{id:[{type:h.Input}],listId:[{type:h.Input}],tagListId:[{type:h.Input}],activeDescendant:[{type:h.Input}],noDataLabel:[{type:h.Input}],disabled:[{type:h.Input}],readonly:[{type:h.Input}],tabIndex:[{type:h.Input}],popupOpen:[{type:h.Input}],role:[{type:h.Input}],userInput:[{type:h.Input}],suggestedText:[{type:h.Input}],valueChange:[{type:h.Output}],onBlur:[{type:h.Output}],onFocus:[{type:h.Output}],onClick:[{type:h.Output}],onNavigate:[{type:h.Output}],input:[{type:h.ViewChild,args:["input",{static:!0}]}],searchBarClass:[{type:h.HostBinding,args:["class.k-searchbar"]}],placeholder:[{type:h.Input}]}});var b,ce=function(e){this.templateRef=e},y=(ce.ɵfac=s.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:s,type:ce,deps:[{token:s.TemplateRef}],target:s.ɵɵFactoryTarget.Directive}),ce.ɵdir=s.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.16",type:ce,selector:"[kendoDropDownListItemTemplate],[kendoComboBoxItemTemplate],[kendoAutoCompleteItemTemplate],[kendoMultiSelectItemTemplate]",ngImport:s}),s.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:s,type:ce,decorators:[{type:h.Directive,args:[{selector:"[kendoDropDownListItemTemplate],[kendoComboBoxItemTemplate],[kendoAutoCompleteItemTemplate],[kendoMultiSelectItemTemplate]"}]}],ctorParameters:function(){return[{type:s.TemplateRef}]}}),function(e){this.templateRef=e}),k=(y.ɵfac=s.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:s,type:y,deps:[{token:s.TemplateRef}],target:s.ɵɵFactoryTarget.Directive}),y.ɵdir=s.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.16",type:y,selector:"[kendoDropDownListHeaderTemplate],[kendoComboBoxHeaderTemplate],[kendoDropDownTreeHeaderTemplate],[kendoMultiColumnComboBoxHeaderTemplate],[kendoAutoCompleteHeaderTemplate],[kendoMultiSelectHeaderTemplate],[kendoMultiSelectTreeHeaderTemplate]",ngImport:s}),s.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:s,type:y,decorators:[{type:h.Directive,args:[{selector:"[kendoDropDownListHeaderTemplate],[kendoComboBoxHeaderTemplate],[kendoDropDownTreeHeaderTemplate],[kendoMultiColumnComboBoxHeaderTemplate],[kendoAutoCompleteHeaderTemplate],[kendoMultiSelectHeaderTemplate],[kendoMultiSelectTreeHeaderTemplate]"}]}],ctorParameters:function(){return[{type:s.TemplateRef}]}}),function(e){this.templateRef=e}),he=(k.ɵfac=s.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:s,type:k,deps:[{token:s.TemplateRef}],target:s.ɵɵFactoryTarget.Directive}),k.ɵdir=s.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.16",type:k,selector:"[kendoDropDownListFooterTemplate],[kendoComboBoxFooterTemplate],[kendoDropDownTreeFooterTemplate],[kendoMultiColumnComboBoxFooterTemplate],[kendoAutoCompleteFooterTemplate],[kendoMultiSelectFooterTemplate],[kendoMultiSelectTreeFooterTemplate]",ngImport:s}),s.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:s,type:k,decorators:[{type:h.Directive,args:[{selector:"[kendoDropDownListFooterTemplate],[kendoComboBoxFooterTemplate],[kendoDropDownTreeFooterTemplate],[kendoMultiColumnComboBoxFooterTemplate],[kendoAutoCompleteFooterTemplate],[kendoMultiSelectFooterTemplate],[kendoMultiSelectTreeFooterTemplate]"}]}],ctorParameters:function(){return[{type:s.TemplateRef}]}}),function(e){this.templateRef=e}),ge=(he.ɵfac=s.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:s,type:he,deps:[{token:s.TemplateRef}],target:s.ɵɵFactoryTarget.Directive}),he.ɵdir=s.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.16",type:he,selector:"[kendoDropDownListGroupTemplate],[kendoComboBoxGroupTemplate],[kendoMultiColumnComboBoxGroupTemplate],[kendoAutoCompleteGroupTemplate],[kendoMultiSelectGroupTemplate]",ngImport:s}),s.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:s,type:he,decorators:[{type:h.Directive,args:[{selector:"[kendoDropDownListGroupTemplate],[kendoComboBoxGroupTemplate],[kendoMultiColumnComboBoxGroupTemplate],[kendoAutoCompleteGroupTemplate],[kendoMultiSelectGroupTemplate]"}]}],ctorParameters:function(){return[{type:s.TemplateRef}]}}),function(e){this.templateRef=e}),C=(ge.ɵfac=s.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:s,type:ge,deps:[{token:s.TemplateRef}],target:s.ɵɵFactoryTarget.Directive}),ge.ɵdir=s.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.16",type:ge,selector:"[kendoDropDownListFixedGroupTemplate],[kendoComboBoxFixedGroupTemplate],[kendoMultiColumnComboBoxFixedGroupTemplate],[kendoAutoCompleteFixedGroupTemplate],[kendoMultiSelectFixedGroupTemplate]",ngImport:s}),s.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:s,type:ge,decorators:[{type:h.Directive,args:[{selector:"[kendoDropDownListFixedGroupTemplate],[kendoComboBoxFixedGroupTemplate],[kendoMultiColumnComboBoxFixedGroupTemplate],[kendoAutoCompleteFixedGroupTemplate],[kendoMultiSelectFixedGroupTemplate]"}]}],ctorParameters:function(){return[{type:s.TemplateRef}]}}),me.prototype.getTotal=function(){return this.total},me.prototype.isSelected=function(t){return c(this.selectedIndices.find(function(e){return e===t}))},me.prototype.isFocused=function(e){return e===this.focused},me.prototype.focus=function(e){this.isFocused(e)||(this.focused=e,this.onFocus.emit(e))},me.prototype.select=function(e){this.isSelected(e)||(this.selectedIndices=[e],this.focused=e,this.onSelect.emit({indices:[e],newSelection:c(e)}))},me.prototype.add=function(e){this.isSelected(e)||(this.selectedIndices.push(e),this.focused=e,this.onChange.emit({added:e,indices:this.selectedIndices.slice()}))},me.prototype.unselect=function(e){var t;this.isSelected(e)&&(t=this.selectedIndices.indexOf(e),this.selectedIndices.splice(t,1),this.focused=e,this.onChange.emit({indices:this.selectedIndices.slice(),removed:e}))},me.prototype.change=function(e){var t=c(e)&&!this.isSelected(e);this.selectedIndices=[e],this.focused=e,this.onChange.emit({indices:[e],newSelection:t})},me.prototype.resetSelection=function(e){this.selectedIndices=e instanceof Array?e:[e],this.focused=this.selectedIndices[this.selectedIndices.length-1]},Object.defineProperty(me.prototype,"selected",{get:function(){return this.selectedIndices.slice()},enumerable:!1,configurable:!0}),Object.defineProperty(me.prototype,"focused",{get:function(){return this.focusedIndex},set:function(e){this.focusedIndex!==e&&(this.focusedIndex=e,this.onFocus.emit(e))},enumerable:!1,configurable:!0}),me);function me(){this.onSelect=new h.EventEmitter,this.onChange=new h.EventEmitter,this.onFocus=new h.EventEmitter,this.total=0,this.selectedIndices=[]}C.ɵfac=s.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:s,type:C,deps:[],target:s.ɵɵFactoryTarget.Injectable}),C.ɵprov=s.ɵɵngDeclareInjectable({minVersion:"12.0.0",version:"12.2.16",ngImport:s,type:C}),s.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:s,type:C,decorators:[{type:h.Injectable}]}),(D=b=b||{})[D.Undefined=0]="Undefined",D[D.Open=1]="Open",D[D.Close=2]="Close",D[D.Enter=3]="Enter",D[D.Tab=4]="Tab",D[D.Esc=5]="Esc",D[D.Delete=6]="Delete",D[D.Backspace=7]="Backspace",D[D.Home=8]="Home",D[D.End=9]="End",D[D.Up=10]="Up",D[D.Down=11]="Down",D[D.Left=12]="Left",D[D.Right=13]="Right";Object.defineProperty(fe.prototype,"data",{get:function(){return this.grouped?this._flatData:this._data},set:function(e){this._data=e,this.grouped=this.isGrouped(e),this.grouped&&(this.groupIndices=this.getGroupIndices(e),this._flatData=this.flatten(e))},enumerable:!1,configurable:!0}),Object.defineProperty(fe.prototype,"itemsCount",{get:function(){return c(this.data)&&0!==this.data.length?(this.grouped?this._flatData.filter(function(e){return!e.header}):this.data).length:0},enumerable:!1,configurable:!0}),fe.prototype.isGrouped=function(e){return c(e)&&0!==e.length&&c(e[0])&&ee(e[0],["aggregates","field","items","value"])},fe.prototype.getGroupIndices=function(e){for(var t=[],n=0;n<=e.length-1;n++)t[n]=(t[n-1]||0)+e[n].items.length;return t},fe.prototype.filter=function(e){var t=[];if(this.isGrouped(this.data))for(var n=0;n<=this.groupIndices.length-1;n++){var i=this.data[n].items.filter(e);i&&(t=t.concat(i))}else t=this.data.filter(e);return t},fe.prototype.indexOf=function(t,e){var n=function(e){return e===t};return this.grouped&&(n=function(e){return e.value===t}),this.findIndex(n,e=void 0===e?0:e)},fe.prototype.findIndex=function(e,t){void 0===t&&(t=0);var n,i=-1;return i=this.grouped?(i=(n=this._flatData.filter(function(e){return!e.header&&e.offsetIndex>=t})).findIndex(e),n[i]?n[i].offsetIndex:-1):-1!==(n=(n=this.data.slice(t)).findIndex(e))?n+t:-1},fe.prototype.closestGroup=function(e){for(var t=e;0<=t;t--)if(this._flatData[t].header)return this._flatData[t]},fe.prototype.find=function(e){e=this.findIndex(e);return this.itemAt(e)},fe.prototype.flatIndex=function(t){if(0===this.itemsCount)return-1;if(!this.grouped)return t;var e=this._flatData.find(function(e){return!e.header&&e.offsetIndex===t});return e?e.index:-1},fe.prototype.itemAt=function(t){var e,n;return 0===this.itemsCount||(this.grouped?(n=this._flatData.find(function(e){return!e.header&&e.offsetIndex===t}))&&(e=n.value):e=this.data[t]),e},fe.prototype.groupAt=function(t){if(0!==this.itemsCount&&this.isGrouped)return this._flatData.find(function(e){return e.header&&e.index===t})},fe.prototype.groupField=function(){return 0!==this.itemsCount&&this.isGrouped?this._data[0].field:null},fe.prototype.itemGroup=function(e){var t;if(e&&0!==this.itemsCount&&this.isGrouped)return t=this.groupField(),t?f(e,t):void 0},fe.prototype.flatten=function(e,t,n,i){void 0===n&&(n=0),void 0===i&&(i=0);var o=[];c(t=void 0===t?void 0:t)&&o.push({header:!0,index:i+n,offsetIndex:i,value:t});for(var s=0;s<e.length;s++){var a=[];e[s].items?(a=this.flatten(e[s].items,e[s].value,n,s),n+=e[s].items.length):a.push({header:!1,index:i+n+s+1,offsetIndex:n+s,value:e[s]}),o=o.concat(a)}return o};var I=fe;function fe(){this.grouped=!1,this.groupIndices=[]}I.ɵfac=s.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:s,type:I,deps:[],target:s.ɵɵFactoryTarget.Injectable}),I.ɵprov=s.ɵɵngDeclareInjectable({minVersion:"12.0.0",version:"12.2.16",ngImport:s,type:I}),s.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:s,type:I,decorators:[{type:h.Injectable}]});ve.prototype.isIndexDisabled=function(e){var t;if(this.itemDisabled)return t=this.dataService.itemAt(e),c(t)?this.itemDisabled({dataItem:t,index:e}):c(this.defaultItem)?this.itemDisabled({dataItem:this.defaultItem,index:-1}):void 0},ve.prototype.isItemDisabled=function(e){var t;if(this.itemDisabled)return-1!==(t=this.dataService.indexOf(e))?this.itemDisabled({dataItem:e,index:t}):c(this.defaultItem)?this.itemDisabled({dataItem:this.defaultItem,index:-1}):void 0};var x=ve;function ve(e){this.dataService=e,this.itemDisabled=null}x.ɵfac=s.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:s,type:x,deps:[{token:I}],target:s.ɵɵFactoryTarget.Injectable}),x.ɵprov=s.ɵɵngDeclareInjectable({minVersion:"12.0.0",version:"12.2.16",ngImport:s,type:x}),s.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:s,type:x,decorators:[{type:h.Injectable}],ctorParameters:function(){return[{type:I}]}});var be=function(e,t){this.index=e,this.originalEvent=t},T=(ye.prototype.process=function(e){var t,n=e.originalEvent.keyCode,i=e.originalEvent.altKey,o=b.Undefined,i=(i&&n===l.Keys.ArrowDown?o=b.Open:i&&n===l.Keys.ArrowUp?o=b.Close:n===l.Keys.Enter?o=b.Enter:n===l.Keys.Escape?o=b.Esc:n===l.Keys.Tab?o=b.Tab:n===l.Keys.ArrowUp?(t=this.next({current:e.current,start:e.min,end:e.max,step:-1}),o=b.Up):n===l.Keys.ArrowLeft?(t=this.next({current:e.current,start:e.min,end:e.max,step:-1}),o=b.Left):n===l.Keys.ArrowDown?(t=this.next({current:e.current,start:e.min,end:e.max,step:1}),o=b.Down):n===l.Keys.ArrowRight?(t=this.next({current:e.current,start:e.min,end:e.max,step:1}),o=b.Right):n===l.Keys.Home?(t=this.isDisabled(0)?e.current:0,o=b.Home):n===l.Keys.End?(t=this.isDisabled(e.max)?e.current:e.max,o=b.End):n===l.Keys.Delete?o=b.Delete:n===l.Keys.Backspace&&(o=b.Backspace),new be(t,e.originalEvent));return o!==b.Undefined&&this[b[o].toLowerCase()].emit(i),o},ye.prototype.next=function(e){var t=e.current,n=e.start,i=e.end,e=e.step,o=c(t)?this.clampIndex(t+e,n,i):n,s=this.firstFocusableIndex(o,n,i,e);return c(s)?s:this.selectionService.isSelected(t)&&n<=t?t:this.firstFocusableIndex(o,n,i,-1*e)},ye.prototype.clampIndex=function(e,t,n){return!c(e)||e<t?t:n<e?n:e},ye.prototype.firstFocusableIndex=function(e,t,n,i){for(;t<=e&&e<=n;){if(!this.isDisabled(e))return e;e+=i}},ye.prototype.isDisabled=function(e){if(this.disabledItemsService)return this.disabledItemsService.isIndexDisabled(e)},ye);function ye(e,t){this.disabledItemsService=e,this.selectionService=t,this.open=new h.EventEmitter,this.close=new h.EventEmitter,this.enter=new h.EventEmitter,this.tab=new h.EventEmitter,this.esc=new h.EventEmitter,this.up=new h.EventEmitter,this.right=new h.EventEmitter,this.down=new h.EventEmitter,this.left=new h.EventEmitter,this.delete=new h.EventEmitter,this.backspace=new h.EventEmitter,this.home=new h.EventEmitter,this.end=new h.EventEmitter}T.ɵfac=s.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:s,type:T,deps:[{token:x},{token:C}],target:s.ɵɵFactoryTarget.Injectable}),T.ɵprov=s.ɵɵngDeclareInjectable({minVersion:"12.0.0",version:"12.2.16",ngImport:s,type:T}),s.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:s,type:T,decorators:[{type:h.Injectable}],ctorParameters:function(){return[{type:x},{type:C}]}});var D=function(e){this.templateRef=e},ke=(D.ɵfac=s.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:s,type:D,deps:[{token:s.TemplateRef}],target:s.ɵɵFactoryTarget.Directive}),D.ɵdir=s.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.16",type:D,selector:"[kendoDropDownListNoDataTemplate],[kendoDropDownTreeNoDataTemplate],[kendoComboBoxNoDataTemplate],[kendoMultiColumnComboBoxNoDataTemplate],[kendoAutoCompleteNoDataTemplate],[kendoMultiSelectNoDataTemplate],[kendoMultiSelectTreeNoDataTemplate]",ngImport:s}),s.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:s,type:D,decorators:[{type:h.Directive,args:[{selector:"[kendoDropDownListNoDataTemplate],[kendoDropDownTreeNoDataTemplate],[kendoComboBoxNoDataTemplate],[kendoMultiColumnComboBoxNoDataTemplate],[kendoAutoCompleteNoDataTemplate],[kendoMultiSelectNoDataTemplate],[kendoMultiSelectTreeNoDataTemplate]"}]}],ctorParameters:function(){return[{type:s.TemplateRef}]}}),Ce.prototype.preventDefault=function(){this.prevented=!0},Ce.prototype.isDefaultPrevented=function(){return this.prevented},Ce);function Ce(){this.prevented=!1}function Ie(){}function xe(e,t){return t=Object.assign({},Te,t),!0===e?t:e?Object.assign({pageSize:Te.pageSize},e):null}var Te={pageSize:50,itemHeight:28},De=new h.InjectionToken("dropdowns-touch-enabled"),we=function(e){this.element=e},Se=(we.ɵfac=s.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:s,type:we,deps:[{token:s.ElementRef}],target:s.ɵɵFactoryTarget.Directive}),we.ɵdir=s.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.16",type:we,selector:'"li[role=option], li[role=group]"',ngImport:s}),s.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:s,type:we,decorators:[{type:h.Directive,args:[{selector:'"li[role=option], li[role=group]"'}]}],ctorParameters:function(){return[{type:s.ElementRef}]}}),Object.defineProperty(Ee.prototype,"templateContext",{set:function(e){this.insertedViewRef&&(this.viewContainerRef.remove(this.viewContainerRef.indexOf(this.insertedViewRef)),this.insertedViewRef=void 0),e.templateRef&&(this.insertedViewRef=this.viewContainerRef.createEmbeddedView(e.templateRef,e))},enumerable:!1,configurable:!0}),Ee);function Ee(e){this.viewContainerRef=e}Se.ɵfac=s.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:s,type:Se,deps:[{token:s.ViewContainerRef}],target:s.ɵɵFactoryTarget.Directive}),Se.ɵdir=s.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.16",type:Se,selector:"[templateContext]",inputs:{templateContext:"templateContext"},ngImport:s}),s.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:s,type:Se,decorators:[{type:h.Directive,args:[{selector:"[templateContext]"}]}],ctorParameters:function(){return[{type:s.ViewContainerRef}]},propDecorators:{templateContext:[{type:h.Input}]}});Object.defineProperty(Oe.prototype,"focusedClassName",{get:function(){return this.selectionService.isFocused(this.index)},enumerable:!1,configurable:!0}),Object.defineProperty(Oe.prototype,"selectedClassName",{get:function(){return!this.checkboxes.enabled&&this.selectionService.isSelected(this.index)},enumerable:!1,configurable:!0}),Oe.prototype.onClick=function(e){e.stopPropagation(),this.checkboxes.enabled&&!this.checkboxes.checkOnClick||(this.multipleSelection?this.selectionService.isSelected(this.index)?this.selectionService.unselect(this.index):this.selectionService.add(this.index):this.selectionService.change(this.index))};var Fe=Oe;function Oe(e){this.checkboxes={enabled:!1},this.multipleSelection=!1,this.selectionService=e}Fe.ɵfac=s.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:s,type:Fe,deps:[{token:C}],target:s.ɵɵFactoryTarget.Directive}),Fe.ɵdir=s.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.16",type:Fe,selector:"[kendoDropDownsSelectable]",inputs:{index:"index",checkboxes:"checkboxes",height:"height",multipleSelection:"multipleSelection"},host:{listeners:{click:"onClick($event)"},properties:{"attr.index":"this.index","style.height.px":"this.height","style.minHeight.px":"this.height","class.k-focus":"this.focusedClassName","class.k-selected":"this.selectedClassName"}},ngImport:s}),s.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:s,type:Fe,decorators:[{type:h.Directive,args:[{selector:"[kendoDropDownsSelectable]"}]}],ctorParameters:function(){return[{type:C}]},propDecorators:{index:[{type:h.HostBinding,args:["attr.index"]},{type:h.Input}],checkboxes:[{type:h.Input}],height:[{type:h.HostBinding,args:["style.height.px"]},{type:h.HostBinding,args:["style.minHeight.px"]},{type:h.Input}],multipleSelection:[{type:h.Input}],focusedClassName:[{type:h.HostBinding,args:["class.k-focus"]}],selectedClassName:[{type:h.HostBinding,args:["class.k-selected"]}],onClick:[{type:h.HostListener,args:["click",["$event"]]}]}});Object.defineProperty(w.prototype,"data",{get:function(){return this._data},set:function(e){this._data=e[0]&&e[0].header?e.slice(0):e},enumerable:!1,configurable:!0}),Object.defineProperty(w.prototype,"size",{get:function(){return this._size},set:function(e){"list"===this.type&&(this.renderer.removeClass(this.wrapper.nativeElement,d("list",this.size)),e&&this.renderer.addClass(this.wrapper.nativeElement,d("list",e)),this._size=e)},enumerable:!1,configurable:!0}),Object.defineProperty(w.prototype,"pageSize",{get:function(){return this.virtual.pageSize||Math.round(this.height/this.virtual.itemHeight)},enumerable:!1,configurable:!0}),Object.defineProperty(w.prototype,"scrollHeight",{get:function(){return(this.dataService.grouped?this.virtual.total-1:this.virtual.total)*this.virtual.itemHeight},enumerable:!1,configurable:!0}),Object.defineProperty(w.prototype,"overflowY",{get:function(){if(c(this.virtual))return this.hasVirtualScrollbar()?"scroll":"hidden"},enumerable:!1,configurable:!0}),Object.defineProperty(w.prototype,"checkboxClasses",{get:function(){return(this.size?d("checkbox",this.size):"")+" "+(this.rounded?u(this.rounded):"")},enumerable:!1,configurable:!0}),w.prototype.ngOnChanges=function(e){l.isChanged("data",e,!1)&&(this.lastLoaded<=0&&(this.lastLoaded=this.data.length-1,this.scrollToFocused=!e.data.isFirstChange()),this.setOverflow()),l.isChanged("virtual",e,!1)&&this.setOverflow(),l.isChanged("type",e,!1)&&this.prepareClasses()},w.prototype.ngAfterViewInit=function(){var e=this;this.setComponentClasses(),this.zone.runOutsideAngular(function(){e.scrollSubscription=g.fromEvent(e.content.nativeElement,"scroll").pipe(m.auditTime(100),m.tap(e.prefetchData.bind(e)),m.tap(e.findCurrentGroup.bind(e))).subscribe(function(){e.lastScrollTop=e.content.nativeElement.scrollTop})}),this.setOverflow()},w.prototype.ngAfterViewChecked=function(){var e;this.virtual&&this.positionItems(),this.items&&this.scrollToFocused&&(this.scrollToFocused=!1,e=this.items.length&&-1===this.selectionService.focused?0:this.selectionService.focused,this.scrollToItem(e)),this.dataService.grouped&&this.findCurrentGroup()},w.prototype.ngOnDestroy=function(){this.selectSubscription.unsubscribe(),this.scrollSubscription&&this.scrollSubscription.unsubscribe()},w.prototype.onCheckedChange=function(e,t){e=e.target.checked;e&&!this.selectionService.isSelected(t)&&this.selectionService.add(t),!e&&this.selectionService.isSelected(t)&&this.selectionService.unselect(t)},w.prototype.prepareClasses=function(){"list"===this.type?(this.listContentClass="k-list-content",this.listClass="k-list-ul",this.listItemClass="k-list-item",this.listVirtualClass="k-virtual-list",this.listGroupStickyHeaderClass="k-list-group-sticky-header",this.listGroupStickyHeaderTextClass="k-list-header-text",this.listGroupItemClass="k-list-group-item",this.listGroupItemTextClass="k-list-item-text"):(this.listContentClass="k-table-body k-table-scroller",this.listClass="k-table k-table-list",this.listItemClass="k-table-row",this.listVirtualClass="k-virtual-table",this.listGroupStickyHeaderClass="k-table-group-sticky-header",this.listGroupStickyHeaderTextClass="k-table-th",this.listGroupItemClass="k-table-group-row",this.listGroupItemTextClass="k-table-th")},w.prototype.isChecked=function(e){e=this.virtual?e+this.virtual.skip:e;return this.selectionService.isSelected(e)},w.prototype.firstVisibleItem=function(){var t=this,e=this.content.nativeElement,n=e.getBoundingClientRect(),e=Array.prototype.slice.call(e.querySelectorAll(".k-disabled")),n=(e.forEach(function(e){return t.renderer.setStyle(e,"pointer-events","auto")}),document.elementFromPoint(n.left+1,n.top+1));e.forEach(function(e){return t.renderer.setStyle(e,"pointer-events","none")});for(var i,o,s,a="li",r=n;null!==r&&1===r.nodeType;){if(o=a,s=void 0,!!(s=(i=r).matches||i.msMatchesSelector||i.webkitMatchesSelector)&&s.call(i,o))return r;r=r.parentElement||r.parentNode}return null},w.prototype.findCurrentGroup=function(){var e,t;this.dataService.grouped?((e=this.firstVisibleItem())?(t=void 0,"group"===e.getAttribute("role")?(t=parseInt(e.getAttribute("group-index"),10),this.currentGroup=this.dataService.groupAt(t).value):(t=parseInt(e.getAttribute("index"),10),this.currentGroup=this.dataService.itemGroup(this.dataService.itemAt(t)))):this.currentGroup=void 0,this.cdr.detectChanges()):this.currentGroup=void 0},w.prototype.prefetchData=function(){var e,t,n,i,o;this.virtual&&(e=Math.trunc(this.content.nativeElement.clientHeight/this.virtual.itemHeight),n=this.content.nativeElement.scrollTop,t=Math.trunc(n/this.virtual.itemHeight),n=n>this.lastScrollTop,i=t+e>=this.lastLoaded&&this.lastLoaded<this.virtual.total-1,o=this.pageSize-(this.lastLoaded-this.startFrom),o=this.lastLoaded-this.pageSize+e>=t-o,n&&i&&this.changePage(t),!n&&o&&this.changePage(t-this.pageSize+e+1))},w.prototype.changePage=function(t){var n=this;this.zone.run(function(){var e=n.pageSize+t;e>n.virtual.total&&(t--,e=n.virtual.total),t<0&&(t=0),n.startFrom=t,n.lastLoaded=e,n.pageChange.emit({skip:t,take:n.pageSize})})},w.prototype.index=function(e,t){return 0<e?this.dataService.groupIndices[e-1]+t:t},w.prototype.getText=function(e){return f(e,this.textField)},w.prototype.getValue=function(e){return f(e,this.valueField)},w.prototype.isDisabled=function(e){return c(this.virtual)&&(e+=this.virtual.skip),this.disabledItemsService.isIndexDisabled(e)},w.prototype.isAltRow=function(e){return"dropdowngrid"===this.type&&e%2!=0},w.prototype.scrollToItem=function(e){var t=e;this.dataService.grouped&&(t=this.dataService.flatIndex(e),t+=this.firstGroupHeaderInTargetedPage(t)?-1:0),this.virtual&&-1<t?this.scrollToIndex(t):(e=this.items.toArray(),c(e[t])&&-1!==t&&this.scroll(e[t].element))},w.prototype.scrollToIndex=function(e){var t=this.content.nativeElement,n=t.scrollTop,e=e*this.virtual.itemHeight,i=this.virtual.itemHeight,o=t.clientHeight,i=e+i;e<n?n=e:n+o<i&&(n=i-o),t.scrollTop=n},w.prototype.scroll=function(e){var t,n,i,o;e&&(e=e.nativeElement,t=this.content.nativeElement,n=e.offsetTop,e=e.offsetHeight,i=t.scrollTop,o=t.clientHeight,e=n+e,n<i?i=n:i+o<e&&(i=e-o),t.scrollTop=i)},w.prototype.hasScrollbar=function(){return!!(c(this.items)&&this.items.length&&c(this.list)&&c(this.content))&&(c(this.virtual)&&this.hasVirtualScrollbar()||this.list.nativeElement.scrollHeight>this.content.nativeElement.offsetHeight)},w.prototype.setOverflow=function(){var e;this.virtual&&(e=this.hasVirtualScrollbar()?"scroll":"hidden",this.renderer.setStyle(this.content.nativeElement,"overflow-y",e))},w.prototype.hasVirtualScrollbar=function(){var e=this.content.nativeElement.offsetHeight,t=this.virtualContainer&&this.virtualContainer.nativeElement.offsetHeight;return this.virtualContainer&&e<t},w.prototype.positionItems=function(){var n=this;this.items.forEach(function(e,t){t=(t+n.startFrom)*n.virtual.itemHeight;n.renderer.setStyle(e.element.nativeElement,"transform","translateY("+t+"px")})},w.prototype.firstGroupHeaderInTargetedPage=function(e){return!c(this.virtual)||0===this.virtual.skip&&this.virtual.pageSize>e},w.prototype.setComponentClasses=function(){"list"===this.type&&(this.renderer.addClass(this.wrapper.nativeElement,"k-list"),this.size&&this.renderer.addClass(this.wrapper.nativeElement,d("list",this.size))),c(this.virtual)&&this.renderer.addClass(this.wrapper.nativeElement,this.listVirtualClass)};var Pe=w;function w(e,t,n,i,o,s,a){var r=this;this.dataService=e,this.wrapper=t,this.selectionService=n,this.disabledItemsService=i,this.cdr=o,this.zone=s,this.renderer=a,this.selected=[],this.focused=-1,this.show=!0,this.multipleSelection=!1,this.type="list",this.checkboxes={enabled:!1},this.rounded="medium",this.onClick=new h.EventEmitter,this.pageChange=new h.EventEmitter,this.listResize=new h.EventEmitter,this.startFrom=0,this.lastLoaded=0,this.lastScrollTop=0,this.scrollToFocused=!1,this._size="medium",this.selectSubscription=g.merge(this.selectionService.onSelect.pipe(m.map(function(e){return e.indices[0]})),this.selectionService.onFocus).pipe(m.switchMap(function(e){return r.zone.onStable.pipe(m.take(1),m.map(function(){return e}))})).subscribe(this.scrollToItem.bind(this)),this.prepareClasses()}Pe.ɵfac=s.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:s,type:Pe,deps:[{token:I},{token:s.ElementRef},{token:C},{token:x},{token:s.ChangeDetectorRef},{token:s.NgZone},{token:s.Renderer2}],target:s.ɵɵFactoryTarget.Component}),Pe.ɵcmp=s.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:Pe,selector:"kendo-list",inputs:{selected:"selected",focused:"focused",textField:"textField",valueField:"valueField",height:"height",template:"template",groupTemplate:"groupTemplate",fixedGroupTemplate:"fixedGroupTemplate",show:"show",id:"id",optionPrefix:"optionPrefix",multipleSelection:"multipleSelection",virtual:"virtual",type:"type",checkboxes:"checkboxes",data:"data",size:"size",rounded:"rounded"},outputs:{onClick:"onClick",pageChange:"pageChange",listResize:"listResize"},viewQueries:[{propertyName:"content",first:!0,predicate:["content"],descendants:!0,static:!0},{propertyName:"list",first:!0,predicate:["list"],descendants:!0,static:!0},{propertyName:"virtualContainer",first:!0,predicate:["virtualContainer"],descendants:!0},{propertyName:"items",predicate:we,descendants:!0}],usesOnChanges:!0,ngImport:s,template:'\n    <div *ngIf="dataService.grouped"\n        [class]="listGroupStickyHeaderClass"\n        [ngStyle]="{\n            \'height.px\': virtual?.itemHeight,\n            \'minHeight.px\' : virtual?.itemHeight,\n            \'boxSizing\' : virtual ? \'border-box\' : \'inherit\'}"\n        >\n        <ng-template *ngIf="fixedGroupTemplate"\n            [templateContext]="{\n                templateRef: fixedGroupTemplate.templateRef,\n                $implicit: currentGroup\n            }">\n        </ng-template>\n        <ng-template [ngIf]="!fixedGroupTemplate"><span [class]="listGroupStickyHeaderTextClass">{{ currentGroup }}</span></ng-template>\n    </div>\n    <div #content\n        [class]="listContentClass"\n        [style.overscrollBehavior]="\'none\'"\n        [style.maxHeight.px]="height"\n        unselectable="on">\n    <ul #list\n        role="listbox"\n        [class]="listClass"\n        [attr.id]="id"\n        [attr.aria-hidden]="!show">\n         <ng-template *ngIf="!dataService.grouped && show" ngFor let-dataItem let-itemIndex="index" [ngForOf]="data">\n            <li\n                role="option"\n                kendoDropDownsSelectable\n                [checkboxes]="checkboxes"\n                [height]="virtual?.itemHeight"\n                [index]="itemIndex + startFrom"\n                [multipleSelection]="multipleSelection"\n                [attr.id]="optionPrefix + \'-\' + getValue(dataItem)"\n                [attr.tabIndex]="-1"\n                [class]="listItemClass"\n                [ngClass]="{\n                    \'k-disabled\': isDisabled(itemIndex),\n                    \'k-table-alt-row\': isAltRow(itemIndex)\n                }"\n            >\n                <input\n                    *ngIf="checkboxes.enabled"\n                    type="checkbox"\n                    class="k-checkbox"\n                    [ngClass]="checkboxClasses"\n                    (change)="onCheckedChange($event, itemIndex)"\n                    [checked]="isChecked(itemIndex)"\n                />\n                <ng-template *ngIf="template"\n                    [templateContext]="{\n                        templateRef: template.templateRef,\n                        $implicit: dataItem\n                    }">\n                </ng-template>\n                <ng-template [ngIf]="!template"><span class="k-list-item-text">{{ getText(dataItem) }}</span></ng-template>\n            </li>\n         </ng-template>\n         <ng-template *ngIf="dataService.grouped" ngFor let-dataItem let-itemIndex="index" [ngForOf]="data">\n            <li\n                *ngIf="dataItem.header && dataItem.index > 0"\n                role="group"\n                [class]="listGroupItemClass"\n                [class.k-table-alt-row]="isAltRow(itemIndex - 1)"\n                [ngStyle]="{\n                    \'height.px\': virtual?.itemHeight,\n                    \'minHeight.px\' : virtual?.itemHeight,\n                    \'boxSizing\' : virtual ? \'border-box\' : \'inherit\'}"\n                [attr.group-index]="dataItem.index"\n                [attr.id]="optionPrefix + \'-\' + getValue(dataItem.value)"\n                [attr.tabIndex]="-1">\n                    <span [class]="listGroupItemTextClass">\n                        <ng-template *ngIf="groupTemplate"\n                            [templateContext]="{\n                                templateRef: groupTemplate.templateRef,\n                                $implicit: dataItem.value\n                        }">\n                        </ng-template>\n                        <ng-template [ngIf]="!groupTemplate">{{ dataItem.value }}</ng-template>\n                    </span>\n            </li>\n            <li\n                *ngIf="!dataItem.header"\n                role="option"\n                kendoDropDownsSelectable\n                [height]="virtual?.itemHeight"\n                [index]="dataItem.offsetIndex"\n                [multipleSelection]="multipleSelection"\n                [attr.absolute-index]="dataItem.index"\n                [attr.id]="optionPrefix + \'-\' + getValue(dataItem.value)"\n                [attr.tabIndex]="-1"\n                [class]="listItemClass"\n                [ngClass]="{\n                    \'k-disabled\': isDisabled(dataItem.offsetIndex),\n                    \'k-table-alt-row\': isAltRow(itemIndex - 1)\n                }"\n            >\n                <ng-template *ngIf="template"\n                    [templateContext]="{\n                        templateRef: template.templateRef,\n                        $implicit: dataItem.value\n                    }">\n                </ng-template>\n                <ng-template [ngIf]="!template"><span class="k-list-item-text">{{ getText(dataItem.value) }}</span></ng-template>\n            </li>\n        </ng-template>\n        <kendo-resize-sensor\n            *ngIf="!virtual"\n            (resize)="listResize.emit()"\n        >\n        </kendo-resize-sensor>\n    </ul>\n    <div *ngIf="virtual" #virtualContainer class="k-height-container" role="presentation">\n        <div [style.height.px]="scrollHeight">\n            <kendo-resize-sensor (resize)="listResize.emit()"></kendo-resize-sensor>\n        </div>\n    </div>\n    </div>\n  ',isInline:!0,components:[{type:a.ResizeSensorComponent,selector:"kendo-resize-sensor",inputs:["rateLimit"],outputs:["resize"]}],directives:[{type:p.NgIf,selector:"[ngIf]",inputs:["ngIf","ngIfThen","ngIfElse"]},{type:p.NgStyle,selector:"[ngStyle]",inputs:["ngStyle"]},{type:Se,selector:"[templateContext]",inputs:["templateContext"]},{type:p.NgForOf,selector:"[ngFor][ngForOf]",inputs:["ngForOf","ngForTrackBy","ngForTemplate"]},{type:we,selector:'"li[role=option], li[role=group]"'},{type:Fe,selector:"[kendoDropDownsSelectable]",inputs:["index","checkboxes","height","multipleSelection"]},{type:p.NgClass,selector:"[ngClass]",inputs:["class","ngClass"]}]}),s.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:s,type:Pe,decorators:[{type:h.Component,args:[{selector:"kendo-list",template:'\n    <div *ngIf="dataService.grouped"\n        [class]="listGroupStickyHeaderClass"\n        [ngStyle]="{\n            \'height.px\': virtual?.itemHeight,\n            \'minHeight.px\' : virtual?.itemHeight,\n            \'boxSizing\' : virtual ? \'border-box\' : \'inherit\'}"\n        >\n        <ng-template *ngIf="fixedGroupTemplate"\n            [templateContext]="{\n                templateRef: fixedGroupTemplate.templateRef,\n                $implicit: currentGroup\n            }">\n        </ng-template>\n        <ng-template [ngIf]="!fixedGroupTemplate"><span [class]="listGroupStickyHeaderTextClass">{{ currentGroup }}</span></ng-template>\n    </div>\n    <div #content\n        [class]="listContentClass"\n        [style.overscrollBehavior]="\'none\'"\n        [style.maxHeight.px]="height"\n        unselectable="on">\n    <ul #list\n        role="listbox"\n        [class]="listClass"\n        [attr.id]="id"\n        [attr.aria-hidden]="!show">\n         <ng-template *ngIf="!dataService.grouped && show" ngFor let-dataItem let-itemIndex="index" [ngForOf]="data">\n            <li\n                role="option"\n                kendoDropDownsSelectable\n                [checkboxes]="checkboxes"\n                [height]="virtual?.itemHeight"\n                [index]="itemIndex + startFrom"\n                [multipleSelection]="multipleSelection"\n                [attr.id]="optionPrefix + \'-\' + getValue(dataItem)"\n                [attr.tabIndex]="-1"\n                [class]="listItemClass"\n                [ngClass]="{\n                    \'k-disabled\': isDisabled(itemIndex),\n                    \'k-table-alt-row\': isAltRow(itemIndex)\n                }"\n            >\n                <input\n                    *ngIf="checkboxes.enabled"\n                    type="checkbox"\n                    class="k-checkbox"\n                    [ngClass]="checkboxClasses"\n                    (change)="onCheckedChange($event, itemIndex)"\n                    [checked]="isChecked(itemIndex)"\n                />\n                <ng-template *ngIf="template"\n                    [templateContext]="{\n                        templateRef: template.templateRef,\n                        $implicit: dataItem\n                    }">\n                </ng-template>\n                <ng-template [ngIf]="!template"><span class="k-list-item-text">{{ getText(dataItem) }}</span></ng-template>\n            </li>\n         </ng-template>\n         <ng-template *ngIf="dataService.grouped" ngFor let-dataItem let-itemIndex="index" [ngForOf]="data">\n            <li\n                *ngIf="dataItem.header && dataItem.index > 0"\n                role="group"\n                [class]="listGroupItemClass"\n                [class.k-table-alt-row]="isAltRow(itemIndex - 1)"\n                [ngStyle]="{\n                    \'height.px\': virtual?.itemHeight,\n                    \'minHeight.px\' : virtual?.itemHeight,\n                    \'boxSizing\' : virtual ? \'border-box\' : \'inherit\'}"\n                [attr.group-index]="dataItem.index"\n                [attr.id]="optionPrefix + \'-\' + getValue(dataItem.value)"\n                [attr.tabIndex]="-1">\n                    <span [class]="listGroupItemTextClass">\n                        <ng-template *ngIf="groupTemplate"\n                            [templateContext]="{\n                                templateRef: groupTemplate.templateRef,\n                                $implicit: dataItem.value\n                        }">\n                        </ng-template>\n                        <ng-template [ngIf]="!groupTemplate">{{ dataItem.value }}</ng-template>\n                    </span>\n            </li>\n            <li\n                *ngIf="!dataItem.header"\n                role="option"\n                kendoDropDownsSelectable\n                [height]="virtual?.itemHeight"\n                [index]="dataItem.offsetIndex"\n                [multipleSelection]="multipleSelection"\n                [attr.absolute-index]="dataItem.index"\n                [attr.id]="optionPrefix + \'-\' + getValue(dataItem.value)"\n                [attr.tabIndex]="-1"\n                [class]="listItemClass"\n                [ngClass]="{\n                    \'k-disabled\': isDisabled(dataItem.offsetIndex),\n                    \'k-table-alt-row\': isAltRow(itemIndex - 1)\n                }"\n            >\n                <ng-template *ngIf="template"\n                    [templateContext]="{\n                        templateRef: template.templateRef,\n                        $implicit: dataItem.value\n                    }">\n                </ng-template>\n                <ng-template [ngIf]="!template"><span class="k-list-item-text">{{ getText(dataItem.value) }}</span></ng-template>\n            </li>\n        </ng-template>\n        <kendo-resize-sensor\n            *ngIf="!virtual"\n            (resize)="listResize.emit()"\n        >\n        </kendo-resize-sensor>\n    </ul>\n    <div *ngIf="virtual" #virtualContainer class="k-height-container" role="presentation">\n        <div [style.height.px]="scrollHeight">\n            <kendo-resize-sensor (resize)="listResize.emit()"></kendo-resize-sensor>\n        </div>\n    </div>\n    </div>\n  '}]}],ctorParameters:function(){return[{type:I},{type:s.ElementRef},{type:C},{type:x},{type:s.ChangeDetectorRef},{type:s.NgZone},{type:s.Renderer2}]},propDecorators:{selected:[{type:h.Input}],focused:[{type:h.Input}],textField:[{type:h.Input}],valueField:[{type:h.Input}],height:[{type:h.Input}],template:[{type:h.Input}],groupTemplate:[{type:h.Input}],fixedGroupTemplate:[{type:h.Input}],show:[{type:h.Input}],id:[{type:h.Input}],optionPrefix:[{type:h.Input}],multipleSelection:[{type:h.Input}],virtual:[{type:h.Input}],type:[{type:h.Input}],checkboxes:[{type:h.Input}],data:[{type:h.Input}],size:[{type:h.Input}],rounded:[{type:h.Input}],onClick:[{type:h.Output}],pageChange:[{type:h.Output}],listResize:[{type:h.Output}],items:[{type:h.ViewChildren,args:[we]}],content:[{type:h.ViewChild,args:["content",{static:!0}]}],list:[{type:h.ViewChild,args:["list",{static:!0}]}],virtualContainer:[{type:h.ViewChild,args:["virtualContainer",{static:!1}]}]}});G(ze,Me=n.ComponentMessages);var Me,S=ze;function ze(){return null!==Me&&Me.apply(this,arguments)||this}S.ɵfac=s.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:s,type:S,deps:null,target:s.ɵɵFactoryTarget.Directive}),S.ɵdir=s.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.16",type:S,inputs:{noDataText:"noDataText",clearTitle:"clearTitle",checkAllText:"checkAllText",selectButtonText:"selectButtonText"},usesInheritance:!0,ngImport:s}),s.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:s,type:S,decorators:[{type:h.Directive}],propDecorators:{noDataText:[{type:h.Input}],clearTitle:[{type:h.Input}],checkAllText:[{type:h.Input}],selectButtonText:[{type:h.Input}]}});G(Be,Re=S);var Re,Ae=Be;function Be(e){var t=Re.call(this)||this;return t.service=e,t}Ae.ɵfac=s.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:s,type:Ae,deps:[{token:r.LocalizationService}],target:s.ɵɵFactoryTarget.Directive}),Ae.ɵdir=s.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.16",type:Ae,selector:"\n    [kendoDropDownListLocalizedMessages],\n    [kendoDropDownTreeLocalizedMessages],\n    [kendoComboBoxLocalizedMessages],\n    [kendoMultiColumnComboBoxLocalizedMessages],\n    [kendoAutoCompleteLocalizedMessages],\n    [kendoMultiSelectLocalizedMessages],\n    [kendoMultiSelectTreeLocalizedMessages]\n  ",providers:[{provide:S,useExisting:h.forwardRef(function(){return Ae})}],usesInheritance:!0,ngImport:s}),s.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:s,type:Ae,decorators:[{type:h.Directive,args:[{providers:[{provide:S,useExisting:h.forwardRef(function(){return Ae})}],selector:"\n    [kendoDropDownListLocalizedMessages],\n    [kendoDropDownTreeLocalizedMessages],\n    [kendoComboBoxLocalizedMessages],\n    [kendoMultiColumnComboBoxLocalizedMessages],\n    [kendoAutoCompleteLocalizedMessages],\n    [kendoMultiSelectLocalizedMessages],\n    [kendoMultiSelectTreeLocalizedMessages]\n  "}]}],ctorParameters:function(){return[{type:r.LocalizationService}]}});var Ve={multi:!0,provide:t.NG_VALUE_ACCESSOR,useExisting:h.forwardRef(function(){return Ne})},Ne=(Object.defineProperty(E.prototype,"width",{get:function(){var e=0,t=(l.isDocumentAvailable()&&(e=this.wrapper.offsetWidth),this.popupSettings.width||e);return{min:isNaN(e)?e:e+"px",max:isNaN(t)?t:t+"px"}},enumerable:!1,configurable:!0}),Object.defineProperty(E.prototype,"height",{get:function(){var e=this.popupSettings.height;return c(e)?e+"px":"auto"},enumerable:!1,configurable:!0}),Object.defineProperty(E.prototype,"listContainerClasses",{get:function(){var e=["k-list-container","k-reset"];return this.popupSettings.popupClass&&e.push(this.popupSettings.popupClass),e},enumerable:!1,configurable:!0}),Object.defineProperty(E.prototype,"suggestion",{get:function(){var e;{if(this.text&&this.suggestedText)return e=this.suggestedText.toLowerCase().startsWith(this.text.toLowerCase()),this.suggest&&!this.backspacePressed&&e?this.suggestedText:void 0;this.suggestedText=void 0}},enumerable:!1,configurable:!0}),Object.defineProperty(E.prototype,"appendTo",{get:function(){var e=this.popupSettings.appendTo;if(e&&"root"!==e)return"component"===e?this.container:e},enumerable:!1,configurable:!0}),Object.defineProperty(E.prototype,"clearButtonVisiblity",{get:function(){if(this.touchEnabled)return"visible"},enumerable:!1,configurable:!0}),E.prototype.toggle=function(t){var n=this;Promise.resolve(null).then(function(){var e=c(t)?t:!n._open;n._toggle(e)})},Object.defineProperty(E.prototype,"isOpen",{get:function(){return this._open},enumerable:!1,configurable:!0}),E.prototype.togglePopup=function(e){var t=this.disabled||this.readonly,n=this.isOpen===e;t||n||this.triggerPopupEvents(e)||this._toggle(e)},Object.defineProperty(E.prototype,"activeDescendant",{get:function(){if(!this.isOpen||!c(this.selectionService.focused)||-1===this.selectionService.focused)return null;var e=this.dataService.itemAt(this.selectionService.focused);return this.optionPrefix+"-"+f(e,this.valueField)},enumerable:!1,configurable:!0}),Object.defineProperty(E.prototype,"noDataLabel",{get:function(){if(0===this.data.length)return this.messageFor("noDataText")},enumerable:!1,configurable:!0}),Object.defineProperty(E.prototype,"data",{get:function(){var e,t,n=this.virtual;return n?(t=(e=n.skip||0)+n.pageSize,n.total=this.dataService.data.length,this.dataService.data.slice(e,t)):this.dataService.data},set:function(e){this.dataService.data=e||[],this.virtual&&(this.virtual.skip=0),this.filterable&&(this.selectionService.focused=this.isOpen&&this.data.length&&this.highlightFirst?this.firstFocusableIndex(0):-1),this.suggest&&0<this.dataService.itemsCount&&(this.suggestedText=f(this.dataService.itemAt(0),this.valueField))},enumerable:!1,configurable:!0}),Object.defineProperty(E.prototype,"value",{get:function(){return this._value||""},set:function(e){this.verifySettings(e),this._value=e||"",this.text=this.value,this.cdr.markForCheck()},enumerable:!1,configurable:!0}),Object.defineProperty(E.prototype,"popupSettings",{get:function(){return this._popupSettings},set:function(e){this._popupSettings=Object.assign({animate:!0},e)},enumerable:!1,configurable:!0}),Object.defineProperty(E.prototype,"itemDisabled",{set:function(e){if("function"!=typeof e)throw new Error("itemDisabled must be a function, but received "+JSON.stringify(e)+".");this.disabledItemsService.itemDisabled=e},enumerable:!1,configurable:!0}),Object.defineProperty(E.prototype,"tabIndex",{get:function(){return this.tabindex},set:function(e){this.tabindex=e},enumerable:!1,configurable:!0}),Object.defineProperty(E.prototype,"virtual",{get:function(){return this._virtualSettings},set:function(e){this._virtualSettings=xe(e)},enumerable:!1,configurable:!0}),Object.defineProperty(E.prototype,"size",{get:function(){return this._size},set:function(e){var t=e||"medium";this.renderer.removeClass(this.wrapper,d("input",this.size)),"none"!==e&&this.renderer.addClass(this.wrapper,d("input",t)),this._size=t},enumerable:!1,configurable:!0}),Object.defineProperty(E.prototype,"rounded",{get:function(){return this._rounded},set:function(e){var t=e||"medium";this.renderer.removeClass(this.wrapper,u(this.rounded)),"none"!==e&&this.renderer.addClass(this.wrapper,u(t)),this._rounded=t},enumerable:!1,configurable:!0}),Object.defineProperty(E.prototype,"fillMode",{get:function(){return this._fillMode},set:function(e){var t=e||"solid";this.renderer.removeClass(this.wrapper,le("input",this.fillMode)),"none"!==e&&this.renderer.addClass(this.wrapper,le("input",t)),this._fillMode=t},enumerable:!1,configurable:!0}),Object.defineProperty(E.prototype,"isFocused",{get:function(){return this._isFocused},set:function(e){this.renderer[e?"addClass":"removeClass"](this.wrapper,"k-focus"),this._isFocused=e},enumerable:!1,configurable:!0}),Object.defineProperty(E.prototype,"isDisabled",{get:function(){return this.disabled},enumerable:!1,configurable:!0}),Object.defineProperty(E.prototype,"isLoading",{get:function(){return this.loading},enumerable:!1,configurable:!0}),Object.defineProperty(E.prototype,"dir",{get:function(){return this.direction},enumerable:!1,configurable:!0}),E.prototype.ngOnInit=function(){var t=this;this.renderer.removeAttribute(this.wrapper,"tabindex"),this.localizationChangeSubscription=this.localization.changes.subscribe(function(e){e=e.rtl;t.direction=e?"rtl":"ltr",t.cdr.detectChanges()}),this.setComponentClasses()},E.prototype.ngOnDestroy=function(){this.destroyPopup(),this.unsubscribeEvents(),this.localizationChangeSubscription&&this.localizationChangeSubscription.unsubscribe()},E.prototype.ngOnChanges=function(e){var t=this.virtual;t&&e.data&&e.data.isFirstChange()&&this.pageChange({skip:0,take:t.pageSize})},E.prototype.reset=function(){this.value=""},E.prototype.messageFor=function(e){return this.localization.get(e)},E.prototype.clearValue=function(e){e.stopImmediatePropagation(),this.focus(),this.change(""),this.filterable&&this.filterChange.emit(""),this.selectionService.resetSelection([])},E.prototype.writeValue=function(e){this.value=e},E.prototype.registerOnChange=function(e){this.onChangeCallback=e},E.prototype.registerOnTouched=function(e){this.onTouchedCallback=e},E.prototype.setDisabledState=function(e){this.disabled=e},E.prototype.focusItemAt=function(e){var t=0<=e&&e<this.data.length;c(e)&&t&&!this.disabledItemsService.isIndexDisabled(e)?this.selectionService.focus(e):this.selectionService.focus(-1)},E.prototype.focus=function(){this.disabled||this.searchbar.focus()},E.prototype.blur=function(){this.disabled||this.searchbar.blur()},E.prototype.onResize=function(){var e,t,n;this._open&&(e=this.popupRef.popupElement,t=(n=this.width).min,n=n.max,e.style.minWidth=t,e.style.width=n)},E.prototype.emitChange=function(e){this.onChangeCallback(e),this.valueChange.emit(e)},E.prototype.verifySettings=function(e){if(h.isDevMode()&&c(e)&&"string"!=typeof e)throw new Error("Expected value of type string. See https://www.telerik.com/kendo-angular-ui/components/dropdowns/autocomplete/value-binding/")},E.prototype.search=function(e,t){void 0===t&&(t=0),t=e.length&&this.dataService.itemsCount?this.dataService.findIndex(this.findIndexPredicate(e),t):-1,this.disabledItemsService.isIndexDisabled(t)?t+1<this.dataService.itemsCount?this.search(e,t+1):this.selectionService.focus(-1):(this.selectionService.focus(t),this.suggest&&(this.suggestedText=f(this.dataService.itemAt(t),this.valueField)))},E.prototype.navigate=function(e){this.isOpen&&this.selectionService.focus(e)},E.prototype.handleNavigate=function(e){var t=isNaN(this.selectionService.focused)?this.firstFocusableIndex(0):this.selectionService.focused;this.disabled||this.readonly||isNaN(t)||(t=this.navigationService.process({current:t,max:this.dataService.itemsCount-1,min:0,originalEvent:e}))!==b.Undefined&&t!==b.Backspace&&t!==b.Delete&&t!==b.Home&&t!==b.End&&t!==b.Left&&t!==b.Right&&(t===b.Enter&&this.isOpen||t!==b.Enter)&&e.preventDefault()},E.prototype.handleEnter=function(e){var t=this.selectionService.focused;this.isOpen&&e.originalEvent.preventDefault(),t=0<=t?f(this.dataService.itemAt(t),this.valueField):(e=this.suggest&&this.suggestedText&&this.data.length&&f(this.dataService.itemAt(0),this.valueField).toLowerCase()===this.searchbar.value.toLowerCase(),this.isOpen&&e?this.suggestedText:this.searchbar.value),this.change(t)},E.prototype.handleEscape=function(){this.togglePopup(!1),this.selectionService.focused=-1,this.suggestedText=null},E.prototype.searchBarChange=function(e){var t=c(this.text)?this.text.length:0;this.backspacePressed=e.length<t,this.text=e,this.togglePopup(0<e.length),this.highlightFirst||(this.selectionService.focused=-1),this.filterable?this.filterChange.emit(e):this.highlightFirst&&this.search(e)},E.prototype.handleFocus=function(){var e=this;this.isFocused=!0,l.hasObservers(this.onFocus)&&this._zone.run(function(){e.onFocus.emit()})},E.prototype.handleBlur=function(){var e=this,t=this.filterable?this.selectionService.focused:-1,n=(this.searchbar.input.nativeElement.scrollLeft=0,(t=-1!==t?(t=this.dataService.itemAt(t),f(t,this.valueField)||""):this.searchbar.value)===this.searchbar.value),t=t.toLowerCase()===this.searchbar.value.toLowerCase(),i=(!n&&t&&this.selectionService.resetSelection([]),this.isFocused=!1,this.value!==this.text);l.hasObservers(this.onBlur)||l.hasObservers(this.close)||te(this.wrapper)||i?this._zone.run(function(){i&&e.change(e.searchbar.value),e.onBlur.emit(),e.onTouchedCallback(),e.togglePopup(!1)}):this.togglePopup(!1)},E.prototype.pageChange=function(e){this.virtual.skip=e.skip},E.prototype.change=function(e){this.togglePopup(!1),this.valueChangeSubject.next(e)},E.prototype.subscribeEvents=function(){var n=this;l.isDocumentAvailable()&&(this.valueChangeSubscription=this.valueChangeSubject.subscribe(function(e){var t=n.value!==e;n.value=e,n.text=e,t&&n.emitChange(e)}),this.changeSubscription=this.selectionService.onChange.subscribe(this.handleItemChange.bind(this)),this.focusSubscription=this.selectionService.onFocus.subscribe(this.handleItemFocus.bind(this)),this.navigationSubscription=g.merge(this.navigationService.up,this.navigationService.down).subscribe(function(e){return n.navigate(e.index)}),this.closeSubscription=this.navigationService.close.subscribe(function(){return n.togglePopup(!1)}),this.enterSubscription=this.navigationService.enter.subscribe(this.handleEnter.bind(this)),this.escSubscription=this.navigationService.esc.subscribe(this.handleEscape.bind(this)))},E.prototype.subscribeTouchEvents=function(){var t=this;l.isDocumentAvailable()&&this.touchEnabled&&this._zone.runOutsideAngular(function(){return t.touchstartDisposeHandler=t.renderer.listen(document,"touchstart",function(e){e=e.target;t.isFocused&&!oe(t.hostElement,e,t.popupRef)&&t._zone.run(function(){return t.blur()})})})},E.prototype.unsubscribeEvents=function(){l.isDocumentAvailable()&&(this.changeSubscription.unsubscribe(),this.navigationSubscription.unsubscribe(),this.closeSubscription.unsubscribe(),this.enterSubscription.unsubscribe(),this.escSubscription.unsubscribe(),this.valueChangeSubscription.unsubscribe(),this.focusSubscription.unsubscribe(),this.touchstartDisposeHandler&&this.touchstartDisposeHandler())},E.prototype.handleItemChange=function(e){var e=e.indices.length?e.indices[0]:void 0;this.selectionService.resetSelection([-1]),c(e)&&(e=f(this.dataService.itemAt(e),this.valueField),this.change(e))},E.prototype.handleItemFocus=function(e){var t=this.selectionService.focused;Boolean(this.suggest&&this.data&&this.data.length&&0<=t)&&(this.suggestedText=f(this.dataService.itemAt(t),this.valueField))},E.prototype.createPopup=function(){var e=this,t=(this.virtual&&(this.virtual.skip=0),"rtl"===this.direction?"right":"left"),t=(this.popupRef=this.popupService.open({anchor:this.wrapper,animate:this.popupSettings.animate,appendTo:this.appendTo,content:this.popupTemplate,popupClass:this.listContainerClasses,positionMode:"absolute",popupAlign:{horizontal:t,vertical:"top"},anchorAlign:{horizontal:t,vertical:"bottom"}}),this.popupRef.popupElement),n=this.width,i=n.min,n=n.max;t.addEventListener("mousedown",this.popupMouseDownHandler),t.style.minWidth=i,t.style.width=n,t.style.height=this.height,t.setAttribute("dir",this.direction),this.popupRef.popupOpen.subscribe(function(){e.cdr.detectChanges(),e.optionsList.scrollToItem(e.selectionService.focused),e.opened.emit()}),this.popupRef.popupClose.subscribe(function(){e.closed.emit()}),this.popupRef.popupAnchorViewportLeave.subscribe(function(){return e.togglePopup(!1)})},E.prototype.destroyPopup=function(){this.popupRef&&(this.popupRef.popupElement.removeEventListener("mousedown",this.popupMouseDownHandler),this.popupRef.close(),this.popupRef=null)},E.prototype._toggle=function(e){this._open=e,this.destroyPopup(),this._open&&this.createPopup()},E.prototype.triggerPopupEvents=function(e){var t=new ke;return(e?this.open:this.close).emit(t),t.isDefaultPrevented()},E.prototype.firstFocusableIndex=function(e){var t=this.data.length-1;return this.disabledItemsService.isIndexDisabled(e)?e<t?this.firstFocusableIndex(e+1):void 0:e},E.prototype.findIndexPredicate=function(t){var n=this;return this.dataService.grouped?function(e){e=f(e.value,n.valueField);return(e=c(e)?e.toString().toLowerCase():"").startsWith(t.toLowerCase())}:function(e){e=f(e,n.valueField);return(e=c(e)?e.toString().toLowerCase():"").startsWith(t.toLowerCase())}},E.prototype.setComponentClasses=function(){"none"!==this.size&&this.renderer.addClass(this.wrapper,d("input",this.size)),"none"!==this.rounded&&this.renderer.addClass(this.wrapper,u(this.rounded)),"none"!==this.fillMode&&this.renderer.addClass(this.wrapper,le("input",this.fillMode))},E);function E(e,t,n,i,o,s,a,r,l,p,d){this.localization=e,this.dataService=t,this.popupService=n,this.selectionService=i,this.navigationService=o,this.disabledItemsService=s,this._zone=a,this.cdr=r,this.renderer=l,this.hostElement=p,this.touchEnabled=d,this.highlightFirst=!0,this.focusableId="k-"+q(),this.placeholder="",this.listHeight=200,this.clearButton=!0,this.disabled=!1,this.readonly=!1,this.tabindex=0,this.filterable=!1,this.valueChange=new h.EventEmitter,this.filterChange=new h.EventEmitter,this.open=new h.EventEmitter,this.opened=new h.EventEmitter,this.close=new h.EventEmitter,this.closed=new h.EventEmitter,this.onFocus=new h.EventEmitter,this.onBlur=new h.EventEmitter,this.widgetClasses=!0,this.listBoxId=q(),this.optionPrefix=q(),this.onChangeCallback=ne,this.onTouchedCallback=ne,this.popupMouseDownHandler=function(e){return e.preventDefault()},this._popupSettings={animate:!0},this._open=!1,this._value="",this.valueChangeSubject=new g.Subject,this._isFocused=!1,this._size="medium",this._rounded="medium",this._fillMode="solid",B.validatePackage($),this.direction=e.rtl?"rtl":"ltr",this.wrapper=this.hostElement.nativeElement,this.data=[],this.subscribeEvents(),this.subscribeTouchEvents(),this.selectionService.resetSelection([-1])}Ne.ɵfac=s.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:s,type:Ne,deps:[{token:r.LocalizationService},{token:I},{token:j.PopupService},{token:C},{token:T},{token:x},{token:s.NgZone},{token:s.ChangeDetectorRef},{token:s.Renderer2},{token:s.ElementRef},{token:De,optional:!0}],target:s.ɵɵFactoryTarget.Component}),Ne.ɵcmp=s.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:Ne,selector:"kendo-autocomplete",inputs:{highlightFirst:"highlightFirst",focusableId:"focusableId",data:"data",value:"value",valueField:"valueField",placeholder:"placeholder",popupSettings:"popupSettings",listHeight:"listHeight",loading:"loading",clearButton:"clearButton",suggest:"suggest",disabled:"disabled",itemDisabled:"itemDisabled",readonly:"readonly",tabindex:"tabindex",tabIndex:"tabIndex",filterable:"filterable",virtual:"virtual",size:"size",rounded:"rounded",fillMode:"fillMode"},outputs:{valueChange:"valueChange",filterChange:"filterChange",open:"open",opened:"opened",close:"close",closed:"closed",onFocus:"focus",onBlur:"blur"},host:{properties:{"class.k-autocomplete":"this.widgetClasses","class.k-input":"this.widgetClasses","class.k-disabled":"this.isDisabled","class.k-loading":"this.isLoading","attr.dir":"this.dir"}},providers:[Ve,I,C,T,x,n.LocalizationService,{provide:n.L10N_PREFIX,useValue:"kendo.autocomplete"},{provide:Ie,useExisting:h.forwardRef(function(){return Ne})},{provide:l.KendoInput,useExisting:h.forwardRef(function(){return Ne})}],queries:[{propertyName:"template",first:!0,predicate:ce,descendants:!0},{propertyName:"headerTemplate",first:!0,predicate:y,descendants:!0},{propertyName:"footerTemplate",first:!0,predicate:k,descendants:!0},{propertyName:"noDataTemplate",first:!0,predicate:D,descendants:!0},{propertyName:"groupTemplate",first:!0,predicate:he,descendants:!0},{propertyName:"fixedGroupTemplate",first:!0,predicate:ge,descendants:!0}],viewQueries:[{propertyName:"container",first:!0,predicate:["container"],descendants:!0,read:h.ViewContainerRef,static:!0},{propertyName:"popupTemplate",first:!0,predicate:["popupTemplate"],descendants:!0,static:!0},{propertyName:"searchbar",first:!0,predicate:v,descendants:!0,static:!0},{propertyName:"optionsList",first:!0,predicate:["optionsList"],descendants:!0}],exportAs:["kendoAutoComplete"],usesOnChanges:!0,ngImport:s,template:'\n        <ng-container kendoAutoCompleteLocalizedMessages\n            i18n-noDataText="kendo.autocomplete.noDataText|The text displayed in the popup when there are no items"\n            noDataText="NO DATA FOUND"\n\n            i18n-clearTitle="kendo.autocomplete.clearTitle|The title of the clear button"\n            clearTitle="clear"\n        >\n        </ng-container>\n        <kendo-searchbar #searchbar\n            [role]="\'combobox\'"\n            [id]="focusableId"\n            [listId]="listBoxId"\n            [activeDescendant]="activeDescendant"\n            [noDataLabel]="noDataLabel"\n            [userInput]="text"\n            [suggestedText]="suggestion"\n            [disabled]="disabled"\n            [readonly]="readonly"\n            [tabIndex]="tabIndex"\n            [popupOpen]="isOpen"\n            [placeholder]="placeholder"\n            (onNavigate)="handleNavigate($event)"\n            (valueChange)="searchBarChange($event)"\n            (onBlur)="handleBlur()"\n            (onFocus)="handleFocus()"\n        ></kendo-searchbar>\n        <span\n            *ngIf="!loading && !readonly && (clearButton && text?.length)"\n            class="k-clear-value"\n            [style.visibility]="clearButtonVisiblity"\n            [attr.title]="messageFor(\'clearTitle\')"\n            role="button"\n            tabindex="-1"\n            (click)="clearValue($event)"\n            (mousedown)="$event.preventDefault()"\n        >\n            <span class="k-icon k-i-x"></span>\n        </span>\n        <span *ngIf="loading" class="k-icon k-i-loading k-input-loading-icon"></span>\n        <ng-template #popupTemplate>\n            \x3c!--header template--\x3e\n            <ng-template *ngIf="headerTemplate"\n                [templateContext]="{\n                    templateRef: headerTemplate.templateRef\n                }">\n            </ng-template>\n            \x3c!--list--\x3e\n            <kendo-list\n                #optionsList\n                [size]="size"\n                [rounded]="rounded"\n                [id]="listBoxId"\n                [optionPrefix]="optionPrefix"\n                [data]="data"\n                [textField]="valueField"\n                [valueField]="valueField"\n                [template]="template"\n                [groupTemplate]="groupTemplate"\n                [fixedGroupTemplate]="fixedGroupTemplate"\n                [height]="listHeight"\n                [show]="isOpen"\n                [virtual]="virtual"\n                (pageChange)="pageChange($event)"\n            >\n            </kendo-list>\n            \x3c!--no-data template--\x3e\n            <div class="k-no-data" *ngIf="data.length === 0">\n                <ng-template [ngIf]="noDataTemplate"\n                    [templateContext]="{\n                        templateRef: noDataTemplate?.templateRef\n                    }">\n                </ng-template>\n                <ng-template [ngIf]="!noDataTemplate">\n                    <div>{{ messageFor(\'noDataText\') }}</div>\n                </ng-template>\n            </div>\n            \x3c!--footer template--\x3e\n            <ng-template *ngIf="footerTemplate"\n                [templateContext]="{\n                    templateRef: footerTemplate.templateRef\n                }">\n            </ng-template>\n        </ng-template>\n        <ng-template [ngIf]="isOpen">\n            <kendo-resize-sensor (resize)="onResize()"></kendo-resize-sensor>\n        </ng-template>\n        <ng-container #container></ng-container>\n  ',isInline:!0,components:[{type:v,selector:"kendo-searchbar",inputs:["id","listId","tagListId","activeDescendant","noDataLabel","disabled","readonly","tabIndex","popupOpen","role","userInput","suggestedText","placeholder"],outputs:["valueChange","onBlur","onFocus","onClick","onNavigate"]},{type:Pe,selector:"kendo-list",inputs:["selected","focused","textField","valueField","height","template","groupTemplate","fixedGroupTemplate","show","id","optionPrefix","multipleSelection","virtual","type","checkboxes","data","size","rounded"],outputs:["onClick","pageChange","listResize"]},{type:a.ResizeSensorComponent,selector:"kendo-resize-sensor",inputs:["rateLimit"],outputs:["resize"]}],directives:[{type:Ae,selector:"\n    [kendoDropDownListLocalizedMessages],\n    [kendoDropDownTreeLocalizedMessages],\n    [kendoComboBoxLocalizedMessages],\n    [kendoMultiColumnComboBoxLocalizedMessages],\n    [kendoAutoCompleteLocalizedMessages],\n    [kendoMultiSelectLocalizedMessages],\n    [kendoMultiSelectTreeLocalizedMessages]\n  "},{type:p.NgIf,selector:"[ngIf]",inputs:["ngIf","ngIfThen","ngIfElse"]},{type:Se,selector:"[templateContext]",inputs:["templateContext"]}]}),s.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:s,type:Ne,decorators:[{type:h.Component,args:[{exportAs:"kendoAutoComplete",providers:[Ve,I,C,T,x,n.LocalizationService,{provide:n.L10N_PREFIX,useValue:"kendo.autocomplete"},{provide:Ie,useExisting:h.forwardRef(function(){return Ne})},{provide:l.KendoInput,useExisting:h.forwardRef(function(){return Ne})}],selector:"kendo-autocomplete",template:'\n        <ng-container kendoAutoCompleteLocalizedMessages\n            i18n-noDataText="kendo.autocomplete.noDataText|The text displayed in the popup when there are no items"\n            noDataText="NO DATA FOUND"\n\n            i18n-clearTitle="kendo.autocomplete.clearTitle|The title of the clear button"\n            clearTitle="clear"\n        >\n        </ng-container>\n        <kendo-searchbar #searchbar\n            [role]="\'combobox\'"\n            [id]="focusableId"\n            [listId]="listBoxId"\n            [activeDescendant]="activeDescendant"\n            [noDataLabel]="noDataLabel"\n            [userInput]="text"\n            [suggestedText]="suggestion"\n            [disabled]="disabled"\n            [readonly]="readonly"\n            [tabIndex]="tabIndex"\n            [popupOpen]="isOpen"\n            [placeholder]="placeholder"\n            (onNavigate)="handleNavigate($event)"\n            (valueChange)="searchBarChange($event)"\n            (onBlur)="handleBlur()"\n            (onFocus)="handleFocus()"\n        ></kendo-searchbar>\n        <span\n            *ngIf="!loading && !readonly && (clearButton && text?.length)"\n            class="k-clear-value"\n            [style.visibility]="clearButtonVisiblity"\n            [attr.title]="messageFor(\'clearTitle\')"\n            role="button"\n            tabindex="-1"\n            (click)="clearValue($event)"\n            (mousedown)="$event.preventDefault()"\n        >\n            <span class="k-icon k-i-x"></span>\n        </span>\n        <span *ngIf="loading" class="k-icon k-i-loading k-input-loading-icon"></span>\n        <ng-template #popupTemplate>\n            \x3c!--header template--\x3e\n            <ng-template *ngIf="headerTemplate"\n                [templateContext]="{\n                    templateRef: headerTemplate.templateRef\n                }">\n            </ng-template>\n            \x3c!--list--\x3e\n            <kendo-list\n                #optionsList\n                [size]="size"\n                [rounded]="rounded"\n                [id]="listBoxId"\n                [optionPrefix]="optionPrefix"\n                [data]="data"\n                [textField]="valueField"\n                [valueField]="valueField"\n                [template]="template"\n                [groupTemplate]="groupTemplate"\n                [fixedGroupTemplate]="fixedGroupTemplate"\n                [height]="listHeight"\n                [show]="isOpen"\n                [virtual]="virtual"\n                (pageChange)="pageChange($event)"\n            >\n            </kendo-list>\n            \x3c!--no-data template--\x3e\n            <div class="k-no-data" *ngIf="data.length === 0">\n                <ng-template [ngIf]="noDataTemplate"\n                    [templateContext]="{\n                        templateRef: noDataTemplate?.templateRef\n                    }">\n                </ng-template>\n                <ng-template [ngIf]="!noDataTemplate">\n                    <div>{{ messageFor(\'noDataText\') }}</div>\n                </ng-template>\n            </div>\n            \x3c!--footer template--\x3e\n            <ng-template *ngIf="footerTemplate"\n                [templateContext]="{\n                    templateRef: footerTemplate.templateRef\n                }">\n            </ng-template>\n        </ng-template>\n        <ng-template [ngIf]="isOpen">\n            <kendo-resize-sensor (resize)="onResize()"></kendo-resize-sensor>\n        </ng-template>\n        <ng-container #container></ng-container>\n  '}]}],ctorParameters:function(){return[{type:r.LocalizationService},{type:I},{type:j.PopupService},{type:C},{type:T},{type:x},{type:s.NgZone},{type:s.ChangeDetectorRef},{type:s.Renderer2},{type:s.ElementRef},{type:void 0,decorators:[{type:h.Optional},{type:h.Inject,args:[De]}]}]},propDecorators:{highlightFirst:[{type:h.Input}],focusableId:[{type:h.Input}],data:[{type:h.Input}],value:[{type:h.Input}],valueField:[{type:h.Input}],placeholder:[{type:h.Input}],popupSettings:[{type:h.Input}],listHeight:[{type:h.Input}],loading:[{type:h.Input}],clearButton:[{type:h.Input}],suggest:[{type:h.Input}],disabled:[{type:h.Input}],itemDisabled:[{type:h.Input}],readonly:[{type:h.Input}],tabindex:[{type:h.Input}],tabIndex:[{type:h.Input,args:["tabIndex"]}],filterable:[{type:h.Input}],virtual:[{type:h.Input}],size:[{type:h.Input}],rounded:[{type:h.Input}],fillMode:[{type:h.Input}],valueChange:[{type:h.Output}],filterChange:[{type:h.Output}],open:[{type:h.Output}],opened:[{type:h.Output}],close:[{type:h.Output}],closed:[{type:h.Output}],onFocus:[{type:h.Output,args:["focus"]}],onBlur:[{type:h.Output,args:["blur"]}],template:[{type:h.ContentChild,args:[ce,{static:!1}]}],headerTemplate:[{type:h.ContentChild,args:[y,{static:!1}]}],footerTemplate:[{type:h.ContentChild,args:[k,{static:!1}]}],noDataTemplate:[{type:h.ContentChild,args:[D,{static:!1}]}],groupTemplate:[{type:h.ContentChild,args:[he,{static:!1}]}],fixedGroupTemplate:[{type:h.ContentChild,args:[ge,{static:!1}]}],container:[{type:h.ViewChild,args:["container",{read:h.ViewContainerRef,static:!0}]}],popupTemplate:[{type:h.ViewChild,args:["popupTemplate",{static:!0}]}],searchbar:[{type:h.ViewChild,args:[v,{static:!0}]}],optionsList:[{type:h.ViewChild,args:["optionsList",{static:!1}]}],widgetClasses:[{type:h.HostBinding,args:["class.k-autocomplete"]},{type:h.HostBinding,args:["class.k-input"]}],isDisabled:[{type:h.HostBinding,args:["class.k-disabled"]}],isLoading:[{type:h.HostBinding,args:["class.k-loading"]}],dir:[{type:h.HostBinding,args:["attr.dir"]}]}});var Le="Expected values of array type. See http://www.telerik.com/kendo-angular-ui/components/dropdowns/multiselect/#value-selection",_e="Expected values of Object type. See http://www.telerik.com/kendo-angular-ui/components/dropdowns/multiselect/#value-selection",je="Expected values of primitive type. See http://www.telerik.com/kendo-angular-ui/components/dropdowns/multiselect/#value-selection",He="Expected textField and valueField options to be set. See http://www.telerik.com/kendo-angular-ui/components/dropdowns/multiselect/#toc-bind-to-arrays-of-complex-data",$e="Expected values of array type. See http://www.telerik.com/kendo-angular-ui/components/dropdowns/multiselecttree/#value-selection",Ke="Expected values of primitive type. See http://www.telerik.com/kendo-angular-ui/components/dropdowns/multiselecttree/value-binding/#toc-primitive-values",Ge="Expected values of type Object. See http://www.telerik.com/kendo-angular-ui/components/dropdowns/multiselecttree/value-binding/#toc-object-values",Ue="Expected dataItems of type Object[] to be set. See https://www.telerik.com/kendo-angular-ui/components/dropdowns/api/MultiSelectTreeComponent/#toc-dataitems",We="Expected dataItems length to match the number of provided values. See https://www.telerik.com/kendo-angular-ui/components/dropdowns/api/MultiSelectTreeComponent/#toc-dataitems",qe="Expected textField and valueField options to be set. See https://www.telerik.com/kendo-angular-ui/components/dropdowns/multiselecttree/value-binding",Ze="Expected valueDepth of type number[] to be set. See https://www.telerik.com/kendo-angular-ui-develop/components/dropdowns/api/MultiSelectTreeComponent/#toc-valuedepth",Xe="Expected valueDepth length to match the number of provided values. See https://www.telerik.com/kendo-angular-ui-develop/components/dropdowns/api/MultiSelectTreeComponent/#toc-valuedepth",Qe="Expected value of type Object. See http://www.telerik.com/kendo-angular-ui/components/dropdowns/combobox/#toc-value-selection",Je="Expected value of primitive type. See http://www.telerik.com/kendo-angular-ui/components/dropdowns/combobox/#toc-value-selection",Ye="Expected textField and valueField options to be set. See http://www.telerik.com/kendo-angular-ui/components/dropdowns/combobox/#toc-bind-to-arrays-of-complex-data",et="Expected virtual.itemHeight of type number.",tt="Provided data must consist only of objects. See https://www.telerik.com/kendo-angular-ui/components/dropdowns/multicolumncombobox/data-binding/",nt="Expected textField and valueField options to be set. See https://www.telerik.com/kendo-angular-ui/components/dropdowns/multicolumncombobox/data-binding/#toc-fields-configuration",it="defaultItem and data items must be of same type. See http://www.telerik.com/kendo-angular-ui/components/dropdowns/api/DropDownListComponent/#toc-defaultitem",ot="Expected value of type Object. See http://www.telerik.com/kendo-angular-ui/components/dropdowns/dropdownlist/#toc-value-selection",st="Expected value of primitive type. See http://www.telerik.com/kendo-angular-ui/components/dropdowns/dropdownlist/#toc-value-selection",at="Expected textField and valueField options to be set. See http://www.telerik.com/kendo-angular-ui/components/dropdowns/dropdownlist/#toc-bind-to-arrays-of-complex-data",rt="Expected value of primitive type. See http://www.telerik.com/kendo-angular-ui/components/dropdowns/dropdowntree/value-binding/#toc-primitive-values",lt="Expected value of type Object. See http://www.telerik.com/kendo-angular-ui/components/dropdowns/dropdowntree/value-binding/#toc-object-values",pt="Expected dataItem of type Object to be set. See https://www.telerik.com/kendo-angular-ui/components/dropdowns/api/DropDownTreeComponent/#toc-dataitem",dt="Expected textField and valueField options to be set. See https://www.telerik.com/kendo-angular-ui/components/dropdowns/dropdowntree/value-binding",ut="Expected valueDepth to be set. See https://www.telerik.com/kendo-angular-ui-develop/components/dropdowns/api/DropDownTreeComponent/#toc-valuedepth",Ve={multi:!0,provide:t.NG_VALUE_ACCESSOR,useExisting:h.forwardRef(function(){return ct})},ct=(Object.defineProperty(F.prototype,"text",{get:function(){return this._text},set:function(e){this._text=c(e)?e.toString():""},enumerable:!1,configurable:!0}),F.prototype.togglePopup=function(e){var t=this.disabled||this.readonly,n=this.isOpen===e;t||n||this.triggerPopupEvents(e)||this._toggle(e)},Object.defineProperty(F.prototype,"activeDescendant",{get:function(){if(!this.isOpen||!c(this.selectionService.focused)||-1===this.selectionService.focused)return null;var e=this.dataService.itemAt(this.selectionService.focused);return this.optionPrefix+"-"+(e?f(e,this.valueField):"")},enumerable:!1,configurable:!0}),Object.defineProperty(F.prototype,"noDataLabel",{get:function(){if(0===this.data.length)return this.messageFor("noDataText")},enumerable:!1,configurable:!0}),Object.defineProperty(F.prototype,"appendTo",{get:function(){var e=this.popupSettings.appendTo;if(e&&"root"!==e)return"component"===e?this.container:e},enumerable:!1,configurable:!0}),Object.defineProperty(F.prototype,"data",{get:function(){var e,t,n=this.virtual;return n?(t=(e=n.skip||0)+n.pageSize,n.total=this.dataService.data.length,this.dataService.data.slice(e,t)):this.dataService.data},set:function(e){this.dataService.data=e||[],this.virtual&&(this.virtual.skip=0),this.setState(),this._filtering&&(e=0<this.text.length&&0<this.dataService.itemsCount?this.firstFocusableIndex(0):-1,this.selectionService.focused=e),this.suggest&&this.dataService.itemsCount&&this.text&&(this.suggestedText=f(this.dataService.itemAt(0),this.textField))},enumerable:!1,configurable:!0}),Object.defineProperty(F.prototype,"value",{get:function(){return this._value},set:function(e){this._value=e,this.setState(),this.cdr.markForCheck()},enumerable:!1,configurable:!0}),Object.defineProperty(F.prototype,"valuePrimitive",{get:function(){return c(this._valuePrimitive)?this._valuePrimitive:!c(this.valueField)},set:function(e){this._valuePrimitive=e},enumerable:!1,configurable:!0}),Object.defineProperty(F.prototype,"popupSettings",{get:function(){return this._popupSettings},set:function(e){this._popupSettings=Object.assign({animate:!0},e)},enumerable:!1,configurable:!0}),Object.defineProperty(F.prototype,"itemDisabled",{set:function(e){if("function"!=typeof e)throw new Error("itemDisabled must be a function, but received "+JSON.stringify(e)+".");this.disabledItemsService.itemDisabled=e},enumerable:!1,configurable:!0}),Object.defineProperty(F.prototype,"tabIndex",{get:function(){return this.tabindex},set:function(e){this.tabindex=e},enumerable:!1,configurable:!0}),Object.defineProperty(F.prototype,"virtual",{get:function(){return this._virtualSettings},set:function(e){this._virtualSettings=xe(e,{itemHeight:this.defaultVirtualItemHeight,pageSize:this.defaultVirtualPageSize})},enumerable:!1,configurable:!0}),Object.defineProperty(F.prototype,"size",{get:function(){return this._size},set:function(e){var t=e||"medium";this.renderer.removeClass(this.wrapper.nativeElement,d("input",this.size)),"none"!==e&&this.renderer.addClass(this.wrapper.nativeElement,d("input",t)),this._size=t},enumerable:!1,configurable:!0}),Object.defineProperty(F.prototype,"rounded",{get:function(){return this._rounded},set:function(e){var t=e||"medium";this.renderer.removeClass(this.wrapper.nativeElement,u(this.rounded)),"none"!==e&&this.renderer.addClass(this.wrapper.nativeElement,u(t)),this._rounded=t},enumerable:!1,configurable:!0}),Object.defineProperty(F.prototype,"fillMode",{get:function(){return this._fillMode},set:function(e){var t=e||"solid";this.renderer.removeClass(this.wrapper.nativeElement,le("input",this.fillMode)),"none"!==e&&this.renderer.addClass(this.wrapper.nativeElement,le("input",t)),this._fillMode=t},enumerable:!1,configurable:!0}),Object.defineProperty(F.prototype,"isDisabled",{get:function(){return this.disabled},enumerable:!1,configurable:!0}),Object.defineProperty(F.prototype,"isLoading",{get:function(){return this.loading},enumerable:!1,configurable:!0}),Object.defineProperty(F.prototype,"dir",{get:function(){return this.direction},enumerable:!1,configurable:!0}),Object.defineProperty(F.prototype,"isFocused",{get:function(){return this._isFocused},set:function(e){this.renderer[e?"addClass":"removeClass"](this.wrapper.nativeElement,"k-focus"),this._isFocused=e},enumerable:!1,configurable:!0}),Object.defineProperty(F.prototype,"clearButtonVisiblity",{get:function(){if(this.touchEnabled)return"visible"},enumerable:!1,configurable:!0}),Object.defineProperty(F.prototype,"popupWidth",{get:function(){var e=0,t=(l.isDocumentAvailable()&&(e=this.wrapper.nativeElement.offsetWidth),this.popupSettings.width||e);return{min:isNaN(e)?e:e+"px",max:isNaN(t)?t:t+"px"}},enumerable:!1,configurable:!0}),Object.defineProperty(F.prototype,"popupHeight",{get:function(){var e=this.popupSettings.height;return c(e)?e+"px":"auto"},enumerable:!1,configurable:!0}),F.prototype.ngOnInit=function(){this.renderer.removeAttribute(this.wrapper.nativeElement,"tabindex"),this.attachStreams(),this.createValueStream(),this.subscribeTouchEvents(),this.attachSelectClickHandler(),this.setComponentClasses()},F.prototype.createValueStream=function(){var i=this,e=this.valueSubject.pipe(m.filter(function(e){var t=f(i.value,i.valueField),n=f(e,i.valueField),e=f(e,i.textField);return!(!c(i.value)&&!c(n))&&(c(e)&&(e=e.toString()),t!==n||i.text!==e||(i.clearFilter(),!1))}),m.map(function(e){var t=f(e,i.valueField);return{dataItem:e,text:f(e,i.textField),value:i.valuePrimitive?t:e}})),t=m.partition(function(){return i.allowCustom})(this.customValueSubject.pipe(m.throttleTime(300))),n=t[0].pipe(m.tap(function(){i.loading=!0,i.disabled=!0,i.cdr.detectChanges()}),m.filter(function(){var e=i.text!==f(i.value,i.valueField);return i.loading=e,(i.disabled=e)||i.clearFilter(),e}),this.valueNormalizer,m.map(function(e){return{custom:!0,dataItem:e,text:i.text,value:e}})),t=t[1].pipe(m.map(function(){return{custom:!0,dataItem:void 0,text:void 0,value:void 0}})),o=this.clearValueSubject.pipe(m.map(function(){return{dataItem:void 0,text:void 0,value:void 0}})),e=(this.valueSubscription&&this.valueSubscription.unsubscribe(),g.merge(e,n,t,o));this.valueSubscription=e.pipe(m.catchError(function(){var e=void 0!==f(i.dataItem,i.valueField);return i.dataItem=void 0,i.value=void 0,i.text=void 0,i.loading=!1,i.disabled=!1,e&&i.selectionChange.emit(void 0),i.emitValueChange(),i.createValueStream(),g.of(null)})).subscribe(function(e){var t=f(i.dataItem,i.valueField)!==f(e.dataItem,i.valueField);i.dataItem=e.dataItem,i.value=e.value,i.text=e.text,i.loading=!1,i.disabled=!1,i.clearFilter(),e.custom&&(i.selectionService.focused=-1),t&&(t=e.custom?void 0:i.dataItem,i.selectionChange.emit(t)),i.emitValueChange()})},F.prototype.attachStreams=function(){var n=this;l.isDocumentAvailable()&&(this.subs.add(this.localization.changes.subscribe(function(e){e=e.rtl;n.direction=e?"rtl":"ltr",n.cdr.detectChanges()})),this.subs.add(g.merge(this.navigationService.up,this.navigationService.down,this.navigationService.home,this.navigationService.end).pipe(m.filter(function(e){return c(e.index)})).subscribe(function(e){return n.navigate(e.index)})),this.subs.add(this.navigationService.open.subscribe(this.handleNavigationOpen.bind(this))),this.subs.add(this.navigationService.close.subscribe(function(){return n.togglePopup(!1)})),this.subs.add(this.navigationService.esc.subscribe(this.handleEscape.bind(this))),this.subs.add(this.navigationService.enter.pipe(m.tap(function(e){n.isOpen&&e.originalEvent.preventDefault()})).subscribe(this.handleEnter.bind(this))),this.subs.add(g.merge(this.selectionService.onChange,this.selectionService.onSelect.pipe(m.filter(function(e){return!n.isOpen}))).pipe(m.tap(function(e){n._filtering=!1,n.togglePopup(!1)}),m.map(function(e){return n.dataService.itemAt(e.indices[0])})).subscribe(function(e){n.change(e)})),this.subs.add(this.selectionService.onSelect.pipe(m.filter(function(e){return n.isOpen}),m.tap(function(e){return n._filtering=!1}),m.map(function(e){return n.dataService.itemAt(e.indices[0])})).subscribe(function(e){var t=f(e,n.valueField)!==f(n.dataItem,n.valueField);n.updateState({dataItem:e}),t&&n.selectionChange.emit(e)})))},F.prototype.ngOnDestroy=function(){this.destroyPopup(),this.subs.unsubscribe(),c(this.valueSubscription)&&this.valueSubscription.unsubscribe(),this.touchstartDisposeHandler&&this.touchstartDisposeHandler(),this.selectClickDisposeHandler&&this.selectClickDisposeHandler()},F.prototype.ngOnChanges=function(e){var t=this.virtual;t&&e.data&&e.data.isFirstChange()&&this.pageChange({skip:0,take:t.pageSize}),l.isChanged("valueNormalizer",e)&&this.createValueStream(),l.anyChanged(["textField","valueField","valuePrimitive"],e,!1)&&this.setState()},F.prototype.ngAfterContentChecked=function(){this.verifySettings()},F.prototype.focusItemAt=function(e){var t=0<=e&&e<this.data.length;c(e)&&t&&!this.disabledItemsService.isIndexDisabled(e)?this.selectionService.focus(e):this.selectionService.focus(-1)},F.prototype.focus=function(){this.disabled||this.searchbar.focus()},F.prototype.blur=function(){this.disabled||this.searchbar.blur()},F.prototype.toggle=function(t){var n=this;Promise.resolve(null).then(function(){var e=c(t)?t:!n._open;n._toggle(e),n.cdr.markForCheck()})},Object.defineProperty(F.prototype,"isOpen",{get:function(){return this._open},enumerable:!1,configurable:!0}),F.prototype.reset=function(){this.value=void 0,this.clearState(),this.resetSelection()},F.prototype.isEmpty=function(){var e=!c(this.text)||Z(this.text),t=!c(this.value)||Z(this.value);return e&&t},F.prototype.messageFor=function(e){return this.localization.get(e)},F.prototype.clearValue=function(e){e.stopImmediatePropagation(),this.focus(),this._filtering=!0,this._previousDataItem=void 0,this.selectionService.resetSelection([]),this.clearValueSubject.next(),this._filtering=!1},F.prototype.writeValue=function(e){this.value=null===e?void 0:e},F.prototype.registerOnChange=function(e){this.onChangeCallback=e},F.prototype.registerOnTouched=function(e){this.onTouchedCallback=e},F.prototype.setDisabledState=function(e){this.disabled=e},Object.defineProperty(F.prototype,"buttonClasses",{get:function(){return this.loading?"k-i-loading k-input-loading-icon":this.iconClass||"k-i-arrow-s"},enumerable:!1,configurable:!0}),Object.defineProperty(F.prototype,"selectButtonClasses",{get:function(){return(this.size?d("button",this.size):"")+" "+(this.fillMode?"k-button-"+this.fillMode:"")+" "+(this.fillMode?"k-button-"+this.fillMode+"-base":"")+"\n        "},enumerable:!1,configurable:!0}),F.prototype.onResize=function(){var e,t,n;this.isOpen&&(e=this.popupRef.popupElement,t=(n=this.popupWidth).min,n=n.max,e.style.minWidth=t,e.style.width=n)},F.prototype.verifySettings=function(){if(h.isDevMode()){if(!0===this.valuePrimitive&&c(this.value)&&"object"==typeof this.value)throw new Error(Je);if(!1===this.valuePrimitive&&c(this.value)&&"object"!=typeof this.value)throw new Error(Qe);if(!c(this.valueField)!=!c(this.textField))throw new Error(Ye);if(this.virtual&&isNaN(this.virtual.itemHeight))throw new Error(et)}},F.prototype.setState=function(){var e,t;this._filtering||(e=this.value,t=this.valueField,t=this.findDataItem({valueField:t,value:e}),c(t.index)&&-1!==t.index?(this.updateState({dataItem:t.dataItem,confirm:!0}),this.resetSelection(t.index)):c(e)&&this.allowCustom?(this.updateState({dataItem:e}),this.resetSelection(-1)):this._previousDataItem&&this.value?(this.updateState({dataItem:this._previousDataItem}),this.resetSelection()):(this.clearState(),this.resetSelection(-1)))},F.prototype.updateState=function(e){var t=e.dataItem,e=e.confirm,e=void 0!==e&&e;this.dataItem=t,this.text=f(t,this.textField),e&&(this._previousDataItem=t)},F.prototype.clearState=function(){this.text=void 0,this.dataItem=void 0},F.prototype.resetSelection=function(e){var t=!c(e)||e<0;this.selectionService.resetSelection(t?[]:[e]),this.selectionService.focused=e},F.prototype.firstFocusableIndex=function(e){var t=this.data.length-1;return this.disabledItemsService.isIndexDisabled(e)?e<t?this.firstFocusableIndex(e+1):void 0:e},F.prototype.findIndexPredicate=function(t){var n=this;return this.dataService.grouped?function(e){e=f(e.value,n.textField);return(e=c(e)?e.toString().toLowerCase():"").startsWith(t.toLowerCase())}:function(e){e=f(e,n.textField);return(e=c(e)?e.toString().toLowerCase():"").startsWith(t.toLowerCase())}},F.prototype.findDataItem=function(e){var t=this,n=e.valueField,i=e.value,e={dataItem:null,index:-1},o=this.dataService.findIndex(function(e){e=t.dataService.grouped?e.value:e;return f(e,n)===f(i,n)});return e.dataItem=this.dataService.itemAt(o),e.index=o,e},F.prototype.search=function(e,t){void 0===t&&(t=0),t=e.length&&this.dataService.itemsCount?this.dataService.findIndex(this.findIndexPredicate(e),t):-1,this.disabledItemsService.isIndexDisabled(t)?t+1<this.dataService.itemsCount?this.search(e,t+1):this.selectionService.focus(-1):(this.selectionService.focus(t),this.suggest&&(this.suggestedText=f(this.dataService.itemAt(t),this.textField)))},F.prototype.getSuggestion=function(){var e=!!this.selectionService.selected.length,t=this.suggest&&!this.backspacePressed&&this.suggestedText&&this.text;if(!e&&t&&this.suggestedText.toLowerCase().startsWith(this.text.toLowerCase()))return this.suggestedText;this.suggestedText=void 0},F.prototype.navigate=function(e){0!==this.dataService.itemsCount&&(this.text=f(this.dataService.itemAt(e),this.textField),this.selectionService.select(e))},F.prototype.handleNavigate=function(e){var t=c(this.selectionService.selected[0]),n=isNaN(this.selectionService.focused)?this.firstFocusableIndex(0):this.selectionService.focused,i=0;this.disabled||this.readonly||e.keyCode!==l.Keys.Home&&e.keyCode!==l.Keys.End&&(t||(e.keyCode===l.Keys.ArrowDown?i=-1:e.keyCode===l.Keys.ArrowUp&&(i=1)),(t=this.navigationService.process({current:i+n,max:this.dataService.itemsCount-1,min:0,originalEvent:e}))!==b.Undefined&&t!==b.Left&&t!==b.Right&&t!==b.Backspace&&t!==b.Delete&&(t===b.Enter&&this.isOpen||t!==b.Enter)&&e.preventDefault())},F.prototype.handleEnter=function(){var e=this.text,t=this.selectionService.focused,n=c(t)&&-1!==t,i=f(this._previousDataItem,this.textField)||"",o=f(this.dataService.itemAt(t),this.textField),i=e!==i;this.togglePopup(!1),this._filtering=!1,this.allowCustom&&i&&(e===o||this.useSuggestion()?this.selectionService.change(t):this.change(e,!0)),this.allowCustom||(n?this.selectionService.change(t):i&&this.change(e,!0))},F.prototype.handleBlur=function(){var e=this,t=(this._filtering=!1,this.searchbar.input.nativeElement.scrollLeft=0,this.isFocused=!1,f(this.dataItem,this.valueField)!==f(this.value,this.valueField)),n=this.searchbar.value,i=n!==(f(this.dataItem,this.textField)||""),o=t||i;o||l.hasObservers(this.onBlur)||l.hasObservers(this.close)||te(this.wrapper.nativeElement)?this.zone.run(function(){o&&(c(e.focusedItemText)&&e.focusedItemText.toLowerCase()===n.toLowerCase()||t?e.selectionService.change(e.selectionService.focused):e.change(n,!0)),e.onBlur.emit(),e.onTouchedCallback(),e.togglePopup(!1)}):this.togglePopup(!1)},F.prototype.handleEscape=function(){this.togglePopup(!1),0<this.selectionService.selected.length||(this.suggestedText=null,this.selectionService.focused=-1)},F.prototype.handleNavigationOpen=function(){this.restoreItemFocus(),this.togglePopup(!0)},F.prototype.searchBarChange=function(e){var t=this.text?this.text.length:0;this.backspacePressed=e.length<t,this.text=e,this.selectionService.resetSelection([]),this.togglePopup(!0),this._filtering=!0,this.filterable&&this.filterText!==e?(this.filterText=e,this.filterChange.emit(e)):this.search(e)},F.prototype.handleFocus=function(){var e=this;this.isFocused=!0,l.hasObservers(this.onFocus)&&this.zone.run(function(){return e.onFocus.emit()})},F.prototype.pageChange=function(e){this.virtual.skip=e.skip},F.prototype.change=function(e,t){((t=void 0===t?!1:t)?this.customValueSubject:this.valueSubject).next(e)},F.prototype.emitValueChange=function(){this.onChangeCallback(this.value),this.valueChange.emit(this.value),this._previousDataItem=this.dataItem},F.prototype.selectClick=function(){this.touchEnabled||this.searchbar.focus(),this.isOpen||this.restoreItemFocus(),this.togglePopup(!this.isOpen)},Object.defineProperty(F.prototype,"listContainerClasses",{get:function(){return["k-list-container","k-reset"].concat(this.popupSettings.popupClass||[])},enumerable:!1,configurable:!0}),F.prototype.preventEventDefault=function(e){e.preventDefault()},Object.defineProperty(F.prototype,"focusedItemText",{get:function(){var e=this.selectionService.focused;if(!c(e)||-1===e)return null;e=f(this.dataService.itemAt(e),this.textField);return c(e)?e.toString():""},enumerable:!1,configurable:!0}),F.prototype.restoreItemFocus=function(){c(this.selectionService.focused)&&-1<this.selectionService.focused||!this.text||!this.dataService.itemsCount||(this.filterable?this.selectionService.focused=this.firstFocusableIndex(0):this.search(this.text))},F.prototype.useSuggestion=function(){if(!this.suggest||!c(this.searchbar.value))return!1;var e=this.dataService.itemAt(this.selectionService.focused),e=f(e,this.textField);return!!c(e)&&this.searchbar.value.toLowerCase()===e.toLowerCase()},F.prototype.destroyPopup=function(){this.popupRef&&(this.popupRef.popupElement.removeEventListener("mousedown",this.popupMouseDownHandler),this.popupRef.close(),this.popupRef=null)},F.prototype.createPopup=function(){var e=this,t=(this.virtual&&(this.virtual.skip=0),"rtl"===this.direction?"right":"left"),t=(this.popupRef=this.popupService.open({anchor:this.wrapper,animate:this.popupSettings.animate,appendTo:this.appendTo,content:this.popupTemplate,popupClass:this.listContainerClasses,positionMode:"absolute",anchorAlign:{horizontal:t,vertical:"bottom"},popupAlign:{horizontal:t,vertical:"top"}}),this.popupRef.popupElement),n=this.popupWidth,i=n.min,n=n.max;t.addEventListener("mousedown",this.popupMouseDownHandler),t.style.minWidth=i,t.style.width=n,t.style.height=this.popupHeight,t.setAttribute("dir",this.direction),this.popupRef.popupOpen.subscribe(function(){e.cdr.detectChanges(),e.optionsList.scrollToItem(e.selectionService.focused),e.opened.emit()}),this.popupRef.popupClose.subscribe(function(){e.closed.emit()}),this.popupRef.popupAnchorViewportLeave.subscribe(function(){return e.togglePopup(!1)})},F.prototype._toggle=function(e){this._open=e,this.destroyPopup(),this._open&&this.createPopup()},F.prototype.triggerPopupEvents=function(e){var t=new ke;return(e?this.open:this.close).emit(t),t.isDefaultPrevented()},F.prototype.clearFilter=function(){this.filterable&&this.filterText&&(this.filterText="",this.filterChange.emit(this.filterText))},F.prototype.subscribeTouchEvents=function(){var t=this;l.isDocumentAvailable()&&this.touchEnabled&&this.zone.runOutsideAngular(function(){return t.touchstartDisposeHandler=t.renderer.listen(document,"touchstart",function(e){e=e.target,e=oe(t.wrapper,e,t.popupRef);t.isFocused&&!e?t.zone.run(function(){return t.blur()}):t.isOpen&&!e&&t.zone.run(function(){return t.togglePopup(!1)})})})},F.prototype.attachSelectClickHandler=function(){var e=this.select.nativeElement,t=V.pointers?"pointerdown":"click";this.selectClickDisposeHandler=this.renderer.listen(e,t,this.selectClick.bind(this))},F.prototype.setComponentClasses=function(){"none"!==this.size&&this.renderer.addClass(this.wrapper.nativeElement,d("input",this.size)),"none"!==this.rounded&&this.renderer.addClass(this.wrapper.nativeElement,u(this.rounded)),"none"!==this.fillMode&&this.renderer.addClass(this.wrapper.nativeElement,le("input",this.fillMode))},F);function F(e,t,n,i,o,s,a,r,l,p,d){this.wrapper=e,this.localization=t,this.popupService=n,this.selectionService=i,this.navigationService=o,this.disabledItemsService=s,this.dataService=a,this.zone=r,this.cdr=l,this.renderer=p,this.touchEnabled=d,this.selected=[],this.focusableId="k-"+q(),this.allowCustom=!1,this.valueNormalizer=function(e){return e.pipe(m.map(function(e){return e}))},this.placeholder="",this.listHeight=200,this.suggest=!1,this.clearButton=!0,this.disabled=!1,this.readonly=!1,this.tabindex=0,this.filterable=!1,this.valueChange=new h.EventEmitter,this.selectionChange=new h.EventEmitter,this.filterChange=new h.EventEmitter,this.open=new h.EventEmitter,this.opened=new h.EventEmitter,this.close=new h.EventEmitter,this.closed=new h.EventEmitter,this.onFocus=new h.EventEmitter,this.onBlur=new h.EventEmitter,this.widgetClasses=!0,this._isFocused=!1,this.listBoxId=q(),this.optionPrefix=q(),this.onChangeCallback=function(e){},this.onTouchedCallback=function(e){},this.defaultVirtualItemHeight=28,this.defaultVirtualPageSize=50,this._filtering=!1,this._text="",this.filterText="",this._open=!1,this._popupSettings={animate:!0},this.popupMouseDownHandler=function(e){return e.preventDefault()},this.customValueSubject=new g.Subject,this.valueSubject=new g.Subject,this.clearValueSubject=new g.Subject,this.subs=new g.Subscription,this._size="medium",this._rounded="medium",this._fillMode="solid",B.validatePackage($),this.direction=t.rtl?"rtl":"ltr",this.data=[]}ct.ɵfac=s.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:s,type:ct,deps:[{token:s.ElementRef},{token:r.LocalizationService},{token:j.PopupService},{token:C},{token:T},{token:x},{token:I},{token:s.NgZone},{token:s.ChangeDetectorRef},{token:s.Renderer2},{token:De,optional:!0}],target:s.ɵɵFactoryTarget.Component}),ct.ɵcmp=s.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:ct,selector:"kendo-combobox",inputs:{focusableId:"focusableId",allowCustom:"allowCustom",data:"data",value:"value",textField:"textField",valueField:"valueField",valuePrimitive:"valuePrimitive",valueNormalizer:"valueNormalizer",placeholder:"placeholder",popupSettings:"popupSettings",listHeight:"listHeight",iconClass:"iconClass",loading:"loading",suggest:"suggest",clearButton:"clearButton",disabled:"disabled",itemDisabled:"itemDisabled",readonly:"readonly",tabindex:"tabindex",tabIndex:"tabIndex",filterable:"filterable",virtual:"virtual",size:"size",rounded:"rounded",fillMode:"fillMode"},outputs:{valueChange:"valueChange",selectionChange:"selectionChange",filterChange:"filterChange",open:"open",opened:"opened",close:"close",closed:"closed",onFocus:"focus",onBlur:"blur"},host:{properties:{"class.k-combobox":"this.widgetClasses","class.k-input":"this.widgetClasses","class.k-disabled":"this.isDisabled","class.k-loading":"this.isLoading","attr.dir":"this.dir"}},providers:[Ve,I,C,T,x,n.LocalizationService,{provide:n.L10N_PREFIX,useValue:"kendo.combobox"},{provide:Ie,useExisting:h.forwardRef(function(){return ct})},{provide:l.KendoInput,useExisting:h.forwardRef(function(){return ct})}],queries:[{propertyName:"template",first:!0,predicate:ce,descendants:!0},{propertyName:"headerTemplate",first:!0,predicate:y,descendants:!0},{propertyName:"footerTemplate",first:!0,predicate:k,descendants:!0},{propertyName:"noDataTemplate",first:!0,predicate:D,descendants:!0},{propertyName:"groupTemplate",first:!0,predicate:he,descendants:!0},{propertyName:"fixedGroupTemplate",first:!0,predicate:ge,descendants:!0}],viewQueries:[{propertyName:"container",first:!0,predicate:["container"],descendants:!0,read:h.ViewContainerRef,static:!0},{propertyName:"popupTemplate",first:!0,predicate:["popupTemplate"],descendants:!0,static:!0},{propertyName:"searchbar",first:!0,predicate:v,descendants:!0,static:!0},{propertyName:"optionsList",first:!0,predicate:["optionsList"],descendants:!0},{propertyName:"select",first:!0,predicate:["select"],descendants:!0,static:!0}],exportAs:["kendoComboBox"],usesOnChanges:!0,ngImport:s,template:'\n        <ng-container kendoComboBoxLocalizedMessages\n            i18n-noDataText="kendo.combobox.noDataText|The text displayed in the popup when there are no items"\n            noDataText="NO DATA FOUND"\n\n            i18n-clearTitle="kendo.combobox.clearTitle|The title of the clear button"\n            clearTitle="clear"\n\n            i18n-selectButtonText="kendo.combobox.selectButtonText|The text set as aria-label on the select button"\n            selectButtonText="Select"\n        >\n        </ng-container>\n        <kendo-searchbar #searchbar\n            [role]="\'combobox\'"\n            [id]="focusableId"\n            [listId]="listBoxId"\n            [activeDescendant]="activeDescendant"\n            [noDataLabel]="noDataLabel"\n            [userInput]="text"\n            [suggestedText]="getSuggestion()"\n            [disabled]="disabled"\n            [readonly]="readonly"\n            [tabIndex]="tabIndex"\n            [popupOpen]="isOpen"\n            [placeholder]="placeholder"\n            (onNavigate)="handleNavigate($event)"\n            (valueChange)="searchBarChange($event)"\n            (onBlur)="handleBlur()"\n            (onFocus)="handleFocus()"\n        ></kendo-searchbar>\n        <span\n            *ngIf="clearButton && !loading && !disabled && !readonly && text?.length"\n            class="k-clear-value"\n            [style.visibility]="clearButtonVisiblity"\n            aria-hidden="true"\n            [attr.title]="messageFor(\'clearTitle\')"\n            (click)="clearValue($event)"\n            [kendoEventsOutsideAngular]="{\n                mousedown: preventEventDefault\n            }"\n        >\n            <span class="k-icon k-i-x"></span>\n        </span>\n        <button\n            #select\n            unselectable="on"\n            type="button"\n            class="k-input-button k-button k-icon-button"\n            [ngClass]="selectButtonClasses"\n            [attr.aria-label]="messageFor(\'selectButtonText\')"\n            [kendoEventsOutsideAngular]="{\n                mousedown: preventEventDefault\n            }"\n        >\n            <span class="k-button-icon k-icon" [ngClass]="buttonClasses"></span>\n        </button>\n        <ng-template #popupTemplate>\n            \x3c!--header template--\x3e\n            <ng-template *ngIf="headerTemplate"\n                [templateContext]="{\n                    templateRef: headerTemplate.templateRef\n                }">\n            </ng-template>\n            \x3c!--list--\x3e\n            <kendo-list\n                #optionsList\n                [size]="size"\n                [rounded]="rounded"\n                [id]="listBoxId"\n                [optionPrefix]="optionPrefix"\n                [data]="data"\n                [textField]="textField"\n                [valueField]="valueField"\n                [template]="template"\n                [groupTemplate]="groupTemplate"\n                [fixedGroupTemplate]="fixedGroupTemplate"\n                [height]="listHeight"\n                [show]="isOpen"\n                [virtual]="virtual"\n                (pageChange)="pageChange($event)"\n            >\n            </kendo-list>\n            \x3c!--no-data template--\x3e\n            <div class="k-no-data" *ngIf="data.length === 0">\n                <ng-template [ngIf]="noDataTemplate"\n                    [templateContext]="{\n                        templateRef: noDataTemplate ? noDataTemplate.templateRef : undefined\n                    }">\n                </ng-template>\n                <ng-template [ngIf]="!noDataTemplate">\n                    <div>{{ messageFor(\'noDataText\') }}</div>\n                </ng-template>\n            </div>\n            \x3c!--footer template--\x3e\n            <ng-template *ngIf="footerTemplate"\n                [templateContext]="{\n                    templateRef: footerTemplate.templateRef\n                }">\n            </ng-template>\n        </ng-template>\n        <ng-template [ngIf]="isOpen">\n            <kendo-resize-sensor (resize)="onResize()"></kendo-resize-sensor>\n        </ng-template>\n        <ng-container #container></ng-container>\n  ',isInline:!0,components:[{type:v,selector:"kendo-searchbar",inputs:["id","listId","tagListId","activeDescendant","noDataLabel","disabled","readonly","tabIndex","popupOpen","role","userInput","suggestedText","placeholder"],outputs:["valueChange","onBlur","onFocus","onClick","onNavigate"]},{type:Pe,selector:"kendo-list",inputs:["selected","focused","textField","valueField","height","template","groupTemplate","fixedGroupTemplate","show","id","optionPrefix","multipleSelection","virtual","type","checkboxes","data","size","rounded"],outputs:["onClick","pageChange","listResize"]},{type:a.ResizeSensorComponent,selector:"kendo-resize-sensor",inputs:["rateLimit"],outputs:["resize"]}],directives:[{type:Ae,selector:"\n    [kendoDropDownListLocalizedMessages],\n    [kendoDropDownTreeLocalizedMessages],\n    [kendoComboBoxLocalizedMessages],\n    [kendoMultiColumnComboBoxLocalizedMessages],\n    [kendoAutoCompleteLocalizedMessages],\n    [kendoMultiSelectLocalizedMessages],\n    [kendoMultiSelectTreeLocalizedMessages]\n  "},{type:p.NgIf,selector:"[ngIf]",inputs:["ngIf","ngIfThen","ngIfElse"]},{type:a.EventsOutsideAngularDirective,selector:"[kendoEventsOutsideAngular]",inputs:["kendoEventsOutsideAngular","scope"]},{type:p.NgClass,selector:"[ngClass]",inputs:["class","ngClass"]},{type:Se,selector:"[templateContext]",inputs:["templateContext"]}]}),s.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:s,type:ct,decorators:[{type:h.Component,args:[{exportAs:"kendoComboBox",providers:[Ve,I,C,T,x,n.LocalizationService,{provide:n.L10N_PREFIX,useValue:"kendo.combobox"},{provide:Ie,useExisting:h.forwardRef(function(){return ct})},{provide:l.KendoInput,useExisting:h.forwardRef(function(){return ct})}],selector:"kendo-combobox",template:'\n        <ng-container kendoComboBoxLocalizedMessages\n            i18n-noDataText="kendo.combobox.noDataText|The text displayed in the popup when there are no items"\n            noDataText="NO DATA FOUND"\n\n            i18n-clearTitle="kendo.combobox.clearTitle|The title of the clear button"\n            clearTitle="clear"\n\n            i18n-selectButtonText="kendo.combobox.selectButtonText|The text set as aria-label on the select button"\n            selectButtonText="Select"\n        >\n        </ng-container>\n        <kendo-searchbar #searchbar\n            [role]="\'combobox\'"\n            [id]="focusableId"\n            [listId]="listBoxId"\n            [activeDescendant]="activeDescendant"\n            [noDataLabel]="noDataLabel"\n            [userInput]="text"\n            [suggestedText]="getSuggestion()"\n            [disabled]="disabled"\n            [readonly]="readonly"\n            [tabIndex]="tabIndex"\n            [popupOpen]="isOpen"\n            [placeholder]="placeholder"\n            (onNavigate)="handleNavigate($event)"\n            (valueChange)="searchBarChange($event)"\n            (onBlur)="handleBlur()"\n            (onFocus)="handleFocus()"\n        ></kendo-searchbar>\n        <span\n            *ngIf="clearButton && !loading && !disabled && !readonly && text?.length"\n            class="k-clear-value"\n            [style.visibility]="clearButtonVisiblity"\n            aria-hidden="true"\n            [attr.title]="messageFor(\'clearTitle\')"\n            (click)="clearValue($event)"\n            [kendoEventsOutsideAngular]="{\n                mousedown: preventEventDefault\n            }"\n        >\n            <span class="k-icon k-i-x"></span>\n        </span>\n        <button\n            #select\n            unselectable="on"\n            type="button"\n            class="k-input-button k-button k-icon-button"\n            [ngClass]="selectButtonClasses"\n            [attr.aria-label]="messageFor(\'selectButtonText\')"\n            [kendoEventsOutsideAngular]="{\n                mousedown: preventEventDefault\n            }"\n        >\n            <span class="k-button-icon k-icon" [ngClass]="buttonClasses"></span>\n        </button>\n        <ng-template #popupTemplate>\n            \x3c!--header template--\x3e\n            <ng-template *ngIf="headerTemplate"\n                [templateContext]="{\n                    templateRef: headerTemplate.templateRef\n                }">\n            </ng-template>\n            \x3c!--list--\x3e\n            <kendo-list\n                #optionsList\n                [size]="size"\n                [rounded]="rounded"\n                [id]="listBoxId"\n                [optionPrefix]="optionPrefix"\n                [data]="data"\n                [textField]="textField"\n                [valueField]="valueField"\n                [template]="template"\n                [groupTemplate]="groupTemplate"\n                [fixedGroupTemplate]="fixedGroupTemplate"\n                [height]="listHeight"\n                [show]="isOpen"\n                [virtual]="virtual"\n                (pageChange)="pageChange($event)"\n            >\n            </kendo-list>\n            \x3c!--no-data template--\x3e\n            <div class="k-no-data" *ngIf="data.length === 0">\n                <ng-template [ngIf]="noDataTemplate"\n                    [templateContext]="{\n                        templateRef: noDataTemplate ? noDataTemplate.templateRef : undefined\n                    }">\n                </ng-template>\n                <ng-template [ngIf]="!noDataTemplate">\n                    <div>{{ messageFor(\'noDataText\') }}</div>\n                </ng-template>\n            </div>\n            \x3c!--footer template--\x3e\n            <ng-template *ngIf="footerTemplate"\n                [templateContext]="{\n                    templateRef: footerTemplate.templateRef\n                }">\n            </ng-template>\n        </ng-template>\n        <ng-template [ngIf]="isOpen">\n            <kendo-resize-sensor (resize)="onResize()"></kendo-resize-sensor>\n        </ng-template>\n        <ng-container #container></ng-container>\n  '}]}],ctorParameters:function(){return[{type:s.ElementRef},{type:r.LocalizationService},{type:j.PopupService},{type:C},{type:T},{type:x},{type:I},{type:s.NgZone},{type:s.ChangeDetectorRef},{type:s.Renderer2},{type:void 0,decorators:[{type:h.Optional},{type:h.Inject,args:[De]}]}]},propDecorators:{focusableId:[{type:h.Input}],allowCustom:[{type:h.Input}],data:[{type:h.Input}],value:[{type:h.Input}],textField:[{type:h.Input}],valueField:[{type:h.Input}],valuePrimitive:[{type:h.Input}],valueNormalizer:[{type:h.Input}],placeholder:[{type:h.Input}],popupSettings:[{type:h.Input}],listHeight:[{type:h.Input}],iconClass:[{type:h.Input}],loading:[{type:h.Input}],suggest:[{type:h.Input}],clearButton:[{type:h.Input}],disabled:[{type:h.Input}],itemDisabled:[{type:h.Input}],readonly:[{type:h.Input}],tabindex:[{type:h.Input}],tabIndex:[{type:h.Input,args:["tabIndex"]}],filterable:[{type:h.Input}],virtual:[{type:h.Input}],size:[{type:h.Input}],rounded:[{type:h.Input}],fillMode:[{type:h.Input}],valueChange:[{type:h.Output}],selectionChange:[{type:h.Output}],filterChange:[{type:h.Output}],open:[{type:h.Output}],opened:[{type:h.Output}],close:[{type:h.Output}],closed:[{type:h.Output}],onFocus:[{type:h.Output,args:["focus"]}],onBlur:[{type:h.Output,args:["blur"]}],template:[{type:h.ContentChild,args:[ce,{static:!1}]}],headerTemplate:[{type:h.ContentChild,args:[y,{static:!1}]}],footerTemplate:[{type:h.ContentChild,args:[k,{static:!1}]}],noDataTemplate:[{type:h.ContentChild,args:[D,{static:!1}]}],groupTemplate:[{type:h.ContentChild,args:[he,{static:!1}]}],fixedGroupTemplate:[{type:h.ContentChild,args:[ge,{static:!1}]}],container:[{type:h.ViewChild,args:["container",{read:h.ViewContainerRef,static:!0}]}],popupTemplate:[{type:h.ViewChild,args:["popupTemplate",{static:!0}]}],searchbar:[{type:h.ViewChild,args:[v,{static:!0}]}],optionsList:[{type:h.ViewChild,args:["optionsList",{static:!1}]}],select:[{type:h.ViewChild,args:["select",{static:!0}]}],widgetClasses:[{type:h.HostBinding,args:["class.k-combobox"]},{type:h.HostBinding,args:["class.k-input"]}],isDisabled:[{type:h.HostBinding,args:["class.k-disabled"]}],isLoading:[{type:h.HostBinding,args:["class.k-loading"]}],dir:[{type:h.HostBinding,args:["attr.dir"]}]}});var Ve=function(e){this.templateRef=e},ht=(Ve.ɵfac=s.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:s,type:Ve,deps:[{token:s.TemplateRef}],target:s.ɵɵFactoryTarget.Directive}),Ve.ɵdir=s.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.16",type:Ve,selector:"[kendoDropDownListValueTemplate],[kendoDropDownTreeValueTemplate]",ngImport:s}),s.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:s,type:Ve,decorators:[{type:h.Directive,args:[{selector:"[kendoDropDownListValueTemplate],[kendoDropDownTreeValueTemplate]"}]}],ctorParameters:function(){return[{type:s.TemplateRef}]}}),gt.prototype.ngOnChanges=function(){var e=this;this.focused&&this.nextTick(function(){return e.element.nativeElement.focus()})},gt.prototype.nextTick=function(e){this.zone.runOutsideAngular(function(){return setTimeout(e)})},gt);function gt(e,t){this.element=e,this.zone=t}ht.ɵfac=s.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:s,type:ht,deps:[{token:s.ElementRef},{token:s.NgZone}],target:s.ɵɵFactoryTarget.Directive}),ht.ɵdir=s.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.16",type:ht,selector:"[filterInput]",inputs:{focused:["filterInput","focused"]},usesOnChanges:!0,ngImport:s}),s.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:s,type:ht,decorators:[{type:h.Directive,args:[{selector:"[filterInput]"}]}],ctorParameters:function(){return[{type:s.ElementRef},{type:s.NgZone}]},propDecorators:{focused:[{type:h.Input,args:["filterInput"]}]}});var mt={multi:!0,provide:t.NG_VALUE_ACCESSOR,useExisting:h.forwardRef(function(){return ft})},ft=(Object.defineProperty(O.prototype,"width",{get:function(){var e=l.isDocumentAvailable()?this.wrapper.nativeElement.offsetWidth:0,t=this.popupSettings.width||e;return{min:isNaN(e)?e:e+"px",max:isNaN(t)?t:t+"px"}},enumerable:!1,configurable:!0}),Object.defineProperty(O.prototype,"height",{get:function(){var e=this.popupSettings.height;return c(e)?e+"px":"auto"},enumerable:!1,configurable:!0}),Object.defineProperty(O.prototype,"widgetTabIndex",{get:function(){var e;if(!this.disabled)return e=Number(this.tabIndex),isNaN(e)?0:e},enumerable:!1,configurable:!0}),Object.defineProperty(O.prototype,"ariaExpanded",{get:function(){return this.isOpen},enumerable:!1,configurable:!0}),Object.defineProperty(O.prototype,"ariaOwns",{get:function(){if(this.isOpen)return this.listBoxId},enumerable:!1,configurable:!0}),Object.defineProperty(O.prototype,"ariaActivedescendant",{get:function(){if(c(this.dataItem)&&this.isOpen)return this.optionPrefix+"-"+f(this.dataItem,this.valueField)},enumerable:!1,configurable:!0}),Object.defineProperty(O.prototype,"noDataLabel",{get:function(){if(0===this.dataService.itemsCount)return this.messageFor("noDataText")},enumerable:!1,configurable:!0}),Object.defineProperty(O.prototype,"appendTo",{get:function(){var e=this.popupSettings.appendTo;if(e&&"root"!==e)return"component"===e?this.container:e},enumerable:!1,configurable:!0}),Object.defineProperty(O.prototype,"data",{get:function(){var e,t,n=this.virtual;return n?(t=(e=n.skip||0)+n.pageSize,n.total=this.dataService.data.length,this.dataService.data.slice(e,t)):this.dataService.data},set:function(e){this.dataService.data=e||[],this.virtual&&(this.virtual.skip=0),this.setState()},enumerable:!1,configurable:!0}),Object.defineProperty(O.prototype,"value",{get:function(){return this._value},set:function(e){c(e)||(this._previousDataItem=void 0),this._value=e,this.setState(),this.cdr.markForCheck()},enumerable:!1,configurable:!0}),Object.defineProperty(O.prototype,"popupSettings",{get:function(){return this._popupSettings},set:function(e){this._popupSettings=Object.assign({animate:!0},e)},enumerable:!1,configurable:!0}),Object.defineProperty(O.prototype,"itemDisabled",{set:function(e){if("function"!=typeof e)throw new Error("itemDisabled must be a function, but received "+JSON.stringify(e)+".");this.disabledItemsService.itemDisabled=e},enumerable:!1,configurable:!0}),Object.defineProperty(O.prototype,"virtual",{get:function(){return this._virtualSettings},set:function(e){this._virtualSettings=xe(e)},enumerable:!1,configurable:!0}),Object.defineProperty(O.prototype,"valuePrimitive",{get:function(){return c(this._valuePrimitive)?this._valuePrimitive:!c(this.valueField)},set:function(e){this._valuePrimitive=e},enumerable:!1,configurable:!0}),Object.defineProperty(O.prototype,"tabIndex",{get:function(){return this.tabindex},set:function(e){this.tabindex=e},enumerable:!1,configurable:!0}),Object.defineProperty(O.prototype,"size",{get:function(){return this._size},set:function(e){var t=e||"medium";this.renderer.removeClass(this.wrapper.nativeElement,d("picker",this.size)),"none"!==e&&this.renderer.addClass(this.wrapper.nativeElement,d("picker",t)),this._size=t},enumerable:!1,configurable:!0}),Object.defineProperty(O.prototype,"rounded",{get:function(){return this._rounded},set:function(e){var t=e||"medium";this.renderer.removeClass(this.wrapper.nativeElement,u(this.rounded)),"none"!==e&&this.renderer.addClass(this.wrapper.nativeElement,u(t)),this._rounded=e},enumerable:!1,configurable:!0}),Object.defineProperty(O.prototype,"fillMode",{get:function(){return this._fillMode},set:function(e){var t=e||"solid";this.renderer.removeClass(this.wrapper.nativeElement,le("picker",this.fillMode)),"none"!==e&&this.renderer.addClass(this.wrapper.nativeElement,le("picker",t)),this._fillMode=t},enumerable:!1,configurable:!0}),O.prototype.blurComponent=function(e){e.target===this.wrapper.nativeElement&&(e.stopImmediatePropagation(),this.hostElementBlurred.emit())},O.prototype.blurFilterInput=function(){this.filterBlurred.emit()},O.prototype.focusComponent=function(e){var t=this;e.target===this.wrapper.nativeElement&&(e.stopImmediatePropagation(),this.hostElementFocused.emit(),this.isFocused||(this.isFocused=!0,l.hasObservers(this.onFocus)&&this._zone.run(function(){t.onFocus.emit()})))},O.prototype.onResize=function(){var e,t,n;this._open&&(e=this.popupRef.popupElement,t=(n=this.width).min,n=n.max,e.style.minWidth=t,e.style.width=n)},Object.defineProperty(O.prototype,"isDisabled",{get:function(){return this.disabled},enumerable:!1,configurable:!0}),Object.defineProperty(O.prototype,"isLoading",{get:function(){return this.loading},enumerable:!1,configurable:!0}),Object.defineProperty(O.prototype,"dir",{get:function(){return this.direction},enumerable:!1,configurable:!0}),Object.defineProperty(O.prototype,"hostTabIndex",{get:function(){return this.widgetTabIndex},enumerable:!1,configurable:!0}),Object.defineProperty(O.prototype,"isReadonly",{get:function(){return this.readonly},enumerable:!1,configurable:!0}),Object.defineProperty(O.prototype,"isAriaExpanded",{get:function(){return this.ariaExpanded},enumerable:!1,configurable:!0}),Object.defineProperty(O.prototype,"hostAriaOwns",{get:function(){return this.ariaOwns},enumerable:!1,configurable:!0}),Object.defineProperty(O.prototype,"hostAriaActivedescendant",{get:function(){return this.ariaActivedescendant},enumerable:!1,configurable:!0}),Object.defineProperty(O.prototype,"hostNoDataLabel",{get:function(){return this.noDataLabel},enumerable:!1,configurable:!0}),O.prototype.keydown=function(e){var t,n,i=c(this.defaultItem)?-1:0,i=isNaN(this.selectionService.focused)?this.firstFocusableIndex(i):this.selectionService.focused,o=0;this.disabled||this.readonly||(t=e.keyCode===l.Keys.Home||e.keyCode===l.Keys.End,this.filterable&&this.isFocused&&this.isOpen&&t||(t=c(this.selectionService.selected[0]),n=c(this.selectionService.focused)&&!this.selectionService.isSelected(this.selectionService.focused),t&&!n||(e.keyCode===l.Keys.ArrowDown||e.keyCode===l.Keys.ArrowRight?o=-1:e.keyCode!==l.Keys.ArrowUp&&e.keyCode!==l.Keys.ArrowLeft||(o=1)),i=(n=this.navigationService.process({current:i+o,max:this.dataService.itemsCount-1,min:this.defaultItem?-1:0,originalEvent:t=e}))===b.Left||n===b.Right,n===b.Undefined||n===b.Tab||n===b.Backspace||n===b.Delete||i&&this.filterable||n===b.Enter||t.preventDefault()))},O.prototype.keypress=function(e){this.disabled||this.readonly||this.filterable||this.onKeyPress(e)},O.prototype.click=function(e){e.preventDefault(),this.focus(),this.togglePopup(!this.isOpen)},Object.defineProperty(O.prototype,"isFocused",{get:function(){return this._isFocused},set:function(e){this.renderer[e?"addClass":"removeClass"](this.wrapper.nativeElement,"k-focus"),this._isFocused=e},enumerable:!1,configurable:!0}),O.prototype.ngOnInit=function(){var t=this;this.renderer.removeAttribute(this.wrapper.nativeElement,"tabindex"),this.localizationChangesSubscription=this.localization.changes.subscribe(function(e){e=e.rtl;t.direction=e?"rtl":"ltr",t.cdr.detectChanges()}),this.assignAriaDescribedBy(),this.setComponentClasses()},O.prototype.isEmpty=function(){var e=this.value;return!(0===e||!1===e||e||this.defaultItem)},O.prototype.onFilterFocus=function(){this.filterFocused.emit()},O.prototype.ngOnDestroy=function(){this.destroyPopup(),this.unsubscribeEvents(),this.localizationChangesSubscription&&this.localizationChangesSubscription.unsubscribe()},O.prototype.ngOnChanges=function(e){var t=this.virtual;t&&e.data&&e.data.isFirstChange()&&this.pageChange({skip:0,take:t.pageSize}),l.isChanged("defaultItem",e,!1)&&(this.disabledItemsService.defaultItem=this.defaultItem),l.anyChanged(["textField","valueField","valuePrimitive","defaultItem","itemDisabled"],e,!1)&&this.setState()},O.prototype.ngAfterContentChecked=function(){this.verifySettings()},O.prototype.focusItemAt=function(e){var t=(c(this.defaultItem)?-1:0)<=e&&e<this.data.length;c(e)&&t&&!this.disabledItemsService.isIndexDisabled(e)?this.selectionService.focus(e):this.selectionService.focus(null)},O.prototype.focus=function(){this.disabled||this.wrapper.nativeElement.focus()},O.prototype.blur=function(){this.disabled||this.wrapper.nativeElement.blur()},O.prototype.toggle=function(t){var n=this;Promise.resolve(null).then(function(){var e=c(t)?t:!n._open;n._toggle(e)})},O.prototype._toggle=function(e){this._open=e,this.destroyPopup(),this._open&&this.createPopup()},O.prototype.triggerPopupEvents=function(e){var t=new ke;return(e?this.open:this.close).emit(t),t.isDefaultPrevented()},O.prototype.togglePopup=function(e){var t=this.disabled||this.readonly,n=this.isOpen===e;t||n||this.triggerPopupEvents(e)||(!e&&this.filterable&&this.isFocused&&this.focus(),this._toggle(e))},Object.defineProperty(O.prototype,"isOpen",{get:function(){return this._open},enumerable:!1,configurable:!0}),O.prototype.reset=function(){this.value=void 0},O.prototype.messageFor=function(e){return this.localization.get(e)},O.prototype.writeValue=function(e){this.value=null===e?void 0:e},O.prototype.registerOnChange=function(e){this.onChangeCallback=e},O.prototype.registerOnTouched=function(e){this.onTouchedCallback=e},O.prototype.setDisabledState=function(e){this.disabled=e},Object.defineProperty(O.prototype,"buttonClasses",{get:function(){return this.loading?"k-i-loading k-input-loading-icon":this.iconClass||"k-i-arrow-s"},enumerable:!1,configurable:!0}),Object.defineProperty(O.prototype,"selectButtonClasses",{get:function(){return(this.size?d("button",this.size):"")+" "+(this.fillMode?"k-button-"+this.fillMode:"")+" "+(this.fillMode?"k-button-"+this.fillMode+"-base":"")},enumerable:!1,configurable:!0}),Object.defineProperty(O.prototype,"filterInputClasses",{get:function(){return(this.size?d("input",this.size):"")+" "+(this.fillMode?"k-input-"+this.fillMode:"")+" "+(this.rounded?u(this.rounded):"")},enumerable:!1,configurable:!0}),Object.defineProperty(O.prototype,"optionLabelSizeClass",{get:function(){return""+(this.size?d("list",this.size):"")},enumerable:!1,configurable:!0}),Object.defineProperty(O.prototype,"listContainerClasses",{get:function(){var e=["k-list-container","k-reset"];return this.popupSettings.popupClass&&e.push(this.popupSettings.popupClass),e},enumerable:!1,configurable:!0}),Object.defineProperty(O.prototype,"isDisabledDefaultItem",{get:function(){return this.disabledItemsService.isItemDisabled(this.defaultItem)},enumerable:!1,configurable:!0}),O.prototype.getText=function(){return this.text},O.prototype.getDefaultItemText=function(){return f(this.defaultItem,this.textField)},O.prototype.createPopup=function(){var e=this,t=(this.virtual&&(this.virtual.skip=0),"rtl"===this.direction?"right":"left"),t=(this.popupRef=this.popupService.open({anchor:this.wrapper,anchorAlign:{horizontal:t,vertical:"bottom"},animate:this.popupSettings.animate,appendTo:this.appendTo,content:this.popupTemplate,popupAlign:{horizontal:t,vertical:"top"},popupClass:this.listContainerClasses,positionMode:"absolute"}),this.popupRef.popupElement),n=this.width,i=n.min,n=n.max;t.addEventListener("mousedown",this.popupMouseDownHandler),t.style.minWidth=i,t.style.width=n,t.style.height=this.height,t.setAttribute("dir",this.direction),this.popupRef.popupOpen.subscribe(function(){e.cdr.detectChanges(),e.optionsList.scrollToItem(e.selectionService.focused),e.opened.emit()}),this.popupRef.popupClose.subscribe(function(){e.closed.emit()}),this.filterable||this.popupRef.popupAnchorViewportLeave.subscribe(function(){return e.togglePopup(!1)})},O.prototype.destroyPopup=function(){this.popupRef&&(this.popupRef.popupElement.removeEventListener("mousedown",this.popupMouseDownHandler),this.popupRef.close(),this.popupRef=null)},O.prototype.updateState=function(e){var t=e.dataItem,e=e.confirm,e=void 0!==e&&e;this.dataItem=t,this.text=f(t,this.textField),e&&(this._previousDataItem=t)},O.prototype.clearState=function(){this.text=void 0,this.dataItem=void 0},O.prototype.resetSelection=function(e){var t=!c(e);this.selectionService.resetSelection(t?[]:[e]),this.selectionService.focused=t?this.firstFocusableIndex(0):e},O.prototype.onSelectionChange=function(e){e=e.dataItem;this.updateState({dataItem:e}),this.selectionChange.emit(e),this.assignAriaDescribedBy()},O.prototype.subscribeEvents=function(){var o=this;l.isDocumentAvailable()&&(this.selectionSubscription.add(this.selectionService.onSelect.pipe(m.filter(function(e){return o.isOpen}),m.map(this.itemFromEvent.bind(this))).subscribe(this.onSelectionChange.bind(this))),this.selectionSubscription.add(g.merge(this.selectionService.onSelect.pipe(m.filter(function(e){return!o.isOpen})),this.selectionService.onChange).pipe(m.map(this.itemFromEvent.bind(this)),m.tap(function(e){return o.togglePopup(!1)})).subscribe(function(e){var t=e.dataItem,n=e.value,e=(e.newSelection&&o.onSelectionChange({dataItem:t}),!c(t)&&o._previousDataItem),i=n!==f(o.value,o.valueField);e?(o.updateState({dataItem:o._previousDataItem}),o.resetSelection()):i&&(o.value=o.valuePrimitive?n:t,o._previousDataItem=t,o.emitChange(o.value)),o.clearFilter()})),this.navigationSubscription=g.merge(this.navigationService.up,this.navigationService.down,this.navigationService.left.pipe(m.skipWhile(function(){return o.filterable})),this.navigationService.right.pipe(m.skipWhile(function(){return o.filterable})),this.navigationService.home,this.navigationService.end).pipe(m.filter(function(e){return!isNaN(e.index)})).subscribe(function(e){return o.selectionService.select(e.index)}),this.openSubscription=this.navigationService.open.subscribe(function(){return o.togglePopup(!0)}),this.closeSubscription=this.navigationService.close.subscribe(function(){o.togglePopup(!1),o.focus()}),this.enterSubscription=this.navigationService.enter.pipe(m.tap(function(e){return e.originalEvent.preventDefault()})).subscribe(this.handleEnter.bind(this)),this.escSubscription=this.navigationService.esc.subscribe(this.handleEscape.bind(this)),this.filterBlurredSubscription=this.filterBlurred.pipe(m.concatMap(function(){return g.interval(10).pipe(m.take(1),m.takeUntil(o.hostElementFocused))})).subscribe(function(){o.hostElementBlurred.emit()}),this._zone.runOutsideAngular(function(){o.componentBlurredSubscription=g.merge(o.hostElementBlurred.pipe(m.concatMap(function(){return g.interval(10).pipe(m.take(1),m.takeUntil(o.filterFocused))})),o.navigationService.tab).pipe(m.tap(function(e){return e instanceof be&&o.focus()}),m.filter(function(){return o.isFocused})).subscribe(function(){return o.componentBlur()})}))},O.prototype.subscribeTouchEvents=function(){var t=this;l.isDocumentAvailable()&&this.touchEnabled&&this._zone.runOutsideAngular(function(){return t.touchstartDisposeHandler=t.renderer.listen(document,"touchstart",function(e){e=e.target;t.isFocused&&!oe(t.wrapper,e,t.popupRef)&&t._zone.run(function(){t.filterFocused&&t.togglePopup(!1),t.blur()})})})},O.prototype.subscribeFocusEvents=function(){var e=this;l.isDocumentAvailable()&&(this.focusComponent=this.focusComponent.bind(this),this.blurComponent=this.blurComponent.bind(this),this._zone.runOutsideAngular(function(){document.addEventListener("focus",e.focusComponent,!0),document.addEventListener("blur",e.blurComponent,!0)}))},O.prototype.unSubscribeFocusEvents=function(){l.isDocumentAvailable()&&(document.removeEventListener("focus",this.focusComponent,!0),document.removeEventListener("blur",this.blurComponent,!0))},O.prototype.unsubscribeEvents=function(){l.isDocumentAvailable()&&(this.navigationSubscription.unsubscribe(),this.openSubscription.unsubscribe(),this.closeSubscription.unsubscribe(),this.enterSubscription.unsubscribe(),this.escSubscription.unsubscribe(),this.componentBlurredSubscription.unsubscribe(),this.filterBlurredSubscription.unsubscribe(),this.unSubscribeFocusEvents(),this.touchstartDisposeHandler&&this.touchstartDisposeHandler(),this.selectionSubscription&&this.selectionSubscription.unsubscribe())},O.prototype.itemFromEvent=function(e){var t=e.indices[0],n=this.dataService.itemAt(t),n=c(n)?n:this.currentOrDefault(t),i=f(n,this.valueField);return{dataItem:n,index:t,newSelection:e.newSelection,value:i}},O.prototype.currentOrDefault=function(e){return c(this.dataItem)&&-1!==e?this.dataItem:this.defaultItem},O.prototype.firstFocusableIndex=function(e){var t=this.dataService.itemsCount-1;return this.disabledItemsService.isIndexDisabled(e)?e<t?this.firstFocusableIndex(e+1):void 0:e},O.prototype.handleEnter=function(){this.isOpen?(this.selectionService.change(this.selectionService.focused),this.focus()):this.togglePopup(!0)},O.prototype.handleEscape=function(){c(this.selectionService.selected[0])?this.selectionService.change(this.selectionService.selected[0]):(this.togglePopup(!1),this.clearFilter()),this.focus()},O.prototype.clearFilter=function(){this.filterable&&this.filterText&&(this.filterText="",this.cdr.markForCheck(),this.filterChange.emit(this.filterText))},O.prototype.verifySettings=function(){if(h.isDevMode()){if(this.defaultItem&&this.valueField&&"object"!=typeof this.defaultItem)throw new Error(it);if(!0===this.valuePrimitive&&c(this.value)&&"object"==typeof this.value)throw new Error(st);if(!1===this.valuePrimitive&&c(this.value)&&"object"!=typeof this.value)throw new Error(ot);if(!c(this.valueField)!=!c(this.textField))throw new Error(at)}},O.prototype.componentBlur=function(){var e=this;this.isFocused=!1;var t=c(this.selectionService.selected[0])&&f(this.value,this.valueField)!==f(this.dataService.itemAt(this.selectionService.selected[0]),this.valueField);t||l.hasObservers(this.close)||l.hasObservers(this.onBlur)||l.hasObservers(this.filterChange)||te(this.wrapper.nativeElement)?this._zone.run(function(){t&&e.selectionService.change(e.selectionService.selected[0]),e.togglePopup(!1),e.clearFilter(),e.onBlur.emit(),e.onTouchedCallback()}):this.togglePopup(!1)},O.prototype.onMouseDown=function(e){"input"!==e.target.tagName.toLowerCase()&&e.preventDefault()},O.prototype.onKeyPress=function(e){var t;0!==e.which&&e.keyCode!==l.Keys.Enter&&(t=String.fromCharCode(e.charCode||e.keyCode)," "===(t=this.ignoreCase?t.toLowerCase():t)&&e.preventDefault(),this.word+=t,this.last=t,this.search())},O.prototype.search=function(){var e=this;clearTimeout(this.typingTimeout),this.filterable||(this.typingTimeout=setTimeout(function(){e.word=""},this.delay),this.selectNext())},O.prototype.selectNext=function(){var e,t,n,i=this,o=this.dataService.filter(function(e){return c(e)&&!e.header&&!i.disabledItemsService.isItemDisabled(e)}).map(function(e){return i.dataService.grouped?{item:e.value,itemIndex:e.offsetIndex}:{item:e,itemIndex:i.dataService.indexOf(e)}}),s=function(e,t){for(var n=0;n<e.length;n++)if(e.charAt(n)!==t)return!1;return!0}(this.word,this.last),a=o.length,r=!isNaN(this.selectionService.selected[0]),l=r?this.selectionService.selected[0]:0;for(this.defaultItem&&!this.disabledItemsService.isItemDisabled(this.defaultItem)&&(t={item:this.defaultItem,itemIndex:-1},a+=1,l+=1),n=o,r=l+=s&&r?1:0,o=(n=(l=t)?[l].concat(n):n).slice(r).concat(n.slice(0,r)),e=0;e<a;e++){var p=f(o[e].item,this.textField),d=Boolean(s&&Y(p,this.last,this.ignoreCase)),p=Boolean(Y(p,this.word,this.ignoreCase));if(d||p){e=o[e].itemIndex;break}}e!==a&&this.navigate(e)},O.prototype.emitChange=function(e){this.onChangeCallback(e),this.valueChange.emit(e)},O.prototype.navigate=function(e){this.selectionService.select(e)},O.prototype.findDataItem=function(e){function t(e){return f(e,n)}var n=e.valueField,i=e.value,e={dataItem:null,index:-1},o=this.dataService.grouped?function(e){return t(e.value)===t(i)}:function(e){return t(e)===t(i)},o=this.dataService.findIndex(o);return e.dataItem=this.dataService.itemAt(o),e.index=o,e},O.prototype.setState=function(){var e=this.value,t=this.valueField,n=this.textField,i=this.valuePrimitive;if(this.defaultItem){var o=f(this.defaultItem,t),s=f(e,t);if(!c(e)||s===o)return this.updateState({dataItem:this.defaultItem,confirm:!0}),this.resetSelection(-1),void(this.filterable&&this.filterText&&this.dataService.itemsCount&&(this.selectionService.focused=this.firstFocusableIndex(0)))}s=this.findDataItem({valueField:t,value:e}),o=!(i&&n);s.dataItem?(this.updateState({dataItem:s.dataItem,confirm:!0}),this.resetSelection(s.index)):(c(e)&&o?this.updateState({dataItem:e}):this._previousDataItem?this.updateState({dataItem:this._previousDataItem}):this.clearState(),this.resetSelection())},O.prototype.handleFilter=function(e){this.filterChange.emit(e.target.value)},O.prototype.pageChange=function(e){this.virtual.skip=e.skip},O.prototype.assignAriaDescribedBy=function(){var e=(this.wrapper.nativeElement.getAttribute("aria-describedby")||"").replace(this.valueLabelId,"").trim(),e=(this.valueLabelId=q(),(this.valueLabelId+" "+e).trim());this.renderer.setAttribute(this.wrapper.nativeElement,"aria-describedby",e)},O.prototype.setComponentClasses=function(){"none"!==this.size&&this.renderer.addClass(this.wrapper.nativeElement,d("picker",this.size)),"none"!==this.rounded&&this.renderer.addClass(this.wrapper.nativeElement,u(this.rounded)),"none"!==this.fillMode&&this.renderer.addClass(this.wrapper.nativeElement,le("picker",this.fillMode))},O);function O(e,t,n,i,o,s,a,r,l,p,d){this.wrapper=e,this.localization=t,this.popupService=n,this.selectionService=i,this.navigationService=o,this.disabledItemsService=s,this.dataService=a,this._zone=r,this.renderer=l,this.cdr=p,this.touchEnabled=d,this.listHeight=200,this.disabled=!1,this.readonly=!1,this.filterable=!1,this.ignoreCase=!0,this.delay=500,this.tabindex=0,this.valueChange=new h.EventEmitter,this.filterChange=new h.EventEmitter,this.selectionChange=new h.EventEmitter,this.open=new h.EventEmitter,this.opened=new h.EventEmitter,this.close=new h.EventEmitter,this.closed=new h.EventEmitter,this.onFocus=new h.EventEmitter,this.onBlur=new h.EventEmitter,this.hostClasses=!0,this.focusableId="k-"+q(),this.role="listbox",this.groupIndices=[],this.listBoxId=q(),this.optionPrefix=q(),this.filterText="",this._isFocused=!1,this.onTouchedCallback=function(e){},this.onChangeCallback=function(e){},this.word="",this.last="",this.filterFocused=new h.EventEmitter,this.filterBlurred=new h.EventEmitter,this.hostElementFocused=new h.EventEmitter,this.hostElementBlurred=new h.EventEmitter,this.selectionSubscription=new g.Subscription,this._open=!1,this._popupSettings={animate:!0},this._size="medium",this._rounded="medium",this._fillMode="solid",B.validatePackage($),this.direction=t.rtl?"rtl":"ltr",this.data=[],this.subscribeEvents(),this.subscribeTouchEvents(),this.subscribeFocusEvents(),this.popupMouseDownHandler=this.onMouseDown.bind(this)}ft.ɵfac=s.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:s,type:ft,deps:[{token:s.ElementRef},{token:r.LocalizationService},{token:j.PopupService},{token:C},{token:T},{token:x},{token:I},{token:s.NgZone},{token:s.Renderer2},{token:s.ChangeDetectorRef},{token:De,optional:!0}],target:s.ɵɵFactoryTarget.Component}),ft.ɵcmp=s.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:ft,selector:"kendo-dropdownlist",inputs:{iconClass:"iconClass",loading:"loading",data:"data",value:"value",textField:"textField",valueField:"valueField",popupSettings:"popupSettings",listHeight:"listHeight",defaultItem:"defaultItem",disabled:"disabled",itemDisabled:"itemDisabled",readonly:"readonly",filterable:"filterable",virtual:"virtual",ignoreCase:"ignoreCase",delay:"delay",valuePrimitive:"valuePrimitive",tabindex:"tabindex",tabIndex:"tabIndex",size:"size",rounded:"rounded",fillMode:"fillMode",focusableId:["id","focusableId"]},outputs:{valueChange:"valueChange",filterChange:"filterChange",selectionChange:"selectionChange",open:"open",opened:"opened",close:"close",closed:"closed",onFocus:"focus",onBlur:"blur"},host:{listeners:{keydown:"keydown($event)",keypress:"keypress($event)",click:"click($event)"},properties:{"class.k-dropdownlist":"this.hostClasses","class.k-picker":"this.hostClasses","class.k-disabled":"this.isDisabled","attr.aria-disabled":"this.isDisabled","class.k-loading":"this.isLoading","attr.id":"this.focusableId","attr.dir":"this.dir","attr.tabindex":"this.hostTabIndex","attr.readonly":"this.isReadonly","attr.aria-readonly":"this.isReadonly","attr.role":"this.role","attr.aria-haspopup":"this.role","attr.aria-expanded":"this.isAriaExpanded","attr.aria-owns":"this.hostAriaOwns","attr.aria-activedescendant":"this.hostAriaActivedescendant","attr.aria-label":"this.hostNoDataLabel"}},providers:[mt,I,C,T,x,n.LocalizationService,{provide:n.L10N_PREFIX,useValue:"kendo.dropdownlist"},{provide:Ie,useExisting:h.forwardRef(function(){return ft})},{provide:l.KendoInput,useExisting:h.forwardRef(function(){return ft})}],queries:[{propertyName:"itemTemplate",first:!0,predicate:ce,descendants:!0},{propertyName:"groupTemplate",first:!0,predicate:he,descendants:!0},{propertyName:"fixedGroupTemplate",first:!0,predicate:ge,descendants:!0},{propertyName:"valueTemplate",first:!0,predicate:Ve,descendants:!0},{propertyName:"headerTemplate",first:!0,predicate:y,descendants:!0},{propertyName:"footerTemplate",first:!0,predicate:k,descendants:!0},{propertyName:"noDataTemplate",first:!0,predicate:D,descendants:!0}],viewQueries:[{propertyName:"container",first:!0,predicate:["container"],descendants:!0,read:h.ViewContainerRef,static:!0},{propertyName:"popupTemplate",first:!0,predicate:["popupTemplate"],descendants:!0,static:!0},{propertyName:"optionsList",first:!0,predicate:["optionsList"],descendants:!0}],exportAs:["kendoDropDownList"],usesOnChanges:!0,ngImport:s,template:'\n        <ng-container kendoDropDownListLocalizedMessages\n            i18n-noDataText="kendo.dropdownlist.noDataText|The text displayed in the popup when there are no items"\n            noDataText="NO DATA FOUND"\n\n            i18n-selectButtonText="kendo.dropdownlist.selectButtonText|The text set as aria-label on the select button"\n            selectButtonText="Select"\n        >\n        </ng-container>\n        <span class="k-input-inner" unselectable="on" role="option" [id]="valueLabelId">\n            <span class="k-input-value-text">\n                <ng-template *ngIf="valueTemplate"\n                    [templateContext]="{\n                        templateRef: valueTemplate.templateRef,\n                        $implicit: dataItem\n                    }">\n                </ng-template>\n                <ng-template [ngIf]="!valueTemplate">{{ getText() }}</ng-template>\n            </span>\n        </span>\n        <button\n            tabindex="-1"\n            unselectable="on"\n            type="button"\n            class="k-input-button k-button k-icon-button"\n            [ngClass]="selectButtonClasses"\n            [attr.aria-label]="messageFor(\'selectButtonText\')"\n            [kendoEventsOutsideAngular]="{\n                mousedown: onMouseDown\n            }"\n        >\n            <span\n                class="k-button-icon k-icon"\n                unselectable="on"\n                [ngClass]="buttonClasses"\n            ></span>\n        </button>\n        <ng-template #popupTemplate>\n            \x3c!--filterable--\x3e\n\n            <ng-template [ngIf]="filterable">\n                <div class="k-list-filter" (click)="$event.stopImmediatePropagation()">\n                    <span\n                        class="k-searchbox k-input"\n                        [ngClass]="filterInputClasses"\n                    >\n                        <span class="k-input-icon k-icon k-i-search" unselectable="on"></span>\n                        <input\n                            [attr.aria-owns]="ariaOwns"\n                            [attr.aria-activedescendant]="ariaActivedescendant"\n                            [attr.aria-label]="noDataLabel"\n                            tabindex="-1"\n                            [filterInput]="isFocused && !touchEnabled"\n                            [dir]="direction"\n                            [(ngModel)]="filterText"\n                            class="k-input-inner"\n                            (keydown)="keydown($event)"\n                            (input)="handleFilter($event)"\n                            (focus)="onFilterFocus()"\n                            (blur)="blurFilterInput()" />\n                    </span>\n                </div>\n            </ng-template>\n            \x3c!--default item--\x3e\n            <ng-template [ngIf]="defaultItem && !itemTemplate">\n                <div\n                    class="k-list"\n                    [ngClass]="optionLabelSizeClass"\n                >\n                    <div class="k-list-optionlabel" [ngClass]="{ \'k-disabled\': isDisabledDefaultItem }" kendoDropDownsSelectable [index]="-1">\n                        {{ getDefaultItemText() }}\n                    </div>\n                </div>\n            </ng-template>\n            <ng-template [ngIf]="defaultItem && itemTemplate">\n                <div\n                    class="k-list"\n                    [ngClass]="optionLabelSizeClass"\n                >\n                    <div class="k-list-optionlabel" [ngClass]="{ \'k-disabled\': isDisabledDefaultItem }" kendoDropDownsSelectable [index]="-1">\n                        <ng-template\n                            [templateContext]="{\n                                templateRef: itemTemplate.templateRef,\n                                $implicit: defaultItem\n                            }">\n                        </ng-template>\n                    </div>\n                </div>\n            </ng-template>\n            \x3c!--header template--\x3e\n            <ng-template *ngIf="headerTemplate"\n                [templateContext]="{\n                    templateRef: headerTemplate.templateRef\n                }">\n            </ng-template>\n            \x3c!--list--\x3e\n            <kendo-list\n                #optionsList\n                [size]="size"\n                [rounded]="rounded"\n                [id]="listBoxId"\n                [optionPrefix]="optionPrefix"\n                [data]="data"\n                [textField]="textField"\n                [valueField]="valueField"\n                [template]="itemTemplate"\n                [groupTemplate]="groupTemplate"\n                [fixedGroupTemplate]="fixedGroupTemplate"\n                [height]="listHeight"\n                [show]="isOpen"\n                [virtual]="virtual"\n                (pageChange)="pageChange($event)"\n                >\n            </kendo-list>\n            \x3c!--no-data template--\x3e\n            <div class="k-no-data" *ngIf="data.length === 0">\n                <ng-template [ngIf]="noDataTemplate"\n                    [templateContext]="{\n                        templateRef: noDataTemplate ? noDataTemplate.templateRef : undefined\n                    }">\n                </ng-template>\n                <ng-template [ngIf]="!noDataTemplate">\n                    <div>{{ messageFor(\'noDataText\') }}</div>\n                </ng-template>\n            </div>\n            \x3c!--footer template--\x3e\n            <ng-template *ngIf="footerTemplate"\n                [templateContext]="{\n                    templateRef: footerTemplate.templateRef\n                }">\n            </ng-template>\n        </ng-template>\n        <ng-template [ngIf]="isOpen">\n            <kendo-resize-sensor (resize)="onResize()"></kendo-resize-sensor>\n        </ng-template>\n        <ng-container #container></ng-container>\n  ',isInline:!0,components:[{type:Pe,selector:"kendo-list",inputs:["selected","focused","textField","valueField","height","template","groupTemplate","fixedGroupTemplate","show","id","optionPrefix","multipleSelection","virtual","type","checkboxes","data","size","rounded"],outputs:["onClick","pageChange","listResize"]},{type:a.ResizeSensorComponent,selector:"kendo-resize-sensor",inputs:["rateLimit"],outputs:["resize"]}],directives:[{type:Ae,selector:"\n    [kendoDropDownListLocalizedMessages],\n    [kendoDropDownTreeLocalizedMessages],\n    [kendoComboBoxLocalizedMessages],\n    [kendoMultiColumnComboBoxLocalizedMessages],\n    [kendoAutoCompleteLocalizedMessages],\n    [kendoMultiSelectLocalizedMessages],\n    [kendoMultiSelectTreeLocalizedMessages]\n  "},{type:p.NgIf,selector:"[ngIf]",inputs:["ngIf","ngIfThen","ngIfElse"]},{type:Se,selector:"[templateContext]",inputs:["templateContext"]},{type:p.NgClass,selector:"[ngClass]",inputs:["class","ngClass"]},{type:a.EventsOutsideAngularDirective,selector:"[kendoEventsOutsideAngular]",inputs:["kendoEventsOutsideAngular","scope"]},{type:_.DefaultValueAccessor,selector:"input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]"},{type:ht,selector:"[filterInput]",inputs:["filterInput"]},{type:_.NgControlStatus,selector:"[formControlName],[ngModel],[formControl]"},{type:_.NgModel,selector:"[ngModel]:not([formControlName]):not([formControl])",inputs:["name","disabled","ngModel","ngModelOptions"],outputs:["ngModelChange"],exportAs:["ngModel"]},{type:Fe,selector:"[kendoDropDownsSelectable]",inputs:["index","checkboxes","height","multipleSelection"]}]}),s.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:s,type:ft,decorators:[{type:h.Component,args:[{exportAs:"kendoDropDownList",providers:[mt,I,C,T,x,n.LocalizationService,{provide:n.L10N_PREFIX,useValue:"kendo.dropdownlist"},{provide:Ie,useExisting:h.forwardRef(function(){return ft})},{provide:l.KendoInput,useExisting:h.forwardRef(function(){return ft})}],selector:"kendo-dropdownlist",template:'\n        <ng-container kendoDropDownListLocalizedMessages\n            i18n-noDataText="kendo.dropdownlist.noDataText|The text displayed in the popup when there are no items"\n            noDataText="NO DATA FOUND"\n\n            i18n-selectButtonText="kendo.dropdownlist.selectButtonText|The text set as aria-label on the select button"\n            selectButtonText="Select"\n        >\n        </ng-container>\n        <span class="k-input-inner" unselectable="on" role="option" [id]="valueLabelId">\n            <span class="k-input-value-text">\n                <ng-template *ngIf="valueTemplate"\n                    [templateContext]="{\n                        templateRef: valueTemplate.templateRef,\n                        $implicit: dataItem\n                    }">\n                </ng-template>\n                <ng-template [ngIf]="!valueTemplate">{{ getText() }}</ng-template>\n            </span>\n        </span>\n        <button\n            tabindex="-1"\n            unselectable="on"\n            type="button"\n            class="k-input-button k-button k-icon-button"\n            [ngClass]="selectButtonClasses"\n            [attr.aria-label]="messageFor(\'selectButtonText\')"\n            [kendoEventsOutsideAngular]="{\n                mousedown: onMouseDown\n            }"\n        >\n            <span\n                class="k-button-icon k-icon"\n                unselectable="on"\n                [ngClass]="buttonClasses"\n            ></span>\n        </button>\n        <ng-template #popupTemplate>\n            \x3c!--filterable--\x3e\n\n            <ng-template [ngIf]="filterable">\n                <div class="k-list-filter" (click)="$event.stopImmediatePropagation()">\n                    <span\n                        class="k-searchbox k-input"\n                        [ngClass]="filterInputClasses"\n                    >\n                        <span class="k-input-icon k-icon k-i-search" unselectable="on"></span>\n                        <input\n                            [attr.aria-owns]="ariaOwns"\n                            [attr.aria-activedescendant]="ariaActivedescendant"\n                            [attr.aria-label]="noDataLabel"\n                            tabindex="-1"\n                            [filterInput]="isFocused && !touchEnabled"\n                            [dir]="direction"\n                            [(ngModel)]="filterText"\n                            class="k-input-inner"\n                            (keydown)="keydown($event)"\n                            (input)="handleFilter($event)"\n                            (focus)="onFilterFocus()"\n                            (blur)="blurFilterInput()" />\n                    </span>\n                </div>\n            </ng-template>\n            \x3c!--default item--\x3e\n            <ng-template [ngIf]="defaultItem && !itemTemplate">\n                <div\n                    class="k-list"\n                    [ngClass]="optionLabelSizeClass"\n                >\n                    <div class="k-list-optionlabel" [ngClass]="{ \'k-disabled\': isDisabledDefaultItem }" kendoDropDownsSelectable [index]="-1">\n                        {{ getDefaultItemText() }}\n                    </div>\n                </div>\n            </ng-template>\n            <ng-template [ngIf]="defaultItem && itemTemplate">\n                <div\n                    class="k-list"\n                    [ngClass]="optionLabelSizeClass"\n                >\n                    <div class="k-list-optionlabel" [ngClass]="{ \'k-disabled\': isDisabledDefaultItem }" kendoDropDownsSelectable [index]="-1">\n                        <ng-template\n                            [templateContext]="{\n                                templateRef: itemTemplate.templateRef,\n                                $implicit: defaultItem\n                            }">\n                        </ng-template>\n                    </div>\n                </div>\n            </ng-template>\n            \x3c!--header template--\x3e\n            <ng-template *ngIf="headerTemplate"\n                [templateContext]="{\n                    templateRef: headerTemplate.templateRef\n                }">\n            </ng-template>\n            \x3c!--list--\x3e\n            <kendo-list\n                #optionsList\n                [size]="size"\n                [rounded]="rounded"\n                [id]="listBoxId"\n                [optionPrefix]="optionPrefix"\n                [data]="data"\n                [textField]="textField"\n                [valueField]="valueField"\n                [template]="itemTemplate"\n                [groupTemplate]="groupTemplate"\n                [fixedGroupTemplate]="fixedGroupTemplate"\n                [height]="listHeight"\n                [show]="isOpen"\n                [virtual]="virtual"\n                (pageChange)="pageChange($event)"\n                >\n            </kendo-list>\n            \x3c!--no-data template--\x3e\n            <div class="k-no-data" *ngIf="data.length === 0">\n                <ng-template [ngIf]="noDataTemplate"\n                    [templateContext]="{\n                        templateRef: noDataTemplate ? noDataTemplate.templateRef : undefined\n                    }">\n                </ng-template>\n                <ng-template [ngIf]="!noDataTemplate">\n                    <div>{{ messageFor(\'noDataText\') }}</div>\n                </ng-template>\n            </div>\n            \x3c!--footer template--\x3e\n            <ng-template *ngIf="footerTemplate"\n                [templateContext]="{\n                    templateRef: footerTemplate.templateRef\n                }">\n            </ng-template>\n        </ng-template>\n        <ng-template [ngIf]="isOpen">\n            <kendo-resize-sensor (resize)="onResize()"></kendo-resize-sensor>\n        </ng-template>\n        <ng-container #container></ng-container>\n  '}]}],ctorParameters:function(){return[{type:s.ElementRef},{type:r.LocalizationService},{type:j.PopupService},{type:C},{type:T},{type:x},{type:I},{type:s.NgZone},{type:s.Renderer2},{type:s.ChangeDetectorRef},{type:void 0,decorators:[{type:h.Optional},{type:h.Inject,args:[De]}]}]},propDecorators:{iconClass:[{type:h.Input}],loading:[{type:h.Input}],data:[{type:h.Input}],value:[{type:h.Input}],textField:[{type:h.Input}],valueField:[{type:h.Input}],popupSettings:[{type:h.Input}],listHeight:[{type:h.Input}],defaultItem:[{type:h.Input}],disabled:[{type:h.Input}],itemDisabled:[{type:h.Input}],readonly:[{type:h.Input}],filterable:[{type:h.Input}],virtual:[{type:h.Input}],ignoreCase:[{type:h.Input}],delay:[{type:h.Input}],valuePrimitive:[{type:h.Input}],tabindex:[{type:h.Input}],tabIndex:[{type:h.Input,args:["tabIndex"]}],size:[{type:h.Input}],rounded:[{type:h.Input}],fillMode:[{type:h.Input}],valueChange:[{type:h.Output}],filterChange:[{type:h.Output}],selectionChange:[{type:h.Output}],open:[{type:h.Output}],opened:[{type:h.Output}],close:[{type:h.Output}],closed:[{type:h.Output}],onFocus:[{type:h.Output,args:["focus"]}],onBlur:[{type:h.Output,args:["blur"]}],itemTemplate:[{type:h.ContentChild,args:[ce,{static:!1}]}],groupTemplate:[{type:h.ContentChild,args:[he,{static:!1}]}],fixedGroupTemplate:[{type:h.ContentChild,args:[ge,{static:!1}]}],valueTemplate:[{type:h.ContentChild,args:[Ve,{static:!1}]}],headerTemplate:[{type:h.ContentChild,args:[y,{static:!1}]}],footerTemplate:[{type:h.ContentChild,args:[k,{static:!1}]}],noDataTemplate:[{type:h.ContentChild,args:[D,{static:!1}]}],container:[{type:h.ViewChild,args:["container",{read:h.ViewContainerRef,static:!0}]}],popupTemplate:[{type:h.ViewChild,args:["popupTemplate",{static:!0}]}],optionsList:[{type:h.ViewChild,args:["optionsList",{static:!1}]}],hostClasses:[{type:h.HostBinding,args:["class.k-dropdownlist"]},{type:h.HostBinding,args:["class.k-picker"]}],isDisabled:[{type:h.HostBinding,args:["class.k-disabled"]},{type:h.HostBinding,args:["attr.aria-disabled"]}],isLoading:[{type:h.HostBinding,args:["class.k-loading"]}],focusableId:[{type:h.Input,args:["id"]},{type:h.HostBinding,args:["attr.id"]}],dir:[{type:h.HostBinding,args:["attr.dir"]}],hostTabIndex:[{type:h.HostBinding,args:["attr.tabindex"]}],isReadonly:[{type:h.HostBinding,args:["attr.readonly"]},{type:h.HostBinding,args:["attr.aria-readonly"]}],role:[{type:h.HostBinding,args:["attr.role"]},{type:h.HostBinding,args:["attr.aria-haspopup"]}],isAriaExpanded:[{type:h.HostBinding,args:["attr.aria-expanded"]}],hostAriaOwns:[{type:h.HostBinding,args:["attr.aria-owns"]}],hostAriaActivedescendant:[{type:h.HostBinding,args:["attr.aria-activedescendant"]}],hostNoDataLabel:[{type:h.HostBinding,args:["attr.aria-label"]}],keydown:[{type:h.HostListener,args:["keydown",["$event"]]}],keypress:[{type:h.HostListener,args:["keypress",["$event"]]}],click:[{type:h.HostListener,args:["click",["$event"]]}]}});var vt,mt=function(e){this.templateRef=e},bt=(mt.ɵfac=s.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:s,type:mt,deps:[{token:s.TemplateRef}],target:s.ɵɵFactoryTarget.Directive}),mt.ɵdir=s.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.16",type:mt,selector:"[kendoMultiSelectCustomItemTemplate]",ngImport:s}),s.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:s,type:mt,decorators:[{type:h.Directive,args:[{selector:"[kendoMultiSelectCustomItemTemplate]"}]}],ctorParameters:function(){return[{type:s.TemplateRef}]}}),function(e){this.templateRef=e}),yt=(bt.ɵfac=s.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:s,type:bt,deps:[{token:s.TemplateRef}],target:s.ɵɵFactoryTarget.Directive}),bt.ɵdir=s.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.16",type:bt,selector:"[kendoMultiSelectTagTemplate],[kendoMultiSelectTreeTagTemplate]",ngImport:s}),s.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:s,type:bt,decorators:[{type:h.Directive,args:[{selector:"[kendoMultiSelectTagTemplate],[kendoMultiSelectTreeTagTemplate]"}]}],ctorParameters:function(){return[{type:s.TemplateRef}]}}),function(e){this.templateRef=e}),kt=(yt.ɵfac=s.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:s,type:yt,deps:[{token:s.TemplateRef}],target:s.ɵɵFactoryTarget.Directive}),yt.ɵdir=s.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.16",type:yt,selector:"[kendoMultiSelectGroupTagTemplate],[kendoMultiSelectTreeGroupTagTemplate]",ngImport:s}),s.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:s,type:yt,decorators:[{type:h.Directive,args:[{selector:"[kendoMultiSelectGroupTagTemplate],[kendoMultiSelectTreeGroupTagTemplate]"}]}],ctorParameters:function(){return[{type:s.TemplateRef}]}}),G(Ct,vt=ke),Ct);function Ct(e){var t=vt.call(this)||this;return t.dataItem=e,t}Object.defineProperty(xt.prototype,"size",{get:function(){return this._size},set:function(e){this.renderer.removeClass(this.hostElement.nativeElement,d("chip-list",this.size)),e&&this.renderer.addClass(this.hostElement.nativeElement,d("chip-list",e)),this._size=e},enumerable:!1,configurable:!0}),Object.defineProperty(xt.prototype,"hostId",{get:function(){return this.id},enumerable:!1,configurable:!0}),xt.prototype.tagProp=function(e,t,n){t=t&&this.getPropField(e,t,n);return f(e,t)},xt.prototype.isTagDisabled=function(e,n){var i=this;return this.isGroupTag(e)?e.every(function(e,t){return i.disabledIndices.has(t+n)}):this.disabledIndices.has(n)},xt.prototype.deleteTag=function(e,t,n){e.preventDefault(),e.stopImmediatePropagation(),this.disabled||1!==e.which||this.removeTag.emit({tag:t,index:n})},xt.prototype.itemId=function(e,t){if(e)return this.tagPrefix+"-"+this.tagProp(e,this.valueField,t)},xt.prototype.isGroupTag=function(e){return e instanceof Array},xt.prototype.tagAriaHidden=function(e){return c(this.focused)&&this.focused!==e},xt.prototype.getPropField=function(t,e,n){var i=e.length-1;return"string"==typeof e?e:this.valueDepth?i<(n=this.valueDepth[n])?e[i]:e[n]:e.find(function(e){return e in t})};var It=xt;function xt(e,t){this.renderer=e,this.hostElement=t,this.rounded="medium",this.fillMode="solid",this.disabledIndices=new Set,this.removeTag=new h.EventEmitter,this.hostClasses=!0,this._size="medium"}It.ɵfac=s.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:s,type:It,deps:[{token:s.Renderer2},{token:s.ElementRef}],target:s.ɵɵFactoryTarget.Component}),It.ɵcmp=s.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:It,selector:"kendo-taglist",inputs:{tags:"tags",textField:"textField",valueField:"valueField",valueDepth:"valueDepth",focused:"focused",template:"template",groupTemplate:"groupTemplate",disabled:"disabled",tagPrefix:"tagPrefix",id:"id",size:"size",rounded:"rounded",fillMode:"fillMode",disabledIndices:"disabledIndices"},outputs:{removeTag:"removeTag"},host:{properties:{"class.k-input-values":"this.hostClasses","class.k-chip-list":"this.hostClasses","class.k-selection-multiple":"this.hostClasses","attr.id":"this.hostId"}},ngImport:s,template:"\n        <div\n            *ngFor=\"let tag of tags; let index = index;\"\n            [attr.id]=\"itemId(tag, index)\"\n            [attr.aria-hidden]=\"tagAriaHidden(index)\"\n            class=\"k-chip\"\n            [ngClass]=\"{\n                'k-focus': index === focused,\n                'k-disabled': isTagDisabled(tag, index),\n                'k-chip-sm': size === 'small',\n                'k-chip-md': size === 'medium',\n                'k-chip-lg': size === 'large',\n                'k-rounded-sm': rounded === 'small',\n                'k-rounded-md': rounded === 'medium',\n                'k-rounded-lg': rounded === 'large',\n                'k-rounded-full': rounded === 'full',\n                'k-chip-solid k-chip-solid-base': fillMode === 'solid',\n                'k-chip-flat k-chip-flat-base': fillMode === 'flat',\n                'k-chip-outline k-chip-outline-base': fillMode === 'outline'\n            }\"\n        >\n            <span class=\"k-chip-content\">\n                <ng-template *ngIf=\"isGroupTag(tag); then groupTag else singleTag\"></ng-template>\n                <ng-template #groupTag>\n                    <span class=\"k-chip-label k-text-ellipsis\">\n                        <ng-template *ngIf=\"groupTemplate\"\n                            [templateContext]=\"{\n                            templateRef: groupTemplate.templateRef,\n                            $implicit: tag\n                        }\">\n                        </ng-template>\n                        <ng-template [ngIf]=\"!groupTemplate\">{{ tag.length }} {{ tag.length === 1 ? 'item' : 'items' }} selected</ng-template>\n                    </span>\n                </ng-template>\n                <ng-template #singleTag>\n                    <span class=\"k-chip-label k-text-ellipsis\">\n                        <ng-template *ngIf=\"template\"\n                            [templateContext]=\"{\n                            templateRef: template.templateRef,\n                            $implicit: tag\n                        }\">\n                        </ng-template>\n                        <ng-template [ngIf]=\"!template\">{{ tagProp(tag, textField, index) }}</ng-template>\n                    </span>\n                </ng-template>\n            </span>\n\n            <span class=\"k-chip-actions\">\n                <span aria-label=\"delete\" [attr.aria-hidden]=\"index !== focused\" class=\"k-chip-action k-chip-remove-action\">\n                    <span class=\"k-icon k-i-x-circle\" (mousedown)=\"deleteTag($event, tag, index)\">\n                    </span>\n                </span>\n            </span>\n        </div>\n        <ng-content></ng-content>\n  ",isInline:!0,directives:[{type:p.NgForOf,selector:"[ngFor][ngForOf]",inputs:["ngForOf","ngForTrackBy","ngForTemplate"]},{type:p.NgClass,selector:"[ngClass]",inputs:["class","ngClass"]},{type:p.NgIf,selector:"[ngIf]",inputs:["ngIf","ngIfThen","ngIfElse"]},{type:Se,selector:"[templateContext]",inputs:["templateContext"]}]}),s.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:s,type:It,decorators:[{type:h.Component,args:[{selector:"kendo-taglist",template:"\n        <div\n            *ngFor=\"let tag of tags; let index = index;\"\n            [attr.id]=\"itemId(tag, index)\"\n            [attr.aria-hidden]=\"tagAriaHidden(index)\"\n            class=\"k-chip\"\n            [ngClass]=\"{\n                'k-focus': index === focused,\n                'k-disabled': isTagDisabled(tag, index),\n                'k-chip-sm': size === 'small',\n                'k-chip-md': size === 'medium',\n                'k-chip-lg': size === 'large',\n                'k-rounded-sm': rounded === 'small',\n                'k-rounded-md': rounded === 'medium',\n                'k-rounded-lg': rounded === 'large',\n                'k-rounded-full': rounded === 'full',\n                'k-chip-solid k-chip-solid-base': fillMode === 'solid',\n                'k-chip-flat k-chip-flat-base': fillMode === 'flat',\n                'k-chip-outline k-chip-outline-base': fillMode === 'outline'\n            }\"\n        >\n            <span class=\"k-chip-content\">\n                <ng-template *ngIf=\"isGroupTag(tag); then groupTag else singleTag\"></ng-template>\n                <ng-template #groupTag>\n                    <span class=\"k-chip-label k-text-ellipsis\">\n                        <ng-template *ngIf=\"groupTemplate\"\n                            [templateContext]=\"{\n                            templateRef: groupTemplate.templateRef,\n                            $implicit: tag\n                        }\">\n                        </ng-template>\n                        <ng-template [ngIf]=\"!groupTemplate\">{{ tag.length }} {{ tag.length === 1 ? 'item' : 'items' }} selected</ng-template>\n                    </span>\n                </ng-template>\n                <ng-template #singleTag>\n                    <span class=\"k-chip-label k-text-ellipsis\">\n                        <ng-template *ngIf=\"template\"\n                            [templateContext]=\"{\n                            templateRef: template.templateRef,\n                            $implicit: tag\n                        }\">\n                        </ng-template>\n                        <ng-template [ngIf]=\"!template\">{{ tagProp(tag, textField, index) }}</ng-template>\n                    </span>\n                </ng-template>\n            </span>\n\n            <span class=\"k-chip-actions\">\n                <span aria-label=\"delete\" [attr.aria-hidden]=\"index !== focused\" class=\"k-chip-action k-chip-remove-action\">\n                    <span class=\"k-icon k-i-x-circle\" (mousedown)=\"deleteTag($event, tag, index)\">\n                    </span>\n                </span>\n            </span>\n        </div>\n        <ng-content></ng-content>\n  "}]}],ctorParameters:function(){return[{type:s.Renderer2},{type:s.ElementRef}]},propDecorators:{tags:[{type:h.Input}],textField:[{type:h.Input}],valueField:[{type:h.Input}],valueDepth:[{type:h.Input}],focused:[{type:h.Input}],template:[{type:h.Input}],groupTemplate:[{type:h.Input}],disabled:[{type:h.Input}],tagPrefix:[{type:h.Input}],id:[{type:h.Input}],size:[{type:h.Input}],rounded:[{type:h.Input}],fillMode:[{type:h.Input}],disabledIndices:[{type:h.Input}],removeTag:[{type:h.Output}],hostClasses:[{type:h.HostBinding,args:["class.k-input-values"]},{type:h.HostBinding,args:["class.k-chip-list"]},{type:h.HostBinding,args:["class.k-selection-multiple"]}],hostId:[{type:h.HostBinding,args:["attr.id"]}]}});var Tt={multi:!0,provide:t.NG_VALUE_ACCESSOR,useExisting:h.forwardRef(function(){return Dt})},Dt=(P.prototype.focusItemAt=function(e){var t=(this.allowCustom?-1:0)<=0&&e<this.data.length;c(e)&&t&&!this.disabledItemsService.isIndexDisabled(e)?this.selectionService.focus(e):this.selectionService.focus(null)},P.prototype.focus=function(){this.disabled||this.searchbar.focus()},P.prototype.onSearchBarFocus=function(){var e=this;this.isFocused||(this.isFocused=!0,l.hasObservers(this.onFocus)&&this._zone.run(function(){e.onFocus.emit()}))},P.prototype.blur=function(){this.disabled||this.searchbar.blur()},P.prototype.onSearchBarBlur=function(){var e=this;this.isFocused&&(this.isFocused=!1,l.hasObservers(this.onBlur)||l.hasObservers(this.filterChange)||l.hasObservers(this.close)||te(this.wrapper.nativeElement)?this._zone.run(function(){e.closePopup(),e.isOpen&&e.allowCustom||e.clearFilter(),e.onBlur.emit(),e.onTouchedCallback()}):(this.allowCustom||this.clearFilter(),this.closePopup()))},P.prototype.onMouseDown=function(e){e.preventDefault()},P.prototype.onResize=function(){var e,t,n;this._open&&(e=this.popupRef.popupElement,t=(n=this.width).min,n=n.max,e.style.minWidth=t,e.style.width=n)},Object.defineProperty(P.prototype,"appendTo",{get:function(){var e=this.popupSettings.appendTo;if(e&&"root"!==e)return"component"===e?this.container:e},enumerable:!1,configurable:!0}),Object.defineProperty(P.prototype,"data",{get:function(){var e,t,n=this.virtual;return n?(t=(e=n.skip||0)+n.pageSize,n.total=this.dataService.data.length,this.dataService.data.slice(e,t)):this.dataService.data},set:function(e){this.dataService.data=e||[],this.virtual&&(this.virtual.skip=0),this.initialized&&this.setState(this.value)},enumerable:!1,configurable:!0}),Object.defineProperty(P.prototype,"value",{get:function(){return this._value},set:function(e){this._value=e||[],!this.differ&&this.value&&(this.differ=this.differs.find(this.value).create()),this.valueChangeDetected=!0,this.initialized&&this.setState(this.value)},enumerable:!1,configurable:!0}),Object.defineProperty(P.prototype,"tabIndex",{get:function(){return this.tabindex},set:function(e){this.tabindex=e},enumerable:!1,configurable:!0}),Object.defineProperty(P.prototype,"size",{get:function(){return this._size},set:function(e){var t=e||"medium";this.renderer.removeClass(this.wrapper.nativeElement,d("input",this.size)),"none"!==e&&this.renderer.addClass(this.wrapper.nativeElement,d("input",t)),this._size=t},enumerable:!1,configurable:!0}),Object.defineProperty(P.prototype,"rounded",{get:function(){return this._rounded},set:function(e){var t=e||"medium";this.renderer.removeClass(this.wrapper.nativeElement,u(this.rounded)),"none"!==e&&this.renderer.addClass(this.wrapper.nativeElement,u(t)),this._rounded=t},enumerable:!1,configurable:!0}),Object.defineProperty(P.prototype,"fillMode",{get:function(){return this._fillMode},set:function(e){var t=e||"solid";this.renderer.removeClass(this.wrapper.nativeElement,le("input",this.fillMode)),"none"!==e&&this.renderer.addClass(this.wrapper.nativeElement,le("input",t)),this._fillMode=t},enumerable:!1,configurable:!0}),Object.defineProperty(P.prototype,"placeholder",{get:function(){return this.selectedDataItems.length?"":this._placeholder},set:function(e){this._placeholder=e||""},enumerable:!1,configurable:!0}),Object.defineProperty(P.prototype,"itemDisabled",{set:function(e){if("function"!=typeof e)throw new Error("itemDisabled must be a function, but received "+JSON.stringify(e)+".");this.disabledItemsService.itemDisabled=e},enumerable:!1,configurable:!0}),Object.defineProperty(P.prototype,"checkboxes",{get:function(){return this._checkboxes},set:function(e){this._checkboxes=de(e=e)?Object.assign({},{enabled:!0,checkOnClick:!0},e):{enabled:Boolean(e),checkOnClick:!0}},enumerable:!1,configurable:!0}),Object.defineProperty(P.prototype,"virtual",{get:function(){return this._virtualSettings},set:function(e){this._virtualSettings=xe(e)},enumerable:!1,configurable:!0}),Object.defineProperty(P.prototype,"popupSettings",{get:function(){return this._popupSettings},set:function(e){this._popupSettings=Object.assign({animate:!0},e)},enumerable:!1,configurable:!0}),Object.defineProperty(P.prototype,"valuePrimitive",{get:function(){return c(this._valuePrimitive)?this._valuePrimitive:!c(this.valueField)},set:function(e){this._valuePrimitive=e},enumerable:!1,configurable:!0}),Object.defineProperty(P.prototype,"dir",{get:function(){return this.direction},enumerable:!1,configurable:!0}),Object.defineProperty(P.prototype,"disabledClass",{get:function(){return this.disabled},enumerable:!1,configurable:!0}),Object.defineProperty(P.prototype,"isLoading",{get:function(){return this.loading},enumerable:!1,configurable:!0}),Object.defineProperty(P.prototype,"isAriaExpanded",{get:function(){return this.isOpen},enumerable:!1,configurable:!0}),P.prototype.hostMousedown=function(e){var t=this.searchbar.input.nativeElement;0!==e.button||this.isFocused&&this.isOpen&&e.target===t||((!this.touchEnabled||this.touchEnabled&&"SPAN"!==e.target.tagName)&&this.searchbar.focus(),this.togglePopup(!this.isOpen),e.preventDefault())},Object.defineProperty(P.prototype,"listContainerClasses",{get:function(){var e=["k-list-container","k-reset"];return this.popupSettings.popupClass&&e.push(this.popupSettings.popupClass),e},enumerable:!1,configurable:!0}),Object.defineProperty(P.prototype,"customItemSizeClass",{get:function(){return""+(this.size?d("list",this.size):"")},enumerable:!1,configurable:!0}),Object.defineProperty(P.prototype,"width",{get:function(){var e=0,t=(l.isDocumentAvailable()&&(e=this.wrapper.nativeElement.offsetWidth),this.popupSettings.width||e);return{min:isNaN(e)?e:e+"px",max:isNaN(t)?t:t+"px"}},enumerable:!1,configurable:!0}),Object.defineProperty(P.prototype,"height",{get:function(){var e=this.popupSettings.height;return c(e)?e+"px":"auto"},enumerable:!1,configurable:!0}),Object.defineProperty(P.prototype,"activeDescendant",{get:function(){var e,t,n=this.focusedTagIndex,i=this.selectionService.focused;if(c(n)&&!this.isOpen)t=this.tags[n],e=this.tagPrefix;else{if(!c(i)||-1===i||!this.isOpen)return null;t=this.dataService.itemAt(i),e=this.optionPrefix}return e+"-"+f(t,this.valueField)},enumerable:!1,configurable:!0}),Object.defineProperty(P.prototype,"noDataLabel",{get:function(){if(0===this.dataService.itemsCount)return this.messageFor("noDataText")},enumerable:!1,configurable:!0}),Object.defineProperty(P.prototype,"clearButtonVisiblity",{get:function(){if(this.touchEnabled)return"visible"},enumerable:!1,configurable:!0}),P.prototype.verifySettings=function(){if(h.isDevMode()&&0!==this.value.length){if(!pe(this.value))throw new Error(Le);if(!0===this.valuePrimitive&&Q(this.value))throw new Error(je);if(!1===this.valuePrimitive&&!Q(this.value))throw new Error(_e);if(!c(this.valueField)!=!c(this.textField))throw new Error(He)}},P.prototype.change=function(e){var t,n,i=this;!c(e.added)&&!c(e.removed)||-1!==e.added&&-1!==e.removed?(c(e.added)&&(t=this.dataService.itemAt(e.added),t=this.valuePrimitive&&c(t)&&c(t[this.valueField])?t[this.valueField]:t,this.value=W(W([],U(this.value)),[t])),c(e.removed)&&(n=this.dataService.itemAt(e.removed),this.value=this.value.filter(function(e){return f(e,i.valueField)!==f(n,i.valueField)}),this.selectionService.focused=e.removed,this.cdr.detectChanges()),this.emitValueChange()):this.addCustomValue(this.text)},P.prototype.setState=function(e){var n=this,t=this.dataService.data,i=(this.dataService.grouped&&(t=t.filter(function(e){return!e.header}).map(function(e){return e.value})),J(this.value,t,this.valueField));this.selectionService.resetSelection(i),this.disabledItemsService.isIndexDisabled(this.selectionService.focused)&&(this.selectionService.focused=this.firstFocusableIndex(0)),this.isOpen&&void 0===this.selectionService.focused&&(0<this.dataService.itemsCount?this.selectionService.focused=this.firstFocusableIndex(0):this.allowCustom&&(this.selectionService.focused=-1)),this.valuePrimitive&&!this.valueField&&(this.selectedDataItems=e.slice()),(Q(e)||this.valuePrimitive&&this.valueField)&&(this.selectedDataItems=X(e,t,this.valueField)),this.selectedDataItems.length<e.length&&(this.selectedDataItems=e.map(function(t){var e=n.selectedDataItems.find(function(e){return f(e,n.valueField)===f(t,n.valueField)});return c(e)?e:n.resolveDataItemFromTags(t)}).filter(function(e){return c(e)})),this.tags=this.tagMapper(this.selectedDataItems.slice(0)),this.disabledIndices=this.disabledItemsMapper(),this.cdr.markForCheck()},P.prototype.handleFilter=function(e){(this.text=e)&&!this.isOpen&&this.openPopup(),this.filterable?this.filterChange.emit(e):this.searchTextAndFocus(e),this.searchbar.setInputSize()},P.prototype.pageChange=function(e){this.virtual.skip=e.skip},P.prototype.clearFilter=function(){this.filterable&&this.text&&this.filterChange.emit(""),this.text="",this.searchbar.input.nativeElement.value="",this.searchbar.setInputSize()},P.prototype.handleNavigate=function(e){var t=this.text&&e.keyCode!==l.Keys.ArrowDown&&e.keyCode!==l.Keys.ArrowUp,n=this.text&&e.keyCode===l.Keys.Enter||e.keyCode===l.Keys.Escape;!this.text&&e.keyCode===l.Keys.Backspace&&0<this.tags.length?this.handleBackspace():this.disabled||t&&!n||(t=e,n=isNaN(this.selectionService.focused)?-1:this.selectionService.focused,(n=this.navigationService.process({current:n,max:this.dataService.itemsCount-1,min:this.allowCustom&&this.text?-1:0,open:this.isOpen,originalEvent:t}))!==b.Undefined&&(n===b.Enter&&this.isOpen||n!==b.Enter)&&e.preventDefault())},P.prototype.handleRemoveTag=function(e){var e=e.tag,t=new kt(e);this.disabled||this.readonly||(this.focus(),this.removeTag.emit(t),t.isDefaultPrevented()||(e instanceof Array?this.removeGroupTag(e):this.removeSingleTag(e),this.cdr.detectChanges()))},P.prototype.clearAll=function(e){var n=this,i=(e.stopImmediatePropagation(),e.preventDefault(),this.focus(),this.clearFilter(),this.selectionService.selected);this.value=this.value.filter(function(e,t){return n.disabledItemsService.isIndexDisabled(i[t])}),this.emitValueChange()},P.prototype.addCustomValue=function(e){this.customValueSubject.next(e)},P.prototype.ngAfterContentChecked=function(){this.verifySettings()},P.prototype.ngDoCheck=function(){this.differ&&this.differ.diff(this.value)&&!this.valueChangeDetected&&this.setState(this.value),this.valueChangeDetected=!1},P.prototype.ngOnInit=function(){var t=this;this.renderer.removeAttribute(this.wrapper.nativeElement,"tabindex"),this.createCustomValueStream(),this.localizationChangeSubscription=this.localization.changes.subscribe(function(e){e=e.rtl;t.direction=e?"rtl":"ltr",t.cdr.markForCheck()}),this.setState(this.value),this.setComponentClasses(),this.initialized=!0},P.prototype.ngOnChanges=function(e){var t=this.virtual;t&&e.data&&e.data.isFirstChange()&&this.pageChange({skip:0,take:t.pageSize}),l.isChanged("valueNormalizer",e)&&this.createCustomValueStream(),l.anyChanged(["textField","valueField","valuePrimitive"],e)&&this.setState(this.value)},P.prototype.ngAfterViewInit=function(){this.searchbar.setInputSize()},P.prototype.ngOnDestroy=function(){this._toggle(!1),this.unsubscribeEvents()},P.prototype.toggle=function(t){var n=this;Promise.resolve(null).then(function(){var e=c(t)?t:!n._open;n._toggle(e),n.cdr.markForCheck()})},Object.defineProperty(P.prototype,"isOpen",{get:function(){return this._open},enumerable:!1,configurable:!0}),P.prototype.reset=function(){this.text="",this.value=[]},P.prototype.messageFor=function(e){return this.localization.get(e)},P.prototype.writeValue=function(e){this.value=e||[]},P.prototype.registerOnChange=function(e){this.onChangeCallback=e},P.prototype.registerOnTouched=function(e){this.onTouchedCallback=e},P.prototype.setDisabledState=function(e){this.disabled=e},P.prototype.onTagMapperChange=function(){this.tags=this.tagMapper(this.selectedDataItems.slice(0)),this.cdr.markForCheck()},Object.defineProperty(P.prototype,"isFocused",{get:function(){return this._isFocused},set:function(e){this.renderer[e?"addClass":"removeClass"](this.wrapper.nativeElement,"k-focus"),this._isFocused=e},enumerable:!1,configurable:!0}),P.prototype.subscribeEvents=function(){var e,t,n,i=this;l.isDocumentAvailable()&&(e=function(){return i.isOpen},t=function(){return!i.isOpen},n=function(){return!i.isOpen&&void 0!==i.focusedTagIndex},[this.selectionService.onChange.subscribe(this.handleItemChange.bind(this)),this.navigationService.esc.subscribe(this.closePopup.bind(this)),this.navigationService.enter.pipe(m.filter(e)).subscribe(this.handleEnter.bind(this)),this.navigationService.open.subscribe(this.openPopup.bind(this)),this.navigationService.close.subscribe(this.handleClose.bind(this)),this.navigationService.up.pipe(m.filter(e)).subscribe(function(e){return i.handleUp(e.index)}),this.navigationService.home.pipe(m.filter(function(){return t})).subscribe(this.handleHome.bind(this)),this.navigationService.end.pipe(m.filter(function(){return t})).subscribe(this.handleEnd.bind(this)),this.navigationService.backspace.pipe(m.filter(n)).subscribe(this.handleBackspace.bind(this)),this.navigationService.delete.pipe(m.filter(n)).subscribe(this.handleDelete.bind(this)),this.navigationService.left.subscribe(("rtl"===this.direction?this.handleRightKey:this.handleLeftKey).bind(this)),this.navigationService.right.subscribe(("rtl"===this.direction?this.handleLeftKey:this.handleRightKey).bind(this)),this.navigationService.down.subscribe(function(e){return i.handleDownKey(e.index)})].forEach(function(e){return i.observableSubscriptions.add(e)}))},P.prototype.subscribeTouchEvents=function(){var t=this;l.isDocumentAvailable()&&this.touchEnabled&&this._zone.runOutsideAngular(function(){return t.touchstartDisposeHandler=t.renderer.listen(document,"touchstart",function(e){e=e.target;!t.isFocused&&!t.isOpen||oe(t.wrapper,e,t.popupRef)||t._zone.run(function(){t.blur(),t.isOpen&&t.togglePopup(!1)})})})},P.prototype.unsubscribeEvents=function(){l.isDocumentAvailable()&&(this.observableSubscriptions.unsubscribe(),this.customValueSubscription&&this.customValueSubscription.unsubscribe(),this.localizationChangeSubscription&&this.localizationChangeSubscription.unsubscribe(),this.touchstartDisposeHandler&&this.touchstartDisposeHandler())},P.prototype.removeGroupTag=function(e){var n=this,i=this.dataService.data,o=(this.dataService.grouped&&(i=i.filter(function(e){return!e.header}).map(function(e){return e.value})),new Set(e.map(function(e){return f(e,n.valueField)})));this.value=this.value.filter(function(e){var t=J([e],i,n.valueField)[0],t=n.disabledItemsService.isIndexDisabled(t);return!o.has(f(e,n.valueField))||t}),this.emitValueChange()},P.prototype.removeSingleTag=function(t){var n=this,e=this.dataService.data,e=(this.dataService.grouped&&(e=e.filter(function(e){return!e.header}).map(function(e){return e.value})),J([t],e,this.valueField)[0]);this.disabledItemsService.isIndexDisabled(e)||(isNaN(e)?(this.value=this.value.filter(function(e){return f(e,n.valueField)!==f(t,n.valueField)}),this.emitValueChange()):(this.selectionService.unselect(e),this.selectionService.focused=e,this.togglePopup(!1)))},P.prototype.disabledItemsMapper=function(){var i=this,o=this.selectionService.selected;return new Set(this.selectedDataItems.reduce(function(e,t,n){return i.disabledItemsService.isIndexDisabled(o[n])&&e.push(n),e},[]))},P.prototype.createCustomValueStream=function(){var o=this;this.customValueSubscription&&this.customValueSubscription.unsubscribe(),this.customValueSubscription=this.customValueSubject.pipe(m.tap(function(){o.loading=!0,o.disabled=!0,o.cdr.detectChanges()}),this.valueNormalizer,m.catchError(function(){return o.loading=!1,o.disabled=!1,o.autoClose&&o.togglePopup(!1),!o.autoClose&&o.filterable||o.clearFilter(),o.nextTick(function(){o.searchbar.focus()}),o.createCustomValueStream(),g.of(null)})).subscribe(function(e){var t,n,i;o.loading=!1,o.disabled=!1,c(e)&&(t=o.valuePrimitive?f(e,o.valueField):e,i=-1===(n=o.dataService.indexOf(t)),-1===o.value.indexOf(t)?(o.tags=o.tagMapper(W(W([],U(o.selectedDataItems)),[e])),i?o.value=W(W([],U(o.value)),[t]):o.selectionService.add(n)):!i&&o.selectionService.isSelected(n)?(o.selectionService.unselect(n),o.selectionService.focused=n):o.value=o.value.filter(function(e){return f(e,o.valueField)!==t}),o.emitValueChange()),o.autoClose&&o.togglePopup(!1),!o.autoClose&&o.filterable||o.clearFilter(),o.nextTick(function(){o.searchbar.focus()})})},P.prototype.handleItemChange=function(e){this.change(e),this.autoClose&&this.togglePopup(!1),!this.autoClose&&this.filterable||this.clearFilter()},P.prototype.handleEnter=function(e){var t=this.selectionService,n=this.selectionService.focused;this.isOpen&&e.originalEvent.preventDefault(),-1===n?this.allowCustom&&this.text&&this.addCustomValue(this.text):(t.isSelected(n)?(t.unselect(n),t.focused=n):t.add(n),this.autoClose&&this.togglePopup(!1),!this.autoClose&&this.filterable||this.clearFilter())},P.prototype.handleClose=function(){this.closePopup(),this.searchbar.focus()},P.prototype.handleEnd=function(){this.focusedTagIndex=this.tags.length-1},P.prototype.handleHome=function(){this.focusedTagIndex=0},P.prototype.handleUp=function(e){this.selectionService.focused=e},P.prototype.handleBackspace=function(){void 0!==this.focusedTagIndex?this.handleDelete():(this.handleRemoveTag({tag:this.tags[this.tags.length-1]}),this.searchbar.focus())},P.prototype.handleDelete=function(){this.handleRemoveTag({tag:this.tags[this.focusedTagIndex]}),this.focusedTagIndex===this.tags.length&&(this.focusedTagIndex=void 0)},P.prototype.handleLeftKey=function(){void 0===this.focusedTagIndex||this.focusedTagIndex<0?this.focusedTagIndex=this.tags.length-1:0!==this.focusedTagIndex&&this.focusedTagIndex--},P.prototype.handleDownKey=function(e){this.isOpen?this.selectionService.focused=e||this.firstFocusableIndex(0):this.openPopup()},P.prototype.handleRightKey=function(){var e=this.tags.length-1;this.focusedTagIndex===e?this.focusedTagIndex=void 0:this.focusedTagIndex<e&&this.focusedTagIndex++},P.prototype.findIndex=function(t,e){var n,i=this,e=(void 0===e&&(e=0),t=t.toLowerCase(),this.dataService.findIndex(function(e){return n=i.dataService.grouped?f(e.value,i.textField):f(e,i.textField),n=c(n)?n.toString().toLowerCase():"",t&&n.startsWith(t)},e));return this.disabledItemsService.isIndexDisabled(e)?e+1>this.dataService.itemsCount?-1:this.findIndex(t,e+1):e},P.prototype.searchTextAndFocus=function(e){e=this.findIndex(e);this.selectionService.focused=e},P.prototype.closePopup=function(){this.togglePopup(!1),this.focusedTagIndex=void 0},P.prototype.openPopup=function(){this.togglePopup(!0),this.focusedTagIndex=void 0},P.prototype.togglePopup=function(e){var t=this.disabled||this.readonly,n=this.isOpen===e;t||n||this.triggerPopupEvents(e)||this._toggle(e)},P.prototype.triggerPopupEvents=function(e){var t=new ke;return(e?this.open:this.close).emit(t),t.isDefaultPrevented()},P.prototype._toggle=function(e){this._open=e,this.destroyPopup(),this._open&&this.createPopup()},P.prototype.destroyPopup=function(){this.popupRef&&(this.popupRef.popupElement.removeEventListener("mousedown",this.popupMouseDownHandler),this.popupRef.close(),this.popupRef=null)},P.prototype.createPopup=function(){var e=this,t=(this.virtual&&(this.virtual.skip=0),"rtl"===this.direction?"right":"left"),t=(this.popupRef=this.popupService.open({anchor:this.wrapper,anchorAlign:{horizontal:t,vertical:"bottom"},animate:this.popupSettings.animate,appendTo:this.appendTo,content:this.popupTemplate,popupAlign:{horizontal:t,vertical:"top"},popupClass:this.listContainerClasses,positionMode:"absolute"}),this.popupRef.popupElement),n=this.width,i=n.min,n=n.max;t.addEventListener("mousedown",this.popupMouseDownHandler),t.style.minWidth=i,t.style.width=n,t.style.height=this.height,t.setAttribute("dir",this.direction),this.popupRef.popupOpen.subscribe(function(){e.cdr.detectChanges(),e.optionsList.scrollToItem(e.selectionService.focused),e.opened.emit()}),this.popupRef.popupClose.subscribe(function(){e.closed.emit()}),this.popupRef.popupAnchorViewportLeave.subscribe(function(){e.togglePopup(!1)})},P.prototype.emitValueChange=function(){this.onChangeCallback(this.value),this.valueChange.emit(this.value)},P.prototype.resolveDataItemFromTags=function(t){var n=this;if(this.tags&&this.tags.length&&c(t))return this.tags.reduce(function(e,t){t=pe(t)?t:[t];return e.push.apply(e,W([],U(t))),e},[]).find(function(e){return f(e,n.valueField)===f(t,n.valueField)})},P.prototype.firstFocusableIndex=function(e){var t,n=this.dataService.itemsCount;return this.disabledItemsService.isIndexDisabled(e)?(t=e+1)<n?this.firstFocusableIndex(t):void 0:e},P.prototype.nextTick=function(e){var t=this;this._zone.runOutsideAngular(function(){setTimeout(function(){return t._zone.run(e)})})},P.prototype.setComponentClasses=function(){"none"!==this.size&&this.renderer.addClass(this.wrapper.nativeElement,d("input",this.size)),"none"!==this.rounded&&this.renderer.addClass(this.wrapper.nativeElement,u(this.rounded)),"none"!==this.fillMode&&this.renderer.addClass(this.wrapper.nativeElement,le("input",this.fillMode))},P);function P(e,t,n,i,o,s,a,r,l,p,d,u){var c=this;this.wrapper=e,this.localization=t,this.popupService=n,this.dataService=i,this.selectionService=o,this.navigationService=s,this.disabledItemsService=a,this.cdr=r,this.differs=l,this.renderer=p,this._zone=d,this.touchEnabled=u,this.listBoxId=q(),this.tagListId=q(),this.tagPrefix="tag-"+q(),this.optionPrefix="option-"+q(),this.focusedTagIndex=void 0,this.focusableId="k-"+q(),this.autoClose=!0,this.tabindex=0,this.disabled=!1,this.readonly=!1,this.filterable=!1,this.listHeight=200,this.clearButton=!0,this.tagMapper=function(e){return e||[]},this.allowCustom=!1,this.valueNormalizer=function(e){return e.pipe(m.map(function(t){function e(e){return"string"==typeof e&&t.toLowerCase()===e.toLowerCase()}var n=c.value.find(e);if(n)return n;n=c.dataService.find(e);return n||t}))},this.filterChange=new h.EventEmitter,this.valueChange=new h.EventEmitter,this.open=new h.EventEmitter,this.opened=new h.EventEmitter,this.close=new h.EventEmitter,this.closed=new h.EventEmitter,this.onFocus=new h.EventEmitter,this.onBlur=new h.EventEmitter,this.removeTag=new h.EventEmitter,this.hostClasses=!0,this.role="combobox",this.initialized=!1,this._size="medium",this._rounded="medium",this._fillMode="solid",this.onChangeCallback=function(e){},this.onTouchedCallback=function(e){},this._placeholder="",this._open=!1,this._value=[],this._popupSettings={animate:!0},this._checkboxes={enabled:!1},this._isFocused=!1,this.selectedDataItems=[],this.customValueSubject=new g.Subject,this.observableSubscriptions=new g.Subscription,B.validatePackage($),this.popupMouseDownHandler=this.onMouseDown.bind(this),this.data=[],this.direction=this.localization.rtl?"rtl":"ltr",this.subscribeEvents(),this.subscribeTouchEvents()}Dt.ɵfac=s.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:s,type:Dt,deps:[{token:s.ElementRef},{token:r.LocalizationService},{token:j.PopupService},{token:I},{token:C},{token:T},{token:x},{token:s.ChangeDetectorRef},{token:s.KeyValueDiffers},{token:s.Renderer2},{token:s.NgZone},{token:De,optional:!0}],target:s.ɵɵFactoryTarget.Component}),Dt.ɵcmp=s.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:Dt,selector:"kendo-multiselect",inputs:{focusableId:"focusableId",autoClose:"autoClose",loading:"loading",data:"data",value:"value",valueField:"valueField",textField:"textField",tabindex:"tabindex",tabIndex:"tabIndex",size:"size",rounded:"rounded",fillMode:"fillMode",placeholder:"placeholder",disabled:"disabled",itemDisabled:"itemDisabled",checkboxes:"checkboxes",readonly:"readonly",filterable:"filterable",virtual:"virtual",popupSettings:"popupSettings",listHeight:"listHeight",valuePrimitive:"valuePrimitive",clearButton:"clearButton",tagMapper:"tagMapper",allowCustom:"allowCustom",valueNormalizer:"valueNormalizer"},outputs:{filterChange:"filterChange",valueChange:"valueChange",open:"open",opened:"opened",close:"close",closed:"closed",onFocus:"focus",onBlur:"blur",removeTag:"removeTag"},host:{listeners:{mousedown:"hostMousedown($event)"},properties:{"class.k-multiselect":"this.hostClasses","class.k-input":"this.hostClasses","attr.dir":"this.dir","class.k-disabled":"this.disabledClass","class.k-loading":"this.isLoading","attr.role":"this.role","attr.aria-expanded":"this.isAriaExpanded"}},providers:[Tt,I,C,T,x,n.LocalizationService,{provide:n.L10N_PREFIX,useValue:"kendo.multiselect"},{provide:Ie,useExisting:h.forwardRef(function(){return Dt})},{provide:l.KendoInput,useExisting:h.forwardRef(function(){return Dt})}],queries:[{propertyName:"template",first:!0,predicate:ce,descendants:!0},{propertyName:"customItemTemplate",first:!0,predicate:mt,descendants:!0},{propertyName:"groupTemplate",first:!0,predicate:he,descendants:!0},{propertyName:"fixedGroupTemplate",first:!0,predicate:ge,descendants:!0},{propertyName:"headerTemplate",first:!0,predicate:y,descendants:!0},{propertyName:"footerTemplate",first:!0,predicate:k,descendants:!0},{propertyName:"tagTemplate",first:!0,predicate:bt,descendants:!0},{propertyName:"groupTagTemplate",first:!0,predicate:yt,descendants:!0},{propertyName:"noDataTemplate",first:!0,predicate:D,descendants:!0}],viewQueries:[{propertyName:"container",first:!0,predicate:["container"],descendants:!0,read:h.ViewContainerRef,static:!0},{propertyName:"searchbar",first:!0,predicate:v,descendants:!0,static:!0},{propertyName:"popupTemplate",first:!0,predicate:["popupTemplate"],descendants:!0,static:!0},{propertyName:"optionsList",first:!0,predicate:["optionsList"],descendants:!0}],exportAs:["kendoMultiSelect"],usesOnChanges:!0,ngImport:s,template:'\n        <ng-container kendoMultiSelectLocalizedMessages\n            i18n-noDataText="kendo.multiselect.noDataText|The text displayed in the popup when there are no items"\n            noDataText="NO DATA FOUND"\n\n            i18n-clearTitle="kendo.multiselect.clearTitle|The title of the clear button"\n            clearTitle="clear"\n        >\n        </ng-container>\n        <kendo-taglist\n            [size]="size"\n            [rounded]="rounded"\n            [fillMode]="fillMode"\n            [id]="tagListId"\n            [tags]="tags"\n            [textField]="textField"\n            [valueField]="valueField"\n            [focused]="focusedTagIndex"\n            [disabled]="disabled"\n            [template]="tagTemplate"\n            [groupTemplate]="groupTagTemplate"\n            [tagPrefix]="tagPrefix"\n            [disabledIndices]="disabledIndices"\n            (removeTag)="handleRemoveTag($event)"\n        >\n            <kendo-searchbar\n                #searchbar\n                [id]="focusableId"\n                [role]="\'textbox\'"\n                [tagListId]="tagListId"\n                [activeDescendant]="activeDescendant"\n                [noDataLabel]="noDataLabel"\n                [userInput]="text"\n                [disabled]="disabled"\n                [readonly]="readonly"\n                [tabIndex]="tabIndex"\n                [popupOpen]="isOpen"\n                [placeholder]="placeholder"\n                (onNavigate)="handleNavigate($event)"\n                (valueChange)="handleFilter($event)"\n                (onBlur)="onSearchBarBlur()"\n                (onFocus)="onSearchBarFocus()"\n            >\n            </kendo-searchbar>\n        </kendo-taglist>\n\n        <span\n            *ngIf="!loading && !readonly && clearButton && (tags?.length || text?.length)"\n            class="k-clear-value"\n            [style.visibility]="clearButtonVisiblity"\n            [attr.title]="messageFor(\'clearTitle\')"\n            role="button"\n            tabindex="-1"\n            (mousedown)="clearAll($event)"\n        >\n            <span class="k-icon k-i-x"></span>\n        </span>\n        <span\n            *ngIf="loading"\n            class="k-icon k-i-loading k-input-loading-icon"\n        >\n        </span>\n        <ng-template #popupTemplate>\n            \x3c!--header template--\x3e\n            <ng-template *ngIf="headerTemplate"\n                [templateContext]="{\n                    templateRef: headerTemplate.templateRef\n                }">\n            </ng-template>\n            \x3c!--custom item template--\x3e\n            <div\n                *ngIf="allowCustom && text"\n                class="k-list"\n                [ngClass]="customItemSizeClass"\n            >\n                <div class="k-list-item k-custom-item" kendoDropDownsSelectable [multipleSelection]="true" [index]="-1">\n                    <ng-template *ngIf="customItemTemplate;else default_custom_item_template"\n                        [templateContext]="{\n                            templateRef: customItemTemplate.templateRef,\n                            $implicit: text\n                        }">\n                    </ng-template>\n                    <ng-template #default_custom_item_template>{{ text }}</ng-template>\n                    <span class="k-icon k-i-plus" style="float: right"></span>\n                </div>\n            </div>\n            \x3c!--list--\x3e\n            <kendo-list\n                #optionsList\n                [size]="size"\n                [rounded]="rounded"\n                [id]="listBoxId"\n                [optionPrefix]="optionPrefix"\n                [data]="data"\n                [textField]="textField"\n                [valueField]="valueField"\n                [height]="listHeight"\n                [template]="template"\n                [groupTemplate]="groupTemplate"\n                [fixedGroupTemplate]="fixedGroupTemplate"\n                [show]="isOpen"\n                [multipleSelection]="true"\n                [virtual]="virtual"\n                (pageChange)="pageChange($event)"\n                [checkboxes]="checkboxes"\n                >\n            </kendo-list>\n            \x3c!--no data template--\x3e\n            <div class="k-no-data" *ngIf="data.length === 0">\n                <ng-template [ngIf]="noDataTemplate"\n                    [templateContext]="{\n                        templateRef: noDataTemplate ? noDataTemplate.templateRef : undefined\n                    }">\n                </ng-template>\n                <ng-template [ngIf]="!noDataTemplate">\n                    <div>{{ messageFor(\'noDataText\') }}</div>\n                </ng-template>\n            </div>\n            \x3c!--footer template--\x3e\n            <ng-template *ngIf="footerTemplate"\n                [templateContext]="{\n                    templateRef: footerTemplate.templateRef\n                }">\n            </ng-template>\n        </ng-template>\n        <ng-template [ngIf]="isOpen">\n            <kendo-resize-sensor (resize)="onResize()"></kendo-resize-sensor>\n        </ng-template>\n        <ng-container #container></ng-container>\n  ',isInline:!0,components:[{type:It,selector:"kendo-taglist",inputs:["tags","textField","valueField","valueDepth","focused","template","groupTemplate","disabled","tagPrefix","id","size","rounded","fillMode","disabledIndices"],outputs:["removeTag"]},{type:v,selector:"kendo-searchbar",inputs:["id","listId","tagListId","activeDescendant","noDataLabel","disabled","readonly","tabIndex","popupOpen","role","userInput","suggestedText","placeholder"],outputs:["valueChange","onBlur","onFocus","onClick","onNavigate"]},{type:Pe,selector:"kendo-list",inputs:["selected","focused","textField","valueField","height","template","groupTemplate","fixedGroupTemplate","show","id","optionPrefix","multipleSelection","virtual","type","checkboxes","data","size","rounded"],outputs:["onClick","pageChange","listResize"]},{type:a.ResizeSensorComponent,selector:"kendo-resize-sensor",inputs:["rateLimit"],outputs:["resize"]}],directives:[{type:Ae,selector:"\n    [kendoDropDownListLocalizedMessages],\n    [kendoDropDownTreeLocalizedMessages],\n    [kendoComboBoxLocalizedMessages],\n    [kendoMultiColumnComboBoxLocalizedMessages],\n    [kendoAutoCompleteLocalizedMessages],\n    [kendoMultiSelectLocalizedMessages],\n    [kendoMultiSelectTreeLocalizedMessages]\n  "},{type:p.NgIf,selector:"[ngIf]",inputs:["ngIf","ngIfThen","ngIfElse"]},{type:Se,selector:"[templateContext]",inputs:["templateContext"]},{type:p.NgClass,selector:"[ngClass]",inputs:["class","ngClass"]},{type:Fe,selector:"[kendoDropDownsSelectable]",inputs:["index","checkboxes","height","multipleSelection"]}]}),s.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:s,type:Dt,decorators:[{type:h.Component,args:[{exportAs:"kendoMultiSelect",providers:[Tt,I,C,T,x,n.LocalizationService,{provide:n.L10N_PREFIX,useValue:"kendo.multiselect"},{provide:Ie,useExisting:h.forwardRef(function(){return Dt})},{provide:l.KendoInput,useExisting:h.forwardRef(function(){return Dt})}],selector:"kendo-multiselect",template:'\n        <ng-container kendoMultiSelectLocalizedMessages\n            i18n-noDataText="kendo.multiselect.noDataText|The text displayed in the popup when there are no items"\n            noDataText="NO DATA FOUND"\n\n            i18n-clearTitle="kendo.multiselect.clearTitle|The title of the clear button"\n            clearTitle="clear"\n        >\n        </ng-container>\n        <kendo-taglist\n            [size]="size"\n            [rounded]="rounded"\n            [fillMode]="fillMode"\n            [id]="tagListId"\n            [tags]="tags"\n            [textField]="textField"\n            [valueField]="valueField"\n            [focused]="focusedTagIndex"\n            [disabled]="disabled"\n            [template]="tagTemplate"\n            [groupTemplate]="groupTagTemplate"\n            [tagPrefix]="tagPrefix"\n            [disabledIndices]="disabledIndices"\n            (removeTag)="handleRemoveTag($event)"\n        >\n            <kendo-searchbar\n                #searchbar\n                [id]="focusableId"\n                [role]="\'textbox\'"\n                [tagListId]="tagListId"\n                [activeDescendant]="activeDescendant"\n                [noDataLabel]="noDataLabel"\n                [userInput]="text"\n                [disabled]="disabled"\n                [readonly]="readonly"\n                [tabIndex]="tabIndex"\n                [popupOpen]="isOpen"\n                [placeholder]="placeholder"\n                (onNavigate)="handleNavigate($event)"\n                (valueChange)="handleFilter($event)"\n                (onBlur)="onSearchBarBlur()"\n                (onFocus)="onSearchBarFocus()"\n            >\n            </kendo-searchbar>\n        </kendo-taglist>\n\n        <span\n            *ngIf="!loading && !readonly && clearButton && (tags?.length || text?.length)"\n            class="k-clear-value"\n            [style.visibility]="clearButtonVisiblity"\n            [attr.title]="messageFor(\'clearTitle\')"\n            role="button"\n            tabindex="-1"\n            (mousedown)="clearAll($event)"\n        >\n            <span class="k-icon k-i-x"></span>\n        </span>\n        <span\n            *ngIf="loading"\n            class="k-icon k-i-loading k-input-loading-icon"\n        >\n        </span>\n        <ng-template #popupTemplate>\n            \x3c!--header template--\x3e\n            <ng-template *ngIf="headerTemplate"\n                [templateContext]="{\n                    templateRef: headerTemplate.templateRef\n                }">\n            </ng-template>\n            \x3c!--custom item template--\x3e\n            <div\n                *ngIf="allowCustom && text"\n                class="k-list"\n                [ngClass]="customItemSizeClass"\n            >\n                <div class="k-list-item k-custom-item" kendoDropDownsSelectable [multipleSelection]="true" [index]="-1">\n                    <ng-template *ngIf="customItemTemplate;else default_custom_item_template"\n                        [templateContext]="{\n                            templateRef: customItemTemplate.templateRef,\n                            $implicit: text\n                        }">\n                    </ng-template>\n                    <ng-template #default_custom_item_template>{{ text }}</ng-template>\n                    <span class="k-icon k-i-plus" style="float: right"></span>\n                </div>\n            </div>\n            \x3c!--list--\x3e\n            <kendo-list\n                #optionsList\n                [size]="size"\n                [rounded]="rounded"\n                [id]="listBoxId"\n                [optionPrefix]="optionPrefix"\n                [data]="data"\n                [textField]="textField"\n                [valueField]="valueField"\n                [height]="listHeight"\n                [template]="template"\n                [groupTemplate]="groupTemplate"\n                [fixedGroupTemplate]="fixedGroupTemplate"\n                [show]="isOpen"\n                [multipleSelection]="true"\n                [virtual]="virtual"\n                (pageChange)="pageChange($event)"\n                [checkboxes]="checkboxes"\n                >\n            </kendo-list>\n            \x3c!--no data template--\x3e\n            <div class="k-no-data" *ngIf="data.length === 0">\n                <ng-template [ngIf]="noDataTemplate"\n                    [templateContext]="{\n                        templateRef: noDataTemplate ? noDataTemplate.templateRef : undefined\n                    }">\n                </ng-template>\n                <ng-template [ngIf]="!noDataTemplate">\n                    <div>{{ messageFor(\'noDataText\') }}</div>\n                </ng-template>\n            </div>\n            \x3c!--footer template--\x3e\n            <ng-template *ngIf="footerTemplate"\n                [templateContext]="{\n                    templateRef: footerTemplate.templateRef\n                }">\n            </ng-template>\n        </ng-template>\n        <ng-template [ngIf]="isOpen">\n            <kendo-resize-sensor (resize)="onResize()"></kendo-resize-sensor>\n        </ng-template>\n        <ng-container #container></ng-container>\n  '}]}],ctorParameters:function(){return[{type:s.ElementRef},{type:r.LocalizationService},{type:j.PopupService},{type:I},{type:C},{type:T},{type:x},{type:s.ChangeDetectorRef},{type:s.KeyValueDiffers},{type:s.Renderer2},{type:s.NgZone},{type:void 0,decorators:[{type:h.Optional},{type:h.Inject,args:[De]}]}]},propDecorators:{focusableId:[{type:h.Input}],autoClose:[{type:h.Input}],loading:[{type:h.Input}],data:[{type:h.Input}],value:[{type:h.Input}],valueField:[{type:h.Input}],textField:[{type:h.Input}],tabindex:[{type:h.Input}],tabIndex:[{type:h.Input,args:["tabIndex"]}],size:[{type:h.Input}],rounded:[{type:h.Input}],fillMode:[{type:h.Input}],placeholder:[{type:h.Input}],disabled:[{type:h.Input}],itemDisabled:[{type:h.Input}],checkboxes:[{type:h.Input}],readonly:[{type:h.Input}],filterable:[{type:h.Input}],virtual:[{type:h.Input}],popupSettings:[{type:h.Input}],listHeight:[{type:h.Input}],valuePrimitive:[{type:h.Input}],clearButton:[{type:h.Input}],tagMapper:[{type:h.Input}],allowCustom:[{type:h.Input}],valueNormalizer:[{type:h.Input}],filterChange:[{type:h.Output}],valueChange:[{type:h.Output}],open:[{type:h.Output}],opened:[{type:h.Output}],close:[{type:h.Output}],closed:[{type:h.Output}],onFocus:[{type:h.Output,args:["focus"]}],onBlur:[{type:h.Output,args:["blur"]}],removeTag:[{type:h.Output}],container:[{type:h.ViewChild,args:["container",{read:h.ViewContainerRef,static:!0}]}],searchbar:[{type:h.ViewChild,args:[v,{static:!0}]}],popupTemplate:[{type:h.ViewChild,args:["popupTemplate",{static:!0}]}],optionsList:[{type:h.ViewChild,args:["optionsList",{static:!1}]}],template:[{type:h.ContentChild,args:[ce,{static:!1}]}],customItemTemplate:[{type:h.ContentChild,args:[mt,{static:!1}]}],groupTemplate:[{type:h.ContentChild,args:[he,{static:!1}]}],fixedGroupTemplate:[{type:h.ContentChild,args:[ge,{static:!1}]}],headerTemplate:[{type:h.ContentChild,args:[y,{static:!1}]}],footerTemplate:[{type:h.ContentChild,args:[k,{static:!1}]}],tagTemplate:[{type:h.ContentChild,args:[bt,{static:!1}]}],groupTagTemplate:[{type:h.ContentChild,args:[yt,{static:!1}]}],noDataTemplate:[{type:h.ContentChild,args:[D,{static:!1}]}],hostClasses:[{type:h.HostBinding,args:["class.k-multiselect"]},{type:h.HostBinding,args:["class.k-input"]}],dir:[{type:h.HostBinding,args:["attr.dir"]}],disabledClass:[{type:h.HostBinding,args:["class.k-disabled"]}],isLoading:[{type:h.HostBinding,args:["class.k-loading"]}],role:[{type:h.HostBinding,args:["attr.role"]}],isAriaExpanded:[{type:h.HostBinding,args:["attr.aria-expanded"]}],hostMousedown:[{type:h.HostListener,args:["mousedown",["$event"]]}]}});function wt(){var e;return isNaN(Et)&&((e=document.createElement("div")).style.cssText="overflow: scroll; overflow-x: hidden; zoom: 1; clear: both; display: block;",e.innerHTML="&nbsp;",document.body.appendChild(e),Et=e.offsetWidth-e.scrollWidth,document.body.removeChild(e)),Et}function St(e){if(!c(t=e)||0===t.length||!t.toArray().every(function(e){return!isNaN(e.width)&&0<e.width}))return null;var t=wt()+2;return e.reduce(function(e,t){return!t.hidden&&t.matchesMedia&&(e+=parseInt(t.width,10)),e},t)}var Et,Ft,Tt=function(e){this.templateRef=e},Ot=(Tt.ɵfac=s.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:s,type:Tt,deps:[{token:s.TemplateRef}],target:s.ɵɵFactoryTarget.Directive}),Tt.ɵdir=s.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.16",type:Tt,selector:"[kendoMultiColumnComboBoxColumnCellTemplate]",ngImport:s}),s.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:s,type:Tt,decorators:[{type:h.Directive,args:[{selector:"[kendoMultiColumnComboBoxColumnCellTemplate]"}]}],ctorParameters:function(){return[{type:s.TemplateRef}]}}),function(e){this.templateRef=e}),Pt=(Ot.ɵfac=s.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:s,type:Ot,deps:[{token:s.TemplateRef}],target:s.ɵɵFactoryTarget.Directive}),Ot.ɵdir=s.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.16",type:Ot,selector:"[kendoMultiColumnComboBoxColumnHeaderTemplate]",ngImport:s}),s.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:s,type:Ot,decorators:[{type:h.Directive,args:[{selector:"[kendoMultiColumnComboBoxColumnHeaderTemplate]"}]}],ctorParameters:function(){return[{type:s.TemplateRef}]}}),function(){this.hidden=!1,this.matchesMedia=!0}),Mt=(Pt.ɵfac=s.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:s,type:Pt,deps:[],target:s.ɵɵFactoryTarget.Component}),Pt.ɵcmp=s.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:Pt,selector:"kendo-combobox-column",inputs:{field:"field",title:"title",width:"width",hidden:"hidden",style:"style",headerStyle:"headerStyle",class:"class",headerClass:"headerClass",media:"media"},queries:[{propertyName:"cellTemplate",first:!0,predicate:Tt,descendants:!0},{propertyName:"headerTemplate",first:!0,predicate:Ot,descendants:!0}],ngImport:s,template:"",isInline:!0}),s.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:s,type:Pt,decorators:[{type:h.Component,args:[{selector:"kendo-combobox-column",template:""}]}],propDecorators:{cellTemplate:[{type:h.ContentChild,args:[Tt,{static:!1}]}],headerTemplate:[{type:h.ContentChild,args:[Ot,{static:!1}]}],field:[{type:h.Input}],title:[{type:h.Input}],width:[{type:h.Input}],hidden:[{type:h.Input}],style:[{type:h.Input}],headerStyle:[{type:h.Input}],class:[{type:h.Input}],headerClass:[{type:h.Input}],media:[{type:h.Input}]}}),G(zt,Ft=ct),Object.defineProperty(zt.prototype,"isDisabled",{get:function(){return this.disabled},enumerable:!1,configurable:!0}),Object.defineProperty(zt.prototype,"header",{set:function(e){this.updateHeaderPadding(e&&e.nativeElement)},enumerable:!1,configurable:!0}),Object.defineProperty(zt.prototype,"popupWidth",{get:function(){var e=this.wrapper.nativeElement.offsetWidth,t=e+"px",e=this.popupSettings.width||St(this.columns)||e;return{min:t,max:isNaN(e)?e:e+"px"}},enumerable:!1,configurable:!0}),Object.defineProperty(zt.prototype,"tableSizeClass",{get:function(){return""+(this.size?d("table",this.size):"")},enumerable:!1,configurable:!0}),Object.defineProperty(zt.prototype,"listContainerClasses",{get:function(){return["k-popup","k-dropdowngrid-popup"].concat(this.popupSettings.popupClass||[])},enumerable:!1,configurable:!0}),zt.prototype.ngAfterViewInit=function(){this.updateColumnsMediaState(),this.addWindowResizeListener()},zt.prototype.ngOnDestroy=function(){Ft.prototype.ngOnDestroy.call(this),this.removeWindowResizeListener()},zt.prototype.textFrom=function(e,t){return f(e,t)},zt.prototype.updateHeaderPadding=function(e){var t;c(e)&&(t=this.localization.rtl?"padding-left":"padding-right",this.optionsList.hasScrollbar()&&0<wt()?this.renderer.setStyle(e,t,wt()+"px"):this.renderer.removeStyle(e,t))},zt.prototype.verifySettings=function(){if(h.isDevMode()){if(c(this.data)&&0<this.data.length&&this.data.some(function(e){return!de(e)}))throw new Error(tt);if(!c(this.valueField)||!c(this.textField))throw new Error(nt);Ft.prototype.verifySettings.call(this)}},zt.prototype.addWindowResizeListener=function(){var e=this;l.isDocumentAvailable()&&this.zone.runOutsideAngular(function(){return e.removeWindowResizeListener=e.renderer.listen(window,"resize",e.updateColumnsMediaState.bind(e))})},zt.prototype.updateColumnsMediaState=function(){var n=this;c(this.columns)&&l.isDocumentAvailable()&&this.columns.forEach(function(e){var t=!e.media||window.matchMedia(e.media).matches;e.matchesMedia!==t&&(e.matchesMedia=t,n.isOpen&&n.zone.run(function(){return n.popupRef.popupElement.style.width=n.popupWidth.max}))})},zt);function zt(e,t,n,i,o,s,a,r,l,p,d){p=Ft.call(this,p,e,t,n,i,o,s,a,r,l,d)||this;return p.hostClasses=!0,p.removeWindowResizeListener=ne,p.defaultVirtualItemHeight=36,p.defaultVirtualPageSize=30,p}Mt.ɵfac=s.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:s,type:Mt,deps:[{token:r.LocalizationService},{token:j.PopupService},{token:C},{token:T},{token:x},{token:I},{token:s.NgZone},{token:s.ChangeDetectorRef},{token:s.Renderer2},{token:s.ElementRef},{token:De}],target:s.ɵɵFactoryTarget.Component}),Mt.ɵcmp=s.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:Mt,selector:"kendo-multicolumncombobox",host:{properties:{"class.k-dropdowngrid":"this.hostClasses","class.k-disabled":"this.isDisabled"}},providers:[C,I,T,x,n.LocalizationService,{provide:n.L10N_PREFIX,useValue:"kendo.multicolumncombobox"},{multi:!0,provide:t.NG_VALUE_ACCESSOR,useExisting:h.forwardRef(function(){return Mt})},{provide:l.KendoInput,useExisting:h.forwardRef(function(){return Mt})},{provide:Ie,useExisting:h.forwardRef(function(){return Mt})}],queries:[{propertyName:"columns",predicate:Pt}],viewQueries:[{propertyName:"header",first:!0,predicate:["header"],descendants:!0}],usesInheritance:!0,ngImport:s,template:'\n        <ng-container\n            kendoMultiColumnComboBoxLocalizedMessages\n\n            i18n-noDataText="kendo.multicolumncombobox.noDataText|The text displayed in the popup when there are no items"\n            noDataText="NO DATA FOUND"\n\n            i18n-clearTitle="kendo.multicolumncombobox.clearTitle|The title of the clear button"\n            clearTitle="clear"\n        >\n        </ng-container>\n        <kendo-searchbar\n            #searchbar\n            [role]="\'combobox\'"\n            [id]="focusableId"\n            [listId]="listBoxId"\n            [activeDescendant]="activeDescendant"\n            [noDataLabel]="noDataLabel"\n            [userInput]="text"\n            [suggestedText]="getSuggestion()"\n            [disabled]="disabled"\n            [readonly]="readonly"\n            [tabIndex]="tabIndex"\n            [popupOpen]="isOpen"\n            [placeholder]="placeholder"\n            (onNavigate)="handleNavigate($event)"\n            (valueChange)="searchBarChange($event)"\n            (onBlur)="handleBlur()"\n            (onFocus)="handleFocus()"\n        >\n        </kendo-searchbar>\n\n        <span\n            *ngIf="clearButton && !loading && !disabled && !readonly && text?.length"\n            class="k-clear-value"\n            [style.visibility]="clearButtonVisiblity"\n            aria-hidden="true"\n            [attr.title]="messageFor(\'clearTitle\')"\n            (click)="clearValue($event)"\n            [kendoEventsOutsideAngular]="{\n                mousedown: preventEventDefault\n            }"\n        >\n            <span class="k-icon k-i-x"></span>\n        </span>\n\n        <button\n            #select\n            tabindex="-1"\n            aria-hidden="true"\n            unselectable="on"\n            type="button"\n            class="k-input-button k-button k-icon-button"\n            [ngClass]="selectButtonClasses"\n            [attr.aria-label]="messageFor(\'selectButtonText\')"\n            [kendoEventsOutsideAngular]="{\n                mousedown: preventEventDefault\n            }"\n        >\n            <span class="k-button-icon k-icon" [ngClass]="buttonClasses"></span>\n        </button>\n\n        <ng-template #popupTemplate>\n            \x3c!--user-defined header template --\x3e\n            <ng-template\n                *ngIf="headerTemplate"\n                [templateContext]="{\n                    templateRef: headerTemplate?.templateRef\n                }"\n            >\n            </ng-template>\n\n            \x3c!--data table--\x3e\n            <div class="k-data-table" [ngClass]="tableSizeClass">\n\n                \x3c!--grid header--\x3e\n                <div\n                    #header\n                    class="k-table-header"\n                >\n                    <div class="k-table-header-wrap">\n                        <table class="k-table" role="presentation">\n                            <colgroup>\n                                <ng-container *ngFor="let column of columns">\n                                    <col\n                                        *ngIf="!column.hidden && column.matchesMedia"\n                                        [style.width.px]="column.width"\n                                    />\n                                </ng-container>\n                            </colgroup>\n                            <thead class="k-table-thead">\n                                <tr class="k-table-row">\n                                    <ng-container *ngFor="let column of columns">\n                                        <th\n                                            *ngIf="!column.hidden && column.matchesMedia"\n                                            class="k-table-th"\n                                            [ngStyle]="column.headerStyle"\n                                            [ngClass]="column.headerClass"\n                                        >\n                                            <ng-container *ngIf="!column.headerTemplate">\n                                                {{ column.title || column.field }}\n                                            </ng-container>\n                                            <ng-template\n                                                *ngIf="column.headerTemplate"\n                                                [templateContext]="{\n                                                    templateRef: column.headerTemplate?.templateRef,\n                                                    $implicit: column,\n                                                    column: column\n                                                }"\n                                            >\n                                            </ng-template>\n                                        </th>\n                                    </ng-container>\n                                </tr>\n                            </thead>\n                        </table>\n                    </div>\n                </div>\n\n                \x3c!-- item template --\x3e\n                <ng-template #rowTemplate let-dataItem>\n                    <ng-container *ngFor="let column of columns">\n                        <span\n                            *ngIf="!column.hidden && column.matchesMedia"\n                            class="k-table-td"\n                            [ngClass]="column.class"\n                            [style.width.px]="column.width"\n                            [ngStyle]="column.style"\n                        >\n                            <ng-container *ngIf="!column.cellTemplate">\n                                {{ textFrom(dataItem, column.field) }}\n                            </ng-container>\n                            <ng-template\n                                *ngIf="column.cellTemplate"\n                                [templateContext]="{\n                                    templateRef: column.cellTemplate?.templateRef,\n                                    $implicit: dataItem,\n                                    dataItem: dataItem,\n                                    column: column\n                                }"\n                            >\n                            </ng-template>\n                        </span>\n                    </ng-container>\n                </ng-template>\n\n                \x3c!--list--\x3e\n                <kendo-list\n                    #optionsList\n                    [id]="listBoxId"\n                    [optionPrefix]="optionPrefix"\n                    [data]="data"\n                    [textField]="textField"\n                    [valueField]="valueField"\n                    [template]="{ templateRef: rowTemplate }"\n                    [groupTemplate]="groupTemplate"\n                    [fixedGroupTemplate]="fixedGroupTemplate"\n                    [height]="listHeight"\n                    [show]="isOpen"\n                    [virtual]="virtual"\n                    [type]="\'dropdowngrid\'"\n                    (pageChange)="pageChange($event)"\n                    (listResize)="updateHeaderPadding(header)"\n                >\n                </kendo-list>\n\n                \x3c!--no-data template--\x3e\n                <div\n                    class="k-no-data"\n                    *ngIf="data.length === 0"\n                >\n                    <ng-template\n                        [ngIf]="noDataTemplate"\n                        [templateContext]="{\n                            templateRef: noDataTemplate?.templateRef\n                        }"\n                    >\n                    </ng-template>\n                    <ng-template [ngIf]="!noDataTemplate">\n                        <div>{{ messageFor(\'noDataText\') }}</div>\n                    </ng-template>\n                </div>\n\n                \x3c!--user-defined footer template--\x3e\n                <ng-container *ngIf="footerTemplate">\n                    <div class="k-table-footer">\n                        <table class="k-table">\n                            <tfoot class="k-table-tfoot">\n                                <tr class="k-table-row">\n                                    <td class="k-table-td">\n                                        <ng-template\n                                            [templateContext]="{\n                                                templateRef: footerTemplate.templateRef\n                                            }"\n                                        >\n                                        </ng-template>\n                                    </td>\n                                </tr>\n                            </tfoot>\n                        </table>\n                    </div>\n                </ng-container>\n\n            </div>\n\n        </ng-template>\n\n        <kendo-resize-sensor\n            *ngIf="isOpen"\n            (resize)="onResize()"\n        >\n        </kendo-resize-sensor>\n\n        \x3c!-- when the popupSettings.appendTo value is set to \'component\', this container is used --\x3e\n        <ng-container #container></ng-container>\n    ',isInline:!0,components:[{type:v,selector:"kendo-searchbar",inputs:["id","listId","tagListId","activeDescendant","noDataLabel","disabled","readonly","tabIndex","popupOpen","role","userInput","suggestedText","placeholder"],outputs:["valueChange","onBlur","onFocus","onClick","onNavigate"]},{type:Pe,selector:"kendo-list",inputs:["selected","focused","textField","valueField","height","template","groupTemplate","fixedGroupTemplate","show","id","optionPrefix","multipleSelection","virtual","type","checkboxes","data","size","rounded"],outputs:["onClick","pageChange","listResize"]},{type:a.ResizeSensorComponent,selector:"kendo-resize-sensor",inputs:["rateLimit"],outputs:["resize"]}],directives:[{type:Ae,selector:"\n    [kendoDropDownListLocalizedMessages],\n    [kendoDropDownTreeLocalizedMessages],\n    [kendoComboBoxLocalizedMessages],\n    [kendoMultiColumnComboBoxLocalizedMessages],\n    [kendoAutoCompleteLocalizedMessages],\n    [kendoMultiSelectLocalizedMessages],\n    [kendoMultiSelectTreeLocalizedMessages]\n  "},{type:p.NgIf,selector:"[ngIf]",inputs:["ngIf","ngIfThen","ngIfElse"]},{type:a.EventsOutsideAngularDirective,selector:"[kendoEventsOutsideAngular]",inputs:["kendoEventsOutsideAngular","scope"]},{type:p.NgClass,selector:"[ngClass]",inputs:["class","ngClass"]},{type:Se,selector:"[templateContext]",inputs:["templateContext"]},{type:p.NgForOf,selector:"[ngFor][ngForOf]",inputs:["ngForOf","ngForTrackBy","ngForTemplate"]},{type:p.NgStyle,selector:"[ngStyle]",inputs:["ngStyle"]}]}),s.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:s,type:Mt,decorators:[{type:h.Component,args:[{providers:[C,I,T,x,n.LocalizationService,{provide:n.L10N_PREFIX,useValue:"kendo.multicolumncombobox"},{multi:!0,provide:t.NG_VALUE_ACCESSOR,useExisting:h.forwardRef(function(){return Mt})},{provide:l.KendoInput,useExisting:h.forwardRef(function(){return Mt})},{provide:Ie,useExisting:h.forwardRef(function(){return Mt})}],selector:"kendo-multicolumncombobox",template:'\n        <ng-container\n            kendoMultiColumnComboBoxLocalizedMessages\n\n            i18n-noDataText="kendo.multicolumncombobox.noDataText|The text displayed in the popup when there are no items"\n            noDataText="NO DATA FOUND"\n\n            i18n-clearTitle="kendo.multicolumncombobox.clearTitle|The title of the clear button"\n            clearTitle="clear"\n        >\n        </ng-container>\n        <kendo-searchbar\n            #searchbar\n            [role]="\'combobox\'"\n            [id]="focusableId"\n            [listId]="listBoxId"\n            [activeDescendant]="activeDescendant"\n            [noDataLabel]="noDataLabel"\n            [userInput]="text"\n            [suggestedText]="getSuggestion()"\n            [disabled]="disabled"\n            [readonly]="readonly"\n            [tabIndex]="tabIndex"\n            [popupOpen]="isOpen"\n            [placeholder]="placeholder"\n            (onNavigate)="handleNavigate($event)"\n            (valueChange)="searchBarChange($event)"\n            (onBlur)="handleBlur()"\n            (onFocus)="handleFocus()"\n        >\n        </kendo-searchbar>\n\n        <span\n            *ngIf="clearButton && !loading && !disabled && !readonly && text?.length"\n            class="k-clear-value"\n            [style.visibility]="clearButtonVisiblity"\n            aria-hidden="true"\n            [attr.title]="messageFor(\'clearTitle\')"\n            (click)="clearValue($event)"\n            [kendoEventsOutsideAngular]="{\n                mousedown: preventEventDefault\n            }"\n        >\n            <span class="k-icon k-i-x"></span>\n        </span>\n\n        <button\n            #select\n            tabindex="-1"\n            aria-hidden="true"\n            unselectable="on"\n            type="button"\n            class="k-input-button k-button k-icon-button"\n            [ngClass]="selectButtonClasses"\n            [attr.aria-label]="messageFor(\'selectButtonText\')"\n            [kendoEventsOutsideAngular]="{\n                mousedown: preventEventDefault\n            }"\n        >\n            <span class="k-button-icon k-icon" [ngClass]="buttonClasses"></span>\n        </button>\n\n        <ng-template #popupTemplate>\n            \x3c!--user-defined header template --\x3e\n            <ng-template\n                *ngIf="headerTemplate"\n                [templateContext]="{\n                    templateRef: headerTemplate?.templateRef\n                }"\n            >\n            </ng-template>\n\n            \x3c!--data table--\x3e\n            <div class="k-data-table" [ngClass]="tableSizeClass">\n\n                \x3c!--grid header--\x3e\n                <div\n                    #header\n                    class="k-table-header"\n                >\n                    <div class="k-table-header-wrap">\n                        <table class="k-table" role="presentation">\n                            <colgroup>\n                                <ng-container *ngFor="let column of columns">\n                                    <col\n                                        *ngIf="!column.hidden && column.matchesMedia"\n                                        [style.width.px]="column.width"\n                                    />\n                                </ng-container>\n                            </colgroup>\n                            <thead class="k-table-thead">\n                                <tr class="k-table-row">\n                                    <ng-container *ngFor="let column of columns">\n                                        <th\n                                            *ngIf="!column.hidden && column.matchesMedia"\n                                            class="k-table-th"\n                                            [ngStyle]="column.headerStyle"\n                                            [ngClass]="column.headerClass"\n                                        >\n                                            <ng-container *ngIf="!column.headerTemplate">\n                                                {{ column.title || column.field }}\n                                            </ng-container>\n                                            <ng-template\n                                                *ngIf="column.headerTemplate"\n                                                [templateContext]="{\n                                                    templateRef: column.headerTemplate?.templateRef,\n                                                    $implicit: column,\n                                                    column: column\n                                                }"\n                                            >\n                                            </ng-template>\n                                        </th>\n                                    </ng-container>\n                                </tr>\n                            </thead>\n                        </table>\n                    </div>\n                </div>\n\n                \x3c!-- item template --\x3e\n                <ng-template #rowTemplate let-dataItem>\n                    <ng-container *ngFor="let column of columns">\n                        <span\n                            *ngIf="!column.hidden && column.matchesMedia"\n                            class="k-table-td"\n                            [ngClass]="column.class"\n                            [style.width.px]="column.width"\n                            [ngStyle]="column.style"\n                        >\n                            <ng-container *ngIf="!column.cellTemplate">\n                                {{ textFrom(dataItem, column.field) }}\n                            </ng-container>\n                            <ng-template\n                                *ngIf="column.cellTemplate"\n                                [templateContext]="{\n                                    templateRef: column.cellTemplate?.templateRef,\n                                    $implicit: dataItem,\n                                    dataItem: dataItem,\n                                    column: column\n                                }"\n                            >\n                            </ng-template>\n                        </span>\n                    </ng-container>\n                </ng-template>\n\n                \x3c!--list--\x3e\n                <kendo-list\n                    #optionsList\n                    [id]="listBoxId"\n                    [optionPrefix]="optionPrefix"\n                    [data]="data"\n                    [textField]="textField"\n                    [valueField]="valueField"\n                    [template]="{ templateRef: rowTemplate }"\n                    [groupTemplate]="groupTemplate"\n                    [fixedGroupTemplate]="fixedGroupTemplate"\n                    [height]="listHeight"\n                    [show]="isOpen"\n                    [virtual]="virtual"\n                    [type]="\'dropdowngrid\'"\n                    (pageChange)="pageChange($event)"\n                    (listResize)="updateHeaderPadding(header)"\n                >\n                </kendo-list>\n\n                \x3c!--no-data template--\x3e\n                <div\n                    class="k-no-data"\n                    *ngIf="data.length === 0"\n                >\n                    <ng-template\n                        [ngIf]="noDataTemplate"\n                        [templateContext]="{\n                            templateRef: noDataTemplate?.templateRef\n                        }"\n                    >\n                    </ng-template>\n                    <ng-template [ngIf]="!noDataTemplate">\n                        <div>{{ messageFor(\'noDataText\') }}</div>\n                    </ng-template>\n                </div>\n\n                \x3c!--user-defined footer template--\x3e\n                <ng-container *ngIf="footerTemplate">\n                    <div class="k-table-footer">\n                        <table class="k-table">\n                            <tfoot class="k-table-tfoot">\n                                <tr class="k-table-row">\n                                    <td class="k-table-td">\n                                        <ng-template\n                                            [templateContext]="{\n                                                templateRef: footerTemplate.templateRef\n                                            }"\n                                        >\n                                        </ng-template>\n                                    </td>\n                                </tr>\n                            </tfoot>\n                        </table>\n                    </div>\n                </ng-container>\n\n            </div>\n\n        </ng-template>\n\n        <kendo-resize-sensor\n            *ngIf="isOpen"\n            (resize)="onResize()"\n        >\n        </kendo-resize-sensor>\n\n        \x3c!-- when the popupSettings.appendTo value is set to \'component\', this container is used --\x3e\n        <ng-container #container></ng-container>\n    '}]}],ctorParameters:function(){return[{type:r.LocalizationService},{type:j.PopupService},{type:C},{type:T},{type:x},{type:I},{type:s.NgZone},{type:s.ChangeDetectorRef},{type:s.Renderer2},{type:s.ElementRef},{type:void 0,decorators:[{type:h.Inject,args:[De]}]}]},propDecorators:{hostClasses:[{type:h.HostBinding,args:["class.k-dropdowngrid"]}],isDisabled:[{type:h.HostBinding,args:["class.k-disabled"]}],columns:[{type:h.ContentChildren,args:[Pt]}],header:[{type:h.ViewChild,args:["header",{static:!1}]}]}});function Rt(){return!1}function At(){return g.of([])}function Bt(){return!1}function Vt(){return!0}var Nt=function(e){this.templateRef=e},Lt=(Nt.ɵfac=s.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:s,type:Nt,deps:[{token:s.TemplateRef}],target:s.ɵɵFactoryTarget.Directive}),Nt.ɵdir=s.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.16",type:Nt,selector:"[kendoDropDownTreeNodeTemplate], [kendoMultiSelectTreeNodeTemplate]",ngImport:s}),s.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:s,type:Nt,decorators:[{type:h.Directive,args:[{selector:"[kendoDropDownTreeNodeTemplate], [kendoMultiSelectTreeNodeTemplate]"}]}],ctorParameters:function(){return[{type:s.TemplateRef}]}}),{animate:!0}),_t=(Object.defineProperty(M.prototype,"isDisabled",{get:function(){return this.disabled},enumerable:!1,configurable:!0}),Object.defineProperty(M.prototype,"isLoading",{get:function(){return this.loading},enumerable:!1,configurable:!0}),Object.defineProperty(M.prototype,"id",{get:function(){return this.focusableId},enumerable:!1,configurable:!0}),Object.defineProperty(M.prototype,"hostTabIndex",{get:function(){return this.tabindex},enumerable:!1,configurable:!0}),Object.defineProperty(M.prototype,"isAriaExpanded",{get:function(){return this.isOpen},enumerable:!1,configurable:!0}),Object.defineProperty(M.prototype,"isReadonly",{get:function(){return this.readonly},enumerable:!1,configurable:!0}),M.prototype.handleClick=function(){this.togglePopup(!this.isOpen)},M.prototype.handleKeydown=function(e){this.disabled||this.readonly||this.navigationService.process({originalEvent:e})},Object.defineProperty(M.prototype,"treeview",{get:function(){return this._treeview},set:function(e){e&&((this.isFocused&&!this.filterable||this.touchEnabled)&&e.focus(),e.animate=!0,this._treeview=e)},enumerable:!1,configurable:!0}),Object.defineProperty(M.prototype,"data",{get:function(){return this._nodes},set:function(e){this._nodes=e,this.setState()},enumerable:!1,configurable:!0}),Object.defineProperty(M.prototype,"value",{get:function(){return this._value},set:function(e){this._value=e,this.setState()},enumerable:!1,configurable:!0}),Object.defineProperty(M.prototype,"popupSettings",{get:function(){return this._popupSettings},set:function(e){this._popupSettings=Object.assign({},Lt,e)},enumerable:!1,configurable:!0}),Object.defineProperty(M.prototype,"dataItem",{get:function(){return this._dataItem||this.value},set:function(e){this._dataItem=e,this.setState()},enumerable:!1,configurable:!0}),Object.defineProperty(M.prototype,"tabindex",{get:function(){return this.disabled?-1:this._tabindex},set:function(e){e=Number(e);this._tabindex=isNaN(e)?0:e},enumerable:!1,configurable:!0}),Object.defineProperty(M.prototype,"size",{get:function(){return this._size},set:function(e){var t=e||"medium";this.renderer.removeClass(this.wrapper.nativeElement,d("picker",this.size)),"none"!==e&&this.renderer.addClass(this.wrapper.nativeElement,d("picker",t)),this._size=t},enumerable:!1,configurable:!0}),Object.defineProperty(M.prototype,"rounded",{get:function(){return this._rounded},set:function(e){var t=e||"medium";this.renderer.removeClass(this.wrapper.nativeElement,u(this.rounded)),"none"!==e&&this.renderer.addClass(this.wrapper.nativeElement,u(t)),this._rounded=t},enumerable:!1,configurable:!0}),Object.defineProperty(M.prototype,"fillMode",{get:function(){return this._fillMode},set:function(e){var t=e||"solid";this.renderer.removeClass(this.wrapper.nativeElement,le("picker",this.fillMode)),"none"!==e&&this.renderer.addClass(this.wrapper.nativeElement,le("picker",t)),this._fillMode=t},enumerable:!1,configurable:!0}),Object.defineProperty(M.prototype,"isFocused",{get:function(){return this._isFocused},set:function(e){this.renderer[e?"addClass":"removeClass"](this.wrapper.nativeElement,"k-focus"),this._isFocused=e},enumerable:!1,configurable:!0}),Object.defineProperty(M.prototype,"width",{get:function(){var e=this.wrapper.nativeElement.offsetWidth,t=this.popupSettings.width||e;return{min:isNaN(e)?e:e+"px",max:isNaN(t)?t:t+"px"}},enumerable:!1,configurable:!0}),Object.defineProperty(M.prototype,"height",{get:function(){var e=this.popupSettings.height;return c(e)?e+"px":"auto"},enumerable:!1,configurable:!0}),Object.defineProperty(M.prototype,"isOpen",{get:function(){return c(this.popupRef)},enumerable:!1,configurable:!0}),Object.defineProperty(M.prototype,"clearButtonVisiblity",{get:function(){if(this.touchEnabled)return"visible"},enumerable:!1,configurable:!0}),Object.defineProperty(M.prototype,"isExpanded",{get:function(){return this.isNodeExpanded},set:function(e){this.isNodeExpanded=e},enumerable:!1,configurable:!0}),Object.defineProperty(M.prototype,"expand",{get:function(){return this.nodeExpand},enumerable:!1,configurable:!0}),Object.defineProperty(M.prototype,"collapse",{get:function(){return this.nodeCollapse},enumerable:!1,configurable:!0}),Object.defineProperty(M.prototype,"nodes",{get:function(){return this.data},set:function(e){this.data=e},enumerable:!1,configurable:!0}),Object.defineProperty(M.prototype,"children",{get:function(){return this.fetchChildren},set:function(e){this.fetchChildren=e},enumerable:!1,configurable:!0}),Object.defineProperty(M.prototype,"isVisible",{get:function(){return this.isNodeVisible},set:function(e){this.isNodeVisible=e},enumerable:!1,configurable:!0}),M.prototype.ngOnInit=function(){var t=this;this.renderer.removeAttribute(this.wrapper.nativeElement,"tabindex"),this.assignAriaDescribedBy(),this.subscriptions.push(this.localization.changes.subscribe(function(e){e=e.rtl;t.direction=e?"rtl":"ltr",t.cdr.markForCheck()})),this.setComponentClasses()},M.prototype.ngOnDestroy=function(){this.destroyPopup(),this.unsubscribeEvents()},M.prototype.ngOnChanges=function(e){l.anyChanged(["textField","valueField","valuePrimitive"],e,!1)&&this.setState()},M.prototype.ngAfterContentChecked=function(){this.verifySettings()},M.prototype.isEmpty=function(){return!this.text&&!this.placeholder},M.prototype.togglePopup=function(e){var t=this.disabled||this.readonly,n=this.isOpen===e;t||n||this.triggerPopupEvents(e)||(e?this.createPopup():this.destroyPopup())},M.prototype.handleFocus=function(e){var t=this;e.target===this.wrapper.nativeElement&&(e.stopImmediatePropagation(),this.isFocused||(this.isFocused=!0,l.hasObservers(this.onFocus)&&this._zone.run(function(){t.onFocus.emit()})))},M.prototype.handleBlur=function(e){var t=this,e=e&&e.relatedTarget;this.wrapper.nativeElement.contains(e)||this.isOpen&&this.popupRef.popupElement.contains(e)||(this.isFocused=!1,l.hasObservers(this.onBlur)||te(this.wrapper.nativeElement)?this._zone.run(function(){t.togglePopup(!1),t.onBlur.emit(),t.onTouchedCallback()}):this.togglePopup(!1))},M.prototype.focusItemAt=function(e){var t;this.treeview&&(t=this.treeview.itemLookup(e),c(t)&&!this.treeview.isDisabled(t.item.dataItem,t.item.index)&&this.treeview.focus(e))},M.prototype.focus=function(){this.disabled||this.wrapper.nativeElement.focus()},M.prototype.blur=function(){this.disabled||this.wrapper.nativeElement.blur()},M.prototype.reset=function(){this.value=void 0,this.dataItem=void 0},M.prototype.toggle=function(t){var n=this;Promise.resolve(null).then(function(){var e=c(t)?t:!c(n.popupRef);n.destroyPopup(),e&&n.createPopup()})},Object.defineProperty(M.prototype,"popupContainerClasses",{get:function(){var e=["k-popup-dropdowntree"];return this.popupSettings.popupClass&&e.push(this.popupSettings.popupClass),e},enumerable:!1,configurable:!0}),M.prototype.onSelectionChange=function(e){var t=e.dataItem,e=e.index,e=(this.valueDepth=e.split("_").length-1,this.getField(this.valueField,t)),e=this.valuePrimitive?V.getter(e)(t):t;e!==this.value&&(this.value=e,this.dataItem=t,this.emitValueChange(this.value)),this.togglePopup(!1),this.focus()},M.prototype.messageFor=function(e){return this.localization.get(e)},M.prototype.clearValue=function(e){e.stopImmediatePropagation(),this.focus(),this.value=void 0,this.dataItem=void 0,this.clearState(),this.valueChange.emit(void 0),this.emitValueChange()},Object.defineProperty(M.prototype,"appendTo",{get:function(){var e=this.popupSettings.appendTo;if(e&&"root"!==e)return"component"===e?this.container:e},enumerable:!1,configurable:!0}),M.prototype.preventEventDefault=function(e){e.preventDefault()},M.prototype.writeValue=function(e){!c(e)&&c(this.value)&&(this.dataItem=null),this.value=null===e?void 0:e},M.prototype.registerOnChange=function(e){this.onChangeCallback=e},M.prototype.registerOnTouched=function(e){this.onTouchedCallback=e},M.prototype.setDisabledState=function(e){this.disabled=e,this.cdr.markForCheck()},M.prototype.handleFilterInputChange=function(e){var n=this;this.filterChange.next(e.value),this.allNodesHidden=this.nodes.every(function(e,t){return!n.isVisible(e,String(t))})},Object.defineProperty(M.prototype,"buttonClasses",{get:function(){return this.loading?"k-i-loading k-input-loading-icon":"k-i-arrow-s"},enumerable:!1,configurable:!0}),Object.defineProperty(M.prototype,"selectButtonClasses",{get:function(){return(this.size?d("button",this.size):"")+" "+(this.fillMode?"k-button-"+this.fillMode:"")+" "+(this.fillMode?"k-button-"+this.fillMode+"-base":"")},enumerable:!1,configurable:!0}),Object.defineProperty(M.prototype,"filterInputClasses",{get:function(){return(this.size?d("input",this.size):"")+" "+(this.fillMode?"k-input-"+this.fillMode:"")+" "+(this.rounded?u(this.rounded):"")},enumerable:!1,configurable:!0}),M.prototype.verifySettings=function(){if(h.isDevMode()){if(!0===this.valuePrimitive&&c(this.value)&&"object"==typeof this.value)throw new Error(rt);if(!0===this.valuePrimitive&&c(this.value)&&"object"!=typeof this.dataItem)throw new Error(pt);if(!1===this.valuePrimitive&&c(this.value)&&"object"!=typeof this.value)throw new Error(lt);if(!c(this.valueField)||!c(this.textField))throw new Error(dt);if((pe(this.valueField)||pe(this.textField))&&c(this.value)&&!c(this.valueDepth))throw new Error(ut)}},M.prototype.emitValueChange=function(e){this.onChangeCallback(e),this.valueChange.emit(e)},M.prototype.getText=function(e,t){return c(t)&&c(e)?(e=this.getField(e,t),V.getter(e)(t)):null},M.prototype.getField=function(e,t){var n=e.length-1;return"string"==typeof e?e:c(this.valueDepth)?n<this.valueDepth?e[n]:e[this.valueDepth]:e.find(function(e){return e in t})},M.prototype.triggerPopupEvents=function(e){var t=new ke;return(e?this.open:this.close).emit(t),t.isDefaultPrevented()},M.prototype.createPopup=function(){var e=this,t="rtl"===this.direction?"right":"left",t=(this.popupRef=this.popupService.open({anchor:this.wrapper,appendTo:this.appendTo,anchorAlign:{horizontal:t,vertical:"bottom"},content:this.popupTemplate,popupAlign:{horizontal:t,vertical:"top"},positionMode:"absolute",popupClass:this.popupContainerClasses}),this.popupRef.popupElement),n=this.width,i=n.min,n=n.max;t.style.minWidth=i,t.style.width=n,t.style.height=this.height,t.setAttribute("dir",this.direction),this.popupRef.popupOpen.subscribe(function(){e.cdr.detectChanges(),e.opened.emit()}),this.popupRef.popupClose.subscribe(function(){e.closed.emit()})},M.prototype.destroyPopup=function(){var e=this;this.popupRef&&(this.popupRef.close(),this.popupRef=null,""!==this.filter&&(this.filter="",this.allNodesHidden=!1,l.hasObservers(this.filterChange)&&this._zone.run(function(){e.filterChange.emit("")})))},M.prototype.handleEscape=function(){this.togglePopup(!1),this.focus()},M.prototype.setState=function(){var e;c(this.value)&&c(this.dataItem)&&c(this.valueField)?(this.text=this.getText(this.textField,this.dataItem),e=this.getField(this.valueField,this.dataItem),this.selectBy=e,this.selectedKeys=[V.getter(e)(this.dataItem)]):this.clearState(),this.cdr.markForCheck()},M.prototype.clearState=function(){this.text=void 0,this.selectedKeys=[]},M.prototype.subscribeEvents=function(){var t=this;this.subscriptions.push(this.navigationService.open.subscribe(function(){return t.togglePopup(!0)}),this.navigationService.close.subscribe(function(){t.togglePopup(!1),t.focus()}),this.navigationService.enter.pipe(m.tap(function(e){return e.originalEvent.preventDefault()})).subscribe(function(){return t.togglePopup(!0)}),this.navigationService.esc.subscribe(function(){return t.handleEscape()}),this.navigationService.tab.subscribe(function(){return t.focus()}),this.navigationService.down.subscribe(function(e){t.treeview&&(e.originalEvent.preventDefault(),t.treeview.isActive||t.treeview.focus())}),this.navigationService.up.subscribe(function(e){t.treeview&&(e.originalEvent.preventDefault(),t.filterable&&"0"===t.treeview.navigationService.activeIndex&&t.filterInput.nativeElement.focus())}))},M.prototype.subscribeTouchEvents=function(){var t=this;l.isDocumentAvailable()&&this.touchEnabled&&this._zone.runOutsideAngular(function(){return t.touchstartDisposeHandler=t.renderer.listen(document,"touchstart",function(e){e=e.target;t.isFocused&&!oe(t.wrapper,e,t.popupRef)&&t._zone.run(function(){t.isOpen&&t.treeview.blur(),t.blur()})})})},M.prototype.subscribeFocusEvents=function(){var e=this;l.isDocumentAvailable()&&(this.handleFocus=this.handleFocus.bind(this),this.handleDocumentBlur=this.handleDocumentBlur.bind(this),this._zone.runOutsideAngular(function(){document.addEventListener("focus",e.handleFocus,!0),document.addEventListener("blur",e.handleDocumentBlur,!0)}))},M.prototype.unSubscribeFocusEvents=function(){l.isDocumentAvailable()&&(document.removeEventListener("focus",this.handleFocus,!0),document.removeEventListener("blur",this.handleDocumentBlur,!0))},M.prototype.unsubscribeEvents=function(){this.subscriptions.forEach(function(e){return e.unsubscribe()}),this.unSubscribeFocusEvents(),this.touchstartDisposeHandler&&this.touchstartDisposeHandler()},M.prototype.handleDocumentBlur=function(e){e.target===this.wrapper.nativeElement&&(e.stopImmediatePropagation(),this.handleBlur(e))},M.prototype.assignAriaDescribedBy=function(){var e=this.wrapper.nativeElement.getAttribute("aria-describedby")||"",e=(this.valueLabelId+" "+e.trim()).trim();this.renderer.setAttribute(this.wrapper.nativeElement,"aria-describedby",e)},M.prototype.setComponentClasses=function(){"none"!==this.size&&this.renderer.addClass(this.wrapper.nativeElement,d("picker",this.size)),"none"!==this.rounded&&this.renderer.addClass(this.wrapper.nativeElement,u(this.rounded)),"none"!==this.fillMode&&this.renderer.addClass(this.wrapper.nativeElement,le("picker",this.fillMode))},M);function M(e,t,n,i,o,s,a,r){this.wrapper=e,this.popupService=t,this.navigationService=n,this.renderer=i,this._zone=o,this.cdr=s,this.localization=a,this.touchEnabled=r,this.hostClasses=!0,this.role="listbox",this.ariaHasPopup="tree",this.open=new h.EventEmitter,this.opened=new h.EventEmitter,this.close=new h.EventEmitter,this.closed=new h.EventEmitter,this.nodeExpand=new h.EventEmitter,this.nodeCollapse=new h.EventEmitter,this.onFocus=new h.EventEmitter,this.onBlur=new h.EventEmitter,this.valueChange=new h.EventEmitter,this.filterChange=new h.EventEmitter,this.clearButton=!0,this.hasChildren=Rt,this.fetchChildren=At,this.placeholder="",this.listHeight=200,this.disabled=!1,this.readonly=!1,this.valuePrimitive=!1,this.itemDisabled=Bt,this.isNodeVisible=Vt,this.loadOnDemand=!0,this.filterable=!1,this.filter="",this.focusableId="k-"+l.guid(),this.selectedKeys=[],this.filterStateChange=new h.EventEmitter,this.allNodesHidden=!1,this.valueLabelId="k-"+l.guid(),this._popupSettings=Lt,this._tabindex=0,this._isFocused=!1,this._size="medium",this._rounded="medium",this._fillMode="solid",this.subscriptions=[],this.onTouchedCallback=ne,this.onChangeCallback=ne,this.direction=a.rtl?"rtl":"ltr",this.subscribeEvents(),this.subscribeTouchEvents(),this.subscribeFocusEvents()}_t.ɵfac=s.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:s,type:_t,deps:[{token:s.ElementRef},{token:j.PopupService},{token:T},{token:s.Renderer2},{token:s.NgZone},{token:s.ChangeDetectorRef},{token:r.LocalizationService},{token:De,optional:!0}],target:s.ɵɵFactoryTarget.Component}),_t.ɵcmp=s.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:_t,selector:"kendo-dropdowntree",inputs:{loading:"loading",clearButton:"clearButton",data:"data",value:"value",textField:"textField",valueField:"valueField",valueDepth:"valueDepth",hasChildren:"hasChildren",fetchChildren:"fetchChildren",placeholder:"placeholder",popupSettings:"popupSettings",dataItem:"dataItem",listHeight:"listHeight",disabled:"disabled",readonly:"readonly",valuePrimitive:"valuePrimitive",tabindex:"tabindex",size:"size",rounded:"rounded",fillMode:"fillMode",itemDisabled:"itemDisabled",isNodeExpanded:"isNodeExpanded",isNodeVisible:"isNodeVisible",loadOnDemand:"loadOnDemand",filterable:"filterable",filter:"filter",focusableId:"focusableId"},outputs:{open:"open",opened:"opened",close:"close",closed:"closed",nodeExpand:"nodeExpand",nodeCollapse:"nodeCollapse",onFocus:"focus",onBlur:"blur",valueChange:"valueChange",filterChange:"filterChange"},host:{listeners:{click:"handleClick()",keydown:"handleKeydown($event)"},properties:{"class.k-dropdowntree":"this.hostClasses","class.k-picker":"this.hostClasses","class.k-disabled":"this.isDisabled","attr.aria-disabled":"this.isDisabled","class.k-loading":"this.isLoading","attr.id":"this.id","attr.dir":"this.direction","attr.tabindex":"this.hostTabIndex","attr.role":"this.role","attr.aria-haspopup":"this.ariaHasPopup","attr.aria-expanded":"this.isAriaExpanded","attr.readonly":"this.isReadonly","attr.aria-readonly":"this.isReadonly"}},providers:[I,C,T,x,n.LocalizationService,{provide:n.L10N_PREFIX,useValue:"kendo.dropdowntree"},{multi:!0,provide:t.NG_VALUE_ACCESSOR,useExisting:h.forwardRef(function(){return _t})},{provide:l.KendoInput,useExisting:h.forwardRef(function(){return _t})},{provide:o.DataBoundComponent,useExisting:h.forwardRef(function(){return _t})},{provide:o.ExpandableComponent,useExisting:h.forwardRef(function(){return _t})}],queries:[{propertyName:"noDataTemplate",first:!0,predicate:D,descendants:!0},{propertyName:"headerTemplate",first:!0,predicate:y,descendants:!0},{propertyName:"footerTemplate",first:!0,predicate:k,descendants:!0},{propertyName:"nodeTemplate",first:!0,predicate:Nt,descendants:!0},{propertyName:"valueTemplate",first:!0,predicate:Ve,descendants:!0}],viewQueries:[{propertyName:"popupTemplate",first:!0,predicate:["popupTemplate"],descendants:!0,static:!0},{propertyName:"container",first:!0,predicate:["container"],descendants:!0,read:h.ViewContainerRef,static:!0},{propertyName:"treeview",first:!0,predicate:["treeview"],descendants:!0},{propertyName:"filterInput",first:!0,predicate:["filterInput"],descendants:!0}],exportAs:["kendoDropDownTree"],usesOnChanges:!0,ngImport:s,template:'\n        <ng-container kendoDropDownTreeLocalizedMessages\n            i18n-noDataText="kendo.dropdowntree.noDataText|The text displayed in the popup when there are no items"\n            noDataText="NO DATA FOUND"\n\n            i18n-clearTitle="kendo.dropdowntree.clearTitle|The title of the clear button"\n            clearTitle="clear"\n\n            i18n-selectButtonText="kendo.dropdowntree.selectButtonText|The text set as aria-label on the select button"\n            selectButtonText="Select"\n        >\n        </ng-container>\n        <span\n            [attr.id]="valueLabelId"\n            class="k-input-inner"\n            role="option"\n        >\n            <span class="k-input-value-text">\n                <ng-template *ngIf="valueTemplate"\n                    [templateContext]="{\n                        templateRef: valueTemplate.templateRef,\n                        $implicit: dataItem\n                    }">\n                </ng-template>\n                <ng-template [ngIf]="!valueTemplate"> {{ text || placeholder }} </ng-template>\n            </span>\n        </span>\n        <span\n            *ngIf="!loading && !readonly && clearButton && text?.length && !disabled"\n            class="k-clear-value"\n            [style.visibility]="clearButtonVisiblity"\n            aria-hidden="true"\n            [attr.title]="messageFor(\'clearTitle\')"\n            (click)="clearValue($event)"\n        >\n            <span class="k-icon k-i-x"></span>\n        </span>\n        <button\n            tabindex="-1"\n            type="button"\n            aria-hidden="true"\n            class="k-input-button k-button k-icon-button"\n            [ngClass]="selectButtonClasses"\n            [attr.aria-label]="messageFor(\'selectButtonText\')"\n        >\n            <span\n                class="k-button-icon k-icon"\n                [ngClass]="buttonClasses"\n            ></span>\n        </button>\n        <ng-template #popupTemplate>\n            <span\n                *ngIf="filterable"\n                class="k-list-filter"\n            >\n                <span\n                    class="k-textbox k-input"\n                    [ngClass]="filterInputClasses"\n                >\n                    <span class="k-input-prefix">\n                        <span class="k-input-icon k-icon k-i-search"></span>\n                    </span>\n                    <input\n                        #filterInput\n                        (input)="handleFilterInputChange($event.target)"\n                        [filterInput]="filterable && !touchEnabled"\n                        (keydown.arrowdown)="handleKeydown($event)"\n                        (keydown.alt.arrowup)="handleKeydown($event)"\n                        [(ngModel)]="filter"\n                        class="k-input-inner"\n                        role="textbox"\n                        aria-haspopup="true"\n                        aria-expanded="false"\n                        tabindex="0"\n                        aria-disabled="false"\n                        aria-readonly="false"\n                        [kendoEventsOutsideAngular]="{\n                            blur: handleBlur\n                        }"\n                        [scope]="this"\n                    >\n                </span>\n            </span>\n            \x3c!--header template--\x3e\n            <ng-template\n                *ngIf="headerTemplate"\n                [templateContext]="{\n                    templateRef: headerTemplate?.templateRef\n                }">\n            </ng-template>\n            <kendo-treeview\n                #treeview\n                *ngIf="data.length !== 0 && !allNodesHidden"\n                [size]="size"\n                [nodes]="data"\n                [style.maxHeight.px]="listHeight"\n                [animate]="false"\n                [(selectedKeys)]="selectedKeys"\n                [selectBy]="selectBy"\n                [textField]="textField"\n                kendoTreeViewSelectable\n                [children]="children"\n                [hasChildren]="hasChildren"\n                [loadOnDemand]="loadOnDemand"\n                [isExpanded]="isNodeExpanded"\n                [isDisabled]="itemDisabled"\n                [nodeTemplate]="nodeTemplate"\n                [filter]="filter"\n                [isVisible]="isNodeVisible"\n                (focusout)="handleBlur($event)"\n                (keydown)="handleKeydown($event)"\n                (selectionChange)="onSelectionChange($event)"\n                (expand)="nodeExpand.emit($event)"\n                (collapse)="nodeCollapse.emit($event)"\n            >\n            </kendo-treeview>\n            \x3c!--footer template--\x3e\n            <ng-template\n                *ngIf="footerTemplate"\n                [templateContext]="{\n                    templateRef: footerTemplate?.templateRef\n                }">\n            </ng-template>\n            \x3c!--no-data template--\x3e\n            <div class="k-no-data" *ngIf="data.length === 0 || allNodesHidden">\n                <ng-template [ngIf]="noDataTemplate"\n                    [templateContext]="{\n                        templateRef: noDataTemplate?.templateRef\n                    }">\n                </ng-template>\n                <ng-template [ngIf]="!noDataTemplate">\n                    <div>{{ messageFor(\'noDataText\') }}</div>\n                </ng-template>\n            </div>\n        </ng-template>\n        <ng-container #container></ng-container>\n    ',isInline:!0,components:[{type:H.TreeViewComponent,selector:"kendo-treeview",inputs:["filterInputPlaceholder","animate","nodeTemplate","loadMoreButtonTemplate","trackBy","nodes","textField","hasChildren","isChecked","isDisabled","isExpanded","isSelected","isVisible","navigable","children","loadOnDemand","filterable","filter","size"],outputs:["childrenLoaded","blur","focus","expand","collapse","nodeDragStart","nodeDrag","filterStateChange","nodeDrop","nodeDragEnd","addItem","removeItem","checkedChange","selectionChange","filterChange","nodeClick","nodeDblClick"],exportAs:["kendoTreeView"]}],directives:[{type:Ae,selector:"\n    [kendoDropDownListLocalizedMessages],\n    [kendoDropDownTreeLocalizedMessages],\n    [kendoComboBoxLocalizedMessages],\n    [kendoMultiColumnComboBoxLocalizedMessages],\n    [kendoAutoCompleteLocalizedMessages],\n    [kendoMultiSelectLocalizedMessages],\n    [kendoMultiSelectTreeLocalizedMessages]\n  "},{type:p.NgIf,selector:"[ngIf]",inputs:["ngIf","ngIfThen","ngIfElse"]},{type:Se,selector:"[templateContext]",inputs:["templateContext"]},{type:p.NgClass,selector:"[ngClass]",inputs:["class","ngClass"]},{type:_.DefaultValueAccessor,selector:"input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]"},{type:ht,selector:"[filterInput]",inputs:["filterInput"]},{type:_.NgControlStatus,selector:"[formControlName],[ngModel],[formControl]"},{type:_.NgModel,selector:"[ngModel]:not([formControlName]):not([formControl])",inputs:["name","disabled","ngModel","ngModelOptions"],outputs:["ngModelChange"],exportAs:["ngModel"]},{type:a.EventsOutsideAngularDirective,selector:"[kendoEventsOutsideAngular]",inputs:["kendoEventsOutsideAngular","scope"]},{type:H.SelectDirective,selector:"[kendoTreeViewSelectable]",inputs:["isSelected","selectBy","kendoTreeViewSelectable","selectedKeys"],outputs:["selectedKeysChange"]}],changeDetection:s.ChangeDetectionStrategy.OnPush}),s.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:s,type:_t,decorators:[{type:h.Component,args:[{exportAs:"kendoDropDownTree",providers:[I,C,T,x,n.LocalizationService,{provide:n.L10N_PREFIX,useValue:"kendo.dropdowntree"},{multi:!0,provide:t.NG_VALUE_ACCESSOR,useExisting:h.forwardRef(function(){return _t})},{provide:l.KendoInput,useExisting:h.forwardRef(function(){return _t})},{provide:o.DataBoundComponent,useExisting:h.forwardRef(function(){return _t})},{provide:o.ExpandableComponent,useExisting:h.forwardRef(function(){return _t})}],selector:"kendo-dropdowntree",template:'\n        <ng-container kendoDropDownTreeLocalizedMessages\n            i18n-noDataText="kendo.dropdowntree.noDataText|The text displayed in the popup when there are no items"\n            noDataText="NO DATA FOUND"\n\n            i18n-clearTitle="kendo.dropdowntree.clearTitle|The title of the clear button"\n            clearTitle="clear"\n\n            i18n-selectButtonText="kendo.dropdowntree.selectButtonText|The text set as aria-label on the select button"\n            selectButtonText="Select"\n        >\n        </ng-container>\n        <span\n            [attr.id]="valueLabelId"\n            class="k-input-inner"\n            role="option"\n        >\n            <span class="k-input-value-text">\n                <ng-template *ngIf="valueTemplate"\n                    [templateContext]="{\n                        templateRef: valueTemplate.templateRef,\n                        $implicit: dataItem\n                    }">\n                </ng-template>\n                <ng-template [ngIf]="!valueTemplate"> {{ text || placeholder }} </ng-template>\n            </span>\n        </span>\n        <span\n            *ngIf="!loading && !readonly && clearButton && text?.length && !disabled"\n            class="k-clear-value"\n            [style.visibility]="clearButtonVisiblity"\n            aria-hidden="true"\n            [attr.title]="messageFor(\'clearTitle\')"\n            (click)="clearValue($event)"\n        >\n            <span class="k-icon k-i-x"></span>\n        </span>\n        <button\n            tabindex="-1"\n            type="button"\n            aria-hidden="true"\n            class="k-input-button k-button k-icon-button"\n            [ngClass]="selectButtonClasses"\n            [attr.aria-label]="messageFor(\'selectButtonText\')"\n        >\n            <span\n                class="k-button-icon k-icon"\n                [ngClass]="buttonClasses"\n            ></span>\n        </button>\n        <ng-template #popupTemplate>\n            <span\n                *ngIf="filterable"\n                class="k-list-filter"\n            >\n                <span\n                    class="k-textbox k-input"\n                    [ngClass]="filterInputClasses"\n                >\n                    <span class="k-input-prefix">\n                        <span class="k-input-icon k-icon k-i-search"></span>\n                    </span>\n                    <input\n                        #filterInput\n                        (input)="handleFilterInputChange($event.target)"\n                        [filterInput]="filterable && !touchEnabled"\n                        (keydown.arrowdown)="handleKeydown($event)"\n                        (keydown.alt.arrowup)="handleKeydown($event)"\n                        [(ngModel)]="filter"\n                        class="k-input-inner"\n                        role="textbox"\n                        aria-haspopup="true"\n                        aria-expanded="false"\n                        tabindex="0"\n                        aria-disabled="false"\n                        aria-readonly="false"\n                        [kendoEventsOutsideAngular]="{\n                            blur: handleBlur\n                        }"\n                        [scope]="this"\n                    >\n                </span>\n            </span>\n            \x3c!--header template--\x3e\n            <ng-template\n                *ngIf="headerTemplate"\n                [templateContext]="{\n                    templateRef: headerTemplate?.templateRef\n                }">\n            </ng-template>\n            <kendo-treeview\n                #treeview\n                *ngIf="data.length !== 0 && !allNodesHidden"\n                [size]="size"\n                [nodes]="data"\n                [style.maxHeight.px]="listHeight"\n                [animate]="false"\n                [(selectedKeys)]="selectedKeys"\n                [selectBy]="selectBy"\n                [textField]="textField"\n                kendoTreeViewSelectable\n                [children]="children"\n                [hasChildren]="hasChildren"\n                [loadOnDemand]="loadOnDemand"\n                [isExpanded]="isNodeExpanded"\n                [isDisabled]="itemDisabled"\n                [nodeTemplate]="nodeTemplate"\n                [filter]="filter"\n                [isVisible]="isNodeVisible"\n                (focusout)="handleBlur($event)"\n                (keydown)="handleKeydown($event)"\n                (selectionChange)="onSelectionChange($event)"\n                (expand)="nodeExpand.emit($event)"\n                (collapse)="nodeCollapse.emit($event)"\n            >\n            </kendo-treeview>\n            \x3c!--footer template--\x3e\n            <ng-template\n                *ngIf="footerTemplate"\n                [templateContext]="{\n                    templateRef: footerTemplate?.templateRef\n                }">\n            </ng-template>\n            \x3c!--no-data template--\x3e\n            <div class="k-no-data" *ngIf="data.length === 0 || allNodesHidden">\n                <ng-template [ngIf]="noDataTemplate"\n                    [templateContext]="{\n                        templateRef: noDataTemplate?.templateRef\n                    }">\n                </ng-template>\n                <ng-template [ngIf]="!noDataTemplate">\n                    <div>{{ messageFor(\'noDataText\') }}</div>\n                </ng-template>\n            </div>\n        </ng-template>\n        <ng-container #container></ng-container>\n    ',changeDetection:h.ChangeDetectionStrategy.OnPush}]}],ctorParameters:function(){return[{type:s.ElementRef},{type:j.PopupService},{type:T},{type:s.Renderer2},{type:s.NgZone},{type:s.ChangeDetectorRef},{type:r.LocalizationService},{type:void 0,decorators:[{type:h.Optional},{type:h.Inject,args:[De]}]}]},propDecorators:{hostClasses:[{type:h.HostBinding,args:["class.k-dropdowntree"]},{type:h.HostBinding,args:["class.k-picker"]}],isDisabled:[{type:h.HostBinding,args:["class.k-disabled"]},{type:h.HostBinding,args:["attr.aria-disabled"]}],isLoading:[{type:h.HostBinding,args:["class.k-loading"]}],id:[{type:h.HostBinding,args:["attr.id"]}],direction:[{type:h.HostBinding,args:["attr.dir"]}],hostTabIndex:[{type:h.HostBinding,args:["attr.tabindex"]}],role:[{type:h.HostBinding,args:["attr.role"]}],ariaHasPopup:[{type:h.HostBinding,args:["attr.aria-haspopup"]}],isAriaExpanded:[{type:h.HostBinding,args:["attr.aria-expanded"]}],isReadonly:[{type:h.HostBinding,args:["attr.readonly"]},{type:h.HostBinding,args:["attr.aria-readonly"]}],handleClick:[{type:h.HostListener,args:["click"]}],handleKeydown:[{type:h.HostListener,args:["keydown",["$event"]]}],noDataTemplate:[{type:h.ContentChild,args:[D,{static:!1}]}],headerTemplate:[{type:h.ContentChild,args:[y,{static:!1}]}],footerTemplate:[{type:h.ContentChild,args:[k,{static:!1}]}],nodeTemplate:[{type:h.ContentChild,args:[Nt,{static:!1}]}],valueTemplate:[{type:h.ContentChild,args:[Ve,{static:!1}]}],popupTemplate:[{type:h.ViewChild,args:["popupTemplate",{static:!0}]}],container:[{type:h.ViewChild,args:["container",{read:h.ViewContainerRef,static:!0}]}],treeview:[{type:h.ViewChild,args:["treeview",{static:!1}]}],filterInput:[{type:h.ViewChild,args:["filterInput",{static:!1}]}],open:[{type:h.Output}],opened:[{type:h.Output}],close:[{type:h.Output}],closed:[{type:h.Output}],nodeExpand:[{type:h.Output}],nodeCollapse:[{type:h.Output}],onFocus:[{type:h.Output,args:["focus"]}],onBlur:[{type:h.Output,args:["blur"]}],valueChange:[{type:h.Output}],filterChange:[{type:h.Output}],loading:[{type:h.Input}],clearButton:[{type:h.Input}],data:[{type:h.Input}],value:[{type:h.Input}],textField:[{type:h.Input}],valueField:[{type:h.Input}],valueDepth:[{type:h.Input}],hasChildren:[{type:h.Input}],fetchChildren:[{type:h.Input}],placeholder:[{type:h.Input}],popupSettings:[{type:h.Input}],dataItem:[{type:h.Input}],listHeight:[{type:h.Input}],disabled:[{type:h.Input}],readonly:[{type:h.Input}],valuePrimitive:[{type:h.Input}],tabindex:[{type:h.Input}],size:[{type:h.Input}],rounded:[{type:h.Input}],fillMode:[{type:h.Input}],itemDisabled:[{type:h.Input}],isNodeExpanded:[{type:h.Input}],isNodeVisible:[{type:h.Input}],loadOnDemand:[{type:h.Input}],filterable:[{type:h.Input}],filter:[{type:h.Input}],focusableId:[{type:h.Input}]}});Ht.prototype.addItem=function(e){var t;this.isItemChecked(e)||(t=se(e.index),e=Object.assign(Object.assign({},e),{level:t}),this.checkedItems.push(e),this.checkedKeys.add(this.getKey(e)))},Ht.prototype.removeItem=function(e){var t,n,i=this;this.isItemChecked(e)&&(t=se(e.index),n=Object.assign(Object.assign({},e),{level:t}),this.checkedItems=this.checkedItems.filter(function(e){return re(e,i.valueField)!==re(n,i.valueField)}),this.checkedKeys.delete(this.getKey(n)))},Ht.prototype.isItemChecked=function(e){var t=e.index.split("_").length-1;return e.level=t,this.checkedKeys.has(this.getKey(e))},Ht.prototype.updateItems=function(){var t=this;this.checkedItems=this.checkedItems||[],this.checkedKeys=new Set(this.checkedItems.map(function(e){return t.getKey(e)}))},Ht.prototype.getKey=function(e){return pe(this.valueField)?re(e,this.valueField)+"_"+e.level:re(e,this.valueField)};var jt=Ht;function Ht(){}jt.ɵfac=s.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:s,type:jt,deps:[],target:s.ɵɵFactoryTarget.Directive}),jt.ɵdir=s.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.16",type:jt,inputs:{valueField:"valueField",checkedItems:"checkedItems"},ngImport:s}),s.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:s,type:jt,decorators:[{type:h.Directive}],propDecorators:{valueField:[{type:h.Input}],checkedItems:[{type:h.Input}]}});G(Gt,$t=jt),Gt.prototype.handleChange=function(e){var n=this;this.currentCheckedState=e.checked,this.currentIndeterminateState=this.isIndeterminate,this.treeview.nodes.map(function(e,t){t=String(t),t=n.treeview.itemLookup(t);n.checkNode(t)}),this.checkedItemsChange.emit(this.checkedItems.slice())},Object.defineProperty(Gt.prototype,"isIndeterminate",{get:function(){var n=this,e=this.treeview.nodes.some(function(e,t){t=String(t),t=n.treeview.itemLookup(t);return n.someChecked(t)});return!this.isChecked&&e},enumerable:!1,configurable:!0}),Object.defineProperty(Gt.prototype,"isChecked",{get:function(){var n=this;return this.treeview.nodes.every(function(e,t){t=String(t),t=n.treeview.itemLookup(t);return n.allChecked(t)})},enumerable:!1,configurable:!0}),Gt.prototype.ngOnChanges=function(e){c(e.checkedItems)&&(this.updateItems(),this.renderer.setProperty(this.element.nativeElement,"checked",this.isChecked),this.renderer.setProperty(this.element.nativeElement,"indeterminate",this.isIndeterminate))},Gt.prototype.ngOnInit=function(){var e=this;this.focused&&this.nextTick(function(){return e.element.nativeElement.focus()})},Gt.prototype.nextTick=function(e){this.zone.runOutsideAngular(function(){return setTimeout(e)})},Gt.prototype.checkNode=function(e){var t,n=this;this.treeview.isDisabled(e.item.dataItem,e.item.index)||((t=[]).push(e.item),ae(e,function(e){return n.treeview.isVisible(e.dataItem,e.index)&&!n.treeview.isDisabled(e.dataItem,e.index)}).forEach(function(e){return t.push(e.item)}),t.forEach(function(e){n.currentIndeterminateState?"check"===n.lastAction?n.addItem(e):n.removeItem(e):n.currentCheckedState?n.addItem(e):n.removeItem(e)}))},Gt.prototype.allChecked=function(e){var t=this,n=e&&e.children;if(Array.isArray(n))return n.every(function(e){return e.children.length?t.isItemChecked(e.item)&&t.allChecked(e):t.isItemChecked(e.item)})&&this.isItemChecked(e.item)},Gt.prototype.someChecked=function(e){var t=this,n=e&&e.children;if(Array.isArray(n))return n.some(function(e){return e.children.length?t.isItemChecked(e.item)||t.someChecked(e):t.isItemChecked(e.item)})||this.isItemChecked(e.item)};var $t,Kt=Gt;function Gt(e,t,n,i){var o=$t.call(this)||this;return o.element=e,o.zone=t,o.cdr=n,o.renderer=i,o.checkedItemsChange=new h.EventEmitter,o.checkedKeys=new Set,o}Kt.ɵfac=s.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:s,type:Kt,deps:[{token:s.ElementRef},{token:s.NgZone},{token:s.ChangeDetectorRef},{token:s.Renderer2}],target:s.ɵɵFactoryTarget.Directive}),Kt.ɵdir=s.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.16",type:Kt,selector:"[checkAll]",inputs:{lastAction:"lastAction",treeview:"treeview",checkedItems:"checkedItems",valueField:"valueField",focused:["checkAll","focused"]},outputs:{checkedItemsChange:"checkedItemsChange"},host:{listeners:{change:"handleChange($event.target)"}},usesInheritance:!0,usesOnChanges:!0,ngImport:s}),s.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:s,type:Kt,decorators:[{type:h.Directive,args:[{selector:"[checkAll]"}]}],ctorParameters:function(){return[{type:s.ElementRef},{type:s.NgZone},{type:s.ChangeDetectorRef},{type:s.Renderer2}]},propDecorators:{lastAction:[{type:h.Input}],treeview:[{type:h.Input}],checkedItems:[{type:h.Input}],valueField:[{type:h.Input}],focused:[{type:h.Input,args:["checkAll"]}],checkedItemsChange:[{type:h.Output}],handleChange:[{type:h.HostListener,args:["change",["$event.target"]]}]}});G(Wt,Ut=jt),Wt.prototype.ngOnChanges=function(e){c(e.checkable)&&this.toggleCheckOnClick(),c(e.checkedItems)&&this.updateItems()},Wt.prototype.ngOnDestroy=function(){this.subscriptions.unsubscribe(),this.unsubscribeClick()},Wt.prototype.getCheckedState=function(e,t){return this.isItemChecked({dataItem:e,index:t})?"checked":this.checkable.checkChildren&&this.isItemIndeterminate(this.treeView.itemLookup(t))?"indeterminate":"none"},Wt.prototype.handleCheckedChange=function(e){this.checkNode(e),this.checkable.checkChildren&&this.checkParents(e.parent),this.checkedItemsChange.emit(this.checkedItems.slice())},Wt.prototype.toggleCheckOnClick=function(){var t=this;this.unsubscribeClick(),this.checkable.checkOnClick&&(this.clickSubscription=this.treeView.nodeClick.pipe(m.filter(function(e){return"click"===e.type})).subscribe(function(e){e=t.treeView.itemLookup(e.item.index);t.handleCheckedChange(e)}))},Wt.prototype.unsubscribeClick=function(){this.clickSubscription&&(this.clickSubscription.unsubscribe(),this.clickSubscription=null)},Wt.prototype.checkNode=function(e){var t,n,i,o=this;this.treeView.isDisabled(e.item.dataItem,e.item.index)||(t=e.item,n=[t],this.checkable.checkChildren&&ae(e,function(e){return o.treeView.isVisible(e.dataItem,e.index)&&!o.treeView.isDisabled(e.dataItem,e.index)}).forEach(function(e){return n.push(e.item)}),i=!this.isItemChecked(t),n.forEach(function(e){i?o.addItem(e):o.removeItem(e)}))},Wt.prototype.checkParents=function(e){for(var t=this,n=e;n;)n.children.every(function(e){return t.isItemChecked(e)})?this.addItem(n.item):this.removeItem(n.item),n=n.parent},Wt.prototype.isItemIndeterminate=function(e){var t=e.children;if(!Array.isArray(t)||0===t.length)return!1;for(var n=0,i=t[n];c(i);){if(this.isItemChecked(i.item)||this.isItemIndeterminate(i))return!0;i=t[n+=1]}return!1};var Ut,jt=Wt;function Wt(e){var t=Ut.call(this)||this;return t.treeView=e,t.checkedItemsChange=new h.EventEmitter,t.checkedKeys=new Set,t.subscriptions=new g.Subscription,t.subscriptions.add(t.treeView.checkedChange.subscribe(t.handleCheckedChange.bind(t))),t.treeView.isChecked=t.getCheckedState.bind(t),t}jt.ɵfac=s.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:s,type:jt,deps:[{token:H.TreeViewComponent}],target:s.ɵɵFactoryTarget.Directive}),jt.ɵdir=s.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.16",type:jt,selector:"[kendoMultiSelectTreeCheckable]",inputs:{checkable:"checkable",valueField:"valueField",checkedItems:"checkedItems"},outputs:{checkedItemsChange:"checkedItemsChange"},usesInheritance:!0,usesOnChanges:!0,ngImport:s}),s.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:s,type:jt,decorators:[{type:h.Directive,args:[{selector:"[kendoMultiSelectTreeCheckable]"}]}],ctorParameters:function(){return[{type:H.TreeViewComponent}]},propDecorators:{checkable:[{type:h.Input}],valueField:[{type:h.Input}],checkedItems:[{type:h.Input}],checkedItemsChange:[{type:h.Output}]}});function qt(){return!1}function Zt(){return g.of([])}function Xt(){return!1}function Qt(){return!0}var Jt={animate:!0},Yt={checkChildren:!0,checkOnClick:!0},en=(Object.defineProperty(z.prototype,"isDisabled",{get:function(){return this.disabled},enumerable:!1,configurable:!0}),Object.defineProperty(z.prototype,"isLoading",{get:function(){return this.loading},enumerable:!1,configurable:!0}),Object.defineProperty(z.prototype,"id",{get:function(){return this.focusableId},enumerable:!1,configurable:!0}),Object.defineProperty(z.prototype,"hostTabIndex",{get:function(){return this.tabindex},enumerable:!1,configurable:!0}),Object.defineProperty(z.prototype,"isAriaExpanded",{get:function(){return this.isOpen},enumerable:!1,configurable:!0}),Object.defineProperty(z.prototype,"isReadonly",{get:function(){return this.readonly},enumerable:!1,configurable:!0}),Object.defineProperty(z.prototype,"ariaDescribedBy",{get:function(){return this.tagListId},enumerable:!1,configurable:!0}),Object.defineProperty(z.prototype,"ariaActiveDescendant",{get:function(){return this.focusedTagId},enumerable:!1,configurable:!0}),z.prototype.handleClick=function(){this.togglePopup(!this.isOpen)},z.prototype.handleKeydown=function(e){this.isWrapperActive&&e.keyCode===l.Keys.Backspace&&0<this.tags.length?this.handleBackspace():this.disabled||this.readonly||this.navigationService.process({originalEvent:e=e})===b.Open&&e.preventDefault()},Object.defineProperty(z.prototype,"treeview",{get:function(){return this._treeview},set:function(e){var t=this;(this._treeview=e)&&((this.isFocused&&!this.filterable&&!this.checkAll||this.touchEnabled)&&e.focus(),Promise.resolve(null).then(function(){return t.treeview.animate=!0}))},enumerable:!1,configurable:!0}),Object.defineProperty(z.prototype,"tabindex",{get:function(){return this.disabled?-1:this._tabindex},set:function(e){e=ie(e);this._tabindex=isNaN(e)?0:e},enumerable:!1,configurable:!0}),Object.defineProperty(z.prototype,"size",{get:function(){return this._size},set:function(e){var t=e||"medium";this.renderer.removeClass(this.wrapper.nativeElement,d("input",this.size)),"none"!==e&&this.renderer.addClass(this.wrapper.nativeElement,d("input",t)),this._size=t},enumerable:!1,configurable:!0}),Object.defineProperty(z.prototype,"rounded",{get:function(){return this._rounded},set:function(e){var t=e||"medium";this.renderer.removeClass(this.wrapper.nativeElement,u(this.rounded)),"none"!==e&&this.renderer.addClass(this.wrapper.nativeElement,u(t)),this._rounded=t},enumerable:!1,configurable:!0}),Object.defineProperty(z.prototype,"fillMode",{get:function(){return this._fillMode},set:function(e){var t=e||"solid";this.renderer.removeClass(this.wrapper.nativeElement,le("input",this.fillMode)),"none"!==e&&this.renderer.addClass(this.wrapper.nativeElement,le("input",t)),this._fillMode=t},enumerable:!1,configurable:!0}),Object.defineProperty(z.prototype,"popupSettings",{get:function(){return this._popupSettings},set:function(e){this._popupSettings=Object.assign({},Jt,e),this.cdr.detectChanges()},enumerable:!1,configurable:!0}),Object.defineProperty(z.prototype,"checkableSettings",{get:function(){return this._checkableSettings},set:function(e){this._checkableSettings=Object.assign({},Yt,e)},enumerable:!1,configurable:!0}),Object.defineProperty(z.prototype,"data",{get:function(){return this._nodes},set:function(e){this._nodes=e,this.setState()},enumerable:!1,configurable:!0}),Object.defineProperty(z.prototype,"value",{get:function(){return this._value},set:function(e){this._value=e||[],this.setState()},enumerable:!1,configurable:!0}),Object.defineProperty(z.prototype,"dataItems",{get:function(){var n=this;return this._dataItems||this.value.map(function(e,t){return{dataItem:e,index:null,level:n.valueDepth[t]||0}})},set:function(e){var n=this;this._dataItems=(e||[]).map(function(e,t){return ee(e,["dataItem","index","level"])?e:{dataItem:e,index:null,level:n.valueDepth[t]||0}}),this.setState()},enumerable:!1,configurable:!0}),Object.defineProperty(z.prototype,"focusedTagId",{get:function(){if(!c(this.focusedTagIndex)||this.isOpen)return null;var e=this.tags[this.focusedTagIndex];return this.tagPrefix+"-"+re({dataItem:e},this.valueField)},enumerable:!1,configurable:!0}),Object.defineProperty(z.prototype,"isFocused",{get:function(){return this._isFocused},set:function(e){this.renderer[e?"addClass":"removeClass"](this.wrapper.nativeElement,"k-focus"),this._isFocused=e},enumerable:!1,configurable:!0}),Object.defineProperty(z.prototype,"isOpen",{get:function(){return c(this.popupRef)},enumerable:!1,configurable:!0}),Object.defineProperty(z.prototype,"width",{get:function(){var e=this.wrapper.nativeElement.offsetWidth,t=this.popupSettings.width||e;return{min:isNaN(e)?e:e+"px",max:isNaN(t)?t:t+"px"}},enumerable:!1,configurable:!0}),Object.defineProperty(z.prototype,"height",{get:function(){var e=this.popupSettings.height;return c(e)?e+"px":"auto"},enumerable:!1,configurable:!0}),Object.defineProperty(z.prototype,"appendTo",{get:function(){var e=this.popupSettings.appendTo;if(e&&"root"!==e)return"component"===e?this.container:e},enumerable:!1,configurable:!0}),Object.defineProperty(z.prototype,"popupContainerClasses",{get:function(){var e=["k-popup-dropdowntree"];return this.popupSettings.popupClass&&e.push(this.popupSettings.popupClass),e},enumerable:!1,configurable:!0}),Object.defineProperty(z.prototype,"nodes",{get:function(){return this.data},set:function(e){this.data=e},enumerable:!1,configurable:!0}),Object.defineProperty(z.prototype,"children",{get:function(){return this.fetchChildren},set:function(e){this.fetchChildren=e},enumerable:!1,configurable:!0}),Object.defineProperty(z.prototype,"expand",{get:function(){return this.nodeExpand},enumerable:!1,configurable:!0}),Object.defineProperty(z.prototype,"collapse",{get:function(){return this.nodeCollapse},enumerable:!1,configurable:!0}),Object.defineProperty(z.prototype,"isExpanded",{get:function(){return this.isNodeExpanded},set:function(e){this.isNodeExpanded=e},enumerable:!1,configurable:!0}),Object.defineProperty(z.prototype,"isVisible",{get:function(){return this.isNodeVisible},set:function(e){this.isNodeVisible=e},enumerable:!1,configurable:!0}),Object.defineProperty(z.prototype,"isTagFocused",{get:function(){return!this.isOpen&&void 0!==this.focusedTagIndex},enumerable:!1,configurable:!0}),Object.defineProperty(z.prototype,"isTreeViewActive",{get:function(){return this.treeview&&this.treeview.isActive},enumerable:!1,configurable:!0}),Object.defineProperty(z.prototype,"isWrapperActive",{get:function(){return document.activeElement===this.wrapper.nativeElement},enumerable:!1,configurable:!0}),Object.defineProperty(z.prototype,"isFilterActive",{get:function(){return this.filterInput&&document.activeElement===this.filterInput.nativeElement},enumerable:!1,configurable:!0}),Object.defineProperty(z.prototype,"isCheckAllActive",{get:function(){return this.checkAllInput&&document.activeElement===this.checkAllInput.nativeElement},enumerable:!1,configurable:!0}),z.prototype.ngOnInit=function(){var t=this;this.renderer.removeAttribute(this.wrapper.nativeElement,"tabindex"),this.renderer.setAttribute(this.wrapper.nativeElement,"aria-expanded",String(this.isOpen)),this.subscriptions.push(this.localization.changes.subscribe(function(e){e=e.rtl;t.direction=e?"rtl":"ltr",t.cdr.markForCheck()})),this.setComponentClasses()},z.prototype.ngOnDestroy=function(){this.destroyPopup(),this.unsubscribeEvents()},z.prototype.ngOnChanges=function(e){var n=this;l.anyChanged(["textField","valueField","valuePrimitive"],e,!1)&&this.setState(),l.anyChanged(["valueDepth","value","dataItems"],e,!1)&&(!e.value||e.dataItems||this.valuePrimitive?this.dataItems=this.dataItems.map(function(e,t){return Object.assign(Object.assign({},e),{level:n.valueDepth[t]||0})}):this.dataItems=this.value)},z.prototype.ngAfterContentChecked=function(){this.verifySettings()},z.prototype.isEmpty=function(){return!(Boolean(this.placeholder)||c(this.value)&&0!==this.value.length)},z.prototype.focus=function(){this.disabled||this.wrapper.nativeElement.focus()},z.prototype.blur=function(){this.disabled||this.wrapper.nativeElement.blur()},z.prototype.focusItemAt=function(e){var t;this.treeview&&(t=this.treeview.itemLookup(e),c(t)&&!this.treeview.isDisabled(t.item.dataItem,t.item.index)&&this.treeview.focus(e))},z.prototype.reset=function(){this.value=[],this.dataItems=[],this.valueDepth=[]},z.prototype.toggle=function(t){var n=this;Promise.resolve(null).then(function(){var e=c(t)?t:!c(n.popupRef);n.destroyPopup(),e&&n.createPopup()})},z.prototype.handleFocus=function(e){var t=this;e.target===this.wrapper.nativeElement&&(e.stopImmediatePropagation(),this.isFocused||(this.isFocused=!0,l.hasObservers(this.onFocus)&&this._zone.run(function(){t.onFocus.emit()}),this.isOpen&&this.treeview&&(this.lastNodeOnFocus&&this.lastNodeOnFocus.setAttribute("tabindex","0"),this.treeview.focus())))},z.prototype.handleBlur=function(e){var t=this,e=e&&e.relatedTarget;this.wrapper.nativeElement.contains(e)||this.isOpen&&this.popupRef.popupElement.contains(e)||(this.isFocused=!1,this.togglePopup(!1),(l.hasObservers(this.onBlur)||te(this.wrapper.nativeElement))&&this._zone.run(function(){t.onBlur.emit(),t.onTouchedCallback()}))},z.prototype.handleNodeClick=function(e){this.isFocused||(e=e.originalEvent.target.parentElement.parentElement,this.lastNodeOnFocus=e,this.focus())},z.prototype.togglePopup=function(e){var t=this,n=this.disabled||this.readonly,i=this.isOpen===e;this._zone.run(function(){t.focusedTagIndex=void 0}),n||i||(this.triggerPopupEvents(e)?this.removeTreeViewFromTabOrder():e?this.createPopup():this.destroyPopup())},z.prototype.messageFor=function(e){return this.localization.get(e)},z.prototype.handleCheckedItemsChange=function(e){this.valueDepth=e.map(function(e){return e.level}),this.lastAction=e.length>this.dataItems.length?"check":"uncheck",this.dataItems=e.slice(),this.updateValue(this.dataItems)},z.prototype.handleRemoveTag=function(e){var n=this,t=e.tag,i=e.index;this.disabled||this.readonly||(e=new kt(t),this.removeTag.emit(e),e.isDefaultPrevented()||(t instanceof Array?(this.dataItems=this.dataItems.filter(function(e,t){return t<n.showAfter||n.disabledIndices.has(t)}),this.valueDepth=this.valueDepth.filter(function(e,t){return t<n.showAfter||n.disabledIndices.has(t)})):(this.dataItems=this.dataItems.filter(function(e,t){return t!==i||n.disabledIndices.has(t)}),this.valueDepth=this.valueDepth.filter(function(e,t){return t!==i||n.disabledIndices.has(t)})),this.updateValue(this.dataItems),this.isFocused||this.focus()))},z.prototype.handleTagMapperChange=function(e){this.showAfter=ie(e),this.setTags()},z.prototype.clearAll=function(e){var n=this;e.stopImmediatePropagation(),e.preventDefault(),this.focus(),this.value=this.value.filter(function(e,t){return n.disabledIndices.has(t)}),this.dataItems=this.dataItems.filter(function(e,t){return n.disabledIndices.has(t)}),this.valueDepth=this.valueDepth.filter(function(e,t){return n.disabledIndices.has(t)}),this.emitValueChange(this.value)},z.prototype.writeValue=function(e){this.value=e||[],this.valuePrimitive||(this.dataItems=this.value)},z.prototype.registerOnChange=function(e){this.onChangeCallback=e},z.prototype.registerOnTouched=function(e){this.onTouchedCallback=e},z.prototype.setDisabledState=function(e){this.disabled=e,this.cdr.markForCheck()},z.prototype.handleFilterInputChange=function(e){var n=this;this.filterChange.next(e.value),this.allNodesHidden=this.nodes.every(function(e,t){return!n.isVisible(e,String(t))})},Object.defineProperty(z.prototype,"filterInputClasses",{get:function(){return(this.size?d("input",this.size):"")+" "+(this.fillMode?"k-input-"+this.fillMode:"")+" "+(this.rounded?u(this.rounded):"")},enumerable:!1,configurable:!0}),Object.defineProperty(z.prototype,"checkAllCheckboxClasses",{get:function(){return""+(this.size?d("checkbox",this.size):"")},enumerable:!1,configurable:!0}),z.prototype.toggleCheckAll=function(){this.checkAllInput.nativeElement.focus(),this.checkAllInput.nativeElement.click()},z.prototype.verifySettings=function(){if(h.isDevMode()){if(!c(this.valueField)||!c(this.textField))throw new Error(qe);if(!pe(this.value))throw new Error($e);if(0<this.value.length){if(this.valuePrimitive&&this.value.some(function(e){return de(e)}))throw new Error(Ke);var e=this.dataItems.every(function(e){return de(e.dataItem)});if(this.valuePrimitive&&!pe(this.dataItems))throw new Error(Ue);if(this.valuePrimitive&&!e)throw new Error(Ue);if(this.valuePrimitive&&this.dataItems.length!==this.value.length)throw new Error(We);if(!this.valuePrimitive&&!Q(this.value))throw new Error(Ge);if((pe(this.valueField)||pe(this.textField))&&!pe(this.valueDepth))throw new Error(Ze);if((pe(this.valueField)||pe(this.textField))&&0===this.valueDepth.length)throw new Error(Ze);if((pe(this.valueField)||pe(this.textField))&&this.valueDepth.length!==this.value.length)throw new Error(Xe)}}},z.prototype.emitValueChange=function(e){this.onChangeCallback(e),this.valueChange.emit(e)},z.prototype.triggerPopupEvents=function(e){var t=new ke;return(e?this.open:this.close).emit(t),t.isDefaultPrevented()},z.prototype.createPopup=function(){var e=this,t="rtl"===this.direction?"right":"left",t=(this.popupRef=this.popupService.open({anchor:this.wrapper,appendTo:this.appendTo,anchorAlign:{horizontal:t,vertical:"bottom"},content:this.popupTemplate,popupAlign:{horizontal:t,vertical:"top"},positionMode:"absolute",popupClass:this.popupContainerClasses}),this.popupRef.popupElement),n=this.width,i=n.min,n=n.max;t.style.minWidth=i,t.style.width=n,t.style.height=this.height,this.renderer.setAttribute(t,"dir",this.direction),this.renderer.setAttribute(this.wrapper.nativeElement,"aria-expanded","true"),this.popupRef.popupOpen.subscribe(function(){e.cdr.detectChanges(),e.opened.emit()}),this.popupRef.popupClose.subscribe(function(){e.closed.emit()})},z.prototype.destroyPopup=function(){var e=this;this.popupRef&&(this.popupRef.close(),this.popupRef=null,this.renderer.setAttribute(this.wrapper.nativeElement,"aria-expanded","false"),""!==this.filter&&(this.filter="",this.allNodesHidden=!1,l.hasObservers(this.filterChange)&&this._zone.run(function(){e.filterChange.emit("")})))},z.prototype.subscribeEvents=function(){var e=this;this.subscriptions.push(this.navigationService.open.subscribe(function(){return e.togglePopup(!0)}),this.navigationService.enter.pipe(m.tap(function(e){return e.originalEvent.preventDefault()})).subscribe(function(){return e.togglePopup(!0)}),g.merge(this.navigationService.close,this.navigationService.esc).subscribe(function(){e.focus(),e.togglePopup(!1)}),this.navigationService.tab.subscribe(this.handleTabKey.bind(this)),this.navigationService.up.subscribe(this.handleUpKey.bind(this)),this.navigationService.down.subscribe(this.handleDownKey.bind(this)),this.navigationService.left.pipe(m.filter(function(){return!e.isTreeViewActive})).subscribe(("rtl"===this.direction?this.handleRightKey:this.handleLeftKey).bind(this)),this.navigationService.right.pipe(m.filter(function(){return!e.isTreeViewActive})).subscribe(("rtl"===this.direction?this.handleLeftKey:this.handleRightKey).bind(this)),this.navigationService.home.pipe(m.filter(function(){return!e.isOpen})).subscribe(this.handleHome.bind(this)),this.navigationService.end.pipe(m.filter(function(){return!e.isOpen})).subscribe(this.handleEnd.bind(this)),this.navigationService.backspace.pipe(m.filter(function(){return e.isTagFocused})).subscribe(this.handleBackspace.bind(this)),this.navigationService.delete.pipe(m.filter(function(){return e.isTagFocused})).subscribe(this.handleDelete.bind(this)))},z.prototype.subscribeFocusEvents=function(){var e=this;l.isDocumentAvailable()&&(this.handleFocus=this.handleFocus.bind(this),this.handleDocumentBlur=this.handleDocumentBlur.bind(this),this._zone.runOutsideAngular(function(){document.addEventListener("focus",e.handleFocus,!0),document.addEventListener("blur",e.handleDocumentBlur,!0)}))},z.prototype.unSubscribeFocusEvents=function(){l.isDocumentAvailable()&&(document.removeEventListener("focus",this.handleFocus,!0),document.removeEventListener("blur",this.handleDocumentBlur,!0))},z.prototype.handleDocumentBlur=function(e){e.target===this.wrapper.nativeElement&&(e.stopImmediatePropagation(),this.handleBlur(e))},z.prototype.handleTabKey=function(){this.focus(),this.isOpen&&(this.treeview.blur(),this.removeTreeViewFromTabOrder())},z.prototype.handleUpKey=function(e){this.treeview&&(e.originalEvent.preventDefault(),this.isWrapperActive||(e="0"===this.treeview.navigationService.activeIndex,this.filterable&&this.isFilterActive?this.focus():this.checkAll&&!this.isCheckAllActive&&e?this.checkAllInput.nativeElement.focus():(this.isCheckAllActive||e)&&(this.filterable?this.filterInput.nativeElement:this).focus()))},z.prototype.handleDownKey=function(e){this.treeview&&(e.originalEvent.preventDefault(),this.filterable&&this.isWrapperActive?this.filterInput.nativeElement.focus():this.checkAll&&(this.isWrapperActive||this.isFilterActive)?this.checkAllInput.nativeElement.focus():this.treeview.isActive||this.treeview.focus(),this.focusedTagIndex=void 0)},z.prototype.handleRightKey=function(e){e.originalEvent.preventDefault();e=this.tags.length-1;this.focusedTagIndex===e?this.focusedTagIndex=void 0:this.focusedTagIndex<e?this.focusedTagIndex++:this.focusedTagIndex||(this.focusedTagIndex=0)},z.prototype.handleLeftKey=function(e){e.originalEvent.preventDefault(),void 0===this.focusedTagIndex||this.focusedTagIndex<0?this.focusedTagIndex=this.tags.length-1:0!==this.focusedTagIndex&&this.focusedTagIndex--},z.prototype.handleEnd=function(e){e.originalEvent.preventDefault(),this.focusedTagIndex=this.tags.length-1},z.prototype.handleHome=function(e){e.originalEvent.preventDefault(),this.focusedTagIndex=0},z.prototype.handleBackspace=function(){var e,t;void 0!==this.focusedTagIndex?this.handleDelete():(e=this.tags[this.tags.length-1],t=this.tags.length-1,this.handleRemoveTag({tag:e,index:t}))},z.prototype.handleDelete=function(){var e=this.tags[this.focusedTagIndex],t=this.focusedTagIndex;this.handleRemoveTag({tag:e,index:t}),this.focusedTagIndex===this.tags.length&&(this.focusedTagIndex=void 0)},z.prototype.unsubscribeEvents=function(){this.subscriptions.forEach(function(e){return e.unsubscribe()}),this.unSubscribeFocusEvents()},z.prototype.removeTreeViewFromTabOrder=function(){var t=this;this.treeview.element.nativeElement.querySelectorAll("li").forEach(function(e){"0"===e.getAttribute("tabindex")&&(t.lastNodeOnFocus=e,t.lastNodeOnFocus.setAttribute("tabindex","-1"))})},z.prototype.setState=function(){c(this.dataItems)&&c(this.valueField)&&(this.setTags(),this.checkedItems=this.dataItems.slice()),this.cdr.markForCheck()},z.prototype.setTags=function(){var e=this.dataItems.map(function(e){return e.dataItem});this.tags=this.tagMapper(e),this.disabledIndices=this.disabledItemsMapper()},z.prototype.updateValue=function(e){var t=this,e=this.valuePrimitive?e.map(function(e){return re(e,t.valueField)}):e.map(function(e){return e.dataItem});this.value=e,this.emitValueChange(this.value)},z.prototype.disabledItemsMapper=function(){var i=this;return new Set(this.dataItems.reduce(function(e,t,n){return i.itemDisabled(t.dataItem,t.index)&&e.push(n),e},[]))},z.prototype.setComponentClasses=function(){"none"!==this.size&&this.renderer.addClass(this.wrapper.nativeElement,d("input",this.size)),"none"!==this.rounded&&this.renderer.addClass(this.wrapper.nativeElement,u(this.rounded)),"none"!==this.fillMode&&this.renderer.addClass(this.wrapper.nativeElement,le("input",this.fillMode))},z);function z(e,t,n,i,o,s,a,r){this.wrapper=e,this.popupService=t,this.renderer=n,this.navigationService=i,this._zone=o,this.localization=s,this.cdr=a,this.touchEnabled=r,this.hostClasses=!0,this.role="combobox",this.ariaHasPopup="tree",this.valueDepth=[],this.placeholder="",this.listHeight=200,this.disabled=!1,this.readonly=!1,this.valuePrimitive=!1,this.loadOnDemand=!1,this.focusableId="k-"+l.guid(),this.clearButton=!0,this.filterable=!1,this.checkAll=!1,this.hasChildren=qt,this.fetchChildren=Zt,this.isNodeVisible=Qt,this.itemDisabled=Xt,this.tagMapper=function(e){return e||[]},this.onFocus=new h.EventEmitter,this.onBlur=new h.EventEmitter,this.open=new h.EventEmitter,this.opened=new h.EventEmitter,this.close=new h.EventEmitter,this.closed=new h.EventEmitter,this.nodeExpand=new h.EventEmitter,this.nodeCollapse=new h.EventEmitter,this.valueChange=new h.EventEmitter,this.removeTag=new h.EventEmitter,this.filterChange=new h.EventEmitter,this.filterStateChange=new h.EventEmitter,this.checkedItems=[],this.checkBy=function(e){return e},this.showAfter=0,this.allNodesHidden=!1,this.tagListId=l.guid(),this.tagPrefix="tag-"+l.guid(),this.focusedTagIndex=void 0,this._value=[],this._tabindex=0,this._popupSettings=Jt,this._checkableSettings=Yt,this._isFocused=!1,this._size="medium",this._rounded="medium",this._fillMode="solid",this.subscriptions=[],this.lastAction="check",this.onTouchedCallback=ne,this.onChangeCallback=ne,this.direction=s.rtl?"rtl":"ltr",this.subscribeEvents(),this.subscribeFocusEvents()}en.ɵfac=s.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:s,type:en,deps:[{token:s.ElementRef},{token:j.PopupService},{token:s.Renderer2},{token:T},{token:s.NgZone},{token:r.LocalizationService},{token:s.ChangeDetectorRef},{token:De,optional:!0}],target:s.ɵɵFactoryTarget.Component}),en.ɵcmp=s.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:en,selector:"kendo-multiselecttree",inputs:{tabindex:"tabindex",size:"size",rounded:"rounded",fillMode:"fillMode",popupSettings:"popupSettings",checkableSettings:"checkableSettings",data:"data",value:"value",dataItems:"dataItems",textField:"textField",valueField:"valueField",valueDepth:"valueDepth",loading:"loading",placeholder:"placeholder",listHeight:"listHeight",disabled:"disabled",readonly:"readonly",valuePrimitive:"valuePrimitive",loadOnDemand:"loadOnDemand",focusableId:"focusableId",clearButton:"clearButton",filterable:"filterable",checkAll:"checkAll",hasChildren:"hasChildren",fetchChildren:"fetchChildren",isNodeExpanded:"isNodeExpanded",isNodeVisible:"isNodeVisible",itemDisabled:"itemDisabled",tagMapper:"tagMapper"},outputs:{onFocus:"focus",onBlur:"blur",open:"open",opened:"opened",close:"close",closed:"closed",nodeExpand:"nodeExpand",nodeCollapse:"nodeCollapse",valueChange:"valueChange",removeTag:"removeTag",filterChange:"filterChange"},host:{listeners:{click:"handleClick()",keydown:"handleKeydown($event)"},properties:{"class.k-dropdowntree":"this.hostClasses","class.k-input":"this.hostClasses","class.k-disabled":"this.isDisabled","attr.aria-disabled":"this.isDisabled","class.k-loading":"this.isLoading","attr.id":"this.id","attr.dir":"this.direction","attr.tabindex":"this.hostTabIndex","attr.role":"this.role","attr.aria-expanded":"this.isAriaExpanded","attr.aria-haspopup":"this.ariaHasPopup","attr.readonly":"this.isReadonly","attr.aria-readonly":"this.isReadonly","attr.aria-describedby":"this.ariaDescribedBy","attr.aria-activedescendant":"this.ariaActiveDescendant"}},providers:[n.LocalizationService,T,I,x,C,{provide:n.L10N_PREFIX,useValue:"kendo.multiselecttree"},{multi:!0,provide:t.NG_VALUE_ACCESSOR,useExisting:h.forwardRef(function(){return en})},{provide:o.DataBoundComponent,useExisting:h.forwardRef(function(){return en})},{provide:o.ExpandableComponent,useExisting:h.forwardRef(function(){return en})},{provide:l.KendoInput,useExisting:h.forwardRef(function(){return en})}],queries:[{propertyName:"headerTemplate",first:!0,predicate:y,descendants:!0},{propertyName:"footerTemplate",first:!0,predicate:k,descendants:!0},{propertyName:"nodeTemplate",first:!0,predicate:Nt,descendants:!0},{propertyName:"noDataTemplate",first:!0,predicate:D,descendants:!0},{propertyName:"tagTemplate",first:!0,predicate:bt,descendants:!0},{propertyName:"groupTagTemplate",first:!0,predicate:yt,descendants:!0}],viewQueries:[{propertyName:"popupTemplate",first:!0,predicate:["popupTemplate"],descendants:!0,static:!0},{propertyName:"container",first:!0,predicate:["container"],descendants:!0,read:h.ViewContainerRef,static:!0},{propertyName:"treeview",first:!0,predicate:["treeview"],descendants:!0},{propertyName:"filterInput",first:!0,predicate:["filterInput"],descendants:!0},{propertyName:"checkAllInput",first:!0,predicate:["checkAllInput"],descendants:!0}],exportAs:["kendoMultiSelectTree"],usesOnChanges:!0,ngImport:s,template:'\n        <ng-container kendoMultiSelectTreeLocalizedMessages\n            i18n-noDataText="kendo.multiselecttree.noDataText|The text displayed in the popup when there are no items"\n            noDataText="NO DATA FOUND"\n\n            i18n-clearTitle="kendo.multiselecttree.clearTitle|The title of the clear button"\n            clearTitle="clear"\n\n            i18n-checkAllText="kendo.multiselecttree.checkAllText|The text displayed for the check-all checkbox"\n            checkAllText="Check all"\n        >\n        </ng-container>\n        <kendo-taglist\n            [size]="size"\n            [rounded]="rounded"\n            [fillMode]="fillMode"\n            [id]="tagListId"\n            [tags]="tags"\n            [focused]="focusedTagIndex"\n            [textField]="textField"\n            [valueField]="valueField"\n            [valueDepth]="valueDepth"\n            [disabled]="disabled"\n            [tagPrefix]="tagPrefix"\n            [template]="tagTemplate"\n            [groupTemplate]="groupTagTemplate"\n            [disabledIndices]="disabledIndices"\n            (removeTag)="handleRemoveTag($event)"\n        >\n            <span *ngIf="!tags || !tags.length"\n                class="k-input-inner k-readonly"\n            >\n                <span class="k-input-value-text">{{ placeholder }}</span>\n            </span>\n        </kendo-taglist>\n        <span\n            *ngIf="!disabled && !loading && !readonly && clearButton && tags?.length"\n            class="k-clear-value"\n            [attr.title]="messageFor(\'clearTitle\')"\n            role="button"\n            tabindex="-1"\n            (click)="clearAll($event)"\n        >\n            <span class="k-icon k-i-x"></span>\n        </span>\n        <span\n            *ngIf="loading"\n            class="k-icon k-i-loading k-input-loading-icon"\n        >\n        </span>\n        <ng-template #popupTemplate>\n            <span\n                *ngIf="filterable"\n                class="k-list-filter"\n            >\n                <span\n                    class="k-textbox k-input"\n                    [ngClass]="filterInputClasses"\n                >\n                    <span class="k-input-prefix">\n                        <span class="k-input-icon k-icon k-i-search"></span>\n                    </span>\n                    <input\n                        #filterInput\n                        (input)="handleFilterInputChange($event.target)"\n                        [filterInput]="filterable && !touchEnabled"\n                        (keydown)="handleKeydown($event)"\n                        [(ngModel)]="filter"\n                        class="k-input-inner"\n                        role="textbox"\n                        aria-haspopup="true"\n                        aria-expanded="false"\n                        tabindex="0"\n                        aria-disabled="false"\n                        aria-readonly="false"\n                        [kendoEventsOutsideAngular]="{\n                            blur: handleBlur\n                        }"\n                        [scope]="this"\n                    >\n                </span>\n            </span>\n            \x3c!--header template--\x3e\n            <ng-template\n                *ngIf="headerTemplate"\n                [templateContext]="{\n                    templateRef: headerTemplate?.templateRef\n                }">\n            </ng-template>\n            <div *ngIf="checkAll" class="k-check-all">\n                <input\n                    #checkAllInput\n                    [checkAll]="!filterable && !touchEnabled"\n                    type="checkbox"\n                    class="k-checkbox"\n                    [ngClass]="checkAllCheckboxClasses"\n                    role="checkbox"\n                    tabindex="0"\n                    aria-disabled="false"\n                    aria-readonly="false"\n                    [treeview]="treeview"\n                    [checkedItems]="checkedItems"\n                    [valueField]="valueField"\n                    [lastAction]="lastAction"\n                    (checkedItemsChange)="handleCheckedItemsChange($event)"\n                    (keydown)="handleKeydown($event)"\n                    [kendoEventsOutsideAngular]="{\n                        blur: handleBlur\n                    }"\n                    [scope]="this"\n                >\n                <span\n                    class="k-checkbox-label"\n                    (click)="toggleCheckAll()"\n                    (mousedown)="$event.preventDefault()"\n                >\n                    {{ messageFor(\'checkAllText\') }}\n                </span>\n            </div>\n            <kendo-treeview\n                #treeview\n                [size]="size"\n                [nodes]="data"\n                [style.maxHeight.px]="listHeight"\n                [animate]="false"\n                kendoMultiSelectTreeCheckable\n                [checkable]="checkableSettings"\n                [checkedItems]="checkedItems"\n                [valueField]="valueField"\n                [textField]="textField"\n                [children]="children"\n                [hasChildren]="hasChildren"\n                [isExpanded]="isNodeExpanded"\n                [isDisabled]="itemDisabled"\n                [nodeTemplate]="nodeTemplate"\n                [loadOnDemand]="loadOnDemand"\n                [filter]="filter"\n                [isVisible]="isNodeVisible"\n                (keydown)="handleKeydown($event)"\n                (nodeClick)="handleNodeClick($event)"\n                (expand)="nodeExpand.emit($event)"\n                (collapse)="nodeCollapse.emit($event)"\n                (checkedItemsChange)="handleCheckedItemsChange($event)"\n                [kendoEventsOutsideAngular]="{\n                    focusout: handleBlur\n                }"\n                [scope]="this"\n            >\n            </kendo-treeview>\n            \x3c!--footer template--\x3e\n            <ng-template\n                *ngIf="footerTemplate"\n                [templateContext]="{\n                    templateRef: footerTemplate?.templateRef\n                }">\n            </ng-template>\n            \x3c!--no-data template--\x3e\n            <div class="k-no-data" *ngIf="data?.length === 0 || allNodesHidden">\n                <ng-template [ngIf]="noDataTemplate"\n                    [templateContext]="{\n                        templateRef: noDataTemplate?.templateRef\n                    }">\n                </ng-template>\n                <ng-template [ngIf]="!noDataTemplate">\n                    <div>{{ messageFor(\'noDataText\') }}</div>\n                </ng-template>\n            </div>\n        </ng-template>\n        <ng-container #container></ng-container>\n    ',isInline:!0,components:[{type:It,selector:"kendo-taglist",inputs:["tags","textField","valueField","valueDepth","focused","template","groupTemplate","disabled","tagPrefix","id","size","rounded","fillMode","disabledIndices"],outputs:["removeTag"]},{type:H.TreeViewComponent,selector:"kendo-treeview",inputs:["filterInputPlaceholder","animate","nodeTemplate","loadMoreButtonTemplate","trackBy","nodes","textField","hasChildren","isChecked","isDisabled","isExpanded","isSelected","isVisible","navigable","children","loadOnDemand","filterable","filter","size"],outputs:["childrenLoaded","blur","focus","expand","collapse","nodeDragStart","nodeDrag","filterStateChange","nodeDrop","nodeDragEnd","addItem","removeItem","checkedChange","selectionChange","filterChange","nodeClick","nodeDblClick"],exportAs:["kendoTreeView"]}],directives:[{type:Ae,selector:"\n    [kendoDropDownListLocalizedMessages],\n    [kendoDropDownTreeLocalizedMessages],\n    [kendoComboBoxLocalizedMessages],\n    [kendoMultiColumnComboBoxLocalizedMessages],\n    [kendoAutoCompleteLocalizedMessages],\n    [kendoMultiSelectLocalizedMessages],\n    [kendoMultiSelectTreeLocalizedMessages]\n  "},{type:p.NgIf,selector:"[ngIf]",inputs:["ngIf","ngIfThen","ngIfElse"]},{type:p.NgClass,selector:"[ngClass]",inputs:["class","ngClass"]},{type:_.DefaultValueAccessor,selector:"input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]"},{type:ht,selector:"[filterInput]",inputs:["filterInput"]},{type:_.NgControlStatus,selector:"[formControlName],[ngModel],[formControl]"},{type:_.NgModel,selector:"[ngModel]:not([formControlName]):not([formControl])",inputs:["name","disabled","ngModel","ngModelOptions"],outputs:["ngModelChange"],exportAs:["ngModel"]},{type:a.EventsOutsideAngularDirective,selector:"[kendoEventsOutsideAngular]",inputs:["kendoEventsOutsideAngular","scope"]},{type:Se,selector:"[templateContext]",inputs:["templateContext"]},{type:Kt,selector:"[checkAll]",inputs:["lastAction","treeview","checkedItems","valueField","checkAll"],outputs:["checkedItemsChange"]},{type:jt,selector:"[kendoMultiSelectTreeCheckable]",inputs:["checkable","valueField","checkedItems"],outputs:["checkedItemsChange"]}]}),s.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:s,type:en,decorators:[{type:h.Component,args:[{exportAs:"kendoMultiSelectTree",providers:[n.LocalizationService,T,I,x,C,{provide:n.L10N_PREFIX,useValue:"kendo.multiselecttree"},{multi:!0,provide:t.NG_VALUE_ACCESSOR,useExisting:h.forwardRef(function(){return en})},{provide:o.DataBoundComponent,useExisting:h.forwardRef(function(){return en})},{provide:o.ExpandableComponent,useExisting:h.forwardRef(function(){return en})},{provide:l.KendoInput,useExisting:h.forwardRef(function(){return en})}],selector:"kendo-multiselecttree",template:'\n        <ng-container kendoMultiSelectTreeLocalizedMessages\n            i18n-noDataText="kendo.multiselecttree.noDataText|The text displayed in the popup when there are no items"\n            noDataText="NO DATA FOUND"\n\n            i18n-clearTitle="kendo.multiselecttree.clearTitle|The title of the clear button"\n            clearTitle="clear"\n\n            i18n-checkAllText="kendo.multiselecttree.checkAllText|The text displayed for the check-all checkbox"\n            checkAllText="Check all"\n        >\n        </ng-container>\n        <kendo-taglist\n            [size]="size"\n            [rounded]="rounded"\n            [fillMode]="fillMode"\n            [id]="tagListId"\n            [tags]="tags"\n            [focused]="focusedTagIndex"\n            [textField]="textField"\n            [valueField]="valueField"\n            [valueDepth]="valueDepth"\n            [disabled]="disabled"\n            [tagPrefix]="tagPrefix"\n            [template]="tagTemplate"\n            [groupTemplate]="groupTagTemplate"\n            [disabledIndices]="disabledIndices"\n            (removeTag)="handleRemoveTag($event)"\n        >\n            <span *ngIf="!tags || !tags.length"\n                class="k-input-inner k-readonly"\n            >\n                <span class="k-input-value-text">{{ placeholder }}</span>\n            </span>\n        </kendo-taglist>\n        <span\n            *ngIf="!disabled && !loading && !readonly && clearButton && tags?.length"\n            class="k-clear-value"\n            [attr.title]="messageFor(\'clearTitle\')"\n            role="button"\n            tabindex="-1"\n            (click)="clearAll($event)"\n        >\n            <span class="k-icon k-i-x"></span>\n        </span>\n        <span\n            *ngIf="loading"\n            class="k-icon k-i-loading k-input-loading-icon"\n        >\n        </span>\n        <ng-template #popupTemplate>\n            <span\n                *ngIf="filterable"\n                class="k-list-filter"\n            >\n                <span\n                    class="k-textbox k-input"\n                    [ngClass]="filterInputClasses"\n                >\n                    <span class="k-input-prefix">\n                        <span class="k-input-icon k-icon k-i-search"></span>\n                    </span>\n                    <input\n                        #filterInput\n                        (input)="handleFilterInputChange($event.target)"\n                        [filterInput]="filterable && !touchEnabled"\n                        (keydown)="handleKeydown($event)"\n                        [(ngModel)]="filter"\n                        class="k-input-inner"\n                        role="textbox"\n                        aria-haspopup="true"\n                        aria-expanded="false"\n                        tabindex="0"\n                        aria-disabled="false"\n                        aria-readonly="false"\n                        [kendoEventsOutsideAngular]="{\n                            blur: handleBlur\n                        }"\n                        [scope]="this"\n                    >\n                </span>\n            </span>\n            \x3c!--header template--\x3e\n            <ng-template\n                *ngIf="headerTemplate"\n                [templateContext]="{\n                    templateRef: headerTemplate?.templateRef\n                }">\n            </ng-template>\n            <div *ngIf="checkAll" class="k-check-all">\n                <input\n                    #checkAllInput\n                    [checkAll]="!filterable && !touchEnabled"\n                    type="checkbox"\n                    class="k-checkbox"\n                    [ngClass]="checkAllCheckboxClasses"\n                    role="checkbox"\n                    tabindex="0"\n                    aria-disabled="false"\n                    aria-readonly="false"\n                    [treeview]="treeview"\n                    [checkedItems]="checkedItems"\n                    [valueField]="valueField"\n                    [lastAction]="lastAction"\n                    (checkedItemsChange)="handleCheckedItemsChange($event)"\n                    (keydown)="handleKeydown($event)"\n                    [kendoEventsOutsideAngular]="{\n                        blur: handleBlur\n                    }"\n                    [scope]="this"\n                >\n                <span\n                    class="k-checkbox-label"\n                    (click)="toggleCheckAll()"\n                    (mousedown)="$event.preventDefault()"\n                >\n                    {{ messageFor(\'checkAllText\') }}\n                </span>\n            </div>\n            <kendo-treeview\n                #treeview\n                [size]="size"\n                [nodes]="data"\n                [style.maxHeight.px]="listHeight"\n                [animate]="false"\n                kendoMultiSelectTreeCheckable\n                [checkable]="checkableSettings"\n                [checkedItems]="checkedItems"\n                [valueField]="valueField"\n                [textField]="textField"\n                [children]="children"\n                [hasChildren]="hasChildren"\n                [isExpanded]="isNodeExpanded"\n                [isDisabled]="itemDisabled"\n                [nodeTemplate]="nodeTemplate"\n                [loadOnDemand]="loadOnDemand"\n                [filter]="filter"\n                [isVisible]="isNodeVisible"\n                (keydown)="handleKeydown($event)"\n                (nodeClick)="handleNodeClick($event)"\n                (expand)="nodeExpand.emit($event)"\n                (collapse)="nodeCollapse.emit($event)"\n                (checkedItemsChange)="handleCheckedItemsChange($event)"\n                [kendoEventsOutsideAngular]="{\n                    focusout: handleBlur\n                }"\n                [scope]="this"\n            >\n            </kendo-treeview>\n            \x3c!--footer template--\x3e\n            <ng-template\n                *ngIf="footerTemplate"\n                [templateContext]="{\n                    templateRef: footerTemplate?.templateRef\n                }">\n            </ng-template>\n            \x3c!--no-data template--\x3e\n            <div class="k-no-data" *ngIf="data?.length === 0 || allNodesHidden">\n                <ng-template [ngIf]="noDataTemplate"\n                    [templateContext]="{\n                        templateRef: noDataTemplate?.templateRef\n                    }">\n                </ng-template>\n                <ng-template [ngIf]="!noDataTemplate">\n                    <div>{{ messageFor(\'noDataText\') }}</div>\n                </ng-template>\n            </div>\n        </ng-template>\n        <ng-container #container></ng-container>\n    '}]}],ctorParameters:function(){return[{type:s.ElementRef},{type:j.PopupService},{type:s.Renderer2},{type:T},{type:s.NgZone},{type:r.LocalizationService},{type:s.ChangeDetectorRef},{type:void 0,decorators:[{type:h.Optional},{type:h.Inject,args:[De]}]}]},propDecorators:{hostClasses:[{type:h.HostBinding,args:["class.k-dropdowntree"]},{type:h.HostBinding,args:["class.k-input"]}],isDisabled:[{type:h.HostBinding,args:["class.k-disabled"]},{type:h.HostBinding,args:["attr.aria-disabled"]}],isLoading:[{type:h.HostBinding,args:["class.k-loading"]}],id:[{type:h.HostBinding,args:["attr.id"]}],direction:[{type:h.HostBinding,args:["attr.dir"]}],hostTabIndex:[{type:h.HostBinding,args:["attr.tabindex"]}],role:[{type:h.HostBinding,args:["attr.role"]}],isAriaExpanded:[{type:h.HostBinding,args:["attr.aria-expanded"]}],ariaHasPopup:[{type:h.HostBinding,args:["attr.aria-haspopup"]}],isReadonly:[{type:h.HostBinding,args:["attr.readonly"]},{type:h.HostBinding,args:["attr.aria-readonly"]}],ariaDescribedBy:[{type:h.HostBinding,args:["attr.aria-describedby"]}],ariaActiveDescendant:[{type:h.HostBinding,args:["attr.aria-activedescendant"]}],handleClick:[{type:h.HostListener,args:["click"]}],handleKeydown:[{type:h.HostListener,args:["keydown",["$event"]]}],headerTemplate:[{type:h.ContentChild,args:[y,{static:!1}]}],footerTemplate:[{type:h.ContentChild,args:[k,{static:!1}]}],nodeTemplate:[{type:h.ContentChild,args:[Nt,{static:!1}]}],noDataTemplate:[{type:h.ContentChild,args:[D,{static:!1}]}],tagTemplate:[{type:h.ContentChild,args:[bt,{static:!1}]}],groupTagTemplate:[{type:h.ContentChild,args:[yt,{static:!1}]}],popupTemplate:[{type:h.ViewChild,args:["popupTemplate",{static:!0}]}],container:[{type:h.ViewChild,args:["container",{read:h.ViewContainerRef,static:!0}]}],treeview:[{type:h.ViewChild,args:["treeview",{static:!1}]}],filterInput:[{type:h.ViewChild,args:["filterInput",{static:!1}]}],checkAllInput:[{type:h.ViewChild,args:["checkAllInput",{static:!1}]}],tabindex:[{type:h.Input}],size:[{type:h.Input}],rounded:[{type:h.Input}],fillMode:[{type:h.Input}],popupSettings:[{type:h.Input}],checkableSettings:[{type:h.Input}],data:[{type:h.Input}],value:[{type:h.Input}],dataItems:[{type:h.Input}],textField:[{type:h.Input}],valueField:[{type:h.Input}],valueDepth:[{type:h.Input}],loading:[{type:h.Input}],placeholder:[{type:h.Input}],listHeight:[{type:h.Input}],disabled:[{type:h.Input}],readonly:[{type:h.Input}],valuePrimitive:[{type:h.Input}],loadOnDemand:[{type:h.Input}],focusableId:[{type:h.Input}],clearButton:[{type:h.Input}],filterable:[{type:h.Input}],checkAll:[{type:h.Input}],hasChildren:[{type:h.Input}],fetchChildren:[{type:h.Input}],isNodeExpanded:[{type:h.Input}],isNodeVisible:[{type:h.Input}],itemDisabled:[{type:h.Input}],tagMapper:[{type:h.Input}],onFocus:[{type:h.Output,args:["focus"]}],onBlur:[{type:h.Output,args:["blur"]}],open:[{type:h.Output}],opened:[{type:h.Output}],close:[{type:h.Output}],closed:[{type:h.Output}],nodeExpand:[{type:h.Output}],nodeCollapse:[{type:h.Output}],valueChange:[{type:h.Output}],removeTag:[{type:h.Output}],filterChange:[{type:h.Output}]}});G(nn,tn=o.FlatDataBindingDirective),Object.defineProperty(nn.prototype,"data",{set:function(e){this.dropDownTree.nodes=e,this.nodes=e},enumerable:!1,configurable:!0}),Object.defineProperty(nn.prototype,"nodes",{set:function(e){tn.prototype.nodes=e},enumerable:!1,configurable:!0}),Object.defineProperty(nn.prototype,"filter",{set:function(e){tn.prototype.filter=e},enumerable:!1,configurable:!0});var tn,p=nn;function nn(e){var t=tn.call(this,e)||this;return t.dropDownTree=e,t}p.ɵfac=s.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:s,type:p,deps:[{token:H.DataBoundComponent}],target:s.ɵɵFactoryTarget.Directive}),p.ɵdir=s.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.16",type:p,selector:"[kendoDropDownTreeFlatBinding]",inputs:{data:["kendoDropDownTreeFlatBinding","data"],idField:["valueField","idField"]},usesInheritance:!0,ngImport:s}),s.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:s,type:p,decorators:[{type:h.Directive,args:[{selector:"[kendoDropDownTreeFlatBinding]"}]}],ctorParameters:function(){return[{type:H.DataBoundComponent}]},propDecorators:{data:[{type:h.Input,args:["kendoDropDownTreeFlatBinding"]}],idField:[{type:h.Input,args:["valueField"]}]}});G(sn,on=o.HierarchyBindingDirective),Object.defineProperty(sn.prototype,"data",{set:function(e){this.dropDownTree.nodes=e,this.nodes=e},enumerable:!1,configurable:!0}),Object.defineProperty(sn.prototype,"nodes",{set:function(e){on.prototype.nodes=e},enumerable:!1,configurable:!0}),Object.defineProperty(sn.prototype,"filter",{set:function(e){on.prototype.filter=e},enumerable:!1,configurable:!0});var on,_=sn;function sn(e){var t=on.call(this,e)||this;return t.dropDownTree=e,t}_.ɵfac=s.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:s,type:_,deps:[{token:H.DataBoundComponent}],target:s.ɵɵFactoryTarget.Directive}),_.ɵdir=s.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.16",type:_,selector:"[kendoDropDownTreeHierarchyBinding]",inputs:{data:["kendoDropDownTreeHierarchyBinding","data"]},usesInheritance:!0,ngImport:s}),s.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:s,type:_,decorators:[{type:h.Directive,args:[{selector:"[kendoDropDownTreeHierarchyBinding]"}]}],ctorParameters:function(){return[{type:H.DataBoundComponent}]},propDecorators:{data:[{type:h.Input,args:["kendoDropDownTreeHierarchyBinding"]}]}});G(rn,an=o.FlatDataBindingDirective),Object.defineProperty(rn.prototype,"data",{set:function(e){this.multiSelectTree.nodes=e,this.nodes=e},enumerable:!1,configurable:!0}),Object.defineProperty(rn.prototype,"nodes",{set:function(e){an.prototype.nodes=e},enumerable:!1,configurable:!0}),Object.defineProperty(rn.prototype,"filter",{set:function(e){an.prototype.filter=e},enumerable:!1,configurable:!0});var an,a=rn;function rn(e){var t=an.call(this,e)||this;return t.multiSelectTree=e,t}a.ɵfac=s.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:s,type:a,deps:[{token:H.DataBoundComponent}],target:s.ɵɵFactoryTarget.Directive}),a.ɵdir=s.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.16",type:a,selector:"[kendoMultiSelectTreeFlatBinding]",inputs:{data:["kendoMultiSelectTreeFlatBinding","data"],idField:["valueField","idField"]},usesInheritance:!0,ngImport:s}),s.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:s,type:a,decorators:[{type:h.Directive,args:[{selector:"[kendoMultiSelectTreeFlatBinding]"}]}],ctorParameters:function(){return[{type:H.DataBoundComponent}]},propDecorators:{data:[{type:h.Input,args:["kendoMultiSelectTreeFlatBinding"]}],idField:[{type:h.Input,args:["valueField"]}]}});G(pn,ln=o.HierarchyBindingDirective),Object.defineProperty(pn.prototype,"data",{set:function(e){this.multiSelectTree.nodes=e,this.nodes=e},enumerable:!1,configurable:!0}),Object.defineProperty(pn.prototype,"nodes",{set:function(e){ln.prototype.nodes=e},enumerable:!1,configurable:!0}),Object.defineProperty(pn.prototype,"filter",{set:function(e){ln.prototype.filter=e},enumerable:!1,configurable:!0});var ln,n=pn;function pn(e){var t=ln.call(this,e)||this;return t.multiSelectTree=e,t}n.ɵfac=s.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:s,type:n,deps:[{token:H.DataBoundComponent}],target:s.ɵɵFactoryTarget.Directive}),n.ɵdir=s.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.16",type:n,selector:"[kendoMultiSelectTreeHierarchyBinding]",inputs:{data:["kendoMultiSelectTreeHierarchyBinding","data"]},usesInheritance:!0,ngImport:s}),s.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:s,type:n,decorators:[{type:h.Directive,args:[{selector:"[kendoMultiSelectTreeHierarchyBinding]"}]}],ctorParameters:function(){return[{type:H.DataBoundComponent}]},propDecorators:{data:[{type:h.Input,args:["kendoMultiSelectTreeHierarchyBinding"]}]}});G(cn,dn=o.ExpandDirective),Object.defineProperty(cn.prototype,"isExpanded",{set:function(e){this.dropDownTree.isExpanded=e},enumerable:!1,configurable:!0});var dn,un=cn;function cn(e){var t=dn.call(this,e)||this;return t.dropDownTree=e,t}un.ɵfac=s.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:s,type:un,deps:[{token:H.ExpandableComponent}],target:s.ɵɵFactoryTarget.Directive}),un.ɵdir=s.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.16",type:un,selector:"[kendoDropDownTreeExpandable], [kendoMultiSelectTreeExpandable]",inputs:{isExpanded:["isNodeExpanded","isExpanded"]},usesInheritance:!0,ngImport:s}),s.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:s,type:un,decorators:[{type:h.Directive,args:[{selector:"[kendoDropDownTreeExpandable], [kendoMultiSelectTreeExpandable]"}]}],ctorParameters:function(){return[{type:H.ExpandableComponent}]},propDecorators:{isExpanded:[{type:h.Input,args:["isNodeExpanded"]}]}});G(mn,hn=S),Object.defineProperty(mn.prototype,"override",{get:function(){return!0},enumerable:!1,configurable:!0});var hn,gn=mn;function mn(e){var t=hn.call(this)||this;return t.service=e,t}gn.ɵfac=s.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:s,type:gn,deps:[{token:r.LocalizationService}],target:s.ɵɵFactoryTarget.Component}),gn.ɵcmp=s.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:gn,selector:"kendo-dropdownlist-messages,kendo-combobox-messages,kendo-multicolumncombobox-messages,kendo-autocomplete-messages,kendo-multiselect-messages,kendo-dropdowntree-messages,kendo-multiselecttree-messages",providers:[{provide:S,useExisting:h.forwardRef(function(){return gn})}],usesInheritance:!0,ngImport:s,template:"",isInline:!0}),s.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:s,type:gn,decorators:[{type:h.Component,args:[{providers:[{provide:S,useExisting:h.forwardRef(function(){return gn})}],selector:"kendo-dropdownlist-messages,kendo-combobox-messages,kendo-multicolumncombobox-messages,kendo-autocomplete-messages,kendo-multiselect-messages,kendo-dropdowntree-messages,kendo-multiselecttree-messages",template:""}]}],ctorParameters:function(){return[{type:r.LocalizationService}]}});var fn={caseSensitive:!1,operator:"startsWith"},S=(Object.defineProperty(vn.prototype,"data",{get:function(){return this._data},set:function(e){this._data=e||[]},enumerable:!1,configurable:!0}),vn.prototype.ngOnInit=function(){this.component.filterable=this.filterable,this.filterChangeSubscription=this.component.filterChange.subscribe(this.handleFilterChange.bind(this))},vn.prototype.ngOnDestroy=function(){c(this.filterChangeSubscription)&&this.filterChangeSubscription.unsubscribe()},vn.prototype.handleFilterChange=function(t){var n=this;this.component.data=this.data.filter(function(e){return n.matchesAnyField(e,t)})},vn.prototype.matchesAnyField=function(t,e){var n=this,i=this.normalizeValue(e),e=this.filterSettings.fields;return 0===e.length?this.checkItem(t,i):e.some(function(e){return n.checkItem(f(t,e),i)})},vn.prototype.checkItem=function(e,t){return e=this.normalizeValue(e),"contains"===this.filterSettings.operator?-1!==e.indexOf(t):0===e.indexOf(t)},vn.prototype.normalizeValue=function(e){e=c(e)?e.toString():"";return this.filterSettings.caseSensitive?e:e.toLowerCase()},vn.prototype.getFilterFields=function(e){return this.component.textField||this.component.valueField?pe(e)&&0<e.length?e:[this.component.textField||this.component.valueField]:[]},Object.defineProperty(vn.prototype,"filterSettings",{get:function(){var e=this.rawSettings,t=c(e)&&"object"==typeof e?e.fields:[];return Object.assign({},fn,e,{fields:this.getFilterFields(t)})},enumerable:!1,configurable:!0}),vn);function vn(e){this.component=e,this.filterable=!0,this._data=[]}S.ɵfac=s.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:s,type:S,deps:[{token:Ie}],target:s.ɵɵFactoryTarget.Directive}),S.ɵdir=s.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.16",type:S,selector:"[kendoDropDownFilter]",inputs:{data:"data",rawSettings:["kendoDropDownFilter","rawSettings"],filterable:"filterable"},ngImport:s}),s.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:s,type:S,decorators:[{type:h.Directive,args:[{selector:"[kendoDropDownFilter]"}]}],ctorParameters:function(){return[{type:Ie}]},propDecorators:{data:[{type:h.Input}],rawSettings:[{type:h.Input,args:["kendoDropDownFilter"]}],filterable:[{type:h.Input}]}});var bn=[y,k,ce,he,ge,D,Ve,bt,yt,Ae,gn,S,ht],R=function(){},bn=(R.ɵfac=s.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:s,type:R,deps:[],target:s.ɵɵFactoryTarget.NgModule}),R.ɵmod=s.ɵɵngDeclareNgModule({minVersion:"12.0.0",version:"12.2.16",ngImport:s,type:R,declarations:[y,k,ce,he,ge,D,Ve,bt,yt,Ae,gn,S,ht],exports:[y,k,ce,he,ge,D,Ve,bt,yt,Ae,gn,S,ht]}),R.ɵinj=s.ɵɵngDeclareInjector({minVersion:"12.0.0",version:"12.2.16",ngImport:s,type:R}),s.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:s,type:R,decorators:[{type:h.NgModule,args:[{declarations:[bn],exports:[bn]}]}]}),[Pe,we,Fe,v,Se,It,jt,Kt]),A=function(){},bn=(A.ɵfac=s.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:s,type:A,deps:[],target:s.ɵɵFactoryTarget.NgModule}),A.ɵmod=s.ɵɵngDeclareNgModule({minVersion:"12.0.0",version:"12.2.16",ngImport:s,type:A,declarations:[Pe,we,Fe,v,Se,It,jt,Kt],imports:[i.CommonModule,t.FormsModule,N.PopupModule,l.ResizeSensorModule,R,l.EventsModule],exports:[Pe,we,Fe,v,Se,It,jt,Kt,i.CommonModule,t.FormsModule,N.PopupModule,l.ResizeSensorModule,R,l.EventsModule]}),A.ɵinj=s.ɵɵngDeclareInjector({minVersion:"12.0.0",version:"12.2.16",ngImport:s,type:A,imports:[[i.CommonModule,t.FormsModule,N.PopupModule,l.ResizeSensorModule,R,l.EventsModule],i.CommonModule,t.FormsModule,N.PopupModule,l.ResizeSensorModule,R,l.EventsModule]}),s.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:s,type:A,decorators:[{type:h.NgModule,args:[{declarations:[bn],exports:[bn,i.CommonModule,t.FormsModule,N.PopupModule,l.ResizeSensorModule,R,l.EventsModule],imports:[i.CommonModule,t.FormsModule,N.PopupModule,l.ResizeSensorModule,R,l.EventsModule]}]}]}),yn.prototype.ngOnChanges=function(e){c(e.showAfter)&&(this.createTagMapper(),this.multiSelectTreeComponent.handleTagMapperChange(this.showAfter))},yn.prototype.createTagMapper=function(){var t=ie(this.showAfter);this.multiSelectTreeComponent.tagMapper=function(e){return e.length>t?W(W([],U(e.slice(0,t))),[e.slice(t)]):e}},yn);function yn(e){this.multiSelectTreeComponent=e,this.showAfter=0,this.createTagMapper()}bn.ɵfac=s.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:s,type:bn,deps:[{token:en}],target:s.ɵɵFactoryTarget.Directive}),bn.ɵdir=s.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.16",type:bn,selector:"[kendoMultiSelectTreeSummaryTag]",inputs:{showAfter:["kendoMultiSelectTreeSummaryTag","showAfter"]},usesOnChanges:!0,ngImport:s}),s.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:s,type:bn,decorators:[{type:h.Directive,args:[{selector:"[kendoMultiSelectTreeSummaryTag]"}]}],ctorParameters:function(){return[{type:en}]},propDecorators:{showAfter:[{type:h.Input,args:["kendoMultiSelectTreeSummaryTag"]}]}});i=[_t,en,p,_,a,n,un,Nt,bn],t=function(){},t.ɵfac=s.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:s,type:t,deps:[],target:s.ɵɵFactoryTarget.NgModule}),t.ɵmod=s.ɵɵngDeclareNgModule({minVersion:"12.0.0",version:"12.2.16",ngImport:s,type:t,declarations:[_t,en,p,_,a,n,un,Nt,bn],imports:[A,o.TreeViewModule],exports:[_t,en,p,_,a,n,un,Nt,bn,R]}),t.ɵinj=s.ɵɵngDeclareInjector({minVersion:"12.0.0",version:"12.2.16",ngImport:s,type:t,imports:[[A,o.TreeViewModule],R]}),s.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:s,type:t,decorators:[{type:h.NgModule,args:[{declarations:[i],exports:[i,R],imports:[A,o.TreeViewModule]}]}]}),kn.prototype.ngOnChanges=function(e){c(e.showAfter)&&(this.createTagMapper(),this.multiSelectComponent.onTagMapperChange())},kn.prototype.createTagMapper=function(){var n=ie(this.showAfter);this.multiSelectComponent.tagMapper=function(e){var t;return e.length>n?(t=void 0,(t=e.slice(0,n)).push(e.slice(n,e.length)),t):e}},i=kn;function kn(e){this.multiSelectComponent=e,this.showAfter=0,this.createTagMapper()}i.ɵfac=s.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:s,type:i,deps:[{token:Dt}],target:s.ɵɵFactoryTarget.Directive}),i.ɵdir=s.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.16",type:i,selector:"[kendoMultiSelectSummaryTag]",inputs:{showAfter:["kendoMultiSelectSummaryTag","showAfter"]},usesOnChanges:!0,ngImport:s}),s.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:s,type:i,decorators:[{type:h.Directive,args:[{selector:"[kendoMultiSelectSummaryTag]"}]}],ctorParameters:function(){return[{type:Dt}]},propDecorators:{showAfter:[{type:h.Input,args:["kendoMultiSelectSummaryTag"]}]}});var o=[Ne],Cn=function(){},o=(Cn.ɵfac=s.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:s,type:Cn,deps:[],target:s.ɵɵFactoryTarget.NgModule}),Cn.ɵmod=s.ɵɵngDeclareNgModule({minVersion:"12.0.0",version:"12.2.16",ngImport:s,type:Cn,declarations:[Ne],imports:[A],exports:[Ne,R]}),Cn.ɵinj=s.ɵɵngDeclareInjector({minVersion:"12.0.0",version:"12.2.16",ngImport:s,type:Cn,imports:[[A],R]}),s.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:s,type:Cn,decorators:[{type:h.NgModule,args:[{declarations:[o],exports:[o,R],imports:[A]}]}]}),[ct,Mt,Pt,Ot,Tt]),In=function(){},o=(In.ɵfac=s.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:s,type:In,deps:[],target:s.ɵɵFactoryTarget.NgModule}),In.ɵmod=s.ɵɵngDeclareNgModule({minVersion:"12.0.0",version:"12.2.16",ngImport:s,type:In,declarations:[ct,Mt,Pt,Ot,Tt],imports:[A],exports:[ct,Mt,Pt,Ot,Tt,R]}),In.ɵinj=s.ɵɵngDeclareInjector({minVersion:"12.0.0",version:"12.2.16",ngImport:s,type:In,providers:[{provide:De,useValue:V.touchEnabled}],imports:[[A],R]}),s.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:s,type:In,decorators:[{type:h.NgModule,args:[{declarations:[o],exports:[o,R],imports:[A],providers:[{provide:De,useValue:V.touchEnabled}]}]}]}),[ft]),xn=function(){},o=(xn.ɵfac=s.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:s,type:xn,deps:[],target:s.ɵɵFactoryTarget.NgModule}),xn.ɵmod=s.ɵɵngDeclareNgModule({minVersion:"12.0.0",version:"12.2.16",ngImport:s,type:xn,declarations:[ft],imports:[A],exports:[ft,R]}),xn.ɵinj=s.ɵɵngDeclareInjector({minVersion:"12.0.0",version:"12.2.16",ngImport:s,type:xn,imports:[[A],R]}),s.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:s,type:xn,decorators:[{type:h.NgModule,args:[{declarations:[o],exports:[o,R],imports:[A]}]}]}),[Dt,i,mt]),Tn=function(){},o=(Tn.ɵfac=s.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:s,type:Tn,deps:[],target:s.ɵɵFactoryTarget.NgModule}),Tn.ɵmod=s.ɵɵngDeclareNgModule({minVersion:"12.0.0",version:"12.2.16",ngImport:s,type:Tn,declarations:[Dt,i,mt],imports:[A],exports:[Dt,i,mt,R]}),Tn.ɵinj=s.ɵɵngDeclareInjector({minVersion:"12.0.0",version:"12.2.16",ngImport:s,type:Tn,providers:[{provide:De,useValue:V.touchEnabled}],imports:[[A],R]}),s.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:s,type:Tn,decorators:[{type:h.NgModule,args:[{declarations:[o],exports:[o,R],imports:[A],providers:[{provide:De,useValue:V.touchEnabled}]}]}]}),function(){});o.ɵfac=s.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:s,type:o,deps:[],target:s.ɵɵFactoryTarget.NgModule}),o.ɵmod=s.ɵɵngDeclareNgModule({minVersion:"12.0.0",version:"12.2.16",ngImport:s,type:o,exports:[Cn,In,xn,Tn,t]}),o.ɵinj=s.ɵɵngDeclareInjector({minVersion:"12.0.0",version:"12.2.16",ngImport:s,type:o,imports:[Cn,In,xn,Tn,t]}),s.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:s,type:o,decorators:[{type:h.NgModule,args:[{exports:[Cn,In,xn,Tn,t]}]}]}),Object.defineProperty(e,"PopupComponent",{enumerable:!0,get:function(){return N.PopupComponent}}),e.AutoCompleteComponent=Ne,e.AutoCompleteModule=Cn,e.CheckAllDirective=Kt,e.CheckDirective=jt,e.ColumnCellTemplateDirective=Tt,e.ColumnHeaderTemplateDirective=Ot,e.ComboBoxColumnComponent=Pt,e.ComboBoxComponent=ct,e.ComboBoxModule=In,e.CustomItemTemplateDirective=mt,e.CustomMessagesComponent=gn,e.DropDownListComponent=ft,e.DropDownListModule=xn,e.DropDownTreeComponent=_t,e.DropDownTreeFlatBindingDirective=p,e.DropDownTreeHierarchyBindingDirective=_,e.DropDownTreesExpandDirective=un,e.DropDownTreesModule=t,e.DropDownsModule=o,e.FilterDirective=S,e.FilterInputDirective=ht,e.FilterableComponent=Ie,e.FixedGroupTemplateDirective=ge,e.FooterTemplateDirective=k,e.GroupTagTemplateDirective=yt,e.GroupTemplateDirective=he,e.HeaderTemplateDirective=y,e.ItemTemplateDirective=ce,e.ListComponent=Pe,e.ListItemDirective=we,e.LocalizedMessagesDirective=Ae,e.MultiColumnComboBoxComponent=Mt,e.MultiSelectComponent=Dt,e.MultiSelectModule=Tn,e.MultiSelectTreeComponent=en,e.MultiSelectTreeFlatBindingDirective=a,e.MultiSelectTreeHierarchyBindingDirective=n,e.MultiSelectTreeSummaryTagDirective=bn,e.NoDataTemplateDirective=D,e.NodeTemplateDirective=Nt,e.PreventableEvent=ke,e.RemoveTagEvent=kt,e.SearchBarComponent=v,e.SelectableDirective=Fe,e.SharedDirectivesModule=R,e.SharedModule=A,e.SummaryTagDirective=i,e.TagListComponent=It,e.TagTemplateDirective=bt,e.TemplateContextDirective=Se,e.ValueTemplateDirective=Ve,Object.defineProperty(e,"__esModule",{value:!0})});
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@angular/core"),require("@progress/kendo-angular-common"),require("@angular/forms"),require("@progress/kendo-licensing"),require("@progress/kendo-common"),require("@progress/kendo-angular-l10n"),require("rxjs"),require("@progress/kendo-angular-popup"),require("rxjs/operators"),require("@angular/common"),require("@progress/kendo-angular-treeview")):"function"==typeof define&&define.amd?define("KendoAngularDropdowns",["exports","@angular/core","@progress/kendo-angular-common","@angular/forms","@progress/kendo-licensing","@progress/kendo-common","@progress/kendo-angular-l10n","rxjs","@progress/kendo-angular-popup","rxjs/operators","@angular/common","@progress/kendo-angular-treeview"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).KendoAngularDropdowns={},e.ng.core,e.KendoAngularCommon,e.ng.forms,e.KendoLicensing,e.KendoCommon,e.KendoAngularL10N,e.rxjs,e.KendoAngularPopup,e.rxjs.operators,e.ng.common,e.KendoAngularTreeview)}(this,function(e,h,l,t,V,B,n,g,N,m,i,o){"use strict";function L(n){if(n&&n.__esModule)return n;var i=Object.create(null);return n&&Object.keys(n).forEach(function(e){var t;"default"!==e&&(t=Object.getOwnPropertyDescriptor(n,e),Object.defineProperty(i,e,t.get?t:{enumerable:!0,get:function(){return n[e]}}))}),i.default=n,Object.freeze(i)}var s=L(h),a=L(l),_=L(t),r=L(n),j=L(N),p=L(i),H=L(o),$={name:"@progress/kendo-angular-dropdowns",productName:"Kendo UI for Angular",productCodes:["KENDOUIANGULAR","KENDOUICOMPLETE"],publishDate:1654848651,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=function(e,t){return(K=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])})(e,t)};function G(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");function n(){this.constructor=e}K(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)}Object.create;function U(e,t){var n="function"==typeof Symbol&&e[Symbol.iterator];if(!n)return e;var i,o,s=n.call(e),a=[];try{for(;(void 0===t||0<t--)&&!(i=s.next()).done;)a.push(i.value)}catch(e){o={error:e}}finally{try{i&&!i.done&&(n=s.return)&&n.call(s)}finally{if(o)throw o.error}}return a}function W(e,t,n){if(n||2===arguments.length)for(var i,o=0,s=t.length;o<s;o++)!i&&o in t||((i=i||Array.prototype.slice.call(t,0,o))[o]=t[o]);return e.concat(i||Array.prototype.slice.call(t))}Object.create;function q(){for(var e,t="",n=0;n<32;n++)e=16*Math.random()|0,8!==n&&12!==n&&16!==n&&20!==n||(t+="-"),t+=(12===n?4:16===n?3&e|8:e).toString(16);return t}function Z(e){return"string"==typeof e&&0===e.length}function X(e,t,n){i=n;var i,o,s,a=pe(a=e)&&a.filter(function(e){return de(e)&&c(f(e,i))})||[];return s=n,void 0===(o=t)&&(o=[]),(e.map(function(t){return o.find(function(e){return f(e,s)===t})}).filter(function(e){return void 0!==e})||[]).concat(a)}function Q(e){return pe(e)&&e.every(function(e){return de(e)})}function J(e,t,n){var i=t.map(function(e){return c(e)&&c(f(e,n))?f(e,n):e});return e.reduce(function(e,t){t=c(t)&&c(f(t,n))?f(t,n):t,t=i.indexOf(t);return-1!==t&&e.push(t),e},[])}function Y(e,t,n){return!!c(e)&&(e=String(e),0===(e=n?e.toLowerCase():e).indexOf(t))}function ee(t,e){return!!c(t)&&e.every(function(e){return t.hasOwnProperty(e)})}function te(e){return e.className.includes("ng-untouched")}function ne(e){}function ie(e,t){return void 0===t&&(t=0),e=Number(e),isNaN(e)?t:e}function oe(e,t,n){return e.nativeElement.contains(t)||n&&n.popupElement.contains(t)}function se(e){return(e||"").split("_").length-1}function ae(e,t){if(!c(e)||0===e.children.length)return[];var n=e.children;return(n=c(t)?n.filter(function(e){return t(e.item)}):n).forEach(function(e){return n=n.concat(ae(e,t))}),n}function re(e,t){var n=e.dataItem,i=e.index,e=e.level,t=Array.isArray(t)?t:[t],e=c(e)?e:se(i),i=t[Math.min(e,t.length-1)];return B.getter(i)(n)}function d(e,t){return{small:"k-"+e+"-sm",medium:"k-"+e+"-md",large:"k-"+e+"-lg"}[t]}function u(e){return{small:"k-rounded-sm",medium:"k-rounded-md",large:"k-rounded-lg",full:"k-rounded-full"}[e]}function le(e,t){return{solid:"k-"+e+"-solid",flat:"k-"+e+"-flat",outline:"k-"+e+"-outline"}[t]}var c=function(e){return null!=e},pe=function(e){return Array.isArray(e)},de=function(e){return c(e)&&"object"==typeof e},f=function(e,t){return c(e)?c(t)&&de(e)?B.getter(t)(e):e:null},v=(Object.defineProperty(ue.prototype,"userInput",{get:function(){return this._userInput},set:function(e){this._userInput=e||""},enumerable:!1,configurable:!0}),Object.defineProperty(ue.prototype,"value",{get:function(){return this.input.nativeElement.value},enumerable:!1,configurable:!0}),Object.defineProperty(ue.prototype,"placeholder",{get:function(){return this._placeholder},set:function(e){this._placeholder=e||"",this.setInputSize()},enumerable:!1,configurable:!0}),Object.defineProperty(ue.prototype,"ariaExpanded",{get:function(){return"combobox"===this.role?this.popupOpen:null},enumerable:!1,configurable:!0}),ue.prototype.ngOnInit=function(){var t=this;this.localizationChangeSubscription=this.localization.changes.subscribe(function(e){e=e.rtl;return t.direction=e?"rtl":"ltr"})},ue.prototype.ngOnChanges=function(e){var t,n,i;this.input&&(e.userInput||e.suggestedText)&&(e=!e.userInput||!e.userInput.previousValue||this._previousValue===e.userInput.previousValue?this._previousValue:e.userInput.currentValue||"",t=this.input.nativeElement.selectionStart,e=e.length===t,this.writeInputValue(this.suggestedText?(n=this.userInput,i=this.suggestedText,n.concat(i.substr(i.toLowerCase().indexOf(n.toLowerCase())+n.length))):this.userInput),this.suggestedText?this.setInputSelection(this.userInput.length,this.suggestedText.length):e?this.setInputSelection(this.userInput.length,this.userInput.length):this.setInputSelection(t,t),this._previousValue=this.userInput)},ue.prototype.ngOnDestroy=function(){this.localizationChangeSubscription&&this.localizationChangeSubscription.unsubscribe()},ue.prototype.writeInputValue=function(e){l.isDocumentAvailable()&&this.renderer.setProperty(this.input.nativeElement,"value",e)},ue.prototype.setInputSelection=function(e,t){if(l.isDocumentAvailable()&&this.input.nativeElement===document.activeElement)try{this.input.nativeElement.setSelectionRange(e,t)}catch(e){}},ue.prototype.handleInput=function(e){e=e.target.value;e!==this.userInput&&(this._previousValue=e,this.valueChange.emit(e))},ue.prototype.handleFocus=function(e){this.onFocus.emit(e)},ue.prototype.handleBlur=function(e){this.onBlur.emit(e)},ue.prototype.handleKeydown=function(e){var t=e.keyCode;-1<[l.Keys.ArrowUp,l.Keys.ArrowDown,l.Keys.ArrowLeft,l.Keys.ArrowRight,l.Keys.Enter,l.Keys.Escape,l.Keys.Delete,l.Keys.Backspace,l.Keys.Home,l.Keys.End].indexOf(t)&&this.onNavigate.emit(e)},ue.prototype.focus=function(){l.isDocumentAvailable()&&this.input.nativeElement.focus()},ue.prototype.blur=function(){l.isDocumentAvailable()&&this.input.nativeElement.blur()},ue.prototype.setInputSize=function(){function e(e){return e?e.length:0}var t=this.input.nativeElement,n=e(this.placeholder),i=e(this.value),n=Math.max(n,i,1);this.renderer.setAttribute(t,"size",n.toString())},ue);function ue(e,t){this.localization=e,this.valueChange=new h.EventEmitter,this.onBlur=new h.EventEmitter,this.onFocus=new h.EventEmitter,this.onClick=new h.EventEmitter,this.onNavigate=new h.EventEmitter,this.searchBarClass=!0,this._userInput="",this._previousValue="",this._placeholder="",this.direction=e.rtl?"rtl":"ltr",this.renderer=t}v.ɵfac=s.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:s,type:v,deps:[{token:r.LocalizationService},{token:s.Renderer2}],target:s.ɵɵFactoryTarget.Component}),v.ɵcmp=s.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:v,selector:"kendo-searchbar",inputs:{id:"id",listId:"listId",tagListId:"tagListId",activeDescendant:"activeDescendant",noDataLabel:"noDataLabel",disabled:"disabled",readonly:"readonly",tabIndex:"tabIndex",popupOpen:"popupOpen",role:"role",userInput:"userInput",suggestedText:"suggestedText",placeholder:"placeholder"},outputs:{valueChange:"valueChange",onBlur:"onBlur",onFocus:"onFocus",onClick:"onClick",onNavigate:"onNavigate"},host:{properties:{"class.k-searchbar":"this.searchBarClass"}},viewQueries:[{propertyName:"input",first:!0,predicate:["input"],descendants:!0,static:!0}],usesOnChanges:!0,ngImport:s,template:'\n        <input #input\n            autocomplete="off"\n            [id]="id"\n            [disabled]="disabled"\n            [readonly]="readonly"\n            [placeholder]="placeholder"\n            [class]="\'k-input-inner\'"\n            (input)="handleInput($event)"\n            (keydown)="handleKeydown($event)"\n            [kendoEventsOutsideAngular]="{\n                focus: handleFocus,\n                blur: handleBlur\n            }"\n            [scope]="this"\n            [attr.tabIndex]="tabIndex"\n            [attr.dir]="direction"\n            [attr.role]="role"\n            [attr.aria-disabled]="disabled"\n            [attr.aria-readonly]="readonly"\n            aria-haspopup="listbox"\n            [attr.aria-expanded]="ariaExpanded"\n            [attr.aria-owns]="listId"\n            [attr.aria-describedby]="tagListId"\n            [attr.aria-activedescendant]="activeDescendant"\n            [attr.aria-label]="noDataLabel"\n        />\n   ',isInline:!0,directives:[{type:a.EventsOutsideAngularDirective,selector:"[kendoEventsOutsideAngular]",inputs:["kendoEventsOutsideAngular","scope"]}]}),s.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:s,type:v,decorators:[{type:h.Component,args:[{selector:"kendo-searchbar",template:'\n        <input #input\n            autocomplete="off"\n            [id]="id"\n            [disabled]="disabled"\n            [readonly]="readonly"\n            [placeholder]="placeholder"\n            [class]="\'k-input-inner\'"\n            (input)="handleInput($event)"\n            (keydown)="handleKeydown($event)"\n            [kendoEventsOutsideAngular]="{\n                focus: handleFocus,\n                blur: handleBlur\n            }"\n            [scope]="this"\n            [attr.tabIndex]="tabIndex"\n            [attr.dir]="direction"\n            [attr.role]="role"\n            [attr.aria-disabled]="disabled"\n            [attr.aria-readonly]="readonly"\n            aria-haspopup="listbox"\n            [attr.aria-expanded]="ariaExpanded"\n            [attr.aria-owns]="listId"\n            [attr.aria-describedby]="tagListId"\n            [attr.aria-activedescendant]="activeDescendant"\n            [attr.aria-label]="noDataLabel"\n        />\n   '}]}],ctorParameters:function(){return[{type:r.LocalizationService},{type:s.Renderer2}]},propDecorators:{id:[{type:h.Input}],listId:[{type:h.Input}],tagListId:[{type:h.Input}],activeDescendant:[{type:h.Input}],noDataLabel:[{type:h.Input}],disabled:[{type:h.Input}],readonly:[{type:h.Input}],tabIndex:[{type:h.Input}],popupOpen:[{type:h.Input}],role:[{type:h.Input}],userInput:[{type:h.Input}],suggestedText:[{type:h.Input}],valueChange:[{type:h.Output}],onBlur:[{type:h.Output}],onFocus:[{type:h.Output}],onClick:[{type:h.Output}],onNavigate:[{type:h.Output}],input:[{type:h.ViewChild,args:["input",{static:!0}]}],searchBarClass:[{type:h.HostBinding,args:["class.k-searchbar"]}],placeholder:[{type:h.Input}]}});var b,ce=function(e){this.templateRef=e},y=(ce.ɵfac=s.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:s,type:ce,deps:[{token:s.TemplateRef}],target:s.ɵɵFactoryTarget.Directive}),ce.ɵdir=s.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.16",type:ce,selector:"[kendoDropDownListItemTemplate],[kendoComboBoxItemTemplate],[kendoAutoCompleteItemTemplate],[kendoMultiSelectItemTemplate]",ngImport:s}),s.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:s,type:ce,decorators:[{type:h.Directive,args:[{selector:"[kendoDropDownListItemTemplate],[kendoComboBoxItemTemplate],[kendoAutoCompleteItemTemplate],[kendoMultiSelectItemTemplate]"}]}],ctorParameters:function(){return[{type:s.TemplateRef}]}}),function(e){this.templateRef=e}),C=(y.ɵfac=s.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:s,type:y,deps:[{token:s.TemplateRef}],target:s.ɵɵFactoryTarget.Directive}),y.ɵdir=s.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.16",type:y,selector:"[kendoDropDownListHeaderTemplate],[kendoComboBoxHeaderTemplate],[kendoDropDownTreeHeaderTemplate],[kendoMultiColumnComboBoxHeaderTemplate],[kendoAutoCompleteHeaderTemplate],[kendoMultiSelectHeaderTemplate],[kendoMultiSelectTreeHeaderTemplate]",ngImport:s}),s.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:s,type:y,decorators:[{type:h.Directive,args:[{selector:"[kendoDropDownListHeaderTemplate],[kendoComboBoxHeaderTemplate],[kendoDropDownTreeHeaderTemplate],[kendoMultiColumnComboBoxHeaderTemplate],[kendoAutoCompleteHeaderTemplate],[kendoMultiSelectHeaderTemplate],[kendoMultiSelectTreeHeaderTemplate]"}]}],ctorParameters:function(){return[{type:s.TemplateRef}]}}),function(e){this.templateRef=e}),he=(C.ɵfac=s.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:s,type:C,deps:[{token:s.TemplateRef}],target:s.ɵɵFactoryTarget.Directive}),C.ɵdir=s.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.16",type:C,selector:"[kendoDropDownListFooterTemplate],[kendoComboBoxFooterTemplate],[kendoDropDownTreeFooterTemplate],[kendoMultiColumnComboBoxFooterTemplate],[kendoAutoCompleteFooterTemplate],[kendoMultiSelectFooterTemplate],[kendoMultiSelectTreeFooterTemplate]",ngImport:s}),s.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:s,type:C,decorators:[{type:h.Directive,args:[{selector:"[kendoDropDownListFooterTemplate],[kendoComboBoxFooterTemplate],[kendoDropDownTreeFooterTemplate],[kendoMultiColumnComboBoxFooterTemplate],[kendoAutoCompleteFooterTemplate],[kendoMultiSelectFooterTemplate],[kendoMultiSelectTreeFooterTemplate]"}]}],ctorParameters:function(){return[{type:s.TemplateRef}]}}),function(e){this.templateRef=e}),ge=(he.ɵfac=s.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:s,type:he,deps:[{token:s.TemplateRef}],target:s.ɵɵFactoryTarget.Directive}),he.ɵdir=s.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.16",type:he,selector:"[kendoDropDownListGroupTemplate],[kendoComboBoxGroupTemplate],[kendoMultiColumnComboBoxGroupTemplate],[kendoAutoCompleteGroupTemplate],[kendoMultiSelectGroupTemplate]",ngImport:s}),s.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:s,type:he,decorators:[{type:h.Directive,args:[{selector:"[kendoDropDownListGroupTemplate],[kendoComboBoxGroupTemplate],[kendoMultiColumnComboBoxGroupTemplate],[kendoAutoCompleteGroupTemplate],[kendoMultiSelectGroupTemplate]"}]}],ctorParameters:function(){return[{type:s.TemplateRef}]}}),function(e){this.templateRef=e}),k=(ge.ɵfac=s.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:s,type:ge,deps:[{token:s.TemplateRef}],target:s.ɵɵFactoryTarget.Directive}),ge.ɵdir=s.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.16",type:ge,selector:"[kendoDropDownListFixedGroupTemplate],[kendoComboBoxFixedGroupTemplate],[kendoMultiColumnComboBoxFixedGroupTemplate],[kendoAutoCompleteFixedGroupTemplate],[kendoMultiSelectFixedGroupTemplate]",ngImport:s}),s.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:s,type:ge,decorators:[{type:h.Directive,args:[{selector:"[kendoDropDownListFixedGroupTemplate],[kendoComboBoxFixedGroupTemplate],[kendoMultiColumnComboBoxFixedGroupTemplate],[kendoAutoCompleteFixedGroupTemplate],[kendoMultiSelectFixedGroupTemplate]"}]}],ctorParameters:function(){return[{type:s.TemplateRef}]}}),me.prototype.getTotal=function(){return this.total},me.prototype.isSelected=function(t){return c(this.selectedIndices.find(function(e){return e===t}))},me.prototype.isFocused=function(e){return e===this.focused},me.prototype.focus=function(e){this.isFocused(e)||(this.focused=e,this.onFocus.emit(e))},me.prototype.select=function(e){this.isSelected(e)||(this.selectedIndices=[e],this.focused=e,this.onSelect.emit({indices:[e],newSelection:c(e)}))},me.prototype.add=function(e){this.isSelected(e)||(this.selectedIndices.push(e),this.focused=e,this.onChange.emit({added:e,indices:this.selectedIndices.slice()}))},me.prototype.unselect=function(e){var t;this.isSelected(e)&&(t=this.selectedIndices.indexOf(e),this.selectedIndices.splice(t,1),this.focused=e,this.onChange.emit({indices:this.selectedIndices.slice(),removed:e}))},me.prototype.change=function(e){var t=c(e)&&!this.isSelected(e);this.selectedIndices=[e],this.focused=e,this.onChange.emit({indices:[e],newSelection:t})},me.prototype.resetSelection=function(e){this.selectedIndices=e instanceof Array?e:[e],this.focused=this.selectedIndices[this.selectedIndices.length-1]},Object.defineProperty(me.prototype,"selected",{get:function(){return this.selectedIndices.slice()},enumerable:!1,configurable:!0}),Object.defineProperty(me.prototype,"focused",{get:function(){return this.focusedIndex},set:function(e){this.focusedIndex!==e&&(this.focusedIndex=e,this.onFocus.emit(e))},enumerable:!1,configurable:!0}),me);function me(){this.onSelect=new h.EventEmitter,this.onChange=new h.EventEmitter,this.onFocus=new h.EventEmitter,this.total=0,this.selectedIndices=[]}k.ɵfac=s.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:s,type:k,deps:[],target:s.ɵɵFactoryTarget.Injectable}),k.ɵprov=s.ɵɵngDeclareInjectable({minVersion:"12.0.0",version:"12.2.16",ngImport:s,type:k}),s.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:s,type:k,decorators:[{type:h.Injectable}]}),(D=b=b||{})[D.Undefined=0]="Undefined",D[D.Open=1]="Open",D[D.Close=2]="Close",D[D.Enter=3]="Enter",D[D.Tab=4]="Tab",D[D.Esc=5]="Esc",D[D.Delete=6]="Delete",D[D.Backspace=7]="Backspace",D[D.Home=8]="Home",D[D.End=9]="End",D[D.Up=10]="Up",D[D.Down=11]="Down",D[D.Left=12]="Left",D[D.Right=13]="Right";Object.defineProperty(fe.prototype,"data",{get:function(){return this.grouped?this._flatData:this._data},set:function(e){this._data=e,this.grouped=this.isGrouped(e),this.grouped&&(this.groupIndices=this.getGroupIndices(e),this._flatData=this.flatten(e))},enumerable:!1,configurable:!0}),Object.defineProperty(fe.prototype,"itemsCount",{get:function(){return c(this.data)&&0!==this.data.length?(this.grouped?this._flatData.filter(function(e){return!e.header}):this.data).length:0},enumerable:!1,configurable:!0}),fe.prototype.isGrouped=function(e){return c(e)&&0!==e.length&&c(e[0])&&ee(e[0],["aggregates","field","items","value"])},fe.prototype.getGroupIndices=function(e){for(var t=[],n=0;n<=e.length-1;n++)t[n]=(t[n-1]||0)+e[n].items.length;return t},fe.prototype.filter=function(e){var t=[];if(this.isGrouped(this.data))for(var n=0;n<=this.groupIndices.length-1;n++){var i=this.data[n].items.filter(e);i&&(t=t.concat(i))}else t=this.data.filter(e);return t},fe.prototype.indexOf=function(t,e){var n=function(e){return e===t};return this.grouped&&(n=function(e){return e.value===t}),this.findIndex(n,e=void 0===e?0:e)},fe.prototype.findIndex=function(e,t){void 0===t&&(t=0);var n,i=-1;return i=this.grouped?(i=(n=this._flatData.filter(function(e){return!e.header&&e.offsetIndex>=t})).findIndex(e),n[i]?n[i].offsetIndex:-1):-1!==(n=(n=this.data.slice(t)).findIndex(e))?n+t:-1},fe.prototype.closestGroup=function(e){for(var t=e;0<=t;t--)if(this._flatData[t].header)return this._flatData[t]},fe.prototype.find=function(e){e=this.findIndex(e);return this.itemAt(e)},fe.prototype.flatIndex=function(t){if(0===this.itemsCount)return-1;if(!this.grouped)return t;var e=this._flatData.find(function(e){return!e.header&&e.offsetIndex===t});return e?e.index:-1},fe.prototype.itemAt=function(t){var e,n;return 0===this.itemsCount||(this.grouped?(n=this._flatData.find(function(e){return!e.header&&e.offsetIndex===t}))&&(e=n.value):e=this.data[t]),e},fe.prototype.groupAt=function(t){if(0!==this.itemsCount&&this.isGrouped)return this._flatData.find(function(e){return e.header&&e.index===t})},fe.prototype.groupField=function(){return 0!==this.itemsCount&&this.isGrouped?this._data[0].field:null},fe.prototype.itemGroup=function(e){var t;if(e&&0!==this.itemsCount&&this.isGrouped)return t=this.groupField(),t?f(e,t):void 0},fe.prototype.flatten=function(e,t,n,i){void 0===n&&(n=0),void 0===i&&(i=0);var o=[];c(t=void 0===t?void 0:t)&&o.push({header:!0,index:i+n,offsetIndex:i,value:t});for(var s=0;s<e.length;s++){var a=[];e[s].items?(a=this.flatten(e[s].items,e[s].value,n,s),n+=e[s].items.length):a.push({header:!1,index:i+n+s+1,offsetIndex:n+s,value:e[s]}),o=o.concat(a)}return o};var I=fe;function fe(){this.grouped=!1,this.groupIndices=[]}I.ɵfac=s.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:s,type:I,deps:[],target:s.ɵɵFactoryTarget.Injectable}),I.ɵprov=s.ɵɵngDeclareInjectable({minVersion:"12.0.0",version:"12.2.16",ngImport:s,type:I}),s.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:s,type:I,decorators:[{type:h.Injectable}]});ve.prototype.isIndexDisabled=function(e){var t;if(this.itemDisabled)return t=this.dataService.itemAt(e),c(t)?this.itemDisabled({dataItem:t,index:e}):c(this.defaultItem)?this.itemDisabled({dataItem:this.defaultItem,index:-1}):void 0},ve.prototype.isItemDisabled=function(e){var t;if(this.itemDisabled)return-1!==(t=this.dataService.indexOf(e))?this.itemDisabled({dataItem:e,index:t}):c(this.defaultItem)?this.itemDisabled({dataItem:this.defaultItem,index:-1}):void 0};var x=ve;function ve(e){this.dataService=e,this.itemDisabled=null}x.ɵfac=s.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:s,type:x,deps:[{token:I}],target:s.ɵɵFactoryTarget.Injectable}),x.ɵprov=s.ɵɵngDeclareInjectable({minVersion:"12.0.0",version:"12.2.16",ngImport:s,type:x}),s.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:s,type:x,decorators:[{type:h.Injectable}],ctorParameters:function(){return[{type:I}]}});var be=function(e,t){this.index=e,this.originalEvent=t},T=(ye.prototype.process=function(e){var t,n=e.originalEvent.keyCode,i=e.originalEvent.altKey,o=b.Undefined,i=(i&&n===l.Keys.ArrowDown?o=b.Open:i&&n===l.Keys.ArrowUp?o=b.Close:n===l.Keys.Enter?o=b.Enter:n===l.Keys.Escape?o=b.Esc:n===l.Keys.Tab?o=b.Tab:n===l.Keys.ArrowUp?(t=this.next({current:e.current,start:e.min,end:e.max,step:-1}),o=b.Up):n===l.Keys.ArrowLeft?(t=this.next({current:e.current,start:e.min,end:e.max,step:-1}),o=b.Left):n===l.Keys.ArrowDown?(t=this.next({current:e.current,start:e.min,end:e.max,step:1}),o=b.Down):n===l.Keys.ArrowRight?(t=this.next({current:e.current,start:e.min,end:e.max,step:1}),o=b.Right):n===l.Keys.Home?(t=this.isDisabled(0)?e.current:0,o=b.Home):n===l.Keys.End?(t=this.isDisabled(e.max)?e.current:e.max,o=b.End):n===l.Keys.Delete?o=b.Delete:n===l.Keys.Backspace&&(o=b.Backspace),new be(t,e.originalEvent));return o!==b.Undefined&&this[b[o].toLowerCase()].emit(i),o},ye.prototype.next=function(e){var t=e.current,n=e.start,i=e.end,e=e.step,o=c(t)?this.clampIndex(t+e,n,i):n,s=this.firstFocusableIndex(o,n,i,e);return c(s)?s:this.selectionService.isSelected(t)&&n<=t?t:this.firstFocusableIndex(o,n,i,-1*e)},ye.prototype.clampIndex=function(e,t,n){return!c(e)||e<t?t:n<e?n:e},ye.prototype.firstFocusableIndex=function(e,t,n,i){for(;t<=e&&e<=n;){if(!this.isDisabled(e))return e;e+=i}},ye.prototype.isDisabled=function(e){if(this.disabledItemsService)return this.disabledItemsService.isIndexDisabled(e)},ye);function ye(e,t){this.disabledItemsService=e,this.selectionService=t,this.open=new h.EventEmitter,this.close=new h.EventEmitter,this.enter=new h.EventEmitter,this.tab=new h.EventEmitter,this.esc=new h.EventEmitter,this.up=new h.EventEmitter,this.right=new h.EventEmitter,this.down=new h.EventEmitter,this.left=new h.EventEmitter,this.delete=new h.EventEmitter,this.backspace=new h.EventEmitter,this.home=new h.EventEmitter,this.end=new h.EventEmitter}T.ɵfac=s.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:s,type:T,deps:[{token:x},{token:k}],target:s.ɵɵFactoryTarget.Injectable}),T.ɵprov=s.ɵɵngDeclareInjectable({minVersion:"12.0.0",version:"12.2.16",ngImport:s,type:T}),s.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:s,type:T,decorators:[{type:h.Injectable}],ctorParameters:function(){return[{type:x},{type:k}]}});var D=function(e){this.templateRef=e},Ce=(D.ɵfac=s.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:s,type:D,deps:[{token:s.TemplateRef}],target:s.ɵɵFactoryTarget.Directive}),D.ɵdir=s.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.16",type:D,selector:"[kendoDropDownListNoDataTemplate],[kendoDropDownTreeNoDataTemplate],[kendoComboBoxNoDataTemplate],[kendoMultiColumnComboBoxNoDataTemplate],[kendoAutoCompleteNoDataTemplate],[kendoMultiSelectNoDataTemplate],[kendoMultiSelectTreeNoDataTemplate]",ngImport:s}),s.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:s,type:D,decorators:[{type:h.Directive,args:[{selector:"[kendoDropDownListNoDataTemplate],[kendoDropDownTreeNoDataTemplate],[kendoComboBoxNoDataTemplate],[kendoMultiColumnComboBoxNoDataTemplate],[kendoAutoCompleteNoDataTemplate],[kendoMultiSelectNoDataTemplate],[kendoMultiSelectTreeNoDataTemplate]"}]}],ctorParameters:function(){return[{type:s.TemplateRef}]}}),ke.prototype.preventDefault=function(){this.prevented=!0},ke.prototype.isDefaultPrevented=function(){return this.prevented},ke);function ke(){this.prevented=!1}function Ie(){}function xe(e,t){return t=Object.assign({},Te,t),!0===e?t:e?Object.assign({pageSize:Te.pageSize},e):null}var Te={pageSize:50,itemHeight:28},De=new h.InjectionToken("dropdowns-touch-enabled"),we=function(e){this.element=e},Se=(we.ɵfac=s.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:s,type:we,deps:[{token:s.ElementRef}],target:s.ɵɵFactoryTarget.Directive}),we.ɵdir=s.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.16",type:we,selector:'"li[role=option], li[role=group]"',ngImport:s}),s.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:s,type:we,decorators:[{type:h.Directive,args:[{selector:'"li[role=option], li[role=group]"'}]}],ctorParameters:function(){return[{type:s.ElementRef}]}}),Object.defineProperty(Ee.prototype,"templateContext",{set:function(e){this.insertedViewRef&&(this.viewContainerRef.remove(this.viewContainerRef.indexOf(this.insertedViewRef)),this.insertedViewRef=void 0),e.templateRef&&(this.insertedViewRef=this.viewContainerRef.createEmbeddedView(e.templateRef,e))},enumerable:!1,configurable:!0}),Ee);function Ee(e){this.viewContainerRef=e}Se.ɵfac=s.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:s,type:Se,deps:[{token:s.ViewContainerRef}],target:s.ɵɵFactoryTarget.Directive}),Se.ɵdir=s.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.16",type:Se,selector:"[templateContext]",inputs:{templateContext:"templateContext"},ngImport:s}),s.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:s,type:Se,decorators:[{type:h.Directive,args:[{selector:"[templateContext]"}]}],ctorParameters:function(){return[{type:s.ViewContainerRef}]},propDecorators:{templateContext:[{type:h.Input}]}});Object.defineProperty(Oe.prototype,"focusedClassName",{get:function(){return this.selectionService.isFocused(this.index)},enumerable:!1,configurable:!0}),Object.defineProperty(Oe.prototype,"selectedClassName",{get:function(){return!this.checkboxes.enabled&&this.selectionService.isSelected(this.index)},enumerable:!1,configurable:!0}),Oe.prototype.onClick=function(e){e.stopPropagation(),this.checkboxes.enabled&&!this.checkboxes.checkOnClick||(this.multipleSelection?this.selectionService.isSelected(this.index)?this.selectionService.unselect(this.index):this.selectionService.add(this.index):this.selectionService.change(this.index))};var Fe=Oe;function Oe(e){this.checkboxes={enabled:!1},this.multipleSelection=!1,this.selectionService=e}Fe.ɵfac=s.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:s,type:Fe,deps:[{token:k}],target:s.ɵɵFactoryTarget.Directive}),Fe.ɵdir=s.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.16",type:Fe,selector:"[kendoDropDownsSelectable]",inputs:{index:"index",checkboxes:"checkboxes",height:"height",multipleSelection:"multipleSelection"},host:{listeners:{click:"onClick($event)"},properties:{"attr.index":"this.index","style.height.px":"this.height","style.minHeight.px":"this.height","class.k-focus":"this.focusedClassName","class.k-selected":"this.selectedClassName"}},ngImport:s}),s.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:s,type:Fe,decorators:[{type:h.Directive,args:[{selector:"[kendoDropDownsSelectable]"}]}],ctorParameters:function(){return[{type:k}]},propDecorators:{index:[{type:h.HostBinding,args:["attr.index"]},{type:h.Input}],checkboxes:[{type:h.Input}],height:[{type:h.HostBinding,args:["style.height.px"]},{type:h.HostBinding,args:["style.minHeight.px"]},{type:h.Input}],multipleSelection:[{type:h.Input}],focusedClassName:[{type:h.HostBinding,args:["class.k-focus"]}],selectedClassName:[{type:h.HostBinding,args:["class.k-selected"]}],onClick:[{type:h.HostListener,args:["click",["$event"]]}]}});Object.defineProperty(w.prototype,"data",{get:function(){return this._data},set:function(e){this._data=e[0]&&e[0].header?e.slice(0):e},enumerable:!1,configurable:!0}),Object.defineProperty(w.prototype,"size",{get:function(){return this._size},set:function(e){"list"===this.type&&(this.renderer.removeClass(this.wrapper.nativeElement,d("list",this.size)),e&&this.renderer.addClass(this.wrapper.nativeElement,d("list",e)),this._size=e)},enumerable:!1,configurable:!0}),Object.defineProperty(w.prototype,"pageSize",{get:function(){return this.virtual.pageSize||Math.round(this.height/this.virtual.itemHeight)},enumerable:!1,configurable:!0}),Object.defineProperty(w.prototype,"scrollHeight",{get:function(){return(this.dataService.grouped?this.virtual.total-1:this.virtual.total)*this.virtual.itemHeight},enumerable:!1,configurable:!0}),Object.defineProperty(w.prototype,"overflowY",{get:function(){if(c(this.virtual))return this.hasVirtualScrollbar()?"scroll":"hidden"},enumerable:!1,configurable:!0}),Object.defineProperty(w.prototype,"checkboxClasses",{get:function(){return(this.size?d("checkbox",this.size):"")+" "+(this.rounded?u(this.rounded):"")},enumerable:!1,configurable:!0}),w.prototype.ngOnChanges=function(e){l.isChanged("data",e,!1)&&(this.lastLoaded<=0&&(this.lastLoaded=this.data.length-1,this.scrollToFocused=!e.data.isFirstChange()),this.setOverflow()),l.isChanged("virtual",e,!1)&&this.setOverflow(),l.isChanged("type",e,!1)&&this.prepareClasses()},w.prototype.ngAfterViewInit=function(){var e=this;this.setComponentClasses(),this.zone.runOutsideAngular(function(){e.scrollSubscription=g.fromEvent(e.content.nativeElement,"scroll").pipe(m.auditTime(100),m.tap(e.prefetchData.bind(e)),m.tap(e.findCurrentGroup.bind(e))).subscribe(function(){e.lastScrollTop=e.content.nativeElement.scrollTop})}),this.setOverflow()},w.prototype.ngAfterViewChecked=function(){var e;this.virtual&&this.positionItems(),this.items&&this.scrollToFocused&&(this.scrollToFocused=!1,e=this.items.length&&-1===this.selectionService.focused?0:this.selectionService.focused,this.scrollToItem(e)),this.dataService.grouped&&this.findCurrentGroup()},w.prototype.ngOnDestroy=function(){this.selectSubscription.unsubscribe(),this.scrollSubscription&&this.scrollSubscription.unsubscribe()},w.prototype.onCheckedChange=function(e,t){e=e.target.checked;e&&!this.selectionService.isSelected(t)&&this.selectionService.add(t),!e&&this.selectionService.isSelected(t)&&this.selectionService.unselect(t)},w.prototype.prepareClasses=function(){"list"===this.type?(this.listContentClass="k-list-content",this.listClass="k-list-ul",this.listItemClass="k-list-item",this.listVirtualClass="k-virtual-list",this.listGroupStickyHeaderClass="k-list-group-sticky-header",this.listGroupStickyHeaderTextClass="k-list-header-text",this.listGroupItemClass="k-list-group-item",this.listGroupItemTextClass="k-list-item-text"):(this.listContentClass="k-table-body k-table-scroller",this.listClass="k-table k-table-list",this.listItemClass="k-table-row",this.listVirtualClass="k-virtual-table",this.listGroupStickyHeaderClass="k-table-group-sticky-header",this.listGroupStickyHeaderTextClass="k-table-th",this.listGroupItemClass="k-table-group-row",this.listGroupItemTextClass="k-table-th")},w.prototype.isChecked=function(e){e=this.virtual?e+this.virtual.skip:e;return this.selectionService.isSelected(e)},w.prototype.firstVisibleItem=function(){var t=this,e=this.content.nativeElement,n=e.getBoundingClientRect(),e=Array.prototype.slice.call(e.querySelectorAll(".k-disabled")),n=(e.forEach(function(e){return t.renderer.setStyle(e,"pointer-events","auto")}),document.elementFromPoint(n.left+1,n.top+1));e.forEach(function(e){return t.renderer.setStyle(e,"pointer-events","none")});for(var i,o,s,a="li",r=n;null!==r&&1===r.nodeType;){if(o=a,s=void 0,!!(s=(i=r).matches||i.msMatchesSelector||i.webkitMatchesSelector)&&s.call(i,o))return r;r=r.parentElement||r.parentNode}return null},w.prototype.findCurrentGroup=function(){var e,t;this.dataService.grouped?((e=this.firstVisibleItem())?(t=void 0,"group"===e.getAttribute("role")?(t=parseInt(e.getAttribute("group-index"),10),this.currentGroup=this.dataService.groupAt(t).value):(t=parseInt(e.getAttribute("index"),10),this.currentGroup=this.dataService.itemGroup(this.dataService.itemAt(t)))):this.currentGroup=void 0,this.cdr.detectChanges()):this.currentGroup=void 0},w.prototype.prefetchData=function(){var e,t,n,i,o;this.virtual&&(e=Math.trunc(this.content.nativeElement.clientHeight/this.virtual.itemHeight),n=this.content.nativeElement.scrollTop,t=Math.trunc(n/this.virtual.itemHeight),n=n>this.lastScrollTop,i=t+e>=this.lastLoaded&&this.lastLoaded<this.virtual.total-1,o=this.pageSize-(this.lastLoaded-this.startFrom),o=this.lastLoaded-this.pageSize+e>=t-o,n&&i&&this.changePage(t),!n&&o&&this.changePage(t-this.pageSize+e+1))},w.prototype.changePage=function(t){var n=this;this.zone.run(function(){var e=n.pageSize+t;e>n.virtual.total&&(t--,e=n.virtual.total),t<0&&(t=0),n.startFrom=t,n.lastLoaded=e,n.pageChange.emit({skip:t,take:n.pageSize})})},w.prototype.index=function(e,t){return 0<e?this.dataService.groupIndices[e-1]+t:t},w.prototype.getText=function(e){return f(e,this.textField)},w.prototype.getValue=function(e){return f(e,this.valueField)},w.prototype.isDisabled=function(e){return c(this.virtual)&&(e+=this.virtual.skip),this.disabledItemsService.isIndexDisabled(e)},w.prototype.isAltRow=function(e){return"dropdowngrid"===this.type&&e%2!=0},w.prototype.scrollToItem=function(e){var t=e;this.dataService.grouped&&(t=this.dataService.flatIndex(e),t+=this.firstGroupHeaderInTargetedPage(t)?-1:0),this.virtual&&-1<t?this.scrollToIndex(t):(e=this.items.toArray(),c(e[t])&&-1!==t&&this.scroll(e[t].element))},w.prototype.scrollToIndex=function(e){var t=this.content.nativeElement,n=t.scrollTop,e=e*this.virtual.itemHeight,i=this.virtual.itemHeight,o=t.clientHeight,i=e+i;e<n?n=e:n+o<i&&(n=i-o),t.scrollTop=n},w.prototype.scroll=function(e){var t,n,i,o;e&&(e=e.nativeElement,t=this.content.nativeElement,n=e.offsetTop,e=e.offsetHeight,i=t.scrollTop,o=t.clientHeight,e=n+e,n<i?i=n:i+o<e&&(i=e-o),t.scrollTop=i)},w.prototype.hasScrollbar=function(){return!!(c(this.items)&&this.items.length&&c(this.list)&&c(this.content))&&(c(this.virtual)&&this.hasVirtualScrollbar()||this.list.nativeElement.scrollHeight>this.content.nativeElement.offsetHeight)},w.prototype.setOverflow=function(){var e;this.virtual&&(e=this.hasVirtualScrollbar()?"scroll":"hidden",this.renderer.setStyle(this.content.nativeElement,"overflow-y",e))},w.prototype.hasVirtualScrollbar=function(){var e=this.content.nativeElement.offsetHeight,t=this.virtualContainer&&this.virtualContainer.nativeElement.offsetHeight;return this.virtualContainer&&e<t},w.prototype.positionItems=function(){var n=this;this.items.forEach(function(e,t){t=(t+n.startFrom)*n.virtual.itemHeight;n.renderer.setStyle(e.element.nativeElement,"transform","translateY("+t+"px")})},w.prototype.firstGroupHeaderInTargetedPage=function(e){return!c(this.virtual)||0===this.virtual.skip&&this.virtual.pageSize>e},w.prototype.setComponentClasses=function(){"list"===this.type&&(this.renderer.addClass(this.wrapper.nativeElement,"k-list"),this.size&&this.renderer.addClass(this.wrapper.nativeElement,d("list",this.size))),c(this.virtual)&&this.renderer.addClass(this.wrapper.nativeElement,this.listVirtualClass)};var Pe=w;function w(e,t,n,i,o,s,a){var r=this;this.dataService=e,this.wrapper=t,this.selectionService=n,this.disabledItemsService=i,this.cdr=o,this.zone=s,this.renderer=a,this.selected=[],this.focused=-1,this.show=!0,this.multipleSelection=!1,this.type="list",this.checkboxes={enabled:!1},this.rounded="medium",this.onClick=new h.EventEmitter,this.pageChange=new h.EventEmitter,this.listResize=new h.EventEmitter,this.startFrom=0,this.lastLoaded=0,this.lastScrollTop=0,this.scrollToFocused=!1,this._size="medium",this.selectSubscription=g.merge(this.selectionService.onSelect.pipe(m.map(function(e){return e.indices[0]})),this.selectionService.onFocus).pipe(m.switchMap(function(e){return r.zone.onStable.pipe(m.take(1),m.map(function(){return e}))})).subscribe(this.scrollToItem.bind(this)),this.prepareClasses()}Pe.ɵfac=s.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:s,type:Pe,deps:[{token:I},{token:s.ElementRef},{token:k},{token:x},{token:s.ChangeDetectorRef},{token:s.NgZone},{token:s.Renderer2}],target:s.ɵɵFactoryTarget.Component}),Pe.ɵcmp=s.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:Pe,selector:"kendo-list",inputs:{selected:"selected",focused:"focused",textField:"textField",valueField:"valueField",height:"height",template:"template",groupTemplate:"groupTemplate",fixedGroupTemplate:"fixedGroupTemplate",show:"show",id:"id",optionPrefix:"optionPrefix",multipleSelection:"multipleSelection",virtual:"virtual",type:"type",checkboxes:"checkboxes",data:"data",size:"size",rounded:"rounded"},outputs:{onClick:"onClick",pageChange:"pageChange",listResize:"listResize"},viewQueries:[{propertyName:"content",first:!0,predicate:["content"],descendants:!0,static:!0},{propertyName:"list",first:!0,predicate:["list"],descendants:!0,static:!0},{propertyName:"virtualContainer",first:!0,predicate:["virtualContainer"],descendants:!0},{propertyName:"items",predicate:we,descendants:!0}],usesOnChanges:!0,ngImport:s,template:'\n    <div *ngIf="dataService.grouped"\n        [class]="listGroupStickyHeaderClass"\n        [ngStyle]="{\n            \'height.px\': virtual?.itemHeight,\n            \'minHeight.px\' : virtual?.itemHeight,\n            \'boxSizing\' : virtual ? \'border-box\' : \'inherit\'}"\n        >\n        <ng-template *ngIf="fixedGroupTemplate"\n            [templateContext]="{\n                templateRef: fixedGroupTemplate.templateRef,\n                $implicit: currentGroup\n            }">\n        </ng-template>\n        <ng-template [ngIf]="!fixedGroupTemplate"><span [class]="listGroupStickyHeaderTextClass">{{ currentGroup }}</span></ng-template>\n    </div>\n    <div #content\n        [class]="listContentClass"\n        [style.overscrollBehavior]="\'none\'"\n        [style.maxHeight.px]="height"\n        unselectable="on">\n    <ul #list\n        role="listbox"\n        [class]="listClass"\n        [attr.id]="id"\n        [attr.aria-hidden]="!show">\n         <ng-template *ngIf="!dataService.grouped && show" ngFor let-dataItem let-itemIndex="index" [ngForOf]="data">\n            <li\n                role="option"\n                kendoDropDownsSelectable\n                [checkboxes]="checkboxes"\n                [height]="virtual?.itemHeight"\n                [index]="itemIndex + startFrom"\n                [multipleSelection]="multipleSelection"\n                [attr.id]="optionPrefix + \'-\' + getValue(dataItem)"\n                [attr.tabIndex]="-1"\n                [class]="listItemClass"\n                [ngClass]="{\n                    \'k-disabled\': isDisabled(itemIndex),\n                    \'k-table-alt-row\': isAltRow(itemIndex)\n                }"\n            >\n                <input\n                    *ngIf="checkboxes.enabled"\n                    type="checkbox"\n                    class="k-checkbox"\n                    [ngClass]="checkboxClasses"\n                    (change)="onCheckedChange($event, itemIndex)"\n                    [checked]="isChecked(itemIndex)"\n                />\n                <ng-template *ngIf="template"\n                    [templateContext]="{\n                        templateRef: template.templateRef,\n                        $implicit: dataItem\n                    }">\n                </ng-template>\n                <ng-template [ngIf]="!template"><span class="k-list-item-text">{{ getText(dataItem) }}</span></ng-template>\n            </li>\n         </ng-template>\n         <ng-template *ngIf="dataService.grouped" ngFor let-dataItem let-itemIndex="index" [ngForOf]="data">\n            <li\n                *ngIf="dataItem.header && dataItem.index > 0"\n                role="group"\n                [class]="listGroupItemClass"\n                [class.k-table-alt-row]="isAltRow(itemIndex - 1)"\n                [ngStyle]="{\n                    \'height.px\': virtual?.itemHeight,\n                    \'minHeight.px\' : virtual?.itemHeight,\n                    \'boxSizing\' : virtual ? \'border-box\' : \'inherit\'}"\n                [attr.group-index]="dataItem.index"\n                [attr.id]="optionPrefix + \'-\' + getValue(dataItem.value)"\n                [attr.tabIndex]="-1">\n                    <span [class]="listGroupItemTextClass">\n                        <ng-template *ngIf="groupTemplate"\n                            [templateContext]="{\n                                templateRef: groupTemplate.templateRef,\n                                $implicit: dataItem.value\n                        }">\n                        </ng-template>\n                        <ng-template [ngIf]="!groupTemplate">{{ dataItem.value }}</ng-template>\n                    </span>\n            </li>\n            <li\n                *ngIf="!dataItem.header"\n                role="option"\n                kendoDropDownsSelectable\n                [height]="virtual?.itemHeight"\n                [index]="dataItem.offsetIndex"\n                [multipleSelection]="multipleSelection"\n                [attr.absolute-index]="dataItem.index"\n                [attr.id]="optionPrefix + \'-\' + getValue(dataItem.value)"\n                [attr.tabIndex]="-1"\n                [class]="listItemClass"\n                [ngClass]="{\n                    \'k-disabled\': isDisabled(dataItem.offsetIndex),\n                    \'k-table-alt-row\': isAltRow(itemIndex - 1)\n                }"\n            >\n                <ng-template *ngIf="template"\n                    [templateContext]="{\n                        templateRef: template.templateRef,\n                        $implicit: dataItem.value\n                    }">\n                </ng-template>\n                <ng-template [ngIf]="!template"><span class="k-list-item-text">{{ getText(dataItem.value) }}</span></ng-template>\n            </li>\n        </ng-template>\n        <kendo-resize-sensor\n            *ngIf="!virtual"\n            (resize)="listResize.emit()"\n        >\n        </kendo-resize-sensor>\n    </ul>\n    <div *ngIf="virtual" #virtualContainer class="k-height-container" role="presentation">\n        <div [style.height.px]="scrollHeight">\n            <kendo-resize-sensor (resize)="listResize.emit()"></kendo-resize-sensor>\n        </div>\n    </div>\n    </div>\n  ',isInline:!0,components:[{type:a.ResizeSensorComponent,selector:"kendo-resize-sensor",inputs:["rateLimit"],outputs:["resize"]}],directives:[{type:p.NgIf,selector:"[ngIf]",inputs:["ngIf","ngIfThen","ngIfElse"]},{type:p.NgStyle,selector:"[ngStyle]",inputs:["ngStyle"]},{type:Se,selector:"[templateContext]",inputs:["templateContext"]},{type:p.NgForOf,selector:"[ngFor][ngForOf]",inputs:["ngForOf","ngForTrackBy","ngForTemplate"]},{type:we,selector:'"li[role=option], li[role=group]"'},{type:Fe,selector:"[kendoDropDownsSelectable]",inputs:["index","checkboxes","height","multipleSelection"]},{type:p.NgClass,selector:"[ngClass]",inputs:["class","ngClass"]}]}),s.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:s,type:Pe,decorators:[{type:h.Component,args:[{selector:"kendo-list",template:'\n    <div *ngIf="dataService.grouped"\n        [class]="listGroupStickyHeaderClass"\n        [ngStyle]="{\n            \'height.px\': virtual?.itemHeight,\n            \'minHeight.px\' : virtual?.itemHeight,\n            \'boxSizing\' : virtual ? \'border-box\' : \'inherit\'}"\n        >\n        <ng-template *ngIf="fixedGroupTemplate"\n            [templateContext]="{\n                templateRef: fixedGroupTemplate.templateRef,\n                $implicit: currentGroup\n            }">\n        </ng-template>\n        <ng-template [ngIf]="!fixedGroupTemplate"><span [class]="listGroupStickyHeaderTextClass">{{ currentGroup }}</span></ng-template>\n    </div>\n    <div #content\n        [class]="listContentClass"\n        [style.overscrollBehavior]="\'none\'"\n        [style.maxHeight.px]="height"\n        unselectable="on">\n    <ul #list\n        role="listbox"\n        [class]="listClass"\n        [attr.id]="id"\n        [attr.aria-hidden]="!show">\n         <ng-template *ngIf="!dataService.grouped && show" ngFor let-dataItem let-itemIndex="index" [ngForOf]="data">\n            <li\n                role="option"\n                kendoDropDownsSelectable\n                [checkboxes]="checkboxes"\n                [height]="virtual?.itemHeight"\n                [index]="itemIndex + startFrom"\n                [multipleSelection]="multipleSelection"\n                [attr.id]="optionPrefix + \'-\' + getValue(dataItem)"\n                [attr.tabIndex]="-1"\n                [class]="listItemClass"\n                [ngClass]="{\n                    \'k-disabled\': isDisabled(itemIndex),\n                    \'k-table-alt-row\': isAltRow(itemIndex)\n                }"\n            >\n                <input\n                    *ngIf="checkboxes.enabled"\n                    type="checkbox"\n                    class="k-checkbox"\n                    [ngClass]="checkboxClasses"\n                    (change)="onCheckedChange($event, itemIndex)"\n                    [checked]="isChecked(itemIndex)"\n                />\n                <ng-template *ngIf="template"\n                    [templateContext]="{\n                        templateRef: template.templateRef,\n                        $implicit: dataItem\n                    }">\n                </ng-template>\n                <ng-template [ngIf]="!template"><span class="k-list-item-text">{{ getText(dataItem) }}</span></ng-template>\n            </li>\n         </ng-template>\n         <ng-template *ngIf="dataService.grouped" ngFor let-dataItem let-itemIndex="index" [ngForOf]="data">\n            <li\n                *ngIf="dataItem.header && dataItem.index > 0"\n                role="group"\n                [class]="listGroupItemClass"\n                [class.k-table-alt-row]="isAltRow(itemIndex - 1)"\n                [ngStyle]="{\n                    \'height.px\': virtual?.itemHeight,\n                    \'minHeight.px\' : virtual?.itemHeight,\n                    \'boxSizing\' : virtual ? \'border-box\' : \'inherit\'}"\n                [attr.group-index]="dataItem.index"\n                [attr.id]="optionPrefix + \'-\' + getValue(dataItem.value)"\n                [attr.tabIndex]="-1">\n                    <span [class]="listGroupItemTextClass">\n                        <ng-template *ngIf="groupTemplate"\n                            [templateContext]="{\n                                templateRef: groupTemplate.templateRef,\n                                $implicit: dataItem.value\n                        }">\n                        </ng-template>\n                        <ng-template [ngIf]="!groupTemplate">{{ dataItem.value }}</ng-template>\n                    </span>\n            </li>\n            <li\n                *ngIf="!dataItem.header"\n                role="option"\n                kendoDropDownsSelectable\n                [height]="virtual?.itemHeight"\n                [index]="dataItem.offsetIndex"\n                [multipleSelection]="multipleSelection"\n                [attr.absolute-index]="dataItem.index"\n                [attr.id]="optionPrefix + \'-\' + getValue(dataItem.value)"\n                [attr.tabIndex]="-1"\n                [class]="listItemClass"\n                [ngClass]="{\n                    \'k-disabled\': isDisabled(dataItem.offsetIndex),\n                    \'k-table-alt-row\': isAltRow(itemIndex - 1)\n                }"\n            >\n                <ng-template *ngIf="template"\n                    [templateContext]="{\n                        templateRef: template.templateRef,\n                        $implicit: dataItem.value\n                    }">\n                </ng-template>\n                <ng-template [ngIf]="!template"><span class="k-list-item-text">{{ getText(dataItem.value) }}</span></ng-template>\n            </li>\n        </ng-template>\n        <kendo-resize-sensor\n            *ngIf="!virtual"\n            (resize)="listResize.emit()"\n        >\n        </kendo-resize-sensor>\n    </ul>\n    <div *ngIf="virtual" #virtualContainer class="k-height-container" role="presentation">\n        <div [style.height.px]="scrollHeight">\n            <kendo-resize-sensor (resize)="listResize.emit()"></kendo-resize-sensor>\n        </div>\n    </div>\n    </div>\n  '}]}],ctorParameters:function(){return[{type:I},{type:s.ElementRef},{type:k},{type:x},{type:s.ChangeDetectorRef},{type:s.NgZone},{type:s.Renderer2}]},propDecorators:{selected:[{type:h.Input}],focused:[{type:h.Input}],textField:[{type:h.Input}],valueField:[{type:h.Input}],height:[{type:h.Input}],template:[{type:h.Input}],groupTemplate:[{type:h.Input}],fixedGroupTemplate:[{type:h.Input}],show:[{type:h.Input}],id:[{type:h.Input}],optionPrefix:[{type:h.Input}],multipleSelection:[{type:h.Input}],virtual:[{type:h.Input}],type:[{type:h.Input}],checkboxes:[{type:h.Input}],data:[{type:h.Input}],size:[{type:h.Input}],rounded:[{type:h.Input}],onClick:[{type:h.Output}],pageChange:[{type:h.Output}],listResize:[{type:h.Output}],items:[{type:h.ViewChildren,args:[we]}],content:[{type:h.ViewChild,args:["content",{static:!0}]}],list:[{type:h.ViewChild,args:["list",{static:!0}]}],virtualContainer:[{type:h.ViewChild,args:["virtualContainer",{static:!1}]}]}});G(ze,Me=n.ComponentMessages);var Me,S=ze;function ze(){return null!==Me&&Me.apply(this,arguments)||this}S.ɵfac=s.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:s,type:S,deps:null,target:s.ɵɵFactoryTarget.Directive}),S.ɵdir=s.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.16",type:S,inputs:{noDataText:"noDataText",clearTitle:"clearTitle",checkAllText:"checkAllText",selectButtonText:"selectButtonText"},usesInheritance:!0,ngImport:s}),s.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:s,type:S,decorators:[{type:h.Directive}],propDecorators:{noDataText:[{type:h.Input}],clearTitle:[{type:h.Input}],checkAllText:[{type:h.Input}],selectButtonText:[{type:h.Input}]}});G(Ve,Re=S);var Re,Ae=Ve;function Ve(e){var t=Re.call(this)||this;return t.service=e,t}Ae.ɵfac=s.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:s,type:Ae,deps:[{token:r.LocalizationService}],target:s.ɵɵFactoryTarget.Directive}),Ae.ɵdir=s.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.16",type:Ae,selector:"\n    [kendoDropDownListLocalizedMessages],\n    [kendoDropDownTreeLocalizedMessages],\n    [kendoComboBoxLocalizedMessages],\n    [kendoMultiColumnComboBoxLocalizedMessages],\n    [kendoAutoCompleteLocalizedMessages],\n    [kendoMultiSelectLocalizedMessages],\n    [kendoMultiSelectTreeLocalizedMessages]\n  ",providers:[{provide:S,useExisting:h.forwardRef(function(){return Ae})}],usesInheritance:!0,ngImport:s}),s.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:s,type:Ae,decorators:[{type:h.Directive,args:[{providers:[{provide:S,useExisting:h.forwardRef(function(){return Ae})}],selector:"\n    [kendoDropDownListLocalizedMessages],\n    [kendoDropDownTreeLocalizedMessages],\n    [kendoComboBoxLocalizedMessages],\n    [kendoMultiColumnComboBoxLocalizedMessages],\n    [kendoAutoCompleteLocalizedMessages],\n    [kendoMultiSelectLocalizedMessages],\n    [kendoMultiSelectTreeLocalizedMessages]\n  "}]}],ctorParameters:function(){return[{type:r.LocalizationService}]}});var Be={multi:!0,provide:t.NG_VALUE_ACCESSOR,useExisting:h.forwardRef(function(){return Ne})},Ne=(Object.defineProperty(E.prototype,"width",{get:function(){var e=0,t=(l.isDocumentAvailable()&&(e=this.wrapper.offsetWidth),this.popupSettings.width||e);return{min:isNaN(e)?e:e+"px",max:isNaN(t)?t:t+"px"}},enumerable:!1,configurable:!0}),Object.defineProperty(E.prototype,"height",{get:function(){var e=this.popupSettings.height;return c(e)?e+"px":"auto"},enumerable:!1,configurable:!0}),Object.defineProperty(E.prototype,"listContainerClasses",{get:function(){var e=["k-list-container","k-reset"];return this.popupSettings.popupClass&&e.push(this.popupSettings.popupClass),e},enumerable:!1,configurable:!0}),Object.defineProperty(E.prototype,"suggestion",{get:function(){var e;{if(this.text&&this.suggestedText)return e=this.suggestedText.toLowerCase().startsWith(this.text.toLowerCase()),this.suggest&&!this.backspacePressed&&e?this.suggestedText:void 0;this.suggestedText=void 0}},enumerable:!1,configurable:!0}),Object.defineProperty(E.prototype,"appendTo",{get:function(){var e=this.popupSettings.appendTo;if(e&&"root"!==e)return"component"===e?this.container:e},enumerable:!1,configurable:!0}),Object.defineProperty(E.prototype,"clearButtonVisiblity",{get:function(){if(this.touchEnabled)return"visible"},enumerable:!1,configurable:!0}),E.prototype.toggle=function(t){var n=this;Promise.resolve(null).then(function(){var e=c(t)?t:!n._open;n._toggle(e)})},Object.defineProperty(E.prototype,"isOpen",{get:function(){return this._open},enumerable:!1,configurable:!0}),E.prototype.togglePopup=function(e){var t=this.disabled||this.readonly,n=this.isOpen===e;t||n||this.triggerPopupEvents(e)||this._toggle(e)},Object.defineProperty(E.prototype,"activeDescendant",{get:function(){if(!this.isOpen||!c(this.selectionService.focused)||-1===this.selectionService.focused)return null;var e=this.dataService.itemAt(this.selectionService.focused);return this.optionPrefix+"-"+f(e,this.valueField)},enumerable:!1,configurable:!0}),Object.defineProperty(E.prototype,"noDataLabel",{get:function(){if(0===this.data.length)return this.messageFor("noDataText")},enumerable:!1,configurable:!0}),Object.defineProperty(E.prototype,"data",{get:function(){var e,t,n=this.virtual;return n?(t=(e=n.skip||0)+n.pageSize,n.total=this.dataService.data.length,this.dataService.data.slice(e,t)):this.dataService.data},set:function(e){this.dataService.data=e||[],this.virtual&&(this.virtual.skip=0),this.filterable&&(this.selectionService.focused=this.isOpen&&this.data.length&&this.highlightFirst?this.firstFocusableIndex(0):-1),this.suggest&&0<this.dataService.itemsCount&&(this.suggestedText=f(this.dataService.itemAt(0),this.valueField))},enumerable:!1,configurable:!0}),Object.defineProperty(E.prototype,"value",{get:function(){return this._value||""},set:function(e){this.verifySettings(e),this._value=e||"",this.text=this.value,this.cdr.markForCheck()},enumerable:!1,configurable:!0}),Object.defineProperty(E.prototype,"popupSettings",{get:function(){return this._popupSettings},set:function(e){this._popupSettings=Object.assign({animate:!0},e)},enumerable:!1,configurable:!0}),Object.defineProperty(E.prototype,"itemDisabled",{set:function(e){if("function"!=typeof e)throw new Error("itemDisabled must be a function, but received "+JSON.stringify(e)+".");this.disabledItemsService.itemDisabled=e},enumerable:!1,configurable:!0}),Object.defineProperty(E.prototype,"tabIndex",{get:function(){return this.tabindex},set:function(e){this.tabindex=e},enumerable:!1,configurable:!0}),Object.defineProperty(E.prototype,"virtual",{get:function(){return this._virtualSettings},set:function(e){this._virtualSettings=xe(e)},enumerable:!1,configurable:!0}),Object.defineProperty(E.prototype,"size",{get:function(){return this._size},set:function(e){var t=e||"medium";this.renderer.removeClass(this.wrapper,d("input",this.size)),"none"!==e&&this.renderer.addClass(this.wrapper,d("input",t)),this._size=t},enumerable:!1,configurable:!0}),Object.defineProperty(E.prototype,"rounded",{get:function(){return this._rounded},set:function(e){var t=e||"medium";this.renderer.removeClass(this.wrapper,u(this.rounded)),"none"!==e&&this.renderer.addClass(this.wrapper,u(t)),this._rounded=t},enumerable:!1,configurable:!0}),Object.defineProperty(E.prototype,"fillMode",{get:function(){return this._fillMode},set:function(e){var t=e||"solid";this.renderer.removeClass(this.wrapper,le("input",this.fillMode)),"none"!==e&&this.renderer.addClass(this.wrapper,le("input",t)),this._fillMode=t},enumerable:!1,configurable:!0}),Object.defineProperty(E.prototype,"isFocused",{get:function(){return this._isFocused},set:function(e){this.renderer[e?"addClass":"removeClass"](this.wrapper,"k-focus"),this._isFocused=e},enumerable:!1,configurable:!0}),Object.defineProperty(E.prototype,"isDisabled",{get:function(){return this.disabled},enumerable:!1,configurable:!0}),Object.defineProperty(E.prototype,"isLoading",{get:function(){return this.loading},enumerable:!1,configurable:!0}),Object.defineProperty(E.prototype,"dir",{get:function(){return this.direction},enumerable:!1,configurable:!0}),E.prototype.ngOnInit=function(){var t=this;this.renderer.removeAttribute(this.wrapper,"tabindex"),this.localizationChangeSubscription=this.localization.changes.subscribe(function(e){e=e.rtl;t.direction=e?"rtl":"ltr",t.cdr.detectChanges()}),this.setComponentClasses()},E.prototype.ngOnDestroy=function(){this.destroyPopup(),this.unsubscribeEvents(),this.localizationChangeSubscription&&this.localizationChangeSubscription.unsubscribe()},E.prototype.ngOnChanges=function(e){var t=this.virtual;t&&e.data&&e.data.isFirstChange()&&this.pageChange({skip:0,take:t.pageSize})},E.prototype.reset=function(){this.value=""},E.prototype.messageFor=function(e){return this.localization.get(e)},E.prototype.clearValue=function(e){e.stopImmediatePropagation(),this.focus(),this.change(""),this.filterable&&this.filterChange.emit(""),this.selectionService.resetSelection([])},E.prototype.writeValue=function(e){this.value=e},E.prototype.registerOnChange=function(e){this.onChangeCallback=e},E.prototype.registerOnTouched=function(e){this.onTouchedCallback=e},E.prototype.setDisabledState=function(e){this.disabled=e},E.prototype.focusItemAt=function(e){var t=0<=e&&e<this.data.length;c(e)&&t&&!this.disabledItemsService.isIndexDisabled(e)?this.selectionService.focus(e):this.selectionService.focus(-1)},E.prototype.focus=function(){this.disabled||this.searchbar.focus()},E.prototype.blur=function(){this.disabled||this.searchbar.blur()},E.prototype.onResize=function(){var e,t,n;this._open&&(e=this.popupRef.popupElement,t=(n=this.width).min,n=n.max,e.style.minWidth=t,e.style.width=n)},E.prototype.emitChange=function(e){this.onChangeCallback(e),this.valueChange.emit(e)},E.prototype.verifySettings=function(e){if(h.isDevMode()&&c(e)&&"string"!=typeof e)throw new Error("Expected value of type string. See https://www.telerik.com/kendo-angular-ui/components/dropdowns/autocomplete/value-binding/")},E.prototype.search=function(e,t){void 0===t&&(t=0),t=e.length&&this.dataService.itemsCount?this.dataService.findIndex(this.findIndexPredicate(e),t):-1,this.disabledItemsService.isIndexDisabled(t)?t+1<this.dataService.itemsCount?this.search(e,t+1):this.selectionService.focus(-1):(this.selectionService.focus(t),this.suggest&&(this.suggestedText=f(this.dataService.itemAt(t),this.valueField)))},E.prototype.navigate=function(e){this.isOpen&&this.selectionService.focus(e)},E.prototype.handleNavigate=function(e){var t=isNaN(this.selectionService.focused)?this.firstFocusableIndex(0):this.selectionService.focused;this.disabled||this.readonly||isNaN(t)||(t=this.navigationService.process({current:t,max:this.dataService.itemsCount-1,min:0,originalEvent:e}))!==b.Undefined&&t!==b.Backspace&&t!==b.Delete&&t!==b.Home&&t!==b.End&&t!==b.Left&&t!==b.Right&&(t===b.Enter&&this.isOpen||t!==b.Enter)&&e.preventDefault()},E.prototype.handleEnter=function(e){var t=this.selectionService.focused;this.isOpen&&e.originalEvent.preventDefault(),t=0<=t?f(this.dataService.itemAt(t),this.valueField):(e=this.suggest&&this.suggestedText&&this.data.length&&f(this.dataService.itemAt(0),this.valueField).toLowerCase()===this.searchbar.value.toLowerCase(),this.isOpen&&e?this.suggestedText:this.searchbar.value),this.change(t)},E.prototype.handleEscape=function(){this.togglePopup(!1),this.selectionService.focused=-1,this.suggestedText=null},E.prototype.searchBarChange=function(e){var t=c(this.text)?this.text.length:0;this.backspacePressed=e.length<t,this.text=e,this.togglePopup(0<e.length),this.highlightFirst||(this.selectionService.focused=-1),this.filterable?this.filterChange.emit(e):this.highlightFirst&&this.search(e)},E.prototype.handleFocus=function(){var e=this;this.isFocused=!0,l.hasObservers(this.onFocus)&&this._zone.run(function(){e.onFocus.emit()})},E.prototype.handleBlur=function(){var e=this,t=this.filterable?this.selectionService.focused:-1,n=(this.searchbar.input.nativeElement.scrollLeft=0,(t=-1!==t?(t=this.dataService.itemAt(t),f(t,this.valueField)||""):this.searchbar.value)===this.searchbar.value),t=t.toLowerCase()===this.searchbar.value.toLowerCase(),i=(!n&&t&&this.selectionService.resetSelection([]),this.isFocused=!1,this.value!==this.text);l.hasObservers(this.onBlur)||l.hasObservers(this.close)||te(this.wrapper)||i?this._zone.run(function(){i&&e.change(e.searchbar.value),e.onBlur.emit(),e.onTouchedCallback(),e.togglePopup(!1)}):this.togglePopup(!1)},E.prototype.pageChange=function(e){this.virtual.skip=e.skip},E.prototype.change=function(e){this.togglePopup(!1),this.valueChangeSubject.next(e)},E.prototype.subscribeEvents=function(){var n=this;l.isDocumentAvailable()&&(this.valueChangeSubscription=this.valueChangeSubject.subscribe(function(e){var t=n.value!==e;n.value=e,n.text=e,t&&n.emitChange(e)}),this.changeSubscription=this.selectionService.onChange.subscribe(this.handleItemChange.bind(this)),this.focusSubscription=this.selectionService.onFocus.subscribe(this.handleItemFocus.bind(this)),this.navigationSubscription=g.merge(this.navigationService.up,this.navigationService.down).subscribe(function(e){return n.navigate(e.index)}),this.closeSubscription=this.navigationService.close.subscribe(function(){return n.togglePopup(!1)}),this.enterSubscription=this.navigationService.enter.subscribe(this.handleEnter.bind(this)),this.escSubscription=this.navigationService.esc.subscribe(this.handleEscape.bind(this)))},E.prototype.subscribeTouchEvents=function(){var t=this;l.isDocumentAvailable()&&this.touchEnabled&&this._zone.runOutsideAngular(function(){return t.touchstartDisposeHandler=t.renderer.listen(document,"touchstart",function(e){e=e.target;t.isFocused&&!oe(t.hostElement,e,t.popupRef)&&t._zone.run(function(){return t.blur()})})})},E.prototype.unsubscribeEvents=function(){l.isDocumentAvailable()&&(this.changeSubscription.unsubscribe(),this.navigationSubscription.unsubscribe(),this.closeSubscription.unsubscribe(),this.enterSubscription.unsubscribe(),this.escSubscription.unsubscribe(),this.valueChangeSubscription.unsubscribe(),this.focusSubscription.unsubscribe(),this.touchstartDisposeHandler&&this.touchstartDisposeHandler())},E.prototype.handleItemChange=function(e){var e=e.indices.length?e.indices[0]:void 0;this.selectionService.resetSelection([-1]),c(e)&&(e=f(this.dataService.itemAt(e),this.valueField),this.change(e))},E.prototype.handleItemFocus=function(e){var t=this.selectionService.focused;Boolean(this.suggest&&this.data&&this.data.length&&0<=t)&&(this.suggestedText=f(this.dataService.itemAt(t),this.valueField))},E.prototype.createPopup=function(){var e=this,t=(this.virtual&&(this.virtual.skip=0),"rtl"===this.direction?"right":"left"),t=(this.popupRef=this.popupService.open({anchor:this.wrapper,animate:this.popupSettings.animate,appendTo:this.appendTo,content:this.popupTemplate,popupClass:this.listContainerClasses,positionMode:"absolute",popupAlign:{horizontal:t,vertical:"top"},anchorAlign:{horizontal:t,vertical:"bottom"}}),this.popupRef.popupElement),n=this.width,i=n.min,n=n.max;t.addEventListener("mousedown",this.popupMouseDownHandler),t.style.minWidth=i,t.style.width=n,t.style.height=this.height,t.setAttribute("dir",this.direction),this.popupRef.popupOpen.subscribe(function(){e.cdr.detectChanges(),e.optionsList.scrollToItem(e.selectionService.focused),e.opened.emit()}),this.popupRef.popupClose.subscribe(function(){e.closed.emit()}),this.popupRef.popupAnchorViewportLeave.subscribe(function(){return e.togglePopup(!1)})},E.prototype.destroyPopup=function(){this.popupRef&&(this.popupRef.popupElement.removeEventListener("mousedown",this.popupMouseDownHandler),this.popupRef.close(),this.popupRef=null)},E.prototype._toggle=function(e){this._open=e,this.destroyPopup(),this._open&&this.createPopup()},E.prototype.triggerPopupEvents=function(e){var t=new Ce;return(e?this.open:this.close).emit(t),t.isDefaultPrevented()},E.prototype.firstFocusableIndex=function(e){var t=this.data.length-1;return this.disabledItemsService.isIndexDisabled(e)?e<t?this.firstFocusableIndex(e+1):void 0:e},E.prototype.findIndexPredicate=function(t){var n=this;return this.dataService.grouped?function(e){e=f(e.value,n.valueField);return(e=c(e)?e.toString().toLowerCase():"").startsWith(t.toLowerCase())}:function(e){e=f(e,n.valueField);return(e=c(e)?e.toString().toLowerCase():"").startsWith(t.toLowerCase())}},E.prototype.setComponentClasses=function(){"none"!==this.size&&this.renderer.addClass(this.wrapper,d("input",this.size)),"none"!==this.rounded&&this.renderer.addClass(this.wrapper,u(this.rounded)),"none"!==this.fillMode&&this.renderer.addClass(this.wrapper,le("input",this.fillMode))},E);function E(e,t,n,i,o,s,a,r,l,p,d){this.localization=e,this.dataService=t,this.popupService=n,this.selectionService=i,this.navigationService=o,this.disabledItemsService=s,this._zone=a,this.cdr=r,this.renderer=l,this.hostElement=p,this.touchEnabled=d,this.highlightFirst=!0,this.focusableId="k-"+q(),this.placeholder="",this.listHeight=200,this.clearButton=!0,this.disabled=!1,this.readonly=!1,this.tabindex=0,this.filterable=!1,this.valueChange=new h.EventEmitter,this.filterChange=new h.EventEmitter,this.open=new h.EventEmitter,this.opened=new h.EventEmitter,this.close=new h.EventEmitter,this.closed=new h.EventEmitter,this.onFocus=new h.EventEmitter,this.onBlur=new h.EventEmitter,this.widgetClasses=!0,this.listBoxId=q(),this.optionPrefix=q(),this.onChangeCallback=ne,this.onTouchedCallback=ne,this.popupMouseDownHandler=function(e){return e.preventDefault()},this._popupSettings={animate:!0},this._open=!1,this._value="",this.valueChangeSubject=new g.Subject,this._isFocused=!1,this._size="medium",this._rounded="medium",this._fillMode="solid",V.validatePackage($),this.direction=e.rtl?"rtl":"ltr",this.wrapper=this.hostElement.nativeElement,this.data=[],this.subscribeEvents(),this.subscribeTouchEvents(),this.selectionService.resetSelection([-1])}Ne.ɵfac=s.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:s,type:Ne,deps:[{token:r.LocalizationService},{token:I},{token:j.PopupService},{token:k},{token:T},{token:x},{token:s.NgZone},{token:s.ChangeDetectorRef},{token:s.Renderer2},{token:s.ElementRef},{token:De,optional:!0}],target:s.ɵɵFactoryTarget.Component}),Ne.ɵcmp=s.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:Ne,selector:"kendo-autocomplete",inputs:{highlightFirst:"highlightFirst",focusableId:"focusableId",data:"data",value:"value",valueField:"valueField",placeholder:"placeholder",popupSettings:"popupSettings",listHeight:"listHeight",loading:"loading",clearButton:"clearButton",suggest:"suggest",disabled:"disabled",itemDisabled:"itemDisabled",readonly:"readonly",tabindex:"tabindex",tabIndex:"tabIndex",filterable:"filterable",virtual:"virtual",size:"size",rounded:"rounded",fillMode:"fillMode"},outputs:{valueChange:"valueChange",filterChange:"filterChange",open:"open",opened:"opened",close:"close",closed:"closed",onFocus:"focus",onBlur:"blur"},host:{properties:{"class.k-autocomplete":"this.widgetClasses","class.k-input":"this.widgetClasses","class.k-disabled":"this.isDisabled","class.k-loading":"this.isLoading","attr.dir":"this.dir"}},providers:[Be,I,k,T,x,n.LocalizationService,{provide:n.L10N_PREFIX,useValue:"kendo.autocomplete"},{provide:Ie,useExisting:h.forwardRef(function(){return Ne})},{provide:l.KendoInput,useExisting:h.forwardRef(function(){return Ne})}],queries:[{propertyName:"template",first:!0,predicate:ce,descendants:!0},{propertyName:"headerTemplate",first:!0,predicate:y,descendants:!0},{propertyName:"footerTemplate",first:!0,predicate:C,descendants:!0},{propertyName:"noDataTemplate",first:!0,predicate:D,descendants:!0},{propertyName:"groupTemplate",first:!0,predicate:he,descendants:!0},{propertyName:"fixedGroupTemplate",first:!0,predicate:ge,descendants:!0}],viewQueries:[{propertyName:"container",first:!0,predicate:["container"],descendants:!0,read:h.ViewContainerRef,static:!0},{propertyName:"popupTemplate",first:!0,predicate:["popupTemplate"],descendants:!0,static:!0},{propertyName:"searchbar",first:!0,predicate:v,descendants:!0,static:!0},{propertyName:"optionsList",first:!0,predicate:["optionsList"],descendants:!0}],exportAs:["kendoAutoComplete"],usesOnChanges:!0,ngImport:s,template:'\n        <ng-container kendoAutoCompleteLocalizedMessages\n            i18n-noDataText="kendo.autocomplete.noDataText|The text displayed in the popup when there are no items"\n            noDataText="NO DATA FOUND"\n\n            i18n-clearTitle="kendo.autocomplete.clearTitle|The title of the clear button"\n            clearTitle="clear"\n        >\n        </ng-container>\n        <kendo-searchbar #searchbar\n            [role]="\'combobox\'"\n            [id]="focusableId"\n            [listId]="listBoxId"\n            [activeDescendant]="activeDescendant"\n            [noDataLabel]="noDataLabel"\n            [userInput]="text"\n            [suggestedText]="suggestion"\n            [disabled]="disabled"\n            [readonly]="readonly"\n            [tabIndex]="tabIndex"\n            [popupOpen]="isOpen"\n            [placeholder]="placeholder"\n            (onNavigate)="handleNavigate($event)"\n            (valueChange)="searchBarChange($event)"\n            (onBlur)="handleBlur()"\n            (onFocus)="handleFocus()"\n        ></kendo-searchbar>\n        <span\n            *ngIf="!loading && !readonly && (clearButton && text?.length)"\n            class="k-clear-value"\n            [style.visibility]="clearButtonVisiblity"\n            [attr.title]="messageFor(\'clearTitle\')"\n            role="button"\n            tabindex="-1"\n            (click)="clearValue($event)"\n            (mousedown)="$event.preventDefault()"\n        >\n            <span class="k-icon k-i-x"></span>\n        </span>\n        <span *ngIf="loading" class="k-icon k-i-loading k-input-loading-icon"></span>\n        <ng-template #popupTemplate>\n            \x3c!--header template--\x3e\n            <ng-template *ngIf="headerTemplate"\n                [templateContext]="{\n                    templateRef: headerTemplate.templateRef\n                }">\n            </ng-template>\n            \x3c!--list--\x3e\n            <kendo-list\n                #optionsList\n                [size]="size"\n                [rounded]="rounded"\n                [id]="listBoxId"\n                [optionPrefix]="optionPrefix"\n                [data]="data"\n                [textField]="valueField"\n                [valueField]="valueField"\n                [template]="template"\n                [groupTemplate]="groupTemplate"\n                [fixedGroupTemplate]="fixedGroupTemplate"\n                [height]="listHeight"\n                [show]="isOpen"\n                [virtual]="virtual"\n                (pageChange)="pageChange($event)"\n            >\n            </kendo-list>\n            \x3c!--no-data template--\x3e\n            <div class="k-no-data" *ngIf="data.length === 0">\n                <ng-template [ngIf]="noDataTemplate"\n                    [templateContext]="{\n                        templateRef: noDataTemplate?.templateRef\n                    }">\n                </ng-template>\n                <ng-template [ngIf]="!noDataTemplate">\n                    <div>{{ messageFor(\'noDataText\') }}</div>\n                </ng-template>\n            </div>\n            \x3c!--footer template--\x3e\n            <ng-template *ngIf="footerTemplate"\n                [templateContext]="{\n                    templateRef: footerTemplate.templateRef\n                }">\n            </ng-template>\n        </ng-template>\n        <ng-template [ngIf]="isOpen">\n            <kendo-resize-sensor (resize)="onResize()"></kendo-resize-sensor>\n        </ng-template>\n        <ng-container #container></ng-container>\n  ',isInline:!0,components:[{type:v,selector:"kendo-searchbar",inputs:["id","listId","tagListId","activeDescendant","noDataLabel","disabled","readonly","tabIndex","popupOpen","role","userInput","suggestedText","placeholder"],outputs:["valueChange","onBlur","onFocus","onClick","onNavigate"]},{type:Pe,selector:"kendo-list",inputs:["selected","focused","textField","valueField","height","template","groupTemplate","fixedGroupTemplate","show","id","optionPrefix","multipleSelection","virtual","type","checkboxes","data","size","rounded"],outputs:["onClick","pageChange","listResize"]},{type:a.ResizeSensorComponent,selector:"kendo-resize-sensor",inputs:["rateLimit"],outputs:["resize"]}],directives:[{type:Ae,selector:"\n    [kendoDropDownListLocalizedMessages],\n    [kendoDropDownTreeLocalizedMessages],\n    [kendoComboBoxLocalizedMessages],\n    [kendoMultiColumnComboBoxLocalizedMessages],\n    [kendoAutoCompleteLocalizedMessages],\n    [kendoMultiSelectLocalizedMessages],\n    [kendoMultiSelectTreeLocalizedMessages]\n  "},{type:p.NgIf,selector:"[ngIf]",inputs:["ngIf","ngIfThen","ngIfElse"]},{type:Se,selector:"[templateContext]",inputs:["templateContext"]}]}),s.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:s,type:Ne,decorators:[{type:h.Component,args:[{exportAs:"kendoAutoComplete",providers:[Be,I,k,T,x,n.LocalizationService,{provide:n.L10N_PREFIX,useValue:"kendo.autocomplete"},{provide:Ie,useExisting:h.forwardRef(function(){return Ne})},{provide:l.KendoInput,useExisting:h.forwardRef(function(){return Ne})}],selector:"kendo-autocomplete",template:'\n        <ng-container kendoAutoCompleteLocalizedMessages\n            i18n-noDataText="kendo.autocomplete.noDataText|The text displayed in the popup when there are no items"\n            noDataText="NO DATA FOUND"\n\n            i18n-clearTitle="kendo.autocomplete.clearTitle|The title of the clear button"\n            clearTitle="clear"\n        >\n        </ng-container>\n        <kendo-searchbar #searchbar\n            [role]="\'combobox\'"\n            [id]="focusableId"\n            [listId]="listBoxId"\n            [activeDescendant]="activeDescendant"\n            [noDataLabel]="noDataLabel"\n            [userInput]="text"\n            [suggestedText]="suggestion"\n            [disabled]="disabled"\n            [readonly]="readonly"\n            [tabIndex]="tabIndex"\n            [popupOpen]="isOpen"\n            [placeholder]="placeholder"\n            (onNavigate)="handleNavigate($event)"\n            (valueChange)="searchBarChange($event)"\n            (onBlur)="handleBlur()"\n            (onFocus)="handleFocus()"\n        ></kendo-searchbar>\n        <span\n            *ngIf="!loading && !readonly && (clearButton && text?.length)"\n            class="k-clear-value"\n            [style.visibility]="clearButtonVisiblity"\n            [attr.title]="messageFor(\'clearTitle\')"\n            role="button"\n            tabindex="-1"\n            (click)="clearValue($event)"\n            (mousedown)="$event.preventDefault()"\n        >\n            <span class="k-icon k-i-x"></span>\n        </span>\n        <span *ngIf="loading" class="k-icon k-i-loading k-input-loading-icon"></span>\n        <ng-template #popupTemplate>\n            \x3c!--header template--\x3e\n            <ng-template *ngIf="headerTemplate"\n                [templateContext]="{\n                    templateRef: headerTemplate.templateRef\n                }">\n            </ng-template>\n            \x3c!--list--\x3e\n            <kendo-list\n                #optionsList\n                [size]="size"\n                [rounded]="rounded"\n                [id]="listBoxId"\n                [optionPrefix]="optionPrefix"\n                [data]="data"\n                [textField]="valueField"\n                [valueField]="valueField"\n                [template]="template"\n                [groupTemplate]="groupTemplate"\n                [fixedGroupTemplate]="fixedGroupTemplate"\n                [height]="listHeight"\n                [show]="isOpen"\n                [virtual]="virtual"\n                (pageChange)="pageChange($event)"\n            >\n            </kendo-list>\n            \x3c!--no-data template--\x3e\n            <div class="k-no-data" *ngIf="data.length === 0">\n                <ng-template [ngIf]="noDataTemplate"\n                    [templateContext]="{\n                        templateRef: noDataTemplate?.templateRef\n                    }">\n                </ng-template>\n                <ng-template [ngIf]="!noDataTemplate">\n                    <div>{{ messageFor(\'noDataText\') }}</div>\n                </ng-template>\n            </div>\n            \x3c!--footer template--\x3e\n            <ng-template *ngIf="footerTemplate"\n                [templateContext]="{\n                    templateRef: footerTemplate.templateRef\n                }">\n            </ng-template>\n        </ng-template>\n        <ng-template [ngIf]="isOpen">\n            <kendo-resize-sensor (resize)="onResize()"></kendo-resize-sensor>\n        </ng-template>\n        <ng-container #container></ng-container>\n  '}]}],ctorParameters:function(){return[{type:r.LocalizationService},{type:I},{type:j.PopupService},{type:k},{type:T},{type:x},{type:s.NgZone},{type:s.ChangeDetectorRef},{type:s.Renderer2},{type:s.ElementRef},{type:void 0,decorators:[{type:h.Optional},{type:h.Inject,args:[De]}]}]},propDecorators:{highlightFirst:[{type:h.Input}],focusableId:[{type:h.Input}],data:[{type:h.Input}],value:[{type:h.Input}],valueField:[{type:h.Input}],placeholder:[{type:h.Input}],popupSettings:[{type:h.Input}],listHeight:[{type:h.Input}],loading:[{type:h.Input}],clearButton:[{type:h.Input}],suggest:[{type:h.Input}],disabled:[{type:h.Input}],itemDisabled:[{type:h.Input}],readonly:[{type:h.Input}],tabindex:[{type:h.Input}],tabIndex:[{type:h.Input,args:["tabIndex"]}],filterable:[{type:h.Input}],virtual:[{type:h.Input}],size:[{type:h.Input}],rounded:[{type:h.Input}],fillMode:[{type:h.Input}],valueChange:[{type:h.Output}],filterChange:[{type:h.Output}],open:[{type:h.Output}],opened:[{type:h.Output}],close:[{type:h.Output}],closed:[{type:h.Output}],onFocus:[{type:h.Output,args:["focus"]}],onBlur:[{type:h.Output,args:["blur"]}],template:[{type:h.ContentChild,args:[ce,{static:!1}]}],headerTemplate:[{type:h.ContentChild,args:[y,{static:!1}]}],footerTemplate:[{type:h.ContentChild,args:[C,{static:!1}]}],noDataTemplate:[{type:h.ContentChild,args:[D,{static:!1}]}],groupTemplate:[{type:h.ContentChild,args:[he,{static:!1}]}],fixedGroupTemplate:[{type:h.ContentChild,args:[ge,{static:!1}]}],container:[{type:h.ViewChild,args:["container",{read:h.ViewContainerRef,static:!0}]}],popupTemplate:[{type:h.ViewChild,args:["popupTemplate",{static:!0}]}],searchbar:[{type:h.ViewChild,args:[v,{static:!0}]}],optionsList:[{type:h.ViewChild,args:["optionsList",{static:!1}]}],widgetClasses:[{type:h.HostBinding,args:["class.k-autocomplete"]},{type:h.HostBinding,args:["class.k-input"]}],isDisabled:[{type:h.HostBinding,args:["class.k-disabled"]}],isLoading:[{type:h.HostBinding,args:["class.k-loading"]}],dir:[{type:h.HostBinding,args:["attr.dir"]}]}});var Le="Expected values of array type. See http://www.telerik.com/kendo-angular-ui/components/dropdowns/multiselect/#value-selection",_e="Expected values of Object type. See http://www.telerik.com/kendo-angular-ui/components/dropdowns/multiselect/#value-selection",je="Expected values of primitive type. See http://www.telerik.com/kendo-angular-ui/components/dropdowns/multiselect/#value-selection",He="Expected textField and valueField options to be set. See http://www.telerik.com/kendo-angular-ui/components/dropdowns/multiselect/#toc-bind-to-arrays-of-complex-data",$e="Expected values of array type. See http://www.telerik.com/kendo-angular-ui/components/dropdowns/multiselecttree/#value-selection",Ke="Expected values of primitive type. See http://www.telerik.com/kendo-angular-ui/components/dropdowns/multiselecttree/value-binding/#toc-primitive-values",Ge="Expected values of type Object. See http://www.telerik.com/kendo-angular-ui/components/dropdowns/multiselecttree/value-binding/#toc-object-values",Ue="Expected dataItems of type Object[] to be set. See https://www.telerik.com/kendo-angular-ui/components/dropdowns/api/MultiSelectTreeComponent/#toc-dataitems",We="Expected dataItems length to match the number of provided values. See https://www.telerik.com/kendo-angular-ui/components/dropdowns/api/MultiSelectTreeComponent/#toc-dataitems",qe="Expected textField and valueField options to be set. See https://www.telerik.com/kendo-angular-ui/components/dropdowns/multiselecttree/value-binding",Ze="Expected valueDepth of type number[] to be set. See https://www.telerik.com/kendo-angular-ui-develop/components/dropdowns/api/MultiSelectTreeComponent/#toc-valuedepth",Xe="Expected valueDepth length to match the number of provided values. See https://www.telerik.com/kendo-angular-ui-develop/components/dropdowns/api/MultiSelectTreeComponent/#toc-valuedepth",Qe="Expected value of type Object. See http://www.telerik.com/kendo-angular-ui/components/dropdowns/combobox/#toc-value-selection",Je="Expected value of primitive type. See http://www.telerik.com/kendo-angular-ui/components/dropdowns/combobox/#toc-value-selection",Ye="Expected textField and valueField options to be set. See http://www.telerik.com/kendo-angular-ui/components/dropdowns/combobox/#toc-bind-to-arrays-of-complex-data",et="Expected virtual.itemHeight of type number.",tt="Provided data must consist only of objects. See https://www.telerik.com/kendo-angular-ui/components/dropdowns/multicolumncombobox/data-binding/",nt="Expected textField and valueField options to be set. See https://www.telerik.com/kendo-angular-ui/components/dropdowns/multicolumncombobox/data-binding/#toc-fields-configuration",it="defaultItem and data items must be of same type. See http://www.telerik.com/kendo-angular-ui/components/dropdowns/api/DropDownListComponent/#toc-defaultitem",ot="Expected value of type Object. See http://www.telerik.com/kendo-angular-ui/components/dropdowns/dropdownlist/#toc-value-selection",st="Expected value of primitive type. See http://www.telerik.com/kendo-angular-ui/components/dropdowns/dropdownlist/#toc-value-selection",at="Expected textField and valueField options to be set. See http://www.telerik.com/kendo-angular-ui/components/dropdowns/dropdownlist/#toc-bind-to-arrays-of-complex-data",rt="Expected value of primitive type. See http://www.telerik.com/kendo-angular-ui/components/dropdowns/dropdowntree/value-binding/#toc-primitive-values",lt="Expected value of type Object. See http://www.telerik.com/kendo-angular-ui/components/dropdowns/dropdowntree/value-binding/#toc-object-values",pt="Expected dataItem of type Object to be set. See https://www.telerik.com/kendo-angular-ui/components/dropdowns/api/DropDownTreeComponent/#toc-dataitem",dt="Expected textField and valueField options to be set. See https://www.telerik.com/kendo-angular-ui/components/dropdowns/dropdowntree/value-binding",ut="Expected valueDepth to be set. See https://www.telerik.com/kendo-angular-ui-develop/components/dropdowns/api/DropDownTreeComponent/#toc-valuedepth",Be={multi:!0,provide:t.NG_VALUE_ACCESSOR,useExisting:h.forwardRef(function(){return ct})},ct=(Object.defineProperty(F.prototype,"text",{get:function(){return this._text},set:function(e){this._text=c(e)?e.toString():""},enumerable:!1,configurable:!0}),F.prototype.togglePopup=function(e){var t=this.disabled||this.readonly,n=this.isOpen===e;t||n||this.triggerPopupEvents(e)||this._toggle(e)},Object.defineProperty(F.prototype,"activeDescendant",{get:function(){if(!this.isOpen||!c(this.selectionService.focused)||-1===this.selectionService.focused)return null;var e=this.dataService.itemAt(this.selectionService.focused);return this.optionPrefix+"-"+(e?f(e,this.valueField):"")},enumerable:!1,configurable:!0}),Object.defineProperty(F.prototype,"noDataLabel",{get:function(){if(0===this.data.length)return this.messageFor("noDataText")},enumerable:!1,configurable:!0}),Object.defineProperty(F.prototype,"appendTo",{get:function(){var e=this.popupSettings.appendTo;if(e&&"root"!==e)return"component"===e?this.container:e},enumerable:!1,configurable:!0}),Object.defineProperty(F.prototype,"data",{get:function(){var e,t,n=this.virtual;return n?(t=(e=n.skip||0)+n.pageSize,n.total=this.dataService.data.length,this.dataService.data.slice(e,t)):this.dataService.data},set:function(e){this.dataService.data=e||[],this.virtual&&(this.virtual.skip=0),this.setState(),this._filtering&&(e=0<this.text.length&&0<this.dataService.itemsCount?this.firstFocusableIndex(0):-1,this.selectionService.focused=e),this.suggest&&this.dataService.itemsCount&&this.text&&(this.suggestedText=f(this.dataService.itemAt(0),this.textField))},enumerable:!1,configurable:!0}),Object.defineProperty(F.prototype,"value",{get:function(){return this._value},set:function(e){this._value=e,this.setState(),this.cdr.markForCheck()},enumerable:!1,configurable:!0}),Object.defineProperty(F.prototype,"valuePrimitive",{get:function(){return c(this._valuePrimitive)?this._valuePrimitive:!c(this.valueField)},set:function(e){this._valuePrimitive=e},enumerable:!1,configurable:!0}),Object.defineProperty(F.prototype,"popupSettings",{get:function(){return this._popupSettings},set:function(e){this._popupSettings=Object.assign({animate:!0},e)},enumerable:!1,configurable:!0}),Object.defineProperty(F.prototype,"itemDisabled",{set:function(e){if("function"!=typeof e)throw new Error("itemDisabled must be a function, but received "+JSON.stringify(e)+".");this.disabledItemsService.itemDisabled=e},enumerable:!1,configurable:!0}),Object.defineProperty(F.prototype,"tabIndex",{get:function(){return this.tabindex},set:function(e){this.tabindex=e},enumerable:!1,configurable:!0}),Object.defineProperty(F.prototype,"virtual",{get:function(){return this._virtualSettings},set:function(e){this._virtualSettings=xe(e,{itemHeight:this.defaultVirtualItemHeight,pageSize:this.defaultVirtualPageSize})},enumerable:!1,configurable:!0}),Object.defineProperty(F.prototype,"size",{get:function(){return this._size},set:function(e){var t=e||"medium";this.renderer.removeClass(this.wrapper.nativeElement,d("input",this.size)),"none"!==e&&this.renderer.addClass(this.wrapper.nativeElement,d("input",t)),this._size=t},enumerable:!1,configurable:!0}),Object.defineProperty(F.prototype,"rounded",{get:function(){return this._rounded},set:function(e){var t=e||"medium";this.renderer.removeClass(this.wrapper.nativeElement,u(this.rounded)),"none"!==e&&this.renderer.addClass(this.wrapper.nativeElement,u(t)),this._rounded=t},enumerable:!1,configurable:!0}),Object.defineProperty(F.prototype,"fillMode",{get:function(){return this._fillMode},set:function(e){var t=e||"solid";this.renderer.removeClass(this.wrapper.nativeElement,le("input",this.fillMode)),"none"!==e&&this.renderer.addClass(this.wrapper.nativeElement,le("input",t)),this._fillMode=t},enumerable:!1,configurable:!0}),Object.defineProperty(F.prototype,"isDisabled",{get:function(){return this.disabled},enumerable:!1,configurable:!0}),Object.defineProperty(F.prototype,"isLoading",{get:function(){return this.loading},enumerable:!1,configurable:!0}),Object.defineProperty(F.prototype,"dir",{get:function(){return this.direction},enumerable:!1,configurable:!0}),Object.defineProperty(F.prototype,"isFocused",{get:function(){return this._isFocused},set:function(e){this.renderer[e?"addClass":"removeClass"](this.wrapper.nativeElement,"k-focus"),this._isFocused=e},enumerable:!1,configurable:!0}),Object.defineProperty(F.prototype,"clearButtonVisiblity",{get:function(){if(this.touchEnabled)return"visible"},enumerable:!1,configurable:!0}),Object.defineProperty(F.prototype,"popupWidth",{get:function(){var e=0,t=(l.isDocumentAvailable()&&(e=this.wrapper.nativeElement.offsetWidth),this.popupSettings.width||e);return{min:isNaN(e)?e:e+"px",max:isNaN(t)?t:t+"px"}},enumerable:!1,configurable:!0}),Object.defineProperty(F.prototype,"popupHeight",{get:function(){var e=this.popupSettings.height;return c(e)?e+"px":"auto"},enumerable:!1,configurable:!0}),F.prototype.ngOnInit=function(){this.renderer.removeAttribute(this.wrapper.nativeElement,"tabindex"),this.attachStreams(),this.createValueStream(),this.subscribeTouchEvents(),this.attachSelectClickHandler(),this.setComponentClasses()},F.prototype.createValueStream=function(){var i=this,e=this.valueSubject.pipe(m.filter(function(e){var t=f(i.value,i.valueField),n=f(e,i.valueField),e=f(e,i.textField);return!(!c(i.value)&&!c(n))&&(c(e)&&(e=e.toString()),t!==n||i.text!==e||(i.clearFilter(),!1))}),m.map(function(e){var t=f(e,i.valueField);return{dataItem:e,text:f(e,i.textField),value:i.valuePrimitive?t:e}})),t=m.partition(function(){return i.allowCustom})(this.customValueSubject.pipe(m.throttleTime(300))),n=t[0].pipe(m.tap(function(){i.loading=!0,i.disabled=!0,i.cdr.detectChanges()}),m.filter(function(){var e=i.text!==f(i.value,i.valueField);return i.loading=e,(i.disabled=e)||i.clearFilter(),e}),this.valueNormalizer,m.map(function(e){return{custom:!0,dataItem:e,text:i.text,value:e}})),t=t[1].pipe(m.map(function(){return{custom:!0,dataItem:void 0,text:void 0,value:void 0}})),o=this.clearValueSubject.pipe(m.map(function(){return{dataItem:void 0,text:void 0,value:void 0}})),e=(this.valueSubscription&&this.valueSubscription.unsubscribe(),g.merge(e,n,t,o));this.valueSubscription=e.pipe(m.catchError(function(){var e=void 0!==f(i.dataItem,i.valueField);return i.dataItem=void 0,i.value=void 0,i.text=void 0,i.loading=!1,i.disabled=!1,e&&i.selectionChange.emit(void 0),i.emitValueChange(),i.createValueStream(),g.of(null)})).subscribe(function(e){var t=f(i.dataItem,i.valueField)!==f(e.dataItem,i.valueField);i.dataItem=e.dataItem,i.value=e.value,i.text=e.text,i.loading=!1,i.disabled=!1,i.clearFilter(),e.custom&&(i.selectionService.focused=-1),t&&(t=e.custom?void 0:i.dataItem,i.selectionChange.emit(t)),i.emitValueChange()})},F.prototype.attachStreams=function(){var n=this;l.isDocumentAvailable()&&(this.subs.add(this.localization.changes.subscribe(function(e){e=e.rtl;n.direction=e?"rtl":"ltr",n.cdr.detectChanges()})),this.subs.add(g.merge(this.navigationService.up,this.navigationService.down,this.navigationService.home,this.navigationService.end).pipe(m.filter(function(e){return c(e.index)})).subscribe(function(e){return n.navigate(e.index)})),this.subs.add(this.navigationService.open.subscribe(this.handleNavigationOpen.bind(this))),this.subs.add(this.navigationService.close.subscribe(function(){return n.togglePopup(!1)})),this.subs.add(this.navigationService.esc.subscribe(this.handleEscape.bind(this))),this.subs.add(this.navigationService.enter.pipe(m.tap(function(e){n.isOpen&&e.originalEvent.preventDefault()})).subscribe(this.handleEnter.bind(this))),this.subs.add(g.merge(this.selectionService.onChange,this.selectionService.onSelect.pipe(m.filter(function(e){return!n.isOpen}))).pipe(m.tap(function(e){n._filtering=!1,n.togglePopup(!1)}),m.map(function(e){return n.dataService.itemAt(e.indices[0])})).subscribe(function(e){n.change(e)})),this.subs.add(this.selectionService.onSelect.pipe(m.filter(function(e){return n.isOpen}),m.tap(function(e){return n._filtering=!1}),m.map(function(e){return n.dataService.itemAt(e.indices[0])})).subscribe(function(e){var t=f(e,n.valueField)!==f(n.dataItem,n.valueField);n.updateState({dataItem:e}),t&&n.selectionChange.emit(e)})))},F.prototype.ngOnDestroy=function(){this.destroyPopup(),this.subs.unsubscribe(),c(this.valueSubscription)&&this.valueSubscription.unsubscribe(),this.touchstartDisposeHandler&&this.touchstartDisposeHandler(),this.selectClickDisposeHandler&&this.selectClickDisposeHandler()},F.prototype.ngOnChanges=function(e){var t=this.virtual;t&&e.data&&e.data.isFirstChange()&&this.pageChange({skip:0,take:t.pageSize}),l.isChanged("valueNormalizer",e)&&this.createValueStream(),l.anyChanged(["textField","valueField","valuePrimitive"],e,!1)&&this.setState()},F.prototype.ngAfterContentChecked=function(){this.verifySettings()},F.prototype.focusItemAt=function(e){var t=0<=e&&e<this.data.length;c(e)&&t&&!this.disabledItemsService.isIndexDisabled(e)?this.selectionService.focus(e):this.selectionService.focus(-1)},F.prototype.focus=function(){this.disabled||this.searchbar.focus()},F.prototype.blur=function(){this.disabled||this.searchbar.blur()},F.prototype.toggle=function(t){var n=this;Promise.resolve(null).then(function(){var e=c(t)?t:!n._open;n._toggle(e),n.cdr.markForCheck()})},Object.defineProperty(F.prototype,"isOpen",{get:function(){return this._open},enumerable:!1,configurable:!0}),F.prototype.reset=function(){this.value=void 0,this.clearState(),this.resetSelection()},F.prototype.isEmpty=function(){var e=!c(this.text)||Z(this.text),t=!c(this.value)||Z(this.value);return e&&t},F.prototype.messageFor=function(e){return this.localization.get(e)},F.prototype.clearValue=function(e){e.stopImmediatePropagation(),this.focus(),this._filtering=!0,this._previousDataItem=void 0,this.selectionService.resetSelection([]),this.clearValueSubject.next(),this._filtering=!1},F.prototype.writeValue=function(e){this.value=null===e?void 0:e},F.prototype.registerOnChange=function(e){this.onChangeCallback=e},F.prototype.registerOnTouched=function(e){this.onTouchedCallback=e},F.prototype.setDisabledState=function(e){this.disabled=e},Object.defineProperty(F.prototype,"buttonClasses",{get:function(){return this.loading?"k-i-loading k-input-loading-icon":this.iconClass||"k-i-arrow-s"},enumerable:!1,configurable:!0}),Object.defineProperty(F.prototype,"selectButtonClasses",{get:function(){return(this.size?d("button",this.size):"")+" "+(this.fillMode?"k-button-"+this.fillMode:"")+" "+(this.fillMode?"k-button-"+this.fillMode+"-base":"")+"\n        "},enumerable:!1,configurable:!0}),F.prototype.onResize=function(){var e,t,n;this.isOpen&&(e=this.popupRef.popupElement,t=(n=this.popupWidth).min,n=n.max,e.style.minWidth=t,e.style.width=n)},F.prototype.verifySettings=function(){if(h.isDevMode()){if(!0===this.valuePrimitive&&c(this.value)&&"object"==typeof this.value)throw new Error(Je);if(!1===this.valuePrimitive&&c(this.value)&&"object"!=typeof this.value)throw new Error(Qe);if(!c(this.valueField)!=!c(this.textField))throw new Error(Ye);if(this.virtual&&isNaN(this.virtual.itemHeight))throw new Error(et)}},F.prototype.setState=function(){var e,t;this._filtering||(e=this.value,t=this.valueField,t=this.findDataItem({valueField:t,value:e}),c(t.index)&&-1!==t.index?(this.updateState({dataItem:t.dataItem,confirm:!0}),this.resetSelection(t.index)):c(e)&&this.allowCustom?(this.updateState({dataItem:e}),this.resetSelection(-1)):this._previousDataItem&&this.value?(this.updateState({dataItem:this._previousDataItem}),this.resetSelection()):(this.clearState(),this.resetSelection(-1)))},F.prototype.updateState=function(e){var t=e.dataItem,e=e.confirm,e=void 0!==e&&e;this.dataItem=t,this.text=f(t,this.textField),e&&(this._previousDataItem=t)},F.prototype.clearState=function(){this.text=void 0,this.dataItem=void 0},F.prototype.resetSelection=function(e){var t=!c(e)||e<0;this.selectionService.resetSelection(t?[]:[e]),this.selectionService.focused=e},F.prototype.firstFocusableIndex=function(e){var t=this.data.length-1;return this.disabledItemsService.isIndexDisabled(e)?e<t?this.firstFocusableIndex(e+1):void 0:e},F.prototype.findIndexPredicate=function(t){var n=this;return this.dataService.grouped?function(e){e=f(e.value,n.textField);return(e=c(e)?e.toString().toLowerCase():"").startsWith(t.toLowerCase())}:function(e){e=f(e,n.textField);return(e=c(e)?e.toString().toLowerCase():"").startsWith(t.toLowerCase())}},F.prototype.findDataItem=function(e){var t=this,n=e.valueField,i=e.value,e={dataItem:null,index:-1},o=this.dataService.findIndex(function(e){e=t.dataService.grouped?e.value:e;return f(e,n)===f(i,n)});return e.dataItem=this.dataService.itemAt(o),e.index=o,e},F.prototype.search=function(e,t){void 0===t&&(t=0),t=e.length&&this.dataService.itemsCount?this.dataService.findIndex(this.findIndexPredicate(e),t):-1,this.disabledItemsService.isIndexDisabled(t)?t+1<this.dataService.itemsCount?this.search(e,t+1):this.selectionService.focus(-1):(this.selectionService.focus(t),this.suggest&&(this.suggestedText=f(this.dataService.itemAt(t),this.textField)))},F.prototype.getSuggestion=function(){var e=!!this.selectionService.selected.length,t=this.suggest&&!this.backspacePressed&&this.suggestedText&&this.text;if(!e&&t&&this.suggestedText.toLowerCase().startsWith(this.text.toLowerCase()))return this.suggestedText;this.suggestedText=void 0},F.prototype.navigate=function(e){0!==this.dataService.itemsCount&&(this.text=f(this.dataService.itemAt(e),this.textField),this.selectionService.select(e))},F.prototype.handleNavigate=function(e){var t=c(this.selectionService.selected[0]),n=isNaN(this.selectionService.focused)?this.firstFocusableIndex(0):this.selectionService.focused,i=0;this.disabled||this.readonly||e.keyCode!==l.Keys.Home&&e.keyCode!==l.Keys.End&&(t||(e.keyCode===l.Keys.ArrowDown?i=-1:e.keyCode===l.Keys.ArrowUp&&(i=1)),(t=this.navigationService.process({current:i+n,max:this.dataService.itemsCount-1,min:0,originalEvent:e}))!==b.Undefined&&t!==b.Left&&t!==b.Right&&t!==b.Backspace&&t!==b.Delete&&(t===b.Enter&&this.isOpen||t!==b.Enter)&&e.preventDefault())},F.prototype.handleEnter=function(){var e=this.text,t=this.selectionService.focused,n=c(t)&&-1!==t,i=f(this._previousDataItem,this.textField)||"",o=f(this.dataService.itemAt(t),this.textField),i=e!==i;this.togglePopup(!1),this._filtering=!1,this.allowCustom&&i&&(e===o||this.useSuggestion()?this.selectionService.change(t):this.change(e,!0)),this.allowCustom||(n?this.selectionService.change(t):i&&this.change(e,!0))},F.prototype.handleBlur=function(){var e=this,t=(this._filtering=!1,this.searchbar.input.nativeElement.scrollLeft=0,this.isFocused=!1,f(this.dataItem,this.valueField)!==f(this.value,this.valueField)),n=this.searchbar.value,i=n!==(f(this.dataItem,this.textField)||""),o=t||i;o||l.hasObservers(this.onBlur)||l.hasObservers(this.close)||te(this.wrapper.nativeElement)?this.zone.run(function(){o&&(c(e.focusedItemText)&&e.focusedItemText.toLowerCase()===n.toLowerCase()||t?e.selectionService.change(e.selectionService.focused):e.change(n,!0)),e.onBlur.emit(),e.onTouchedCallback(),e.togglePopup(!1)}):this.togglePopup(!1)},F.prototype.handleEscape=function(){this.togglePopup(!1),0<this.selectionService.selected.length||(this.suggestedText=null,this.selectionService.focused=-1)},F.prototype.handleNavigationOpen=function(){this.restoreItemFocus(),this.togglePopup(!0)},F.prototype.searchBarChange=function(e){var t=this.text?this.text.length:0;this.backspacePressed=e.length<t,this.text=e,this.selectionService.resetSelection([]),this.togglePopup(!0),this._filtering=!0,this.filterable&&this.filterText!==e?(this.filterText=e,this.filterChange.emit(e)):this.search(e)},F.prototype.handleFocus=function(){var e=this;this.isFocused=!0,l.hasObservers(this.onFocus)&&this.zone.run(function(){return e.onFocus.emit()})},F.prototype.pageChange=function(e){this.virtual.skip=e.skip},F.prototype.change=function(e,t){((t=void 0===t?!1:t)?this.customValueSubject:this.valueSubject).next(e)},F.prototype.emitValueChange=function(){this.onChangeCallback(this.value),this.valueChange.emit(this.value),this._previousDataItem=this.dataItem},F.prototype.selectClick=function(){this.touchEnabled||this.searchbar.focus(),this.isOpen||this.restoreItemFocus(),this.togglePopup(!this.isOpen)},Object.defineProperty(F.prototype,"listContainerClasses",{get:function(){return["k-list-container","k-reset"].concat(this.popupSettings.popupClass||[])},enumerable:!1,configurable:!0}),F.prototype.preventEventDefault=function(e){e.preventDefault()},Object.defineProperty(F.prototype,"focusedItemText",{get:function(){var e=this.selectionService.focused;if(!c(e)||-1===e)return null;e=f(this.dataService.itemAt(e),this.textField);return c(e)?e.toString():""},enumerable:!1,configurable:!0}),F.prototype.restoreItemFocus=function(){c(this.selectionService.focused)&&-1<this.selectionService.focused||!this.text||!this.dataService.itemsCount||(this.filterable?this.selectionService.focused=this.firstFocusableIndex(0):this.search(this.text))},F.prototype.useSuggestion=function(){if(!this.suggest||!c(this.searchbar.value))return!1;var e=this.dataService.itemAt(this.selectionService.focused),e=f(e,this.textField);return!!c(e)&&this.searchbar.value.toLowerCase()===e.toLowerCase()},F.prototype.destroyPopup=function(){this.popupRef&&(this.popupRef.popupElement.removeEventListener("mousedown",this.popupMouseDownHandler),this.popupRef.close(),this.popupRef=null)},F.prototype.createPopup=function(){var e=this,t=(this.virtual&&(this.virtual.skip=0),"rtl"===this.direction?"right":"left"),t=(this.popupRef=this.popupService.open({anchor:this.wrapper,animate:this.popupSettings.animate,appendTo:this.appendTo,content:this.popupTemplate,popupClass:this.listContainerClasses,positionMode:"absolute",anchorAlign:{horizontal:t,vertical:"bottom"},popupAlign:{horizontal:t,vertical:"top"}}),this.popupRef.popupElement),n=this.popupWidth,i=n.min,n=n.max;t.addEventListener("mousedown",this.popupMouseDownHandler),t.style.minWidth=i,t.style.width=n,t.style.height=this.popupHeight,t.setAttribute("dir",this.direction),this.popupRef.popupOpen.subscribe(function(){e.cdr.detectChanges(),e.optionsList.scrollToItem(e.selectionService.focused),e.opened.emit()}),this.popupRef.popupClose.subscribe(function(){e.closed.emit()}),this.popupRef.popupAnchorViewportLeave.subscribe(function(){return e.togglePopup(!1)})},F.prototype._toggle=function(e){this._open=e,this.destroyPopup(),this._open&&this.createPopup()},F.prototype.triggerPopupEvents=function(e){var t=new Ce;return(e?this.open:this.close).emit(t),t.isDefaultPrevented()},F.prototype.clearFilter=function(){this.filterable&&this.filterText&&(this.filterText="",this.filterChange.emit(this.filterText))},F.prototype.subscribeTouchEvents=function(){var t=this;l.isDocumentAvailable()&&this.touchEnabled&&this.zone.runOutsideAngular(function(){return t.touchstartDisposeHandler=t.renderer.listen(document,"touchstart",function(e){e=e.target,e=oe(t.wrapper,e,t.popupRef);t.isFocused&&!e?t.zone.run(function(){return t.blur()}):t.isOpen&&!e&&t.zone.run(function(){return t.togglePopup(!1)})})})},F.prototype.attachSelectClickHandler=function(){var e=this.select.nativeElement,t=B.pointers?"pointerdown":"click";this.selectClickDisposeHandler=this.renderer.listen(e,t,this.selectClick.bind(this))},F.prototype.setComponentClasses=function(){"none"!==this.size&&this.renderer.addClass(this.wrapper.nativeElement,d("input",this.size)),"none"!==this.rounded&&this.renderer.addClass(this.wrapper.nativeElement,u(this.rounded)),"none"!==this.fillMode&&this.renderer.addClass(this.wrapper.nativeElement,le("input",this.fillMode))},F);function F(e,t,n,i,o,s,a,r,l,p,d){this.wrapper=e,this.localization=t,this.popupService=n,this.selectionService=i,this.navigationService=o,this.disabledItemsService=s,this.dataService=a,this.zone=r,this.cdr=l,this.renderer=p,this.touchEnabled=d,this.selected=[],this.focusableId="k-"+q(),this.allowCustom=!1,this.valueNormalizer=function(e){return e.pipe(m.map(function(e){return e}))},this.placeholder="",this.listHeight=200,this.suggest=!1,this.clearButton=!0,this.disabled=!1,this.readonly=!1,this.tabindex=0,this.filterable=!1,this.valueChange=new h.EventEmitter,this.selectionChange=new h.EventEmitter,this.filterChange=new h.EventEmitter,this.open=new h.EventEmitter,this.opened=new h.EventEmitter,this.close=new h.EventEmitter,this.closed=new h.EventEmitter,this.onFocus=new h.EventEmitter,this.onBlur=new h.EventEmitter,this.widgetClasses=!0,this._isFocused=!1,this.listBoxId=q(),this.optionPrefix=q(),this.onChangeCallback=function(e){},this.onTouchedCallback=function(e){},this.defaultVirtualItemHeight=28,this.defaultVirtualPageSize=50,this._filtering=!1,this._text="",this.filterText="",this._open=!1,this._popupSettings={animate:!0},this.popupMouseDownHandler=function(e){return e.preventDefault()},this.customValueSubject=new g.Subject,this.valueSubject=new g.Subject,this.clearValueSubject=new g.Subject,this.subs=new g.Subscription,this._size="medium",this._rounded="medium",this._fillMode="solid",V.validatePackage($),this.direction=t.rtl?"rtl":"ltr",this.data=[]}ct.ɵfac=s.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:s,type:ct,deps:[{token:s.ElementRef},{token:r.LocalizationService},{token:j.PopupService},{token:k},{token:T},{token:x},{token:I},{token:s.NgZone},{token:s.ChangeDetectorRef},{token:s.Renderer2},{token:De,optional:!0}],target:s.ɵɵFactoryTarget.Component}),ct.ɵcmp=s.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:ct,selector:"kendo-combobox",inputs:{focusableId:"focusableId",allowCustom:"allowCustom",data:"data",value:"value",textField:"textField",valueField:"valueField",valuePrimitive:"valuePrimitive",valueNormalizer:"valueNormalizer",placeholder:"placeholder",popupSettings:"popupSettings",listHeight:"listHeight",iconClass:"iconClass",loading:"loading",suggest:"suggest",clearButton:"clearButton",disabled:"disabled",itemDisabled:"itemDisabled",readonly:"readonly",tabindex:"tabindex",tabIndex:"tabIndex",filterable:"filterable",virtual:"virtual",size:"size",rounded:"rounded",fillMode:"fillMode"},outputs:{valueChange:"valueChange",selectionChange:"selectionChange",filterChange:"filterChange",open:"open",opened:"opened",close:"close",closed:"closed",onFocus:"focus",onBlur:"blur"},host:{properties:{"class.k-combobox":"this.widgetClasses","class.k-input":"this.widgetClasses","class.k-disabled":"this.isDisabled","class.k-loading":"this.isLoading","attr.dir":"this.dir"}},providers:[Be,I,k,T,x,n.LocalizationService,{provide:n.L10N_PREFIX,useValue:"kendo.combobox"},{provide:Ie,useExisting:h.forwardRef(function(){return ct})},{provide:l.KendoInput,useExisting:h.forwardRef(function(){return ct})}],queries:[{propertyName:"template",first:!0,predicate:ce,descendants:!0},{propertyName:"headerTemplate",first:!0,predicate:y,descendants:!0},{propertyName:"footerTemplate",first:!0,predicate:C,descendants:!0},{propertyName:"noDataTemplate",first:!0,predicate:D,descendants:!0},{propertyName:"groupTemplate",first:!0,predicate:he,descendants:!0},{propertyName:"fixedGroupTemplate",first:!0,predicate:ge,descendants:!0}],viewQueries:[{propertyName:"container",first:!0,predicate:["container"],descendants:!0,read:h.ViewContainerRef,static:!0},{propertyName:"popupTemplate",first:!0,predicate:["popupTemplate"],descendants:!0,static:!0},{propertyName:"searchbar",first:!0,predicate:v,descendants:!0,static:!0},{propertyName:"optionsList",first:!0,predicate:["optionsList"],descendants:!0},{propertyName:"select",first:!0,predicate:["select"],descendants:!0,static:!0}],exportAs:["kendoComboBox"],usesOnChanges:!0,ngImport:s,template:'\n        <ng-container kendoComboBoxLocalizedMessages\n            i18n-noDataText="kendo.combobox.noDataText|The text displayed in the popup when there are no items"\n            noDataText="NO DATA FOUND"\n\n            i18n-clearTitle="kendo.combobox.clearTitle|The title of the clear button"\n            clearTitle="clear"\n\n            i18n-selectButtonText="kendo.combobox.selectButtonText|The text set as aria-label on the select button"\n            selectButtonText="Select"\n        >\n        </ng-container>\n        <kendo-searchbar #searchbar\n            [role]="\'combobox\'"\n            [id]="focusableId"\n            [listId]="listBoxId"\n            [activeDescendant]="activeDescendant"\n            [noDataLabel]="noDataLabel"\n            [userInput]="text"\n            [suggestedText]="getSuggestion()"\n            [disabled]="disabled"\n            [readonly]="readonly"\n            [tabIndex]="tabIndex"\n            [popupOpen]="isOpen"\n            [placeholder]="placeholder"\n            (onNavigate)="handleNavigate($event)"\n            (valueChange)="searchBarChange($event)"\n            (onBlur)="handleBlur()"\n            (onFocus)="handleFocus()"\n        ></kendo-searchbar>\n        <span\n            *ngIf="clearButton && !loading && !disabled && !readonly && text?.length"\n            class="k-clear-value"\n            [style.visibility]="clearButtonVisiblity"\n            aria-hidden="true"\n            [attr.title]="messageFor(\'clearTitle\')"\n            (click)="clearValue($event)"\n            [kendoEventsOutsideAngular]="{\n                mousedown: preventEventDefault\n            }"\n        >\n            <span class="k-icon k-i-x"></span>\n        </span>\n        <button\n            #select\n            unselectable="on"\n            type="button"\n            class="k-input-button k-button k-icon-button"\n            [ngClass]="selectButtonClasses"\n            [attr.aria-label]="messageFor(\'selectButtonText\')"\n            [kendoEventsOutsideAngular]="{\n                mousedown: preventEventDefault\n            }"\n        >\n            <span class="k-button-icon k-icon" [ngClass]="buttonClasses"></span>\n        </button>\n        <ng-template #popupTemplate>\n            \x3c!--header template--\x3e\n            <ng-template *ngIf="headerTemplate"\n                [templateContext]="{\n                    templateRef: headerTemplate.templateRef\n                }">\n            </ng-template>\n            \x3c!--list--\x3e\n            <kendo-list\n                #optionsList\n                [size]="size"\n                [rounded]="rounded"\n                [id]="listBoxId"\n                [optionPrefix]="optionPrefix"\n                [data]="data"\n                [textField]="textField"\n                [valueField]="valueField"\n                [template]="template"\n                [groupTemplate]="groupTemplate"\n                [fixedGroupTemplate]="fixedGroupTemplate"\n                [height]="listHeight"\n                [show]="isOpen"\n                [virtual]="virtual"\n                (pageChange)="pageChange($event)"\n            >\n            </kendo-list>\n            \x3c!--no-data template--\x3e\n            <div class="k-no-data" *ngIf="data.length === 0">\n                <ng-template [ngIf]="noDataTemplate"\n                    [templateContext]="{\n                        templateRef: noDataTemplate ? noDataTemplate.templateRef : undefined\n                    }">\n                </ng-template>\n                <ng-template [ngIf]="!noDataTemplate">\n                    <div>{{ messageFor(\'noDataText\') }}</div>\n                </ng-template>\n            </div>\n            \x3c!--footer template--\x3e\n            <ng-template *ngIf="footerTemplate"\n                [templateContext]="{\n                    templateRef: footerTemplate.templateRef\n                }">\n            </ng-template>\n        </ng-template>\n        <ng-template [ngIf]="isOpen">\n            <kendo-resize-sensor (resize)="onResize()"></kendo-resize-sensor>\n        </ng-template>\n        <ng-container #container></ng-container>\n  ',isInline:!0,components:[{type:v,selector:"kendo-searchbar",inputs:["id","listId","tagListId","activeDescendant","noDataLabel","disabled","readonly","tabIndex","popupOpen","role","userInput","suggestedText","placeholder"],outputs:["valueChange","onBlur","onFocus","onClick","onNavigate"]},{type:Pe,selector:"kendo-list",inputs:["selected","focused","textField","valueField","height","template","groupTemplate","fixedGroupTemplate","show","id","optionPrefix","multipleSelection","virtual","type","checkboxes","data","size","rounded"],outputs:["onClick","pageChange","listResize"]},{type:a.ResizeSensorComponent,selector:"kendo-resize-sensor",inputs:["rateLimit"],outputs:["resize"]}],directives:[{type:Ae,selector:"\n    [kendoDropDownListLocalizedMessages],\n    [kendoDropDownTreeLocalizedMessages],\n    [kendoComboBoxLocalizedMessages],\n    [kendoMultiColumnComboBoxLocalizedMessages],\n    [kendoAutoCompleteLocalizedMessages],\n    [kendoMultiSelectLocalizedMessages],\n    [kendoMultiSelectTreeLocalizedMessages]\n  "},{type:p.NgIf,selector:"[ngIf]",inputs:["ngIf","ngIfThen","ngIfElse"]},{type:a.EventsOutsideAngularDirective,selector:"[kendoEventsOutsideAngular]",inputs:["kendoEventsOutsideAngular","scope"]},{type:p.NgClass,selector:"[ngClass]",inputs:["class","ngClass"]},{type:Se,selector:"[templateContext]",inputs:["templateContext"]}]}),s.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:s,type:ct,decorators:[{type:h.Component,args:[{exportAs:"kendoComboBox",providers:[Be,I,k,T,x,n.LocalizationService,{provide:n.L10N_PREFIX,useValue:"kendo.combobox"},{provide:Ie,useExisting:h.forwardRef(function(){return ct})},{provide:l.KendoInput,useExisting:h.forwardRef(function(){return ct})}],selector:"kendo-combobox",template:'\n        <ng-container kendoComboBoxLocalizedMessages\n            i18n-noDataText="kendo.combobox.noDataText|The text displayed in the popup when there are no items"\n            noDataText="NO DATA FOUND"\n\n            i18n-clearTitle="kendo.combobox.clearTitle|The title of the clear button"\n            clearTitle="clear"\n\n            i18n-selectButtonText="kendo.combobox.selectButtonText|The text set as aria-label on the select button"\n            selectButtonText="Select"\n        >\n        </ng-container>\n        <kendo-searchbar #searchbar\n            [role]="\'combobox\'"\n            [id]="focusableId"\n            [listId]="listBoxId"\n            [activeDescendant]="activeDescendant"\n            [noDataLabel]="noDataLabel"\n            [userInput]="text"\n            [suggestedText]="getSuggestion()"\n            [disabled]="disabled"\n            [readonly]="readonly"\n            [tabIndex]="tabIndex"\n            [popupOpen]="isOpen"\n            [placeholder]="placeholder"\n            (onNavigate)="handleNavigate($event)"\n            (valueChange)="searchBarChange($event)"\n            (onBlur)="handleBlur()"\n            (onFocus)="handleFocus()"\n        ></kendo-searchbar>\n        <span\n            *ngIf="clearButton && !loading && !disabled && !readonly && text?.length"\n            class="k-clear-value"\n            [style.visibility]="clearButtonVisiblity"\n            aria-hidden="true"\n            [attr.title]="messageFor(\'clearTitle\')"\n            (click)="clearValue($event)"\n            [kendoEventsOutsideAngular]="{\n                mousedown: preventEventDefault\n            }"\n        >\n            <span class="k-icon k-i-x"></span>\n        </span>\n        <button\n            #select\n            unselectable="on"\n            type="button"\n            class="k-input-button k-button k-icon-button"\n            [ngClass]="selectButtonClasses"\n            [attr.aria-label]="messageFor(\'selectButtonText\')"\n            [kendoEventsOutsideAngular]="{\n                mousedown: preventEventDefault\n            }"\n        >\n            <span class="k-button-icon k-icon" [ngClass]="buttonClasses"></span>\n        </button>\n        <ng-template #popupTemplate>\n            \x3c!--header template--\x3e\n            <ng-template *ngIf="headerTemplate"\n                [templateContext]="{\n                    templateRef: headerTemplate.templateRef\n                }">\n            </ng-template>\n            \x3c!--list--\x3e\n            <kendo-list\n                #optionsList\n                [size]="size"\n                [rounded]="rounded"\n                [id]="listBoxId"\n                [optionPrefix]="optionPrefix"\n                [data]="data"\n                [textField]="textField"\n                [valueField]="valueField"\n                [template]="template"\n                [groupTemplate]="groupTemplate"\n                [fixedGroupTemplate]="fixedGroupTemplate"\n                [height]="listHeight"\n                [show]="isOpen"\n                [virtual]="virtual"\n                (pageChange)="pageChange($event)"\n            >\n            </kendo-list>\n            \x3c!--no-data template--\x3e\n            <div class="k-no-data" *ngIf="data.length === 0">\n                <ng-template [ngIf]="noDataTemplate"\n                    [templateContext]="{\n                        templateRef: noDataTemplate ? noDataTemplate.templateRef : undefined\n                    }">\n                </ng-template>\n                <ng-template [ngIf]="!noDataTemplate">\n                    <div>{{ messageFor(\'noDataText\') }}</div>\n                </ng-template>\n            </div>\n            \x3c!--footer template--\x3e\n            <ng-template *ngIf="footerTemplate"\n                [templateContext]="{\n                    templateRef: footerTemplate.templateRef\n                }">\n            </ng-template>\n        </ng-template>\n        <ng-template [ngIf]="isOpen">\n            <kendo-resize-sensor (resize)="onResize()"></kendo-resize-sensor>\n        </ng-template>\n        <ng-container #container></ng-container>\n  '}]}],ctorParameters:function(){return[{type:s.ElementRef},{type:r.LocalizationService},{type:j.PopupService},{type:k},{type:T},{type:x},{type:I},{type:s.NgZone},{type:s.ChangeDetectorRef},{type:s.Renderer2},{type:void 0,decorators:[{type:h.Optional},{type:h.Inject,args:[De]}]}]},propDecorators:{focusableId:[{type:h.Input}],allowCustom:[{type:h.Input}],data:[{type:h.Input}],value:[{type:h.Input}],textField:[{type:h.Input}],valueField:[{type:h.Input}],valuePrimitive:[{type:h.Input}],valueNormalizer:[{type:h.Input}],placeholder:[{type:h.Input}],popupSettings:[{type:h.Input}],listHeight:[{type:h.Input}],iconClass:[{type:h.Input}],loading:[{type:h.Input}],suggest:[{type:h.Input}],clearButton:[{type:h.Input}],disabled:[{type:h.Input}],itemDisabled:[{type:h.Input}],readonly:[{type:h.Input}],tabindex:[{type:h.Input}],tabIndex:[{type:h.Input,args:["tabIndex"]}],filterable:[{type:h.Input}],virtual:[{type:h.Input}],size:[{type:h.Input}],rounded:[{type:h.Input}],fillMode:[{type:h.Input}],valueChange:[{type:h.Output}],selectionChange:[{type:h.Output}],filterChange:[{type:h.Output}],open:[{type:h.Output}],opened:[{type:h.Output}],close:[{type:h.Output}],closed:[{type:h.Output}],onFocus:[{type:h.Output,args:["focus"]}],onBlur:[{type:h.Output,args:["blur"]}],template:[{type:h.ContentChild,args:[ce,{static:!1}]}],headerTemplate:[{type:h.ContentChild,args:[y,{static:!1}]}],footerTemplate:[{type:h.ContentChild,args:[C,{static:!1}]}],noDataTemplate:[{type:h.ContentChild,args:[D,{static:!1}]}],groupTemplate:[{type:h.ContentChild,args:[he,{static:!1}]}],fixedGroupTemplate:[{type:h.ContentChild,args:[ge,{static:!1}]}],container:[{type:h.ViewChild,args:["container",{read:h.ViewContainerRef,static:!0}]}],popupTemplate:[{type:h.ViewChild,args:["popupTemplate",{static:!0}]}],searchbar:[{type:h.ViewChild,args:[v,{static:!0}]}],optionsList:[{type:h.ViewChild,args:["optionsList",{static:!1}]}],select:[{type:h.ViewChild,args:["select",{static:!0}]}],widgetClasses:[{type:h.HostBinding,args:["class.k-combobox"]},{type:h.HostBinding,args:["class.k-input"]}],isDisabled:[{type:h.HostBinding,args:["class.k-disabled"]}],isLoading:[{type:h.HostBinding,args:["class.k-loading"]}],dir:[{type:h.HostBinding,args:["attr.dir"]}]}});var Be=function(e){this.templateRef=e},ht=(Be.ɵfac=s.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:s,type:Be,deps:[{token:s.TemplateRef}],target:s.ɵɵFactoryTarget.Directive}),Be.ɵdir=s.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.16",type:Be,selector:"[kendoDropDownListValueTemplate],[kendoDropDownTreeValueTemplate]",ngImport:s}),s.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:s,type:Be,decorators:[{type:h.Directive,args:[{selector:"[kendoDropDownListValueTemplate],[kendoDropDownTreeValueTemplate]"}]}],ctorParameters:function(){return[{type:s.TemplateRef}]}}),gt.prototype.ngOnChanges=function(){var e=this;this.focused&&this.nextTick(function(){return e.element.nativeElement.focus()})},gt.prototype.nextTick=function(e){this.zone.runOutsideAngular(function(){return setTimeout(e)})},gt);function gt(e,t){this.element=e,this.zone=t}ht.ɵfac=s.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:s,type:ht,deps:[{token:s.ElementRef},{token:s.NgZone}],target:s.ɵɵFactoryTarget.Directive}),ht.ɵdir=s.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.16",type:ht,selector:"[filterInput]",inputs:{focused:["filterInput","focused"]},usesOnChanges:!0,ngImport:s}),s.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:s,type:ht,decorators:[{type:h.Directive,args:[{selector:"[filterInput]"}]}],ctorParameters:function(){return[{type:s.ElementRef},{type:s.NgZone}]},propDecorators:{focused:[{type:h.Input,args:["filterInput"]}]}});var mt={multi:!0,provide:t.NG_VALUE_ACCESSOR,useExisting:h.forwardRef(function(){return ft})},ft=(Object.defineProperty(O.prototype,"width",{get:function(){var e=l.isDocumentAvailable()?this.wrapper.nativeElement.offsetWidth:0,t=this.popupSettings.width||e;return{min:isNaN(e)?e:e+"px",max:isNaN(t)?t:t+"px"}},enumerable:!1,configurable:!0}),Object.defineProperty(O.prototype,"height",{get:function(){var e=this.popupSettings.height;return c(e)?e+"px":"auto"},enumerable:!1,configurable:!0}),Object.defineProperty(O.prototype,"widgetTabIndex",{get:function(){var e;if(!this.disabled)return e=Number(this.tabIndex),isNaN(e)?0:e},enumerable:!1,configurable:!0}),Object.defineProperty(O.prototype,"ariaExpanded",{get:function(){return this.isOpen},enumerable:!1,configurable:!0}),Object.defineProperty(O.prototype,"ariaOwns",{get:function(){if(this.isOpen)return this.listBoxId},enumerable:!1,configurable:!0}),Object.defineProperty(O.prototype,"ariaActivedescendant",{get:function(){if(c(this.dataItem)&&this.isOpen)return this.optionPrefix+"-"+f(this.dataItem,this.valueField)},enumerable:!1,configurable:!0}),Object.defineProperty(O.prototype,"noDataLabel",{get:function(){if(0===this.dataService.itemsCount)return this.messageFor("noDataText")},enumerable:!1,configurable:!0}),Object.defineProperty(O.prototype,"appendTo",{get:function(){var e=this.popupSettings.appendTo;if(e&&"root"!==e)return"component"===e?this.container:e},enumerable:!1,configurable:!0}),Object.defineProperty(O.prototype,"data",{get:function(){var e,t,n=this.virtual;return n?(t=(e=n.skip||0)+n.pageSize,n.total=this.dataService.data.length,this.dataService.data.slice(e,t)):this.dataService.data},set:function(e){this.dataService.data=e||[],this.virtual&&(this.virtual.skip=0),this.setState()},enumerable:!1,configurable:!0}),Object.defineProperty(O.prototype,"value",{get:function(){return this._value},set:function(e){c(e)||(this._previousDataItem=void 0),this._value=e,this.setState(),this.cdr.markForCheck()},enumerable:!1,configurable:!0}),Object.defineProperty(O.prototype,"popupSettings",{get:function(){return this._popupSettings},set:function(e){this._popupSettings=Object.assign({animate:!0},e)},enumerable:!1,configurable:!0}),Object.defineProperty(O.prototype,"itemDisabled",{set:function(e){if("function"!=typeof e)throw new Error("itemDisabled must be a function, but received "+JSON.stringify(e)+".");this.disabledItemsService.itemDisabled=e},enumerable:!1,configurable:!0}),Object.defineProperty(O.prototype,"virtual",{get:function(){return this._virtualSettings},set:function(e){this._virtualSettings=xe(e)},enumerable:!1,configurable:!0}),Object.defineProperty(O.prototype,"valuePrimitive",{get:function(){return c(this._valuePrimitive)?this._valuePrimitive:!c(this.valueField)},set:function(e){this._valuePrimitive=e},enumerable:!1,configurable:!0}),Object.defineProperty(O.prototype,"tabIndex",{get:function(){return this.tabindex},set:function(e){this.tabindex=e},enumerable:!1,configurable:!0}),Object.defineProperty(O.prototype,"size",{get:function(){return this._size},set:function(e){var t=e||"medium";this.renderer.removeClass(this.wrapper.nativeElement,d("picker",this.size)),"none"!==e&&this.renderer.addClass(this.wrapper.nativeElement,d("picker",t)),this._size=t},enumerable:!1,configurable:!0}),Object.defineProperty(O.prototype,"rounded",{get:function(){return this._rounded},set:function(e){var t=e||"medium";this.renderer.removeClass(this.wrapper.nativeElement,u(this.rounded)),"none"!==e&&this.renderer.addClass(this.wrapper.nativeElement,u(t)),this._rounded=e},enumerable:!1,configurable:!0}),Object.defineProperty(O.prototype,"fillMode",{get:function(){return this._fillMode},set:function(e){var t=e||"solid";this.renderer.removeClass(this.wrapper.nativeElement,le("picker",this.fillMode)),"none"!==e&&this.renderer.addClass(this.wrapper.nativeElement,le("picker",t)),this._fillMode=t},enumerable:!1,configurable:!0}),O.prototype.blurComponent=function(e){e.target===this.wrapper.nativeElement&&(e.stopImmediatePropagation(),this.hostElementBlurred.emit())},O.prototype.blurFilterInput=function(){this.filterBlurred.emit()},O.prototype.focusComponent=function(e){var t=this;e.target===this.wrapper.nativeElement&&(e.stopImmediatePropagation(),this.hostElementFocused.emit(),this.isFocused||(this.isFocused=!0,l.hasObservers(this.onFocus)&&this._zone.run(function(){t.onFocus.emit()})))},O.prototype.onResize=function(){var e,t,n;this._open&&(e=this.popupRef.popupElement,t=(n=this.width).min,n=n.max,e.style.minWidth=t,e.style.width=n)},Object.defineProperty(O.prototype,"isDisabled",{get:function(){return this.disabled},enumerable:!1,configurable:!0}),Object.defineProperty(O.prototype,"isLoading",{get:function(){return this.loading},enumerable:!1,configurable:!0}),Object.defineProperty(O.prototype,"dir",{get:function(){return this.direction},enumerable:!1,configurable:!0}),Object.defineProperty(O.prototype,"hostTabIndex",{get:function(){return this.widgetTabIndex},enumerable:!1,configurable:!0}),Object.defineProperty(O.prototype,"isReadonly",{get:function(){return this.readonly},enumerable:!1,configurable:!0}),Object.defineProperty(O.prototype,"isAriaExpanded",{get:function(){return this.ariaExpanded},enumerable:!1,configurable:!0}),Object.defineProperty(O.prototype,"hostAriaOwns",{get:function(){return this.ariaOwns},enumerable:!1,configurable:!0}),Object.defineProperty(O.prototype,"hostAriaActivedescendant",{get:function(){return this.ariaActivedescendant},enumerable:!1,configurable:!0}),Object.defineProperty(O.prototype,"hostNoDataLabel",{get:function(){return this.noDataLabel},enumerable:!1,configurable:!0}),O.prototype.keydown=function(e){var t,n,i=c(this.defaultItem)?-1:0,i=isNaN(this.selectionService.focused)?this.firstFocusableIndex(i):this.selectionService.focused,o=0;this.disabled||this.readonly||(t=e.keyCode===l.Keys.Home||e.keyCode===l.Keys.End,this.filterable&&this.isFocused&&this.isOpen&&t||(t=c(this.selectionService.selected[0]),n=c(this.selectionService.focused)&&!this.selectionService.isSelected(this.selectionService.focused),t&&!n||(e.keyCode===l.Keys.ArrowDown||e.keyCode===l.Keys.ArrowRight?o=-1:e.keyCode!==l.Keys.ArrowUp&&e.keyCode!==l.Keys.ArrowLeft||(o=1)),i=(n=this.navigationService.process({current:i+o,max:this.dataService.itemsCount-1,min:this.defaultItem?-1:0,originalEvent:t=e}))===b.Left||n===b.Right,n===b.Undefined||n===b.Tab||n===b.Backspace||n===b.Delete||i&&this.filterable||n===b.Enter||t.preventDefault()))},O.prototype.keypress=function(e){this.disabled||this.readonly||this.filterable||this.onKeyPress(e)},O.prototype.click=function(e){e.preventDefault(),this.focus(),this.togglePopup(!this.isOpen)},Object.defineProperty(O.prototype,"isFocused",{get:function(){return this._isFocused},set:function(e){this.renderer[e?"addClass":"removeClass"](this.wrapper.nativeElement,"k-focus"),this._isFocused=e},enumerable:!1,configurable:!0}),O.prototype.ngOnInit=function(){var t=this;this.renderer.removeAttribute(this.wrapper.nativeElement,"tabindex"),this.localizationChangesSubscription=this.localization.changes.subscribe(function(e){e=e.rtl;t.direction=e?"rtl":"ltr",t.cdr.detectChanges()}),this.assignAriaDescribedBy(),this.setComponentClasses()},O.prototype.isEmpty=function(){var e=this.value;return!(0===e||!1===e||e||this.defaultItem)},O.prototype.onFilterFocus=function(){this.filterFocused.emit()},O.prototype.ngOnDestroy=function(){this.destroyPopup(),this.unsubscribeEvents(),this.localizationChangesSubscription&&this.localizationChangesSubscription.unsubscribe()},O.prototype.ngOnChanges=function(e){var t=this.virtual;t&&e.data&&e.data.isFirstChange()&&this.pageChange({skip:0,take:t.pageSize}),l.isChanged("defaultItem",e,!1)&&(this.disabledItemsService.defaultItem=this.defaultItem),l.anyChanged(["textField","valueField","valuePrimitive","defaultItem","itemDisabled"],e,!1)&&this.setState()},O.prototype.ngAfterContentChecked=function(){this.verifySettings()},O.prototype.focusItemAt=function(e){var t=(c(this.defaultItem)?-1:0)<=e&&e<this.data.length;c(e)&&t&&!this.disabledItemsService.isIndexDisabled(e)?this.selectionService.focus(e):this.selectionService.focus(null)},O.prototype.focus=function(){this.disabled||this.wrapper.nativeElement.focus()},O.prototype.blur=function(){this.disabled||this.wrapper.nativeElement.blur()},O.prototype.toggle=function(t){var n=this;Promise.resolve(null).then(function(){var e=c(t)?t:!n._open;n._toggle(e)})},O.prototype._toggle=function(e){this._open=e,this.destroyPopup(),this._open&&this.createPopup()},O.prototype.triggerPopupEvents=function(e){var t=new Ce;return(e?this.open:this.close).emit(t),t.isDefaultPrevented()},O.prototype.togglePopup=function(e){var t=this.disabled||this.readonly,n=this.isOpen===e;t||n||this.triggerPopupEvents(e)||(!e&&this.filterable&&this.isFocused&&this.focus(),this._toggle(e))},Object.defineProperty(O.prototype,"isOpen",{get:function(){return this._open},enumerable:!1,configurable:!0}),O.prototype.reset=function(){this.value=void 0},O.prototype.messageFor=function(e){return this.localization.get(e)},O.prototype.writeValue=function(e){this.value=null===e?void 0:e},O.prototype.registerOnChange=function(e){this.onChangeCallback=e},O.prototype.registerOnTouched=function(e){this.onTouchedCallback=e},O.prototype.setDisabledState=function(e){this.disabled=e},Object.defineProperty(O.prototype,"buttonClasses",{get:function(){return this.loading?"k-i-loading k-input-loading-icon":this.iconClass||"k-i-arrow-s"},enumerable:!1,configurable:!0}),Object.defineProperty(O.prototype,"selectButtonClasses",{get:function(){return(this.size?d("button",this.size):"")+" "+(this.fillMode?"k-button-"+this.fillMode:"")+" "+(this.fillMode?"k-button-"+this.fillMode+"-base":"")},enumerable:!1,configurable:!0}),Object.defineProperty(O.prototype,"filterInputClasses",{get:function(){return(this.size?d("input",this.size):"")+" "+(this.fillMode?"k-input-"+this.fillMode:"")+" "+(this.rounded?u(this.rounded):"")},enumerable:!1,configurable:!0}),Object.defineProperty(O.prototype,"optionLabelSizeClass",{get:function(){return""+(this.size?d("list",this.size):"")},enumerable:!1,configurable:!0}),Object.defineProperty(O.prototype,"listContainerClasses",{get:function(){var e=["k-list-container","k-reset"];return this.popupSettings.popupClass&&e.push(this.popupSettings.popupClass),e},enumerable:!1,configurable:!0}),Object.defineProperty(O.prototype,"isDisabledDefaultItem",{get:function(){return this.disabledItemsService.isItemDisabled(this.defaultItem)},enumerable:!1,configurable:!0}),O.prototype.getText=function(){return this.text},O.prototype.getDefaultItemText=function(){return f(this.defaultItem,this.textField)},O.prototype.createPopup=function(){var e=this,t=(this.virtual&&(this.virtual.skip=0),"rtl"===this.direction?"right":"left"),t=(this.popupRef=this.popupService.open({anchor:this.wrapper,anchorAlign:{horizontal:t,vertical:"bottom"},animate:this.popupSettings.animate,appendTo:this.appendTo,content:this.popupTemplate,popupAlign:{horizontal:t,vertical:"top"},popupClass:this.listContainerClasses,positionMode:"absolute"}),this.popupRef.popupElement),n=this.width,i=n.min,n=n.max;t.addEventListener("mousedown",this.popupMouseDownHandler),t.style.minWidth=i,t.style.width=n,t.style.height=this.height,t.setAttribute("dir",this.direction),this.popupRef.popupOpen.subscribe(function(){e.cdr.detectChanges(),e.optionsList.scrollToItem(e.selectionService.focused),e.opened.emit()}),this.popupRef.popupClose.subscribe(function(){e.closed.emit()}),this.filterable||this.popupRef.popupAnchorViewportLeave.subscribe(function(){return e.togglePopup(!1)})},O.prototype.destroyPopup=function(){this.popupRef&&(this.popupRef.popupElement.removeEventListener("mousedown",this.popupMouseDownHandler),this.popupRef.close(),this.popupRef=null)},O.prototype.updateState=function(e){var t=e.dataItem,e=e.confirm,e=void 0!==e&&e;this.dataItem=t,this.text=f(t,this.textField),e&&(this._previousDataItem=t)},O.prototype.clearState=function(){this.text=void 0,this.dataItem=void 0},O.prototype.resetSelection=function(e){var t=!c(e);this.selectionService.resetSelection(t?[]:[e]),this.selectionService.focused=t?this.firstFocusableIndex(0):e},O.prototype.onSelectionChange=function(e){e=e.dataItem;this.updateState({dataItem:e}),this.selectionChange.emit(e),this.assignAriaDescribedBy()},O.prototype.subscribeEvents=function(){var o=this;l.isDocumentAvailable()&&(this.selectionSubscription.add(this.selectionService.onSelect.pipe(m.filter(function(e){return o.isOpen}),m.map(this.itemFromEvent.bind(this))).subscribe(this.onSelectionChange.bind(this))),this.selectionSubscription.add(g.merge(this.selectionService.onSelect.pipe(m.filter(function(e){return!o.isOpen})),this.selectionService.onChange).pipe(m.map(this.itemFromEvent.bind(this)),m.tap(function(e){return o.togglePopup(!1)})).subscribe(function(e){var t=e.dataItem,n=e.value,e=(e.newSelection&&o.onSelectionChange({dataItem:t}),!c(t)&&o._previousDataItem),i=n!==f(o.value,o.valueField);e?(o.updateState({dataItem:o._previousDataItem}),o.resetSelection()):i&&(o.value=o.valuePrimitive?n:t,o._previousDataItem=t,o.emitChange(o.value)),o.clearFilter()})),this.navigationSubscription=g.merge(this.navigationService.up,this.navigationService.down,this.navigationService.left.pipe(m.skipWhile(function(){return o.filterable})),this.navigationService.right.pipe(m.skipWhile(function(){return o.filterable})),this.navigationService.home,this.navigationService.end).pipe(m.filter(function(e){return!isNaN(e.index)})).subscribe(function(e){return o.selectionService.select(e.index)}),this.openSubscription=this.navigationService.open.subscribe(function(){return o.togglePopup(!0)}),this.closeSubscription=this.navigationService.close.subscribe(function(){o.togglePopup(!1),o.focus()}),this.enterSubscription=this.navigationService.enter.pipe(m.tap(function(e){return e.originalEvent.preventDefault()})).subscribe(this.handleEnter.bind(this)),this.escSubscription=this.navigationService.esc.subscribe(this.handleEscape.bind(this)),this.filterBlurredSubscription=this.filterBlurred.pipe(m.concatMap(function(){return g.interval(10).pipe(m.take(1),m.takeUntil(o.hostElementFocused))})).subscribe(function(){o.hostElementBlurred.emit()}),this._zone.runOutsideAngular(function(){o.componentBlurredSubscription=g.merge(o.hostElementBlurred.pipe(m.concatMap(function(){return g.interval(10).pipe(m.take(1),m.takeUntil(o.filterFocused))})),o.navigationService.tab).pipe(m.tap(function(e){return e instanceof be&&o.focus()}),m.filter(function(){return o.isFocused})).subscribe(function(){return o.componentBlur()})}))},O.prototype.subscribeTouchEvents=function(){var t=this;l.isDocumentAvailable()&&this.touchEnabled&&this._zone.runOutsideAngular(function(){return t.touchstartDisposeHandler=t.renderer.listen(document,"touchstart",function(e){e=e.target;t.isFocused&&!oe(t.wrapper,e,t.popupRef)&&t._zone.run(function(){t.filterFocused&&t.togglePopup(!1),t.blur()})})})},O.prototype.subscribeFocusEvents=function(){var e=this;l.isDocumentAvailable()&&(this.focusComponent=this.focusComponent.bind(this),this.blurComponent=this.blurComponent.bind(this),this._zone.runOutsideAngular(function(){document.addEventListener("focus",e.focusComponent,!0),document.addEventListener("blur",e.blurComponent,!0)}))},O.prototype.unSubscribeFocusEvents=function(){l.isDocumentAvailable()&&(document.removeEventListener("focus",this.focusComponent,!0),document.removeEventListener("blur",this.blurComponent,!0))},O.prototype.unsubscribeEvents=function(){l.isDocumentAvailable()&&(this.navigationSubscription.unsubscribe(),this.openSubscription.unsubscribe(),this.closeSubscription.unsubscribe(),this.enterSubscription.unsubscribe(),this.escSubscription.unsubscribe(),this.componentBlurredSubscription.unsubscribe(),this.filterBlurredSubscription.unsubscribe(),this.unSubscribeFocusEvents(),this.touchstartDisposeHandler&&this.touchstartDisposeHandler(),this.selectionSubscription&&this.selectionSubscription.unsubscribe())},O.prototype.itemFromEvent=function(e){var t=e.indices[0],n=this.dataService.itemAt(t),n=c(n)?n:this.currentOrDefault(t),i=f(n,this.valueField);return{dataItem:n,index:t,newSelection:e.newSelection,value:i}},O.prototype.currentOrDefault=function(e){return c(this.dataItem)&&-1!==e?this.dataItem:this.defaultItem},O.prototype.firstFocusableIndex=function(e){var t=this.dataService.itemsCount-1;return this.disabledItemsService.isIndexDisabled(e)?e<t?this.firstFocusableIndex(e+1):void 0:e},O.prototype.handleEnter=function(){this.isOpen?(this.selectionService.change(this.selectionService.focused),this.focus()):this.togglePopup(!0)},O.prototype.handleEscape=function(){c(this.selectionService.selected[0])?this.selectionService.change(this.selectionService.selected[0]):(this.togglePopup(!1),this.clearFilter()),this.focus()},O.prototype.clearFilter=function(){this.filterable&&this.filterText&&(this.filterText="",this.cdr.markForCheck(),this.filterChange.emit(this.filterText))},O.prototype.verifySettings=function(){if(h.isDevMode()){if(this.defaultItem&&this.valueField&&"object"!=typeof this.defaultItem)throw new Error(it);if(!0===this.valuePrimitive&&c(this.value)&&"object"==typeof this.value)throw new Error(st);if(!1===this.valuePrimitive&&c(this.value)&&"object"!=typeof this.value)throw new Error(ot);if(!c(this.valueField)!=!c(this.textField))throw new Error(at)}},O.prototype.componentBlur=function(){var e=this;this.isFocused=!1;var t=c(this.selectionService.selected[0])&&f(this.value,this.valueField)!==f(this.dataService.itemAt(this.selectionService.selected[0]),this.valueField);t||l.hasObservers(this.close)||l.hasObservers(this.onBlur)||l.hasObservers(this.filterChange)||te(this.wrapper.nativeElement)?this._zone.run(function(){t&&e.selectionService.change(e.selectionService.selected[0]),e.togglePopup(!1),e.clearFilter(),e.onBlur.emit(),e.onTouchedCallback()}):this.togglePopup(!1)},O.prototype.onMouseDown=function(e){"input"!==e.target.tagName.toLowerCase()&&e.preventDefault()},O.prototype.onKeyPress=function(e){var t;0!==e.which&&e.keyCode!==l.Keys.Enter&&(t=String.fromCharCode(e.charCode||e.keyCode)," "===(t=this.ignoreCase?t.toLowerCase():t)&&e.preventDefault(),this.word+=t,this.last=t,this.search())},O.prototype.search=function(){var e=this;clearTimeout(this.typingTimeout),this.filterable||(this.typingTimeout=setTimeout(function(){e.word=""},this.delay),this.selectNext())},O.prototype.selectNext=function(){var e,t,n,i=this,o=this.dataService.filter(function(e){return c(e)&&!e.header&&!i.disabledItemsService.isItemDisabled(e)}).map(function(e){return i.dataService.grouped?{item:e.value,itemIndex:e.offsetIndex}:{item:e,itemIndex:i.dataService.indexOf(e)}}),s=function(e,t){for(var n=0;n<e.length;n++)if(e.charAt(n)!==t)return!1;return!0}(this.word,this.last),a=o.length,r=!isNaN(this.selectionService.selected[0]),l=r?this.selectionService.selected[0]:0;for(this.defaultItem&&!this.disabledItemsService.isItemDisabled(this.defaultItem)&&(t={item:this.defaultItem,itemIndex:-1},a+=1,l+=1),n=o,r=l+=s&&r?1:0,o=(n=(l=t)?[l].concat(n):n).slice(r).concat(n.slice(0,r)),e=0;e<a;e++){var p=f(o[e].item,this.textField),d=Boolean(s&&Y(p,this.last,this.ignoreCase)),p=Boolean(Y(p,this.word,this.ignoreCase));if(d||p){e=o[e].itemIndex;break}}e!==a&&this.navigate(e)},O.prototype.emitChange=function(e){this.onChangeCallback(e),this.valueChange.emit(e)},O.prototype.navigate=function(e){this.selectionService.select(e)},O.prototype.findDataItem=function(e){function t(e){return f(e,n)}var n=e.valueField,i=e.value,e={dataItem:null,index:-1},o=this.dataService.grouped?function(e){return t(e.value)===t(i)}:function(e){return t(e)===t(i)},o=this.dataService.findIndex(o);return e.dataItem=this.dataService.itemAt(o),e.index=o,e},O.prototype.setState=function(){var e=this.value,t=this.valueField,n=this.textField,i=this.valuePrimitive;if(this.defaultItem){var o=f(this.defaultItem,t),s=f(e,t);if(!c(e)||s===o)return this.updateState({dataItem:this.defaultItem,confirm:!0}),this.resetSelection(-1),void(this.filterable&&this.filterText&&this.dataService.itemsCount&&(this.selectionService.focused=this.firstFocusableIndex(0)))}s=this.findDataItem({valueField:t,value:e}),o=!(i&&n);s.dataItem?(this.updateState({dataItem:s.dataItem,confirm:!0}),this.resetSelection(s.index)):(c(e)&&o?this.updateState({dataItem:e}):this._previousDataItem?this.updateState({dataItem:this._previousDataItem}):this.clearState(),this.resetSelection())},O.prototype.handleFilter=function(e){this.filterChange.emit(e.target.value)},O.prototype.pageChange=function(e){this.virtual.skip=e.skip},O.prototype.assignAriaDescribedBy=function(){var e=(this.wrapper.nativeElement.getAttribute("aria-describedby")||"").replace(this.valueLabelId,"").trim(),e=(this.valueLabelId=q(),(this.valueLabelId+" "+e).trim());this.renderer.setAttribute(this.wrapper.nativeElement,"aria-describedby",e)},O.prototype.setComponentClasses=function(){"none"!==this.size&&this.renderer.addClass(this.wrapper.nativeElement,d("picker",this.size)),"none"!==this.rounded&&this.renderer.addClass(this.wrapper.nativeElement,u(this.rounded)),"none"!==this.fillMode&&this.renderer.addClass(this.wrapper.nativeElement,le("picker",this.fillMode))},O);function O(e,t,n,i,o,s,a,r,l,p,d){this.wrapper=e,this.localization=t,this.popupService=n,this.selectionService=i,this.navigationService=o,this.disabledItemsService=s,this.dataService=a,this._zone=r,this.renderer=l,this.cdr=p,this.touchEnabled=d,this.listHeight=200,this.disabled=!1,this.readonly=!1,this.filterable=!1,this.ignoreCase=!0,this.delay=500,this.tabindex=0,this.valueChange=new h.EventEmitter,this.filterChange=new h.EventEmitter,this.selectionChange=new h.EventEmitter,this.open=new h.EventEmitter,this.opened=new h.EventEmitter,this.close=new h.EventEmitter,this.closed=new h.EventEmitter,this.onFocus=new h.EventEmitter,this.onBlur=new h.EventEmitter,this.hostClasses=!0,this.focusableId="k-"+q(),this.role="listbox",this.groupIndices=[],this.listBoxId=q(),this.optionPrefix=q(),this.filterText="",this._isFocused=!1,this.onTouchedCallback=function(e){},this.onChangeCallback=function(e){},this.word="",this.last="",this.filterFocused=new h.EventEmitter,this.filterBlurred=new h.EventEmitter,this.hostElementFocused=new h.EventEmitter,this.hostElementBlurred=new h.EventEmitter,this.selectionSubscription=new g.Subscription,this._open=!1,this._popupSettings={animate:!0},this._size="medium",this._rounded="medium",this._fillMode="solid",V.validatePackage($),this.direction=t.rtl?"rtl":"ltr",this.data=[],this.subscribeEvents(),this.subscribeTouchEvents(),this.subscribeFocusEvents(),this.popupMouseDownHandler=this.onMouseDown.bind(this)}ft.ɵfac=s.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:s,type:ft,deps:[{token:s.ElementRef},{token:r.LocalizationService},{token:j.PopupService},{token:k},{token:T},{token:x},{token:I},{token:s.NgZone},{token:s.Renderer2},{token:s.ChangeDetectorRef},{token:De,optional:!0}],target:s.ɵɵFactoryTarget.Component}),ft.ɵcmp=s.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:ft,selector:"kendo-dropdownlist",inputs:{iconClass:"iconClass",loading:"loading",data:"data",value:"value",textField:"textField",valueField:"valueField",popupSettings:"popupSettings",listHeight:"listHeight",defaultItem:"defaultItem",disabled:"disabled",itemDisabled:"itemDisabled",readonly:"readonly",filterable:"filterable",virtual:"virtual",ignoreCase:"ignoreCase",delay:"delay",valuePrimitive:"valuePrimitive",tabindex:"tabindex",tabIndex:"tabIndex",size:"size",rounded:"rounded",fillMode:"fillMode",focusableId:["id","focusableId"]},outputs:{valueChange:"valueChange",filterChange:"filterChange",selectionChange:"selectionChange",open:"open",opened:"opened",close:"close",closed:"closed",onFocus:"focus",onBlur:"blur"},host:{listeners:{keydown:"keydown($event)",keypress:"keypress($event)",click:"click($event)"},properties:{"class.k-dropdownlist":"this.hostClasses","class.k-picker":"this.hostClasses","class.k-disabled":"this.isDisabled","attr.aria-disabled":"this.isDisabled","class.k-loading":"this.isLoading","attr.id":"this.focusableId","attr.dir":"this.dir","attr.tabindex":"this.hostTabIndex","attr.readonly":"this.isReadonly","attr.aria-readonly":"this.isReadonly","attr.role":"this.role","attr.aria-haspopup":"this.role","attr.aria-expanded":"this.isAriaExpanded","attr.aria-owns":"this.hostAriaOwns","attr.aria-activedescendant":"this.hostAriaActivedescendant","attr.aria-label":"this.hostNoDataLabel"}},providers:[mt,I,k,T,x,n.LocalizationService,{provide:n.L10N_PREFIX,useValue:"kendo.dropdownlist"},{provide:Ie,useExisting:h.forwardRef(function(){return ft})},{provide:l.KendoInput,useExisting:h.forwardRef(function(){return ft})}],queries:[{propertyName:"itemTemplate",first:!0,predicate:ce,descendants:!0},{propertyName:"groupTemplate",first:!0,predicate:he,descendants:!0},{propertyName:"fixedGroupTemplate",first:!0,predicate:ge,descendants:!0},{propertyName:"valueTemplate",first:!0,predicate:Be,descendants:!0},{propertyName:"headerTemplate",first:!0,predicate:y,descendants:!0},{propertyName:"footerTemplate",first:!0,predicate:C,descendants:!0},{propertyName:"noDataTemplate",first:!0,predicate:D,descendants:!0}],viewQueries:[{propertyName:"container",first:!0,predicate:["container"],descendants:!0,read:h.ViewContainerRef,static:!0},{propertyName:"popupTemplate",first:!0,predicate:["popupTemplate"],descendants:!0,static:!0},{propertyName:"optionsList",first:!0,predicate:["optionsList"],descendants:!0}],exportAs:["kendoDropDownList"],usesOnChanges:!0,ngImport:s,template:'\n        <ng-container kendoDropDownListLocalizedMessages\n            i18n-noDataText="kendo.dropdownlist.noDataText|The text displayed in the popup when there are no items"\n            noDataText="NO DATA FOUND"\n\n            i18n-selectButtonText="kendo.dropdownlist.selectButtonText|The text set as aria-label on the select button"\n            selectButtonText="Select"\n        >\n        </ng-container>\n        <span class="k-input-inner" unselectable="on" role="option" [id]="valueLabelId">\n            <span class="k-input-value-text">\n                <ng-template *ngIf="valueTemplate"\n                    [templateContext]="{\n                        templateRef: valueTemplate.templateRef,\n                        $implicit: dataItem\n                    }">\n                </ng-template>\n                <ng-template [ngIf]="!valueTemplate">{{ getText() }}</ng-template>\n            </span>\n        </span>\n        <button\n            tabindex="-1"\n            unselectable="on"\n            type="button"\n            class="k-input-button k-button k-icon-button"\n            [ngClass]="selectButtonClasses"\n            [attr.aria-label]="messageFor(\'selectButtonText\')"\n            [kendoEventsOutsideAngular]="{\n                mousedown: onMouseDown\n            }"\n        >\n            <span\n                class="k-button-icon k-icon"\n                unselectable="on"\n                [ngClass]="buttonClasses"\n            ></span>\n        </button>\n        <ng-template #popupTemplate>\n            \x3c!--filterable--\x3e\n\n            <ng-template [ngIf]="filterable">\n                <div class="k-list-filter" (click)="$event.stopImmediatePropagation()">\n                    <span\n                        class="k-searchbox k-input"\n                        [ngClass]="filterInputClasses"\n                    >\n                        <span class="k-input-icon k-icon k-i-search" unselectable="on"></span>\n                        <input\n                            [attr.aria-owns]="ariaOwns"\n                            [attr.aria-activedescendant]="ariaActivedescendant"\n                            [attr.aria-label]="noDataLabel"\n                            tabindex="-1"\n                            [filterInput]="isFocused && !touchEnabled"\n                            [dir]="direction"\n                            [(ngModel)]="filterText"\n                            class="k-input-inner"\n                            (keydown)="keydown($event)"\n                            (input)="handleFilter($event)"\n                            (focus)="onFilterFocus()"\n                            (blur)="blurFilterInput()" />\n                    </span>\n                </div>\n            </ng-template>\n            \x3c!--default item--\x3e\n            <ng-template [ngIf]="defaultItem && !itemTemplate">\n                <div\n                    class="k-list"\n                    [ngClass]="optionLabelSizeClass"\n                >\n                    <div class="k-list-optionlabel" [ngClass]="{ \'k-disabled\': isDisabledDefaultItem }" kendoDropDownsSelectable [index]="-1">\n                        {{ getDefaultItemText() }}\n                    </div>\n                </div>\n            </ng-template>\n            <ng-template [ngIf]="defaultItem && itemTemplate">\n                <div\n                    class="k-list"\n                    [ngClass]="optionLabelSizeClass"\n                >\n                    <div class="k-list-optionlabel" [ngClass]="{ \'k-disabled\': isDisabledDefaultItem }" kendoDropDownsSelectable [index]="-1">\n                        <ng-template\n                            [templateContext]="{\n                                templateRef: itemTemplate.templateRef,\n                                $implicit: defaultItem\n                            }">\n                        </ng-template>\n                    </div>\n                </div>\n            </ng-template>\n            \x3c!--header template--\x3e\n            <ng-template *ngIf="headerTemplate"\n                [templateContext]="{\n                    templateRef: headerTemplate.templateRef\n                }">\n            </ng-template>\n            \x3c!--list--\x3e\n            <kendo-list\n                #optionsList\n                [size]="size"\n                [rounded]="rounded"\n                [id]="listBoxId"\n                [optionPrefix]="optionPrefix"\n                [data]="data"\n                [textField]="textField"\n                [valueField]="valueField"\n                [template]="itemTemplate"\n                [groupTemplate]="groupTemplate"\n                [fixedGroupTemplate]="fixedGroupTemplate"\n                [height]="listHeight"\n                [show]="isOpen"\n                [virtual]="virtual"\n                (pageChange)="pageChange($event)"\n                >\n            </kendo-list>\n            \x3c!--no-data template--\x3e\n            <div class="k-no-data" *ngIf="data.length === 0">\n                <ng-template [ngIf]="noDataTemplate"\n                    [templateContext]="{\n                        templateRef: noDataTemplate ? noDataTemplate.templateRef : undefined\n                    }">\n                </ng-template>\n                <ng-template [ngIf]="!noDataTemplate">\n                    <div>{{ messageFor(\'noDataText\') }}</div>\n                </ng-template>\n            </div>\n            \x3c!--footer template--\x3e\n            <ng-template *ngIf="footerTemplate"\n                [templateContext]="{\n                    templateRef: footerTemplate.templateRef\n                }">\n            </ng-template>\n        </ng-template>\n        <ng-template [ngIf]="isOpen">\n            <kendo-resize-sensor (resize)="onResize()"></kendo-resize-sensor>\n        </ng-template>\n        <ng-container #container></ng-container>\n  ',isInline:!0,components:[{type:Pe,selector:"kendo-list",inputs:["selected","focused","textField","valueField","height","template","groupTemplate","fixedGroupTemplate","show","id","optionPrefix","multipleSelection","virtual","type","checkboxes","data","size","rounded"],outputs:["onClick","pageChange","listResize"]},{type:a.ResizeSensorComponent,selector:"kendo-resize-sensor",inputs:["rateLimit"],outputs:["resize"]}],directives:[{type:Ae,selector:"\n    [kendoDropDownListLocalizedMessages],\n    [kendoDropDownTreeLocalizedMessages],\n    [kendoComboBoxLocalizedMessages],\n    [kendoMultiColumnComboBoxLocalizedMessages],\n    [kendoAutoCompleteLocalizedMessages],\n    [kendoMultiSelectLocalizedMessages],\n    [kendoMultiSelectTreeLocalizedMessages]\n  "},{type:p.NgIf,selector:"[ngIf]",inputs:["ngIf","ngIfThen","ngIfElse"]},{type:Se,selector:"[templateContext]",inputs:["templateContext"]},{type:p.NgClass,selector:"[ngClass]",inputs:["class","ngClass"]},{type:a.EventsOutsideAngularDirective,selector:"[kendoEventsOutsideAngular]",inputs:["kendoEventsOutsideAngular","scope"]},{type:_.DefaultValueAccessor,selector:"input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]"},{type:ht,selector:"[filterInput]",inputs:["filterInput"]},{type:_.NgControlStatus,selector:"[formControlName],[ngModel],[formControl]"},{type:_.NgModel,selector:"[ngModel]:not([formControlName]):not([formControl])",inputs:["name","disabled","ngModel","ngModelOptions"],outputs:["ngModelChange"],exportAs:["ngModel"]},{type:Fe,selector:"[kendoDropDownsSelectable]",inputs:["index","checkboxes","height","multipleSelection"]}]}),s.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:s,type:ft,decorators:[{type:h.Component,args:[{exportAs:"kendoDropDownList",providers:[mt,I,k,T,x,n.LocalizationService,{provide:n.L10N_PREFIX,useValue:"kendo.dropdownlist"},{provide:Ie,useExisting:h.forwardRef(function(){return ft})},{provide:l.KendoInput,useExisting:h.forwardRef(function(){return ft})}],selector:"kendo-dropdownlist",template:'\n        <ng-container kendoDropDownListLocalizedMessages\n            i18n-noDataText="kendo.dropdownlist.noDataText|The text displayed in the popup when there are no items"\n            noDataText="NO DATA FOUND"\n\n            i18n-selectButtonText="kendo.dropdownlist.selectButtonText|The text set as aria-label on the select button"\n            selectButtonText="Select"\n        >\n        </ng-container>\n        <span class="k-input-inner" unselectable="on" role="option" [id]="valueLabelId">\n            <span class="k-input-value-text">\n                <ng-template *ngIf="valueTemplate"\n                    [templateContext]="{\n                        templateRef: valueTemplate.templateRef,\n                        $implicit: dataItem\n                    }">\n                </ng-template>\n                <ng-template [ngIf]="!valueTemplate">{{ getText() }}</ng-template>\n            </span>\n        </span>\n        <button\n            tabindex="-1"\n            unselectable="on"\n            type="button"\n            class="k-input-button k-button k-icon-button"\n            [ngClass]="selectButtonClasses"\n            [attr.aria-label]="messageFor(\'selectButtonText\')"\n            [kendoEventsOutsideAngular]="{\n                mousedown: onMouseDown\n            }"\n        >\n            <span\n                class="k-button-icon k-icon"\n                unselectable="on"\n                [ngClass]="buttonClasses"\n            ></span>\n        </button>\n        <ng-template #popupTemplate>\n            \x3c!--filterable--\x3e\n\n            <ng-template [ngIf]="filterable">\n                <div class="k-list-filter" (click)="$event.stopImmediatePropagation()">\n                    <span\n                        class="k-searchbox k-input"\n                        [ngClass]="filterInputClasses"\n                    >\n                        <span class="k-input-icon k-icon k-i-search" unselectable="on"></span>\n                        <input\n                            [attr.aria-owns]="ariaOwns"\n                            [attr.aria-activedescendant]="ariaActivedescendant"\n                            [attr.aria-label]="noDataLabel"\n                            tabindex="-1"\n                            [filterInput]="isFocused && !touchEnabled"\n                            [dir]="direction"\n                            [(ngModel)]="filterText"\n                            class="k-input-inner"\n                            (keydown)="keydown($event)"\n                            (input)="handleFilter($event)"\n                            (focus)="onFilterFocus()"\n                            (blur)="blurFilterInput()" />\n                    </span>\n                </div>\n            </ng-template>\n            \x3c!--default item--\x3e\n            <ng-template [ngIf]="defaultItem && !itemTemplate">\n                <div\n                    class="k-list"\n                    [ngClass]="optionLabelSizeClass"\n                >\n                    <div class="k-list-optionlabel" [ngClass]="{ \'k-disabled\': isDisabledDefaultItem }" kendoDropDownsSelectable [index]="-1">\n                        {{ getDefaultItemText() }}\n                    </div>\n                </div>\n            </ng-template>\n            <ng-template [ngIf]="defaultItem && itemTemplate">\n                <div\n                    class="k-list"\n                    [ngClass]="optionLabelSizeClass"\n                >\n                    <div class="k-list-optionlabel" [ngClass]="{ \'k-disabled\': isDisabledDefaultItem }" kendoDropDownsSelectable [index]="-1">\n                        <ng-template\n                            [templateContext]="{\n                                templateRef: itemTemplate.templateRef,\n                                $implicit: defaultItem\n                            }">\n                        </ng-template>\n                    </div>\n                </div>\n            </ng-template>\n            \x3c!--header template--\x3e\n            <ng-template *ngIf="headerTemplate"\n                [templateContext]="{\n                    templateRef: headerTemplate.templateRef\n                }">\n            </ng-template>\n            \x3c!--list--\x3e\n            <kendo-list\n                #optionsList\n                [size]="size"\n                [rounded]="rounded"\n                [id]="listBoxId"\n                [optionPrefix]="optionPrefix"\n                [data]="data"\n                [textField]="textField"\n                [valueField]="valueField"\n                [template]="itemTemplate"\n                [groupTemplate]="groupTemplate"\n                [fixedGroupTemplate]="fixedGroupTemplate"\n                [height]="listHeight"\n                [show]="isOpen"\n                [virtual]="virtual"\n                (pageChange)="pageChange($event)"\n                >\n            </kendo-list>\n            \x3c!--no-data template--\x3e\n            <div class="k-no-data" *ngIf="data.length === 0">\n                <ng-template [ngIf]="noDataTemplate"\n                    [templateContext]="{\n                        templateRef: noDataTemplate ? noDataTemplate.templateRef : undefined\n                    }">\n                </ng-template>\n                <ng-template [ngIf]="!noDataTemplate">\n                    <div>{{ messageFor(\'noDataText\') }}</div>\n                </ng-template>\n            </div>\n            \x3c!--footer template--\x3e\n            <ng-template *ngIf="footerTemplate"\n                [templateContext]="{\n                    templateRef: footerTemplate.templateRef\n                }">\n            </ng-template>\n        </ng-template>\n        <ng-template [ngIf]="isOpen">\n            <kendo-resize-sensor (resize)="onResize()"></kendo-resize-sensor>\n        </ng-template>\n        <ng-container #container></ng-container>\n  '}]}],ctorParameters:function(){return[{type:s.ElementRef},{type:r.LocalizationService},{type:j.PopupService},{type:k},{type:T},{type:x},{type:I},{type:s.NgZone},{type:s.Renderer2},{type:s.ChangeDetectorRef},{type:void 0,decorators:[{type:h.Optional},{type:h.Inject,args:[De]}]}]},propDecorators:{iconClass:[{type:h.Input}],loading:[{type:h.Input}],data:[{type:h.Input}],value:[{type:h.Input}],textField:[{type:h.Input}],valueField:[{type:h.Input}],popupSettings:[{type:h.Input}],listHeight:[{type:h.Input}],defaultItem:[{type:h.Input}],disabled:[{type:h.Input}],itemDisabled:[{type:h.Input}],readonly:[{type:h.Input}],filterable:[{type:h.Input}],virtual:[{type:h.Input}],ignoreCase:[{type:h.Input}],delay:[{type:h.Input}],valuePrimitive:[{type:h.Input}],tabindex:[{type:h.Input}],tabIndex:[{type:h.Input,args:["tabIndex"]}],size:[{type:h.Input}],rounded:[{type:h.Input}],fillMode:[{type:h.Input}],valueChange:[{type:h.Output}],filterChange:[{type:h.Output}],selectionChange:[{type:h.Output}],open:[{type:h.Output}],opened:[{type:h.Output}],close:[{type:h.Output}],closed:[{type:h.Output}],onFocus:[{type:h.Output,args:["focus"]}],onBlur:[{type:h.Output,args:["blur"]}],itemTemplate:[{type:h.ContentChild,args:[ce,{static:!1}]}],groupTemplate:[{type:h.ContentChild,args:[he,{static:!1}]}],fixedGroupTemplate:[{type:h.ContentChild,args:[ge,{static:!1}]}],valueTemplate:[{type:h.ContentChild,args:[Be,{static:!1}]}],headerTemplate:[{type:h.ContentChild,args:[y,{static:!1}]}],footerTemplate:[{type:h.ContentChild,args:[C,{static:!1}]}],noDataTemplate:[{type:h.ContentChild,args:[D,{static:!1}]}],container:[{type:h.ViewChild,args:["container",{read:h.ViewContainerRef,static:!0}]}],popupTemplate:[{type:h.ViewChild,args:["popupTemplate",{static:!0}]}],optionsList:[{type:h.ViewChild,args:["optionsList",{static:!1}]}],hostClasses:[{type:h.HostBinding,args:["class.k-dropdownlist"]},{type:h.HostBinding,args:["class.k-picker"]}],isDisabled:[{type:h.HostBinding,args:["class.k-disabled"]},{type:h.HostBinding,args:["attr.aria-disabled"]}],isLoading:[{type:h.HostBinding,args:["class.k-loading"]}],focusableId:[{type:h.Input,args:["id"]},{type:h.HostBinding,args:["attr.id"]}],dir:[{type:h.HostBinding,args:["attr.dir"]}],hostTabIndex:[{type:h.HostBinding,args:["attr.tabindex"]}],isReadonly:[{type:h.HostBinding,args:["attr.readonly"]},{type:h.HostBinding,args:["attr.aria-readonly"]}],role:[{type:h.HostBinding,args:["attr.role"]},{type:h.HostBinding,args:["attr.aria-haspopup"]}],isAriaExpanded:[{type:h.HostBinding,args:["attr.aria-expanded"]}],hostAriaOwns:[{type:h.HostBinding,args:["attr.aria-owns"]}],hostAriaActivedescendant:[{type:h.HostBinding,args:["attr.aria-activedescendant"]}],hostNoDataLabel:[{type:h.HostBinding,args:["attr.aria-label"]}],keydown:[{type:h.HostListener,args:["keydown",["$event"]]}],keypress:[{type:h.HostListener,args:["keypress",["$event"]]}],click:[{type:h.HostListener,args:["click",["$event"]]}]}});var vt,mt=function(e){this.templateRef=e},bt=(mt.ɵfac=s.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:s,type:mt,deps:[{token:s.TemplateRef}],target:s.ɵɵFactoryTarget.Directive}),mt.ɵdir=s.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.16",type:mt,selector:"[kendoMultiSelectCustomItemTemplate]",ngImport:s}),s.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:s,type:mt,decorators:[{type:h.Directive,args:[{selector:"[kendoMultiSelectCustomItemTemplate]"}]}],ctorParameters:function(){return[{type:s.TemplateRef}]}}),function(e){this.templateRef=e}),yt=(bt.ɵfac=s.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:s,type:bt,deps:[{token:s.TemplateRef}],target:s.ɵɵFactoryTarget.Directive}),bt.ɵdir=s.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.16",type:bt,selector:"[kendoMultiSelectTagTemplate],[kendoMultiSelectTreeTagTemplate]",ngImport:s}),s.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:s,type:bt,decorators:[{type:h.Directive,args:[{selector:"[kendoMultiSelectTagTemplate],[kendoMultiSelectTreeTagTemplate]"}]}],ctorParameters:function(){return[{type:s.TemplateRef}]}}),function(e){this.templateRef=e}),Ct=(yt.ɵfac=s.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:s,type:yt,deps:[{token:s.TemplateRef}],target:s.ɵɵFactoryTarget.Directive}),yt.ɵdir=s.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.16",type:yt,selector:"[kendoMultiSelectGroupTagTemplate],[kendoMultiSelectTreeGroupTagTemplate]",ngImport:s}),s.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:s,type:yt,decorators:[{type:h.Directive,args:[{selector:"[kendoMultiSelectGroupTagTemplate],[kendoMultiSelectTreeGroupTagTemplate]"}]}],ctorParameters:function(){return[{type:s.TemplateRef}]}}),G(kt,vt=Ce),kt);function kt(e){var t=vt.call(this)||this;return t.dataItem=e,t}Object.defineProperty(xt.prototype,"size",{get:function(){return this._size},set:function(e){this.renderer.removeClass(this.hostElement.nativeElement,d("chip-list",this.size)),e&&this.renderer.addClass(this.hostElement.nativeElement,d("chip-list",e)),this._size=e},enumerable:!1,configurable:!0}),Object.defineProperty(xt.prototype,"hostId",{get:function(){return this.id},enumerable:!1,configurable:!0}),xt.prototype.tagProp=function(e,t,n){t=t&&this.getPropField(e,t,n);return f(e,t)},xt.prototype.isTagDisabled=function(e,n){var i=this;return this.isGroupTag(e)?e.every(function(e,t){return i.disabledIndices.has(t+n)}):this.disabledIndices.has(n)},xt.prototype.deleteTag=function(e,t,n){e.preventDefault(),e.stopImmediatePropagation(),this.disabled||1!==e.which||this.removeTag.emit({tag:t,index:n})},xt.prototype.itemId=function(e,t){if(e)return this.tagPrefix+"-"+this.tagProp(e,this.valueField,t)},xt.prototype.isGroupTag=function(e){return e instanceof Array},xt.prototype.tagAriaHidden=function(e){return c(this.focused)&&this.focused!==e},xt.prototype.getPropField=function(t,e,n){var i=e.length-1;return"string"==typeof e?e:this.valueDepth?i<(n=this.valueDepth[n])?e[i]:e[n]:e.find(function(e){return e in t})};var It=xt;function xt(e,t){this.renderer=e,this.hostElement=t,this.rounded="medium",this.fillMode="solid",this.disabledIndices=new Set,this.removeTag=new h.EventEmitter,this.hostClasses=!0,this._size="medium"}It.ɵfac=s.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:s,type:It,deps:[{token:s.Renderer2},{token:s.ElementRef}],target:s.ɵɵFactoryTarget.Component}),It.ɵcmp=s.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:It,selector:"kendo-taglist",inputs:{tags:"tags",textField:"textField",valueField:"valueField",valueDepth:"valueDepth",focused:"focused",template:"template",groupTemplate:"groupTemplate",disabled:"disabled",tagPrefix:"tagPrefix",id:"id",size:"size",rounded:"rounded",fillMode:"fillMode",disabledIndices:"disabledIndices"},outputs:{removeTag:"removeTag"},host:{properties:{"class.k-input-values":"this.hostClasses","class.k-chip-list":"this.hostClasses","class.k-selection-multiple":"this.hostClasses","attr.id":"this.hostId"}},ngImport:s,template:"\n        <div\n            *ngFor=\"let tag of tags; let index = index;\"\n            [attr.id]=\"itemId(tag, index)\"\n            [attr.aria-hidden]=\"tagAriaHidden(index)\"\n            class=\"k-chip\"\n            [ngClass]=\"{\n                'k-focus': index === focused,\n                'k-disabled': isTagDisabled(tag, index),\n                'k-chip-sm': size === 'small',\n                'k-chip-md': size === 'medium',\n                'k-chip-lg': size === 'large',\n                'k-rounded-sm': rounded === 'small',\n                'k-rounded-md': rounded === 'medium',\n                'k-rounded-lg': rounded === 'large',\n                'k-rounded-full': rounded === 'full',\n                'k-chip-solid k-chip-solid-base': fillMode === 'solid',\n                'k-chip-flat k-chip-flat-base': fillMode === 'flat',\n                'k-chip-outline k-chip-outline-base': fillMode === 'outline'\n            }\"\n        >\n            <span class=\"k-chip-content\">\n                <ng-template *ngIf=\"isGroupTag(tag); then groupTag else singleTag\"></ng-template>\n                <ng-template #groupTag>\n                    <span class=\"k-chip-label k-text-ellipsis\">\n                        <ng-template *ngIf=\"groupTemplate\"\n                            [templateContext]=\"{\n                            templateRef: groupTemplate.templateRef,\n                            $implicit: tag\n                        }\">\n                        </ng-template>\n                        <ng-template [ngIf]=\"!groupTemplate\">{{ tag.length }} {{ tag.length === 1 ? 'item' : 'items' }} selected</ng-template>\n                    </span>\n                </ng-template>\n                <ng-template #singleTag>\n                    <span class=\"k-chip-label k-text-ellipsis\">\n                        <ng-template *ngIf=\"template\"\n                            [templateContext]=\"{\n                            templateRef: template.templateRef,\n                            $implicit: tag\n                        }\">\n                        </ng-template>\n                        <ng-template [ngIf]=\"!template\">{{ tagProp(tag, textField, index) }}</ng-template>\n                    </span>\n                </ng-template>\n            </span>\n\n            <span class=\"k-chip-actions\">\n                <span aria-label=\"delete\" [attr.aria-hidden]=\"index !== focused\" class=\"k-chip-action k-chip-remove-action\">\n                    <span class=\"k-icon k-i-x-circle\" (mousedown)=\"deleteTag($event, tag, index)\">\n                    </span>\n                </span>\n            </span>\n        </div>\n        <ng-content></ng-content>\n  ",isInline:!0,directives:[{type:p.NgForOf,selector:"[ngFor][ngForOf]",inputs:["ngForOf","ngForTrackBy","ngForTemplate"]},{type:p.NgClass,selector:"[ngClass]",inputs:["class","ngClass"]},{type:p.NgIf,selector:"[ngIf]",inputs:["ngIf","ngIfThen","ngIfElse"]},{type:Se,selector:"[templateContext]",inputs:["templateContext"]}]}),s.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:s,type:It,decorators:[{type:h.Component,args:[{selector:"kendo-taglist",template:"\n        <div\n            *ngFor=\"let tag of tags; let index = index;\"\n            [attr.id]=\"itemId(tag, index)\"\n            [attr.aria-hidden]=\"tagAriaHidden(index)\"\n            class=\"k-chip\"\n            [ngClass]=\"{\n                'k-focus': index === focused,\n                'k-disabled': isTagDisabled(tag, index),\n                'k-chip-sm': size === 'small',\n                'k-chip-md': size === 'medium',\n                'k-chip-lg': size === 'large',\n                'k-rounded-sm': rounded === 'small',\n                'k-rounded-md': rounded === 'medium',\n                'k-rounded-lg': rounded === 'large',\n                'k-rounded-full': rounded === 'full',\n                'k-chip-solid k-chip-solid-base': fillMode === 'solid',\n                'k-chip-flat k-chip-flat-base': fillMode === 'flat',\n                'k-chip-outline k-chip-outline-base': fillMode === 'outline'\n            }\"\n        >\n            <span class=\"k-chip-content\">\n                <ng-template *ngIf=\"isGroupTag(tag); then groupTag else singleTag\"></ng-template>\n                <ng-template #groupTag>\n                    <span class=\"k-chip-label k-text-ellipsis\">\n                        <ng-template *ngIf=\"groupTemplate\"\n                            [templateContext]=\"{\n                            templateRef: groupTemplate.templateRef,\n                            $implicit: tag\n                        }\">\n                        </ng-template>\n                        <ng-template [ngIf]=\"!groupTemplate\">{{ tag.length }} {{ tag.length === 1 ? 'item' : 'items' }} selected</ng-template>\n                    </span>\n                </ng-template>\n                <ng-template #singleTag>\n                    <span class=\"k-chip-label k-text-ellipsis\">\n                        <ng-template *ngIf=\"template\"\n                            [templateContext]=\"{\n                            templateRef: template.templateRef,\n                            $implicit: tag\n                        }\">\n                        </ng-template>\n                        <ng-template [ngIf]=\"!template\">{{ tagProp(tag, textField, index) }}</ng-template>\n                    </span>\n                </ng-template>\n            </span>\n\n            <span class=\"k-chip-actions\">\n                <span aria-label=\"delete\" [attr.aria-hidden]=\"index !== focused\" class=\"k-chip-action k-chip-remove-action\">\n                    <span class=\"k-icon k-i-x-circle\" (mousedown)=\"deleteTag($event, tag, index)\">\n                    </span>\n                </span>\n            </span>\n        </div>\n        <ng-content></ng-content>\n  "}]}],ctorParameters:function(){return[{type:s.Renderer2},{type:s.ElementRef}]},propDecorators:{tags:[{type:h.Input}],textField:[{type:h.Input}],valueField:[{type:h.Input}],valueDepth:[{type:h.Input}],focused:[{type:h.Input}],template:[{type:h.Input}],groupTemplate:[{type:h.Input}],disabled:[{type:h.Input}],tagPrefix:[{type:h.Input}],id:[{type:h.Input}],size:[{type:h.Input}],rounded:[{type:h.Input}],fillMode:[{type:h.Input}],disabledIndices:[{type:h.Input}],removeTag:[{type:h.Output}],hostClasses:[{type:h.HostBinding,args:["class.k-input-values"]},{type:h.HostBinding,args:["class.k-chip-list"]},{type:h.HostBinding,args:["class.k-selection-multiple"]}],hostId:[{type:h.HostBinding,args:["attr.id"]}]}});var Tt={multi:!0,provide:t.NG_VALUE_ACCESSOR,useExisting:h.forwardRef(function(){return Dt})},Dt=(P.prototype.focusItemAt=function(e){var t=(this.allowCustom?-1:0)<=0&&e<this.data.length;c(e)&&t&&!this.disabledItemsService.isIndexDisabled(e)?this.selectionService.focus(e):this.selectionService.focus(null)},P.prototype.focus=function(){this.disabled||this.searchbar.focus()},P.prototype.onSearchBarFocus=function(){var e=this;this.isFocused||(this.isFocused=!0,l.hasObservers(this.onFocus)&&this._zone.run(function(){e.onFocus.emit()}))},P.prototype.blur=function(){this.disabled||this.searchbar.blur()},P.prototype.onSearchBarBlur=function(){var e=this;this.isFocused&&(this.isFocused=!1,l.hasObservers(this.onBlur)||l.hasObservers(this.filterChange)||l.hasObservers(this.close)||te(this.wrapper.nativeElement)?this._zone.run(function(){e.closePopup(),e.isOpen&&e.allowCustom||e.clearFilter(),e.onBlur.emit(),e.onTouchedCallback()}):(this.allowCustom||this.clearFilter(),this.closePopup()))},P.prototype.onMouseDown=function(e){e.preventDefault()},P.prototype.onResize=function(){var e,t,n;this._open&&(e=this.popupRef.popupElement,t=(n=this.width).min,n=n.max,e.style.minWidth=t,e.style.width=n)},Object.defineProperty(P.prototype,"appendTo",{get:function(){var e=this.popupSettings.appendTo;if(e&&"root"!==e)return"component"===e?this.container:e},enumerable:!1,configurable:!0}),Object.defineProperty(P.prototype,"data",{get:function(){var e,t,n=this.virtual;return n?(t=(e=n.skip||0)+n.pageSize,n.total=this.dataService.data.length,this.dataService.data.slice(e,t)):this.dataService.data},set:function(e){this.dataService.data=e||[],this.virtual&&(this.virtual.skip=0),this.initialized&&this.setState(this.value)},enumerable:!1,configurable:!0}),Object.defineProperty(P.prototype,"value",{get:function(){return this._value},set:function(e){this._value=e||[],!this.differ&&this.value&&(this.differ=this.differs.find(this.value).create()),this.valueChangeDetected=!0,this.initialized&&this.setState(this.value)},enumerable:!1,configurable:!0}),Object.defineProperty(P.prototype,"tabIndex",{get:function(){return this.tabindex},set:function(e){this.tabindex=e},enumerable:!1,configurable:!0}),Object.defineProperty(P.prototype,"size",{get:function(){return this._size},set:function(e){var t=e||"medium";this.renderer.removeClass(this.wrapper.nativeElement,d("input",this.size)),"none"!==e&&this.renderer.addClass(this.wrapper.nativeElement,d("input",t)),this._size=t},enumerable:!1,configurable:!0}),Object.defineProperty(P.prototype,"rounded",{get:function(){return this._rounded},set:function(e){var t=e||"medium";this.renderer.removeClass(this.wrapper.nativeElement,u(this.rounded)),"none"!==e&&this.renderer.addClass(this.wrapper.nativeElement,u(t)),this._rounded=t},enumerable:!1,configurable:!0}),Object.defineProperty(P.prototype,"fillMode",{get:function(){return this._fillMode},set:function(e){var t=e||"solid";this.renderer.removeClass(this.wrapper.nativeElement,le("input",this.fillMode)),"none"!==e&&this.renderer.addClass(this.wrapper.nativeElement,le("input",t)),this._fillMode=t},enumerable:!1,configurable:!0}),Object.defineProperty(P.prototype,"placeholder",{get:function(){return this.selectedDataItems.length?"":this._placeholder},set:function(e){this._placeholder=e||""},enumerable:!1,configurable:!0}),Object.defineProperty(P.prototype,"itemDisabled",{set:function(e){if("function"!=typeof e)throw new Error("itemDisabled must be a function, but received "+JSON.stringify(e)+".");this.disabledItemsService.itemDisabled=e},enumerable:!1,configurable:!0}),Object.defineProperty(P.prototype,"checkboxes",{get:function(){return this._checkboxes},set:function(e){this._checkboxes=de(e=e)?Object.assign({},{enabled:!0,checkOnClick:!0},e):{enabled:Boolean(e),checkOnClick:!0}},enumerable:!1,configurable:!0}),Object.defineProperty(P.prototype,"virtual",{get:function(){return this._virtualSettings},set:function(e){this._virtualSettings=xe(e)},enumerable:!1,configurable:!0}),Object.defineProperty(P.prototype,"popupSettings",{get:function(){return this._popupSettings},set:function(e){this._popupSettings=Object.assign({animate:!0},e)},enumerable:!1,configurable:!0}),Object.defineProperty(P.prototype,"valuePrimitive",{get:function(){return c(this._valuePrimitive)?this._valuePrimitive:!c(this.valueField)},set:function(e){this._valuePrimitive=e},enumerable:!1,configurable:!0}),Object.defineProperty(P.prototype,"dir",{get:function(){return this.direction},enumerable:!1,configurable:!0}),Object.defineProperty(P.prototype,"disabledClass",{get:function(){return this.disabled},enumerable:!1,configurable:!0}),Object.defineProperty(P.prototype,"isLoading",{get:function(){return this.loading},enumerable:!1,configurable:!0}),Object.defineProperty(P.prototype,"isAriaExpanded",{get:function(){return this.isOpen},enumerable:!1,configurable:!0}),P.prototype.hostMousedown=function(e){var t=this.searchbar.input.nativeElement;0!==e.button||this.isFocused&&this.isOpen&&e.target===t||((!this.touchEnabled||this.touchEnabled&&"SPAN"!==e.target.tagName)&&this.searchbar.focus(),this.togglePopup(!this.isOpen),e.preventDefault())},Object.defineProperty(P.prototype,"listContainerClasses",{get:function(){var e=["k-list-container","k-reset"];return this.popupSettings.popupClass&&e.push(this.popupSettings.popupClass),e},enumerable:!1,configurable:!0}),Object.defineProperty(P.prototype,"customItemSizeClass",{get:function(){return""+(this.size?d("list",this.size):"")},enumerable:!1,configurable:!0}),Object.defineProperty(P.prototype,"width",{get:function(){var e=0,t=(l.isDocumentAvailable()&&(e=this.wrapper.nativeElement.offsetWidth),this.popupSettings.width||e);return{min:isNaN(e)?e:e+"px",max:isNaN(t)?t:t+"px"}},enumerable:!1,configurable:!0}),Object.defineProperty(P.prototype,"height",{get:function(){var e=this.popupSettings.height;return c(e)?e+"px":"auto"},enumerable:!1,configurable:!0}),Object.defineProperty(P.prototype,"activeDescendant",{get:function(){var e,t,n=this.focusedTagIndex,i=this.selectionService.focused;if(c(n)&&!this.isOpen)t=this.tags[n],e=this.tagPrefix;else{if(!c(i)||-1===i||!this.isOpen)return null;t=this.dataService.itemAt(i),e=this.optionPrefix}return e+"-"+f(t,this.valueField)},enumerable:!1,configurable:!0}),Object.defineProperty(P.prototype,"noDataLabel",{get:function(){if(0===this.dataService.itemsCount)return this.messageFor("noDataText")},enumerable:!1,configurable:!0}),Object.defineProperty(P.prototype,"clearButtonVisiblity",{get:function(){if(this.touchEnabled)return"visible"},enumerable:!1,configurable:!0}),P.prototype.verifySettings=function(){if(h.isDevMode()&&0!==this.value.length){if(!pe(this.value))throw new Error(Le);if(!0===this.valuePrimitive&&Q(this.value))throw new Error(je);if(!1===this.valuePrimitive&&!Q(this.value))throw new Error(_e);if(!c(this.valueField)!=!c(this.textField))throw new Error(He)}},P.prototype.change=function(e){var t,n,i=this;!c(e.added)&&!c(e.removed)||-1!==e.added&&-1!==e.removed?(c(e.added)&&(t=this.dataService.itemAt(e.added),t=this.valuePrimitive&&c(t)&&c(t[this.valueField])?t[this.valueField]:t,this.value=W(W([],U(this.value)),[t])),c(e.removed)&&(n=this.dataService.itemAt(e.removed),this.value=this.value.filter(function(e){return f(e,i.valueField)!==f(n,i.valueField)}),this.selectionService.focused=e.removed,this.cdr.detectChanges()),this.emitValueChange()):this.addCustomValue(this.text)},P.prototype.setState=function(e){var n=this,t=this.dataService.data,i=(this.dataService.grouped&&(t=t.filter(function(e){return!e.header}).map(function(e){return e.value})),J(this.value,t,this.valueField));this.selectionService.resetSelection(i),this.disabledItemsService.isIndexDisabled(this.selectionService.focused)&&(this.selectionService.focused=this.firstFocusableIndex(0)),this.isOpen&&void 0===this.selectionService.focused&&(0<this.dataService.itemsCount?this.selectionService.focused=this.firstFocusableIndex(0):this.allowCustom&&(this.selectionService.focused=-1)),this.valuePrimitive&&!this.valueField&&(this.selectedDataItems=e.slice()),(Q(e)||this.valuePrimitive&&this.valueField)&&(this.selectedDataItems=X(e,t,this.valueField)),this.selectedDataItems.length<e.length&&(this.selectedDataItems=e.map(function(t){var e=n.selectedDataItems.find(function(e){return f(e,n.valueField)===f(t,n.valueField)});return c(e)?e:n.resolveDataItemFromTags(t)}).filter(function(e){return c(e)})),this.tags=this.tagMapper(this.selectedDataItems.slice(0)),this.disabledIndices=this.disabledItemsMapper(),this.cdr.markForCheck()},P.prototype.handleFilter=function(e){(this.text=e)&&!this.isOpen&&this.openPopup(),this.filterable?this.filterChange.emit(e):this.searchTextAndFocus(e),this.searchbar.setInputSize()},P.prototype.pageChange=function(e){this.virtual.skip=e.skip},P.prototype.clearFilter=function(){this.filterable&&this.text&&this.filterChange.emit(""),this.text="",this.searchbar.input.nativeElement.value="",this.searchbar.setInputSize()},P.prototype.handleNavigate=function(e){var t=this.text&&e.keyCode!==l.Keys.ArrowDown&&e.keyCode!==l.Keys.ArrowUp,n=this.text&&e.keyCode===l.Keys.Enter||e.keyCode===l.Keys.Escape;!this.text&&e.keyCode===l.Keys.Backspace&&0<this.tags.length?this.handleBackspace():this.disabled||t&&!n||(t=e,n=isNaN(this.selectionService.focused)?-1:this.selectionService.focused,(n=this.navigationService.process({current:n,max:this.dataService.itemsCount-1,min:this.allowCustom&&this.text?-1:0,open:this.isOpen,originalEvent:t}))!==b.Undefined&&(n===b.Enter&&this.isOpen||n!==b.Enter)&&e.preventDefault())},P.prototype.handleRemoveTag=function(e){var e=e.tag,t=new Ct(e);this.disabled||this.readonly||(this.focus(),this.removeTag.emit(t),t.isDefaultPrevented()||(e instanceof Array?this.removeGroupTag(e):this.removeSingleTag(e),this.cdr.detectChanges()))},P.prototype.clearAll=function(e){var n=this,i=(e.stopImmediatePropagation(),e.preventDefault(),this.focus(),this.clearFilter(),this.selectionService.selected);this.value=this.value.filter(function(e,t){return n.disabledItemsService.isIndexDisabled(i[t])}),this.emitValueChange()},P.prototype.addCustomValue=function(e){this.customValueSubject.next(e)},P.prototype.ngAfterContentChecked=function(){this.verifySettings()},P.prototype.ngDoCheck=function(){this.differ&&this.differ.diff(this.value)&&!this.valueChangeDetected&&this.setState(this.value),this.valueChangeDetected=!1},P.prototype.ngOnInit=function(){var t=this;this.renderer.removeAttribute(this.wrapper.nativeElement,"tabindex"),this.createCustomValueStream(),this.localizationChangeSubscription=this.localization.changes.subscribe(function(e){e=e.rtl;t.direction=e?"rtl":"ltr",t.cdr.markForCheck()}),this.setState(this.value),this.setComponentClasses(),this.initialized=!0},P.prototype.ngOnChanges=function(e){var t=this.virtual;t&&e.data&&e.data.isFirstChange()&&this.pageChange({skip:0,take:t.pageSize}),l.isChanged("valueNormalizer",e)&&this.createCustomValueStream(),l.anyChanged(["textField","valueField","valuePrimitive"],e)&&this.setState(this.value)},P.prototype.ngAfterViewInit=function(){this.searchbar.setInputSize()},P.prototype.ngOnDestroy=function(){this._toggle(!1),this.unsubscribeEvents()},P.prototype.toggle=function(t){var n=this;Promise.resolve(null).then(function(){var e=c(t)?t:!n._open;n._toggle(e),n.cdr.markForCheck()})},Object.defineProperty(P.prototype,"isOpen",{get:function(){return this._open},enumerable:!1,configurable:!0}),P.prototype.reset=function(){this.text="",this.value=[]},P.prototype.messageFor=function(e){return this.localization.get(e)},P.prototype.writeValue=function(e){this.value=e||[]},P.prototype.registerOnChange=function(e){this.onChangeCallback=e},P.prototype.registerOnTouched=function(e){this.onTouchedCallback=e},P.prototype.setDisabledState=function(e){this.disabled=e},P.prototype.onTagMapperChange=function(){this.tags=this.tagMapper(this.selectedDataItems.slice(0)),this.cdr.markForCheck()},Object.defineProperty(P.prototype,"isFocused",{get:function(){return this._isFocused},set:function(e){this.renderer[e?"addClass":"removeClass"](this.wrapper.nativeElement,"k-focus"),this._isFocused=e},enumerable:!1,configurable:!0}),P.prototype.subscribeEvents=function(){var e,t,n,i=this;l.isDocumentAvailable()&&(e=function(){return i.isOpen},t=function(){return!i.isOpen},n=function(){return!i.isOpen&&void 0!==i.focusedTagIndex},[this.selectionService.onChange.subscribe(this.handleItemChange.bind(this)),this.navigationService.esc.subscribe(this.closePopup.bind(this)),this.navigationService.enter.pipe(m.filter(e)).subscribe(this.handleEnter.bind(this)),this.navigationService.open.subscribe(this.openPopup.bind(this)),this.navigationService.close.subscribe(this.handleClose.bind(this)),this.navigationService.up.pipe(m.filter(e)).subscribe(function(e){return i.handleUp(e.index)}),this.navigationService.home.pipe(m.filter(function(){return t})).subscribe(this.handleHome.bind(this)),this.navigationService.end.pipe(m.filter(function(){return t})).subscribe(this.handleEnd.bind(this)),this.navigationService.backspace.pipe(m.filter(n)).subscribe(this.handleBackspace.bind(this)),this.navigationService.delete.pipe(m.filter(n)).subscribe(this.handleDelete.bind(this)),this.navigationService.left.subscribe(("rtl"===this.direction?this.handleRightKey:this.handleLeftKey).bind(this)),this.navigationService.right.subscribe(("rtl"===this.direction?this.handleLeftKey:this.handleRightKey).bind(this)),this.navigationService.down.subscribe(function(e){return i.handleDownKey(e.index)})].forEach(function(e){return i.observableSubscriptions.add(e)}))},P.prototype.subscribeTouchEvents=function(){var t=this;l.isDocumentAvailable()&&this.touchEnabled&&this._zone.runOutsideAngular(function(){return t.touchstartDisposeHandler=t.renderer.listen(document,"touchstart",function(e){e=e.target;!t.isFocused&&!t.isOpen||oe(t.wrapper,e,t.popupRef)||t._zone.run(function(){t.blur(),t.isOpen&&t.togglePopup(!1)})})})},P.prototype.unsubscribeEvents=function(){l.isDocumentAvailable()&&(this.observableSubscriptions.unsubscribe(),this.customValueSubscription&&this.customValueSubscription.unsubscribe(),this.localizationChangeSubscription&&this.localizationChangeSubscription.unsubscribe(),this.touchstartDisposeHandler&&this.touchstartDisposeHandler())},P.prototype.removeGroupTag=function(e){var n=this,i=this.dataService.data,o=(this.dataService.grouped&&(i=i.filter(function(e){return!e.header}).map(function(e){return e.value})),new Set(e.map(function(e){return f(e,n.valueField)})));this.value=this.value.filter(function(e){var t=J([e],i,n.valueField)[0],t=n.disabledItemsService.isIndexDisabled(t);return!o.has(f(e,n.valueField))||t}),this.emitValueChange()},P.prototype.removeSingleTag=function(t){var n=this,e=this.dataService.data,e=(this.dataService.grouped&&(e=e.filter(function(e){return!e.header}).map(function(e){return e.value})),J([t],e,this.valueField)[0]);this.disabledItemsService.isIndexDisabled(e)||(isNaN(e)?(this.value=this.value.filter(function(e){return f(e,n.valueField)!==f(t,n.valueField)}),this.emitValueChange()):(this.selectionService.unselect(e),this.selectionService.focused=e,this.togglePopup(!1)))},P.prototype.disabledItemsMapper=function(){var i=this,o=this.selectionService.selected;return new Set(this.selectedDataItems.reduce(function(e,t,n){return i.disabledItemsService.isIndexDisabled(o[n])&&e.push(n),e},[]))},P.prototype.createCustomValueStream=function(){var o=this;this.customValueSubscription&&this.customValueSubscription.unsubscribe(),this.customValueSubscription=this.customValueSubject.pipe(m.tap(function(){o.loading=!0,o.disabled=!0,o.cdr.detectChanges()}),this.valueNormalizer,m.catchError(function(){return o.loading=!1,o.disabled=!1,o.autoClose&&o.togglePopup(!1),!o.autoClose&&o.filterable||o.clearFilter(),o.nextTick(function(){o.searchbar.focus()}),o.createCustomValueStream(),g.of(null)})).subscribe(function(e){var t,n,i;o.loading=!1,o.disabled=!1,c(e)&&(t=o.valuePrimitive?f(e,o.valueField):e,i=-1===(n=o.dataService.indexOf(t)),-1===o.value.indexOf(t)?(o.tags=o.tagMapper(W(W([],U(o.selectedDataItems)),[e])),i?o.value=W(W([],U(o.value)),[t]):o.selectionService.add(n)):!i&&o.selectionService.isSelected(n)?(o.selectionService.unselect(n),o.selectionService.focused=n):o.value=o.value.filter(function(e){return f(e,o.valueField)!==t}),o.emitValueChange()),o.autoClose&&o.togglePopup(!1),!o.autoClose&&o.filterable||o.clearFilter(),o.nextTick(function(){o.searchbar.focus()})})},P.prototype.handleItemChange=function(e){this.change(e),this.autoClose&&this.togglePopup(!1),!this.autoClose&&this.filterable||this.clearFilter()},P.prototype.handleEnter=function(e){var t=this.selectionService,n=this.selectionService.focused;this.isOpen&&e.originalEvent.preventDefault(),-1===n?this.allowCustom&&this.text&&this.addCustomValue(this.text):(t.isSelected(n)?(t.unselect(n),t.focused=n):t.add(n),this.autoClose&&this.togglePopup(!1),!this.autoClose&&this.filterable||this.clearFilter())},P.prototype.handleClose=function(){this.closePopup(),this.searchbar.focus()},P.prototype.handleEnd=function(){this.focusedTagIndex=this.tags.length-1},P.prototype.handleHome=function(){this.focusedTagIndex=0},P.prototype.handleUp=function(e){this.selectionService.focused=e},P.prototype.handleBackspace=function(){void 0!==this.focusedTagIndex?this.handleDelete():(this.handleRemoveTag({tag:this.tags[this.tags.length-1]}),this.searchbar.focus())},P.prototype.handleDelete=function(){this.handleRemoveTag({tag:this.tags[this.focusedTagIndex]}),this.focusedTagIndex===this.tags.length&&(this.focusedTagIndex=void 0)},P.prototype.handleLeftKey=function(){void 0===this.focusedTagIndex||this.focusedTagIndex<0?this.focusedTagIndex=this.tags.length-1:0!==this.focusedTagIndex&&this.focusedTagIndex--},P.prototype.handleDownKey=function(e){this.isOpen?this.selectionService.focused=e||this.firstFocusableIndex(0):this.openPopup()},P.prototype.handleRightKey=function(){var e=this.tags.length-1;this.focusedTagIndex===e?this.focusedTagIndex=void 0:this.focusedTagIndex<e&&this.focusedTagIndex++},P.prototype.findIndex=function(t,e){var n,i=this,e=(void 0===e&&(e=0),t=t.toLowerCase(),this.dataService.findIndex(function(e){return n=i.dataService.grouped?f(e.value,i.textField):f(e,i.textField),n=c(n)?n.toString().toLowerCase():"",t&&n.startsWith(t)},e));return this.disabledItemsService.isIndexDisabled(e)?e+1>this.dataService.itemsCount?-1:this.findIndex(t,e+1):e},P.prototype.searchTextAndFocus=function(e){e=this.findIndex(e);this.selectionService.focused=e},P.prototype.closePopup=function(){this.togglePopup(!1),this.focusedTagIndex=void 0},P.prototype.openPopup=function(){this.togglePopup(!0),this.focusedTagIndex=void 0},P.prototype.togglePopup=function(e){var t=this.disabled||this.readonly,n=this.isOpen===e;t||n||this.triggerPopupEvents(e)||this._toggle(e)},P.prototype.triggerPopupEvents=function(e){var t=new Ce;return(e?this.open:this.close).emit(t),t.isDefaultPrevented()},P.prototype._toggle=function(e){this._open=e,this.destroyPopup(),this._open&&this.createPopup()},P.prototype.destroyPopup=function(){this.popupRef&&(this.popupRef.popupElement.removeEventListener("mousedown",this.popupMouseDownHandler),this.popupRef.close(),this.popupRef=null)},P.prototype.createPopup=function(){var e=this,t=(this.virtual&&(this.virtual.skip=0),"rtl"===this.direction?"right":"left"),t=(this.popupRef=this.popupService.open({anchor:this.wrapper,anchorAlign:{horizontal:t,vertical:"bottom"},animate:this.popupSettings.animate,appendTo:this.appendTo,content:this.popupTemplate,popupAlign:{horizontal:t,vertical:"top"},popupClass:this.listContainerClasses,positionMode:"absolute"}),this.popupRef.popupElement),n=this.width,i=n.min,n=n.max;t.addEventListener("mousedown",this.popupMouseDownHandler),t.style.minWidth=i,t.style.width=n,t.style.height=this.height,t.setAttribute("dir",this.direction),this.popupRef.popupOpen.subscribe(function(){e.cdr.detectChanges(),e.optionsList.scrollToItem(e.selectionService.focused),e.opened.emit()}),this.popupRef.popupClose.subscribe(function(){e.closed.emit()}),this.popupRef.popupAnchorViewportLeave.subscribe(function(){e.togglePopup(!1)})},P.prototype.emitValueChange=function(){this.onChangeCallback(this.value),this.valueChange.emit(this.value)},P.prototype.resolveDataItemFromTags=function(t){var n=this;if(this.tags&&this.tags.length&&c(t))return this.tags.reduce(function(e,t){t=pe(t)?t:[t];return e.push.apply(e,W([],U(t))),e},[]).find(function(e){return f(e,n.valueField)===f(t,n.valueField)})},P.prototype.firstFocusableIndex=function(e){var t,n=this.dataService.itemsCount;return this.disabledItemsService.isIndexDisabled(e)?(t=e+1)<n?this.firstFocusableIndex(t):void 0:e},P.prototype.nextTick=function(e){var t=this;this._zone.runOutsideAngular(function(){setTimeout(function(){return t._zone.run(e)})})},P.prototype.setComponentClasses=function(){"none"!==this.size&&this.renderer.addClass(this.wrapper.nativeElement,d("input",this.size)),"none"!==this.rounded&&this.renderer.addClass(this.wrapper.nativeElement,u(this.rounded)),"none"!==this.fillMode&&this.renderer.addClass(this.wrapper.nativeElement,le("input",this.fillMode))},P);function P(e,t,n,i,o,s,a,r,l,p,d,u){var c=this;this.wrapper=e,this.localization=t,this.popupService=n,this.dataService=i,this.selectionService=o,this.navigationService=s,this.disabledItemsService=a,this.cdr=r,this.differs=l,this.renderer=p,this._zone=d,this.touchEnabled=u,this.listBoxId=q(),this.tagListId=q(),this.tagPrefix="tag-"+q(),this.optionPrefix="option-"+q(),this.focusedTagIndex=void 0,this.focusableId="k-"+q(),this.autoClose=!0,this.tabindex=0,this.disabled=!1,this.readonly=!1,this.filterable=!1,this.listHeight=200,this.clearButton=!0,this.tagMapper=function(e){return e||[]},this.allowCustom=!1,this.valueNormalizer=function(e){return e.pipe(m.map(function(t){function e(e){return"string"==typeof e&&t.toLowerCase()===e.toLowerCase()}var n=c.value.find(e);if(n)return n;n=c.dataService.find(e);return n||t}))},this.filterChange=new h.EventEmitter,this.valueChange=new h.EventEmitter,this.open=new h.EventEmitter,this.opened=new h.EventEmitter,this.close=new h.EventEmitter,this.closed=new h.EventEmitter,this.onFocus=new h.EventEmitter,this.onBlur=new h.EventEmitter,this.removeTag=new h.EventEmitter,this.hostClasses=!0,this.role="combobox",this.initialized=!1,this._size="medium",this._rounded="medium",this._fillMode="solid",this.onChangeCallback=function(e){},this.onTouchedCallback=function(e){},this._placeholder="",this._open=!1,this._value=[],this._popupSettings={animate:!0},this._checkboxes={enabled:!1},this._isFocused=!1,this.selectedDataItems=[],this.customValueSubject=new g.Subject,this.observableSubscriptions=new g.Subscription,V.validatePackage($),this.popupMouseDownHandler=this.onMouseDown.bind(this),this.data=[],this.direction=this.localization.rtl?"rtl":"ltr",this.subscribeEvents(),this.subscribeTouchEvents()}Dt.ɵfac=s.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:s,type:Dt,deps:[{token:s.ElementRef},{token:r.LocalizationService},{token:j.PopupService},{token:I},{token:k},{token:T},{token:x},{token:s.ChangeDetectorRef},{token:s.KeyValueDiffers},{token:s.Renderer2},{token:s.NgZone},{token:De,optional:!0}],target:s.ɵɵFactoryTarget.Component}),Dt.ɵcmp=s.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:Dt,selector:"kendo-multiselect",inputs:{focusableId:"focusableId",autoClose:"autoClose",loading:"loading",data:"data",value:"value",valueField:"valueField",textField:"textField",tabindex:"tabindex",tabIndex:"tabIndex",size:"size",rounded:"rounded",fillMode:"fillMode",placeholder:"placeholder",disabled:"disabled",itemDisabled:"itemDisabled",checkboxes:"checkboxes",readonly:"readonly",filterable:"filterable",virtual:"virtual",popupSettings:"popupSettings",listHeight:"listHeight",valuePrimitive:"valuePrimitive",clearButton:"clearButton",tagMapper:"tagMapper",allowCustom:"allowCustom",valueNormalizer:"valueNormalizer"},outputs:{filterChange:"filterChange",valueChange:"valueChange",open:"open",opened:"opened",close:"close",closed:"closed",onFocus:"focus",onBlur:"blur",removeTag:"removeTag"},host:{listeners:{mousedown:"hostMousedown($event)"},properties:{"class.k-multiselect":"this.hostClasses","class.k-input":"this.hostClasses","attr.dir":"this.dir","class.k-disabled":"this.disabledClass","class.k-loading":"this.isLoading","attr.role":"this.role","attr.aria-expanded":"this.isAriaExpanded"}},providers:[Tt,I,k,T,x,n.LocalizationService,{provide:n.L10N_PREFIX,useValue:"kendo.multiselect"},{provide:Ie,useExisting:h.forwardRef(function(){return Dt})},{provide:l.KendoInput,useExisting:h.forwardRef(function(){return Dt})}],queries:[{propertyName:"template",first:!0,predicate:ce,descendants:!0},{propertyName:"customItemTemplate",first:!0,predicate:mt,descendants:!0},{propertyName:"groupTemplate",first:!0,predicate:he,descendants:!0},{propertyName:"fixedGroupTemplate",first:!0,predicate:ge,descendants:!0},{propertyName:"headerTemplate",first:!0,predicate:y,descendants:!0},{propertyName:"footerTemplate",first:!0,predicate:C,descendants:!0},{propertyName:"tagTemplate",first:!0,predicate:bt,descendants:!0},{propertyName:"groupTagTemplate",first:!0,predicate:yt,descendants:!0},{propertyName:"noDataTemplate",first:!0,predicate:D,descendants:!0}],viewQueries:[{propertyName:"container",first:!0,predicate:["container"],descendants:!0,read:h.ViewContainerRef,static:!0},{propertyName:"searchbar",first:!0,predicate:v,descendants:!0,static:!0},{propertyName:"popupTemplate",first:!0,predicate:["popupTemplate"],descendants:!0,static:!0},{propertyName:"optionsList",first:!0,predicate:["optionsList"],descendants:!0}],exportAs:["kendoMultiSelect"],usesOnChanges:!0,ngImport:s,template:'\n        <ng-container kendoMultiSelectLocalizedMessages\n            i18n-noDataText="kendo.multiselect.noDataText|The text displayed in the popup when there are no items"\n            noDataText="NO DATA FOUND"\n\n            i18n-clearTitle="kendo.multiselect.clearTitle|The title of the clear button"\n            clearTitle="clear"\n        >\n        </ng-container>\n        <kendo-taglist\n            [size]="size"\n            [rounded]="rounded"\n            [fillMode]="fillMode"\n            [id]="tagListId"\n            [tags]="tags"\n            [textField]="textField"\n            [valueField]="valueField"\n            [focused]="focusedTagIndex"\n            [disabled]="disabled"\n            [template]="tagTemplate"\n            [groupTemplate]="groupTagTemplate"\n            [tagPrefix]="tagPrefix"\n            [disabledIndices]="disabledIndices"\n            (removeTag)="handleRemoveTag($event)"\n        >\n            <kendo-searchbar\n                #searchbar\n                [id]="focusableId"\n                [role]="\'textbox\'"\n                [tagListId]="tagListId"\n                [activeDescendant]="activeDescendant"\n                [noDataLabel]="noDataLabel"\n                [userInput]="text"\n                [disabled]="disabled"\n                [readonly]="readonly"\n                [tabIndex]="tabIndex"\n                [popupOpen]="isOpen"\n                [placeholder]="placeholder"\n                (onNavigate)="handleNavigate($event)"\n                (valueChange)="handleFilter($event)"\n                (onBlur)="onSearchBarBlur()"\n                (onFocus)="onSearchBarFocus()"\n            >\n            </kendo-searchbar>\n        </kendo-taglist>\n\n        <span\n            *ngIf="!loading && !readonly && clearButton && (tags?.length || text?.length)"\n            class="k-clear-value"\n            [style.visibility]="clearButtonVisiblity"\n            [attr.title]="messageFor(\'clearTitle\')"\n            role="button"\n            tabindex="-1"\n            (mousedown)="clearAll($event)"\n        >\n            <span class="k-icon k-i-x"></span>\n        </span>\n        <span\n            *ngIf="loading"\n            class="k-icon k-i-loading k-input-loading-icon"\n        >\n        </span>\n        <ng-template #popupTemplate>\n            \x3c!--header template--\x3e\n            <ng-template *ngIf="headerTemplate"\n                [templateContext]="{\n                    templateRef: headerTemplate.templateRef\n                }">\n            </ng-template>\n            \x3c!--custom item template--\x3e\n            <div\n                *ngIf="allowCustom && text"\n                class="k-list"\n                [ngClass]="customItemSizeClass"\n            >\n                <div class="k-list-item k-custom-item" kendoDropDownsSelectable [multipleSelection]="true" [index]="-1">\n                    <ng-template *ngIf="customItemTemplate;else default_custom_item_template"\n                        [templateContext]="{\n                            templateRef: customItemTemplate.templateRef,\n                            $implicit: text\n                        }">\n                    </ng-template>\n                    <ng-template #default_custom_item_template>{{ text }}</ng-template>\n                    <span class="k-icon k-i-plus" style="float: right"></span>\n                </div>\n            </div>\n            \x3c!--list--\x3e\n            <kendo-list\n                #optionsList\n                [size]="size"\n                [rounded]="rounded"\n                [id]="listBoxId"\n                [optionPrefix]="optionPrefix"\n                [data]="data"\n                [textField]="textField"\n                [valueField]="valueField"\n                [height]="listHeight"\n                [template]="template"\n                [groupTemplate]="groupTemplate"\n                [fixedGroupTemplate]="fixedGroupTemplate"\n                [show]="isOpen"\n                [multipleSelection]="true"\n                [virtual]="virtual"\n                (pageChange)="pageChange($event)"\n                [checkboxes]="checkboxes"\n                >\n            </kendo-list>\n            \x3c!--no data template--\x3e\n            <div class="k-no-data" *ngIf="data.length === 0">\n                <ng-template [ngIf]="noDataTemplate"\n                    [templateContext]="{\n                        templateRef: noDataTemplate ? noDataTemplate.templateRef : undefined\n                    }">\n                </ng-template>\n                <ng-template [ngIf]="!noDataTemplate">\n                    <div>{{ messageFor(\'noDataText\') }}</div>\n                </ng-template>\n            </div>\n            \x3c!--footer template--\x3e\n            <ng-template *ngIf="footerTemplate"\n                [templateContext]="{\n                    templateRef: footerTemplate.templateRef\n                }">\n            </ng-template>\n        </ng-template>\n        <ng-template [ngIf]="isOpen">\n            <kendo-resize-sensor (resize)="onResize()"></kendo-resize-sensor>\n        </ng-template>\n        <ng-container #container></ng-container>\n  ',isInline:!0,components:[{type:It,selector:"kendo-taglist",inputs:["tags","textField","valueField","valueDepth","focused","template","groupTemplate","disabled","tagPrefix","id","size","rounded","fillMode","disabledIndices"],outputs:["removeTag"]},{type:v,selector:"kendo-searchbar",inputs:["id","listId","tagListId","activeDescendant","noDataLabel","disabled","readonly","tabIndex","popupOpen","role","userInput","suggestedText","placeholder"],outputs:["valueChange","onBlur","onFocus","onClick","onNavigate"]},{type:Pe,selector:"kendo-list",inputs:["selected","focused","textField","valueField","height","template","groupTemplate","fixedGroupTemplate","show","id","optionPrefix","multipleSelection","virtual","type","checkboxes","data","size","rounded"],outputs:["onClick","pageChange","listResize"]},{type:a.ResizeSensorComponent,selector:"kendo-resize-sensor",inputs:["rateLimit"],outputs:["resize"]}],directives:[{type:Ae,selector:"\n    [kendoDropDownListLocalizedMessages],\n    [kendoDropDownTreeLocalizedMessages],\n    [kendoComboBoxLocalizedMessages],\n    [kendoMultiColumnComboBoxLocalizedMessages],\n    [kendoAutoCompleteLocalizedMessages],\n    [kendoMultiSelectLocalizedMessages],\n    [kendoMultiSelectTreeLocalizedMessages]\n  "},{type:p.NgIf,selector:"[ngIf]",inputs:["ngIf","ngIfThen","ngIfElse"]},{type:Se,selector:"[templateContext]",inputs:["templateContext"]},{type:p.NgClass,selector:"[ngClass]",inputs:["class","ngClass"]},{type:Fe,selector:"[kendoDropDownsSelectable]",inputs:["index","checkboxes","height","multipleSelection"]}]}),s.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:s,type:Dt,decorators:[{type:h.Component,args:[{exportAs:"kendoMultiSelect",providers:[Tt,I,k,T,x,n.LocalizationService,{provide:n.L10N_PREFIX,useValue:"kendo.multiselect"},{provide:Ie,useExisting:h.forwardRef(function(){return Dt})},{provide:l.KendoInput,useExisting:h.forwardRef(function(){return Dt})}],selector:"kendo-multiselect",template:'\n        <ng-container kendoMultiSelectLocalizedMessages\n            i18n-noDataText="kendo.multiselect.noDataText|The text displayed in the popup when there are no items"\n            noDataText="NO DATA FOUND"\n\n            i18n-clearTitle="kendo.multiselect.clearTitle|The title of the clear button"\n            clearTitle="clear"\n        >\n        </ng-container>\n        <kendo-taglist\n            [size]="size"\n            [rounded]="rounded"\n            [fillMode]="fillMode"\n            [id]="tagListId"\n            [tags]="tags"\n            [textField]="textField"\n            [valueField]="valueField"\n            [focused]="focusedTagIndex"\n            [disabled]="disabled"\n            [template]="tagTemplate"\n            [groupTemplate]="groupTagTemplate"\n            [tagPrefix]="tagPrefix"\n            [disabledIndices]="disabledIndices"\n            (removeTag)="handleRemoveTag($event)"\n        >\n            <kendo-searchbar\n                #searchbar\n                [id]="focusableId"\n                [role]="\'textbox\'"\n                [tagListId]="tagListId"\n                [activeDescendant]="activeDescendant"\n                [noDataLabel]="noDataLabel"\n                [userInput]="text"\n                [disabled]="disabled"\n                [readonly]="readonly"\n                [tabIndex]="tabIndex"\n                [popupOpen]="isOpen"\n                [placeholder]="placeholder"\n                (onNavigate)="handleNavigate($event)"\n                (valueChange)="handleFilter($event)"\n                (onBlur)="onSearchBarBlur()"\n                (onFocus)="onSearchBarFocus()"\n            >\n            </kendo-searchbar>\n        </kendo-taglist>\n\n        <span\n            *ngIf="!loading && !readonly && clearButton && (tags?.length || text?.length)"\n            class="k-clear-value"\n            [style.visibility]="clearButtonVisiblity"\n            [attr.title]="messageFor(\'clearTitle\')"\n            role="button"\n            tabindex="-1"\n            (mousedown)="clearAll($event)"\n        >\n            <span class="k-icon k-i-x"></span>\n        </span>\n        <span\n            *ngIf="loading"\n            class="k-icon k-i-loading k-input-loading-icon"\n        >\n        </span>\n        <ng-template #popupTemplate>\n            \x3c!--header template--\x3e\n            <ng-template *ngIf="headerTemplate"\n                [templateContext]="{\n                    templateRef: headerTemplate.templateRef\n                }">\n            </ng-template>\n            \x3c!--custom item template--\x3e\n            <div\n                *ngIf="allowCustom && text"\n                class="k-list"\n                [ngClass]="customItemSizeClass"\n            >\n                <div class="k-list-item k-custom-item" kendoDropDownsSelectable [multipleSelection]="true" [index]="-1">\n                    <ng-template *ngIf="customItemTemplate;else default_custom_item_template"\n                        [templateContext]="{\n                            templateRef: customItemTemplate.templateRef,\n                            $implicit: text\n                        }">\n                    </ng-template>\n                    <ng-template #default_custom_item_template>{{ text }}</ng-template>\n                    <span class="k-icon k-i-plus" style="float: right"></span>\n                </div>\n            </div>\n            \x3c!--list--\x3e\n            <kendo-list\n                #optionsList\n                [size]="size"\n                [rounded]="rounded"\n                [id]="listBoxId"\n                [optionPrefix]="optionPrefix"\n                [data]="data"\n                [textField]="textField"\n                [valueField]="valueField"\n                [height]="listHeight"\n                [template]="template"\n                [groupTemplate]="groupTemplate"\n                [fixedGroupTemplate]="fixedGroupTemplate"\n                [show]="isOpen"\n                [multipleSelection]="true"\n                [virtual]="virtual"\n                (pageChange)="pageChange($event)"\n                [checkboxes]="checkboxes"\n                >\n            </kendo-list>\n            \x3c!--no data template--\x3e\n            <div class="k-no-data" *ngIf="data.length === 0">\n                <ng-template [ngIf]="noDataTemplate"\n                    [templateContext]="{\n                        templateRef: noDataTemplate ? noDataTemplate.templateRef : undefined\n                    }">\n                </ng-template>\n                <ng-template [ngIf]="!noDataTemplate">\n                    <div>{{ messageFor(\'noDataText\') }}</div>\n                </ng-template>\n            </div>\n            \x3c!--footer template--\x3e\n            <ng-template *ngIf="footerTemplate"\n                [templateContext]="{\n                    templateRef: footerTemplate.templateRef\n                }">\n            </ng-template>\n        </ng-template>\n        <ng-template [ngIf]="isOpen">\n            <kendo-resize-sensor (resize)="onResize()"></kendo-resize-sensor>\n        </ng-template>\n        <ng-container #container></ng-container>\n  '}]}],ctorParameters:function(){return[{type:s.ElementRef},{type:r.LocalizationService},{type:j.PopupService},{type:I},{type:k},{type:T},{type:x},{type:s.ChangeDetectorRef},{type:s.KeyValueDiffers},{type:s.Renderer2},{type:s.NgZone},{type:void 0,decorators:[{type:h.Optional},{type:h.Inject,args:[De]}]}]},propDecorators:{focusableId:[{type:h.Input}],autoClose:[{type:h.Input}],loading:[{type:h.Input}],data:[{type:h.Input}],value:[{type:h.Input}],valueField:[{type:h.Input}],textField:[{type:h.Input}],tabindex:[{type:h.Input}],tabIndex:[{type:h.Input,args:["tabIndex"]}],size:[{type:h.Input}],rounded:[{type:h.Input}],fillMode:[{type:h.Input}],placeholder:[{type:h.Input}],disabled:[{type:h.Input}],itemDisabled:[{type:h.Input}],checkboxes:[{type:h.Input}],readonly:[{type:h.Input}],filterable:[{type:h.Input}],virtual:[{type:h.Input}],popupSettings:[{type:h.Input}],listHeight:[{type:h.Input}],valuePrimitive:[{type:h.Input}],clearButton:[{type:h.Input}],tagMapper:[{type:h.Input}],allowCustom:[{type:h.Input}],valueNormalizer:[{type:h.Input}],filterChange:[{type:h.Output}],valueChange:[{type:h.Output}],open:[{type:h.Output}],opened:[{type:h.Output}],close:[{type:h.Output}],closed:[{type:h.Output}],onFocus:[{type:h.Output,args:["focus"]}],onBlur:[{type:h.Output,args:["blur"]}],removeTag:[{type:h.Output}],container:[{type:h.ViewChild,args:["container",{read:h.ViewContainerRef,static:!0}]}],searchbar:[{type:h.ViewChild,args:[v,{static:!0}]}],popupTemplate:[{type:h.ViewChild,args:["popupTemplate",{static:!0}]}],optionsList:[{type:h.ViewChild,args:["optionsList",{static:!1}]}],template:[{type:h.ContentChild,args:[ce,{static:!1}]}],customItemTemplate:[{type:h.ContentChild,args:[mt,{static:!1}]}],groupTemplate:[{type:h.ContentChild,args:[he,{static:!1}]}],fixedGroupTemplate:[{type:h.ContentChild,args:[ge,{static:!1}]}],headerTemplate:[{type:h.ContentChild,args:[y,{static:!1}]}],footerTemplate:[{type:h.ContentChild,args:[C,{static:!1}]}],tagTemplate:[{type:h.ContentChild,args:[bt,{static:!1}]}],groupTagTemplate:[{type:h.ContentChild,args:[yt,{static:!1}]}],noDataTemplate:[{type:h.ContentChild,args:[D,{static:!1}]}],hostClasses:[{type:h.HostBinding,args:["class.k-multiselect"]},{type:h.HostBinding,args:["class.k-input"]}],dir:[{type:h.HostBinding,args:["attr.dir"]}],disabledClass:[{type:h.HostBinding,args:["class.k-disabled"]}],isLoading:[{type:h.HostBinding,args:["class.k-loading"]}],role:[{type:h.HostBinding,args:["attr.role"]}],isAriaExpanded:[{type:h.HostBinding,args:["attr.aria-expanded"]}],hostMousedown:[{type:h.HostListener,args:["mousedown",["$event"]]}]}});function wt(){var e;return isNaN(Et)&&((e=document.createElement("div")).style.cssText="overflow: scroll; overflow-x: hidden; zoom: 1; clear: both; display: block;",e.innerHTML="&nbsp;",document.body.appendChild(e),Et=e.offsetWidth-e.scrollWidth,document.body.removeChild(e)),Et}function St(e){if(!c(t=e)||0===t.length||!t.toArray().every(function(e){return!isNaN(e.width)&&0<e.width}))return null;var t=wt()+2;return e.reduce(function(e,t){return!t.hidden&&t.matchesMedia&&(e+=parseInt(t.width,10)),e},t)}var Et,Ft,Tt=function(e){this.templateRef=e},Ot=(Tt.ɵfac=s.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:s,type:Tt,deps:[{token:s.TemplateRef}],target:s.ɵɵFactoryTarget.Directive}),Tt.ɵdir=s.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.16",type:Tt,selector:"[kendoMultiColumnComboBoxColumnCellTemplate]",ngImport:s}),s.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:s,type:Tt,decorators:[{type:h.Directive,args:[{selector:"[kendoMultiColumnComboBoxColumnCellTemplate]"}]}],ctorParameters:function(){return[{type:s.TemplateRef}]}}),function(e){this.templateRef=e}),Pt=(Ot.ɵfac=s.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:s,type:Ot,deps:[{token:s.TemplateRef}],target:s.ɵɵFactoryTarget.Directive}),Ot.ɵdir=s.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.16",type:Ot,selector:"[kendoMultiColumnComboBoxColumnHeaderTemplate]",ngImport:s}),s.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:s,type:Ot,decorators:[{type:h.Directive,args:[{selector:"[kendoMultiColumnComboBoxColumnHeaderTemplate]"}]}],ctorParameters:function(){return[{type:s.TemplateRef}]}}),function(){this.hidden=!1,this.matchesMedia=!0}),Mt=(Pt.ɵfac=s.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:s,type:Pt,deps:[],target:s.ɵɵFactoryTarget.Component}),Pt.ɵcmp=s.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:Pt,selector:"kendo-combobox-column",inputs:{field:"field",title:"title",width:"width",hidden:"hidden",style:"style",headerStyle:"headerStyle",class:"class",headerClass:"headerClass",media:"media"},queries:[{propertyName:"cellTemplate",first:!0,predicate:Tt,descendants:!0},{propertyName:"headerTemplate",first:!0,predicate:Ot,descendants:!0}],ngImport:s,template:"",isInline:!0}),s.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:s,type:Pt,decorators:[{type:h.Component,args:[{selector:"kendo-combobox-column",template:""}]}],propDecorators:{cellTemplate:[{type:h.ContentChild,args:[Tt,{static:!1}]}],headerTemplate:[{type:h.ContentChild,args:[Ot,{static:!1}]}],field:[{type:h.Input}],title:[{type:h.Input}],width:[{type:h.Input}],hidden:[{type:h.Input}],style:[{type:h.Input}],headerStyle:[{type:h.Input}],class:[{type:h.Input}],headerClass:[{type:h.Input}],media:[{type:h.Input}]}}),G(zt,Ft=ct),Object.defineProperty(zt.prototype,"isDisabled",{get:function(){return this.disabled},enumerable:!1,configurable:!0}),Object.defineProperty(zt.prototype,"header",{set:function(e){this.updateHeaderPadding(e&&e.nativeElement)},enumerable:!1,configurable:!0}),Object.defineProperty(zt.prototype,"popupWidth",{get:function(){var e=this.wrapper.nativeElement.offsetWidth,t=e+"px",e=this.popupSettings.width||St(this.columns)||e;return{min:t,max:isNaN(e)?e:e+"px"}},enumerable:!1,configurable:!0}),Object.defineProperty(zt.prototype,"tableSizeClass",{get:function(){return""+(this.size?d("table",this.size):"")},enumerable:!1,configurable:!0}),Object.defineProperty(zt.prototype,"listContainerClasses",{get:function(){return["k-popup","k-dropdowngrid-popup"].concat(this.popupSettings.popupClass||[])},enumerable:!1,configurable:!0}),zt.prototype.ngAfterViewInit=function(){this.updateColumnsMediaState(),this.addWindowResizeListener()},zt.prototype.ngOnDestroy=function(){Ft.prototype.ngOnDestroy.call(this),this.removeWindowResizeListener()},zt.prototype.textFrom=function(e,t){return f(e,t)},zt.prototype.updateHeaderPadding=function(e){var t;c(e)&&(t=this.localization.rtl?"padding-left":"padding-right",this.optionsList.hasScrollbar()&&0<wt()?this.renderer.setStyle(e,t,wt()+"px"):this.renderer.removeStyle(e,t))},zt.prototype.verifySettings=function(){if(h.isDevMode()){if(c(this.data)&&0<this.data.length&&this.data.some(function(e){return!de(e)}))throw new Error(tt);if(!c(this.valueField)||!c(this.textField))throw new Error(nt);Ft.prototype.verifySettings.call(this)}},zt.prototype.addWindowResizeListener=function(){var e=this;l.isDocumentAvailable()&&this.zone.runOutsideAngular(function(){return e.removeWindowResizeListener=e.renderer.listen(window,"resize",e.updateColumnsMediaState.bind(e))})},zt.prototype.updateColumnsMediaState=function(){var n=this;c(this.columns)&&l.isDocumentAvailable()&&this.columns.forEach(function(e){var t=!e.media||window.matchMedia(e.media).matches;e.matchesMedia!==t&&(e.matchesMedia=t,n.isOpen&&n.zone.run(function(){return n.popupRef.popupElement.style.width=n.popupWidth.max}))})},zt);function zt(e,t,n,i,o,s,a,r,l,p,d){p=Ft.call(this,p,e,t,n,i,o,s,a,r,l,d)||this;return p.hostClasses=!0,p.removeWindowResizeListener=ne,p.defaultVirtualItemHeight=36,p.defaultVirtualPageSize=30,p}Mt.ɵfac=s.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:s,type:Mt,deps:[{token:r.LocalizationService},{token:j.PopupService},{token:k},{token:T},{token:x},{token:I},{token:s.NgZone},{token:s.ChangeDetectorRef},{token:s.Renderer2},{token:s.ElementRef},{token:De}],target:s.ɵɵFactoryTarget.Component}),Mt.ɵcmp=s.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:Mt,selector:"kendo-multicolumncombobox",host:{properties:{"class.k-dropdowngrid":"this.hostClasses","class.k-disabled":"this.isDisabled"}},providers:[k,I,T,x,n.LocalizationService,{provide:n.L10N_PREFIX,useValue:"kendo.multicolumncombobox"},{multi:!0,provide:t.NG_VALUE_ACCESSOR,useExisting:h.forwardRef(function(){return Mt})},{provide:l.KendoInput,useExisting:h.forwardRef(function(){return Mt})},{provide:Ie,useExisting:h.forwardRef(function(){return Mt})}],queries:[{propertyName:"columns",predicate:Pt}],viewQueries:[{propertyName:"header",first:!0,predicate:["header"],descendants:!0}],usesInheritance:!0,ngImport:s,template:'\n        <ng-container\n            kendoMultiColumnComboBoxLocalizedMessages\n\n            i18n-noDataText="kendo.multicolumncombobox.noDataText|The text displayed in the popup when there are no items"\n            noDataText="NO DATA FOUND"\n\n            i18n-clearTitle="kendo.multicolumncombobox.clearTitle|The title of the clear button"\n            clearTitle="clear"\n        >\n        </ng-container>\n        <kendo-searchbar\n            #searchbar\n            [role]="\'combobox\'"\n            [id]="focusableId"\n            [listId]="listBoxId"\n            [activeDescendant]="activeDescendant"\n            [noDataLabel]="noDataLabel"\n            [userInput]="text"\n            [suggestedText]="getSuggestion()"\n            [disabled]="disabled"\n            [readonly]="readonly"\n            [tabIndex]="tabIndex"\n            [popupOpen]="isOpen"\n            [placeholder]="placeholder"\n            (onNavigate)="handleNavigate($event)"\n            (valueChange)="searchBarChange($event)"\n            (onBlur)="handleBlur()"\n            (onFocus)="handleFocus()"\n        >\n        </kendo-searchbar>\n\n        <span\n            *ngIf="clearButton && !loading && !disabled && !readonly && text?.length"\n            class="k-clear-value"\n            [style.visibility]="clearButtonVisiblity"\n            aria-hidden="true"\n            [attr.title]="messageFor(\'clearTitle\')"\n            (click)="clearValue($event)"\n            [kendoEventsOutsideAngular]="{\n                mousedown: preventEventDefault\n            }"\n        >\n            <span class="k-icon k-i-x"></span>\n        </span>\n\n        <button\n            #select\n            tabindex="-1"\n            aria-hidden="true"\n            unselectable="on"\n            type="button"\n            class="k-input-button k-button k-icon-button"\n            [ngClass]="selectButtonClasses"\n            [attr.aria-label]="messageFor(\'selectButtonText\')"\n            [kendoEventsOutsideAngular]="{\n                mousedown: preventEventDefault\n            }"\n        >\n            <span class="k-button-icon k-icon" [ngClass]="buttonClasses"></span>\n        </button>\n\n        <ng-template #popupTemplate>\n            \x3c!--user-defined header template --\x3e\n            <ng-template\n                *ngIf="headerTemplate"\n                [templateContext]="{\n                    templateRef: headerTemplate?.templateRef\n                }"\n            >\n            </ng-template>\n\n            \x3c!--data table--\x3e\n            <div class="k-data-table" [ngClass]="tableSizeClass">\n\n                \x3c!--grid header--\x3e\n                <div\n                    #header\n                    class="k-table-header"\n                >\n                    <div class="k-table-header-wrap">\n                        <table class="k-table" role="presentation">\n                            <colgroup>\n                                <ng-container *ngFor="let column of columns">\n                                    <col\n                                        *ngIf="!column.hidden && column.matchesMedia"\n                                        [style.width.px]="column.width"\n                                    />\n                                </ng-container>\n                            </colgroup>\n                            <thead class="k-table-thead">\n                                <tr class="k-table-row">\n                                    <ng-container *ngFor="let column of columns">\n                                        <th\n                                            *ngIf="!column.hidden && column.matchesMedia"\n                                            class="k-table-th"\n                                            [ngStyle]="column.headerStyle"\n                                            [ngClass]="column.headerClass"\n                                        >\n                                            <ng-container *ngIf="!column.headerTemplate">\n                                                {{ column.title || column.field }}\n                                            </ng-container>\n                                            <ng-template\n                                                *ngIf="column.headerTemplate"\n                                                [templateContext]="{\n                                                    templateRef: column.headerTemplate?.templateRef,\n                                                    $implicit: column,\n                                                    column: column\n                                                }"\n                                            >\n                                            </ng-template>\n                                        </th>\n                                    </ng-container>\n                                </tr>\n                            </thead>\n                        </table>\n                    </div>\n                </div>\n\n                \x3c!-- item template --\x3e\n                <ng-template #rowTemplate let-dataItem>\n                    <ng-container *ngFor="let column of columns">\n                        <span\n                            *ngIf="!column.hidden && column.matchesMedia"\n                            class="k-table-td"\n                            [ngClass]="column.class"\n                            [style.width.px]="column.width"\n                            [ngStyle]="column.style"\n                        >\n                            <ng-container *ngIf="!column.cellTemplate">\n                                {{ textFrom(dataItem, column.field) }}\n                            </ng-container>\n                            <ng-template\n                                *ngIf="column.cellTemplate"\n                                [templateContext]="{\n                                    templateRef: column.cellTemplate?.templateRef,\n                                    $implicit: dataItem,\n                                    dataItem: dataItem,\n                                    column: column\n                                }"\n                            >\n                            </ng-template>\n                        </span>\n                    </ng-container>\n                </ng-template>\n\n                \x3c!--list--\x3e\n                <kendo-list\n                    #optionsList\n                    [id]="listBoxId"\n                    [optionPrefix]="optionPrefix"\n                    [data]="data"\n                    [textField]="textField"\n                    [valueField]="valueField"\n                    [template]="{ templateRef: rowTemplate }"\n                    [groupTemplate]="groupTemplate"\n                    [fixedGroupTemplate]="fixedGroupTemplate"\n                    [height]="listHeight"\n                    [show]="isOpen"\n                    [virtual]="virtual"\n                    [type]="\'dropdowngrid\'"\n                    (pageChange)="pageChange($event)"\n                    (listResize)="updateHeaderPadding(header)"\n                >\n                </kendo-list>\n\n                \x3c!--no-data template--\x3e\n                <div\n                    class="k-no-data"\n                    *ngIf="data.length === 0"\n                >\n                    <ng-template\n                        [ngIf]="noDataTemplate"\n                        [templateContext]="{\n                            templateRef: noDataTemplate?.templateRef\n                        }"\n                    >\n                    </ng-template>\n                    <ng-template [ngIf]="!noDataTemplate">\n                        <div>{{ messageFor(\'noDataText\') }}</div>\n                    </ng-template>\n                </div>\n\n                \x3c!--user-defined footer template--\x3e\n                <ng-container *ngIf="footerTemplate">\n                    <div class="k-table-footer">\n                        <table class="k-table">\n                            <tfoot class="k-table-tfoot">\n                                <tr class="k-table-row">\n                                    <td class="k-table-td">\n                                        <ng-template\n                                            [templateContext]="{\n                                                templateRef: footerTemplate.templateRef\n                                            }"\n                                        >\n                                        </ng-template>\n                                    </td>\n                                </tr>\n                            </tfoot>\n                        </table>\n                    </div>\n                </ng-container>\n\n            </div>\n\n        </ng-template>\n\n        <kendo-resize-sensor\n            *ngIf="isOpen"\n            (resize)="onResize()"\n        >\n        </kendo-resize-sensor>\n\n        \x3c!-- when the popupSettings.appendTo value is set to \'component\', this container is used --\x3e\n        <ng-container #container></ng-container>\n    ',isInline:!0,components:[{type:v,selector:"kendo-searchbar",inputs:["id","listId","tagListId","activeDescendant","noDataLabel","disabled","readonly","tabIndex","popupOpen","role","userInput","suggestedText","placeholder"],outputs:["valueChange","onBlur","onFocus","onClick","onNavigate"]},{type:Pe,selector:"kendo-list",inputs:["selected","focused","textField","valueField","height","template","groupTemplate","fixedGroupTemplate","show","id","optionPrefix","multipleSelection","virtual","type","checkboxes","data","size","rounded"],outputs:["onClick","pageChange","listResize"]},{type:a.ResizeSensorComponent,selector:"kendo-resize-sensor",inputs:["rateLimit"],outputs:["resize"]}],directives:[{type:Ae,selector:"\n    [kendoDropDownListLocalizedMessages],\n    [kendoDropDownTreeLocalizedMessages],\n    [kendoComboBoxLocalizedMessages],\n    [kendoMultiColumnComboBoxLocalizedMessages],\n    [kendoAutoCompleteLocalizedMessages],\n    [kendoMultiSelectLocalizedMessages],\n    [kendoMultiSelectTreeLocalizedMessages]\n  "},{type:p.NgIf,selector:"[ngIf]",inputs:["ngIf","ngIfThen","ngIfElse"]},{type:a.EventsOutsideAngularDirective,selector:"[kendoEventsOutsideAngular]",inputs:["kendoEventsOutsideAngular","scope"]},{type:p.NgClass,selector:"[ngClass]",inputs:["class","ngClass"]},{type:Se,selector:"[templateContext]",inputs:["templateContext"]},{type:p.NgForOf,selector:"[ngFor][ngForOf]",inputs:["ngForOf","ngForTrackBy","ngForTemplate"]},{type:p.NgStyle,selector:"[ngStyle]",inputs:["ngStyle"]}]}),s.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:s,type:Mt,decorators:[{type:h.Component,args:[{providers:[k,I,T,x,n.LocalizationService,{provide:n.L10N_PREFIX,useValue:"kendo.multicolumncombobox"},{multi:!0,provide:t.NG_VALUE_ACCESSOR,useExisting:h.forwardRef(function(){return Mt})},{provide:l.KendoInput,useExisting:h.forwardRef(function(){return Mt})},{provide:Ie,useExisting:h.forwardRef(function(){return Mt})}],selector:"kendo-multicolumncombobox",template:'\n        <ng-container\n            kendoMultiColumnComboBoxLocalizedMessages\n\n            i18n-noDataText="kendo.multicolumncombobox.noDataText|The text displayed in the popup when there are no items"\n            noDataText="NO DATA FOUND"\n\n            i18n-clearTitle="kendo.multicolumncombobox.clearTitle|The title of the clear button"\n            clearTitle="clear"\n        >\n        </ng-container>\n        <kendo-searchbar\n            #searchbar\n            [role]="\'combobox\'"\n            [id]="focusableId"\n            [listId]="listBoxId"\n            [activeDescendant]="activeDescendant"\n            [noDataLabel]="noDataLabel"\n            [userInput]="text"\n            [suggestedText]="getSuggestion()"\n            [disabled]="disabled"\n            [readonly]="readonly"\n            [tabIndex]="tabIndex"\n            [popupOpen]="isOpen"\n            [placeholder]="placeholder"\n            (onNavigate)="handleNavigate($event)"\n            (valueChange)="searchBarChange($event)"\n            (onBlur)="handleBlur()"\n            (onFocus)="handleFocus()"\n        >\n        </kendo-searchbar>\n\n        <span\n            *ngIf="clearButton && !loading && !disabled && !readonly && text?.length"\n            class="k-clear-value"\n            [style.visibility]="clearButtonVisiblity"\n            aria-hidden="true"\n            [attr.title]="messageFor(\'clearTitle\')"\n            (click)="clearValue($event)"\n            [kendoEventsOutsideAngular]="{\n                mousedown: preventEventDefault\n            }"\n        >\n            <span class="k-icon k-i-x"></span>\n        </span>\n\n        <button\n            #select\n            tabindex="-1"\n            aria-hidden="true"\n            unselectable="on"\n            type="button"\n            class="k-input-button k-button k-icon-button"\n            [ngClass]="selectButtonClasses"\n            [attr.aria-label]="messageFor(\'selectButtonText\')"\n            [kendoEventsOutsideAngular]="{\n                mousedown: preventEventDefault\n            }"\n        >\n            <span class="k-button-icon k-icon" [ngClass]="buttonClasses"></span>\n        </button>\n\n        <ng-template #popupTemplate>\n            \x3c!--user-defined header template --\x3e\n            <ng-template\n                *ngIf="headerTemplate"\n                [templateContext]="{\n                    templateRef: headerTemplate?.templateRef\n                }"\n            >\n            </ng-template>\n\n            \x3c!--data table--\x3e\n            <div class="k-data-table" [ngClass]="tableSizeClass">\n\n                \x3c!--grid header--\x3e\n                <div\n                    #header\n                    class="k-table-header"\n                >\n                    <div class="k-table-header-wrap">\n                        <table class="k-table" role="presentation">\n                            <colgroup>\n                                <ng-container *ngFor="let column of columns">\n                                    <col\n                                        *ngIf="!column.hidden && column.matchesMedia"\n                                        [style.width.px]="column.width"\n                                    />\n                                </ng-container>\n                            </colgroup>\n                            <thead class="k-table-thead">\n                                <tr class="k-table-row">\n                                    <ng-container *ngFor="let column of columns">\n                                        <th\n                                            *ngIf="!column.hidden && column.matchesMedia"\n                                            class="k-table-th"\n                                            [ngStyle]="column.headerStyle"\n                                            [ngClass]="column.headerClass"\n                                        >\n                                            <ng-container *ngIf="!column.headerTemplate">\n                                                {{ column.title || column.field }}\n                                            </ng-container>\n                                            <ng-template\n                                                *ngIf="column.headerTemplate"\n                                                [templateContext]="{\n                                                    templateRef: column.headerTemplate?.templateRef,\n                                                    $implicit: column,\n                                                    column: column\n                                                }"\n                                            >\n                                            </ng-template>\n                                        </th>\n                                    </ng-container>\n                                </tr>\n                            </thead>\n                        </table>\n                    </div>\n                </div>\n\n                \x3c!-- item template --\x3e\n                <ng-template #rowTemplate let-dataItem>\n                    <ng-container *ngFor="let column of columns">\n                        <span\n                            *ngIf="!column.hidden && column.matchesMedia"\n                            class="k-table-td"\n                            [ngClass]="column.class"\n                            [style.width.px]="column.width"\n                            [ngStyle]="column.style"\n                        >\n                            <ng-container *ngIf="!column.cellTemplate">\n                                {{ textFrom(dataItem, column.field) }}\n                            </ng-container>\n                            <ng-template\n                                *ngIf="column.cellTemplate"\n                                [templateContext]="{\n                                    templateRef: column.cellTemplate?.templateRef,\n                                    $implicit: dataItem,\n                                    dataItem: dataItem,\n                                    column: column\n                                }"\n                            >\n                            </ng-template>\n                        </span>\n                    </ng-container>\n                </ng-template>\n\n                \x3c!--list--\x3e\n                <kendo-list\n                    #optionsList\n                    [id]="listBoxId"\n                    [optionPrefix]="optionPrefix"\n                    [data]="data"\n                    [textField]="textField"\n                    [valueField]="valueField"\n                    [template]="{ templateRef: rowTemplate }"\n                    [groupTemplate]="groupTemplate"\n                    [fixedGroupTemplate]="fixedGroupTemplate"\n                    [height]="listHeight"\n                    [show]="isOpen"\n                    [virtual]="virtual"\n                    [type]="\'dropdowngrid\'"\n                    (pageChange)="pageChange($event)"\n                    (listResize)="updateHeaderPadding(header)"\n                >\n                </kendo-list>\n\n                \x3c!--no-data template--\x3e\n                <div\n                    class="k-no-data"\n                    *ngIf="data.length === 0"\n                >\n                    <ng-template\n                        [ngIf]="noDataTemplate"\n                        [templateContext]="{\n                            templateRef: noDataTemplate?.templateRef\n                        }"\n                    >\n                    </ng-template>\n                    <ng-template [ngIf]="!noDataTemplate">\n                        <div>{{ messageFor(\'noDataText\') }}</div>\n                    </ng-template>\n                </div>\n\n                \x3c!--user-defined footer template--\x3e\n                <ng-container *ngIf="footerTemplate">\n                    <div class="k-table-footer">\n                        <table class="k-table">\n                            <tfoot class="k-table-tfoot">\n                                <tr class="k-table-row">\n                                    <td class="k-table-td">\n                                        <ng-template\n                                            [templateContext]="{\n                                                templateRef: footerTemplate.templateRef\n                                            }"\n                                        >\n                                        </ng-template>\n                                    </td>\n                                </tr>\n                            </tfoot>\n                        </table>\n                    </div>\n                </ng-container>\n\n            </div>\n\n        </ng-template>\n\n        <kendo-resize-sensor\n            *ngIf="isOpen"\n            (resize)="onResize()"\n        >\n        </kendo-resize-sensor>\n\n        \x3c!-- when the popupSettings.appendTo value is set to \'component\', this container is used --\x3e\n        <ng-container #container></ng-container>\n    '}]}],ctorParameters:function(){return[{type:r.LocalizationService},{type:j.PopupService},{type:k},{type:T},{type:x},{type:I},{type:s.NgZone},{type:s.ChangeDetectorRef},{type:s.Renderer2},{type:s.ElementRef},{type:void 0,decorators:[{type:h.Inject,args:[De]}]}]},propDecorators:{hostClasses:[{type:h.HostBinding,args:["class.k-dropdowngrid"]}],isDisabled:[{type:h.HostBinding,args:["class.k-disabled"]}],columns:[{type:h.ContentChildren,args:[Pt]}],header:[{type:h.ViewChild,args:["header",{static:!1}]}]}});function Rt(){return!1}function At(){return g.of([])}function Vt(){return!1}function Bt(){return!0}var Nt=function(e){this.templateRef=e},Lt=(Nt.ɵfac=s.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:s,type:Nt,deps:[{token:s.TemplateRef}],target:s.ɵɵFactoryTarget.Directive}),Nt.ɵdir=s.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.16",type:Nt,selector:"[kendoDropDownTreeNodeTemplate], [kendoMultiSelectTreeNodeTemplate]",ngImport:s}),s.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:s,type:Nt,decorators:[{type:h.Directive,args:[{selector:"[kendoDropDownTreeNodeTemplate], [kendoMultiSelectTreeNodeTemplate]"}]}],ctorParameters:function(){return[{type:s.TemplateRef}]}}),{animate:!0}),_t=(Object.defineProperty(M.prototype,"isDisabled",{get:function(){return this.disabled},enumerable:!1,configurable:!0}),Object.defineProperty(M.prototype,"isLoading",{get:function(){return this.loading},enumerable:!1,configurable:!0}),Object.defineProperty(M.prototype,"id",{get:function(){return this.focusableId},enumerable:!1,configurable:!0}),Object.defineProperty(M.prototype,"hostTabIndex",{get:function(){return this.tabindex},enumerable:!1,configurable:!0}),Object.defineProperty(M.prototype,"isAriaExpanded",{get:function(){return this.isOpen},enumerable:!1,configurable:!0}),Object.defineProperty(M.prototype,"isReadonly",{get:function(){return this.readonly},enumerable:!1,configurable:!0}),M.prototype.handleClick=function(){this.togglePopup(!this.isOpen)},M.prototype.handleKeydown=function(e){this.disabled||this.readonly||this.navigationService.process({originalEvent:e})},Object.defineProperty(M.prototype,"treeview",{get:function(){return this._treeview},set:function(e){e&&((this.isFocused&&!this.filterable||this.touchEnabled)&&e.focus(),e.animate=!0,this._treeview=e)},enumerable:!1,configurable:!0}),Object.defineProperty(M.prototype,"data",{get:function(){return this._nodes},set:function(e){this._nodes=e,this.setState()},enumerable:!1,configurable:!0}),Object.defineProperty(M.prototype,"value",{get:function(){return this._value},set:function(e){this._value=e,this.setState()},enumerable:!1,configurable:!0}),Object.defineProperty(M.prototype,"popupSettings",{get:function(){return this._popupSettings},set:function(e){this._popupSettings=Object.assign({},Lt,e)},enumerable:!1,configurable:!0}),Object.defineProperty(M.prototype,"dataItem",{get:function(){return this._dataItem||this.value},set:function(e){this._dataItem=e,this.setState()},enumerable:!1,configurable:!0}),Object.defineProperty(M.prototype,"tabindex",{get:function(){return this.disabled?-1:this._tabindex},set:function(e){e=Number(e);this._tabindex=isNaN(e)?0:e},enumerable:!1,configurable:!0}),Object.defineProperty(M.prototype,"size",{get:function(){return this._size},set:function(e){var t=e||"medium";this.renderer.removeClass(this.wrapper.nativeElement,d("picker",this.size)),"none"!==e&&this.renderer.addClass(this.wrapper.nativeElement,d("picker",t)),this._size=t},enumerable:!1,configurable:!0}),Object.defineProperty(M.prototype,"rounded",{get:function(){return this._rounded},set:function(e){var t=e||"medium";this.renderer.removeClass(this.wrapper.nativeElement,u(this.rounded)),"none"!==e&&this.renderer.addClass(this.wrapper.nativeElement,u(t)),this._rounded=t},enumerable:!1,configurable:!0}),Object.defineProperty(M.prototype,"fillMode",{get:function(){return this._fillMode},set:function(e){var t=e||"solid";this.renderer.removeClass(this.wrapper.nativeElement,le("picker",this.fillMode)),"none"!==e&&this.renderer.addClass(this.wrapper.nativeElement,le("picker",t)),this._fillMode=t},enumerable:!1,configurable:!0}),Object.defineProperty(M.prototype,"isFocused",{get:function(){return this._isFocused},set:function(e){this.renderer[e?"addClass":"removeClass"](this.wrapper.nativeElement,"k-focus"),this._isFocused=e},enumerable:!1,configurable:!0}),Object.defineProperty(M.prototype,"width",{get:function(){var e=this.wrapper.nativeElement.offsetWidth,t=this.popupSettings.width||e;return{min:isNaN(e)?e:e+"px",max:isNaN(t)?t:t+"px"}},enumerable:!1,configurable:!0}),Object.defineProperty(M.prototype,"height",{get:function(){var e=this.popupSettings.height;return c(e)?e+"px":"auto"},enumerable:!1,configurable:!0}),Object.defineProperty(M.prototype,"isOpen",{get:function(){return c(this.popupRef)},enumerable:!1,configurable:!0}),Object.defineProperty(M.prototype,"clearButtonVisiblity",{get:function(){if(this.touchEnabled)return"visible"},enumerable:!1,configurable:!0}),Object.defineProperty(M.prototype,"isExpanded",{get:function(){return this.isNodeExpanded},set:function(e){this.isNodeExpanded=e},enumerable:!1,configurable:!0}),Object.defineProperty(M.prototype,"expand",{get:function(){return this.nodeExpand},enumerable:!1,configurable:!0}),Object.defineProperty(M.prototype,"collapse",{get:function(){return this.nodeCollapse},enumerable:!1,configurable:!0}),Object.defineProperty(M.prototype,"nodes",{get:function(){return this.data},set:function(e){this.data=e},enumerable:!1,configurable:!0}),Object.defineProperty(M.prototype,"children",{get:function(){return this.fetchChildren},set:function(e){this.fetchChildren=e},enumerable:!1,configurable:!0}),Object.defineProperty(M.prototype,"isVisible",{get:function(){return this.isNodeVisible},set:function(e){this.isNodeVisible=e},enumerable:!1,configurable:!0}),M.prototype.ngOnInit=function(){var t=this;this.renderer.removeAttribute(this.wrapper.nativeElement,"tabindex"),this.assignAriaDescribedBy(),this.subscriptions.push(this.localization.changes.subscribe(function(e){e=e.rtl;t.direction=e?"rtl":"ltr",t.cdr.markForCheck()})),this.setComponentClasses()},M.prototype.ngOnDestroy=function(){this.destroyPopup(),this.unsubscribeEvents()},M.prototype.ngOnChanges=function(e){l.anyChanged(["textField","valueField","valuePrimitive"],e,!1)&&this.setState()},M.prototype.ngAfterContentChecked=function(){this.verifySettings()},M.prototype.isEmpty=function(){return!this.text&&!this.placeholder},M.prototype.togglePopup=function(e){var t=this.disabled||this.readonly,n=this.isOpen===e;t||n||this.triggerPopupEvents(e)||(e?this.createPopup():this.destroyPopup())},M.prototype.handleFocus=function(e){var t=this;e.target===this.wrapper.nativeElement&&(e.stopImmediatePropagation(),this.isFocused||(this.isFocused=!0,l.hasObservers(this.onFocus)&&this._zone.run(function(){t.onFocus.emit()})))},M.prototype.handleBlur=function(e){var t=this,e=e&&e.relatedTarget;this.wrapper.nativeElement.contains(e)||this.isOpen&&this.popupRef.popupElement.contains(e)||(this.isFocused=!1,l.hasObservers(this.onBlur)||te(this.wrapper.nativeElement)?this._zone.run(function(){t.togglePopup(!1),t.onBlur.emit(),t.onTouchedCallback()}):this.togglePopup(!1))},M.prototype.focusItemAt=function(e){var t;this.treeview&&(t=this.treeview.itemLookup(e),c(t)&&!this.treeview.isDisabled(t.item.dataItem,t.item.index)&&this.treeview.focus(e))},M.prototype.focus=function(){this.disabled||this.wrapper.nativeElement.focus()},M.prototype.blur=function(){this.disabled||this.wrapper.nativeElement.blur()},M.prototype.reset=function(){this.value=void 0,this.dataItem=void 0},M.prototype.toggle=function(t){var n=this;Promise.resolve(null).then(function(){var e=c(t)?t:!c(n.popupRef);n.destroyPopup(),e&&n.createPopup()})},Object.defineProperty(M.prototype,"popupContainerClasses",{get:function(){var e=["k-popup-dropdowntree"];return this.popupSettings.popupClass&&e.push(this.popupSettings.popupClass),e},enumerable:!1,configurable:!0}),M.prototype.onSelectionChange=function(e){var t=e.dataItem,e=e.index,e=(this.valueDepth=e.split("_").length-1,this.getField(this.valueField,t)),e=this.valuePrimitive?B.getter(e)(t):t;e!==this.value&&(this.value=e,this.dataItem=t,this.emitValueChange(this.value)),this.togglePopup(!1),this.focus()},M.prototype.messageFor=function(e){return this.localization.get(e)},M.prototype.clearValue=function(e){e.stopImmediatePropagation(),this.focus(),this.value=void 0,this.dataItem=void 0,this.clearState(),this.valueChange.emit(void 0),this.emitValueChange()},Object.defineProperty(M.prototype,"appendTo",{get:function(){var e=this.popupSettings.appendTo;if(e&&"root"!==e)return"component"===e?this.container:e},enumerable:!1,configurable:!0}),M.prototype.preventEventDefault=function(e){e.preventDefault()},M.prototype.writeValue=function(e){!c(e)&&c(this.value)&&(this.dataItem=null),this.value=null===e?void 0:e},M.prototype.registerOnChange=function(e){this.onChangeCallback=e},M.prototype.registerOnTouched=function(e){this.onTouchedCallback=e},M.prototype.setDisabledState=function(e){this.disabled=e,this.cdr.markForCheck()},M.prototype.handleFilterInputChange=function(e){var n=this;this.filterChange.next(e.value),this.allNodesHidden=this.nodes.every(function(e,t){return!n.isVisible(e,String(t))})},Object.defineProperty(M.prototype,"buttonClasses",{get:function(){return this.loading?"k-i-loading k-input-loading-icon":"k-i-arrow-s"},enumerable:!1,configurable:!0}),Object.defineProperty(M.prototype,"selectButtonClasses",{get:function(){return(this.size?d("button",this.size):"")+" "+(this.fillMode?"k-button-"+this.fillMode:"")+" "+(this.fillMode?"k-button-"+this.fillMode+"-base":"")},enumerable:!1,configurable:!0}),Object.defineProperty(M.prototype,"filterInputClasses",{get:function(){return(this.size?d("input",this.size):"")+" "+(this.fillMode?"k-input-"+this.fillMode:"")+" "+(this.rounded?u(this.rounded):"")},enumerable:!1,configurable:!0}),M.prototype.verifySettings=function(){if(h.isDevMode()){if(!0===this.valuePrimitive&&c(this.value)&&"object"==typeof this.value)throw new Error(rt);if(!0===this.valuePrimitive&&c(this.value)&&"object"!=typeof this.dataItem)throw new Error(pt);if(!1===this.valuePrimitive&&c(this.value)&&"object"!=typeof this.value)throw new Error(lt);if(!c(this.valueField)||!c(this.textField))throw new Error(dt);if((pe(this.valueField)||pe(this.textField))&&c(this.value)&&!c(this.valueDepth))throw new Error(ut)}},M.prototype.emitValueChange=function(e){this.onChangeCallback(e),this.valueChange.emit(e)},M.prototype.getText=function(e,t){return c(t)&&c(e)?(e=this.getField(e,t),B.getter(e)(t)):null},M.prototype.getField=function(e,t){var n=e.length-1;return"string"==typeof e?e:c(this.valueDepth)?n<this.valueDepth?e[n]:e[this.valueDepth]:e.find(function(e){return e in t})},M.prototype.triggerPopupEvents=function(e){var t=new Ce;return(e?this.open:this.close).emit(t),t.isDefaultPrevented()},M.prototype.createPopup=function(){var e=this,t="rtl"===this.direction?"right":"left",t=(this.popupRef=this.popupService.open({anchor:this.wrapper,appendTo:this.appendTo,anchorAlign:{horizontal:t,vertical:"bottom"},content:this.popupTemplate,popupAlign:{horizontal:t,vertical:"top"},positionMode:"absolute",popupClass:this.popupContainerClasses}),this.popupRef.popupElement),n=this.width,i=n.min,n=n.max;t.style.minWidth=i,t.style.width=n,t.style.height=this.height,t.setAttribute("dir",this.direction),this.popupRef.popupOpen.subscribe(function(){e.cdr.detectChanges(),e.opened.emit()}),this.popupRef.popupClose.subscribe(function(){e.closed.emit()})},M.prototype.destroyPopup=function(){var e=this;this.popupRef&&(this.popupRef.close(),this.popupRef=null,""!==this.filter&&(this.filter="",this.allNodesHidden=!1,l.hasObservers(this.filterChange)&&this._zone.run(function(){e.filterChange.emit("")})))},M.prototype.handleEscape=function(){this.togglePopup(!1),this.focus()},M.prototype.setState=function(){var e;c(this.value)&&c(this.dataItem)&&c(this.valueField)?(this.text=this.getText(this.textField,this.dataItem),e=this.getField(this.valueField,this.dataItem),this.selectBy=e,this.selectedKeys=[B.getter(e)(this.dataItem)]):this.clearState(),this.cdr.markForCheck()},M.prototype.clearState=function(){this.text=void 0,this.selectedKeys=[]},M.prototype.subscribeEvents=function(){var t=this;this.subscriptions.push(this.navigationService.open.subscribe(function(){return t.togglePopup(!0)}),this.navigationService.close.subscribe(function(){t.togglePopup(!1),t.focus()}),this.navigationService.enter.pipe(m.tap(function(e){return e.originalEvent.preventDefault()})).subscribe(function(){return t.togglePopup(!0)}),this.navigationService.esc.subscribe(function(){return t.handleEscape()}),this.navigationService.tab.subscribe(function(){return t.focus()}),this.navigationService.down.subscribe(function(e){t.treeview&&(e.originalEvent.preventDefault(),t.treeview.isActive||t.treeview.focus())}),this.navigationService.up.subscribe(function(e){t.treeview&&(e.originalEvent.preventDefault(),t.filterable&&"0"===t.treeview.navigationService.activeIndex&&t.filterInput.nativeElement.focus())}))},M.prototype.subscribeTouchEvents=function(){var t=this;l.isDocumentAvailable()&&this.touchEnabled&&this._zone.runOutsideAngular(function(){return t.touchstartDisposeHandler=t.renderer.listen(document,"touchstart",function(e){e=e.target;t.isFocused&&!oe(t.wrapper,e,t.popupRef)&&t._zone.run(function(){t.isOpen&&t.treeview.blur(),t.blur()})})})},M.prototype.subscribeFocusEvents=function(){var e=this;l.isDocumentAvailable()&&(this.handleFocus=this.handleFocus.bind(this),this.handleDocumentBlur=this.handleDocumentBlur.bind(this),this._zone.runOutsideAngular(function(){document.addEventListener("focus",e.handleFocus,!0),document.addEventListener("blur",e.handleDocumentBlur,!0)}))},M.prototype.unSubscribeFocusEvents=function(){l.isDocumentAvailable()&&(document.removeEventListener("focus",this.handleFocus,!0),document.removeEventListener("blur",this.handleDocumentBlur,!0))},M.prototype.unsubscribeEvents=function(){this.subscriptions.forEach(function(e){return e.unsubscribe()}),this.unSubscribeFocusEvents(),this.touchstartDisposeHandler&&this.touchstartDisposeHandler()},M.prototype.handleDocumentBlur=function(e){e.target===this.wrapper.nativeElement&&(e.stopImmediatePropagation(),this.handleBlur(e))},M.prototype.assignAriaDescribedBy=function(){var e=this.wrapper.nativeElement.getAttribute("aria-describedby")||"",e=(this.valueLabelId+" "+e.trim()).trim();this.renderer.setAttribute(this.wrapper.nativeElement,"aria-describedby",e)},M.prototype.setComponentClasses=function(){"none"!==this.size&&this.renderer.addClass(this.wrapper.nativeElement,d("picker",this.size)),"none"!==this.rounded&&this.renderer.addClass(this.wrapper.nativeElement,u(this.rounded)),"none"!==this.fillMode&&this.renderer.addClass(this.wrapper.nativeElement,le("picker",this.fillMode))},M);function M(e,t,n,i,o,s,a,r){this.wrapper=e,this.popupService=t,this.navigationService=n,this.renderer=i,this._zone=o,this.cdr=s,this.localization=a,this.touchEnabled=r,this.hostClasses=!0,this.role="listbox",this.ariaHasPopup="tree",this.open=new h.EventEmitter,this.opened=new h.EventEmitter,this.close=new h.EventEmitter,this.closed=new h.EventEmitter,this.nodeExpand=new h.EventEmitter,this.nodeCollapse=new h.EventEmitter,this.onFocus=new h.EventEmitter,this.onBlur=new h.EventEmitter,this.valueChange=new h.EventEmitter,this.filterChange=new h.EventEmitter,this.clearButton=!0,this.hasChildren=Rt,this.fetchChildren=At,this.placeholder="",this.listHeight=200,this.disabled=!1,this.readonly=!1,this.valuePrimitive=!1,this.itemDisabled=Vt,this.isNodeVisible=Bt,this.loadOnDemand=!0,this.filterable=!1,this.filter="",this.focusableId="k-"+l.guid(),this.selectedKeys=[],this.filterStateChange=new h.EventEmitter,this.allNodesHidden=!1,this.valueLabelId="k-"+l.guid(),this._popupSettings=Lt,this._tabindex=0,this._isFocused=!1,this._size="medium",this._rounded="medium",this._fillMode="solid",this.subscriptions=[],this.onTouchedCallback=ne,this.onChangeCallback=ne,this.direction=a.rtl?"rtl":"ltr",this.subscribeEvents(),this.subscribeTouchEvents(),this.subscribeFocusEvents()}_t.ɵfac=s.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:s,type:_t,deps:[{token:s.ElementRef},{token:j.PopupService},{token:T},{token:s.Renderer2},{token:s.NgZone},{token:s.ChangeDetectorRef},{token:r.LocalizationService},{token:De,optional:!0}],target:s.ɵɵFactoryTarget.Component}),_t.ɵcmp=s.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:_t,selector:"kendo-dropdowntree",inputs:{loading:"loading",clearButton:"clearButton",data:"data",value:"value",textField:"textField",valueField:"valueField",valueDepth:"valueDepth",hasChildren:"hasChildren",fetchChildren:"fetchChildren",placeholder:"placeholder",popupSettings:"popupSettings",dataItem:"dataItem",listHeight:"listHeight",disabled:"disabled",readonly:"readonly",valuePrimitive:"valuePrimitive",tabindex:"tabindex",size:"size",rounded:"rounded",fillMode:"fillMode",itemDisabled:"itemDisabled",isNodeExpanded:"isNodeExpanded",isNodeVisible:"isNodeVisible",loadOnDemand:"loadOnDemand",filterable:"filterable",filter:"filter",focusableId:"focusableId"},outputs:{open:"open",opened:"opened",close:"close",closed:"closed",nodeExpand:"nodeExpand",nodeCollapse:"nodeCollapse",onFocus:"focus",onBlur:"blur",valueChange:"valueChange",filterChange:"filterChange"},host:{listeners:{click:"handleClick()",keydown:"handleKeydown($event)"},properties:{"class.k-dropdowntree":"this.hostClasses","class.k-picker":"this.hostClasses","class.k-disabled":"this.isDisabled","attr.aria-disabled":"this.isDisabled","class.k-loading":"this.isLoading","attr.id":"this.id","attr.dir":"this.direction","attr.tabindex":"this.hostTabIndex","attr.role":"this.role","attr.aria-haspopup":"this.ariaHasPopup","attr.aria-expanded":"this.isAriaExpanded","attr.readonly":"this.isReadonly","attr.aria-readonly":"this.isReadonly"}},providers:[I,k,T,x,n.LocalizationService,{provide:n.L10N_PREFIX,useValue:"kendo.dropdowntree"},{multi:!0,provide:t.NG_VALUE_ACCESSOR,useExisting:h.forwardRef(function(){return _t})},{provide:l.KendoInput,useExisting:h.forwardRef(function(){return _t})},{provide:o.DataBoundComponent,useExisting:h.forwardRef(function(){return _t})},{provide:o.ExpandableComponent,useExisting:h.forwardRef(function(){return _t})}],queries:[{propertyName:"noDataTemplate",first:!0,predicate:D,descendants:!0},{propertyName:"headerTemplate",first:!0,predicate:y,descendants:!0},{propertyName:"footerTemplate",first:!0,predicate:C,descendants:!0},{propertyName:"nodeTemplate",first:!0,predicate:Nt,descendants:!0},{propertyName:"valueTemplate",first:!0,predicate:Be,descendants:!0}],viewQueries:[{propertyName:"popupTemplate",first:!0,predicate:["popupTemplate"],descendants:!0,static:!0},{propertyName:"container",first:!0,predicate:["container"],descendants:!0,read:h.ViewContainerRef,static:!0},{propertyName:"treeview",first:!0,predicate:["treeview"],descendants:!0},{propertyName:"filterInput",first:!0,predicate:["filterInput"],descendants:!0}],exportAs:["kendoDropDownTree"],usesOnChanges:!0,ngImport:s,template:'\n        <ng-container kendoDropDownTreeLocalizedMessages\n            i18n-noDataText="kendo.dropdowntree.noDataText|The text displayed in the popup when there are no items"\n            noDataText="NO DATA FOUND"\n\n            i18n-clearTitle="kendo.dropdowntree.clearTitle|The title of the clear button"\n            clearTitle="clear"\n\n            i18n-selectButtonText="kendo.dropdowntree.selectButtonText|The text set as aria-label on the select button"\n            selectButtonText="Select"\n        >\n        </ng-container>\n        <span\n            [attr.id]="valueLabelId"\n            class="k-input-inner"\n            role="option"\n        >\n            <span class="k-input-value-text">\n                <ng-template *ngIf="valueTemplate"\n                    [templateContext]="{\n                        templateRef: valueTemplate.templateRef,\n                        $implicit: dataItem\n                    }">\n                </ng-template>\n                <ng-template [ngIf]="!valueTemplate"> {{ text || placeholder }} </ng-template>\n            </span>\n        </span>\n        <span\n            *ngIf="!loading && !readonly && clearButton && text?.length && !disabled"\n            class="k-clear-value"\n            [style.visibility]="clearButtonVisiblity"\n            aria-hidden="true"\n            [attr.title]="messageFor(\'clearTitle\')"\n            (click)="clearValue($event)"\n        >\n            <span class="k-icon k-i-x"></span>\n        </span>\n        <button\n            tabindex="-1"\n            type="button"\n            aria-hidden="true"\n            class="k-input-button k-button k-icon-button"\n            [ngClass]="selectButtonClasses"\n            [attr.aria-label]="messageFor(\'selectButtonText\')"\n        >\n            <span\n                class="k-button-icon k-icon"\n                [ngClass]="buttonClasses"\n            ></span>\n        </button>\n        <ng-template #popupTemplate>\n            <span\n                *ngIf="filterable"\n                class="k-list-filter"\n            >\n                <span\n                    class="k-textbox k-input"\n                    [ngClass]="filterInputClasses"\n                >\n                    <span class="k-input-prefix">\n                        <span class="k-input-icon k-icon k-i-search"></span>\n                    </span>\n                    <input\n                        #filterInput\n                        (input)="handleFilterInputChange($event.target)"\n                        [filterInput]="filterable && !touchEnabled"\n                        (keydown.arrowdown)="handleKeydown($event)"\n                        (keydown.alt.arrowup)="handleKeydown($event)"\n                        [(ngModel)]="filter"\n                        class="k-input-inner"\n                        role="textbox"\n                        aria-haspopup="true"\n                        aria-expanded="false"\n                        tabindex="0"\n                        aria-disabled="false"\n                        aria-readonly="false"\n                        [kendoEventsOutsideAngular]="{\n                            blur: handleBlur\n                        }"\n                        [scope]="this"\n                    >\n                </span>\n            </span>\n            \x3c!--header template--\x3e\n            <ng-template\n                *ngIf="headerTemplate"\n                [templateContext]="{\n                    templateRef: headerTemplate?.templateRef\n                }">\n            </ng-template>\n            <kendo-treeview\n                #treeview\n                *ngIf="data.length !== 0 && !allNodesHidden"\n                [size]="size"\n                [nodes]="data"\n                [style.maxHeight.px]="listHeight"\n                [animate]="false"\n                [(selectedKeys)]="selectedKeys"\n                [selectBy]="selectBy"\n                [textField]="textField"\n                kendoTreeViewSelectable\n                [children]="children"\n                [hasChildren]="hasChildren"\n                [loadOnDemand]="loadOnDemand"\n                [isExpanded]="isNodeExpanded"\n                [isDisabled]="itemDisabled"\n                [nodeTemplate]="nodeTemplate"\n                [filter]="filter"\n                [isVisible]="isNodeVisible"\n                (focusout)="handleBlur($event)"\n                (keydown)="handleKeydown($event)"\n                (selectionChange)="onSelectionChange($event)"\n                (expand)="nodeExpand.emit($event)"\n                (collapse)="nodeCollapse.emit($event)"\n            >\n            </kendo-treeview>\n            \x3c!--footer template--\x3e\n            <ng-template\n                *ngIf="footerTemplate"\n                [templateContext]="{\n                    templateRef: footerTemplate?.templateRef\n                }">\n            </ng-template>\n            \x3c!--no-data template--\x3e\n            <div class="k-no-data" *ngIf="data.length === 0 || allNodesHidden">\n                <ng-template [ngIf]="noDataTemplate"\n                    [templateContext]="{\n                        templateRef: noDataTemplate?.templateRef\n                    }">\n                </ng-template>\n                <ng-template [ngIf]="!noDataTemplate">\n                    <div>{{ messageFor(\'noDataText\') }}</div>\n                </ng-template>\n            </div>\n        </ng-template>\n        <ng-container #container></ng-container>\n    ',isInline:!0,components:[{type:H.TreeViewComponent,selector:"kendo-treeview",inputs:["filterInputPlaceholder","animate","nodeTemplate","loadMoreButtonTemplate","trackBy","nodes","textField","hasChildren","isChecked","isDisabled","isExpanded","isSelected","isVisible","navigable","children","loadOnDemand","filterable","filter","size"],outputs:["childrenLoaded","blur","focus","expand","collapse","nodeDragStart","nodeDrag","filterStateChange","nodeDrop","nodeDragEnd","addItem","removeItem","checkedChange","selectionChange","filterChange","nodeClick","nodeDblClick"],exportAs:["kendoTreeView"]}],directives:[{type:Ae,selector:"\n    [kendoDropDownListLocalizedMessages],\n    [kendoDropDownTreeLocalizedMessages],\n    [kendoComboBoxLocalizedMessages],\n    [kendoMultiColumnComboBoxLocalizedMessages],\n    [kendoAutoCompleteLocalizedMessages],\n    [kendoMultiSelectLocalizedMessages],\n    [kendoMultiSelectTreeLocalizedMessages]\n  "},{type:p.NgIf,selector:"[ngIf]",inputs:["ngIf","ngIfThen","ngIfElse"]},{type:Se,selector:"[templateContext]",inputs:["templateContext"]},{type:p.NgClass,selector:"[ngClass]",inputs:["class","ngClass"]},{type:_.DefaultValueAccessor,selector:"input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]"},{type:ht,selector:"[filterInput]",inputs:["filterInput"]},{type:_.NgControlStatus,selector:"[formControlName],[ngModel],[formControl]"},{type:_.NgModel,selector:"[ngModel]:not([formControlName]):not([formControl])",inputs:["name","disabled","ngModel","ngModelOptions"],outputs:["ngModelChange"],exportAs:["ngModel"]},{type:a.EventsOutsideAngularDirective,selector:"[kendoEventsOutsideAngular]",inputs:["kendoEventsOutsideAngular","scope"]},{type:H.SelectDirective,selector:"[kendoTreeViewSelectable]",inputs:["isSelected","selectBy","kendoTreeViewSelectable","selectedKeys"],outputs:["selectedKeysChange"]}],changeDetection:s.ChangeDetectionStrategy.OnPush}),s.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:s,type:_t,decorators:[{type:h.Component,args:[{exportAs:"kendoDropDownTree",providers:[I,k,T,x,n.LocalizationService,{provide:n.L10N_PREFIX,useValue:"kendo.dropdowntree"},{multi:!0,provide:t.NG_VALUE_ACCESSOR,useExisting:h.forwardRef(function(){return _t})},{provide:l.KendoInput,useExisting:h.forwardRef(function(){return _t})},{provide:o.DataBoundComponent,useExisting:h.forwardRef(function(){return _t})},{provide:o.ExpandableComponent,useExisting:h.forwardRef(function(){return _t})}],selector:"kendo-dropdowntree",template:'\n        <ng-container kendoDropDownTreeLocalizedMessages\n            i18n-noDataText="kendo.dropdowntree.noDataText|The text displayed in the popup when there are no items"\n            noDataText="NO DATA FOUND"\n\n            i18n-clearTitle="kendo.dropdowntree.clearTitle|The title of the clear button"\n            clearTitle="clear"\n\n            i18n-selectButtonText="kendo.dropdowntree.selectButtonText|The text set as aria-label on the select button"\n            selectButtonText="Select"\n        >\n        </ng-container>\n        <span\n            [attr.id]="valueLabelId"\n            class="k-input-inner"\n            role="option"\n        >\n            <span class="k-input-value-text">\n                <ng-template *ngIf="valueTemplate"\n                    [templateContext]="{\n                        templateRef: valueTemplate.templateRef,\n                        $implicit: dataItem\n                    }">\n                </ng-template>\n                <ng-template [ngIf]="!valueTemplate"> {{ text || placeholder }} </ng-template>\n            </span>\n        </span>\n        <span\n            *ngIf="!loading && !readonly && clearButton && text?.length && !disabled"\n            class="k-clear-value"\n            [style.visibility]="clearButtonVisiblity"\n            aria-hidden="true"\n            [attr.title]="messageFor(\'clearTitle\')"\n            (click)="clearValue($event)"\n        >\n            <span class="k-icon k-i-x"></span>\n        </span>\n        <button\n            tabindex="-1"\n            type="button"\n            aria-hidden="true"\n            class="k-input-button k-button k-icon-button"\n            [ngClass]="selectButtonClasses"\n            [attr.aria-label]="messageFor(\'selectButtonText\')"\n        >\n            <span\n                class="k-button-icon k-icon"\n                [ngClass]="buttonClasses"\n            ></span>\n        </button>\n        <ng-template #popupTemplate>\n            <span\n                *ngIf="filterable"\n                class="k-list-filter"\n            >\n                <span\n                    class="k-textbox k-input"\n                    [ngClass]="filterInputClasses"\n                >\n                    <span class="k-input-prefix">\n                        <span class="k-input-icon k-icon k-i-search"></span>\n                    </span>\n                    <input\n                        #filterInput\n                        (input)="handleFilterInputChange($event.target)"\n                        [filterInput]="filterable && !touchEnabled"\n                        (keydown.arrowdown)="handleKeydown($event)"\n                        (keydown.alt.arrowup)="handleKeydown($event)"\n                        [(ngModel)]="filter"\n                        class="k-input-inner"\n                        role="textbox"\n                        aria-haspopup="true"\n                        aria-expanded="false"\n                        tabindex="0"\n                        aria-disabled="false"\n                        aria-readonly="false"\n                        [kendoEventsOutsideAngular]="{\n                            blur: handleBlur\n                        }"\n                        [scope]="this"\n                    >\n                </span>\n            </span>\n            \x3c!--header template--\x3e\n            <ng-template\n                *ngIf="headerTemplate"\n                [templateContext]="{\n                    templateRef: headerTemplate?.templateRef\n                }">\n            </ng-template>\n            <kendo-treeview\n                #treeview\n                *ngIf="data.length !== 0 && !allNodesHidden"\n                [size]="size"\n                [nodes]="data"\n                [style.maxHeight.px]="listHeight"\n                [animate]="false"\n                [(selectedKeys)]="selectedKeys"\n                [selectBy]="selectBy"\n                [textField]="textField"\n                kendoTreeViewSelectable\n                [children]="children"\n                [hasChildren]="hasChildren"\n                [loadOnDemand]="loadOnDemand"\n                [isExpanded]="isNodeExpanded"\n                [isDisabled]="itemDisabled"\n                [nodeTemplate]="nodeTemplate"\n                [filter]="filter"\n                [isVisible]="isNodeVisible"\n                (focusout)="handleBlur($event)"\n                (keydown)="handleKeydown($event)"\n                (selectionChange)="onSelectionChange($event)"\n                (expand)="nodeExpand.emit($event)"\n                (collapse)="nodeCollapse.emit($event)"\n            >\n            </kendo-treeview>\n            \x3c!--footer template--\x3e\n            <ng-template\n                *ngIf="footerTemplate"\n                [templateContext]="{\n                    templateRef: footerTemplate?.templateRef\n                }">\n            </ng-template>\n            \x3c!--no-data template--\x3e\n            <div class="k-no-data" *ngIf="data.length === 0 || allNodesHidden">\n                <ng-template [ngIf]="noDataTemplate"\n                    [templateContext]="{\n                        templateRef: noDataTemplate?.templateRef\n                    }">\n                </ng-template>\n                <ng-template [ngIf]="!noDataTemplate">\n                    <div>{{ messageFor(\'noDataText\') }}</div>\n                </ng-template>\n            </div>\n        </ng-template>\n        <ng-container #container></ng-container>\n    ',changeDetection:h.ChangeDetectionStrategy.OnPush}]}],ctorParameters:function(){return[{type:s.ElementRef},{type:j.PopupService},{type:T},{type:s.Renderer2},{type:s.NgZone},{type:s.ChangeDetectorRef},{type:r.LocalizationService},{type:void 0,decorators:[{type:h.Optional},{type:h.Inject,args:[De]}]}]},propDecorators:{hostClasses:[{type:h.HostBinding,args:["class.k-dropdowntree"]},{type:h.HostBinding,args:["class.k-picker"]}],isDisabled:[{type:h.HostBinding,args:["class.k-disabled"]},{type:h.HostBinding,args:["attr.aria-disabled"]}],isLoading:[{type:h.HostBinding,args:["class.k-loading"]}],id:[{type:h.HostBinding,args:["attr.id"]}],direction:[{type:h.HostBinding,args:["attr.dir"]}],hostTabIndex:[{type:h.HostBinding,args:["attr.tabindex"]}],role:[{type:h.HostBinding,args:["attr.role"]}],ariaHasPopup:[{type:h.HostBinding,args:["attr.aria-haspopup"]}],isAriaExpanded:[{type:h.HostBinding,args:["attr.aria-expanded"]}],isReadonly:[{type:h.HostBinding,args:["attr.readonly"]},{type:h.HostBinding,args:["attr.aria-readonly"]}],handleClick:[{type:h.HostListener,args:["click"]}],handleKeydown:[{type:h.HostListener,args:["keydown",["$event"]]}],noDataTemplate:[{type:h.ContentChild,args:[D,{static:!1}]}],headerTemplate:[{type:h.ContentChild,args:[y,{static:!1}]}],footerTemplate:[{type:h.ContentChild,args:[C,{static:!1}]}],nodeTemplate:[{type:h.ContentChild,args:[Nt,{static:!1}]}],valueTemplate:[{type:h.ContentChild,args:[Be,{static:!1}]}],popupTemplate:[{type:h.ViewChild,args:["popupTemplate",{static:!0}]}],container:[{type:h.ViewChild,args:["container",{read:h.ViewContainerRef,static:!0}]}],treeview:[{type:h.ViewChild,args:["treeview",{static:!1}]}],filterInput:[{type:h.ViewChild,args:["filterInput",{static:!1}]}],open:[{type:h.Output}],opened:[{type:h.Output}],close:[{type:h.Output}],closed:[{type:h.Output}],nodeExpand:[{type:h.Output}],nodeCollapse:[{type:h.Output}],onFocus:[{type:h.Output,args:["focus"]}],onBlur:[{type:h.Output,args:["blur"]}],valueChange:[{type:h.Output}],filterChange:[{type:h.Output}],loading:[{type:h.Input}],clearButton:[{type:h.Input}],data:[{type:h.Input}],value:[{type:h.Input}],textField:[{type:h.Input}],valueField:[{type:h.Input}],valueDepth:[{type:h.Input}],hasChildren:[{type:h.Input}],fetchChildren:[{type:h.Input}],placeholder:[{type:h.Input}],popupSettings:[{type:h.Input}],dataItem:[{type:h.Input}],listHeight:[{type:h.Input}],disabled:[{type:h.Input}],readonly:[{type:h.Input}],valuePrimitive:[{type:h.Input}],tabindex:[{type:h.Input}],size:[{type:h.Input}],rounded:[{type:h.Input}],fillMode:[{type:h.Input}],itemDisabled:[{type:h.Input}],isNodeExpanded:[{type:h.Input}],isNodeVisible:[{type:h.Input}],loadOnDemand:[{type:h.Input}],filterable:[{type:h.Input}],filter:[{type:h.Input}],focusableId:[{type:h.Input}]}});Ht.prototype.addItem=function(e){var t;this.isItemChecked(e)||(t=se(e.index),e=Object.assign(Object.assign({},e),{level:t}),this.checkedItems.push(e),this.checkedKeys.add(this.getKey(e)))},Ht.prototype.removeItem=function(e){var t,n,i=this;this.isItemChecked(e)&&(t=se(e.index),n=Object.assign(Object.assign({},e),{level:t}),this.checkedItems=this.checkedItems.filter(function(e){return re(e,i.valueField)!==re(n,i.valueField)}),this.checkedKeys.delete(this.getKey(n)))},Ht.prototype.isItemChecked=function(e){var t=e.index.split("_").length-1;return e.level=t,this.checkedKeys.has(this.getKey(e))},Ht.prototype.updateItems=function(){var t=this;this.checkedItems=this.checkedItems||[],this.checkedKeys=new Set(this.checkedItems.map(function(e){return t.getKey(e)}))},Ht.prototype.getKey=function(e){return pe(this.valueField)?re(e,this.valueField)+"_"+e.level:re(e,this.valueField)};var jt=Ht;function Ht(){}jt.ɵfac=s.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:s,type:jt,deps:[],target:s.ɵɵFactoryTarget.Directive}),jt.ɵdir=s.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.16",type:jt,inputs:{valueField:"valueField",checkedItems:"checkedItems"},ngImport:s}),s.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:s,type:jt,decorators:[{type:h.Directive}],propDecorators:{valueField:[{type:h.Input}],checkedItems:[{type:h.Input}]}});G(Gt,$t=jt),Gt.prototype.handleChange=function(e){var n=this;this.currentCheckedState=e.checked,this.currentIndeterminateState=this.isIndeterminate,this.treeview.nodes.map(function(e,t){t=String(t),t=n.treeview.itemLookup(t);n.checkNode(t)}),this.checkedItemsChange.emit(this.checkedItems.slice())},Object.defineProperty(Gt.prototype,"isIndeterminate",{get:function(){var n=this,e=this.treeview.nodes.some(function(e,t){t=String(t),t=n.treeview.itemLookup(t);return n.someChecked(t)});return!this.isChecked&&e},enumerable:!1,configurable:!0}),Object.defineProperty(Gt.prototype,"isChecked",{get:function(){var n=this;return this.treeview.nodes.every(function(e,t){t=String(t),t=n.treeview.itemLookup(t);return n.allChecked(t)})},enumerable:!1,configurable:!0}),Gt.prototype.ngOnChanges=function(e){c(e.checkedItems)&&(this.updateItems(),this.renderer.setProperty(this.element.nativeElement,"checked",this.isChecked),this.renderer.setProperty(this.element.nativeElement,"indeterminate",this.isIndeterminate))},Gt.prototype.ngOnInit=function(){var e=this;this.focused&&this.nextTick(function(){return e.element.nativeElement.focus()})},Gt.prototype.nextTick=function(e){this.zone.runOutsideAngular(function(){return setTimeout(e)})},Gt.prototype.checkNode=function(e){var t,n=this;this.treeview.isDisabled(e.item.dataItem,e.item.index)||((t=[]).push(e.item),ae(e,function(e){return n.treeview.isVisible(e.dataItem,e.index)&&!n.treeview.isDisabled(e.dataItem,e.index)}).forEach(function(e){return t.push(e.item)}),t.forEach(function(e){n.currentIndeterminateState?"check"===n.lastAction?n.addItem(e):n.removeItem(e):n.currentCheckedState?n.addItem(e):n.removeItem(e)}))},Gt.prototype.allChecked=function(e){var t=this,n=e&&e.children;if(Array.isArray(n))return n.every(function(e){return e.children.length?t.isItemChecked(e.item)&&t.allChecked(e):t.isItemChecked(e.item)})&&this.isItemChecked(e.item)},Gt.prototype.someChecked=function(e){var t=this,n=e&&e.children;if(Array.isArray(n))return n.some(function(e){return e.children.length?t.isItemChecked(e.item)||t.someChecked(e):t.isItemChecked(e.item)})||this.isItemChecked(e.item)};var $t,Kt=Gt;function Gt(e,t,n,i){var o=$t.call(this)||this;return o.element=e,o.zone=t,o.cdr=n,o.renderer=i,o.checkedItemsChange=new h.EventEmitter,o.checkedKeys=new Set,o}Kt.ɵfac=s.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:s,type:Kt,deps:[{token:s.ElementRef},{token:s.NgZone},{token:s.ChangeDetectorRef},{token:s.Renderer2}],target:s.ɵɵFactoryTarget.Directive}),Kt.ɵdir=s.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.16",type:Kt,selector:"[checkAll]",inputs:{lastAction:"lastAction",treeview:"treeview",checkedItems:"checkedItems",valueField:"valueField",focused:["checkAll","focused"]},outputs:{checkedItemsChange:"checkedItemsChange"},host:{listeners:{change:"handleChange($event.target)"}},usesInheritance:!0,usesOnChanges:!0,ngImport:s}),s.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:s,type:Kt,decorators:[{type:h.Directive,args:[{selector:"[checkAll]"}]}],ctorParameters:function(){return[{type:s.ElementRef},{type:s.NgZone},{type:s.ChangeDetectorRef},{type:s.Renderer2}]},propDecorators:{lastAction:[{type:h.Input}],treeview:[{type:h.Input}],checkedItems:[{type:h.Input}],valueField:[{type:h.Input}],focused:[{type:h.Input,args:["checkAll"]}],checkedItemsChange:[{type:h.Output}],handleChange:[{type:h.HostListener,args:["change",["$event.target"]]}]}});G(Wt,Ut=jt),Wt.prototype.ngOnChanges=function(e){c(e.checkable)&&this.toggleCheckOnClick(),c(e.checkedItems)&&this.updateItems()},Wt.prototype.ngOnDestroy=function(){this.subscriptions.unsubscribe(),this.unsubscribeClick()},Wt.prototype.getCheckedState=function(e,t){return this.isItemChecked({dataItem:e,index:t})?"checked":this.checkable.checkChildren&&this.isItemIndeterminate(this.treeView.itemLookup(t))?"indeterminate":"none"},Wt.prototype.handleCheckedChange=function(e){this.checkNode(e),this.checkable.checkChildren&&this.checkParents(e.parent),this.checkedItemsChange.emit(this.checkedItems.slice())},Wt.prototype.toggleCheckOnClick=function(){var t=this;this.unsubscribeClick(),this.checkable.checkOnClick&&(this.clickSubscription=this.treeView.nodeClick.pipe(m.filter(function(e){return"click"===e.type})).subscribe(function(e){e=t.treeView.itemLookup(e.item.index);t.handleCheckedChange(e)}))},Wt.prototype.unsubscribeClick=function(){this.clickSubscription&&(this.clickSubscription.unsubscribe(),this.clickSubscription=null)},Wt.prototype.checkNode=function(e){var t,n,i,o=this;this.treeView.isDisabled(e.item.dataItem,e.item.index)||(t=e.item,n=[t],this.checkable.checkChildren&&ae(e,function(e){return o.treeView.isVisible(e.dataItem,e.index)&&!o.treeView.isDisabled(e.dataItem,e.index)}).forEach(function(e){return n.push(e.item)}),i=!this.isItemChecked(t),n.forEach(function(e){i?o.addItem(e):o.removeItem(e)}))},Wt.prototype.checkParents=function(e){for(var t=this,n=e;n;)n.children.every(function(e){return t.isItemChecked(e)})?this.addItem(n.item):this.removeItem(n.item),n=n.parent},Wt.prototype.isItemIndeterminate=function(e){var t=e.children;if(!Array.isArray(t)||0===t.length)return!1;for(var n=0,i=t[n];c(i);){if(this.isItemChecked(i.item)||this.isItemIndeterminate(i))return!0;i=t[n+=1]}return!1};var Ut,jt=Wt;function Wt(e){var t=Ut.call(this)||this;return t.treeView=e,t.checkedItemsChange=new h.EventEmitter,t.checkedKeys=new Set,t.subscriptions=new g.Subscription,t.subscriptions.add(t.treeView.checkedChange.subscribe(t.handleCheckedChange.bind(t))),t.treeView.isChecked=t.getCheckedState.bind(t),t}jt.ɵfac=s.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:s,type:jt,deps:[{token:H.TreeViewComponent}],target:s.ɵɵFactoryTarget.Directive}),jt.ɵdir=s.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.16",type:jt,selector:"[kendoMultiSelectTreeCheckable]",inputs:{checkable:"checkable",valueField:"valueField",checkedItems:"checkedItems"},outputs:{checkedItemsChange:"checkedItemsChange"},usesInheritance:!0,usesOnChanges:!0,ngImport:s}),s.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:s,type:jt,decorators:[{type:h.Directive,args:[{selector:"[kendoMultiSelectTreeCheckable]"}]}],ctorParameters:function(){return[{type:H.TreeViewComponent}]},propDecorators:{checkable:[{type:h.Input}],valueField:[{type:h.Input}],checkedItems:[{type:h.Input}],checkedItemsChange:[{type:h.Output}]}});function qt(){return!1}function Zt(){return g.of([])}function Xt(){return!1}function Qt(){return!0}var Jt={animate:!0},Yt={checkChildren:!0,checkOnClick:!0},en=(Object.defineProperty(z.prototype,"isDisabled",{get:function(){return this.disabled},enumerable:!1,configurable:!0}),Object.defineProperty(z.prototype,"isLoading",{get:function(){return this.loading},enumerable:!1,configurable:!0}),Object.defineProperty(z.prototype,"id",{get:function(){return this.focusableId},enumerable:!1,configurable:!0}),Object.defineProperty(z.prototype,"hostTabIndex",{get:function(){return this.tabindex},enumerable:!1,configurable:!0}),Object.defineProperty(z.prototype,"isAriaExpanded",{get:function(){return this.isOpen},enumerable:!1,configurable:!0}),Object.defineProperty(z.prototype,"isReadonly",{get:function(){return this.readonly},enumerable:!1,configurable:!0}),Object.defineProperty(z.prototype,"ariaDescribedBy",{get:function(){return this.tagListId},enumerable:!1,configurable:!0}),Object.defineProperty(z.prototype,"ariaActiveDescendant",{get:function(){return this.focusedTagId},enumerable:!1,configurable:!0}),z.prototype.handleClick=function(){this.togglePopup(!this.isOpen)},z.prototype.handleKeydown=function(e){this.isWrapperActive&&e.keyCode===l.Keys.Backspace&&0<this.tags.length?this.handleBackspace():this.disabled||this.readonly||this.navigationService.process({originalEvent:e=e})===b.Open&&e.preventDefault()},Object.defineProperty(z.prototype,"treeview",{get:function(){return this._treeview},set:function(e){var t=this;(this._treeview=e)&&((this.isFocused&&!this.filterable&&!this.checkAll||this.touchEnabled)&&e.focus(),Promise.resolve(null).then(function(){return t.treeview.animate=!0}))},enumerable:!1,configurable:!0}),Object.defineProperty(z.prototype,"tabindex",{get:function(){return this.disabled?-1:this._tabindex},set:function(e){e=ie(e);this._tabindex=isNaN(e)?0:e},enumerable:!1,configurable:!0}),Object.defineProperty(z.prototype,"size",{get:function(){return this._size},set:function(e){var t=e||"medium";this.renderer.removeClass(this.wrapper.nativeElement,d("input",this.size)),"none"!==e&&this.renderer.addClass(this.wrapper.nativeElement,d("input",t)),this._size=t},enumerable:!1,configurable:!0}),Object.defineProperty(z.prototype,"rounded",{get:function(){return this._rounded},set:function(e){var t=e||"medium";this.renderer.removeClass(this.wrapper.nativeElement,u(this.rounded)),"none"!==e&&this.renderer.addClass(this.wrapper.nativeElement,u(t)),this._rounded=t},enumerable:!1,configurable:!0}),Object.defineProperty(z.prototype,"fillMode",{get:function(){return this._fillMode},set:function(e){var t=e||"solid";this.renderer.removeClass(this.wrapper.nativeElement,le("input",this.fillMode)),"none"!==e&&this.renderer.addClass(this.wrapper.nativeElement,le("input",t)),this._fillMode=t},enumerable:!1,configurable:!0}),Object.defineProperty(z.prototype,"popupSettings",{get:function(){return this._popupSettings},set:function(e){this._popupSettings=Object.assign({},Jt,e),this.cdr.detectChanges()},enumerable:!1,configurable:!0}),Object.defineProperty(z.prototype,"checkableSettings",{get:function(){return this._checkableSettings},set:function(e){this._checkableSettings=Object.assign({},Yt,e)},enumerable:!1,configurable:!0}),Object.defineProperty(z.prototype,"data",{get:function(){return this._nodes},set:function(e){this._nodes=e,this.setState()},enumerable:!1,configurable:!0}),Object.defineProperty(z.prototype,"value",{get:function(){return this._value},set:function(e){this._value=e||[],this.setState()},enumerable:!1,configurable:!0}),Object.defineProperty(z.prototype,"dataItems",{get:function(){var n=this;return this._dataItems||this.value.map(function(e,t){return{dataItem:e,index:null,level:n.valueDepth[t]||0}})},set:function(e){var n=this;this._dataItems=(e||[]).map(function(e,t){return ee(e,["dataItem","index","level"])?e:{dataItem:e,index:null,level:n.valueDepth[t]||0}}),this.setState()},enumerable:!1,configurable:!0}),Object.defineProperty(z.prototype,"focusedTagId",{get:function(){if(!c(this.focusedTagIndex)||this.isOpen)return null;var e=this.tags[this.focusedTagIndex];return this.tagPrefix+"-"+re({dataItem:e},this.valueField)},enumerable:!1,configurable:!0}),Object.defineProperty(z.prototype,"isFocused",{get:function(){return this._isFocused},set:function(e){this.renderer[e?"addClass":"removeClass"](this.wrapper.nativeElement,"k-focus"),this._isFocused=e},enumerable:!1,configurable:!0}),Object.defineProperty(z.prototype,"isOpen",{get:function(){return c(this.popupRef)},enumerable:!1,configurable:!0}),Object.defineProperty(z.prototype,"width",{get:function(){var e=this.wrapper.nativeElement.offsetWidth,t=this.popupSettings.width||e;return{min:isNaN(e)?e:e+"px",max:isNaN(t)?t:t+"px"}},enumerable:!1,configurable:!0}),Object.defineProperty(z.prototype,"height",{get:function(){var e=this.popupSettings.height;return c(e)?e+"px":"auto"},enumerable:!1,configurable:!0}),Object.defineProperty(z.prototype,"appendTo",{get:function(){var e=this.popupSettings.appendTo;if(e&&"root"!==e)return"component"===e?this.container:e},enumerable:!1,configurable:!0}),Object.defineProperty(z.prototype,"popupContainerClasses",{get:function(){var e=["k-popup-dropdowntree"];return this.popupSettings.popupClass&&e.push(this.popupSettings.popupClass),e},enumerable:!1,configurable:!0}),Object.defineProperty(z.prototype,"nodes",{get:function(){return this.data},set:function(e){this.data=e},enumerable:!1,configurable:!0}),Object.defineProperty(z.prototype,"children",{get:function(){return this.fetchChildren},set:function(e){this.fetchChildren=e},enumerable:!1,configurable:!0}),Object.defineProperty(z.prototype,"expand",{get:function(){return this.nodeExpand},enumerable:!1,configurable:!0}),Object.defineProperty(z.prototype,"collapse",{get:function(){return this.nodeCollapse},enumerable:!1,configurable:!0}),Object.defineProperty(z.prototype,"isExpanded",{get:function(){return this.isNodeExpanded},set:function(e){this.isNodeExpanded=e},enumerable:!1,configurable:!0}),Object.defineProperty(z.prototype,"isVisible",{get:function(){return this.isNodeVisible},set:function(e){this.isNodeVisible=e},enumerable:!1,configurable:!0}),Object.defineProperty(z.prototype,"isTagFocused",{get:function(){return!this.isOpen&&void 0!==this.focusedTagIndex},enumerable:!1,configurable:!0}),Object.defineProperty(z.prototype,"isTreeViewActive",{get:function(){return this.treeview&&this.treeview.isActive},enumerable:!1,configurable:!0}),Object.defineProperty(z.prototype,"isWrapperActive",{get:function(){return document.activeElement===this.wrapper.nativeElement},enumerable:!1,configurable:!0}),Object.defineProperty(z.prototype,"isFilterActive",{get:function(){return this.filterInput&&document.activeElement===this.filterInput.nativeElement},enumerable:!1,configurable:!0}),Object.defineProperty(z.prototype,"isCheckAllActive",{get:function(){return this.checkAllInput&&document.activeElement===this.checkAllInput.nativeElement},enumerable:!1,configurable:!0}),z.prototype.ngOnInit=function(){var t=this;this.renderer.removeAttribute(this.wrapper.nativeElement,"tabindex"),this.renderer.setAttribute(this.wrapper.nativeElement,"aria-expanded",String(this.isOpen)),this.subscriptions.push(this.localization.changes.subscribe(function(e){e=e.rtl;t.direction=e?"rtl":"ltr",t.cdr.markForCheck()})),this.setComponentClasses()},z.prototype.ngOnDestroy=function(){this.destroyPopup(),this.unsubscribeEvents()},z.prototype.ngOnChanges=function(e){var n=this;l.anyChanged(["textField","valueField","valuePrimitive"],e,!1)&&this.setState(),l.anyChanged(["valueDepth","value","dataItems"],e,!1)&&(!e.value||e.dataItems||this.valuePrimitive?this.dataItems=this.dataItems.map(function(e,t){return Object.assign(Object.assign({},e),{level:n.valueDepth[t]||0})}):this.dataItems=this.value)},z.prototype.ngAfterContentChecked=function(){this.verifySettings()},z.prototype.isEmpty=function(){return!(Boolean(this.placeholder)||c(this.value)&&0!==this.value.length)},z.prototype.focus=function(){this.disabled||this.wrapper.nativeElement.focus()},z.prototype.blur=function(){this.disabled||this.wrapper.nativeElement.blur()},z.prototype.focusItemAt=function(e){var t;this.treeview&&(t=this.treeview.itemLookup(e),c(t)&&!this.treeview.isDisabled(t.item.dataItem,t.item.index)&&this.treeview.focus(e))},z.prototype.reset=function(){this.value=[],this.dataItems=[],this.valueDepth=[]},z.prototype.toggle=function(t){var n=this;Promise.resolve(null).then(function(){var e=c(t)?t:!c(n.popupRef);n.destroyPopup(),e&&n.createPopup()})},z.prototype.handleFocus=function(e){var t=this;e.target===this.wrapper.nativeElement&&(e.stopImmediatePropagation(),this.isFocused||(this.isFocused=!0,l.hasObservers(this.onFocus)&&this._zone.run(function(){t.onFocus.emit()}),this.isOpen&&this.treeview&&(this.lastNodeOnFocus&&this.lastNodeOnFocus.setAttribute("tabindex","0"),this.treeview.focus())))},z.prototype.handleBlur=function(e){var t=this,e=e&&e.relatedTarget;this.wrapper.nativeElement.contains(e)||this.isOpen&&this.popupRef.popupElement.contains(e)||(this.isFocused=!1,this.togglePopup(!1),(l.hasObservers(this.onBlur)||te(this.wrapper.nativeElement))&&this._zone.run(function(){t.onBlur.emit(),t.onTouchedCallback()}))},z.prototype.handleNodeClick=function(e){this.isFocused||(e=e.originalEvent.target.parentElement.parentElement,this.lastNodeOnFocus=e,this.focus())},z.prototype.togglePopup=function(e){var t=this,n=this.disabled||this.readonly,i=this.isOpen===e;this._zone.run(function(){t.focusedTagIndex=void 0}),n||i||(this.triggerPopupEvents(e)?this.removeTreeViewFromTabOrder():e?this.createPopup():this.destroyPopup())},z.prototype.messageFor=function(e){return this.localization.get(e)},z.prototype.handleCheckedItemsChange=function(e){this.valueDepth=e.map(function(e){return e.level}),this.lastAction=e.length>this.dataItems.length?"check":"uncheck",this.dataItems=e.slice(),this.updateValue(this.dataItems)},z.prototype.handleRemoveTag=function(e){var n=this,t=e.tag,i=e.index;this.disabled||this.readonly||(e=new Ct(t),this.removeTag.emit(e),e.isDefaultPrevented()||(t instanceof Array?(this.dataItems=this.dataItems.filter(function(e,t){return t<n.showAfter||n.disabledIndices.has(t)}),this.valueDepth=this.valueDepth.filter(function(e,t){return t<n.showAfter||n.disabledIndices.has(t)})):(this.dataItems=this.dataItems.filter(function(e,t){return t!==i||n.disabledIndices.has(t)}),this.valueDepth=this.valueDepth.filter(function(e,t){return t!==i||n.disabledIndices.has(t)})),this.updateValue(this.dataItems),this.isFocused||this.focus()))},z.prototype.handleTagMapperChange=function(e){this.showAfter=ie(e),this.setTags()},z.prototype.clearAll=function(e){var n=this;e.stopImmediatePropagation(),e.preventDefault(),this.focus(),this.value=this.value.filter(function(e,t){return n.disabledIndices.has(t)}),this.dataItems=this.dataItems.filter(function(e,t){return n.disabledIndices.has(t)}),this.valueDepth=this.valueDepth.filter(function(e,t){return n.disabledIndices.has(t)}),this.emitValueChange(this.value)},z.prototype.writeValue=function(e){this.value=e||[],this.valuePrimitive||(this.dataItems=this.value)},z.prototype.registerOnChange=function(e){this.onChangeCallback=e},z.prototype.registerOnTouched=function(e){this.onTouchedCallback=e},z.prototype.setDisabledState=function(e){this.disabled=e,this.cdr.markForCheck()},z.prototype.handleFilterInputChange=function(e){var n=this;this.filterChange.next(e.value),this.allNodesHidden=this.nodes.every(function(e,t){return!n.isVisible(e,String(t))})},Object.defineProperty(z.prototype,"filterInputClasses",{get:function(){return(this.size?d("input",this.size):"")+" "+(this.fillMode?"k-input-"+this.fillMode:"")+" "+(this.rounded?u(this.rounded):"")},enumerable:!1,configurable:!0}),Object.defineProperty(z.prototype,"checkAllCheckboxClasses",{get:function(){return""+(this.size?d("checkbox",this.size):"")},enumerable:!1,configurable:!0}),z.prototype.toggleCheckAll=function(){this.checkAllInput.nativeElement.focus(),this.checkAllInput.nativeElement.click()},z.prototype.verifySettings=function(){if(h.isDevMode()){if(!c(this.valueField)||!c(this.textField))throw new Error(qe);if(!pe(this.value))throw new Error($e);if(0<this.value.length){if(this.valuePrimitive&&this.value.some(function(e){return de(e)}))throw new Error(Ke);var e=this.dataItems.every(function(e){return de(e.dataItem)});if(this.valuePrimitive&&!pe(this.dataItems))throw new Error(Ue);if(this.valuePrimitive&&!e)throw new Error(Ue);if(this.valuePrimitive&&this.dataItems.length!==this.value.length)throw new Error(We);if(!this.valuePrimitive&&!Q(this.value))throw new Error(Ge);if((pe(this.valueField)||pe(this.textField))&&!pe(this.valueDepth))throw new Error(Ze);if((pe(this.valueField)||pe(this.textField))&&0===this.valueDepth.length)throw new Error(Ze);if((pe(this.valueField)||pe(this.textField))&&this.valueDepth.length!==this.value.length)throw new Error(Xe)}}},z.prototype.emitValueChange=function(e){this.onChangeCallback(e),this.valueChange.emit(e)},z.prototype.triggerPopupEvents=function(e){var t=new Ce;return(e?this.open:this.close).emit(t),t.isDefaultPrevented()},z.prototype.createPopup=function(){var e=this,t="rtl"===this.direction?"right":"left",t=(this.popupRef=this.popupService.open({anchor:this.wrapper,appendTo:this.appendTo,anchorAlign:{horizontal:t,vertical:"bottom"},content:this.popupTemplate,popupAlign:{horizontal:t,vertical:"top"},positionMode:"absolute",popupClass:this.popupContainerClasses}),this.popupRef.popupElement),n=this.width,i=n.min,n=n.max;t.style.minWidth=i,t.style.width=n,t.style.height=this.height,this.renderer.setAttribute(t,"dir",this.direction),this.renderer.setAttribute(this.wrapper.nativeElement,"aria-expanded","true"),this.popupRef.popupOpen.subscribe(function(){e.cdr.detectChanges(),e.opened.emit()}),this.popupRef.popupClose.subscribe(function(){e.closed.emit()})},z.prototype.destroyPopup=function(){var e=this;this.popupRef&&(this.popupRef.close(),this.popupRef=null,this.renderer.setAttribute(this.wrapper.nativeElement,"aria-expanded","false"),""!==this.filter&&(this.filter="",this.allNodesHidden=!1,l.hasObservers(this.filterChange)&&this._zone.run(function(){e.filterChange.emit("")})))},z.prototype.subscribeEvents=function(){var e=this;this.subscriptions.push(this.navigationService.open.subscribe(function(){return e.togglePopup(!0)}),this.navigationService.enter.pipe(m.tap(function(e){return e.originalEvent.preventDefault()})).subscribe(function(){return e.togglePopup(!0)}),g.merge(this.navigationService.close,this.navigationService.esc).subscribe(function(){e.focus(),e.togglePopup(!1)}),this.navigationService.tab.subscribe(this.handleTabKey.bind(this)),this.navigationService.up.subscribe(this.handleUpKey.bind(this)),this.navigationService.down.subscribe(this.handleDownKey.bind(this)),this.navigationService.left.pipe(m.filter(function(){return!e.isTreeViewActive})).subscribe(("rtl"===this.direction?this.handleRightKey:this.handleLeftKey).bind(this)),this.navigationService.right.pipe(m.filter(function(){return!e.isTreeViewActive})).subscribe(("rtl"===this.direction?this.handleLeftKey:this.handleRightKey).bind(this)),this.navigationService.home.pipe(m.filter(function(){return!e.isOpen})).subscribe(this.handleHome.bind(this)),this.navigationService.end.pipe(m.filter(function(){return!e.isOpen})).subscribe(this.handleEnd.bind(this)),this.navigationService.backspace.pipe(m.filter(function(){return e.isTagFocused})).subscribe(this.handleBackspace.bind(this)),this.navigationService.delete.pipe(m.filter(function(){return e.isTagFocused})).subscribe(this.handleDelete.bind(this)))},z.prototype.subscribeFocusEvents=function(){var e=this;l.isDocumentAvailable()&&(this.handleFocus=this.handleFocus.bind(this),this.handleDocumentBlur=this.handleDocumentBlur.bind(this),this._zone.runOutsideAngular(function(){document.addEventListener("focus",e.handleFocus,!0),document.addEventListener("blur",e.handleDocumentBlur,!0)}))},z.prototype.unSubscribeFocusEvents=function(){l.isDocumentAvailable()&&(document.removeEventListener("focus",this.handleFocus,!0),document.removeEventListener("blur",this.handleDocumentBlur,!0))},z.prototype.handleDocumentBlur=function(e){e.target===this.wrapper.nativeElement&&(e.stopImmediatePropagation(),this.handleBlur(e))},z.prototype.handleTabKey=function(){this.focus(),this.isOpen&&(this.treeview.blur(),this.removeTreeViewFromTabOrder())},z.prototype.handleUpKey=function(e){this.treeview&&(e.originalEvent.preventDefault(),this.isWrapperActive||(e="0"===this.treeview.navigationService.activeIndex,this.filterable&&this.isFilterActive?this.focus():this.checkAll&&!this.isCheckAllActive&&e?this.checkAllInput.nativeElement.focus():(this.isCheckAllActive||e)&&(this.filterable?this.filterInput.nativeElement:this).focus()))},z.prototype.handleDownKey=function(e){this.treeview&&(e.originalEvent.preventDefault(),this.filterable&&this.isWrapperActive?this.filterInput.nativeElement.focus():this.checkAll&&(this.isWrapperActive||this.isFilterActive)?this.checkAllInput.nativeElement.focus():this.treeview.isActive||this.treeview.focus(),this.focusedTagIndex=void 0)},z.prototype.handleRightKey=function(e){e.originalEvent.preventDefault();e=this.tags.length-1;this.focusedTagIndex===e?this.focusedTagIndex=void 0:this.focusedTagIndex<e?this.focusedTagIndex++:this.focusedTagIndex||(this.focusedTagIndex=0)},z.prototype.handleLeftKey=function(e){e.originalEvent.preventDefault(),void 0===this.focusedTagIndex||this.focusedTagIndex<0?this.focusedTagIndex=this.tags.length-1:0!==this.focusedTagIndex&&this.focusedTagIndex--},z.prototype.handleEnd=function(e){e.originalEvent.preventDefault(),this.focusedTagIndex=this.tags.length-1},z.prototype.handleHome=function(e){e.originalEvent.preventDefault(),this.focusedTagIndex=0},z.prototype.handleBackspace=function(){var e,t;void 0!==this.focusedTagIndex?this.handleDelete():(e=this.tags[this.tags.length-1],t=this.tags.length-1,this.handleRemoveTag({tag:e,index:t}))},z.prototype.handleDelete=function(){var e=this.tags[this.focusedTagIndex],t=this.focusedTagIndex;this.handleRemoveTag({tag:e,index:t}),this.focusedTagIndex===this.tags.length&&(this.focusedTagIndex=void 0)},z.prototype.unsubscribeEvents=function(){this.subscriptions.forEach(function(e){return e.unsubscribe()}),this.unSubscribeFocusEvents()},z.prototype.removeTreeViewFromTabOrder=function(){var t=this;this.treeview.element.nativeElement.querySelectorAll("li").forEach(function(e){"0"===e.getAttribute("tabindex")&&(t.lastNodeOnFocus=e,t.lastNodeOnFocus.setAttribute("tabindex","-1"))})},z.prototype.setState=function(){c(this.dataItems)&&c(this.valueField)&&(this.setTags(),this.checkedItems=this.dataItems.slice()),this.cdr.markForCheck()},z.prototype.setTags=function(){var e=this.dataItems.map(function(e){return e.dataItem});this.tags=this.tagMapper(e),this.disabledIndices=this.disabledItemsMapper()},z.prototype.updateValue=function(e){var t=this,e=this.valuePrimitive?e.map(function(e){return re(e,t.valueField)}):e.map(function(e){return e.dataItem});this.value=e,this.emitValueChange(this.value)},z.prototype.disabledItemsMapper=function(){var i=this;return new Set(this.dataItems.reduce(function(e,t,n){return i.itemDisabled(t.dataItem,t.index)&&e.push(n),e},[]))},z.prototype.setComponentClasses=function(){"none"!==this.size&&this.renderer.addClass(this.wrapper.nativeElement,d("input",this.size)),"none"!==this.rounded&&this.renderer.addClass(this.wrapper.nativeElement,u(this.rounded)),"none"!==this.fillMode&&this.renderer.addClass(this.wrapper.nativeElement,le("input",this.fillMode))},z);function z(e,t,n,i,o,s,a,r){this.wrapper=e,this.popupService=t,this.renderer=n,this.navigationService=i,this._zone=o,this.localization=s,this.cdr=a,this.touchEnabled=r,this.hostClasses=!0,this.role="combobox",this.ariaHasPopup="tree",this.valueDepth=[],this.placeholder="",this.listHeight=200,this.disabled=!1,this.readonly=!1,this.valuePrimitive=!1,this.loadOnDemand=!1,this.focusableId="k-"+l.guid(),this.clearButton=!0,this.filterable=!1,this.checkAll=!1,this.hasChildren=qt,this.fetchChildren=Zt,this.isNodeVisible=Qt,this.itemDisabled=Xt,this.tagMapper=function(e){return e||[]},this.onFocus=new h.EventEmitter,this.onBlur=new h.EventEmitter,this.open=new h.EventEmitter,this.opened=new h.EventEmitter,this.close=new h.EventEmitter,this.closed=new h.EventEmitter,this.nodeExpand=new h.EventEmitter,this.nodeCollapse=new h.EventEmitter,this.valueChange=new h.EventEmitter,this.removeTag=new h.EventEmitter,this.filterChange=new h.EventEmitter,this.filterStateChange=new h.EventEmitter,this.checkedItems=[],this.checkBy=function(e){return e},this.showAfter=0,this.allNodesHidden=!1,this.tagListId=l.guid(),this.tagPrefix="tag-"+l.guid(),this.focusedTagIndex=void 0,this._value=[],this._tabindex=0,this._popupSettings=Jt,this._checkableSettings=Yt,this._isFocused=!1,this._size="medium",this._rounded="medium",this._fillMode="solid",this.subscriptions=[],this.lastAction="check",this.onTouchedCallback=ne,this.onChangeCallback=ne,this.direction=s.rtl?"rtl":"ltr",this.subscribeEvents(),this.subscribeFocusEvents()}en.ɵfac=s.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:s,type:en,deps:[{token:s.ElementRef},{token:j.PopupService},{token:s.Renderer2},{token:T},{token:s.NgZone},{token:r.LocalizationService},{token:s.ChangeDetectorRef},{token:De,optional:!0}],target:s.ɵɵFactoryTarget.Component}),en.ɵcmp=s.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:en,selector:"kendo-multiselecttree",inputs:{tabindex:"tabindex",size:"size",rounded:"rounded",fillMode:"fillMode",popupSettings:"popupSettings",checkableSettings:"checkableSettings",data:"data",value:"value",dataItems:"dataItems",textField:"textField",valueField:"valueField",valueDepth:"valueDepth",loading:"loading",placeholder:"placeholder",listHeight:"listHeight",disabled:"disabled",readonly:"readonly",valuePrimitive:"valuePrimitive",loadOnDemand:"loadOnDemand",focusableId:"focusableId",clearButton:"clearButton",filterable:"filterable",checkAll:"checkAll",hasChildren:"hasChildren",fetchChildren:"fetchChildren",isNodeExpanded:"isNodeExpanded",isNodeVisible:"isNodeVisible",itemDisabled:"itemDisabled",tagMapper:"tagMapper"},outputs:{onFocus:"focus",onBlur:"blur",open:"open",opened:"opened",close:"close",closed:"closed",nodeExpand:"nodeExpand",nodeCollapse:"nodeCollapse",valueChange:"valueChange",removeTag:"removeTag",filterChange:"filterChange"},host:{listeners:{click:"handleClick()",keydown:"handleKeydown($event)"},properties:{"class.k-dropdowntree":"this.hostClasses","class.k-input":"this.hostClasses","class.k-disabled":"this.isDisabled","attr.aria-disabled":"this.isDisabled","class.k-loading":"this.isLoading","attr.id":"this.id","attr.dir":"this.direction","attr.tabindex":"this.hostTabIndex","attr.role":"this.role","attr.aria-expanded":"this.isAriaExpanded","attr.aria-haspopup":"this.ariaHasPopup","attr.readonly":"this.isReadonly","attr.aria-readonly":"this.isReadonly","attr.aria-describedby":"this.ariaDescribedBy","attr.aria-activedescendant":"this.ariaActiveDescendant"}},providers:[n.LocalizationService,T,I,x,k,{provide:n.L10N_PREFIX,useValue:"kendo.multiselecttree"},{multi:!0,provide:t.NG_VALUE_ACCESSOR,useExisting:h.forwardRef(function(){return en})},{provide:o.DataBoundComponent,useExisting:h.forwardRef(function(){return en})},{provide:o.ExpandableComponent,useExisting:h.forwardRef(function(){return en})},{provide:l.KendoInput,useExisting:h.forwardRef(function(){return en})}],queries:[{propertyName:"headerTemplate",first:!0,predicate:y,descendants:!0},{propertyName:"footerTemplate",first:!0,predicate:C,descendants:!0},{propertyName:"nodeTemplate",first:!0,predicate:Nt,descendants:!0},{propertyName:"noDataTemplate",first:!0,predicate:D,descendants:!0},{propertyName:"tagTemplate",first:!0,predicate:bt,descendants:!0},{propertyName:"groupTagTemplate",first:!0,predicate:yt,descendants:!0}],viewQueries:[{propertyName:"popupTemplate",first:!0,predicate:["popupTemplate"],descendants:!0,static:!0},{propertyName:"container",first:!0,predicate:["container"],descendants:!0,read:h.ViewContainerRef,static:!0},{propertyName:"treeview",first:!0,predicate:["treeview"],descendants:!0},{propertyName:"filterInput",first:!0,predicate:["filterInput"],descendants:!0},{propertyName:"checkAllInput",first:!0,predicate:["checkAllInput"],descendants:!0}],exportAs:["kendoMultiSelectTree"],usesOnChanges:!0,ngImport:s,template:'\n        <ng-container kendoMultiSelectTreeLocalizedMessages\n            i18n-noDataText="kendo.multiselecttree.noDataText|The text displayed in the popup when there are no items"\n            noDataText="NO DATA FOUND"\n\n            i18n-clearTitle="kendo.multiselecttree.clearTitle|The title of the clear button"\n            clearTitle="clear"\n\n            i18n-checkAllText="kendo.multiselecttree.checkAllText|The text displayed for the check-all checkbox"\n            checkAllText="Check all"\n        >\n        </ng-container>\n        <kendo-taglist\n            [size]="size"\n            [rounded]="rounded"\n            [fillMode]="fillMode"\n            [id]="tagListId"\n            [tags]="tags"\n            [focused]="focusedTagIndex"\n            [textField]="textField"\n            [valueField]="valueField"\n            [valueDepth]="valueDepth"\n            [disabled]="disabled"\n            [tagPrefix]="tagPrefix"\n            [template]="tagTemplate"\n            [groupTemplate]="groupTagTemplate"\n            [disabledIndices]="disabledIndices"\n            (removeTag)="handleRemoveTag($event)"\n        >\n            <span *ngIf="!tags || !tags.length"\n                class="k-input-inner k-readonly"\n            >\n                <span class="k-input-value-text">{{ placeholder }}</span>\n            </span>\n        </kendo-taglist>\n        <span\n            *ngIf="!disabled && !loading && !readonly && clearButton && tags?.length"\n            class="k-clear-value"\n            [attr.title]="messageFor(\'clearTitle\')"\n            role="button"\n            tabindex="-1"\n            (click)="clearAll($event)"\n        >\n            <span class="k-icon k-i-x"></span>\n        </span>\n        <span\n            *ngIf="loading"\n            class="k-icon k-i-loading k-input-loading-icon"\n        >\n        </span>\n        <ng-template #popupTemplate>\n            <span\n                *ngIf="filterable"\n                class="k-list-filter"\n            >\n                <span\n                    class="k-textbox k-input"\n                    [ngClass]="filterInputClasses"\n                >\n                    <span class="k-input-prefix">\n                        <span class="k-input-icon k-icon k-i-search"></span>\n                    </span>\n                    <input\n                        #filterInput\n                        (input)="handleFilterInputChange($event.target)"\n                        [filterInput]="filterable && !touchEnabled"\n                        (keydown)="handleKeydown($event)"\n                        [(ngModel)]="filter"\n                        class="k-input-inner"\n                        role="textbox"\n                        aria-haspopup="true"\n                        aria-expanded="false"\n                        tabindex="0"\n                        aria-disabled="false"\n                        aria-readonly="false"\n                        [kendoEventsOutsideAngular]="{\n                            blur: handleBlur\n                        }"\n                        [scope]="this"\n                    >\n                </span>\n            </span>\n            \x3c!--header template--\x3e\n            <ng-template\n                *ngIf="headerTemplate"\n                [templateContext]="{\n                    templateRef: headerTemplate?.templateRef\n                }">\n            </ng-template>\n            <div *ngIf="checkAll" class="k-check-all">\n                <input\n                    #checkAllInput\n                    [checkAll]="!filterable && !touchEnabled"\n                    type="checkbox"\n                    class="k-checkbox"\n                    [ngClass]="checkAllCheckboxClasses"\n                    role="checkbox"\n                    tabindex="0"\n                    aria-disabled="false"\n                    aria-readonly="false"\n                    [treeview]="treeview"\n                    [checkedItems]="checkedItems"\n                    [valueField]="valueField"\n                    [lastAction]="lastAction"\n                    (checkedItemsChange)="handleCheckedItemsChange($event)"\n                    (keydown)="handleKeydown($event)"\n                    [kendoEventsOutsideAngular]="{\n                        blur: handleBlur\n                    }"\n                    [scope]="this"\n                >\n                <span\n                    class="k-checkbox-label"\n                    (click)="toggleCheckAll()"\n                    (mousedown)="$event.preventDefault()"\n                >\n                    {{ messageFor(\'checkAllText\') }}\n                </span>\n            </div>\n            <kendo-treeview\n                #treeview\n                [size]="size"\n                [nodes]="data"\n                [style.maxHeight.px]="listHeight"\n                [animate]="false"\n                kendoMultiSelectTreeCheckable\n                [checkable]="checkableSettings"\n                [checkedItems]="checkedItems"\n                [valueField]="valueField"\n                [textField]="textField"\n                [children]="children"\n                [hasChildren]="hasChildren"\n                [isExpanded]="isNodeExpanded"\n                [isDisabled]="itemDisabled"\n                [nodeTemplate]="nodeTemplate"\n                [loadOnDemand]="loadOnDemand"\n                [filter]="filter"\n                [isVisible]="isNodeVisible"\n                (keydown)="handleKeydown($event)"\n                (nodeClick)="handleNodeClick($event)"\n                (expand)="nodeExpand.emit($event)"\n                (collapse)="nodeCollapse.emit($event)"\n                (checkedItemsChange)="handleCheckedItemsChange($event)"\n                [kendoEventsOutsideAngular]="{\n                    focusout: handleBlur\n                }"\n                [scope]="this"\n            >\n            </kendo-treeview>\n            \x3c!--footer template--\x3e\n            <ng-template\n                *ngIf="footerTemplate"\n                [templateContext]="{\n                    templateRef: footerTemplate?.templateRef\n                }">\n            </ng-template>\n            \x3c!--no-data template--\x3e\n            <div class="k-no-data" *ngIf="data?.length === 0 || allNodesHidden">\n                <ng-template [ngIf]="noDataTemplate"\n                    [templateContext]="{\n                        templateRef: noDataTemplate?.templateRef\n                    }">\n                </ng-template>\n                <ng-template [ngIf]="!noDataTemplate">\n                    <div>{{ messageFor(\'noDataText\') }}</div>\n                </ng-template>\n            </div>\n        </ng-template>\n        <ng-container #container></ng-container>\n    ',isInline:!0,components:[{type:It,selector:"kendo-taglist",inputs:["tags","textField","valueField","valueDepth","focused","template","groupTemplate","disabled","tagPrefix","id","size","rounded","fillMode","disabledIndices"],outputs:["removeTag"]},{type:H.TreeViewComponent,selector:"kendo-treeview",inputs:["filterInputPlaceholder","animate","nodeTemplate","loadMoreButtonTemplate","trackBy","nodes","textField","hasChildren","isChecked","isDisabled","isExpanded","isSelected","isVisible","navigable","children","loadOnDemand","filterable","filter","size"],outputs:["childrenLoaded","blur","focus","expand","collapse","nodeDragStart","nodeDrag","filterStateChange","nodeDrop","nodeDragEnd","addItem","removeItem","checkedChange","selectionChange","filterChange","nodeClick","nodeDblClick"],exportAs:["kendoTreeView"]}],directives:[{type:Ae,selector:"\n    [kendoDropDownListLocalizedMessages],\n    [kendoDropDownTreeLocalizedMessages],\n    [kendoComboBoxLocalizedMessages],\n    [kendoMultiColumnComboBoxLocalizedMessages],\n    [kendoAutoCompleteLocalizedMessages],\n    [kendoMultiSelectLocalizedMessages],\n    [kendoMultiSelectTreeLocalizedMessages]\n  "},{type:p.NgIf,selector:"[ngIf]",inputs:["ngIf","ngIfThen","ngIfElse"]},{type:p.NgClass,selector:"[ngClass]",inputs:["class","ngClass"]},{type:_.DefaultValueAccessor,selector:"input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]"},{type:ht,selector:"[filterInput]",inputs:["filterInput"]},{type:_.NgControlStatus,selector:"[formControlName],[ngModel],[formControl]"},{type:_.NgModel,selector:"[ngModel]:not([formControlName]):not([formControl])",inputs:["name","disabled","ngModel","ngModelOptions"],outputs:["ngModelChange"],exportAs:["ngModel"]},{type:a.EventsOutsideAngularDirective,selector:"[kendoEventsOutsideAngular]",inputs:["kendoEventsOutsideAngular","scope"]},{type:Se,selector:"[templateContext]",inputs:["templateContext"]},{type:Kt,selector:"[checkAll]",inputs:["lastAction","treeview","checkedItems","valueField","checkAll"],outputs:["checkedItemsChange"]},{type:jt,selector:"[kendoMultiSelectTreeCheckable]",inputs:["checkable","valueField","checkedItems"],outputs:["checkedItemsChange"]}]}),s.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:s,type:en,decorators:[{type:h.Component,args:[{exportAs:"kendoMultiSelectTree",providers:[n.LocalizationService,T,I,x,k,{provide:n.L10N_PREFIX,useValue:"kendo.multiselecttree"},{multi:!0,provide:t.NG_VALUE_ACCESSOR,useExisting:h.forwardRef(function(){return en})},{provide:o.DataBoundComponent,useExisting:h.forwardRef(function(){return en})},{provide:o.ExpandableComponent,useExisting:h.forwardRef(function(){return en})},{provide:l.KendoInput,useExisting:h.forwardRef(function(){return en})}],selector:"kendo-multiselecttree",template:'\n        <ng-container kendoMultiSelectTreeLocalizedMessages\n            i18n-noDataText="kendo.multiselecttree.noDataText|The text displayed in the popup when there are no items"\n            noDataText="NO DATA FOUND"\n\n            i18n-clearTitle="kendo.multiselecttree.clearTitle|The title of the clear button"\n            clearTitle="clear"\n\n            i18n-checkAllText="kendo.multiselecttree.checkAllText|The text displayed for the check-all checkbox"\n            checkAllText="Check all"\n        >\n        </ng-container>\n        <kendo-taglist\n            [size]="size"\n            [rounded]="rounded"\n            [fillMode]="fillMode"\n            [id]="tagListId"\n            [tags]="tags"\n            [focused]="focusedTagIndex"\n            [textField]="textField"\n            [valueField]="valueField"\n            [valueDepth]="valueDepth"\n            [disabled]="disabled"\n            [tagPrefix]="tagPrefix"\n            [template]="tagTemplate"\n            [groupTemplate]="groupTagTemplate"\n            [disabledIndices]="disabledIndices"\n            (removeTag)="handleRemoveTag($event)"\n        >\n            <span *ngIf="!tags || !tags.length"\n                class="k-input-inner k-readonly"\n            >\n                <span class="k-input-value-text">{{ placeholder }}</span>\n            </span>\n        </kendo-taglist>\n        <span\n            *ngIf="!disabled && !loading && !readonly && clearButton && tags?.length"\n            class="k-clear-value"\n            [attr.title]="messageFor(\'clearTitle\')"\n            role="button"\n            tabindex="-1"\n            (click)="clearAll($event)"\n        >\n            <span class="k-icon k-i-x"></span>\n        </span>\n        <span\n            *ngIf="loading"\n            class="k-icon k-i-loading k-input-loading-icon"\n        >\n        </span>\n        <ng-template #popupTemplate>\n            <span\n                *ngIf="filterable"\n                class="k-list-filter"\n            >\n                <span\n                    class="k-textbox k-input"\n                    [ngClass]="filterInputClasses"\n                >\n                    <span class="k-input-prefix">\n                        <span class="k-input-icon k-icon k-i-search"></span>\n                    </span>\n                    <input\n                        #filterInput\n                        (input)="handleFilterInputChange($event.target)"\n                        [filterInput]="filterable && !touchEnabled"\n                        (keydown)="handleKeydown($event)"\n                        [(ngModel)]="filter"\n                        class="k-input-inner"\n                        role="textbox"\n                        aria-haspopup="true"\n                        aria-expanded="false"\n                        tabindex="0"\n                        aria-disabled="false"\n                        aria-readonly="false"\n                        [kendoEventsOutsideAngular]="{\n                            blur: handleBlur\n                        }"\n                        [scope]="this"\n                    >\n                </span>\n            </span>\n            \x3c!--header template--\x3e\n            <ng-template\n                *ngIf="headerTemplate"\n                [templateContext]="{\n                    templateRef: headerTemplate?.templateRef\n                }">\n            </ng-template>\n            <div *ngIf="checkAll" class="k-check-all">\n                <input\n                    #checkAllInput\n                    [checkAll]="!filterable && !touchEnabled"\n                    type="checkbox"\n                    class="k-checkbox"\n                    [ngClass]="checkAllCheckboxClasses"\n                    role="checkbox"\n                    tabindex="0"\n                    aria-disabled="false"\n                    aria-readonly="false"\n                    [treeview]="treeview"\n                    [checkedItems]="checkedItems"\n                    [valueField]="valueField"\n                    [lastAction]="lastAction"\n                    (checkedItemsChange)="handleCheckedItemsChange($event)"\n                    (keydown)="handleKeydown($event)"\n                    [kendoEventsOutsideAngular]="{\n                        blur: handleBlur\n                    }"\n                    [scope]="this"\n                >\n                <span\n                    class="k-checkbox-label"\n                    (click)="toggleCheckAll()"\n                    (mousedown)="$event.preventDefault()"\n                >\n                    {{ messageFor(\'checkAllText\') }}\n                </span>\n            </div>\n            <kendo-treeview\n                #treeview\n                [size]="size"\n                [nodes]="data"\n                [style.maxHeight.px]="listHeight"\n                [animate]="false"\n                kendoMultiSelectTreeCheckable\n                [checkable]="checkableSettings"\n                [checkedItems]="checkedItems"\n                [valueField]="valueField"\n                [textField]="textField"\n                [children]="children"\n                [hasChildren]="hasChildren"\n                [isExpanded]="isNodeExpanded"\n                [isDisabled]="itemDisabled"\n                [nodeTemplate]="nodeTemplate"\n                [loadOnDemand]="loadOnDemand"\n                [filter]="filter"\n                [isVisible]="isNodeVisible"\n                (keydown)="handleKeydown($event)"\n                (nodeClick)="handleNodeClick($event)"\n                (expand)="nodeExpand.emit($event)"\n                (collapse)="nodeCollapse.emit($event)"\n                (checkedItemsChange)="handleCheckedItemsChange($event)"\n                [kendoEventsOutsideAngular]="{\n                    focusout: handleBlur\n                }"\n                [scope]="this"\n            >\n            </kendo-treeview>\n            \x3c!--footer template--\x3e\n            <ng-template\n                *ngIf="footerTemplate"\n                [templateContext]="{\n                    templateRef: footerTemplate?.templateRef\n                }">\n            </ng-template>\n            \x3c!--no-data template--\x3e\n            <div class="k-no-data" *ngIf="data?.length === 0 || allNodesHidden">\n                <ng-template [ngIf]="noDataTemplate"\n                    [templateContext]="{\n                        templateRef: noDataTemplate?.templateRef\n                    }">\n                </ng-template>\n                <ng-template [ngIf]="!noDataTemplate">\n                    <div>{{ messageFor(\'noDataText\') }}</div>\n                </ng-template>\n            </div>\n        </ng-template>\n        <ng-container #container></ng-container>\n    '}]}],ctorParameters:function(){return[{type:s.ElementRef},{type:j.PopupService},{type:s.Renderer2},{type:T},{type:s.NgZone},{type:r.LocalizationService},{type:s.ChangeDetectorRef},{type:void 0,decorators:[{type:h.Optional},{type:h.Inject,args:[De]}]}]},propDecorators:{hostClasses:[{type:h.HostBinding,args:["class.k-dropdowntree"]},{type:h.HostBinding,args:["class.k-input"]}],isDisabled:[{type:h.HostBinding,args:["class.k-disabled"]},{type:h.HostBinding,args:["attr.aria-disabled"]}],isLoading:[{type:h.HostBinding,args:["class.k-loading"]}],id:[{type:h.HostBinding,args:["attr.id"]}],direction:[{type:h.HostBinding,args:["attr.dir"]}],hostTabIndex:[{type:h.HostBinding,args:["attr.tabindex"]}],role:[{type:h.HostBinding,args:["attr.role"]}],isAriaExpanded:[{type:h.HostBinding,args:["attr.aria-expanded"]}],ariaHasPopup:[{type:h.HostBinding,args:["attr.aria-haspopup"]}],isReadonly:[{type:h.HostBinding,args:["attr.readonly"]},{type:h.HostBinding,args:["attr.aria-readonly"]}],ariaDescribedBy:[{type:h.HostBinding,args:["attr.aria-describedby"]}],ariaActiveDescendant:[{type:h.HostBinding,args:["attr.aria-activedescendant"]}],handleClick:[{type:h.HostListener,args:["click"]}],handleKeydown:[{type:h.HostListener,args:["keydown",["$event"]]}],headerTemplate:[{type:h.ContentChild,args:[y,{static:!1}]}],footerTemplate:[{type:h.ContentChild,args:[C,{static:!1}]}],nodeTemplate:[{type:h.ContentChild,args:[Nt,{static:!1}]}],noDataTemplate:[{type:h.ContentChild,args:[D,{static:!1}]}],tagTemplate:[{type:h.ContentChild,args:[bt,{static:!1}]}],groupTagTemplate:[{type:h.ContentChild,args:[yt,{static:!1}]}],popupTemplate:[{type:h.ViewChild,args:["popupTemplate",{static:!0}]}],container:[{type:h.ViewChild,args:["container",{read:h.ViewContainerRef,static:!0}]}],treeview:[{type:h.ViewChild,args:["treeview",{static:!1}]}],filterInput:[{type:h.ViewChild,args:["filterInput",{static:!1}]}],checkAllInput:[{type:h.ViewChild,args:["checkAllInput",{static:!1}]}],tabindex:[{type:h.Input}],size:[{type:h.Input}],rounded:[{type:h.Input}],fillMode:[{type:h.Input}],popupSettings:[{type:h.Input}],checkableSettings:[{type:h.Input}],data:[{type:h.Input}],value:[{type:h.Input}],dataItems:[{type:h.Input}],textField:[{type:h.Input}],valueField:[{type:h.Input}],valueDepth:[{type:h.Input}],loading:[{type:h.Input}],placeholder:[{type:h.Input}],listHeight:[{type:h.Input}],disabled:[{type:h.Input}],readonly:[{type:h.Input}],valuePrimitive:[{type:h.Input}],loadOnDemand:[{type:h.Input}],focusableId:[{type:h.Input}],clearButton:[{type:h.Input}],filterable:[{type:h.Input}],checkAll:[{type:h.Input}],hasChildren:[{type:h.Input}],fetchChildren:[{type:h.Input}],isNodeExpanded:[{type:h.Input}],isNodeVisible:[{type:h.Input}],itemDisabled:[{type:h.Input}],tagMapper:[{type:h.Input}],onFocus:[{type:h.Output,args:["focus"]}],onBlur:[{type:h.Output,args:["blur"]}],open:[{type:h.Output}],opened:[{type:h.Output}],close:[{type:h.Output}],closed:[{type:h.Output}],nodeExpand:[{type:h.Output}],nodeCollapse:[{type:h.Output}],valueChange:[{type:h.Output}],removeTag:[{type:h.Output}],filterChange:[{type:h.Output}]}});G(nn,tn=o.FlatDataBindingDirective),Object.defineProperty(nn.prototype,"filter",{set:function(e){tn.prototype.filter=e},enumerable:!1,configurable:!0}),nn.prototype.ngOnChanges=function(e){l.isChanged("nodes",e,!1)&&(this.dropDownTree.nodes=e.nodes.currentValue,tn.prototype.nodes=e.nodes.currentValue),tn.prototype.ngOnChanges.call(this,e)};var tn,p=nn;function nn(e){var t=tn.call(this,e)||this;return t.dropDownTree=e,t}p.ɵfac=s.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:s,type:p,deps:[{token:H.DataBoundComponent}],target:s.ɵɵFactoryTarget.Directive}),p.ɵdir=s.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.16",type:p,selector:"[kendoDropDownTreeFlatBinding]",inputs:{nodes:["kendoDropDownTreeFlatBinding","nodes"],idField:["valueField","idField"]},usesInheritance:!0,usesOnChanges:!0,ngImport:s}),s.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:s,type:p,decorators:[{type:h.Directive,args:[{selector:"[kendoDropDownTreeFlatBinding]"}]}],ctorParameters:function(){return[{type:H.DataBoundComponent}]},propDecorators:{nodes:[{type:h.Input,args:["kendoDropDownTreeFlatBinding"]}],idField:[{type:h.Input,args:["valueField"]}]}});G(sn,on=o.HierarchyBindingDirective),Object.defineProperty(sn.prototype,"filter",{set:function(e){on.prototype.filter=e},enumerable:!1,configurable:!0}),sn.prototype.ngOnChanges=function(e){l.isChanged("nodes",e,!1)&&(this.dropDownTree.nodes=e.nodes.currentValue,on.prototype.nodes=e.nodes.currentValue),on.prototype.ngOnChanges.call(this,e)};var on,_=sn;function sn(e){var t=on.call(this,e)||this;return t.dropDownTree=e,t}_.ɵfac=s.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:s,type:_,deps:[{token:H.DataBoundComponent}],target:s.ɵɵFactoryTarget.Directive}),_.ɵdir=s.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.16",type:_,selector:"[kendoDropDownTreeHierarchyBinding]",inputs:{nodes:["kendoDropDownTreeHierarchyBinding","nodes"]},usesInheritance:!0,usesOnChanges:!0,ngImport:s}),s.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:s,type:_,decorators:[{type:h.Directive,args:[{selector:"[kendoDropDownTreeHierarchyBinding]"}]}],ctorParameters:function(){return[{type:H.DataBoundComponent}]},propDecorators:{nodes:[{type:h.Input,args:["kendoDropDownTreeHierarchyBinding"]}]}});G(rn,an=o.FlatDataBindingDirective),Object.defineProperty(rn.prototype,"filter",{set:function(e){an.prototype.filter=e},enumerable:!1,configurable:!0}),rn.prototype.ngOnChanges=function(e){l.isChanged("nodes",e,!1)&&(this.multiSelectTree.nodes=e.nodes.currentValue,an.prototype.nodes=e.nodes.currentValue),an.prototype.ngOnChanges.call(this,e)};var an,a=rn;function rn(e){var t=an.call(this,e)||this;return t.multiSelectTree=e,t}a.ɵfac=s.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:s,type:a,deps:[{token:H.DataBoundComponent}],target:s.ɵɵFactoryTarget.Directive}),a.ɵdir=s.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.16",type:a,selector:"[kendoMultiSelectTreeFlatBinding]",inputs:{nodes:["kendoMultiSelectTreeFlatBinding","nodes"],idField:["valueField","idField"]},usesInheritance:!0,usesOnChanges:!0,ngImport:s}),s.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:s,type:a,decorators:[{type:h.Directive,args:[{selector:"[kendoMultiSelectTreeFlatBinding]"}]}],ctorParameters:function(){return[{type:H.DataBoundComponent}]},propDecorators:{nodes:[{type:h.Input,args:["kendoMultiSelectTreeFlatBinding"]}],idField:[{type:h.Input,args:["valueField"]}]}});G(pn,ln=o.HierarchyBindingDirective),Object.defineProperty(pn.prototype,"filter",{set:function(e){ln.prototype.filter=e},enumerable:!1,configurable:!0}),pn.prototype.ngOnChanges=function(e){l.isChanged("nodes",e,!1)&&(this.multiSelectTree.nodes=e.nodes.currentValue,ln.prototype.nodes=e.nodes.currentValue),ln.prototype.ngOnChanges.call(this,e)};var ln,n=pn;function pn(e){var t=ln.call(this,e)||this;return t.multiSelectTree=e,t}n.ɵfac=s.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:s,type:n,deps:[{token:H.DataBoundComponent}],target:s.ɵɵFactoryTarget.Directive}),n.ɵdir=s.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.16",type:n,selector:"[kendoMultiSelectTreeHierarchyBinding]",inputs:{nodes:["kendoMultiSelectTreeHierarchyBinding","nodes"]},usesInheritance:!0,usesOnChanges:!0,ngImport:s}),s.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:s,type:n,decorators:[{type:h.Directive,args:[{selector:"[kendoMultiSelectTreeHierarchyBinding]"}]}],ctorParameters:function(){return[{type:H.DataBoundComponent}]},propDecorators:{nodes:[{type:h.Input,args:["kendoMultiSelectTreeHierarchyBinding"]}]}});G(cn,dn=o.ExpandDirective),Object.defineProperty(cn.prototype,"isExpanded",{set:function(e){this.dropDownTree.isExpanded=e},enumerable:!1,configurable:!0});var dn,un=cn;function cn(e){var t=dn.call(this,e)||this;return t.dropDownTree=e,t}un.ɵfac=s.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:s,type:un,deps:[{token:H.ExpandableComponent}],target:s.ɵɵFactoryTarget.Directive}),un.ɵdir=s.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.16",type:un,selector:"[kendoDropDownTreeExpandable], [kendoMultiSelectTreeExpandable]",inputs:{isExpanded:["isNodeExpanded","isExpanded"]},usesInheritance:!0,ngImport:s}),s.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:s,type:un,decorators:[{type:h.Directive,args:[{selector:"[kendoDropDownTreeExpandable], [kendoMultiSelectTreeExpandable]"}]}],ctorParameters:function(){return[{type:H.ExpandableComponent}]},propDecorators:{isExpanded:[{type:h.Input,args:["isNodeExpanded"]}]}});G(mn,hn=S),Object.defineProperty(mn.prototype,"override",{get:function(){return!0},enumerable:!1,configurable:!0});var hn,gn=mn;function mn(e){var t=hn.call(this)||this;return t.service=e,t}gn.ɵfac=s.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:s,type:gn,deps:[{token:r.LocalizationService}],target:s.ɵɵFactoryTarget.Component}),gn.ɵcmp=s.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:gn,selector:"kendo-dropdownlist-messages,kendo-combobox-messages,kendo-multicolumncombobox-messages,kendo-autocomplete-messages,kendo-multiselect-messages,kendo-dropdowntree-messages,kendo-multiselecttree-messages",providers:[{provide:S,useExisting:h.forwardRef(function(){return gn})}],usesInheritance:!0,ngImport:s,template:"",isInline:!0}),s.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:s,type:gn,decorators:[{type:h.Component,args:[{providers:[{provide:S,useExisting:h.forwardRef(function(){return gn})}],selector:"kendo-dropdownlist-messages,kendo-combobox-messages,kendo-multicolumncombobox-messages,kendo-autocomplete-messages,kendo-multiselect-messages,kendo-dropdowntree-messages,kendo-multiselecttree-messages",template:""}]}],ctorParameters:function(){return[{type:r.LocalizationService}]}});var fn={caseSensitive:!1,operator:"startsWith"},S=(Object.defineProperty(vn.prototype,"data",{get:function(){return this._data},set:function(e){this._data=e||[]},enumerable:!1,configurable:!0}),vn.prototype.ngOnInit=function(){this.component.filterable=this.filterable,this.filterChangeSubscription=this.component.filterChange.subscribe(this.handleFilterChange.bind(this))},vn.prototype.ngOnDestroy=function(){c(this.filterChangeSubscription)&&this.filterChangeSubscription.unsubscribe()},vn.prototype.handleFilterChange=function(t){var n=this;this.component.data=this.data.filter(function(e){return n.matchesAnyField(e,t)})},vn.prototype.matchesAnyField=function(t,e){var n=this,i=this.normalizeValue(e),e=this.filterSettings.fields;return 0===e.length?this.checkItem(t,i):e.some(function(e){return n.checkItem(f(t,e),i)})},vn.prototype.checkItem=function(e,t){return e=this.normalizeValue(e),"contains"===this.filterSettings.operator?-1!==e.indexOf(t):0===e.indexOf(t)},vn.prototype.normalizeValue=function(e){e=c(e)?e.toString():"";return this.filterSettings.caseSensitive?e:e.toLowerCase()},vn.prototype.getFilterFields=function(e){return this.component.textField||this.component.valueField?pe(e)&&0<e.length?e:[this.component.textField||this.component.valueField]:[]},Object.defineProperty(vn.prototype,"filterSettings",{get:function(){var e=this.rawSettings,t=c(e)&&"object"==typeof e?e.fields:[];return Object.assign({},fn,e,{fields:this.getFilterFields(t)})},enumerable:!1,configurable:!0}),vn);function vn(e){this.component=e,this.filterable=!0,this._data=[]}S.ɵfac=s.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:s,type:S,deps:[{token:Ie}],target:s.ɵɵFactoryTarget.Directive}),S.ɵdir=s.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.16",type:S,selector:"[kendoDropDownFilter]",inputs:{data:"data",rawSettings:["kendoDropDownFilter","rawSettings"],filterable:"filterable"},ngImport:s}),s.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:s,type:S,decorators:[{type:h.Directive,args:[{selector:"[kendoDropDownFilter]"}]}],ctorParameters:function(){return[{type:Ie}]},propDecorators:{data:[{type:h.Input}],rawSettings:[{type:h.Input,args:["kendoDropDownFilter"]}],filterable:[{type:h.Input}]}});var bn=[y,C,ce,he,ge,D,Be,bt,yt,Ae,gn,S,ht],R=function(){},bn=(R.ɵfac=s.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:s,type:R,deps:[],target:s.ɵɵFactoryTarget.NgModule}),R.ɵmod=s.ɵɵngDeclareNgModule({minVersion:"12.0.0",version:"12.2.16",ngImport:s,type:R,declarations:[y,C,ce,he,ge,D,Be,bt,yt,Ae,gn,S,ht],exports:[y,C,ce,he,ge,D,Be,bt,yt,Ae,gn,S,ht]}),R.ɵinj=s.ɵɵngDeclareInjector({minVersion:"12.0.0",version:"12.2.16",ngImport:s,type:R}),s.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:s,type:R,decorators:[{type:h.NgModule,args:[{declarations:[bn],exports:[bn]}]}]}),[Pe,we,Fe,v,Se,It,jt,Kt]),A=function(){},bn=(A.ɵfac=s.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:s,type:A,deps:[],target:s.ɵɵFactoryTarget.NgModule}),A.ɵmod=s.ɵɵngDeclareNgModule({minVersion:"12.0.0",version:"12.2.16",ngImport:s,type:A,declarations:[Pe,we,Fe,v,Se,It,jt,Kt],imports:[i.CommonModule,t.FormsModule,N.PopupModule,l.ResizeSensorModule,R,l.EventsModule],exports:[Pe,we,Fe,v,Se,It,jt,Kt,i.CommonModule,t.FormsModule,N.PopupModule,l.ResizeSensorModule,R,l.EventsModule]}),A.ɵinj=s.ɵɵngDeclareInjector({minVersion:"12.0.0",version:"12.2.16",ngImport:s,type:A,imports:[[i.CommonModule,t.FormsModule,N.PopupModule,l.ResizeSensorModule,R,l.EventsModule],i.CommonModule,t.FormsModule,N.PopupModule,l.ResizeSensorModule,R,l.EventsModule]}),s.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:s,type:A,decorators:[{type:h.NgModule,args:[{declarations:[bn],exports:[bn,i.CommonModule,t.FormsModule,N.PopupModule,l.ResizeSensorModule,R,l.EventsModule],imports:[i.CommonModule,t.FormsModule,N.PopupModule,l.ResizeSensorModule,R,l.EventsModule]}]}]}),yn.prototype.ngOnChanges=function(e){c(e.showAfter)&&(this.createTagMapper(),this.multiSelectTreeComponent.handleTagMapperChange(this.showAfter))},yn.prototype.createTagMapper=function(){var t=ie(this.showAfter);this.multiSelectTreeComponent.tagMapper=function(e){return e.length>t?W(W([],U(e.slice(0,t))),[e.slice(t)]):e}},yn);function yn(e){this.multiSelectTreeComponent=e,this.showAfter=0,this.createTagMapper()}bn.ɵfac=s.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:s,type:bn,deps:[{token:en}],target:s.ɵɵFactoryTarget.Directive}),bn.ɵdir=s.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.16",type:bn,selector:"[kendoMultiSelectTreeSummaryTag]",inputs:{showAfter:["kendoMultiSelectTreeSummaryTag","showAfter"]},usesOnChanges:!0,ngImport:s}),s.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:s,type:bn,decorators:[{type:h.Directive,args:[{selector:"[kendoMultiSelectTreeSummaryTag]"}]}],ctorParameters:function(){return[{type:en}]},propDecorators:{showAfter:[{type:h.Input,args:["kendoMultiSelectTreeSummaryTag"]}]}});i=[_t,en,p,_,a,n,un,Nt,bn],t=function(){},t.ɵfac=s.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:s,type:t,deps:[],target:s.ɵɵFactoryTarget.NgModule}),t.ɵmod=s.ɵɵngDeclareNgModule({minVersion:"12.0.0",version:"12.2.16",ngImport:s,type:t,declarations:[_t,en,p,_,a,n,un,Nt,bn],imports:[A,o.TreeViewModule],exports:[_t,en,p,_,a,n,un,Nt,bn,R]}),t.ɵinj=s.ɵɵngDeclareInjector({minVersion:"12.0.0",version:"12.2.16",ngImport:s,type:t,imports:[[A,o.TreeViewModule],R]}),s.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:s,type:t,decorators:[{type:h.NgModule,args:[{declarations:[i],exports:[i,R],imports:[A,o.TreeViewModule]}]}]}),Cn.prototype.ngOnChanges=function(e){c(e.showAfter)&&(this.createTagMapper(),this.multiSelectComponent.onTagMapperChange())},Cn.prototype.createTagMapper=function(){var n=ie(this.showAfter);this.multiSelectComponent.tagMapper=function(e){var t;return e.length>n?(t=void 0,(t=e.slice(0,n)).push(e.slice(n,e.length)),t):e}},i=Cn;function Cn(e){this.multiSelectComponent=e,this.showAfter=0,this.createTagMapper()}i.ɵfac=s.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:s,type:i,deps:[{token:Dt}],target:s.ɵɵFactoryTarget.Directive}),i.ɵdir=s.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.16",type:i,selector:"[kendoMultiSelectSummaryTag]",inputs:{showAfter:["kendoMultiSelectSummaryTag","showAfter"]},usesOnChanges:!0,ngImport:s}),s.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:s,type:i,decorators:[{type:h.Directive,args:[{selector:"[kendoMultiSelectSummaryTag]"}]}],ctorParameters:function(){return[{type:Dt}]},propDecorators:{showAfter:[{type:h.Input,args:["kendoMultiSelectSummaryTag"]}]}});var o=[Ne],kn=function(){},o=(kn.ɵfac=s.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:s,type:kn,deps:[],target:s.ɵɵFactoryTarget.NgModule}),kn.ɵmod=s.ɵɵngDeclareNgModule({minVersion:"12.0.0",version:"12.2.16",ngImport:s,type:kn,declarations:[Ne],imports:[A],exports:[Ne,R]}),kn.ɵinj=s.ɵɵngDeclareInjector({minVersion:"12.0.0",version:"12.2.16",ngImport:s,type:kn,imports:[[A],R]}),s.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:s,type:kn,decorators:[{type:h.NgModule,args:[{declarations:[o],exports:[o,R],imports:[A]}]}]}),[ct,Mt,Pt,Ot,Tt]),In=function(){},o=(In.ɵfac=s.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:s,type:In,deps:[],target:s.ɵɵFactoryTarget.NgModule}),In.ɵmod=s.ɵɵngDeclareNgModule({minVersion:"12.0.0",version:"12.2.16",ngImport:s,type:In,declarations:[ct,Mt,Pt,Ot,Tt],imports:[A],exports:[ct,Mt,Pt,Ot,Tt,R]}),In.ɵinj=s.ɵɵngDeclareInjector({minVersion:"12.0.0",version:"12.2.16",ngImport:s,type:In,providers:[{provide:De,useValue:B.touchEnabled}],imports:[[A],R]}),s.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:s,type:In,decorators:[{type:h.NgModule,args:[{declarations:[o],exports:[o,R],imports:[A],providers:[{provide:De,useValue:B.touchEnabled}]}]}]}),[ft]),xn=function(){},o=(xn.ɵfac=s.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:s,type:xn,deps:[],target:s.ɵɵFactoryTarget.NgModule}),xn.ɵmod=s.ɵɵngDeclareNgModule({minVersion:"12.0.0",version:"12.2.16",ngImport:s,type:xn,declarations:[ft],imports:[A],exports:[ft,R]}),xn.ɵinj=s.ɵɵngDeclareInjector({minVersion:"12.0.0",version:"12.2.16",ngImport:s,type:xn,imports:[[A],R]}),s.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:s,type:xn,decorators:[{type:h.NgModule,args:[{declarations:[o],exports:[o,R],imports:[A]}]}]}),[Dt,i,mt]),Tn=function(){},o=(Tn.ɵfac=s.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:s,type:Tn,deps:[],target:s.ɵɵFactoryTarget.NgModule}),Tn.ɵmod=s.ɵɵngDeclareNgModule({minVersion:"12.0.0",version:"12.2.16",ngImport:s,type:Tn,declarations:[Dt,i,mt],imports:[A],exports:[Dt,i,mt,R]}),Tn.ɵinj=s.ɵɵngDeclareInjector({minVersion:"12.0.0",version:"12.2.16",ngImport:s,type:Tn,providers:[{provide:De,useValue:B.touchEnabled}],imports:[[A],R]}),s.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:s,type:Tn,decorators:[{type:h.NgModule,args:[{declarations:[o],exports:[o,R],imports:[A],providers:[{provide:De,useValue:B.touchEnabled}]}]}]}),function(){});o.ɵfac=s.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:s,type:o,deps:[],target:s.ɵɵFactoryTarget.NgModule}),o.ɵmod=s.ɵɵngDeclareNgModule({minVersion:"12.0.0",version:"12.2.16",ngImport:s,type:o,exports:[kn,In,xn,Tn,t]}),o.ɵinj=s.ɵɵngDeclareInjector({minVersion:"12.0.0",version:"12.2.16",ngImport:s,type:o,imports:[kn,In,xn,Tn,t]}),s.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:s,type:o,decorators:[{type:h.NgModule,args:[{exports:[kn,In,xn,Tn,t]}]}]}),Object.defineProperty(e,"PopupComponent",{enumerable:!0,get:function(){return N.PopupComponent}}),e.AutoCompleteComponent=Ne,e.AutoCompleteModule=kn,e.CheckAllDirective=Kt,e.CheckDirective=jt,e.ColumnCellTemplateDirective=Tt,e.ColumnHeaderTemplateDirective=Ot,e.ComboBoxColumnComponent=Pt,e.ComboBoxComponent=ct,e.ComboBoxModule=In,e.CustomItemTemplateDirective=mt,e.CustomMessagesComponent=gn,e.DropDownListComponent=ft,e.DropDownListModule=xn,e.DropDownTreeComponent=_t,e.DropDownTreeFlatBindingDirective=p,e.DropDownTreeHierarchyBindingDirective=_,e.DropDownTreesExpandDirective=un,e.DropDownTreesModule=t,e.DropDownsModule=o,e.FilterDirective=S,e.FilterInputDirective=ht,e.FilterableComponent=Ie,e.FixedGroupTemplateDirective=ge,e.FooterTemplateDirective=C,e.GroupTagTemplateDirective=yt,e.GroupTemplateDirective=he,e.HeaderTemplateDirective=y,e.ItemTemplateDirective=ce,e.ListComponent=Pe,e.ListItemDirective=we,e.LocalizedMessagesDirective=Ae,e.MultiColumnComboBoxComponent=Mt,e.MultiSelectComponent=Dt,e.MultiSelectModule=Tn,e.MultiSelectTreeComponent=en,e.MultiSelectTreeFlatBindingDirective=a,e.MultiSelectTreeHierarchyBindingDirective=n,e.MultiSelectTreeSummaryTagDirective=bn,e.NoDataTemplateDirective=D,e.NodeTemplateDirective=Nt,e.PreventableEvent=Ce,e.RemoveTagEvent=Ct,e.SearchBarComponent=v,e.SelectableDirective=Fe,e.SharedDirectivesModule=R,e.SharedModule=A,e.SummaryTagDirective=i,e.TagListComponent=It,e.TagTemplateDirective=bt,e.TemplateContextDirective=Se,e.ValueTemplateDirective=Be,Object.defineProperty(e,"__esModule",{value:!0})});