@syncfusion/ej2-angular-dropdowns 19.4.55 → 20.1.50

package/dist/ej2-angular-dropdowns.umd.min.js

@@ -1,11 +1,11 @@
 /*!
 *  filename: ej2-angular-dropdowns.umd.min.js
-*  version : 19.4.55
+*  version : 20.1.50
 *  Copyright Syncfusion Inc. 2001 - 2020. All rights reserved.
 *  Use of this code is subject to the terms of our license.
 *  A copy of the current license can be obtained at any time by e-mailing
 *  licensing@syncfusion.com. Any infringement will be prosecuted under
 *  applicable laws. 
 */
-!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@angular/core"),require("@angular/forms"),require("@syncfusion/ej2-angular-base"),require("@syncfusion/ej2-dropdowns"),require("@angular/common")):"function"==typeof define&&define.amd?define(["exports","@angular/core","@angular/forms","@syncfusion/ej2-angular-base","@syncfusion/ej2-dropdowns","@angular/common"],t):t(e["ej2-angular-dropdowns"]={},e.ng.core,e.ng.forms,e.ej2.angular.base,e.ej2.dropdowns,e.ng.common)}(this,function(e,t,o,n,r,i){"use strict";var a=this&&this.__extends||function(){var e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var o in t)t.hasOwnProperty(o)&&(e[o]=t[o])};return function(t,o){function n(){this.constructor=t}e(t,o),t.prototype=null===o?Object.create(o):(n.prototype=o.prototype,new n)}}(),p=this&&this.__decorate||function(e,t,o,n){var r,i=arguments.length,a=i<3?t:null===n?n=Object.getOwnPropertyDescriptor(t,o):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,o,n);else for(var p=e.length-1;p>=0;p--)(r=e[p])&&(a=(i<3?r(a):i>3?r(t,o,a):r(t,o))||a);return i>3&&a&&Object.defineProperty(t,o,a),a},l=this&&this.__metadata||function(e,t){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(e,t)},s=["actionFailureTemplate","allowFiltering","cssClass","dataSource","enablePersistence","enableRtl","enabled","fields","filterBarPlaceholder","filterType","floatLabelType","footerTemplate","groupTemplate","headerTemplate","htmlAttributes","ignoreAccent","ignoreCase","index","itemTemplate","locale","noRecordsTemplate","placeholder","popupHeight","popupWidth","query","readonly","showClearButton","sortOrder","text","value","valueTemplate","width","zIndex"],c=["actionBegin","actionComplete","actionFailure","beforeOpen","blur","change","close","created","dataBound","destroyed","filtering","focus","open","select","valueChange"],m=["value"];e.DropDownListComponent=u=function(e){function t(t,o,r,i){var a=e.call(this)||this;return a.ngEle=t,a.srenderer=o,a.viewContainerRef=r,a.injector=i,a.skipFromEvent=!0,a.element=a.ngEle.nativeElement,a.injectedModules=a.injectedModules||[],a.registerEvents(c),a.addTwoWay.call(a,m),n.setValue("currentInstance",a,a.viewContainerRef),a.formContext=new n.FormBase,a.formCompContext=new n.ComponentBase,a}return a(t,e),t.prototype.registerOnChange=function(e){},t.prototype.registerOnTouched=function(e){},t.prototype.writeValue=function(e){},t.prototype.setDisabledState=function(e){},t.prototype.ngOnInit=function(){this.formCompContext.ngOnInit(this)},t.prototype.ngAfterViewInit=function(){this.formContext.ngAfterViewInit(this)},t.prototype.ngOnDestroy=function(){this.formCompContext.ngOnDestroy(this)},t.prototype.ngAfterContentChecked=function(){this.formCompContext.ngAfterContentChecked(this)},t}(r.DropDownList),e.DropDownListComponent.decorators=[{type:t.Component,args:[{selector:"ejs-dropdownlist",inputs:s,outputs:c,template:"",changeDetection:t.ChangeDetectionStrategy.OnPush,providers:[{provide:o.NG_VALUE_ACCESSOR,useExisting:t.forwardRef(function(){return u}),multi:!0}],queries:{}}]}],e.DropDownListComponent.ctorParameters=function(){return[{type:t.ElementRef},{type:t.Renderer2},{type:t.ViewContainerRef},{type:t.Injector}]},e.DropDownListComponent.propDecorators={footerTemplate:[{type:t.ContentChild,args:["footerTemplate"]}],headerTemplate:[{type:t.ContentChild,args:["headerTemplate"]}],valueTemplate:[{type:t.ContentChild,args:["valueTemplate"]}],groupTemplate:[{type:t.ContentChild,args:["groupTemplate"]}],itemTemplate:[{type:t.ContentChild,args:["itemTemplate"]}],noRecordsTemplate:[{type:t.ContentChild,args:["noRecordsTemplate"]}],actionFailureTemplate:[{type:t.ContentChild,args:["actionFailureTemplate"]}]},p([n.Template(),l("design:type",Object)],e.DropDownListComponent.prototype,"footerTemplate",void 0),p([n.Template(),l("design:type",Object)],e.DropDownListComponent.prototype,"headerTemplate",void 0),p([n.Template(),l("design:type",Object)],e.DropDownListComponent.prototype,"valueTemplate",void 0),p([n.Template(),l("design:type",Object)],e.DropDownListComponent.prototype,"groupTemplate",void 0),p([n.Template(),l("design:type",Object)],e.DropDownListComponent.prototype,"itemTemplate",void 0),p([n.Template("No records found"),l("design:type",Object)],e.DropDownListComponent.prototype,"noRecordsTemplate",void 0),p([n.Template("Request failed"),l("design:type",Object)],e.DropDownListComponent.prototype,"actionFailureTemplate",void 0),e.DropDownListComponent=u=p([n.ComponentMixins([n.ComponentBase,n.FormBase]),l("design:paramtypes",[t.ElementRef,t.Renderer2,t.ViewContainerRef,t.Injector])],e.DropDownListComponent);var u,d=function(){return function(){}}();d.decorators=[{type:t.NgModule,args:[{imports:[i.CommonModule],declarations:[e.DropDownListComponent],exports:[e.DropDownListComponent]}]}],d.ctorParameters=function(){return[]};var f=function(){return function(){}}();f.decorators=[{type:t.NgModule,args:[{imports:[i.CommonModule,d],exports:[d],providers:[]}]}],f.ctorParameters=function(){return[]};var C=this&&this.__decorate||function(e,t,o,n){var r,i=arguments.length,a=i<3?t:null===n?n=Object.getOwnPropertyDescriptor(t,o):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,o,n);else for(var p=e.length-1;p>=0;p--)(r=e[p])&&(a=(i<3?r(a):i>3?r(t,o,a):r(t,o))||a);return i>3&&a&&Object.defineProperty(t,o,a),a},g=this&&this.__metadata||function(e,t){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(e,t)},h=["actionFailureTemplate","allowCustom","allowFiltering","autofill","cssClass","dataSource","enablePersistence","enableRtl","enabled","fields","filterBarPlaceholder","filterType","floatLabelType","footerTemplate","groupTemplate","headerTemplate","htmlAttributes","ignoreAccent","ignoreCase","index","itemTemplate","locale","noRecordsTemplate","placeholder","popupHeight","popupWidth","query","readonly","showClearButton","sortOrder","text","value","valueTemplate","width","zIndex"],y=["actionBegin","actionComplete","actionFailure","beforeOpen","blur","change","close","created","customValueSpecifier","dataBound","destroyed","filtering","focus","open","select","valueChange"],T=["value"];e.ComboBoxComponent=v=function(e){function t(t,o,r,i){var a=e.call(this)||this;return a.ngEle=t,a.srenderer=o,a.viewContainerRef=r,a.injector=i,a.skipFromEvent=!0,a.element=a.ngEle.nativeElement,a.injectedModules=a.injectedModules||[],a.registerEvents(y),a.addTwoWay.call(a,T),n.setValue("currentInstance",a,a.viewContainerRef),a.formContext=new n.FormBase,a.formCompContext=new n.ComponentBase,a}return a(t,e),t.prototype.registerOnChange=function(e){},t.prototype.registerOnTouched=function(e){},t.prototype.writeValue=function(e){},t.prototype.setDisabledState=function(e){},t.prototype.ngOnInit=function(){this.formCompContext.ngOnInit(this)},t.prototype.ngAfterViewInit=function(){this.formContext.ngAfterViewInit(this)},t.prototype.ngOnDestroy=function(){this.formCompContext.ngOnDestroy(this)},t.prototype.ngAfterContentChecked=function(){this.formCompContext.ngAfterContentChecked(this)},t}(r.ComboBox),e.ComboBoxComponent.decorators=[{type:t.Component,args:[{selector:"ejs-combobox",inputs:h,outputs:y,template:"",changeDetection:t.ChangeDetectionStrategy.OnPush,providers:[{provide:o.NG_VALUE_ACCESSOR,useExisting:t.forwardRef(function(){return v}),multi:!0}],queries:{}}]}],e.ComboBoxComponent.ctorParameters=function(){return[{type:t.ElementRef},{type:t.Renderer2},{type:t.ViewContainerRef},{type:t.Injector}]},e.ComboBoxComponent.propDecorators={footerTemplate:[{type:t.ContentChild,args:["footerTemplate"]}],headerTemplate:[{type:t.ContentChild,args:["headerTemplate"]}],groupTemplate:[{type:t.ContentChild,args:["groupTemplate"]}],itemTemplate:[{type:t.ContentChild,args:["itemTemplate"]}],noRecordsTemplate:[{type:t.ContentChild,args:["noRecordsTemplate"]}],actionFailureTemplate:[{type:t.ContentChild,args:["actionFailureTemplate"]}]},C([n.Template(),g("design:type",Object)],e.ComboBoxComponent.prototype,"footerTemplate",void 0),C([n.Template(),g("design:type",Object)],e.ComboBoxComponent.prototype,"headerTemplate",void 0),C([n.Template(),g("design:type",Object)],e.ComboBoxComponent.prototype,"groupTemplate",void 0),C([n.Template(),g("design:type",Object)],e.ComboBoxComponent.prototype,"itemTemplate",void 0),C([n.Template("No records found"),g("design:type",Object)],e.ComboBoxComponent.prototype,"noRecordsTemplate",void 0),C([n.Template("Request failed"),g("design:type",Object)],e.ComboBoxComponent.prototype,"actionFailureTemplate",void 0),e.ComboBoxComponent=v=C([n.ComponentMixins([n.ComponentBase,n.FormBase]),g("design:paramtypes",[t.ElementRef,t.Renderer2,t.ViewContainerRef,t.Injector])],e.ComboBoxComponent);var v,w=function(){return function(){}}();w.decorators=[{type:t.NgModule,args:[{imports:[i.CommonModule],declarations:[e.ComboBoxComponent],exports:[e.ComboBoxComponent]}]}],w.ctorParameters=function(){return[]};var b=function(){return function(){}}();b.decorators=[{type:t.NgModule,args:[{imports:[i.CommonModule,w],exports:[w],providers:[]}]}],b.ctorParameters=function(){return[]};var D=this&&this.__decorate||function(e,t,o,n){var r,i=arguments.length,a=i<3?t:null===n?n=Object.getOwnPropertyDescriptor(t,o):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,o,n);else for(var p=e.length-1;p>=0;p--)(r=e[p])&&(a=(i<3?r(a):i>3?r(t,o,a):r(t,o))||a);return i>3&&a&&Object.defineProperty(t,o,a),a},x=this&&this.__metadata||function(e,t){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(e,t)},R=["actionFailureTemplate","allowCustom","allowFiltering","autofill","cssClass","dataSource","enablePersistence","enableRtl","enabled","fields","filterBarPlaceholder","filterType","floatLabelType","footerTemplate","groupTemplate","headerTemplate","highlight","htmlAttributes","ignoreAccent","ignoreCase","index","itemTemplate","locale","minLength","noRecordsTemplate","placeholder","popupHeight","popupWidth","query","readonly","showClearButton","showPopupButton","sortOrder","suggestionCount","text","value","valueTemplate","width","zIndex"],O=["actionBegin","actionComplete","actionFailure","beforeOpen","blur","change","close","created","customValueSpecifier","dataBound","destroyed","filtering","focus","open","select","valueChange"],j=["value"];e.AutoCompleteComponent=B=function(e){function t(t,o,r,i){var a=e.call(this)||this;return a.ngEle=t,a.srenderer=o,a.viewContainerRef=r,a.injector=i,a.skipFromEvent=!0,a.element=a.ngEle.nativeElement,a.injectedModules=a.injectedModules||[],a.registerEvents(O),a.addTwoWay.call(a,j),n.setValue("currentInstance",a,a.viewContainerRef),a.formContext=new n.FormBase,a.formCompContext=new n.ComponentBase,a}return a(t,e),t.prototype.registerOnChange=function(e){},t.prototype.registerOnTouched=function(e){},t.prototype.writeValue=function(e){},t.prototype.setDisabledState=function(e){},t.prototype.ngOnInit=function(){this.formCompContext.ngOnInit(this)},t.prototype.ngAfterViewInit=function(){this.formContext.ngAfterViewInit(this)},t.prototype.ngOnDestroy=function(){this.formCompContext.ngOnDestroy(this)},t.prototype.ngAfterContentChecked=function(){this.formCompContext.ngAfterContentChecked(this)},t}(r.AutoComplete),e.AutoCompleteComponent.decorators=[{type:t.Component,args:[{selector:"ejs-autocomplete",inputs:R,outputs:O,template:"",changeDetection:t.ChangeDetectionStrategy.OnPush,providers:[{provide:o.NG_VALUE_ACCESSOR,useExisting:t.forwardRef(function(){return B}),multi:!0}],queries:{}}]}],e.AutoCompleteComponent.ctorParameters=function(){return[{type:t.ElementRef},{type:t.Renderer2},{type:t.ViewContainerRef},{type:t.Injector}]},e.AutoCompleteComponent.propDecorators={footerTemplate:[{type:t.ContentChild,args:["footerTemplate"]}],headerTemplate:[{type:t.ContentChild,args:["headerTemplate"]}],groupTemplate:[{type:t.ContentChild,args:["groupTemplate"]}],itemTemplate:[{type:t.ContentChild,args:["itemTemplate"]}],noRecordsTemplate:[{type:t.ContentChild,args:["noRecordsTemplate"]}],actionFailureTemplate:[{type:t.ContentChild,args:["actionFailureTemplate"]}]},D([n.Template(),x("design:type",Object)],e.AutoCompleteComponent.prototype,"footerTemplate",void 0),D([n.Template(),x("design:type",Object)],e.AutoCompleteComponent.prototype,"headerTemplate",void 0),D([n.Template(),x("design:type",Object)],e.AutoCompleteComponent.prototype,"groupTemplate",void 0),D([n.Template(),x("design:type",Object)],e.AutoCompleteComponent.prototype,"itemTemplate",void 0),D([n.Template("No records found"),x("design:type",Object)],e.AutoCompleteComponent.prototype,"noRecordsTemplate",void 0),D([n.Template("Request failed"),x("design:type",Object)],e.AutoCompleteComponent.prototype,"actionFailureTemplate",void 0),e.AutoCompleteComponent=B=D([n.ComponentMixins([n.ComponentBase,n.FormBase]),x("design:paramtypes",[t.ElementRef,t.Renderer2,t.ViewContainerRef,t.Injector])],e.AutoCompleteComponent);var B,S=function(){return function(){}}();S.decorators=[{type:t.NgModule,args:[{imports:[i.CommonModule],declarations:[e.AutoCompleteComponent],exports:[e.AutoCompleteComponent]}]}],S.ctorParameters=function(){return[]};var A=function(){return function(){}}();A.decorators=[{type:t.NgModule,args:[{imports:[i.CommonModule,S],exports:[S],providers:[]}]}],A.ctorParameters=function(){return[]};var M=this&&this.__decorate||function(e,t,o,n){var r,i=arguments.length,a=i<3?t:null===n?n=Object.getOwnPropertyDescriptor(t,o):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,o,n);else for(var p=e.length-1;p>=0;p--)(r=e[p])&&(a=(i<3?r(a):i>3?r(t,o,a):r(t,o))||a);return i>3&&a&&Object.defineProperty(t,o,a),a},F=this&&this.__metadata||function(e,t){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(e,t)},E=["actionFailureTemplate","addTagOnBlur","allowCustomValue","allowFiltering","changeOnBlur","closePopupOnSelect","cssClass","dataSource","delimiterChar","enableGroupCheckBox","enableHtmlSanitizer","enablePersistence","enableRtl","enableSelectionOrder","enabled","fields","filterBarPlaceholder","filterType","floatLabelType","footerTemplate","groupTemplate","headerTemplate","hideSelectedItem","htmlAttributes","ignoreAccent","ignoreCase","itemTemplate","locale","maximumSelectionLength","mode","noRecordsTemplate","openOnClick","placeholder","popupHeight","popupWidth","query","readonly","selectAllText","showClearButton","showDropDownIcon","showSelectAll","sortOrder","text","unSelectAllText","value","valueTemplate","width","zIndex"],L=["actionBegin","actionComplete","actionFailure","beforeOpen","beforeSelectAll","blur","change","chipSelection","close","created","customValueSelection","dataBound","destroyed","filtering","focus","open","removed","removing","select","selectedAll","tagging","valueChange"],P=["value"];e.MultiSelectComponent=I=function(e){function t(t,o,r,i){var a=e.call(this)||this;a.ngEle=t,a.srenderer=o,a.viewContainerRef=r,a.injector=i,a.skipFromEvent=!0,a.element=a.ngEle.nativeElement,a.injectedModules=a.injectedModules||[];try{var p=a.injector.get("DropDownsCheckBoxSelection");-1===a.injectedModules.indexOf(p)&&a.injectedModules.push(p)}catch(l){}return a.registerEvents(L),a.addTwoWay.call(a,P),n.setValue("currentInstance",a,a.viewContainerRef),a.formContext=new n.FormBase,a.formCompContext=new n.ComponentBase,a}return a(t,e),t.prototype.registerOnChange=function(e){},t.prototype.registerOnTouched=function(e){},t.prototype.writeValue=function(e){},t.prototype.setDisabledState=function(e){},t.prototype.ngOnInit=function(){this.formCompContext.ngOnInit(this)},t.prototype.ngAfterViewInit=function(){this.formContext.ngAfterViewInit(this)},t.prototype.ngOnDestroy=function(){this.formCompContext.ngOnDestroy(this)},t.prototype.ngAfterContentChecked=function(){this.formCompContext.ngAfterContentChecked(this)},t}(r.MultiSelect),e.MultiSelectComponent.decorators=[{type:t.Component,args:[{selector:"ejs-multiselect",inputs:E,outputs:L,template:"",changeDetection:t.ChangeDetectionStrategy.OnPush,providers:[{provide:o.NG_VALUE_ACCESSOR,useExisting:t.forwardRef(function(){return I}),multi:!0}],queries:{}}]}],e.MultiSelectComponent.ctorParameters=function(){return[{type:t.ElementRef},{type:t.Renderer2},{type:t.ViewContainerRef},{type:t.Injector}]},e.MultiSelectComponent.propDecorators={footerTemplate:[{type:t.ContentChild,args:["footerTemplate"]}],headerTemplate:[{type:t.ContentChild,args:["headerTemplate"]}],valueTemplate:[{type:t.ContentChild,args:["valueTemplate"]}],itemTemplate:[{type:t.ContentChild,args:["itemTemplate"]}],groupTemplate:[{type:t.ContentChild,args:["groupTemplate"]}],noRecordsTemplate:[{type:t.ContentChild,args:["noRecordsTemplate"]}],actionFailureTemplate:[{type:t.ContentChild,args:["actionFailureTemplate"]}]},M([n.Template(),F("design:type",Object)],e.MultiSelectComponent.prototype,"footerTemplate",void 0),M([n.Template(),F("design:type",Object)],e.MultiSelectComponent.prototype,"headerTemplate",void 0),M([n.Template(),F("design:type",Object)],e.MultiSelectComponent.prototype,"valueTemplate",void 0),M([n.Template(),F("design:type",Object)],e.MultiSelectComponent.prototype,"itemTemplate",void 0),M([n.Template(),F("design:type",Object)],e.MultiSelectComponent.prototype,"groupTemplate",void 0),M([n.Template("No records found"),F("design:type",Object)],e.MultiSelectComponent.prototype,"noRecordsTemplate",void 0),M([n.Template("Request failed"),F("design:type",Object)],e.MultiSelectComponent.prototype,"actionFailureTemplate",void 0),e.MultiSelectComponent=I=M([n.ComponentMixins([n.ComponentBase,n.FormBase]),F("design:paramtypes",[t.ElementRef,t.Renderer2,t.ViewContainerRef,t.Injector])],e.MultiSelectComponent);var I,V=function(){return function(){}}();V.decorators=[{type:t.NgModule,args:[{imports:[i.CommonModule],declarations:[e.MultiSelectComponent],exports:[e.MultiSelectComponent]}]}],V.ctorParameters=function(){return[]};var _={provide:"DropDownsCheckBoxSelection",useValue:r.CheckBoxSelection},k=function(){return function(){}}();k.decorators=[{type:t.NgModule,args:[{imports:[i.CommonModule,V],exports:[V],providers:[_]}]}],k.ctorParameters=function(){return[]};var N=this&&this.__decorate||function(e,t,o,n){var r,i=arguments.length,a=i<3?t:null===n?n=Object.getOwnPropertyDescriptor(t,o):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,o,n);else for(var p=e.length-1;p>=0;p--)(r=e[p])&&(a=(i<3?r(a):i>3?r(t,o,a):r(t,o))||a);return i>3&&a&&Object.defineProperty(t,o,a),a},q=this&&this.__metadata||function(e,t){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(e,t)},W=["actionFailureTemplate","allowDragAndDrop","allowFiltering","cssClass","dataSource","enablePersistence","enableRtl","enabled","fields","filterBarPlaceholder","filterType","groupTemplate","height","ignoreAccent","ignoreCase","itemTemplate","locale","maximumSelectionLength","noRecordsTemplate","query","scope","selectionSettings","sortOrder","toolbarSettings","value","zIndex"],H=["focus","blur","actionBegin","actionComplete","actionFailure","beforeDrop","beforeItemRender","change","created","dataBound","destroyed","drag","dragStart","drop","filtering","select","valueChange"],z=["value"];e.ListBoxComponent=G=function(e){function t(t,o,r,i){var a=e.call(this)||this;a.ngEle=t,a.srenderer=o,a.viewContainerRef=r,a.injector=i,a.element=a.ngEle.nativeElement,a.injectedModules=a.injectedModules||[];try{var p=a.injector.get("DropDownsCheckBoxSelection");-1===a.injectedModules.indexOf(p)&&a.injectedModules.push(p)}catch(l){}return a.registerEvents(H),a.addTwoWay.call(a,z),n.setValue("currentInstance",a,a.viewContainerRef),a.formContext=new n.FormBase,a.formCompContext=new n.ComponentBase,a}return a(t,e),t.prototype.registerOnChange=function(e){},t.prototype.registerOnTouched=function(e){},t.prototype.writeValue=function(e){},t.prototype.setDisabledState=function(e){},t.prototype.ngOnInit=function(){this.formCompContext.ngOnInit(this)},t.prototype.ngAfterViewInit=function(){this.formContext.ngAfterViewInit(this)},t.prototype.ngOnDestroy=function(){this.formCompContext.ngOnDestroy(this)},t.prototype.ngAfterContentChecked=function(){this.formCompContext.ngAfterContentChecked(this)},t}(r.ListBox),e.ListBoxComponent.decorators=[{type:t.Component,args:[{selector:"ejs-listbox",inputs:W,outputs:H,template:"",changeDetection:t.ChangeDetectionStrategy.OnPush,providers:[{provide:o.NG_VALUE_ACCESSOR,useExisting:t.forwardRef(function(){return G}),multi:!0}],queries:{}}]}],e.ListBoxComponent.ctorParameters=function(){return[{type:t.ElementRef},{type:t.Renderer2},{type:t.ViewContainerRef},{type:t.Injector}]},e.ListBoxComponent.propDecorators={itemTemplate:[{type:t.ContentChild,args:["itemTemplate"]}],noRecordsTemplate:[{type:t.ContentChild,args:["noRecordsTemplate"]}]},N([n.Template(),q("design:type",Object)],e.ListBoxComponent.prototype,"itemTemplate",void 0),N([n.Template("No records found"),q("design:type",Object)],e.ListBoxComponent.prototype,"noRecordsTemplate",void 0),e.ListBoxComponent=G=N([n.ComponentMixins([n.ComponentBase,n.FormBase]),q("design:paramtypes",[t.ElementRef,t.Renderer2,t.ViewContainerRef,t.Injector])],e.ListBoxComponent);var G,U=function(){return function(){}}();U.decorators=[{type:t.NgModule,args:[{imports:[i.CommonModule],declarations:[e.ListBoxComponent],exports:[e.ListBoxComponent]}]}],U.ctorParameters=function(){return[]};var J=function(){return function(){}}();J.decorators=[{type:t.NgModule,args:[{imports:[i.CommonModule,U],exports:[U],providers:[]}]}],J.ctorParameters=function(){return[]};var K=this&&this.__decorate||function(e,t,o,n){var r,i=arguments.length,a=i<3?t:null===n?n=Object.getOwnPropertyDescriptor(t,o):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,o,n);else for(var p=e.length-1;p>=0;p--)(r=e[p])&&(a=(i<3?r(a):i>3?r(t,o,a):r(t,o))||a);return i>3&&a&&Object.defineProperty(t,o,a),a},Q=this&&this.__metadata||function(e,t){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(e,t)},X=["actionFailureTemplate","allowFiltering","allowMultiSelection","changeOnBlur","cssClass","customTemplate","delimiterChar","enablePersistence","enableRtl","enabled","fields","filterBarPlaceholder","filterType","floatLabelType","footerTemplate","headerTemplate","htmlAttributes","ignoreAccent","ignoreCase","itemTemplate","locale","mode","noRecordsTemplate","placeholder","popupHeight","popupWidth","readonly","selectAllText","showCheckBox","showClearButton","showDropDownIcon","showSelectAll","sortOrder","text","treeSettings","unSelectAllText","value","width","wrapText","zIndex"],Y=["actionFailure","beforeOpen","blur","change","close","created","dataBound","destroyed","filtering","focus","keyPress","open","select","valueChange"],Z=["value"];e.DropDownTreeComponent=$=function(e){function t(t,o,r,i){var a=e.call(this)||this;return a.ngEle=t,a.srenderer=o,a.viewContainerRef=r,a.injector=i,a.skipFromEvent=!0,a.element=a.ngEle.nativeElement,a.injectedModules=a.injectedModules||[],a.registerEvents(Y),a.addTwoWay.call(a,Z),n.setValue("currentInstance",a,a.viewContainerRef),a.formContext=new n.FormBase,a.formCompContext=new n.ComponentBase,a}return a(t,e),t.prototype.registerOnChange=function(e){},t.prototype.registerOnTouched=function(e){},t.prototype.writeValue=function(e){},t.prototype.setDisabledState=function(e){},t.prototype.ngOnInit=function(){this.formCompContext.ngOnInit(this)},t.prototype.ngAfterViewInit=function(){this.formContext.ngAfterViewInit(this)},t.prototype.ngOnDestroy=function(){this.formCompContext.ngOnDestroy(this)},t.prototype.ngAfterContentChecked=function(){this.formCompContext.ngAfterContentChecked(this)},t}(r.DropDownTree),e.DropDownTreeComponent.decorators=[{type:t.Component,args:[{selector:"ejs-dropdowntree",inputs:X,outputs:Y,template:"",changeDetection:t.ChangeDetectionStrategy.OnPush,providers:[{provide:o.NG_VALUE_ACCESSOR,useExisting:t.forwardRef(function(){return $}),multi:!0}],queries:{}}]}],e.DropDownTreeComponent.ctorParameters=function(){return[{type:t.ElementRef},{type:t.Renderer2},{type:t.ViewContainerRef},{type:t.Injector}]},e.DropDownTreeComponent.propDecorators={footerTemplate:[{type:t.ContentChild,args:["footerTemplate"]}],headerTemplate:[{type:t.ContentChild,args:["headerTemplate"]}],itemTemplate:[{type:t.ContentChild,args:["itemTemplate"]}],noRecordsTemplate:[{type:t.ContentChild,args:["noRecordsTemplate"]}],actionFailureTemplate:[{type:t.ContentChild,args:["actionFailureTemplate"]}]},K([n.Template(),Q("design:type",Object)],e.DropDownTreeComponent.prototype,"footerTemplate",void 0),K([n.Template(),Q("design:type",Object)],e.DropDownTreeComponent.prototype,"headerTemplate",void 0),K([n.Template(),Q("design:type",Object)],e.DropDownTreeComponent.prototype,"itemTemplate",void 0),K([n.Template("No records found"),Q("design:type",Object)],e.DropDownTreeComponent.prototype,"noRecordsTemplate",void 0),K([n.Template("Request failed"),Q("design:type",Object)],e.DropDownTreeComponent.prototype,"actionFailureTemplate",void 0),e.DropDownTreeComponent=$=K([n.ComponentMixins([n.ComponentBase,n.FormBase]),Q("design:paramtypes",[t.ElementRef,t.Renderer2,t.ViewContainerRef,t.Injector])],e.DropDownTreeComponent);var $,ee=function(){return function(){}}();ee.decorators=[{type:t.NgModule,args:[{imports:[i.CommonModule],declarations:[e.DropDownTreeComponent],exports:[e.DropDownTreeComponent]}]}],ee.ctorParameters=function(){return[]};var te=function(){return function(){}}();te.decorators=[{type:t.NgModule,args:[{imports:[i.CommonModule,ee],exports:[ee],providers:[]}]}],te.ctorParameters=function(){return[]},e.DropDownListModule=d,e.DropDownListAllModule=f,e.ComboBoxModule=w,e.ComboBoxAllModule=b,e.AutoCompleteModule=S,e.AutoCompleteAllModule=A,e.MultiSelectModule=V,e.MultiSelectAllModule=k,e.CheckBoxSelectionService=_,e.ListBoxModule=U,e.ListBoxAllModule=J,e.DropDownTreeModule=ee,e.DropDownTreeAllModule=te,e.ɵe=R,e.ɵf=O,e.ɵc=h,e.ɵd=y,e.ɵa=s,e.ɵb=c,e.ɵk=X,e.ɵl=Y,e.ɵi=W,e.ɵj=H,e.ɵg=E,e.ɵh=L,e.incrementalSearch=r.incrementalSearch,e.Search=r.Search,e.resetIncrementalSearchValues=r.resetIncrementalSearchValues,e.highlightSearch=r.highlightSearch,e.revertHighlightSearch=r.revertHighlightSearch,e.FieldSettings=r.FieldSettings,e.dropDownBaseClasses=r.dropDownBaseClasses,e.DropDownBase=r.DropDownBase,e.dropDownListClasses=r.dropDownListClasses,e.DropDownList=r.DropDownList,e.Fields=r.Fields,e.TreeSettings=r.TreeSettings,e.DropDownTree=r.DropDownTree,e.ComboBox=r.ComboBox,e.AutoComplete=r.AutoComplete,e.MultiSelect=r.MultiSelect,e.CheckBoxSelection=r.CheckBoxSelection,e.createFloatLabel=r.createFloatLabel,e.updateFloatLabelState=r.updateFloatLabelState,e.removeFloating=r.removeFloating,e.setPlaceHolder=r.setPlaceHolder,e.floatLabelFocus=r.floatLabelFocus,e.floatLabelBlur=r.floatLabelBlur,e.encodePlaceholder=r.encodePlaceholder,e.SelectionSettings=r.SelectionSettings,e.ToolbarSettings=r.ToolbarSettings,e.ListBox=r.ListBox,Object.defineProperty(e,"__esModule",{value:!0})});
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@angular/core"),require("@angular/forms"),require("@syncfusion/ej2-angular-base"),require("@syncfusion/ej2-dropdowns"),require("@angular/common")):"function"==typeof define&&define.amd?define(["exports","@angular/core","@angular/forms","@syncfusion/ej2-angular-base","@syncfusion/ej2-dropdowns","@angular/common"],t):t(e["ej2-angular-dropdowns"]={},e.ng.core,e.ng.forms,e.ej2.angular.base,e.ej2.dropdowns,e.ng.common)}(this,function(e,t,o,n,r,i){"use strict";var a=this&&this.__extends||function(){var e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var o in t)t.hasOwnProperty(o)&&(e[o]=t[o])};return function(t,o){function n(){this.constructor=t}e(t,o),t.prototype=null===o?Object.create(o):(n.prototype=o.prototype,new n)}}(),p=this&&this.__decorate||function(e,t,o,n){var r,i=arguments.length,a=i<3?t:null===n?n=Object.getOwnPropertyDescriptor(t,o):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,o,n);else for(var p=e.length-1;p>=0;p--)(r=e[p])&&(a=(i<3?r(a):i>3?r(t,o,a):r(t,o))||a);return i>3&&a&&Object.defineProperty(t,o,a),a},l=this&&this.__metadata||function(e,t){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(e,t)},s=["actionFailureTemplate","allowFiltering","cssClass","dataSource","enablePersistence","enableRtl","enabled","fields","filterBarPlaceholder","filterType","floatLabelType","footerTemplate","groupTemplate","headerTemplate","htmlAttributes","ignoreAccent","ignoreCase","index","itemTemplate","locale","noRecordsTemplate","placeholder","popupHeight","popupWidth","query","readonly","showClearButton","sortOrder","text","value","valueTemplate","width","zIndex"],c=["actionBegin","actionComplete","actionFailure","beforeOpen","blur","change","close","created","dataBound","destroyed","filtering","focus","open","select","valueChange"],m=["value"];e.DropDownListComponent=u=function(e){function t(t,o,r,i){var a=e.call(this)||this;return a.ngEle=t,a.srenderer=o,a.viewContainerRef=r,a.injector=i,a.skipFromEvent=!0,a.element=a.ngEle.nativeElement,a.injectedModules=a.injectedModules||[],a.registerEvents(c),a.addTwoWay.call(a,m),n.setValue("currentInstance",a,a.viewContainerRef),a.formContext=new n.FormBase,a.formCompContext=new n.ComponentBase,a}return a(t,e),t.prototype.registerOnChange=function(e){},t.prototype.registerOnTouched=function(e){},t.prototype.writeValue=function(e){},t.prototype.setDisabledState=function(e){},t.prototype.ngOnInit=function(){this.formCompContext.ngOnInit(this)},t.prototype.ngAfterViewInit=function(){this.formContext.ngAfterViewInit(this)},t.prototype.ngOnDestroy=function(){this.formCompContext.ngOnDestroy(this)},t.prototype.ngAfterContentChecked=function(){this.formCompContext.ngAfterContentChecked(this)},t}(r.DropDownList),e.DropDownListComponent.decorators=[{type:t.Component,args:[{selector:"ejs-dropdownlist",inputs:s,outputs:c,template:"",changeDetection:t.ChangeDetectionStrategy.OnPush,providers:[{provide:o.NG_VALUE_ACCESSOR,useExisting:t.forwardRef(function(){return u}),multi:!0}],queries:{}}]}],e.DropDownListComponent.ctorParameters=function(){return[{type:t.ElementRef},{type:t.Renderer2},{type:t.ViewContainerRef},{type:t.Injector}]},e.DropDownListComponent.propDecorators={footerTemplate:[{type:t.ContentChild,args:["footerTemplate"]}],headerTemplate:[{type:t.ContentChild,args:["headerTemplate"]}],valueTemplate:[{type:t.ContentChild,args:["valueTemplate"]}],groupTemplate:[{type:t.ContentChild,args:["groupTemplate"]}],itemTemplate:[{type:t.ContentChild,args:["itemTemplate"]}],noRecordsTemplate:[{type:t.ContentChild,args:["noRecordsTemplate"]}],actionFailureTemplate:[{type:t.ContentChild,args:["actionFailureTemplate"]}]},p([n.Template(),l("design:type",Object)],e.DropDownListComponent.prototype,"footerTemplate",void 0),p([n.Template(),l("design:type",Object)],e.DropDownListComponent.prototype,"headerTemplate",void 0),p([n.Template(),l("design:type",Object)],e.DropDownListComponent.prototype,"valueTemplate",void 0),p([n.Template(),l("design:type",Object)],e.DropDownListComponent.prototype,"groupTemplate",void 0),p([n.Template(),l("design:type",Object)],e.DropDownListComponent.prototype,"itemTemplate",void 0),p([n.Template("No records found"),l("design:type",Object)],e.DropDownListComponent.prototype,"noRecordsTemplate",void 0),p([n.Template("Request failed"),l("design:type",Object)],e.DropDownListComponent.prototype,"actionFailureTemplate",void 0),e.DropDownListComponent=u=p([n.ComponentMixins([n.ComponentBase,n.FormBase]),l("design:paramtypes",[t.ElementRef,t.Renderer2,t.ViewContainerRef,t.Injector])],e.DropDownListComponent);var u,d=function(){return function(){}}();d.decorators=[{type:t.NgModule,args:[{imports:[i.CommonModule],declarations:[e.DropDownListComponent],exports:[e.DropDownListComponent]}]}],d.ctorParameters=function(){return[]};var f=function(){return function(){}}();f.decorators=[{type:t.NgModule,args:[{imports:[i.CommonModule,d],exports:[d],providers:[]}]}],f.ctorParameters=function(){return[]};var C=this&&this.__decorate||function(e,t,o,n){var r,i=arguments.length,a=i<3?t:null===n?n=Object.getOwnPropertyDescriptor(t,o):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,o,n);else for(var p=e.length-1;p>=0;p--)(r=e[p])&&(a=(i<3?r(a):i>3?r(t,o,a):r(t,o))||a);return i>3&&a&&Object.defineProperty(t,o,a),a},g=this&&this.__metadata||function(e,t){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(e,t)},h=["actionFailureTemplate","allowCustom","allowFiltering","autofill","cssClass","dataSource","enablePersistence","enableRtl","enabled","fields","filterBarPlaceholder","filterType","floatLabelType","footerTemplate","groupTemplate","headerTemplate","htmlAttributes","ignoreAccent","ignoreCase","index","itemTemplate","locale","noRecordsTemplate","placeholder","popupHeight","popupWidth","query","readonly","showClearButton","sortOrder","text","value","valueTemplate","width","zIndex"],y=["actionBegin","actionComplete","actionFailure","beforeOpen","blur","change","close","created","customValueSpecifier","dataBound","destroyed","filtering","focus","open","select","valueChange"],T=["value"];e.ComboBoxComponent=v=function(e){function t(t,o,r,i){var a=e.call(this)||this;return a.ngEle=t,a.srenderer=o,a.viewContainerRef=r,a.injector=i,a.skipFromEvent=!0,a.element=a.ngEle.nativeElement,a.injectedModules=a.injectedModules||[],a.registerEvents(y),a.addTwoWay.call(a,T),n.setValue("currentInstance",a,a.viewContainerRef),a.formContext=new n.FormBase,a.formCompContext=new n.ComponentBase,a}return a(t,e),t.prototype.registerOnChange=function(e){},t.prototype.registerOnTouched=function(e){},t.prototype.writeValue=function(e){},t.prototype.setDisabledState=function(e){},t.prototype.ngOnInit=function(){this.formCompContext.ngOnInit(this)},t.prototype.ngAfterViewInit=function(){this.formContext.ngAfterViewInit(this)},t.prototype.ngOnDestroy=function(){this.formCompContext.ngOnDestroy(this)},t.prototype.ngAfterContentChecked=function(){this.formCompContext.ngAfterContentChecked(this)},t}(r.ComboBox),e.ComboBoxComponent.decorators=[{type:t.Component,args:[{selector:"ejs-combobox",inputs:h,outputs:y,template:"",changeDetection:t.ChangeDetectionStrategy.OnPush,providers:[{provide:o.NG_VALUE_ACCESSOR,useExisting:t.forwardRef(function(){return v}),multi:!0}],queries:{}}]}],e.ComboBoxComponent.ctorParameters=function(){return[{type:t.ElementRef},{type:t.Renderer2},{type:t.ViewContainerRef},{type:t.Injector}]},e.ComboBoxComponent.propDecorators={footerTemplate:[{type:t.ContentChild,args:["footerTemplate"]}],headerTemplate:[{type:t.ContentChild,args:["headerTemplate"]}],groupTemplate:[{type:t.ContentChild,args:["groupTemplate"]}],itemTemplate:[{type:t.ContentChild,args:["itemTemplate"]}],noRecordsTemplate:[{type:t.ContentChild,args:["noRecordsTemplate"]}],actionFailureTemplate:[{type:t.ContentChild,args:["actionFailureTemplate"]}]},C([n.Template(),g("design:type",Object)],e.ComboBoxComponent.prototype,"footerTemplate",void 0),C([n.Template(),g("design:type",Object)],e.ComboBoxComponent.prototype,"headerTemplate",void 0),C([n.Template(),g("design:type",Object)],e.ComboBoxComponent.prototype,"groupTemplate",void 0),C([n.Template(),g("design:type",Object)],e.ComboBoxComponent.prototype,"itemTemplate",void 0),C([n.Template("No records found"),g("design:type",Object)],e.ComboBoxComponent.prototype,"noRecordsTemplate",void 0),C([n.Template("Request failed"),g("design:type",Object)],e.ComboBoxComponent.prototype,"actionFailureTemplate",void 0),e.ComboBoxComponent=v=C([n.ComponentMixins([n.ComponentBase,n.FormBase]),g("design:paramtypes",[t.ElementRef,t.Renderer2,t.ViewContainerRef,t.Injector])],e.ComboBoxComponent);var v,w=function(){return function(){}}();w.decorators=[{type:t.NgModule,args:[{imports:[i.CommonModule],declarations:[e.ComboBoxComponent],exports:[e.ComboBoxComponent]}]}],w.ctorParameters=function(){return[]};var b=function(){return function(){}}();b.decorators=[{type:t.NgModule,args:[{imports:[i.CommonModule,w],exports:[w],providers:[]}]}],b.ctorParameters=function(){return[]};var D=this&&this.__decorate||function(e,t,o,n){var r,i=arguments.length,a=i<3?t:null===n?n=Object.getOwnPropertyDescriptor(t,o):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,o,n);else for(var p=e.length-1;p>=0;p--)(r=e[p])&&(a=(i<3?r(a):i>3?r(t,o,a):r(t,o))||a);return i>3&&a&&Object.defineProperty(t,o,a),a},x=this&&this.__metadata||function(e,t){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(e,t)},R=["actionFailureTemplate","allowCustom","allowFiltering","autofill","cssClass","dataSource","enablePersistence","enableRtl","enabled","fields","filterBarPlaceholder","filterType","floatLabelType","footerTemplate","groupTemplate","headerTemplate","highlight","htmlAttributes","ignoreAccent","ignoreCase","index","itemTemplate","locale","minLength","noRecordsTemplate","placeholder","popupHeight","popupWidth","query","readonly","showClearButton","showPopupButton","sortOrder","suggestionCount","text","value","valueTemplate","width","zIndex"],O=["actionBegin","actionComplete","actionFailure","beforeOpen","blur","change","close","created","customValueSpecifier","dataBound","destroyed","filtering","focus","open","select","valueChange"],j=["value"];e.AutoCompleteComponent=B=function(e){function t(t,o,r,i){var a=e.call(this)||this;return a.ngEle=t,a.srenderer=o,a.viewContainerRef=r,a.injector=i,a.skipFromEvent=!0,a.element=a.ngEle.nativeElement,a.injectedModules=a.injectedModules||[],a.registerEvents(O),a.addTwoWay.call(a,j),n.setValue("currentInstance",a,a.viewContainerRef),a.formContext=new n.FormBase,a.formCompContext=new n.ComponentBase,a}return a(t,e),t.prototype.registerOnChange=function(e){},t.prototype.registerOnTouched=function(e){},t.prototype.writeValue=function(e){},t.prototype.setDisabledState=function(e){},t.prototype.ngOnInit=function(){this.formCompContext.ngOnInit(this)},t.prototype.ngAfterViewInit=function(){this.formContext.ngAfterViewInit(this)},t.prototype.ngOnDestroy=function(){this.formCompContext.ngOnDestroy(this)},t.prototype.ngAfterContentChecked=function(){this.formCompContext.ngAfterContentChecked(this)},t}(r.AutoComplete),e.AutoCompleteComponent.decorators=[{type:t.Component,args:[{selector:"ejs-autocomplete",inputs:R,outputs:O,template:"",changeDetection:t.ChangeDetectionStrategy.OnPush,providers:[{provide:o.NG_VALUE_ACCESSOR,useExisting:t.forwardRef(function(){return B}),multi:!0}],queries:{}}]}],e.AutoCompleteComponent.ctorParameters=function(){return[{type:t.ElementRef},{type:t.Renderer2},{type:t.ViewContainerRef},{type:t.Injector}]},e.AutoCompleteComponent.propDecorators={footerTemplate:[{type:t.ContentChild,args:["footerTemplate"]}],headerTemplate:[{type:t.ContentChild,args:["headerTemplate"]}],groupTemplate:[{type:t.ContentChild,args:["groupTemplate"]}],itemTemplate:[{type:t.ContentChild,args:["itemTemplate"]}],noRecordsTemplate:[{type:t.ContentChild,args:["noRecordsTemplate"]}],actionFailureTemplate:[{type:t.ContentChild,args:["actionFailureTemplate"]}]},D([n.Template(),x("design:type",Object)],e.AutoCompleteComponent.prototype,"footerTemplate",void 0),D([n.Template(),x("design:type",Object)],e.AutoCompleteComponent.prototype,"headerTemplate",void 0),D([n.Template(),x("design:type",Object)],e.AutoCompleteComponent.prototype,"groupTemplate",void 0),D([n.Template(),x("design:type",Object)],e.AutoCompleteComponent.prototype,"itemTemplate",void 0),D([n.Template("No records found"),x("design:type",Object)],e.AutoCompleteComponent.prototype,"noRecordsTemplate",void 0),D([n.Template("Request failed"),x("design:type",Object)],e.AutoCompleteComponent.prototype,"actionFailureTemplate",void 0),e.AutoCompleteComponent=B=D([n.ComponentMixins([n.ComponentBase,n.FormBase]),x("design:paramtypes",[t.ElementRef,t.Renderer2,t.ViewContainerRef,t.Injector])],e.AutoCompleteComponent);var B,S=function(){return function(){}}();S.decorators=[{type:t.NgModule,args:[{imports:[i.CommonModule],declarations:[e.AutoCompleteComponent],exports:[e.AutoCompleteComponent]}]}],S.ctorParameters=function(){return[]};var A=function(){return function(){}}();A.decorators=[{type:t.NgModule,args:[{imports:[i.CommonModule,S],exports:[S],providers:[]}]}],A.ctorParameters=function(){return[]};var M=this&&this.__decorate||function(e,t,o,n){var r,i=arguments.length,a=i<3?t:null===n?n=Object.getOwnPropertyDescriptor(t,o):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,o,n);else for(var p=e.length-1;p>=0;p--)(r=e[p])&&(a=(i<3?r(a):i>3?r(t,o,a):r(t,o))||a);return i>3&&a&&Object.defineProperty(t,o,a),a},F=this&&this.__metadata||function(e,t){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(e,t)},E=["actionFailureTemplate","addTagOnBlur","allowCustomValue","allowFiltering","changeOnBlur","closePopupOnSelect","cssClass","dataSource","delimiterChar","enableGroupCheckBox","enableHtmlSanitizer","enablePersistence","enableRtl","enableSelectionOrder","enabled","fields","filterBarPlaceholder","filterType","floatLabelType","footerTemplate","groupTemplate","headerTemplate","hideSelectedItem","htmlAttributes","ignoreAccent","ignoreCase","itemTemplate","locale","maximumSelectionLength","mode","noRecordsTemplate","openOnClick","placeholder","popupHeight","popupWidth","query","readonly","selectAllText","showClearButton","showDropDownIcon","showSelectAll","sortOrder","text","unSelectAllText","value","valueTemplate","width","zIndex"],L=["actionBegin","actionComplete","actionFailure","beforeOpen","beforeSelectAll","blur","change","chipSelection","close","created","customValueSelection","dataBound","destroyed","filtering","focus","open","removed","removing","select","selectedAll","tagging","valueChange"],P=["value"];e.MultiSelectComponent=I=function(e){function t(t,o,r,i){var a=e.call(this)||this;a.ngEle=t,a.srenderer=o,a.viewContainerRef=r,a.injector=i,a.skipFromEvent=!0,a.element=a.ngEle.nativeElement,a.injectedModules=a.injectedModules||[];try{var p=a.injector.get("DropDownsCheckBoxSelection");-1===a.injectedModules.indexOf(p)&&a.injectedModules.push(p)}catch(l){}return a.registerEvents(L),a.addTwoWay.call(a,P),n.setValue("currentInstance",a,a.viewContainerRef),a.formContext=new n.FormBase,a.formCompContext=new n.ComponentBase,a}return a(t,e),t.prototype.registerOnChange=function(e){},t.prototype.registerOnTouched=function(e){},t.prototype.writeValue=function(e){},t.prototype.setDisabledState=function(e){},t.prototype.ngOnInit=function(){this.formCompContext.ngOnInit(this)},t.prototype.ngAfterViewInit=function(){this.formContext.ngAfterViewInit(this)},t.prototype.ngOnDestroy=function(){this.formCompContext.ngOnDestroy(this)},t.prototype.ngAfterContentChecked=function(){this.formCompContext.ngAfterContentChecked(this)},t}(r.MultiSelect),e.MultiSelectComponent.decorators=[{type:t.Component,args:[{selector:"ejs-multiselect",inputs:E,outputs:L,template:"",changeDetection:t.ChangeDetectionStrategy.OnPush,providers:[{provide:o.NG_VALUE_ACCESSOR,useExisting:t.forwardRef(function(){return I}),multi:!0}],queries:{}}]}],e.MultiSelectComponent.ctorParameters=function(){return[{type:t.ElementRef},{type:t.Renderer2},{type:t.ViewContainerRef},{type:t.Injector}]},e.MultiSelectComponent.propDecorators={footerTemplate:[{type:t.ContentChild,args:["footerTemplate"]}],headerTemplate:[{type:t.ContentChild,args:["headerTemplate"]}],valueTemplate:[{type:t.ContentChild,args:["valueTemplate"]}],itemTemplate:[{type:t.ContentChild,args:["itemTemplate"]}],groupTemplate:[{type:t.ContentChild,args:["groupTemplate"]}],noRecordsTemplate:[{type:t.ContentChild,args:["noRecordsTemplate"]}],actionFailureTemplate:[{type:t.ContentChild,args:["actionFailureTemplate"]}]},M([n.Template(),F("design:type",Object)],e.MultiSelectComponent.prototype,"footerTemplate",void 0),M([n.Template(),F("design:type",Object)],e.MultiSelectComponent.prototype,"headerTemplate",void 0),M([n.Template(),F("design:type",Object)],e.MultiSelectComponent.prototype,"valueTemplate",void 0),M([n.Template(),F("design:type",Object)],e.MultiSelectComponent.prototype,"itemTemplate",void 0),M([n.Template(),F("design:type",Object)],e.MultiSelectComponent.prototype,"groupTemplate",void 0),M([n.Template("No records found"),F("design:type",Object)],e.MultiSelectComponent.prototype,"noRecordsTemplate",void 0),M([n.Template("Request failed"),F("design:type",Object)],e.MultiSelectComponent.prototype,"actionFailureTemplate",void 0),e.MultiSelectComponent=I=M([n.ComponentMixins([n.ComponentBase,n.FormBase]),F("design:paramtypes",[t.ElementRef,t.Renderer2,t.ViewContainerRef,t.Injector])],e.MultiSelectComponent);var I,V=function(){return function(){}}();V.decorators=[{type:t.NgModule,args:[{imports:[i.CommonModule],declarations:[e.MultiSelectComponent],exports:[e.MultiSelectComponent]}]}],V.ctorParameters=function(){return[]};var _={provide:"DropDownsCheckBoxSelection",useValue:r.CheckBoxSelection},k=function(){return function(){}}();k.decorators=[{type:t.NgModule,args:[{imports:[i.CommonModule,V],exports:[V],providers:[_]}]}],k.ctorParameters=function(){return[]};var N=this&&this.__decorate||function(e,t,o,n){var r,i=arguments.length,a=i<3?t:null===n?n=Object.getOwnPropertyDescriptor(t,o):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,o,n);else for(var p=e.length-1;p>=0;p--)(r=e[p])&&(a=(i<3?r(a):i>3?r(t,o,a):r(t,o))||a);return i>3&&a&&Object.defineProperty(t,o,a),a},q=this&&this.__metadata||function(e,t){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(e,t)},W=["actionFailureTemplate","allowDragAndDrop","allowFiltering","cssClass","dataSource","enablePersistence","enableRtl","enabled","fields","filterBarPlaceholder","filterType","groupTemplate","height","ignoreAccent","ignoreCase","itemTemplate","locale","maximumSelectionLength","noRecordsTemplate","query","scope","selectionSettings","sortOrder","toolbarSettings","value","zIndex"],H=["focus","blur","actionBegin","actionComplete","actionFailure","beforeDrop","beforeItemRender","change","created","dataBound","destroyed","drag","dragStart","drop","filtering","select","valueChange"],z=["value"];e.ListBoxComponent=G=function(e){function t(t,o,r,i){var a=e.call(this)||this;a.ngEle=t,a.srenderer=o,a.viewContainerRef=r,a.injector=i,a.element=a.ngEle.nativeElement,a.injectedModules=a.injectedModules||[];try{var p=a.injector.get("DropDownsCheckBoxSelection");-1===a.injectedModules.indexOf(p)&&a.injectedModules.push(p)}catch(l){}return a.registerEvents(H),a.addTwoWay.call(a,z),n.setValue("currentInstance",a,a.viewContainerRef),a.formContext=new n.FormBase,a.formCompContext=new n.ComponentBase,a}return a(t,e),t.prototype.registerOnChange=function(e){},t.prototype.registerOnTouched=function(e){},t.prototype.writeValue=function(e){},t.prototype.setDisabledState=function(e){},t.prototype.ngOnInit=function(){this.formCompContext.ngOnInit(this)},t.prototype.ngAfterViewInit=function(){this.formContext.ngAfterViewInit(this)},t.prototype.ngOnDestroy=function(){this.formCompContext.ngOnDestroy(this)},t.prototype.ngAfterContentChecked=function(){this.formCompContext.ngAfterContentChecked(this)},t}(r.ListBox),e.ListBoxComponent.decorators=[{type:t.Component,args:[{selector:"ejs-listbox",inputs:W,outputs:H,template:"",changeDetection:t.ChangeDetectionStrategy.OnPush,providers:[{provide:o.NG_VALUE_ACCESSOR,useExisting:t.forwardRef(function(){return G}),multi:!0}],queries:{}}]}],e.ListBoxComponent.ctorParameters=function(){return[{type:t.ElementRef},{type:t.Renderer2},{type:t.ViewContainerRef},{type:t.Injector}]},e.ListBoxComponent.propDecorators={itemTemplate:[{type:t.ContentChild,args:["itemTemplate"]}],noRecordsTemplate:[{type:t.ContentChild,args:["noRecordsTemplate"]}]},N([n.Template(),q("design:type",Object)],e.ListBoxComponent.prototype,"itemTemplate",void 0),N([n.Template("No records found"),q("design:type",Object)],e.ListBoxComponent.prototype,"noRecordsTemplate",void 0),e.ListBoxComponent=G=N([n.ComponentMixins([n.ComponentBase,n.FormBase]),q("design:paramtypes",[t.ElementRef,t.Renderer2,t.ViewContainerRef,t.Injector])],e.ListBoxComponent);var G,U=function(){return function(){}}();U.decorators=[{type:t.NgModule,args:[{imports:[i.CommonModule],declarations:[e.ListBoxComponent],exports:[e.ListBoxComponent]}]}],U.ctorParameters=function(){return[]};var J=function(){return function(){}}();J.decorators=[{type:t.NgModule,args:[{imports:[i.CommonModule,U],exports:[U],providers:[]}]}],J.ctorParameters=function(){return[]};var K=this&&this.__decorate||function(e,t,o,n){var r,i=arguments.length,a=i<3?t:null===n?n=Object.getOwnPropertyDescriptor(t,o):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,o,n);else for(var p=e.length-1;p>=0;p--)(r=e[p])&&(a=(i<3?r(a):i>3?r(t,o,a):r(t,o))||a);return i>3&&a&&Object.defineProperty(t,o,a),a},Q=this&&this.__metadata||function(e,t){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(e,t)},X=["actionFailureTemplate","allowFiltering","allowMultiSelection","changeOnBlur","cssClass","customTemplate","delimiterChar","enablePersistence","enableRtl","enabled","fields","filterBarPlaceholder","filterType","floatLabelType","footerTemplate","headerTemplate","htmlAttributes","ignoreAccent","ignoreCase","itemTemplate","locale","mode","noRecordsTemplate","placeholder","popupHeight","popupWidth","readonly","selectAllText","showCheckBox","showClearButton","showDropDownIcon","showSelectAll","sortOrder","text","treeSettings","unSelectAllText","value","width","wrapText","zIndex"],Y=["actionFailure","beforeOpen","blur","change","close","created","dataBound","destroyed","filtering","focus","keyPress","open","select","valueChange"],Z=["value"];e.DropDownTreeComponent=$=function(e){function t(t,o,r,i){var a=e.call(this)||this;return a.ngEle=t,a.srenderer=o,a.viewContainerRef=r,a.injector=i,a.skipFromEvent=!0,a.element=a.ngEle.nativeElement,a.injectedModules=a.injectedModules||[],a.registerEvents(Y),a.addTwoWay.call(a,Z),n.setValue("currentInstance",a,a.viewContainerRef),a.formContext=new n.FormBase,a.formCompContext=new n.ComponentBase,a}return a(t,e),t.prototype.registerOnChange=function(e){},t.prototype.registerOnTouched=function(e){},t.prototype.writeValue=function(e){},t.prototype.setDisabledState=function(e){},t.prototype.ngOnInit=function(){this.formCompContext.ngOnInit(this)},t.prototype.ngAfterViewInit=function(){this.formContext.ngAfterViewInit(this)},t.prototype.ngOnDestroy=function(){this.formCompContext.ngOnDestroy(this)},t.prototype.ngAfterContentChecked=function(){this.formCompContext.ngAfterContentChecked(this)},t}(r.DropDownTree),e.DropDownTreeComponent.decorators=[{type:t.Component,args:[{selector:"ejs-dropdowntree",inputs:X,outputs:Y,template:"",changeDetection:t.ChangeDetectionStrategy.OnPush,providers:[{provide:o.NG_VALUE_ACCESSOR,useExisting:t.forwardRef(function(){return $}),multi:!0}],queries:{}}]}],e.DropDownTreeComponent.ctorParameters=function(){return[{type:t.ElementRef},{type:t.Renderer2},{type:t.ViewContainerRef},{type:t.Injector}]},e.DropDownTreeComponent.propDecorators={footerTemplate:[{type:t.ContentChild,args:["footerTemplate"]}],headerTemplate:[{type:t.ContentChild,args:["headerTemplate"]}],itemTemplate:[{type:t.ContentChild,args:["itemTemplate"]}],noRecordsTemplate:[{type:t.ContentChild,args:["noRecordsTemplate"]}],actionFailureTemplate:[{type:t.ContentChild,args:["actionFailureTemplate"]}]},K([n.Template(),Q("design:type",Object)],e.DropDownTreeComponent.prototype,"footerTemplate",void 0),K([n.Template(),Q("design:type",Object)],e.DropDownTreeComponent.prototype,"headerTemplate",void 0),K([n.Template(),Q("design:type",Object)],e.DropDownTreeComponent.prototype,"itemTemplate",void 0),K([n.Template("No records found"),Q("design:type",Object)],e.DropDownTreeComponent.prototype,"noRecordsTemplate",void 0),K([n.Template("Request failed"),Q("design:type",Object)],e.DropDownTreeComponent.prototype,"actionFailureTemplate",void 0),e.DropDownTreeComponent=$=K([n.ComponentMixins([n.ComponentBase,n.FormBase]),Q("design:paramtypes",[t.ElementRef,t.Renderer2,t.ViewContainerRef,t.Injector])],e.DropDownTreeComponent);var $,ee=function(){return function(){}}();ee.decorators=[{type:t.NgModule,args:[{imports:[i.CommonModule],declarations:[e.DropDownTreeComponent],exports:[e.DropDownTreeComponent]}]}],ee.ctorParameters=function(){return[]};var te=function(){return function(){}}();te.decorators=[{type:t.NgModule,args:[{imports:[i.CommonModule,ee],exports:[ee],providers:[]}]}],te.ctorParameters=function(){return[]},e.DropDownListModule=d,e.DropDownListAllModule=f,e.ComboBoxModule=w,e.ComboBoxAllModule=b,e.AutoCompleteModule=S,e.AutoCompleteAllModule=A,e.MultiSelectModule=V,e.MultiSelectAllModule=k,e.CheckBoxSelectionService=_,e.ListBoxModule=U,e.ListBoxAllModule=J,e.DropDownTreeModule=ee,e.DropDownTreeAllModule=te,e.ɵe=R,e.ɵf=O,e.ɵc=h,e.ɵd=y,e.ɵa=s,e.ɵb=c,e.ɵk=X,e.ɵl=Y,e.ɵi=W,e.ɵj=H,e.ɵg=E,e.ɵh=L,e.incrementalSearch=r.incrementalSearch,e.Search=r.Search,e.escapeCharRegExp=r.escapeCharRegExp,e.resetIncrementalSearchValues=r.resetIncrementalSearchValues,e.highlightSearch=r.highlightSearch,e.revertHighlightSearch=r.revertHighlightSearch,e.FieldSettings=r.FieldSettings,e.dropDownBaseClasses=r.dropDownBaseClasses,e.DropDownBase=r.DropDownBase,e.dropDownListClasses=r.dropDownListClasses,e.DropDownList=r.DropDownList,e.Fields=r.Fields,e.TreeSettings=r.TreeSettings,e.DropDownTree=r.DropDownTree,e.ComboBox=r.ComboBox,e.AutoComplete=r.AutoComplete,e.MultiSelect=r.MultiSelect,e.CheckBoxSelection=r.CheckBoxSelection,e.createFloatLabel=r.createFloatLabel,e.updateFloatLabelState=r.updateFloatLabelState,e.removeFloating=r.removeFloating,e.setPlaceHolder=r.setPlaceHolder,e.floatLabelFocus=r.floatLabelFocus,e.floatLabelBlur=r.floatLabelBlur,e.encodePlaceholder=r.encodePlaceholder,e.SelectionSettings=r.SelectionSettings,e.ToolbarSettings=r.ToolbarSettings,e.ListBox=r.ListBox,Object.defineProperty(e,"__esModule",{value:!0})});
 //# sourceMappingURL=ej2-angular-dropdowns.umd.min.js.map

