@syncfusion/ej2-react-multicolumn-combobox 26.1.38 → 26.2.4

package/dist/ej2-react-multicolumn-combobox.min.js

@@ -1,10 +1,10 @@
 /*!
 *  filename: ej2-react-multicolumn-combobox.min.js
-*  version : 26.1.38
+*  version : 26.2.4
 *  Copyright Syncfusion Inc. 2001 - 2023. 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(t,e){"object"==typeof exports&&"object"==typeof module?module.exports=e(require("SyncfusionReactBase"),require("React"),require("SyncfusionBase"),require("SyncfusionInputs"),require("SyncfusionData"),require("SyncfusionPopups"),require("SyncfusionGrids")):"function"==typeof define&&define.amd?define(["SyncfusionReactBase","React","SyncfusionBase","SyncfusionInputs","SyncfusionData","SyncfusionPopups","SyncfusionGrids"],e):"object"==typeof exports?exports.SyncfusionReactMulticolumnCombobox=e(require("SyncfusionReactBase"),require("React"),require("SyncfusionBase"),require("SyncfusionInputs"),require("SyncfusionData"),require("SyncfusionPopups"),require("SyncfusionGrids")):t.SyncfusionReactMulticolumnCombobox=e(t.SyncfusionReactBase,t.React,t.SyncfusionBase,t.SyncfusionInputs,t.SyncfusionData,t.SyncfusionPopups,t.SyncfusionGrids)}(self,((t,e,i,o,r,n,s)=>(()=>{"use strict";var a={24:t=>{t.exports=e},766:t=>{t.exports=i},74:t=>{t.exports=r},707:t=>{t.exports=s},323:t=>{t.exports=o},197:t=>{t.exports=n},705:e=>{e.exports=t}},l={};function p(t){var e=l[t];if(void 0!==e)return e.exports;var i=l[t]={exports:{}};return a[t](i,i.exports,p),i.exports}p.d=(t,e)=>{for(var i in e)p.o(e,i)&&!p.o(t,i)&&Object.defineProperty(t,i,{enumerable:!0,get:e[i]})},p.o=(t,e)=>Object.prototype.hasOwnProperty.call(t,e),p.r=t=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})};var u={};return(()=>{p.r(u),p.d(u,{Column:()=>P,ColumnDirective:()=>s,ColumnsDirective:()=>a,Edit:()=>g.Edit,FieldSettings:()=>E,FilterType:()=>e,GridSettings:()=>j,Group:()=>g.Group,Inject:()=>r.Inject,MultiColumnComboBox:()=>R,MultiColumnComboBoxComponent:()=>T,MultiColumnGrid:()=>x,Sort:()=>g.Sort,SortOrder:()=>i,SortType:()=>o,VirtualScroll:()=>g.VirtualScroll});var t,e,i,o,r=p(705),n=(t=function(e,i){return t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var i in e)e.hasOwnProperty(i)&&(t[i]=e[i])},t(e,i)},function(e,i){function o(){this.constructor=e}t(e,i),e.prototype=null===i?Object.create(i):(o.prototype=i.prototype,new o)}),s=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return n(e,t),e.moduleName="column",e}(r.ComplexBase),a=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return n(e,t),e.propertyName="columns",e.moduleName="columns",e}(r.ComplexBase),l=p(24),d=p(766),h=p(323),c=p(74),f=p(197),g=p(707),y=function(){var t=function(e,i){return t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var i in e)e.hasOwnProperty(i)&&(t[i]=e[i])},t(e,i)};return function(e,i){function o(){this.constructor=e}t(e,i),e.prototype=null===i?Object.create(i):(o.prototype=i.prototype,new o)}}(),m=function(t,e,i,o){var r,n=arguments.length,s=n<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,e,i,o);else for(var a=t.length-1;a>=0;a--)(r=t[a])&&(s=(n<3?r(s):n>3?r(e,i,s):r(e,i))||s);return n>3&&s&&Object.defineProperty(e,i,s),s},v="e-icon-anim",b="e-nodata",O="e-disabled",w="e-input-focus",S="e-multicolumn-list",C="e-multicolumn-grid",x=function(){function t(){}return t.prototype.InjectModules=function(){g.Grid.Inject(g.VirtualScroll,g.Group,g.Edit,g.Sort)},t}();!function(t){t.StartsWith="StartsWith",t.EndsWith="EndsWith",t.Contains="Contains"}(e||(e={})),function(t){t.None="None",t.Ascending="Ascending",t.Descending="Descending"}(i||(i={})),function(t){t.OneColumn="OneColumn",t.MultipleColumns="MultipleColumns"}(o||(o={}));var E=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return y(e,t),m([(0,d.Property)()],e.prototype,"text",void 0),m([(0,d.Property)()],e.prototype,"value",void 0),m([(0,d.Property)()],e.prototype,"groupBy",void 0),e}(d.ChildProperty),P=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return y(e,t),m([(0,d.Property)("")],e.prototype,"field",void 0),m([(0,d.Property)("")],e.prototype,"header",void 0),m([(0,d.Property)("")],e.prototype,"width",void 0),m([(0,d.Property)("")],e.prototype,"textAlign",void 0),m([(0,d.Property)(null)],e.prototype,"format",void 0),m([(0,d.Property)(!1)],e.prototype,"displayAsCheckBox",void 0),m([(0,d.Property)(null)],e.prototype,"template",void 0),m([(0,d.Property)(null)],e.prototype,"headerTemplate",void 0),m([(0,d.Property)(null)],e.prototype,"customAttributes",void 0),e}(d.ChildProperty),j=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return y(e,t),m([(0,d.Property)(!1)],e.prototype,"enableAltRow",void 0),m([(0,d.Property)(null)],e.prototype,"rowHeight",void 0),m([(0,d.Property)("Default")],e.prototype,"gridLines",void 0),e}(d.ChildProperty),R=function(t){function r(e,i){var o=t.call(this,e,i)||this;return o.gridInject=new x,o.gridInject.InjectModules(),o}return y(r,t),r.prototype.preRender=function(){this.element.id||(this.element.id=(0,d.getUniqueID)("e-"+this.getModuleName())),this.keyConfigs={escape:"escape",altUp:"alt+uparrow",altDown:"alt+downarrow",tab:"tab",shiftTab:"shift+tab",end:"end",enter:"enter",home:"home",moveDown:"downarrow",moveUp:"uparrow"},this.matchedRowEle=this.matchedContent=null,this.persistData()},r.prototype.getDirective=function(){return"EJS-MULTICOLUMNCOMBOBOX"},r.prototype.getModuleName=function(){return"multicolumncombobox"},r.prototype.getPersistData=function(){return this.addOnPersist(["value"])},r.prototype.persistData=function(){if(this.enablePersistence){this.element.id=this.element.id+"_wrapper";var t=window.localStorage.getItem(this.getModuleName()+this.element.id);(0,d.isNullOrUndefined)(t)||""===t||this.setProperties(JSON.parse(t),!0)}},r.prototype.render=function(){this.renderGrid(),this.renderInput(),this.popupDiv=this.createElement("div",{className:"e-popup-content"}),this.popupDiv.appendChild(this.gridEle),this.setHTMLAttributes(),this.renderPopup(),this.wireEvents()},r.prototype.renderGrid=function(){var t=this,e=this.getGridColumns();this.gridObj=new g.Grid({dataSource:this.dataSource,columns:e,allowSorting:this.allowSorting,enableStickyHeader:!0,gridLines:this.gridSettings.gridLines,rowHeight:this.gridSettings.rowHeight,enableAltRow:this.gridSettings.enableAltRow,enableVirtualization:this.enableVirtualization,enableRtl:this.enableRtl,editSettings:{allowAdding:!1},query:this.query,height:this.popupHeight,allowMultiSorting:"multiplecolumns"===this.sortType.toString().toLowerCase()&&this.allowSorting,rowTemplate:this.itemTemplate,dataBound:function(){t.onDataBound()},actionFailure:function(e){t.onActionFailure(e)},actionBegin:function(e){t.trigger("actionBegin",e)},actionComplete:function(e){t.trigger("actionComplete",e),"sorting"===e.requestType&&t.updateRowSelection(e);var i=e.rows;t.isDataFiltered&&i.length>0&&""!==t.inputEle.value&&"sorting"!==e.requestType&&t.gridObj.getRows()[0].classList.add("e-row-focus");t.popupObj.refreshPosition()},keyPressed:function(e){"Enter"===e.key&&(e.cancel=!0,t.isPopupOpen&&(t.selectedGridRow(t.gridObj.getRows()[t.gridObj.selectedRowIndex],e,!0),t.hidePopup(e),t.focusIn(e))),t.fields.groupBy&&(e.cancel=!0,t.gridKeyActionHandler(e,!0))}}),this.gridEle=this.createElement("div",{id:(0,d.getUniqueID)("grid"),className:C}),this.updateGroupByField();var o=this.sortOrder.toString().toLowerCase();this.gridObj.columns[0].isPrimaryKey=!0,"none"!==o&&(this.gridObj.sortSettings={columns:[{field:this.fields.text,direction:"ascending"===o?i.Ascending:i.Descending}]}),this.gridObj.appendTo(this.gridEle)},r.prototype.isRowMatching=function(t,e,i){var o=Object.values(t).map(String);return o.includes(e)&&o.includes(i)},r.prototype.updateRowSelection=function(t){var e=this;t&&t.rows.forEach((function(t){var i=t.data,o=t.index;e.selectDataRow(i,o)}))},r.prototype.selectDataRow=function(t,e){if(this.isRowMatching(t,this.value?this.value.toString():"",this.text?this.text.toString():"")){this.gridObj.selectRow(e);var i=this.isProtectedOnChange;return this.isProtectedOnChange=!0,this.index=e,void(this.isProtectedOnChange=i)}},r.prototype.findIndex=function(t,e){return t.findIndex((function(t){return Object.keys(e).every((function(i){return t[i]===e[i]}))}))},r.prototype.getGridColumns=function(){var t=this;return this.columns.map((function(e){return{field:e.field,headerText:e.header,width:e.width,textAlign:""===e.textAlign&&t.enableRtl?"Right":e.textAlign,format:e.format,displayAsCheckBox:e.displayAsCheckBox,template:e.template,headerTemplate:e.headerTemplate,customAttributes:e.customAttributes,type:e.displayAsCheckBox?"boolean":"string"}}))},r.prototype.updateGroupByField=function(){if(""!==this.fields.groupBy&&!(0,d.isNullOrUndefined)(this.fields.groupBy)){"multiplecolumns"!==this.sortType.toString().toLowerCase()&&this.gridEle.classList.add("e-multicolumn-group");var t=this.isProtectedOnChange;this.isProtectedOnChange=!0,this.gridObj.allowGrouping=!0,this.gridObj.groupSettings={showDropArea:!1,columns:[this.fields.groupBy],captionTemplate:this.groupTemplate&&""!==this.fields.groupBy&&!(0,d.isNullOrUndefined)(this.fields.groupBy)?this.groupTemplate:"${key}"},this.isVue&&(this.gridObj.isVue=this.isVue),this.isProtectedOnChange=t}},r.prototype.onDataBound=function(){var t=this.dataSource.length,e=this.popupDiv.querySelector("."+C);if(t<=0&&e)this.l10nUpdate(),this.popupDiv.removeChild(this.gridEle),(0,d.addClass)([this.popupDiv],[b]);else if(this.popupDiv.classList.contains(b)&&t>=1){(0,d.removeClass)([this.popupDiv],[b]);var i=this.popupDiv.querySelector(".e-no-records");i&&this.popupDiv.removeChild(i)}},r.prototype.onActionFailure=function(t){this.trigger("actionFailure",t),this.l10nUpdate(!0),(0,d.addClass)([this.popupDiv],[b])},r.prototype.renderInput=function(){"INPUT"===this.element.tagName?(this.inputEle=this.element,(0,d.isNullOrUndefined)(this.inputEle.getAttribute("role"))&&this.inputEle.setAttribute("role","combobox"),(0,d.isNullOrUndefined)(this.inputEle.getAttribute("type"))&&this.inputEle.setAttribute("type","text"),this.inputEle.setAttribute("aria-expanded","false"),this.inputEle.setAttribute("aria-readOnly",this.readonly.toString()),this.inputEle.setAttribute("aria-disabled",this.disabled.toString()),this.inputEle.setAttribute("tabindex","0")):(this.inputEle=this.createElement("input",{attrs:{role:"textbox",type:"text"}}),this.element.parentElement.insertBefore(this.inputEle,this.element)),this.inputObj=h.Input.createInput({element:this.inputEle,buttons:["e-input-group-icon e-multicolumn-list-icon e-icons"],floatLabelType:this.floatLabelType,properties:{enabled:!this.disabled,readonly:this.readonly,placeholder:this.placeholder,enableRtl:this.enableRtl,showClearButton:this.showClearButton,cssClass:this.cssClass}},this.createElement),this.inputWrapper=this.inputObj.container,this.inputWrapper.classList.add(S),this.inputWrapper.setAttribute("spellcheck","false"),this.element.tagName===this.getDirective()&&this.element.appendChild(this.inputWrapper),this.setElementWidth(this.width),(0,d.isNullOrUndefined)(this.value)&&(0,d.isNullOrUndefined)(this.text)&&(0,d.isNullOrUndefined)(this.index)||this.initValue(null,null,!0)},r.prototype.setElementWidth=function(t){var e=this.inputWrapper;(0,d.isNullOrUndefined)(t)||("number"==typeof t?e.style.width=(0,d.formatUnit)(t):"string"==typeof t&&(e.style.width=t.match(/px|%|em/)?t:(0,d.formatUnit)(t)))},r.prototype.setHTMLAttributes=function(){if(Object.keys(this.htmlAttributes).length)for(var t=0,e=Object.keys(this.htmlAttributes);t<e.length;t++){var i=e[t];if("class"===i)this.inputWrapper.classList.add(this.htmlAttributes[""+i]);else if("disabled"===i)this.setProperties({enabled:!1},!0),this.setEnable();else if("readonly"===i)this.setProperties({readonly:!0},!0),this.dataBind();else if("style"===i)this.inputWrapper.setAttribute("style",this.htmlAttributes[""+i]);else{["title","id","placeholder","role","autocomplete","autocapitalize","spellcheck","minlength","maxlength"].indexOf(i)>-1&&"placeholder"===i?h.Input.setPlaceholder(this.htmlAttributes[""+i],this.inputEle):this.inputEle.setAttribute(i,this.htmlAttributes[""+i])}}},r.prototype.setEnable=function(){h.Input.setEnabled(!this.disabled,this.inputEle),this.disabled?(this.isPopupOpen&&this.hidePopup(),(0,d.addClass)([this.inputWrapper],O),this.inputWrapper&&this.inputWrapper.classList.contains(w)&&(0,d.removeClass)([this.inputWrapper],[w]),this.inputEle.setAttribute("aria-disabled","true"),this.inputWrapper.setAttribute("aria-disabled","true")):((0,d.removeClass)([this.inputWrapper],O),this.inputEle.setAttribute("aria-disabled","false"),this.inputWrapper.setAttribute("aria-disabled","false"))},r.prototype.initValue=function(t,e,i){var o,r,n,s,a=this,l=this.gridObj.getSelectedRecords()[0],p=this.gridObj.getSelectedRows()[0],u=this.isProtectedOnChange;this.isProtectedOnChange=!0,this.value=this.value?this.value.toString():this.value,this.isProtectedOnChange=u;var h=function(t){var e=a.updateCurrentValues(o,t);r=e.currentValue,n=e.currentText,s=e.currentIndex};if(!t&&(!(0,d.isNullOrUndefined)(this.value)||!(0,d.isNullOrUndefined)(this.text))||t&&void 0!==e){var f=t?e?this.value:this.text:(0,d.isNullOrUndefined)(this.value)?this.text:this.value;!(0,d.isNullOrUndefined)(this.dataSource)&&this.dataSource instanceof c.DataManager?this.dataSource.executeQuery(new c.Query).then((function(u){var c=u.result,g=c.filter((function(i){return i[t?e?a.fields.value:a.fields.text:(0,d.isNullOrUndefined)(a.value)?a.fields.text:a.fields.value].toString()===f}));g.length>0&&(o=g[0],h(c),a.updateChangeEvent(o,l,p,r,n,s,t,i),a.gridObj.selectRow(a.index))})):!(0,d.isNullOrUndefined)(this.dataSource)&&this.dataSource instanceof Array&&(o=this.dataSource.filter((function(i){return i[t?e?a.fields.value:a.fields.text:(0,d.isNullOrUndefined)(a.value)?a.fields.text:a.fields.value].toString()===f}))[0],h(this.dataSource))}else(0,d.isNullOrUndefined)(this.index)||(!(0,d.isNullOrUndefined)(this.dataSource)&&this.dataSource instanceof c.DataManager?this.dataSource.executeQuery(new c.Query).then((function(e){var u=e.result;o=u[a.index],h(u),a.updateChangeEvent(o,l,p,r,n,s,t,i),a.gridObj.selectRow(a.index)})):!(0,d.isNullOrUndefined)(this.dataSource)&&this.dataSource instanceof Array&&(o=this.dataSource[this.index],h(this.dataSource)));this.dataSource instanceof c.DataManager||this.updateChangeEvent(o,l,p,r,n,s,t,i)},r.prototype.updateChangeEvent=function(t,e,i,o,r,n,s,a){var l={value:t?t[this.fields.value].toString():null,itemData:{text:r,value:o},item:this.getDataByValue(this.value),previousItemData:e,previousItemElement:i,itemElement:this.inputWrapper,event:null,isInteracted:!s};this.updateValues(o,r,n,l,a)},r.prototype.updateCurrentValues=function(t,e){return(0,d.isNullOrUndefined)(t)?{currentValue:null,currentText:null,currentIndex:null}:(h.Input.setValue(t[this.fields.text].toString(),this.inputEle,this.floatLabelType,this.showClearButton),{currentValue:t[this.fields.value].toString(),currentText:t[this.fields.text].toString(),currentIndex:e.indexOf(t)})},r.prototype.renderPopup=function(){this.popupEle=this.createElement("div",{id:this.element.id+"_options",className:S+" e-popup "+(null!==this.cssClass?this.cssClass:"")}),(0,d.attributes)(this.popupEle,{"aria-label":this.element.id,role:"dialog"}),document.body.appendChild(this.popupEle),this.createPopup(this.popupEle),(0,d.prepend)([this.popupDiv],this.popupEle),this.footerTemplate&&this.setFooterTemplate();var t=this.getSize(!1);if(this.popupEle.style.maxHeight=t,this.footerTemplate){this.footer=this.footer?this.footer:this.popupEle.querySelector(".e-popup-footer");var e=Math.round(this.footer.getBoundingClientRect().height);t=(0,d.formatUnit)(parseInt(t,10)-e+"px")}this.popupDiv.style.maxHeight=t,this.popupRowHeight=this.popupDiv.querySelector(".e-gridcontent tr").getBoundingClientRect().height,this.updateGridHeight(),this.popupObj.hide()},r.prototype.updateGridHeight=function(t,e,i){var o;if(t){var r=this.gridObj.getContent().querySelector(".e-content"),n=r.offsetHeight-r.clientHeight,s=i*this.popupRowHeight;""===this.fields.groupBy||(0,d.isNullOrUndefined)(this.fields.groupBy)||(s+=this.popupRowHeight),o=e&&s<this.prevGridHeight?s+n+"px":this.prevGridHeight+"px"}else this.prevGridHeight=this.popupDiv.getBoundingClientRect().height-this.popupDiv.querySelector(".e-gridheader").getBoundingClientRect().height,o=this.prevGridHeight+"px";var a=this.isProtectedOnChange;this.isProtectedOnChange=!0,this.gridObj.height=o,this.isProtectedOnChange=a},r.prototype.createPopup=function(t){var e=this;this.popupObj=new f.Popup(t,{width:this.getSize(!0),targetType:"relative",collision:{X:"flip",Y:"flip"},relateTo:this.inputWrapper,enableRtl:this.enableRtl,position:{X:"left",Y:"bottom"},targetExitViewport:function(){d.Browser.isDevice||e.hidePopup()}})},r.prototype.setFooterTemplate=function(){this.footer?this.isReact&&"function"==typeof this.footerTemplate?this.clearTemplate(["footerTemplate"]):this.footer.innerHTML="":(this.footer=this.createElement("div"),(0,d.addClass)([this.footer],"e-popup-footer"));var t=this.getTemplateFunction(this.footerTemplate)({count:this.dataSource.length},this,"footerTemplate",this.element.id+"footerTemplate",this.isStringTemplate,void 0,this.footer);t&&(t=Array.prototype.slice.call(t),(0,d.append)(t,this.footer)),(0,d.append)([this.footer],this.popupEle)},r.prototype.l10nUpdate=function(t){if(this.noRecord?this.noRecord.innerHTML="":this.noRecord=this.createElement("div"),"No records found"!==this.noRecordsTemplate||"Request Failed"!==this.actionFailureTemplate){var e=t?this.actionFailureTemplate:this.noRecordsTemplate,i=t?this.element.id+"_actionFailure":this.element.id+"_noRecords",o=t?"actionFailureTemplate":"noRecordsTemplate",r=this.getTemplateFunction(e)({},this,o,i,this.isStringTemplate,void 0,this.noRecord);r&&(r=Array.prototype.slice.call(r),(0,d.append)(r,this.noRecord))}else{this.l10n=new d.L10n("multicolumncombobox",{noRecordsTemplate:"No records found",actionFailureTemplate:"Request Failed"},this.locale),this.noRecord.innerHTML=t?this.l10n.getConstant("actionFailureTemplate"):this.l10n.getConstant("noRecordsTemplate")}(0,d.addClass)([this.noRecord],"e-no-records"),(0,d.prepend)([this.noRecord],this.popupDiv),this.popupObj.refreshPosition()},r.prototype.getTemplateFunction=function(t){if("string"==typeof t){var e="";try{var i=(0,d.select)(t);e=i?"SCRIPT"===i.tagName?i.innerHTML:i.outerHTML:t}catch(i){e=t}return(0,d.compile)(e)}return(0,d.compile)(t)},r.prototype.getSize=function(t){var e=t?this.popupWidth:this.popupHeight,i=(0,d.formatUnit)(e);i.indexOf("%")>-1?i=((t?this.inputWrapper.offsetWidth:document.documentElement.clientHeight)*parseFloat(i)/100).toString()+"px":"string"==typeof e&&(i=e.match(/px|em/)?e:i);return i},r.prototype.selectedGridRow=function(t,e,i){var o=this,r={isInteracted:!!e,item:this.gridObj.getSelectedRecords()[0],itemElement:t,itemData:this.gridObj.getSelectedRecords()[0],event:e,cancel:!1},n=this.gridObj.getSelectedRecords()[0],s=n?n[this.fields.text].toString():"",a=n?n[this.fields.value].toString():"",l={isInteracted:!!e,item:n,itemElement:t,itemData:{text:s,value:a},event:e,cancel:!1,value:a,previousItemData:{text:this.text,value:this.value},previousItemElement:this.previousItemElement};this.trigger("select",r,(function(t){if(!t.cancel&&t.itemData){var r=t.itemData;(!i||i&&"Enter"===e.key)&&o.updateValues(r[o.fields.value],r[o.fields.text],o.gridObj.selectedRowIndex,l),h.Input.setValue(r[o.fields.text],o.inputEle,o.floatLabelType,o.showClearButton),(!i||i&&"Enter"===e.key)&&o.hidePopup(e)}}))},r.prototype.updateValues=function(t,e,i,o,r){this.previousItemElement=o.itemElement;var n=this.isProtectedOnChange;this.isProtectedOnChange=!0,this.text=e||this.text,this.value=t||this.value,this.index=(0,d.isNullOrUndefined)(i)?this.index:i,this.isProtectedOnChange=n,r||this.triggerChangeEvent(o)},r.prototype.triggerChangeEvent=function(t){this.trigger("change",t,(function(t){t.cancel}))},r.prototype.inputHandler=function(t){var e=this;if(this.showPopup(null,!0),this.allowFiltering){var i=t.target.value.toLowerCase(),o=!1,r={preventDefaultAction:!1,text:i,updateData:function(t,n,s){r.cancel||(o=!0,e.filterAction(t,i,n,s))},event:t,cancel:!1};this.trigger("filtering",r,(function(t){t.cancel||t.preventDefaultAction||o||e.filterAction(e.dataSource,i,e.query,e.fields)}))}this.updateInputValue(t.target.value)},r.prototype.updateInputValue=function(t){var e,i=this;if(this.dataSource instanceof c.DataManager){var o=new c.Query;this.dataSource.executeQuery(o).then((function(o){var r=o.result;e=r.filter((function(e){return e[i.fields.text].toString().toLowerCase().startsWith(t.toLowerCase())})),i.selectFilteredRows(e)}))}else Array.isArray(this.dataSource)&&(e=this.dataSource.filter((function(e){return e[i.fields.text].toString().toLowerCase().startsWith(t.toLowerCase())})),this.selectFilteredRows(e))},r.prototype.selectFilteredRows=function(t){if(t.length>0?this.matchedContent=t[0]:this.matchedContent=null,this.matchedContent){var e=this.findIndex(this.gridObj.currentViewData,this.matchedContent);this.matchedRowEle=this.gridObj.getRowByIndex(e)}else this.matchedRowEle=null},r.prototype.filterAction=function(t,e,i,o){var r,n=this,s=this.filterType.toString().toLowerCase(),a=i||new c.Query;t instanceof c.DataManager?t.executeQuery(a).then((function(t){var i=t.result,a=i.length;r=i.filter((function(t){return n.filterData(t,s,e,o)})),n.updateGridDataSource(r,a)})):Array.isArray(t)&&(r=t.filter((function(t){return n.filterData(t,s,e,o)})),this.updateGridDataSource(r))},r.prototype.filterData=function(t,e,i,o){var r=t[o?o.text:this.fields.text].toString().toLowerCase();switch(e){case"startswith":return r.startsWith(i);case"endswith":return r.endsWith(i);case"contains":return r.includes(i);default:return!1}},r.prototype.updateGridDataSource=function(t,e){var i=!0;if(t.length>0){i=(this.dataSource instanceof c.DataManager?e:this.dataSource.length)!==t.length,(0,d.removeClass)([this.popupDiv],[b]);var o=this.popupDiv.querySelector(".e-no-records");o&&this.popupDiv.removeChild(o),this.gridObj.dataSource=t,this.isDataFiltered=!0}else this.l10nUpdate(),(0,d.addClass)([this.popupDiv],[b]);this.updateGridHeight(!0,i,t.length)},r.prototype.wireEvents=function(){var t=this.inputWrapper.querySelector(".e-input-group-icon"),e=this.inputWrapper.querySelector(".e-clear-icon");d.EventHandler.add(t,"mousedown",this.dropDownClick,this),d.EventHandler.add(document,"mousedown",this.onDocumentClick,this),d.EventHandler.add(this.gridEle,"click",this.onMouseClick,this),d.EventHandler.add(this.inputEle,"input",this.inputHandler,this),d.EventHandler.add(this.inputWrapper,"focus",this.focusIn,this),e&&d.EventHandler.add(e,"click",this.clearText,this),d.EventHandler.add(window,"resize",this.windowResize,this),this.keyboardModule=new d.KeyboardEvents(this.inputWrapper,{keyAction:this.keyActionHandler.bind(this),keyConfigs:this.keyConfigs,eventName:"keydown"}),this.keyboardModule=new d.KeyboardEvents(this.gridEle,{keyAction:this.gridKeyActionHandler.bind(this),keyConfigs:this.keyConfigs,eventName:"keydown"})},r.prototype.unWireEvents=function(){var t=this.inputWrapper.querySelector(".e-input-group-icon"),e=this.inputWrapper.querySelector(".e-clear-icon");d.EventHandler.remove(t,"mousedown",this.dropDownClick),d.EventHandler.remove(document,"mousedown",this.onDocumentClick),d.EventHandler.remove(this.inputEle,"input",this.inputHandler),d.EventHandler.remove(this.inputWrapper,"focus",this.focusIn),d.EventHandler.remove(window,"resize",this.windowResize),d.EventHandler.remove(this.gridEle,"click",this.onMouseClick),e&&d.EventHandler.remove(e,"click",this.clearText),this.keyboardModule&&this.keyboardModule.destroy()},r.prototype.dropDownClick=function(t){if(!this.disabled&&!this.readonly){var e=this.gridEle.querySelector(".e-row-focus");e&&e.classList.remove("e-row-focus"),this.isPopupOpen?this.hidePopup(t):this.showPopup(t)}},r.prototype.onMouseClick=function(t){var e=t.target,i=(0,d.closest)(e,".e-row"),o=this.gridObj.selectedRowIndex;i&&(o>=0?this.selectedGridRow(i,t):(this.gridObj.selectedRowIndex=this.gridObj.getRows().indexOf(i),this.gridObj.selectRow(this.gridObj.selectedRowIndex),this.hidePopup(t)))},r.prototype.onDocumentClick=function(t){if(this.disabled||this.readonly||!this.isPopupOpen)t.target.closest(".e-multicolumn-list")||this.focusOut();else{var e=t.target;e.classList.contains("e-multicolumn-list-icon")||(0,d.closest)(e,".e-popup")?t.preventDefault():e.classList.contains("e-multicolumncombobox")||e.classList.contains("e-clear-icon")||this.updateValuesOnInput(t),(0,d.closest)(e,".e-multicolumn-list")||(this.inputWrapper.tabIndex=-1)}},r.prototype.updateValuesOnInput=function(t,e,i){var o=this,r=t||e;if(this.hidePopup(r),this.matchedRowEle&&!i){var n=this.isProtectedOnChange;this.isProtectedOnChange=!0,setTimeout((function(){o.inputEle.value=o.matchedContent[o.fields.text].toString(),o.value=o.matchedContent[o.fields.value].toString();var t=o.findIndex(o.gridObj.currentViewData,o.matchedContent);o.index=t,o.text=o.matchedContent[o.fields.text].toString(),o.gridObj.selectRow(t),o.selectedGridRow(o.gridObj.getRowByIndex(t),r),o.previousItemElement=o.gridObj.getSelectedRows()[0]}),100),this.isProtectedOnChange=n}else if(this.isDataFiltered){this.inputEle.value="";var s={value:null,itemData:{text:null,value:null},item:null,previousItemData:{text:this.text,value:this.value},previousItemElement:this.previousItemElement,itemElement:null,event:r,isInteracted:!0,cancel:!1};n=this.isProtectedOnChange;this.isProtectedOnChange=!0,this.text=this.value=this.index=null,this.gridObj.refreshColumns(),this.isProtectedOnChange=n,this.triggerChangeEvent(s),this.isDataFiltered=!1,this.matchedContent=this.matchedRowEle=null}},r.prototype.clearText=function(t){this.isDataFiltered=!0,this.updateValuesOnInput(t,null,!0)},r.prototype.windowResize=function(){this.popupObj&&(this.popupObj.setProperties({width:this.getSize(!0)}),this.popupObj.refreshPosition())},r.prototype.setCssClass=function(t,e){var i=this.popupObj?[this.inputWrapper,this.popupObj.element]:[this.inputWrapper];(0,d.isNullOrUndefined)(e)||""===e||(0,d.removeClass)(i,e.split(" ")),(0,d.isNullOrUndefined)(t)||""===t||(0,d.addClass)(i,t.split(" "))},r.prototype.keyActionHandler=function(t){switch(t.action){case"escape":case"altUp":case"shiftTab":case"tab":this.isPopupOpen&&this.hidePopup(t);break;case"altDown":this.isPopupOpen||(this.showPopup(t),this.updateSelectedItem(t,!1));break;case"moveDown":case"moveUp":case"home":case"end":this.updateSelectedItem(t);break;case"enter":this.updateValuesOnInput(null,t),this.focusIn(t)}},r.prototype.gridKeyActionHandler=function(t,e){switch(e&&("ArrowDown"===t.key?t.action="moveDown":"ArrowUp"===t.key?t.action="moveUp":"End"===t.key?t.action="end":"Home"===t.key&&(t.action="home"),t.altKey&&"ArrowUp"===t.key&&(t.action="altUp")),t.action){case"escape":case"tab":case"shiftTab":case"altUp":this.isPopupOpen&&(t.preventDefault(),this.hidePopup(t));break;case"moveDown":case"moveUp":case"home":case"end":this.updateSelectedItem(t)}},r.prototype.updateSelectedItem=function(t,e){if(void 0===e&&(e=!0),this.isPopupOpen){var i=this.fields.groupBy?this.gridObj.selectedRowIndex?this.gridObj.selectedRowIndex:0:this.gridObj.selectedRowIndex;-1===i&&("moveDown"===t.action||"moveUp"===t.action)||"home"===t.action?i=0:i>=this.gridObj.getRows().length&&"moveDown"===t.action||"end"===t.action?i=this.gridObj.getRows().length-1:"moveDown"===t.action&&i>=0&&i<=this.gridObj.getRows().length&&this.fields.groupBy?i+=1:"moveUp"===t.action&&i>0&&this.fields.groupBy&&(i-=1),this.gridObj.selectRow(i),this.gridObj.selectedRowIndex=i;var o=this.gridEle.querySelector(".e-row-focus");o&&o.classList.remove("e-row-focus"),e&&this.selectedGridRow(this.gridObj.getRows()[i],t,!0)}},r.prototype.focusIn=function(t){if(!this.disabled&&!this.readonly){(0,d.addClass)([this.inputWrapper],[w]),this.inputWrapper.tabIndex=0,this.inputWrapper.focus();var e=this.inputWrapper.querySelector(".e-clear-icon");e&&(this.value&&""!==this.value.toString()||this.text&&""!==this.text)&&e.classList.remove("e-clear-icon-hide"),this.trigger("focus",t),"Never"!==this.floatLabelType&&h.Input.calculateWidth(this.inputEle,this.inputWrapper)}},r.prototype.focusOut=function(t){if(!this.disabled&&!this.readonly){this.hidePopup(t),(0,d.removeClass)([this.inputWrapper],[w]),this.inputWrapper.tabIndex=-1;var e=this.inputWrapper.querySelector(".e-clear-icon");e&&e.classList.add("e-clear-icon-hide"),"Never"!==this.floatLabelType&&h.Input.calculateWidth(this.inputEle,this.inputWrapper)}},r.prototype.showPopup=function(t,e){var i=this,o={popup:this.popupObj,event:t,cancel:!1,animation:{name:"FadeIn",duration:100}};this.trigger("open",o,(function(o){if(!o.cancel&&!i.isPopupOpen){if(i.isPopupOpen=!0,i.popupObj.refreshPosition(),(0,d.addClass)([i.inputWrapper],[v]),(0,d.attributes)(i.inputEle,{"aria-expanded":"true","aria-owns":i.element.id+"_popup","aria-controls":i.element.id}),!e){if(i.value||i.text||i.index)i.gridObj.currentViewData.forEach((function(t,e){i.selectDataRow(t,e)}));i.focusIn(t)}i.popupObj.show(new d.Animation(o.animation),i.popupEle)}}))},r.prototype.hidePopup=function(t){var e=this,i={popup:this.popupObj,event:t||null,cancel:!1,animation:{name:"FadeOut",duration:100}};this.trigger("close",i,(function(i){if(!i.cancel&&(e.isPopupOpen=!1,(0,d.removeClass)([e.inputWrapper],[v]),(0,d.attributes)(e.inputEle,{"aria-expanded":"false"}),e.popupObj.hide(new d.Animation(i.animation)),e.inputEle.value=e.text?e.text.toString():"",t)){var o=t.target;o.classList.contains("e-multicolumn-list-icon")||o.classList.contains("e-rowcell")?(e.value||e.gridObj.refreshColumns(),e.focusIn(t)):e.focusOut()}})),setTimeout((function(){e.gridObj&&(e.gridObj.dataSource=e.dataSource,e.updateGridHeight(!0,!1))}),100)},r.prototype.addItems=function(t,e){var i=this.isProtectedOnChange;this.isProtectedOnChange=!0,this.gridObj.editSettings.allowAdding=!0,this.gridObj.dataBind(),this.isProtectedOnChange=i,this.gridObj.addRecord(t,e)},r.prototype.getItems=function(){return this.gridObj.getDataRows()},r.prototype.getDataByValue=function(t){var e=this;return!(0,d.isNullOrUndefined)(this.dataSource)&&this.dataSource instanceof Array?this.dataSource.filter((function(i){return i[e.fields.value].toString()===t}))[0]:(!(0,d.isNullOrUndefined)(this.dataSource)&&this.dataSource instanceof c.DataManager&&this.dataSource.executeQuery(new c.Query).then((function(i){return i.result.filter((function(i){return i[e.fields.value].toString()===t}))[0]})),null)},r.prototype.destroy=function(){if(this.unWireEvents(),this.gridObj&&(this.gridObj.destroy(),(0,d.detach)(this.gridObj.element)),this.popupObj&&(this.popupObj.destroy(),(0,d.detach)(this.popupObj.element)),this.inputEle){for(var e=["placeholder","aria-expanded","spellcheck","aria-label","role","tabindex","type","id","aria-owns","aria-controls"],i=0;i<e.length;i++)this.inputEle.removeAttribute(e[i]);this.inputEle.classList.remove("e-input"),h.Input.setValue("",this.inputEle,this.floatLabelType,this.showClearButton)}this.element.tagName!==this.getDirective()&&this.inputWrapper.parentElement.insertBefore(this.element,this.inputWrapper),this.inputObj&&((0,d.detach)(this.inputObj.container),this.inputObj=null),h.Input.destroy({element:this.inputEle,floatLabelType:this.floatLabelType,properties:this.properties}),(0,d.detach)(this.inputWrapper),(0,d.detach)(this.popupDiv),this.inputEle=null,this.previousItemElement=null,this.inputWrapper.innerHTML="",this.inputWrapper=null,this.popupDiv=null,this.popupObj=null,this.gridObj=null,this.gridEle=null,this.popupEle=null,this.footer=null,this.noRecord=null,t.prototype.destroy.call(this)},r.prototype.onPropertyChanged=function(t,e){for(var o=0,r=Object.keys(t);o<r.length;o++){var n=r[o],s=void 0;switch(n){case"width":case"popupWidth":"width"===n&&this.setElementWidth(t.width),this.popupObj&&(this.popupObj.element.style.width=this.getSize(!0));break;case"popupHeight":if(this.popupObj){var a=this.getSize(!1);this.popupObj.element.style.maxHeight=a,this.popupDiv.style.maxHeight=a,this.gridObj.height=a}break;case"placeholder":h.Input.setPlaceholder(t.placeholder,this.inputEle);break;case"readonly":h.Input.setReadonly(this.readonly,this.inputEle);break;case"disabled":h.Input.setEnabled(!this.disabled,this.inputEle),this.setEnable();break;case"cssClass":this.setCssClass(t.cssClass,e.cssClass);break;case"floatLabelType":h.Input.removeFloating(this.inputObj),h.Input.addFloating(this.inputEle,this.floatLabelType,this.placeholder);break;case"showClearButton":h.Input.setClearButton(t.showClearButton,this.inputEle,this.inputObj);break;case"value":this.initValue(!0,!0);break;case"text":this.initValue(!0,!1);break;case"index":this.initValue();break;case"sortOrder":this.gridObj&&(this.gridObj.sortSettings.columns=[{field:this.fields.text,direction:t.sortOrder===i.Ascending?i.Ascending:i.Descending}]);break;case"htmlAttributes":this.setHTMLAttributes();break;case"noRecordsTemplate":this.l10nUpdate();break;case"actionFailureTemplate":this.l10nUpdate(!0);break;case"footerTemplate":this.setFooterTemplate();break;case"itemTemplate":this.gridObj&&(this.gridObj.rowTemplate=t.itemTemplate);break;case"groupTemplate":this.groupTemplate=t.groupTemplate,this.updateGroupByField();break;case"enableRtl":this.gridObj&&this.popupObj&&(this.gridObj.enableRtl=t.enableRtl,h.Input.setEnableRtl(t.enableRtl,[this.inputWrapper]),this.popupObj.enableRtl=t.enableRtl);break;case"dataSource":this.gridObj&&(this.gridObj.dataSource=t.dataSource);break;case"query":this.gridObj&&(this.gridObj.query=t.query);break;case"gridSettings":this.gridObj&&(this.gridObj.gridLines=t.gridSettings.gridLines,this.gridObj.rowHeight=t.gridSettings.rowHeight,this.gridObj.enableAltRow=t.gridSettings.enableAltRow);break;case"fields":this.fields=t.fields,this.updateGroupByField();break;case"filterType":this.filterType=t.filterType;break;case"enableVirtualization":this.gridObj&&(this.enableVirtualization=this.gridObj.enableVirtualization=t.enableVirtualization);break;case"sortType":this.sortType=t.sortType;break;case"allowFiltering":this.allowFiltering=t.allowFiltering;break;case"allowSorting":this.gridObj&&(this.allowSorting=this.gridObj.allowSorting=t.allowSorting);break;case"columns":this.gridObj&&(s=this.getGridColumns(),this.gridObj.columns=s)}}},m([(0,d.Property)([])],r.prototype,"dataSource",void 0),m([(0,d.Property)(null)],r.prototype,"text",void 0),m([(0,d.Property)(null)],r.prototype,"value",void 0),m([(0,d.Property)(null)],r.prototype,"index",void 0),m([(0,d.Property)("100%")],r.prototype,"width",void 0),m([(0,d.Property)("300px")],r.prototype,"popupHeight",void 0),m([(0,d.Property)("100%")],r.prototype,"popupWidth",void 0),m([(0,d.Property)(null)],r.prototype,"placeholder",void 0),m([(0,d.Property)(!0)],r.prototype,"allowFiltering",void 0),m([(0,d.Property)(!0)],r.prototype,"allowSorting",void 0),m([(0,d.Property)(!1)],r.prototype,"showClearButton",void 0),m([(0,d.Property)("")],r.prototype,"cssClass",void 0),m([(0,d.Complex)({text:null,value:null,groupBy:null},E)],r.prototype,"fields",void 0),m([(0,d.Collection)([],P)],r.prototype,"columns",void 0),m([(0,d.Complex)({},j)],r.prototype,"gridSettings",void 0),m([(0,d.Property)(e.StartsWith)],r.prototype,"filterType",void 0),m([(0,d.Property)("Never")],r.prototype,"floatLabelType",void 0),m([(0,d.Property)(i.None)],r.prototype,"sortOrder",void 0),m([(0,d.Property)(o.OneColumn)],r.prototype,"sortType",void 0),m([(0,d.Property)(!1)],r.prototype,"enableVirtualization",void 0),m([(0,d.Property)(!1)],r.prototype,"disabled",void 0),m([(0,d.Property)(!1)],r.prototype,"readonly",void 0),m([(0,d.Property)(!1)],r.prototype,"enablePersistence",void 0),m([(0,d.Property)()],r.prototype,"query",void 0),m([(0,d.Property)(null)],r.prototype,"itemTemplate",void 0),m([(0,d.Property)(null)],r.prototype,"footerTemplate",void 0),m([(0,d.Property)(null)],r.prototype,"groupTemplate",void 0),m([(0,d.Property)("Request Failed")],r.prototype,"actionFailureTemplate",void 0),m([(0,d.Property)("No records found")],r.prototype,"noRecordsTemplate",void 0),m([(0,d.Property)({})],r.prototype,"htmlAttributes",void 0),m([(0,d.Event)()],r.prototype,"created",void 0),m([(0,d.Event)()],r.prototype,"open",void 0),m([(0,d.Event)()],r.prototype,"close",void 0),m([(0,d.Event)()],r.prototype,"actionFailure",void 0),m([(0,d.Event)()],r.prototype,"actionBegin",void 0),m([(0,d.Event)()],r.prototype,"actionComplete",void 0),m([(0,d.Event)()],r.prototype,"filtering",void 0),m([(0,d.Event)()],r.prototype,"select",void 0),m([(0,d.Event)()],r.prototype,"change",void 0),r=m([d.NotifyPropertyChanges],r)}(d.Component),D=function(){var t=function(e,i){return t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var i in e)e.hasOwnProperty(i)&&(t[i]=e[i])},t(e,i)};return function(e,i){function o(){this.constructor=e}t(e,i),e.prototype=null===i?Object.create(i):(o.prototype=i.prototype,new o)}}(),T=function(t){function e(e){var i=t.call(this,e)||this;return i.initRenderCalled=!1,i.checkInjectedModules=!0,i.directivekeys={columns:"column"},i.statelessTemplateProps=null,i.templateProps=null,i.immediateRender=!1,i.portals=[],i}return D(e,t),e.prototype.render=function(){if(!(this.element&&!this.initRenderCalled||this.refreshing)||this.isReactForeceUpdate)return l.createElement(l.Fragment,null,[].concat(l.createElement("input",this.getDefaultAttributes()),this.portals));t.prototype.render.call(this),this.initRenderCalled=!0},e}(R);(0,r.applyMixins)(T,[r.ComponentBase,l.Component])})(),u})()));
+!function(t,e){"object"==typeof exports&&"object"==typeof module?module.exports=e(require("SyncfusionReactBase"),require("React"),require("SyncfusionBase"),require("SyncfusionInputs"),require("SyncfusionData"),require("SyncfusionPopups"),require("SyncfusionGrids")):"function"==typeof define&&define.amd?define(["SyncfusionReactBase","React","SyncfusionBase","SyncfusionInputs","SyncfusionData","SyncfusionPopups","SyncfusionGrids"],e):"object"==typeof exports?exports.SyncfusionReactMulticolumnCombobox=e(require("SyncfusionReactBase"),require("React"),require("SyncfusionBase"),require("SyncfusionInputs"),require("SyncfusionData"),require("SyncfusionPopups"),require("SyncfusionGrids")):t.SyncfusionReactMulticolumnCombobox=e(t.SyncfusionReactBase,t.React,t.SyncfusionBase,t.SyncfusionInputs,t.SyncfusionData,t.SyncfusionPopups,t.SyncfusionGrids)}(self,((t,e,i,o,n,r,s)=>(()=>{"use strict";var a={24:t=>{t.exports=e},766:t=>{t.exports=i},74:t=>{t.exports=n},707:t=>{t.exports=s},323:t=>{t.exports=o},197:t=>{t.exports=r},705:e=>{e.exports=t}},l={};function p(t){var e=l[t];if(void 0!==e)return e.exports;var i=l[t]={exports:{}};return a[t](i,i.exports,p),i.exports}p.d=(t,e)=>{for(var i in e)p.o(e,i)&&!p.o(t,i)&&Object.defineProperty(t,i,{enumerable:!0,get:e[i]})},p.o=(t,e)=>Object.prototype.hasOwnProperty.call(t,e),p.r=t=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})};var u={};return(()=>{p.r(u),p.d(u,{Column:()=>j,ColumnDirective:()=>s,ColumnsDirective:()=>a,Edit:()=>g.Edit,FieldSettings:()=>x,FilterType:()=>e,GridSettings:()=>P,Group:()=>g.Group,Inject:()=>n.Inject,MultiColumnComboBox:()=>R,MultiColumnComboBoxComponent:()=>D,MultiColumnGrid:()=>E,Sort:()=>g.Sort,SortOrder:()=>i,SortType:()=>o,VirtualScroll:()=>g.VirtualScroll});var t,e,i,o,n=p(705),r=(t=function(e,i){return t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var i in e)e.hasOwnProperty(i)&&(t[i]=e[i])},t(e,i)},function(e,i){function o(){this.constructor=e}t(e,i),e.prototype=null===i?Object.create(i):(o.prototype=i.prototype,new o)}),s=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return r(e,t),e.moduleName="column",e}(n.ComplexBase),a=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return r(e,t),e.propertyName="columns",e.moduleName="columns",e}(n.ComplexBase),l=p(24),d=p(766),h=p(323),c=p(74),f=p(197),g=p(707),y=function(){var t=function(e,i){return t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var i in e)e.hasOwnProperty(i)&&(t[i]=e[i])},t(e,i)};return function(e,i){function o(){this.constructor=e}t(e,i),e.prototype=null===i?Object.create(i):(o.prototype=i.prototype,new o)}}(),m=function(t,e,i,o){var n,r=arguments.length,s=r<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,e,i,o);else for(var a=t.length-1;a>=0;a--)(n=t[a])&&(s=(r<3?n(s):r>3?n(e,i,s):n(e,i))||s);return r>3&&s&&Object.defineProperty(e,i,s),s},v="e-icon-anim",b="e-nodata",O="e-disabled",w="e-input-focus",S="e-multicolumn-list",C="e-multicolumn-grid",E=function(){function t(){}return t.prototype.InjectModules=function(){g.Grid.Inject(g.VirtualScroll,g.Group,g.Edit,g.Sort)},t}();!function(t){t.StartsWith="StartsWith",t.EndsWith="EndsWith",t.Contains="Contains"}(e||(e={})),function(t){t.None="None",t.Ascending="Ascending",t.Descending="Descending"}(i||(i={})),function(t){t.OneColumn="OneColumn",t.MultipleColumns="MultipleColumns"}(o||(o={}));var x=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return y(e,t),m([(0,d.Property)()],e.prototype,"text",void 0),m([(0,d.Property)()],e.prototype,"value",void 0),m([(0,d.Property)()],e.prototype,"groupBy",void 0),e}(d.ChildProperty),j=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return y(e,t),m([(0,d.Property)("")],e.prototype,"field",void 0),m([(0,d.Property)("")],e.prototype,"header",void 0),m([(0,d.Property)("")],e.prototype,"width",void 0),m([(0,d.Property)("")],e.prototype,"textAlign",void 0),m([(0,d.Property)(null)],e.prototype,"format",void 0),m([(0,d.Property)(!1)],e.prototype,"displayAsCheckBox",void 0),m([(0,d.Property)(null)],e.prototype,"template",void 0),m([(0,d.Property)(null)],e.prototype,"headerTemplate",void 0),m([(0,d.Property)(null)],e.prototype,"customAttributes",void 0),e}(d.ChildProperty),P=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return y(e,t),m([(0,d.Property)(!1)],e.prototype,"enableAltRow",void 0),m([(0,d.Property)(null)],e.prototype,"rowHeight",void 0),m([(0,d.Property)("Default")],e.prototype,"gridLines",void 0),e}(d.ChildProperty),R=function(t){function n(e,i){var o=t.call(this,e,i)||this;return o.gridInject=new E,o.gridInject.InjectModules(),o}return y(n,t),n.prototype.preRender=function(){this.element.id||(this.element.id=(0,d.getUniqueID)("e-"+this.getModuleName())),this.keyConfigs={escape:"escape",altUp:"alt+uparrow",altDown:"alt+downarrow",tab:"tab",shiftTab:"shift+tab",end:"end",enter:"enter",home:"home",moveDown:"downarrow",moveUp:"uparrow"},this.matchedRowEle=this.matchedContent=null,this.persistData()},n.prototype.getDirective=function(){return"EJS-MULTICOLUMNCOMBOBOX"},n.prototype.getModuleName=function(){return"multicolumncombobox"},n.prototype.getPersistData=function(){return this.addOnPersist(["value"])},n.prototype.persistData=function(){if(this.enablePersistence){this.element.id=this.element.id+"_wrapper";var t=window.localStorage.getItem(this.getModuleName()+this.element.id);(0,d.isNullOrUndefined)(t)||""===t||this.setProperties(JSON.parse(t),!0)}},n.prototype.render=function(){this.renderGrid(),this.renderInput(),this.popupDiv=this.createElement("div",{className:"e-popup-content"}),this.popupDiv.appendChild(this.gridEle),this.setHTMLAttributes(),this.renderPopup(),this.wireEvents()},n.prototype.renderGrid=function(){var t=this,e=this.getGridColumns();this.gridObj=new g.Grid({dataSource:this.dataSource,columns:e,allowSorting:this.allowSorting,enableStickyHeader:!0,gridLines:this.gridSettings.gridLines,rowHeight:this.gridSettings.rowHeight,enableAltRow:this.gridSettings.enableAltRow,enableVirtualization:this.enableVirtualization,enableRtl:this.enableRtl,editSettings:{allowAdding:!1},query:this.query,height:this.popupHeight,allowMultiSorting:"multiplecolumns"===this.sortType.toString().toLowerCase()&&this.allowSorting,rowTemplate:this.itemTemplate,dataBound:function(){t.onDataBound()},actionFailure:function(e){t.onActionFailure(e)},actionBegin:function(e){t.trigger("actionBegin",e)},actionComplete:function(e){t.trigger("actionComplete",e),"sorting"===e.requestType&&t.updateRowSelection(e);var i=e.rows;t.isDataFiltered&&i.length>0&&""!==t.inputEle.value&&"sorting"!==e.requestType&&t.gridObj.getRows()[0].classList.add("e-row-focus");t.popupObj.refreshPosition()},keyPressed:function(e){"Enter"===e.key&&(e.cancel=!0,t.isPopupOpen&&(t.selectedGridRow(t.gridObj.getRows()[t.gridObj.selectedRowIndex],e,!0),t.hidePopup(e),t.focusIn(e))),t.fields.groupBy&&(e.cancel=!0,t.gridKeyActionHandler(e,!0))}}),this.gridEle=this.createElement("div",{id:(0,d.getUniqueID)("grid"),className:C}),this.updateGroupByField();var o=this.sortOrder.toString().toLowerCase();this.gridObj.columns[0].isPrimaryKey=!0,"none"!==o&&(this.gridObj.sortSettings={columns:[{field:this.fields.text,direction:"ascending"===o?i.Ascending:i.Descending}]}),this.gridObj.appendTo(this.gridEle)},n.prototype.isRowMatching=function(t,e,i){var o=Object.values(t).map(String);return o.includes(e)&&o.includes(i)},n.prototype.updateRowSelection=function(t){var e=this;t&&t.rows.forEach((function(t){var i=t.data,o=t.index;e.selectDataRow(i,o)}))},n.prototype.selectDataRow=function(t,e){if(this.isRowMatching(t,this.value?this.value.toString():"",this.text?this.text.toString():"")){this.gridObj.selectRow(e);var i=this.isProtectedOnChange;return this.isProtectedOnChange=!0,this.index=e,void(this.isProtectedOnChange=i)}},n.prototype.findIndex=function(t,e){return t.findIndex((function(t){return Object.keys(e).every((function(i){return t[i]===e[i]}))}))},n.prototype.getGridColumns=function(){var t=this;return this.columns.map((function(e){var i;return e.displayAsCheckBox&&!e.format&&(i="boolean"),{field:e.field,headerText:e.header,width:e.width,textAlign:""===e.textAlign&&t.enableRtl?"Right":e.textAlign,format:e.format,displayAsCheckBox:e.displayAsCheckBox,template:e.template,headerTemplate:e.headerTemplate,customAttributes:e.customAttributes,type:i}}))},n.prototype.updateGroupByField=function(){if(""!==this.fields.groupBy&&!(0,d.isNullOrUndefined)(this.fields.groupBy)){"multiplecolumns"!==this.sortType.toString().toLowerCase()&&this.gridEle.classList.add("e-multicolumn-group");var t=this.isProtectedOnChange;this.isProtectedOnChange=!0,this.gridObj.allowGrouping=!0,this.gridObj.groupSettings={showDropArea:!1,columns:[this.fields.groupBy],captionTemplate:this.groupTemplate&&""!==this.fields.groupBy&&!(0,d.isNullOrUndefined)(this.fields.groupBy)?this.groupTemplate:"${key}"},this.isVue&&(this.gridObj.isVue=this.isVue),this.isProtectedOnChange=t}},n.prototype.onDataBound=function(){var t=this.dataSource.length,e=this.popupDiv.querySelector("."+C);if(t<=0&&e)this.l10nUpdate(),this.popupDiv.removeChild(this.gridEle),(0,d.addClass)([this.popupDiv],[b]);else if(this.popupDiv.classList.contains(b)&&t>=1){(0,d.removeClass)([this.popupDiv],[b]);var i=this.popupDiv.querySelector(".e-no-records");i&&this.popupDiv.removeChild(i)}if(this.isInitialRender){var o=this.popupDiv.classList.contains(b)?this.popupDiv.getBoundingClientRect().height:this.popupDiv.querySelector(".e-gridcontent tr").getBoundingClientRect().height;this.popupRowHeight=o,this.popupObj.hide(),this.popupEle.style.visibility="unset",this.isInitialRender=!1}},n.prototype.onActionFailure=function(t){this.trigger("actionFailure",t),this.l10nUpdate(!0),(0,d.addClass)([this.popupDiv],[b])},n.prototype.renderInput=function(){"INPUT"===this.element.tagName?(this.inputEle=this.element,(0,d.isNullOrUndefined)(this.inputEle.getAttribute("role"))&&this.inputEle.setAttribute("role","combobox"),(0,d.isNullOrUndefined)(this.inputEle.getAttribute("type"))&&this.inputEle.setAttribute("type","text"),this.inputEle.setAttribute("aria-expanded","false"),this.inputEle.setAttribute("aria-readOnly",this.readonly.toString()),this.inputEle.setAttribute("aria-disabled",this.disabled.toString()),this.inputEle.setAttribute("autocomplete","off"),this.inputEle.setAttribute("autocapitalize","off"),this.inputEle.setAttribute("spellcheck","false"),this.inputEle.setAttribute("tabindex","0")):(this.inputEle=this.createElement("input",{attrs:{role:"textbox",type:"text"}}),this.element.parentElement.insertBefore(this.inputEle,this.element)),this.inputObj=h.Input.createInput({element:this.inputEle,buttons:["e-input-group-icon e-multicolumn-list-icon e-icons"],floatLabelType:this.floatLabelType,properties:{enabled:!this.disabled,readonly:this.readonly,placeholder:this.placeholder,enableRtl:this.enableRtl,showClearButton:this.showClearButton,cssClass:this.cssClass}},this.createElement),this.inputWrapper=this.inputObj.container,this.inputWrapper.classList.add(S),this.inputWrapper.setAttribute("spellcheck","false"),this.element.tagName===this.getDirective()&&this.element.appendChild(this.inputWrapper),this.setElementWidth(this.width),(0,d.isNullOrUndefined)(this.value)&&(0,d.isNullOrUndefined)(this.text)&&(0,d.isNullOrUndefined)(this.index)||this.initValue(null,null,!0)},n.prototype.setElementWidth=function(t){var e=this.inputWrapper;(0,d.isNullOrUndefined)(t)||("number"==typeof t?e.style.width=(0,d.formatUnit)(t):"string"==typeof t&&(e.style.width=t.match(/px|%|em/)?t:(0,d.formatUnit)(t)))},n.prototype.setHTMLAttributes=function(){if(Object.keys(this.htmlAttributes).length)for(var t=0,e=Object.keys(this.htmlAttributes);t<e.length;t++){var i=e[t];if("class"===i)this.inputWrapper.classList.add(this.htmlAttributes[""+i]);else if("disabled"===i)this.setProperties({enabled:!1},!0),this.setEnable();else if("readonly"===i)this.setProperties({readonly:!0},!0),this.dataBind();else if("style"===i)this.inputWrapper.setAttribute("style",this.htmlAttributes[""+i]);else{["title","id","placeholder","role","autocomplete","autocapitalize","spellcheck","minlength","maxlength"].indexOf(i)>-1&&"placeholder"===i?h.Input.setPlaceholder(this.htmlAttributes[""+i],this.inputEle):this.inputEle.setAttribute(i,this.htmlAttributes[""+i])}}},n.prototype.setEnable=function(){h.Input.setEnabled(!this.disabled,this.inputEle),this.disabled?(this.isPopupOpen&&this.hidePopup(),(0,d.addClass)([this.inputWrapper],O),this.inputWrapper&&this.inputWrapper.classList.contains(w)&&(0,d.removeClass)([this.inputWrapper],[w]),this.inputEle.setAttribute("aria-disabled","true"),this.inputWrapper.setAttribute("aria-disabled","true")):((0,d.removeClass)([this.inputWrapper],O),this.inputEle.setAttribute("aria-disabled","false"),this.inputWrapper.setAttribute("aria-disabled","false"))},n.prototype.initValue=function(t,e,i){var o,n,r,s,a=this,l=this.gridObj.getSelectedRecords()[0],p=this.gridObj.getSelectedRows()[0],u=this.isProtectedOnChange;this.isProtectedOnChange=!0,this.value=this.value?this.value.toString():this.value,this.isProtectedOnChange=u;var h=function(t){var e=a.updateCurrentValues(o,t);n=e.currentValue,r=e.currentText,s=e.currentIndex};if(!t&&(!(0,d.isNullOrUndefined)(this.value)||!(0,d.isNullOrUndefined)(this.text))||t&&void 0!==e){var f=t?e?this.value:this.text:(0,d.isNullOrUndefined)(this.value)?this.text:this.value;!(0,d.isNullOrUndefined)(this.dataSource)&&this.dataSource instanceof c.DataManager?this.dataSource.executeQuery(new c.Query).then((function(u){var c=u.result,g=c.filter((function(i){return i[t?e?a.fields.value:a.fields.text:(0,d.isNullOrUndefined)(a.value)?a.fields.text:a.fields.value].toString()===f}));g.length>0&&(o=g[0],h(c),a.updateChangeEvent(o,l,p,n,r,s,t,i),a.gridObj.selectRow(a.index))})):!(0,d.isNullOrUndefined)(this.dataSource)&&this.dataSource instanceof Array&&(o=this.dataSource.filter((function(i){return i[t?e?a.fields.value:a.fields.text:(0,d.isNullOrUndefined)(a.value)?a.fields.text:a.fields.value].toString()===f}))[0],h(this.dataSource))}else(0,d.isNullOrUndefined)(this.index)||(!(0,d.isNullOrUndefined)(this.dataSource)&&this.dataSource instanceof c.DataManager?this.dataSource.executeQuery(new c.Query).then((function(e){var u=e.result;o=u[a.index],h(u),a.updateChangeEvent(o,l,p,n,r,s,t,i),a.gridObj.selectRow(a.index)})):!(0,d.isNullOrUndefined)(this.dataSource)&&this.dataSource instanceof Array&&(o=this.dataSource[this.index],h(this.dataSource)));this.dataSource instanceof c.DataManager||this.updateChangeEvent(o,l,p,n,r,s,t,i)},n.prototype.updateChangeEvent=function(t,e,i,o,n,r,s,a){var l={value:t?t[this.fields.value].toString():null,itemData:{text:n,value:o},item:this.getDataByValue(this.value),previousItemData:e,previousItemElement:i,itemElement:this.inputWrapper,event:null,isInteracted:!s};this.updateValues(o,n,r,l,a)},n.prototype.updateCurrentValues=function(t,e){return(0,d.isNullOrUndefined)(t)?{currentValue:null,currentText:null,currentIndex:null}:(h.Input.setValue(t[this.fields.text].toString(),this.inputEle,this.floatLabelType,this.showClearButton),{currentValue:t[this.fields.value].toString(),currentText:t[this.fields.text].toString(),currentIndex:e.indexOf(t)})},n.prototype.renderPopup=function(){this.popupEle=this.createElement("div",{id:this.element.id+"_options",className:S+" e-popup "+(null!==this.cssClass?this.cssClass:"")}),(0,d.attributes)(this.popupEle,{"aria-label":this.element.id,role:"dialog"}),document.body.appendChild(this.popupEle),this.createPopup(this.popupEle),(0,d.prepend)([this.popupDiv],this.popupEle),this.footerTemplate&&this.setFooterTemplate();var t=this.getSize(!1);if(this.popupEle.style.maxHeight=t,this.footerTemplate){this.footer=this.footer?this.footer:this.popupEle.querySelector(".e-popup-footer");var e=Math.round(this.footer.getBoundingClientRect().height);t=(0,d.formatUnit)(parseInt(t,10)-e+"px")}this.popupDiv.style.maxHeight=t,this.updateGridHeight(),this.popupEle.style.visibility="hidden",this.isInitialRender=!0},n.prototype.updateGridHeight=function(t,e,i){var o;if(t){var n=this.gridObj.getContent().querySelector(".e-content"),r=n.offsetHeight-n.clientHeight,s=i*this.popupRowHeight;""===this.fields.groupBy||(0,d.isNullOrUndefined)(this.fields.groupBy)||(s+=this.popupRowHeight),o=e&&s<this.prevGridHeight?s+r+"px":this.prevGridHeight+"px"}else this.prevGridHeight=this.popupDiv.getBoundingClientRect().height-this.popupDiv.querySelector(".e-gridheader").getBoundingClientRect().height,o=this.prevGridHeight+"px";var a=this.isProtectedOnChange;this.isProtectedOnChange=!0,this.gridObj.height=o,this.isProtectedOnChange=a},n.prototype.createPopup=function(t){var e=this;this.popupObj=new f.Popup(t,{width:this.getSize(!0),targetType:"relative",collision:{X:"flip",Y:"flip"},relateTo:this.inputWrapper,enableRtl:this.enableRtl,position:{X:"left",Y:"bottom"},targetExitViewport:function(){d.Browser.isDevice||e.hidePopup()},open:function(){e.inputEle.focus(),e.updateClearIconState()}})},n.prototype.setFooterTemplate=function(){this.footer?this.isReact&&"function"==typeof this.footerTemplate?this.clearTemplate(["footerTemplate"]):this.footer.innerHTML="":(this.footer=this.createElement("div"),(0,d.addClass)([this.footer],"e-popup-footer"));var t=this.getTemplateFunction(this.footerTemplate)({count:this.dataSource.length},this,"footerTemplate",this.element.id+"footerTemplate",this.isStringTemplate,void 0,this.footer);t&&(t=Array.prototype.slice.call(t),(0,d.append)(t,this.footer)),(0,d.append)([this.footer],this.popupEle)},n.prototype.l10nUpdate=function(t){if(this.noRecord?this.noRecord.innerHTML="":this.noRecord=this.createElement("div"),"No records found"!==this.noRecordsTemplate||"Request Failed"!==this.actionFailureTemplate){var e=t?this.actionFailureTemplate:this.noRecordsTemplate,i=t?this.element.id+"_actionFailure":this.element.id+"_noRecords",o=t?"actionFailureTemplate":"noRecordsTemplate",n=this.getTemplateFunction(e)({},this,o,i,this.isStringTemplate,void 0,this.noRecord);n&&(n=Array.prototype.slice.call(n),(0,d.append)(n,this.noRecord))}else{this.l10n=new d.L10n("multicolumncombobox",{noRecordsTemplate:"No records found",actionFailureTemplate:"Request Failed"},this.locale),this.noRecord.innerHTML=t?this.l10n.getConstant("actionFailureTemplate"):this.l10n.getConstant("noRecordsTemplate")}(0,d.addClass)([this.noRecord],"e-no-records"),(0,d.prepend)([this.noRecord],this.popupDiv),this.popupObj.refreshPosition()},n.prototype.getTemplateFunction=function(t){if("string"==typeof t){var e="";try{var i=(0,d.select)(t);e=i?"SCRIPT"===i.tagName?i.innerHTML:i.outerHTML:t}catch(i){e=t}return(0,d.compile)(e)}return(0,d.compile)(t)},n.prototype.getSize=function(t){var e=t?this.popupWidth:this.popupHeight,i=(0,d.formatUnit)(e);i.indexOf("%")>-1?i=((t?this.inputWrapper.offsetWidth:document.documentElement.clientHeight)*parseFloat(i)/100).toString()+"px":"string"==typeof e&&(i=e.match(/px|em/)?e:i);return i},n.prototype.selectedGridRow=function(t,e,i){var o=this,n={isInteracted:!!e,item:this.gridObj.getSelectedRecords()[0],itemElement:t,itemData:this.gridObj.getSelectedRecords()[0],event:e,cancel:!1},r=this.gridObj.getSelectedRecords()[0],s=r?r[this.fields.text].toString():"",a=r?r[this.fields.value].toString():"",l={isInteracted:!!e,item:r,itemElement:t,itemData:{text:s,value:a},event:e,cancel:!1,value:a,previousItemData:{text:this.text,value:this.value},previousItemElement:this.previousItemElement};this.trigger("select",n,(function(t){if(!t.cancel&&t.itemData){var n=t.itemData,r=e,s="Enter"===r.key||"Tab"===r.key||r.shiftKey&&"Tab"===r.key||r.altKey&&"ArrowUp"===r.key;(!i||i&&s)&&o.updateValues(n[o.fields.value],n[o.fields.text],o.gridObj.selectedRowIndex,l),h.Input.setValue(n[o.fields.text],o.inputEle,o.floatLabelType,o.showClearButton),(!i||i&&s)&&o.hidePopup(e)}}))},n.prototype.updateValues=function(t,e,i,o,n){this.previousItemElement=o.itemElement;var r=this.isProtectedOnChange;this.isProtectedOnChange=!0,this.text=e||this.text,this.value=t||this.value,this.index=(0,d.isNullOrUndefined)(i)?this.index:i,this.isProtectedOnChange=r,n||this.triggerChangeEvent(o)},n.prototype.triggerChangeEvent=function(t){this.trigger("change",t,(function(t){t.cancel}))},n.prototype.inputHandler=function(t){var e=this;if(this.showPopup(null,!0),this.updateClearIconState(),this.allowFiltering){var i=t.target.value.toLowerCase(),o=!1,n={preventDefaultAction:!1,text:i,updateData:function(t,r,s){n.cancel||(o=!0,e.filterAction(t,i,r,s))},event:t,cancel:!1};this.trigger("filtering",n,(function(t){t.cancel||t.preventDefaultAction||o||e.filterAction(e.dataSource,i,e.query,e.fields)}))}this.updateInputValue(t.target.value)},n.prototype.updateInputValue=function(t){var e,i=this;if(this.dataSource instanceof c.DataManager){var o=new c.Query;this.dataSource.executeQuery(o).then((function(o){var n=o.result;e=n.filter((function(e){return e[i.fields.text].toString().toLowerCase().startsWith(t.toLowerCase())})),i.selectFilteredRows(e)}))}else Array.isArray(this.dataSource)&&(e=this.dataSource.filter((function(e){return e[i.fields.text].toString().toLowerCase().startsWith(t.toLowerCase())})),this.selectFilteredRows(e))},n.prototype.selectFilteredRows=function(t){if(t.length>0?this.matchedContent=t[0]:this.matchedContent=null,this.matchedContent){var e=this.findIndex(this.gridObj.currentViewData,this.matchedContent);this.matchedRowEle=this.gridObj.getRowByIndex(e)}else this.matchedRowEle=null},n.prototype.filterAction=function(t,e,i,o){var n,r=this,s=this.filterType.toString().toLowerCase(),a=i||new c.Query;t instanceof c.DataManager?t.executeQuery(a).then((function(t){var i=t.result,a=i.length;n=i.filter((function(t){return r.filterData(t,s,e,o)})),r.updateGridDataSource(n,a)})):Array.isArray(t)&&(n=t.filter((function(t){return r.filterData(t,s,e,o)})),this.updateGridDataSource(n))},n.prototype.filterData=function(t,e,i,o){var n=t[o?o.text:this.fields.text].toString().toLowerCase();switch(e){case"startswith":return n.startsWith(i);case"endswith":return n.endsWith(i);case"contains":return n.includes(i);default:return!1}},n.prototype.updateGridDataSource=function(t,e){var i=!0;if(t.length>0){i=(this.dataSource instanceof c.DataManager?e:this.dataSource.length)!==t.length,(0,d.removeClass)([this.popupDiv],[b]);var o=this.popupDiv.querySelector(".e-no-records");o&&this.popupDiv.removeChild(o),this.gridObj.dataSource=t,this.isDataFiltered=!0}else this.l10nUpdate(),(0,d.addClass)([this.popupDiv],[b]);this.updateGridHeight(!0,i,t.length)},n.prototype.wireEvents=function(){(0,d.isNullOrUndefined)(this.inputObj.buttons[0])||(d.EventHandler.add(this.inputObj.buttons[0],"mousedown",this.preventBlur,this),d.EventHandler.add(this.inputObj.buttons[0],"mousedown",this.dropDownClick,this)),d.EventHandler.add(document,"mousedown",this.onDocumentClick,this),d.EventHandler.add(this.gridEle,"click",this.onMouseClick,this),d.EventHandler.add(this.inputEle,"input",this.inputHandler,this),d.EventHandler.add(this.inputEle,"focus",this.focusIn,this),this.showClearButton&&d.EventHandler.add(this.inputObj.clearButton,"mousedown",this.clearText,this),d.EventHandler.add(window,"resize",this.windowResize,this),this.keyboardModule=new d.KeyboardEvents(this.inputWrapper,{keyAction:this.keyActionHandler.bind(this),keyConfigs:this.keyConfigs,eventName:"keydown"}),this.keyboardModule=new d.KeyboardEvents(this.gridEle,{keyAction:this.gridKeyActionHandler.bind(this),keyConfigs:this.keyConfigs,eventName:"keydown"})},n.prototype.unWireEvents=function(){(0,d.isNullOrUndefined)(this.inputObj.buttons[0])||(d.EventHandler.remove(this.inputObj.buttons[0],"mousedown",this.preventBlur),d.EventHandler.remove(this.inputObj.buttons[0],"mousedown",this.dropDownClick)),d.EventHandler.remove(document,"mousedown",this.onDocumentClick),d.EventHandler.remove(this.inputEle,"input",this.inputHandler),d.EventHandler.remove(this.inputWrapper,"focus",this.focusIn),d.EventHandler.remove(window,"resize",this.windowResize),d.EventHandler.remove(this.gridEle,"click",this.onMouseClick),this.showClearButton&&d.EventHandler.remove(this.inputObj.clearButton,"mousedown",this.clearText),this.keyboardModule&&this.keyboardModule.destroy()},n.prototype.preventBlur=function(t){t.preventDefault()},n.prototype.dropDownClick=function(t){if(!this.disabled&&!this.readonly){var e=this.gridEle.querySelector(".e-row-focus");e&&e.classList.remove("e-row-focus"),this.isPopupOpen?this.hidePopup(t):this.showPopup(t)}},n.prototype.onMouseClick=function(t){var e=t.target,i=(0,d.closest)(e,".e-row"),o=this.gridObj.selectedRowIndex;i&&(o>=0?this.selectedGridRow(i,t):(this.gridObj.selectedRowIndex=this.gridObj.getRows().indexOf(i),this.gridObj.selectRow(this.gridObj.selectedRowIndex),this.hidePopup(t)))},n.prototype.onDocumentClick=function(t){if(this.disabled||this.readonly||!this.isPopupOpen)t.target.closest(".e-multicolumn-list")||this.focusOut();else{var e=t.target;e.classList.contains("e-multicolumn-list-icon")||(0,d.closest)(e,".e-popup")?t.preventDefault():e.classList.contains("e-multicolumncombobox")||e.classList.contains("e-clear-icon")||this.updateValuesOnInput(t)}},n.prototype.updateValuesOnInput=function(t,e,i){var o=this,n=t||e;if(this.hidePopup(n),this.matchedRowEle&&!i){var r=this.isProtectedOnChange;this.isProtectedOnChange=!0,setTimeout((function(){o.inputEle.value=o.matchedContent[o.fields.text].toString(),o.value=o.matchedContent[o.fields.value].toString();var t=o.findIndex(o.gridObj.currentViewData,o.matchedContent);o.index=t,o.text=o.matchedContent[o.fields.text].toString(),o.gridObj.selectRow(t),o.selectedGridRow(o.gridObj.getRowByIndex(t),n),o.previousItemElement=o.gridObj.getSelectedRows()[0]}),100),this.isProtectedOnChange=r}else if(this.isDataFiltered){this.inputEle.value="";var s={value:null,itemData:{text:null,value:null},item:null,previousItemData:{text:this.text,value:this.value},previousItemElement:this.previousItemElement,itemElement:null,event:n,isInteracted:!0,cancel:!1};r=this.isProtectedOnChange;this.isProtectedOnChange=!0,this.text=this.value=this.index=null,this.gridObj.refreshColumns(),this.isProtectedOnChange=r,this.triggerChangeEvent(s),this.isDataFiltered=!1,this.matchedContent=this.matchedRowEle=null}},n.prototype.clearText=function(t){this.isDataFiltered=!0,this.updateValuesOnInput(t,null,!0)},n.prototype.windowResize=function(){this.popupObj&&(this.popupObj.setProperties({width:this.getSize(!0)}),this.popupObj.refreshPosition())},n.prototype.setCssClass=function(t,e){var i=this.popupObj?[this.inputWrapper,this.popupObj.element]:[this.inputWrapper];(0,d.isNullOrUndefined)(e)||""===e||(0,d.removeClass)(i,e.split(" ")),(0,d.isNullOrUndefined)(t)||""===t||(0,d.addClass)(i,t.split(" "))},n.prototype.keyActionHandler=function(t){switch(t.action){case"escape":case"altUp":case"shiftTab":case"tab":this.isPopupOpen?this.hidePopup(t):this.focusOut();break;case"altDown":this.isPopupOpen||(this.showPopup(t),this.updateSelectedItem(t,!1));break;case"moveDown":case"moveUp":this.updateSelectedItem(t,!0,!0);break;case"enter":this.updateValuesOnInput(null,t),this.focusIn(t);break;case"home":case"end":this.updateSelectedItem(t)}},n.prototype.gridKeyActionHandler=function(t,e){switch(e&&("ArrowDown"===t.key?t.action="moveDown":"ArrowUp"===t.key?t.action="moveUp":"End"===t.key?t.action="end":"Home"===t.key?t.action="home":"Tab"===t.key?t.action="tab":"Escape"===t.key&&(t.action="escape"),t.shiftKey&&"Tab"===t.key&&(t.action="shiftTab"),t.altKey&&"ArrowUp"===t.key&&(t.action="altUp")),t.action){case"escape":case"tab":case"shiftTab":case"altUp":this.isPopupOpen&&(t.preventDefault(),"escape"!==t.action&&this.updateSelectedItem(t),this.hidePopup(t));break;case"moveDown":case"moveUp":case"home":case"end":this.updateSelectedItem(t)}},n.prototype.updateSelectedItem=function(t,e,i){if(void 0===e&&(e=!0),this.isPopupOpen){var o=this.fields.groupBy?this.gridObj.selectedRowIndex?this.gridObj.selectedRowIndex:0:this.gridObj.selectedRowIndex;-1===o&&("moveDown"===t.action||"moveUp"===t.action)||"home"===t.action?o=0:o>=this.gridObj.getRows().length&&"moveDown"===t.action||"end"===t.action?o=this.gridObj.getRows().length-1:"moveDown"===t.action&&o>=0&&o<=this.gridObj.getRows().length&&(this.fields.groupBy||i)?o+=1:("moveUp"===t.action&&o>0&&this.fields.groupBy||i)&&(o-=1),this.gridObj.selectRow(o),this.gridObj.selectedRowIndex=o;var n=this.gridEle.querySelector(".e-row-focus");n&&n.classList.remove("e-row-focus"),e&&this.selectedGridRow(this.gridObj.getRows()[o],t,!0)}},n.prototype.updateClearIconState=function(){var t=this.inputWrapper.querySelector(".e-clear-icon");t&&(t.style.display=""===this.inputEle.value?"none":"flex")},n.prototype.focusIn=function(t){this.disabled||this.readonly||((0,d.addClass)([this.inputWrapper],[w]),this.inputEle.focus(),this.updateClearIconState(),this.trigger("focus",t),"Never"!==this.floatLabelType&&h.Input.calculateWidth(this.inputEle,this.inputWrapper))},n.prototype.focusOut=function(t){if(!this.disabled&&!this.readonly){this.isPopupOpen&&this.hidePopup(t),(0,d.removeClass)([this.inputWrapper],[w]);var e=this.inputWrapper.querySelector(".e-clear-icon");e&&(e.style.display="none"),"Never"!==this.floatLabelType&&h.Input.calculateWidth(this.inputEle,this.inputWrapper)}},n.prototype.showPopup=function(t,e){var i=this,o={popup:this.popupObj,event:t,cancel:!1,animation:{name:"FadeIn",duration:100}};this.trigger("open",o,(function(o){if(!o.cancel&&!i.isPopupOpen){if(i.isPopupOpen=!0,i.popupObj.refreshPosition(),(0,d.addClass)([i.inputWrapper],[v]),(0,d.attributes)(i.inputEle,{"aria-expanded":"true","aria-owns":i.element.id+"_popup","aria-controls":i.element.id}),!e){if(i.value||i.text||i.index)i.gridObj.currentViewData.forEach((function(t,e){i.selectDataRow(t,e)}));i.focusIn(t)}var n=i.gridObj.getContent();if(n){var r=n.querySelector(".e-rowcell.e-active");r?i.inputEle.setAttribute("aria-activedescendant",r.parentElement.getAttribute("data-uid")):n.querySelector(".e-row")&&i.inputEle.setAttribute("aria-activedescendant",n.querySelector(".e-row").getAttribute("data-uid"))}i.popupObj.show(new d.Animation(o.animation),i.popupEle)}}))},n.prototype.hidePopup=function(t){var e=this,i={popup:this.popupObj,event:t||null,cancel:!1,animation:{name:"FadeOut",duration:100}};this.trigger("close",i,(function(i){if(!i.cancel){if(e.isPopupOpen=!1,(0,d.removeClass)([e.inputWrapper],[v]),(0,d.attributes)(e.inputEle,{"aria-expanded":"false"}),e.popupObj.hide(new d.Animation(i.animation)),e.inputEle.value=e.text?e.text.toString():"",t){var o=t.target;o&&(o.classList.contains("e-multicolumn-list-icon")||o.classList.contains("e-rowcell"))?(e.value||e.gridObj.refreshColumns(),setTimeout((function(){e.focusIn(t)}))):e.focusOut()}e.inputEle.removeAttribute("aria-owns"),e.inputEle.removeAttribute("aria-activedescendant")}})),setTimeout((function(){e.gridObj&&(e.gridObj.dataSource=e.dataSource,e.updateGridHeight(!0,!1))}),100)},n.prototype.addItems=function(t,e){var i=this.isProtectedOnChange;this.isProtectedOnChange=!0,this.gridObj.editSettings.allowAdding=!0,this.gridObj.dataBind(),this.isProtectedOnChange=i,this.gridObj.addRecord(t,e)},n.prototype.getItems=function(){return this.gridObj.getDataRows()},n.prototype.getDataByValue=function(t){var e=this;return!(0,d.isNullOrUndefined)(this.dataSource)&&this.dataSource instanceof Array?this.dataSource.filter((function(i){return i[e.fields.value].toString()===t}))[0]:(!(0,d.isNullOrUndefined)(this.dataSource)&&this.dataSource instanceof c.DataManager&&this.dataSource.executeQuery(new c.Query).then((function(i){return i.result.filter((function(i){return i[e.fields.value].toString()===t}))[0]})),null)},n.prototype.destroy=function(){if(this.unWireEvents(),this.gridObj&&(this.gridObj.destroy(),(0,d.detach)(this.gridObj.element)),this.inputEle){for(var e=["placeholder","aria-expanded","spellcheck","aria-label","role","type","aria-owns","aria-controls","aria-readonly","autocomplete","autocapitalize","spellcheck","aria-activedescendant"],i=0;i<e.length;i++)this.inputEle.removeAttribute(e[i]);this.inputEle.classList.remove("e-input"),h.Input.setValue("",this.inputEle,this.floatLabelType,this.showClearButton)}this.popupEle&&(this.popupEle.removeAttribute("aria-label"),this.popupEle.removeAttribute("role")),this.popupObj&&(this.popupObj.destroy(),(0,d.detach)(this.popupObj.element)),this.element.tagName!==this.getDirective()&&this.inputWrapper.parentElement.insertBefore(this.element,this.inputWrapper),this.inputObj&&((0,d.detach)(this.inputObj.container),this.inputObj=null),h.Input.destroy({element:this.inputEle,floatLabelType:this.floatLabelType,properties:this.properties}),(0,d.detach)(this.inputWrapper),(0,d.detach)(this.popupDiv),this.inputEle=null,this.previousItemElement=null,this.inputWrapper.innerHTML="",this.inputWrapper=null,this.popupDiv=null,this.popupObj=null,this.gridObj=null,this.gridEle=null,this.popupEle=null,this.footer=null,this.noRecord=null,t.prototype.destroy.call(this)},n.prototype.onPropertyChanged=function(t,e){for(var o=0,n=Object.keys(t);o<n.length;o++){var r=n[o],s=void 0;switch(r){case"width":case"popupWidth":"width"===r&&this.setElementWidth(t.width),this.popupObj&&(this.popupObj.element.style.width=this.getSize(!0));break;case"popupHeight":if(this.popupObj){var a=this.getSize(!1);this.popupObj.element.style.maxHeight=a,this.popupDiv.style.maxHeight=a,this.gridObj.height=a}break;case"placeholder":h.Input.setPlaceholder(t.placeholder,this.inputEle);break;case"readonly":h.Input.setReadonly(this.readonly,this.inputEle);break;case"disabled":h.Input.setEnabled(!this.disabled,this.inputEle),this.setEnable();break;case"cssClass":this.setCssClass(t.cssClass,e.cssClass);break;case"floatLabelType":h.Input.removeFloating(this.inputObj),h.Input.addFloating(this.inputEle,this.floatLabelType,this.placeholder);break;case"showClearButton":h.Input.setClearButton(t.showClearButton,this.inputEle,this.inputObj);break;case"value":this.initValue(!0,!0);break;case"text":this.initValue(!0,!1);break;case"index":this.initValue();break;case"sortOrder":this.gridObj&&(this.gridObj.sortSettings.columns=[{field:this.fields.text,direction:t.sortOrder===i.Ascending?i.Ascending:i.Descending}]);break;case"htmlAttributes":this.setHTMLAttributes();break;case"noRecordsTemplate":this.l10nUpdate();break;case"actionFailureTemplate":this.l10nUpdate(!0);break;case"footerTemplate":this.setFooterTemplate();break;case"itemTemplate":this.gridObj&&(this.gridObj.rowTemplate=t.itemTemplate);break;case"groupTemplate":this.groupTemplate=t.groupTemplate,this.updateGroupByField();break;case"enableRtl":this.gridObj&&this.popupObj&&(this.gridObj.enableRtl=t.enableRtl,h.Input.setEnableRtl(t.enableRtl,[this.inputWrapper]),this.popupObj.enableRtl=t.enableRtl);break;case"dataSource":this.gridObj&&(this.gridObj.dataSource=t.dataSource);break;case"query":this.gridObj&&(this.gridObj.query=t.query);break;case"gridSettings":this.gridObj&&(this.gridObj.gridLines=t.gridSettings.gridLines,this.gridObj.rowHeight=t.gridSettings.rowHeight,this.gridObj.enableAltRow=t.gridSettings.enableAltRow);break;case"fields":this.fields=t.fields,this.updateGroupByField();break;case"filterType":this.filterType=t.filterType;break;case"enableVirtualization":this.gridObj&&(this.enableVirtualization=this.gridObj.enableVirtualization=t.enableVirtualization);break;case"sortType":this.sortType=t.sortType;break;case"allowFiltering":this.allowFiltering=t.allowFiltering;break;case"allowSorting":this.gridObj&&(this.allowSorting=this.gridObj.allowSorting=t.allowSorting);break;case"columns":this.gridObj&&(s=this.getGridColumns(),this.gridObj.columns=s)}}},m([(0,d.Property)([])],n.prototype,"dataSource",void 0),m([(0,d.Property)(null)],n.prototype,"text",void 0),m([(0,d.Property)(null)],n.prototype,"value",void 0),m([(0,d.Property)(null)],n.prototype,"index",void 0),m([(0,d.Property)("100%")],n.prototype,"width",void 0),m([(0,d.Property)("300px")],n.prototype,"popupHeight",void 0),m([(0,d.Property)("100%")],n.prototype,"popupWidth",void 0),m([(0,d.Property)(null)],n.prototype,"placeholder",void 0),m([(0,d.Property)(!0)],n.prototype,"allowFiltering",void 0),m([(0,d.Property)(!0)],n.prototype,"allowSorting",void 0),m([(0,d.Property)(!1)],n.prototype,"showClearButton",void 0),m([(0,d.Property)("")],n.prototype,"cssClass",void 0),m([(0,d.Complex)({text:null,value:null,groupBy:null},x)],n.prototype,"fields",void 0),m([(0,d.Collection)([],j)],n.prototype,"columns",void 0),m([(0,d.Complex)({},P)],n.prototype,"gridSettings",void 0),m([(0,d.Property)(e.StartsWith)],n.prototype,"filterType",void 0),m([(0,d.Property)("Never")],n.prototype,"floatLabelType",void 0),m([(0,d.Property)(i.None)],n.prototype,"sortOrder",void 0),m([(0,d.Property)(o.OneColumn)],n.prototype,"sortType",void 0),m([(0,d.Property)(!1)],n.prototype,"enableVirtualization",void 0),m([(0,d.Property)(!1)],n.prototype,"disabled",void 0),m([(0,d.Property)(!1)],n.prototype,"readonly",void 0),m([(0,d.Property)(!1)],n.prototype,"enablePersistence",void 0),m([(0,d.Property)()],n.prototype,"query",void 0),m([(0,d.Property)(null)],n.prototype,"itemTemplate",void 0),m([(0,d.Property)(null)],n.prototype,"footerTemplate",void 0),m([(0,d.Property)(null)],n.prototype,"groupTemplate",void 0),m([(0,d.Property)("Request Failed")],n.prototype,"actionFailureTemplate",void 0),m([(0,d.Property)("No records found")],n.prototype,"noRecordsTemplate",void 0),m([(0,d.Property)({})],n.prototype,"htmlAttributes",void 0),m([(0,d.Event)()],n.prototype,"created",void 0),m([(0,d.Event)()],n.prototype,"open",void 0),m([(0,d.Event)()],n.prototype,"close",void 0),m([(0,d.Event)()],n.prototype,"actionFailure",void 0),m([(0,d.Event)()],n.prototype,"actionBegin",void 0),m([(0,d.Event)()],n.prototype,"actionComplete",void 0),m([(0,d.Event)()],n.prototype,"filtering",void 0),m([(0,d.Event)()],n.prototype,"select",void 0),m([(0,d.Event)()],n.prototype,"change",void 0),n=m([d.NotifyPropertyChanges],n)}(d.Component),T=function(){var t=function(e,i){return t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var i in e)e.hasOwnProperty(i)&&(t[i]=e[i])},t(e,i)};return function(e,i){function o(){this.constructor=e}t(e,i),e.prototype=null===i?Object.create(i):(o.prototype=i.prototype,new o)}}(),D=function(t){function e(e){var i=t.call(this,e)||this;return i.initRenderCalled=!1,i.checkInjectedModules=!0,i.directivekeys={columns:"column"},i.statelessTemplateProps=null,i.templateProps=null,i.immediateRender=!1,i.portals=[],i}return T(e,t),e.prototype.render=function(){if(!(this.element&&!this.initRenderCalled||this.refreshing)||this.isReactForeceUpdate)return l.createElement(l.Fragment,null,[].concat(l.createElement("input",this.getDefaultAttributes()),this.portals));t.prototype.render.call(this),this.initRenderCalled=!0},e}(R);(0,n.applyMixins)(D,[n.ComponentBase,l.Component])})(),u})()));

package/dist/ej2-react-multicolumn-combobox.umd.min.js

@@ -1,6 +1,6 @@
 /*!
 *  filename: ej2-react-multicolumn-combobox.umd.min.js
-*  version : 26.1.38
+*  version : 26.2.4
 *  Copyright Syncfusion Inc. 2001 - 2023. 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

package/package.json

@@ -1,8 +1,8 @@
 {
   "_from": "@syncfusion/ej2-react-multicolumn-combobox@*",
-  "_id": "@syncfusion/ej2-react-multicolumn-combobox@21.29.0",
+  "_id": "@syncfusion/ej2-react-multicolumn-combobox@26.1.39",
   "_inBundle": false,
-  "_integrity": "sha512-o1U8itcdSDy8p/TIE4gR3oMRcDWMYsTrPVWN6r4kX5C5A83oiIpkmOq0WryCeyn/oajCWY++PvHcAZY5GMTYFQ==",
+  "_integrity": "sha512-FoAhjS53NdKFFfqXnbgWUgtQODzCDkr1fYdS+ADzGRR0Lyp9A/VplvgZNjWYkdHq5nGNIbgu43R+QuOcYrL8Dw==",
   "_location": "/@syncfusion/ej2-react-multicolumn-combobox",
   "_phantomChildren": {},
   "_requested": {
@@ -19,8 +19,8 @@
   "_requiredBy": [
     "/"
   ],
-  "_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-hotfix-new/@syncfusion/ej2-react-multicolumn-combobox/-/ej2-react-multicolumn-combobox-21.29.0.tgz",
-  "_shasum": "eb309e581c21b23cc93b105010a97e5e713c8d14",
+  "_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-hotfix-new/@syncfusion/ej2-react-multicolumn-combobox/-/ej2-react-multicolumn-combobox-26.1.39.tgz",
+  "_shasum": "826c0c60df794b5eb10c84fdc36a69cdbefee8a6",
   "_spec": "@syncfusion/ej2-react-multicolumn-combobox@*",
   "_where": "/jenkins/workspace/elease-automation_release_26.1.1/packages/included",
   "author": {
@@ -31,9 +31,9 @@
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-base": "~26.1.37",
-    "@syncfusion/ej2-multicolumn-combobox": "26.1.38",
-    "@syncfusion/ej2-react-base": "~26.1.35"
+    "@syncfusion/ej2-base": "~26.2.4",
+    "@syncfusion/ej2-multicolumn-combobox": "26.2.4",
+    "@syncfusion/ej2-react-base": "~26.2.4"
   },
   "deprecated": false,
   "description": "Essential JS 2 Component for React",
@@ -54,6 +54,6 @@
     "type": "git",
     "url": "https://github.com/syncfusion/ej2-react-ui-components.git"
   },
-  "version": "26.1.38",
+  "version": "26.2.4",
   "sideEffects": false
 }

package/styles/bootstrap-dark.css

@@ -1,349 +1 @@
-.e-dropdownbase .e-list-item .e-list-icon {
-  padding: 0 10px 0 0;
-}
-
-.e-bigger .e-dropdownbase .e-list-item .e-list-icon,
-.e-bigger.e-small .e-dropdownbase .e-list-item .e-list-icon {
-  padding: 0 12px 0 0;
-}
-
-.e-small .e-dropdownbase .e-list-item .e-list-icon {
-  padding: 0 8px 0 0;
-}
-
-.e-popup.e-ddl {
-  border-radius: 4px;
-  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.5);
-          box-shadow: 0 6px 12px rgba(0, 0, 0, 0.5);
-  margin-top: 3px;
-}
-.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: -webkit-box;
-  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, .e-bigger .e-popup.e-ddl .e-list-group-item, .e-bigger .e-popup.e-ddl .e-fixed-head {
-  font-size: 15px;
-  line-height: 40px;
-  padding-left: 0;
-  text-indent: 24px;
-}
-
-.e-bigger .e-popup.e-ddl .e-dd-group .e-list-item {
-  padding-left: 4px;
-}
-
-.e-bigger .e-popup.e-ddl .e-input-group {
-  padding: 4px 0;
-}
-
-.e-bigger .e-popup.e-ddl .e-input-group input, .e-bigger .e-popup.e-ddl .e-input-group input.e-input {
-  height: 38px;
-}
-
-.e-bigger .e-popup.e-ddl .e-dropdownbase {
-  min-height: 40px;
-}
-
-.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: transparent;
-  color: #f0f0f0;
-}
-
-.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 {
-  -webkit-box-shadow: none;
-          box-shadow: none;
-}
-
-.e-ddl.e-popup .e-filter-parent {
-  border-bottom: 1px solid #484848;
-}
-
-.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-dd-group .e-list-item {
-  padding-left: 4px;
-}
-
-.e-bigger.e-small .e-ddl.e-popup .e-input-group {
-  padding: 4px 0;
-}
-
-.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;
-}
-
-.e-input-group.e-control-wrapper .e-multicolumn-list-icon::before {
-  content: "\e969";
-  font-family: "e-icons";
-}
-
-.e-multicolumn-grid tr.e-groupcaptionrow {
-  position: sticky;
-  top: 0;
-}
-
-.e-multicolumn-grid th.e-grouptopleftcell.e-lastgrouptopleftcell,
-.e-multicolumn-grid td.e-recordplusexpand,
-.e-multicolumn-grid td.e-indentcell,
-.e-multicolumn-grid col.e-group-intent,
-.e-multicolumn-list .e-no-records + .e-grid {
-  display: none;
-}
-
-.e-multicolumn-grid .e-gridheader .e-headercelldiv {
-  overflow: hidden;
-}
-
-.e-multicolumn-list .e-popup-footer {
-  vertical-align: middle;
-  border-style: solid;
-  border-width: 0 1px 0 1px;
-  font-size: 14px;
-  height: 36px;
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-align: center;
-      -ms-flex-align: center;
-          align-items: center;
-}
-
-.e-multicolumn-grid.e-grid {
-  border-width: 1px;
-}
-
-.e-input-group.e-multicolumn-list input[readonly].e-input {
-  pointer-events: none;
-}
-
-.e-multicolumn-list.e-icon-anim .e-multicolumn-list-icon::before {
-  -webkit-transform: rotate(180deg);
-          transform: rotate(180deg);
-}
-.e-multicolumn-list:not(.e-icon-anim) .e-multicolumn-list-icon::before {
-  -webkit-transform: rotate(0deg);
-          transform: rotate(0deg);
-}
-.e-multicolumn-list .e-multicolumn-list-icon::before {
-  -webkit-transition: -webkit-transform 300ms ease;
-  transition: -webkit-transform 300ms ease;
-  transition: transform 300ms ease;
-  transition: transform 300ms ease, -webkit-transform 300ms ease;
-}
-
-.e-multicolumn-grid .e-grid {
-  overflow: auto;
-}
-
-.e-multicolumn-grid .e-row,
-.e-multicolumn-grid .e-emptyrow {
-  height: 36px;
-}
-
-.e-multicolumn-group .e-sortnumber {
-  display: none;
-}
-
-.e-popup.e-multicolumn-list {
-  position: absolute;
-  border-radius: 4px;
-  margin-top: unset;
-}
-.e-popup.e-multicolumn-list .e-nodata {
-  cursor: default;
-  font-family: inherit;
-  font-size: 14px;
-  padding: 14px 16px;
-  text-align: center;
-  border-radius: inherit;
-}
-.e-popup.e-multicolumn-list .e-headertext {
-  font-weight: 500;
-}
-.e-popup.e-multicolumn-list .e-gridheader {
-  position: sticky;
-  top: 0;
-  z-index: 1;
-}
-
-.e-multicolumn-grid .e-headercontent {
-  border-right-width: inherit !important; /* stylelint-disable-line declaration-no-important */
-}
-
-.e-multicolumn-grid.e-rtl .e-headercontent {
-  border-left-width: inherit !important; /* stylelint-disable-line declaration-no-important */
-}
-
-.e-multicolumn-grid .e-content {
-  overflow: auto !important; /* stylelint-disable-line declaration-no-important */
-}
-
-.e-small.e-popup .e-multicolumn-grid .e-headercelldiv,
-.e-small.e-popup .e-multicolumn-grid .e-rowcell, .e-small.e-popup.e-multicolumn-list .e-popup-footer,
-.e-small .e-popup .e-multicolumn-grid .e-headercelldiv,
-.e-small .e-popup .e-multicolumn-grid .e-rowcell,
-.e-small .e-popup.e-multicolumn-list .e-popup-footer {
-  font-size: 12px;
-}
-.e-small.e-popup.e-multicolumn-list .e-popup-footer,
-.e-small.e-popup .e-multicolumn-grid .e-row,
-.e-small.e-popup .e-multicolumn-grid .e-emptyrow,
-.e-small .e-popup.e-multicolumn-list .e-popup-footer,
-.e-small .e-popup .e-multicolumn-grid .e-row,
-.e-small .e-popup .e-multicolumn-grid .e-emptyrow {
-  height: 32px;
-}
-.e-small.e-popup.e-multicolumn-list,
-.e-small .e-popup.e-multicolumn-list {
-  margin-top: unset;
-}
-
-.e-bigger.e-popup.e-multicolumn-list .e-popup-footer,
-.e-bigger .e-popup.e-multicolumn-list .e-popup-footer {
-  font-size: 16px;
-}
-.e-bigger.e-popup.e-multicolumn-list .e-popup-footer,
-.e-bigger.e-popup .e-multicolumn-grid .e-row,
-.e-bigger.e-popup .e-multicolumn-grid .e-emptyrow,
-.e-bigger .e-popup.e-multicolumn-list .e-popup-footer,
-.e-bigger .e-popup .e-multicolumn-grid .e-row,
-.e-bigger .e-popup .e-multicolumn-grid .e-emptyrow {
-  height: 40px;
-}
-.e-bigger.e-popup.e-multicolumn-list,
-.e-bigger .e-popup.e-multicolumn-list {
-  margin-top: unset;
-}
-
-.e-bigger.e-small.e-popup .e-multicolumn-grid .e-headercelldiv,
-.e-bigger.e-small.e-popup .e-multicolumn-grid .e-rowcell, .e-bigger.e-small.e-popup.e-multicolumn-list .e-popup-footer,
-.e-bigger.e-small .e-popup .e-multicolumn-grid .e-headercelldiv,
-.e-bigger.e-small .e-popup .e-multicolumn-grid .e-rowcell,
-.e-bigger.e-small .e-popup.e-multicolumn-list .e-popup-footer,
-.e-bigger .e-small.e-popup .e-multicolumn-grid .e-headercelldiv,
-.e-bigger .e-small.e-popup .e-multicolumn-grid .e-rowcell,
-.e-bigger .e-small.e-popup.e-multicolumn-list .e-popup-footer,
-.e-small .e-bigger.e-popup .e-multicolumn-grid .e-headercelldiv,
-.e-small .e-bigger.e-popup .e-multicolumn-grid .e-rowcell,
-.e-small .e-bigger.e-popup.e-multicolumn-list .e-popup-footer {
-  font-size: 14px;
-}
-.e-bigger.e-small.e-popup.e-multicolumn-list .e-popup-footer,
-.e-bigger.e-small.e-popup .e-multicolumn-grid .e-row,
-.e-bigger.e-small.e-popup .e-multicolumn-grid .e-emptyrow,
-.e-bigger.e-small .e-popup.e-multicolumn-list .e-popup-footer,
-.e-bigger.e-small .e-popup .e-multicolumn-grid .e-row,
-.e-bigger.e-small .e-popup .e-multicolumn-grid .e-emptyrow,
-.e-bigger .e-small.e-popup.e-multicolumn-list .e-popup-footer,
-.e-bigger .e-small.e-popup .e-multicolumn-grid .e-row,
-.e-bigger .e-small.e-popup .e-multicolumn-grid .e-emptyrow,
-.e-small .e-bigger.e-popup.e-multicolumn-list .e-popup-footer,
-.e-small .e-bigger.e-popup .e-multicolumn-grid .e-row,
-.e-small .e-bigger.e-popup .e-multicolumn-grid .e-emptyrow {
-  height: 40px;
-}
-.e-bigger.e-small.e-popup.e-multicolumn-list,
-.e-bigger.e-small .e-popup.e-multicolumn-list,
-.e-bigger .e-small.e-popup.e-multicolumn-list,
-.e-small .e-bigger.e-popup.e-multicolumn-list {
-  margin-top: unset;
-}
-
-.e-multicolumn-list .e-popup-footer {
-  background: #2a2a2a;
-  color: #0070f0;
-  border-color: #484848;
-}
-
-.e-input-group.e-multicolumn-list:focus-visible {
-  outline: transparent;
-}
-
-.e-popup.e-multicolumn-list {
-  background: transparent;
-  -webkit-box-shadow: 0 3px 4px -1px rgba(0, 0, 0, 0.05), 0 2px 11px 0 rgba(0, 0, 0, 0.1);
-          box-shadow: 0 3px 4px -1px rgba(0, 0, 0, 0.05), 0 2px 11px 0 rgba(0, 0, 0, 0.1);
-}
-.e-popup.e-multicolumn-list .e-nodata {
-  color: #0070f0;
-  border: 1px solid #484848;
-  background: #2a2a2a;
-}
-.e-popup.e-multicolumn-list .e-multicolumn-grid .e-rowcell {
-  color: #fff;
-}
-.e-popup.e-multicolumn-list .e-multicolumn-grid .e-focused {
-  -webkit-box-shadow: none;
-          box-shadow: none;
-}
-.e-popup.e-multicolumn-list .e-gridhover .e-row:hover .e-rowcell:not(.e-active),
-.e-popup.e-multicolumn-list .e-gridcontent .e-row-focus {
-  background: #414141 !important; /* stylelint-disable-line declaration-no-important */
-}
-.e-popup.e-multicolumn-list .e-multicolumn-grid td.e-active {
-  background: #0070f0;
-  color: #fff;
-}
-.e-popup.e-multicolumn-list .e-groupcaption {
-  color: #0070f0;
-  background: #2a2a2a;
-}
-.e-popup.e-multicolumn-list .e-gridheader,
-.e-popup.e-multicolumn-list .e-gridheader colgroup {
-  background: transparent;
-}
-.e-popup.e-multicolumn-list .e-altrow {
-  background: #393939;
-}
-.e-popup.e-multicolumn-list .e-headertext,
-.e-popup.e-multicolumn-list .e-grid th.e-headercell[aria-sort=ascending] .e-headertext,
-.e-popup.e-multicolumn-list .e-grid th.e-headercell[aria-sort=descending] .e-headertext {
-  color: #0070f0;
-}
+@import '@syncfusion/ej2-multicolumn-combobox/styles/bootstrap-dark.css';