package/package.json

@@ -1,8 +1,8 @@
 {
   "_from": "@syncfusion/ej2-angular-dropdowns@*",
-  "_id": "@syncfusion/ej2-angular-dropdowns@19.4.54",
+  "_id": "@syncfusion/ej2-angular-dropdowns@20.1.47",
   "_inBundle": false,
-  "_integrity": "sha512-X41cnmD0W9z04WYvm1mAHsvEEyap9YS8OUIElevOHJMNTZwC9jjmPS5BWAbouR80qBp5dF+5aBDI1gPr4+o7mA==",
+  "_integrity": "sha512-A7cYBnyinEGfHiDEg64k7xd9J+aCx3RdjXd23LlljsNzT1wetlyheHYgsDVht08QUAV22kFFTNIH6lzoQUwGdw==",
   "_location": "/@syncfusion/ej2-angular-dropdowns",
   "_phantomChildren": {},
   "_requested": {
@@ -19,8 +19,8 @@
   "_requiredBy": [
     "/"
   ],
-  "_resolved": "http://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-angular-dropdowns/-/ej2-angular-dropdowns-19.4.54.tgz",
-  "_shasum": "8bb483dea2b73ffd81de51bbb08d49bc270c5169",
+  "_resolved": "http://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-angular-dropdowns/-/ej2-angular-dropdowns-20.1.47.tgz",
+  "_shasum": "5bc548d0d8b7cbbc247ca5fbfdd73d9cb5481002",
   "_spec": "@syncfusion/ej2-angular-dropdowns@*",
   "_where": "/jenkins/workspace/automation_release_19.1.0.1-ZPMUBNQ6AUYH6YGEFBPVYMEQLRRW2SLD4XCZ6GATNZJFYJ3RIAOA/packages/included",
   "author": {
@@ -31,9 +31,9 @@
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-angular-base": "~19.4.52",
-    "@syncfusion/ej2-base": "~19.4.52",
-    "@syncfusion/ej2-dropdowns": "19.4.55"
+    "@syncfusion/ej2-angular-base": "~20.1.48",
+    "@syncfusion/ej2-base": "~20.1.50",
+    "@syncfusion/ej2-dropdowns": "20.1.50"
   },
   "deprecated": false,
   "description": "Essential JS 2 DropDown Components for Angular",
@@ -72,5 +72,5 @@
   "schematics": "./schematics/collection.json",
   "sideEffects": false,
   "typings": "ej2-angular-dropdowns.d.ts",
-  "version": "19.4.55"
+  "version": "20.1.50"
 }

package/schematics/utils/lib-details.d.ts

@@ -1,4 +1,4 @@
 export declare const pkgName = "@syncfusion/ej2-angular-dropdowns";
-export declare const pkgVer = "^19.4.54";
+export declare const pkgVer = "^20.1.47";
 export declare const moduleName = "DropDownListModule, ComboBoxModule, AutoCompleteModule, MultiSelectModule, ListBoxModule, DropDownTreeModule";
-export declare const themeVer = "~19.4.54";
+export declare const themeVer = "~20.1.47";

package/schematics/utils/lib-details.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.pkgName = '@syncfusion/ej2-angular-dropdowns';
-exports.pkgVer = '^19.4.54';
+exports.pkgVer = '^20.1.47';
 exports.moduleName = 'DropDownListModule, ComboBoxModule, AutoCompleteModule, MultiSelectModule, ListBoxModule, DropDownTreeModule';
-exports.themeVer = '~19.4.54';
+exports.themeVer = '~20.1.47';

package/schematics/utils/lib-details.ts

@@ -1,4 +1,4 @@
 export const pkgName = '@syncfusion/ej2-angular-dropdowns';
-export const pkgVer = '^19.4.54';
+export const pkgVer = '^20.1.47';
 export const moduleName = 'DropDownListModule, ComboBoxModule, AutoCompleteModule, MultiSelectModule, ListBoxModule, DropDownTreeModule';
-export const themeVer = '~19.4.54';
+export const themeVer = '~20.1.47';

package/styles/auto-complete/bootstrap5-dark.css

@@ -89,6 +89,13 @@
   color: #adb5bd;
 }
 
+.e-input-group.e-ddl.e-readonly .e-input[readonly] ~ span.e-input-group-icon.e-ddl-icon.e-search-icon,
+.e-input-group.e-control-wrapper.e-readonly .e-input[readonly] ~ span.e-input-group-icon.e-ddl-icon.e-search-icon,
+.e-float-input.e-ddl.e-readonly .e-input[readonly] ~ span.e-input-group-icon.e-ddl-icon.e-search-icon,
+.e-float-input.e-control-wrapper.e-ddl.e-readonly .e-input[readonly] ~ span.e-input-group-icon.e-ddl-icon.e-search-icon {
+  background: #343a40;
+}
+
 .e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon,
 .e-input-group.e-disabled.e-ddl .e-control.e-dropdownlist ~ .e-input-group-icon,
 .e-control.e-dropdownlist .e-input-group.e-disabled.e-ddl .e-input-group-icon,

package/styles/auto-complete/bootstrap5.css

@@ -89,6 +89,13 @@
   color: #6c757d;
 }
 
+.e-input-group.e-ddl.e-readonly .e-input[readonly] ~ span.e-input-group-icon.e-ddl-icon.e-search-icon,
+.e-input-group.e-control-wrapper.e-readonly .e-input[readonly] ~ span.e-input-group-icon.e-ddl-icon.e-search-icon,
+.e-float-input.e-ddl.e-readonly .e-input[readonly] ~ span.e-input-group-icon.e-ddl-icon.e-search-icon,
+.e-float-input.e-control-wrapper.e-ddl.e-readonly .e-input[readonly] ~ span.e-input-group-icon.e-ddl-icon.e-search-icon {
+  background: #e9ecef;
+}
+
 .e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon,
 .e-input-group.e-disabled.e-ddl .e-control.e-dropdownlist ~ .e-input-group-icon,
 .e-control.e-dropdownlist .e-input-group.e-disabled.e-ddl .e-input-group-icon,

package/styles/auto-complete/fluent-dark.css

@@ -0,0 +1,132 @@
+.e-popup.e-ddl {
+  border-radius: 4px;
+  box-shadow: none;
+  margin-top: 1px;
+}
+
+.e-popup.e-ddl .e-input-group {
+  width: auto;
+}
+
+.e-popup.e-ddl .e-input-group input {
+  line-height: 15px;
+}
+
+.e-popup.e-ddl .e-dropdownbase {
+  min-height: 26px;
+}
+
+.e-popup.e-ddl .e-filter-parent .e-input-group {
+  display: -ms-flexbox;
+  display: flex;
+  width: auto;
+}
+
+.e-popup.e-ddl .e-filter-parent .e-input-group .e-back-icon {
+  border: 0;
+}
+
+.e-bigger .e-popup.e-ddl-device-filter {
+  margin-top: 0;
+}
+
+.e-bigger .e-popup.e-ddl .e-list-item {
+  font-size: 16px;
+  line-height: 32px;
+  padding-left: 0;
+  text-indent: 16px;
+}
+
+.e-bigger .e-popup.e-ddl .e-list-group-item,
+.e-bigger .e-popup.e-ddl .e-fixed-head {
+  font-size: 14px;
+  line-height: 32px;
+  padding-left: 0;
+  text-indent: 16px;
+}
+
+.e-bigger .e-popup.e-ddl .e-dropdownbase {
+  min-height: 40px;
+}
+
+.e-input-group.e-control-wrapper.e-ddl .e-input[readonly],
+.e-float-input.e-control-wrapper.e-ddl input[readonly] {
+  background: transparent;
+}
+
+.e-input-group.e-control-wrapper.e-ddl.e-readonly .e-input[readonly],
+.e-float-input.e-control-wrapper.e-ddl.e-readonly input[readonly] {
+  background: #1b1a19;
+}
+
+.e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon:active,
+.e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon:hover,
+.e-control.e-dropdownlist .e-input-group:not(.e-disabled) .e-ddl-icon:active,
+.e-control.e-dropdownlist .e-input-group:not(.e-disabled) .e-ddl-icon:hover,
+.e-ddl.e-popup .e-input-group:not(.e-disabled) .e-clear-icon:active,
+.e-ddl.e-popup .e-input-group:not(.e-disabled) .e-clear-icon:hover,
+.e-ddl.e-popup .e-input-group:not(.e-disabled) .e-back-icon:active,
+.e-ddl.e-popup .e-input-group:not(.e-disabled) .e-back-icon:hover {
+  background: none;
+  color: #a19f9d;
+}
+
+.e-input-group.e-ddl .e-input[readonly] ~ span.e-input-group-icon.e-ddl-icon,
+.e-input-group.e-control-wrapper.e-ddl .e-input[readonly] ~ span.e-input-group-icon.e-ddl-icon,
+.e-float-input.e-ddl input[readonly] ~ span.e-input-group-icon.e-ddl-icon,
+.e-float-input.e-control-wrapper.e-ddl input[readonly] ~ span.e-input-group-icon.e-ddl-icon {
+  background: transparent;
+  color: #a19f9d;
+}
+
+.e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon,
+.e-input-group.e-disabled.e-ddl .e-control.e-dropdownlist ~ .e-input-group-icon,
+.e-control.e-dropdownlist .e-input-group.e-disabled.e-ddl .e-input-group-icon,
+.e-control.e-dropdownlist .e-input-group.e-ddl .e-input-group-icon {
+  border: 0;
+}
+
+.e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-input-group-icon:active,
+.e-control.e-dropdownlist .e-input-group:not(.e-disabled) .e-input-group-icon:active,
+.e-ddl.e-popup .e-input-group:not(.e-disabled) .e-back-icon:active,
+.e-ddl.e-popup .e-input-group:not(.e-disabled) .e-clear-icon:active {
+  box-shadow: none;
+}
+
+.e-ddl.e-popup .e-input-group:not(.e-disabled) .e-clear-icon {
+  background: none;
+  display: -ms-flexbox;
+  display: flex;
+  position: relative;
+}
+
+.e-ddl.e-popup .e-filter-parent .e-input-group,
+.e-ddl.e-popup .e-filter-parent {
+  background: #252423;
+}
+
+.e-input-group .e-control.e-dropdownlist ~ .e-ddl-icon {
+  font-size: 14px;
+}
+
+.e-bigger .e-input-group .e-control.e-dropdownlist ~ .e-ddl-icon {
+  font-size: 16px;
+}
+
+.e-bigger.e-small .e-ddl.e-popup .e-list-item,
+.e-bigger.e-small .e-ddl.e-popup .e-list-group-item,
+.e-bigger.e-small .e-ddl.e-popup .e-fixed-head {
+  font-size: 14px;
+  line-height: 34px;
+  padding-left: 0;
+  text-indent: 16px;
+}
+
+.e-bigger.e-small .e-ddl.e-popup .e-input-group input,
+.e-bigger.e-small .e-ddl.e-popup .e-input-group input.e-input {
+  height: 30px;
+}
+
+.e-bigger.e-small .e-popup.e-ddl .e-dropdownbase {
+  min-height: 34px;
+}

package/styles/auto-complete/fluent-dark.scss

@@ -0,0 +1 @@
+@import 'ej2-dropdowns/styles/auto-complete/fluent-dark.scss';

package/styles/auto-complete/fluent.css

@@ -0,0 +1,132 @@
+.e-popup.e-ddl {
+  border-radius: 4px;
+  box-shadow: none;
+  margin-top: 1px;
+}
+
+.e-popup.e-ddl .e-input-group {
+  width: auto;
+}
+
+.e-popup.e-ddl .e-input-group input {
+  line-height: 15px;
+}
+
+.e-popup.e-ddl .e-dropdownbase {
+  min-height: 26px;
+}
+
+.e-popup.e-ddl .e-filter-parent .e-input-group {
+  display: -ms-flexbox;
+  display: flex;
+  width: auto;
+}
+
+.e-popup.e-ddl .e-filter-parent .e-input-group .e-back-icon {
+  border: 0;
+}
+
+.e-bigger .e-popup.e-ddl-device-filter {
+  margin-top: 0;
+}
+
+.e-bigger .e-popup.e-ddl .e-list-item {
+  font-size: 16px;
+  line-height: 32px;
+  padding-left: 0;
+  text-indent: 16px;
+}
+
+.e-bigger .e-popup.e-ddl .e-list-group-item,
+.e-bigger .e-popup.e-ddl .e-fixed-head {
+  font-size: 14px;
+  line-height: 32px;
+  padding-left: 0;
+  text-indent: 16px;
+}
+
+.e-bigger .e-popup.e-ddl .e-dropdownbase {
+  min-height: 40px;
+}
+
+.e-input-group.e-control-wrapper.e-ddl .e-input[readonly],
+.e-float-input.e-control-wrapper.e-ddl input[readonly] {
+  background: transparent;
+}
+
+.e-input-group.e-control-wrapper.e-ddl.e-readonly .e-input[readonly],
+.e-float-input.e-control-wrapper.e-ddl.e-readonly input[readonly] {
+  background: #fff;
+}
+
+.e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon:active,
+.e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon:hover,
+.e-control.e-dropdownlist .e-input-group:not(.e-disabled) .e-ddl-icon:active,
+.e-control.e-dropdownlist .e-input-group:not(.e-disabled) .e-ddl-icon:hover,
+.e-ddl.e-popup .e-input-group:not(.e-disabled) .e-clear-icon:active,
+.e-ddl.e-popup .e-input-group:not(.e-disabled) .e-clear-icon:hover,
+.e-ddl.e-popup .e-input-group:not(.e-disabled) .e-back-icon:active,
+.e-ddl.e-popup .e-input-group:not(.e-disabled) .e-back-icon:hover {
+  background: none;
+  color: #605e5c;
+}
+
+.e-input-group.e-ddl .e-input[readonly] ~ span.e-input-group-icon.e-ddl-icon,
+.e-input-group.e-control-wrapper.e-ddl .e-input[readonly] ~ span.e-input-group-icon.e-ddl-icon,
+.e-float-input.e-ddl input[readonly] ~ span.e-input-group-icon.e-ddl-icon,
+.e-float-input.e-control-wrapper.e-ddl input[readonly] ~ span.e-input-group-icon.e-ddl-icon {
+  background: transparent;
+  color: #605e5c;
+}
+
+.e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon,
+.e-input-group.e-disabled.e-ddl .e-control.e-dropdownlist ~ .e-input-group-icon,
+.e-control.e-dropdownlist .e-input-group.e-disabled.e-ddl .e-input-group-icon,
+.e-control.e-dropdownlist .e-input-group.e-ddl .e-input-group-icon {
+  border: 0;
+}
+
+.e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-input-group-icon:active,
+.e-control.e-dropdownlist .e-input-group:not(.e-disabled) .e-input-group-icon:active,
+.e-ddl.e-popup .e-input-group:not(.e-disabled) .e-back-icon:active,
+.e-ddl.e-popup .e-input-group:not(.e-disabled) .e-clear-icon:active {
+  box-shadow: none;
+}
+
+.e-ddl.e-popup .e-input-group:not(.e-disabled) .e-clear-icon {
+  background: none;
+  display: -ms-flexbox;
+  display: flex;
+  position: relative;
+}
+
+.e-ddl.e-popup .e-filter-parent .e-input-group,
+.e-ddl.e-popup .e-filter-parent {
+  background: #fff;
+}
+
+.e-input-group .e-control.e-dropdownlist ~ .e-ddl-icon {
+  font-size: 14px;
+}
+
+.e-bigger .e-input-group .e-control.e-dropdownlist ~ .e-ddl-icon {
+  font-size: 16px;
+}
+
+.e-bigger.e-small .e-ddl.e-popup .e-list-item,
+.e-bigger.e-small .e-ddl.e-popup .e-list-group-item,
+.e-bigger.e-small .e-ddl.e-popup .e-fixed-head {
+  font-size: 14px;
+  line-height: 34px;
+  padding-left: 0;
+  text-indent: 16px;
+}
+
+.e-bigger.e-small .e-ddl.e-popup .e-input-group input,
+.e-bigger.e-small .e-ddl.e-popup .e-input-group input.e-input {
+  height: 30px;
+}
+
+.e-bigger.e-small .e-popup.e-ddl .e-dropdownbase {
+  min-height: 34px;
+}

package/styles/auto-complete/fluent.scss

@@ -0,0 +1 @@
+@import 'ej2-dropdowns/styles/auto-complete/fluent.scss';

package/styles/auto-complete/tailwind-dark.css

@@ -53,6 +53,7 @@
 
 .e-popup.e-ddl .e-dropdownbase {
   min-height: 26px;
+  padding: 4px 0;
 }
 
 .e-bigger .e-popup.e-ddl-device-filter .e-input-group.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) {
@@ -77,24 +78,6 @@
   background-color: #374151;
 }
 
-.e-popup.e-ddl:not(.e-ddl-device) .e-input-group .e-clear-icon {
-  margin: 0;
-  min-height: 12px;
-  min-width: 12px;
-  padding: 6px;
-}
-
-.e-bigger .e-popup.e-ddl:not(.e-ddl-device) .e-input-group .e-clear-icon,
-.e-bigger.e-popup.e-ddl:not(.e-ddl-device) .e-input-group .e-clear-icon {
-  min-height: 16px;
-  min-width: 16px;
-}
-
-.e-bigger .e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-filter,
-.e-bigger.e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-filter {
-  padding: 8px 16px 8px 0;
-}
-
 .e-input-group.e-ddl,
 .e-input-group.e-ddl .e-input,
 .e-input-group.e-ddl .e-ddl-icon {
@@ -106,45 +89,6 @@
   border-bottom-width: 0;
 }
 
-.e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-small .e-clear-icon,
-.e-small .e-popup.e-ddl:not(.e-ddl-device) .e-input-group .e-clear-icon,
-.e-small.e-popup.e-ddl:not(.e-ddl-device) .e-input-group .e-clear-icon,
-.e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-input-focus.e-small .e-clear-icon,
-.e-small .e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-input-focus .e-clear-icon,
-.e-small.e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-input-focus .e-clear-icon {
-  margin: 0;
-}
-
-.e-small .e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group .e-input-filter,
-.e-small.e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group .e-input-filter,
-.e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group.e-small .e-input-filter,
-.e-small .e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group.e-input-focus .e-input-filter,
-.e-small.e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group.e-input-focus .e-input-filter,
-.e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group.e-small.e-input-focus .e-input-filter {
-  padding: 5px 5px 5px 12px;
-}
-
-.e-bigger.e-small .e-popup.e-ddl:not(.e-ddl-device) .e-input-group .e-clear-icon,
-.e-bigger.e-small.e-popup.e-ddl:not(.e-ddl-device) .e-input-group .e-clear-icon,
-.e-bigger .e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-small .e-clear-icon,
-.e-bigger.e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-small .e-clear-icon,
-.e-small .e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-bigger .e-clear-icon,
-.e-small.e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-bigger .e-clear-icon,
-.e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-bigger.e-small .e-clear-icon {
-  min-height: 18px;
-  min-width: 18px;
-}
-
-.e-bigger.e-small .e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group .e-input-filter,
-.e-bigger.e-small.e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group .e-input-filter,
-.e-bigger .e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group.e-small .e-input-filter,
-.e-bigger.e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group.e-small .e-input-filter,
-.e-small .e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group.e-bigger .e-input-filter,
-.e-small.e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group.e-bigger .e-input-filter,
-.e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group.e-bigger.e-small .e-input-filter {
-  padding: 8px 16px;
-}
-
 .e-ddl.e-popup.e-outline .e-filter-parent {
   padding: 4px 8px;
 }