@syncfusion/ej2-multicolumn-combobox 26.1.35 → 26.1.38

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

@@ -1,2 +1,11 @@
+/*!
+*  filename: ej2-multicolumn-combobox.umd.min.js
+*  version : 26.1.38
+*  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&&"undefined"!=typeof module?e(exports,require("@syncfusion/ej2-base"),require("@syncfusion/ej2-inputs"),require("@syncfusion/ej2-data"),require("@syncfusion/ej2-popups"),require("@syncfusion/ej2-grids")):"function"==typeof define&&define.amd?define(["exports","@syncfusion/ej2-base","@syncfusion/ej2-inputs","@syncfusion/ej2-data","@syncfusion/ej2-popups","@syncfusion/ej2-grids"],e):e((t=t||self).ej={},t.ej2Base,t.ej2Inputs,t.ej2Data,t.ej2Popups,t.ej2Grids)}(this,function(s,g,l,y,i,e){"use strict";o=function(t,e){return(o=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)};var o,t=function(t,e){function i(){this.constructor=t}o(t,e),t.prototype=null===e?Object.create(e):(i.prototype=e.prototype,new i)},r=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;0<=a;a--)(r=t[a])&&(s=(n<3?r(s):3<n?r(e,i,s):r(e,i))||s);return 3<n&&s&&Object.defineProperty(e,i,s),s},n="e-icon-anim",a="e-nodata",p="e-disabled",u="e-input-focus",d="e-multicolumn-list",h="e-multicolumn-grid",c=(f.prototype.InjectModules=function(){e.Grid.Inject(e.VirtualScroll,e.Group,e.Edit,e.Sort)},f);function f(){}(v=s.FilterType||(s.FilterType={})).StartsWith="StartsWith",v.EndsWith="EndsWith",v.Contains="Contains",(v=s.SortOrder||(s.SortOrder={})).None="None",v.Ascending="Ascending",v.Descending="Descending",(v=s.SortType||(s.SortType={})).OneColumn="OneColumn",v.MultipleColumns="MultipleColumns";m=g.ChildProperty,t(b,m),r([g.Property()],b.prototype,"text",void 0),r([g.Property()],b.prototype,"value",void 0),r([g.Property()],b.prototype,"groupBy",void 0);var m,v=b;function b(){return null!==m&&m.apply(this,arguments)||this}O=g.ChildProperty,t(S,O),r([g.Property("")],S.prototype,"field",void 0),r([g.Property("")],S.prototype,"header",void 0),r([g.Property("")],S.prototype,"width",void 0),r([g.Property("")],S.prototype,"textAlign",void 0),r([g.Property(null)],S.prototype,"format",void 0),r([g.Property(!1)],S.prototype,"displayAsCheckBox",void 0),r([g.Property(null)],S.prototype,"template",void 0),r([g.Property(null)],S.prototype,"headerTemplate",void 0),r([g.Property(null)],S.prototype,"customAttributes",void 0);var O,w=S;function S(){return null!==O&&O.apply(this,arguments)||this}C=g.ChildProperty,t(j,C),r([g.Property(!1)],j.prototype,"enableAltRow",void 0),r([g.Property(null)],j.prototype,"rowHeight",void 0),r([g.Property("Default")],j.prototype,"gridLines",void 0);var C,E=j;function j(){return null!==C&&C.apply(this,arguments)||this}x=g.Component,t(P,x),P.prototype.preRender=function(){this.element.id||(this.element.id=g.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()},P.prototype.getDirective=function(){return"EJS-MULTICOLUMNCOMBOBOX"},P.prototype.getModuleName=function(){return"multicolumncombobox"},P.prototype.getPersistData=function(){return this.addOnPersist(["value"])},P.prototype.persistData=function(){var t;this.enablePersistence&&(this.element.id=this.element.id+"_wrapper",t=window.localStorage.getItem(this.getModuleName()+this.element.id),g.isNullOrUndefined(t)||""===t||this.setProperties(JSON.parse(t),!0))},P.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()},P.prototype.renderGrid=function(){var i=this,t=this.getGridColumns(),t=(this.gridObj=new e.Grid({dataSource:this.dataSource,columns:t,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(){i.onDataBound()},actionFailure:function(t){i.onActionFailure(t)},actionBegin:function(t){i.trigger("actionBegin",t)},actionComplete:function(t){i.trigger("actionComplete",t),"sorting"===t.requestType&&i.updateRowSelection(t);var e=t.rows;i.isDataFiltered&&0<e.length&&""!==i.inputEle.value&&"sorting"!==t.requestType&&i.gridObj.getRows()[0].classList.add("e-row-focus"),i.popupObj.refreshPosition()},keyPressed:function(t){"Enter"===t.key&&(t.cancel=!0,i.isPopupOpen)&&(i.selectedGridRow(i.gridObj.getRows()[i.gridObj.selectedRowIndex],t,!0),i.hidePopup(t),i.focusIn(t)),i.fields.groupBy&&(t.cancel=!0,i.gridKeyActionHandler(t,!0))}}),this.gridEle=this.createElement("div",{id:g.getUniqueID("grid"),className:h}),this.updateGroupByField(),this.sortOrder.toString().toLowerCase());this.gridObj.columns[0].isPrimaryKey=!0,"none"!==t&&(this.gridObj.sortSettings={columns:[{field:this.fields.text,direction:"ascending"===t?s.SortOrder.Ascending:s.SortOrder.Descending}]}),this.gridObj.appendTo(this.gridEle)},P.prototype.isRowMatching=function(t,e,i){t=Object.values(t).map(String);return t.includes(e)&&t.includes(i)},P.prototype.updateRowSelection=function(t){var i=this;t&&t.rows.forEach(function(t){var e=t.data,t=t.index;i.selectDataRow(e,t)})},P.prototype.selectDataRow=function(t,e){this.isRowMatching(t,this.value?this.value.toString():"",this.text?this.text.toString():"")&&(this.gridObj.selectRow(e),t=this.isProtectedOnChange,this.isProtectedOnChange=!0,this.index=e,this.isProtectedOnChange=t)},P.prototype.findIndex=function(t,i){return t.findIndex(function(e){return Object.keys(i).every(function(t){return e[t]===i[t]})})},P.prototype.getGridColumns=function(){var e=this;return this.columns.map(function(t){return{field:t.field,headerText:t.header,width:t.width,textAlign:""===t.textAlign&&e.enableRtl?"Right":t.textAlign,format:t.format,displayAsCheckBox:t.displayAsCheckBox,template:t.template,headerTemplate:t.headerTemplate,customAttributes:t.customAttributes,type:t.displayAsCheckBox?"boolean":"string"}})},P.prototype.updateGroupByField=function(){var t;""===this.fields.groupBy||g.isNullOrUndefined(this.fields.groupBy)||("multiplecolumns"!==this.sortType.toString().toLowerCase()&&this.gridEle.classList.add("e-multicolumn-group"),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&&!g.isNullOrUndefined(this.fields.groupBy)?this.groupTemplate:"${key}"},this.isVue&&(this.gridObj.isVue=this.isVue),this.isProtectedOnChange=t)},P.prototype.onDataBound=function(){var t=this.dataSource.length,e=this.popupDiv.querySelector("."+h);t<=0&&e?(this.l10nUpdate(),this.popupDiv.removeChild(this.gridEle),g.addClass([this.popupDiv],[a])):this.popupDiv.classList.contains(a)&&1<=t&&(g.removeClass([this.popupDiv],[a]),e=this.popupDiv.querySelector(".e-no-records"))&&this.popupDiv.removeChild(e)},P.prototype.onActionFailure=function(t){this.trigger("actionFailure",t),this.l10nUpdate(!0),g.addClass([this.popupDiv],[a])},P.prototype.renderInput=function(){"INPUT"===this.element.tagName?(this.inputEle=this.element,g.isNullOrUndefined(this.inputEle.getAttribute("role"))&&this.inputEle.setAttribute("role","combobox"),g.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=l.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(d),this.inputWrapper.setAttribute("spellcheck","false"),this.element.tagName===this.getDirective()&&this.element.appendChild(this.inputWrapper),this.setElementWidth(this.width),g.isNullOrUndefined(this.value)&&g.isNullOrUndefined(this.text)&&g.isNullOrUndefined(this.index)||this.initValue(null,null,!0)},P.prototype.setElementWidth=function(t){var e=this.inputWrapper;g.isNullOrUndefined(t)||("number"==typeof t?e.style.width=g.formatUnit(t):"string"==typeof t&&(e.style.width=t.match(/px|%|em/)?t:g.formatUnit(t)))},P.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];"class"===i?this.inputWrapper.classList.add(this.htmlAttributes[""+i]):"disabled"===i?(this.setProperties({enabled:!1},!0),this.setEnable()):"readonly"===i?(this.setProperties({readonly:!0},!0),this.dataBind()):"style"===i?this.inputWrapper.setAttribute("style",this.htmlAttributes[""+i]):-1<["title","id","placeholder","role","autocomplete","autocapitalize","spellcheck","minlength","maxlength"].indexOf(i)&&"placeholder"===i?l.Input.setPlaceholder(this.htmlAttributes[""+i],this.inputEle):this.inputEle.setAttribute(i,this.htmlAttributes[""+i])}},P.prototype.setEnable=function(){l.Input.setEnabled(!this.disabled,this.inputEle),this.disabled?(this.isPopupOpen&&this.hidePopup(),g.addClass([this.inputWrapper],p),this.inputWrapper&&this.inputWrapper.classList.contains(u)&&g.removeClass([this.inputWrapper],[u]),this.inputEle.setAttribute("aria-disabled","true"),this.inputWrapper.setAttribute("aria-disabled","true")):(g.removeClass([this.inputWrapper],p),this.inputEle.setAttribute("aria-disabled","false"),this.inputWrapper.setAttribute("aria-disabled","false"))},P.prototype.initValue=function(i,o,r){function n(t){t=d.updateCurrentValues(s,t),a=t.currentValue,p=t.currentText,l=t.currentIndex}var s,a,p,l,u,d=this,h=this.gridObj.getSelectedRecords()[0],c=this.gridObj.getSelectedRows()[0],t=this.isProtectedOnChange;this.isProtectedOnChange=!0,this.value=this.value&&this.value.toString(),this.isProtectedOnChange=t;!i&&(!g.isNullOrUndefined(this.value)||!g.isNullOrUndefined(this.text))||i&&void 0!==o?(u=i?o?this.value:this.text:g.isNullOrUndefined(this.value)?this.text:this.value,!g.isNullOrUndefined(this.dataSource)&&this.dataSource instanceof y.DataManager?this.dataSource.executeQuery(new y.Query).then(function(t){var t=t.result,e=t.filter(function(t){return t[i?o?d.fields.value:d.fields.text:g.isNullOrUndefined(d.value)?d.fields.text:d.fields.value].toString()===u});0<e.length&&(s=e[0],n(t),d.updateChangeEvent(s,h,c,a,p,l,i,r),d.gridObj.selectRow(d.index))}):!g.isNullOrUndefined(this.dataSource)&&this.dataSource instanceof Array&&(s=this.dataSource.filter(function(t){return t[i?o?d.fields.value:d.fields.text:g.isNullOrUndefined(d.value)?d.fields.text:d.fields.value].toString()===u})[0],n(this.dataSource))):g.isNullOrUndefined(this.index)||(!g.isNullOrUndefined(this.dataSource)&&this.dataSource instanceof y.DataManager?this.dataSource.executeQuery(new y.Query).then(function(t){t=t.result;s=t[d.index],n(t),d.updateChangeEvent(s,h,c,a,p,l,i,r),d.gridObj.selectRow(d.index)}):!g.isNullOrUndefined(this.dataSource)&&this.dataSource instanceof Array&&(s=this.dataSource[this.index],n(this.dataSource))),this.dataSource instanceof y.DataManager||this.updateChangeEvent(s,h,c,a,p,l,i,r)},P.prototype.updateChangeEvent=function(t,e,i,o,r,n,s,a){t={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,t,a)},P.prototype.updateCurrentValues=function(t,e){return g.isNullOrUndefined(t)?{currentValue:null,currentText:null,currentIndex:null}:(l.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)})},P.prototype.renderPopup=function(){this.popupEle=this.createElement("div",{id:this.element.id+"_options",className:d+" e-popup "+(null!==this.cssClass?this.cssClass:"")}),g.attributes(this.popupEle,{"aria-label":this.element.id,role:"dialog"}),document.body.appendChild(this.popupEle),this.createPopup(this.popupEle),g.prepend([this.popupDiv],this.popupEle),this.footerTemplate&&this.setFooterTemplate();var t,e=this.getSize(!1);this.popupEle.style.maxHeight=e,this.footerTemplate&&(this.footer=this.footer||this.popupEle.querySelector(".e-popup-footer"),t=Math.round(this.footer.getBoundingClientRect().height),e=g.formatUnit(parseInt(e,10)-t+"px")),this.popupDiv.style.maxHeight=e,this.popupRowHeight=this.popupDiv.querySelector(".e-gridcontent tr").getBoundingClientRect().height,this.updateGridHeight(),this.popupObj.hide()},P.prototype.updateGridHeight=function(t,e,i){e=t?(t=(t=this.gridObj.getContent().querySelector(".e-content")).offsetHeight-t.clientHeight,i=i*this.popupRowHeight,""===this.fields.groupBy||g.isNullOrUndefined(this.fields.groupBy)||(i+=this.popupRowHeight),e&&i<this.prevGridHeight?i+t+"px":this.prevGridHeight+"px"):(this.prevGridHeight=this.popupDiv.getBoundingClientRect().height-this.popupDiv.querySelector(".e-gridheader").getBoundingClientRect().height,this.prevGridHeight+"px"),i=this.isProtectedOnChange;this.isProtectedOnChange=!0,this.gridObj.height=e,this.isProtectedOnChange=i},P.prototype.createPopup=function(t){var e=this;this.popupObj=new i.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(){g.Browser.isDevice||e.hidePopup()}})},P.prototype.setFooterTemplate=function(){this.footer?this.isReact&&"function"==typeof this.footerTemplate?this.clearTemplate(["footerTemplate"]):this.footer.innerHTML="":(this.footer=this.createElement("div"),g.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),g.append(t,this.footer)),g.append([this.footer],this.popupEle)},P.prototype.l10nUpdate=function(t){var e,i,o;this.noRecord?this.noRecord.innerHTML="":this.noRecord=this.createElement("div"),"No records found"!==this.noRecordsTemplate||"Request Failed"!==this.actionFailureTemplate?(o=t?this.actionFailureTemplate:this.noRecordsTemplate,e=t?this.element.id+"_actionFailure":this.element.id+"_noRecords",i=t?"actionFailureTemplate":"noRecordsTemplate",(o=this.getTemplateFunction(o)({},this,i,e,this.isStringTemplate,void 0,this.noRecord))&&(o=Array.prototype.slice.call(o),g.append(o,this.noRecord))):(this.l10n=new g.L10n("multicolumncombobox",{noRecordsTemplate:"No records found",actionFailureTemplate:"Request Failed"},this.locale),this.noRecord.innerHTML=t?this.l10n.getConstant("actionFailureTemplate"):this.l10n.getConstant("noRecordsTemplate")),g.addClass([this.noRecord],"e-no-records"),g.prepend([this.noRecord],this.popupDiv),this.popupObj.refreshPosition()},P.prototype.getTemplateFunction=function(e){if("string"!=typeof e)return g.compile(e);var i="";try{var t=g.select(e),i=t?"SCRIPT"===t.tagName?t.innerHTML:t.outerHTML:e}catch(t){i=e}return g.compile(i)},P.prototype.getSize=function(t){var e=t?this.popupWidth:this.popupHeight,i=g.formatUnit(e);return-1<i.indexOf("%")?i=((t?this.inputWrapper.offsetWidth:document.documentElement.clientHeight)*parseFloat(i)/100).toString()+"px":"string"==typeof e&&(i=e.match(/px|em/)?e:i),i},P.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():"",p={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){!t.cancel&&t.itemData&&(t=t.itemData,i&&"Enter"!==e.key||o.updateValues(t[o.fields.value],t[o.fields.text],o.gridObj.selectedRowIndex,p),l.Input.setValue(t[o.fields.text],o.inputEle,o.floatLabelType,o.showClearButton),i&&"Enter"!==e.key||o.hidePopup(e))})},P.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=g.isNullOrUndefined(i)?this.index:i,this.isProtectedOnChange=n,r||this.triggerChangeEvent(o)},P.prototype.triggerChangeEvent=function(t){this.trigger("change",t,function(t){t.cancel})},P.prototype.inputHandler=function(t){var o,r,n,s=this;this.showPopup(null,!0),this.allowFiltering&&(o=t.target.value.toLowerCase(),n={preventDefaultAction:r=!1,text:o,updateData:function(t,e,i){n.cancel||(r=!0,s.filterAction(t,o,e,i))},event:t,cancel:!1},this.trigger("filtering",n,function(t){t.cancel||t.preventDefaultAction||r||s.filterAction(s.dataSource,o,s.query,s.fields)})),this.updateInputValue(t.target.value)},P.prototype.updateInputValue=function(e){var i,t,o=this;this.dataSource instanceof y.DataManager?(t=new y.Query,this.dataSource.executeQuery(t).then(function(t){t=t.result;i=t.filter(function(t){return t[o.fields.text].toString().toLowerCase().startsWith(e.toLowerCase())}),o.selectFilteredRows(i)})):Array.isArray(this.dataSource)&&(i=this.dataSource.filter(function(t){return t[o.fields.text].toString().toLowerCase().startsWith(e.toLowerCase())}),this.selectFilteredRows(i))},P.prototype.selectFilteredRows=function(t){0<t.length?this.matchedContent=t[0]:this.matchedContent=null,this.matchedContent?(t=this.findIndex(this.gridObj.currentViewData,this.matchedContent),this.matchedRowEle=this.gridObj.getRowByIndex(t)):this.matchedRowEle=null},P.prototype.filterAction=function(t,i,e,o){var r,n=this,s=this.filterType.toString().toLowerCase(),e=e||new y.Query;t instanceof y.DataManager?t.executeQuery(e).then(function(t){var t=t.result,e=t.length;r=t.filter(function(t){return n.filterData(t,s,i,o)}),n.updateGridDataSource(r,e)}):Array.isArray(t)&&(r=t.filter(function(t){return n.filterData(t,s,i,o)}),this.updateGridDataSource(r))},P.prototype.filterData=function(t,e,i,o){var r=t[(o||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}},P.prototype.updateGridDataSource=function(t,e){var i=!0;0<t.length?(i=(this.dataSource instanceof y.DataManager?e:this.dataSource.length)!==t.length,g.removeClass([this.popupDiv],[a]),(e=this.popupDiv.querySelector(".e-no-records"))&&this.popupDiv.removeChild(e),this.gridObj.dataSource=t,this.isDataFiltered=!0):(this.l10nUpdate(),g.addClass([this.popupDiv],[a])),this.updateGridHeight(!0,i,t.length)},P.prototype.wireEvents=function(){var t=this.inputWrapper.querySelector(".e-input-group-icon"),e=this.inputWrapper.querySelector(".e-clear-icon");g.EventHandler.add(t,"mousedown",this.dropDownClick,this),g.EventHandler.add(document,"mousedown",this.onDocumentClick,this),g.EventHandler.add(this.gridEle,"click",this.onMouseClick,this),g.EventHandler.add(this.inputEle,"input",this.inputHandler,this),g.EventHandler.add(this.inputWrapper,"focus",this.focusIn,this),e&&g.EventHandler.add(e,"click",this.clearText,this),g.EventHandler.add(window,"resize",this.windowResize,this),this.keyboardModule=new g.KeyboardEvents(this.inputWrapper,{keyAction:this.keyActionHandler.bind(this),keyConfigs:this.keyConfigs,eventName:"keydown"}),this.keyboardModule=new g.KeyboardEvents(this.gridEle,{keyAction:this.gridKeyActionHandler.bind(this),keyConfigs:this.keyConfigs,eventName:"keydown"})},P.prototype.unWireEvents=function(){var t=this.inputWrapper.querySelector(".e-input-group-icon"),e=this.inputWrapper.querySelector(".e-clear-icon");g.EventHandler.remove(t,"mousedown",this.dropDownClick),g.EventHandler.remove(document,"mousedown",this.onDocumentClick),g.EventHandler.remove(this.inputEle,"input",this.inputHandler),g.EventHandler.remove(this.inputWrapper,"focus",this.focusIn),g.EventHandler.remove(window,"resize",this.windowResize),g.EventHandler.remove(this.gridEle,"click",this.onMouseClick),e&&g.EventHandler.remove(e,"click",this.clearText),this.keyboardModule&&this.keyboardModule.destroy()},P.prototype.dropDownClick=function(t){var e;this.disabled||this.readonly||((e=this.gridEle.querySelector(".e-row-focus"))&&e.classList.remove("e-row-focus"),this.isPopupOpen?this.hidePopup(t):this.showPopup(t))},P.prototype.onMouseClick=function(t){var e=t.target,e=g.closest(e,".e-row"),i=this.gridObj.selectedRowIndex;e&&(0<=i?this.selectedGridRow(e,t):(this.gridObj.selectedRowIndex=this.gridObj.getRows().indexOf(e),this.gridObj.selectRow(this.gridObj.selectedRowIndex),this.hidePopup(t)))},P.prototype.onDocumentClick=function(t){var e;this.disabled||this.readonly||!this.isPopupOpen?t.target.closest(".e-multicolumn-list")||this.focusOut():((e=t.target).classList.contains("e-multicolumn-list-icon")||g.closest(e,".e-popup")?t.preventDefault():e.classList.contains("e-multicolumncombobox")||e.classList.contains("e-clear-icon")||this.updateValuesOnInput(t),g.closest(e,".e-multicolumn-list")||(this.inputWrapper.tabIndex=-1))},P.prototype.updateValuesOnInput=function(t,e,i){var o,r=this,n=t||e;this.hidePopup(n),this.matchedRowEle&&!i?(o=this.isProtectedOnChange,this.isProtectedOnChange=!0,setTimeout(function(){r.inputEle.value=r.matchedContent[r.fields.text].toString(),r.value=r.matchedContent[r.fields.value].toString();var t=r.findIndex(r.gridObj.currentViewData,r.matchedContent);r.index=t,r.text=r.matchedContent[r.fields.text].toString(),r.gridObj.selectRow(t),r.selectedGridRow(r.gridObj.getRowByIndex(t),n),r.previousItemElement=r.gridObj.getSelectedRows()[0]},100),this.isProtectedOnChange=o):this.isDataFiltered&&(this.inputEle.value="",t={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},o=this.isProtectedOnChange,this.isProtectedOnChange=!0,this.text=this.value=this.index=null,this.gridObj.refreshColumns(),this.isProtectedOnChange=o,this.triggerChangeEvent(t),this.isDataFiltered=!1,this.matchedContent=this.matchedRowEle=null)},P.prototype.clearText=function(t){this.isDataFiltered=!0,this.updateValuesOnInput(t,null,!0)},P.prototype.windowResize=function(){this.popupObj&&(this.popupObj.setProperties({width:this.getSize(!0)}),this.popupObj.refreshPosition())},P.prototype.setCssClass=function(t,e){var i=this.popupObj?[this.inputWrapper,this.popupObj.element]:[this.inputWrapper];g.isNullOrUndefined(e)||""===e||g.removeClass(i,e.split(" ")),g.isNullOrUndefined(t)||""===t||g.addClass(i,t.split(" "))},P.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":this.updateSelectedItem(t);break;case"enter":this.updateValuesOnInput(null,t),this.focusIn(t);break;case"home":case"end":this.updateSelectedItem(t)}},P.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)}},P.prototype.updateSelectedItem=function(t,e){var i,o;void 0===e&&(e=!0),this.isPopupOpen&&(-1===(i=this.fields.groupBy?this.gridObj.selectedRowIndex||0:this.gridObj.selectedRowIndex)&&("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&&0<=i&&i<=this.gridObj.getRows().length&&this.fields.groupBy?i+=1:"moveUp"===t.action&&0<i&&this.fields.groupBy&&--i,this.gridObj.selectRow(i),this.gridObj.selectedRowIndex=i,(o=this.gridEle.querySelector(".e-row-focus"))&&o.classList.remove("e-row-focus"),e)&&this.selectedGridRow(this.gridObj.getRows()[i],t,!0)},P.prototype.focusIn=function(t){var e;this.disabled||this.readonly||(g.addClass([this.inputWrapper],[u]),this.inputWrapper.tabIndex=0,this.inputWrapper.focus(),(e=this.inputWrapper.querySelector(".e-clear-icon"))&&(this.value&&""!==this.value.toString()||this.text&&""!==this.text)&&e.classList.remove("e-clear-icon-hide"),this.trigger("focus",t),"Never"!==this.floatLabelType&&l.Input.calculateWidth(this.inputEle,this.inputWrapper))},P.prototype.focusOut=function(t){this.disabled||this.readonly||(this.hidePopup(t),g.removeClass([this.inputWrapper],[u]),this.inputWrapper.tabIndex=-1,(t=this.inputWrapper.querySelector(".e-clear-icon"))&&t.classList.add("e-clear-icon-hide"),"Never"!==this.floatLabelType&&l.Input.calculateWidth(this.inputEle,this.inputWrapper))},P.prototype.showPopup=function(e,i){var o=this,t={popup:this.popupObj,event:e,cancel:!1,animation:{name:"FadeIn",duration:100}};this.trigger("open",t,function(t){t.cancel||o.isPopupOpen||(o.isPopupOpen=!0,o.popupObj.refreshPosition(),g.addClass([o.inputWrapper],[n]),g.attributes(o.inputEle,{"aria-expanded":"true","aria-owns":o.element.id+"_popup","aria-controls":o.element.id}),i||((o.value||o.text||o.index)&&o.gridObj.currentViewData.forEach(function(t,e){o.selectDataRow(t,e)}),o.focusIn(e)),o.popupObj.show(new g.Animation(t.animation),o.popupEle))})},P.prototype.hidePopup=function(e){var i=this,t={popup:this.popupObj,event:e||null,cancel:!1,animation:{name:"FadeOut",duration:100}};this.trigger("close",t,function(t){t.cancel||(i.isPopupOpen=!1,g.removeClass([i.inputWrapper],[n]),g.attributes(i.inputEle,{"aria-expanded":"false"}),i.popupObj.hide(new g.Animation(t.animation)),i.inputEle.value=i.text?i.text.toString():"",e&&((t=e.target).classList.contains("e-multicolumn-list-icon")||t.classList.contains("e-rowcell")?(i.value||i.gridObj.refreshColumns(),i.focusIn(e)):i.focusOut()))}),setTimeout(function(){i.gridObj&&(i.gridObj.dataSource=i.dataSource,i.updateGridHeight(!0,!1))},100)},P.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)},P.prototype.getItems=function(){return this.gridObj.getDataRows()},P.prototype.getDataByValue=function(e){var i=this;return!g.isNullOrUndefined(this.dataSource)&&this.dataSource instanceof Array?this.dataSource.filter(function(t){return t[i.fields.value].toString()===e})[0]:(!g.isNullOrUndefined(this.dataSource)&&this.dataSource instanceof y.DataManager&&this.dataSource.executeQuery(new y.Query).then(function(t){return t.result.filter(function(t){return t[i.fields.value].toString()===e})[0]}),null)},P.prototype.destroy=function(){if(this.unWireEvents(),this.gridObj&&(this.gridObj.destroy(),g.detach(this.gridObj.element)),this.popupObj&&(this.popupObj.destroy(),g.detach(this.popupObj.element)),this.inputEle){for(var t=["placeholder","aria-expanded","spellcheck","aria-label","role","tabindex","type","id","aria-owns","aria-controls"],e=0;e<t.length;e++)this.inputEle.removeAttribute(t[e]);this.inputEle.classList.remove("e-input"),l.Input.setValue("",this.inputEle,this.floatLabelType,this.showClearButton)}this.element.tagName!==this.getDirective()&&this.inputWrapper.parentElement.insertBefore(this.element,this.inputWrapper),this.inputObj&&(g.detach(this.inputObj.container),this.inputObj=null),l.Input.destroy({element:this.inputEle,floatLabelType:this.floatLabelType,properties:this.properties}),g.detach(this.inputWrapper),g.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,x.prototype.destroy.call(this)},P.prototype.onPropertyChanged=function(t,e){for(var i=0,o=Object.keys(t);i<o.length;i++){var r,n=o[i];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":this.popupObj&&(r=this.getSize(!1),this.popupObj.element.style.maxHeight=r,this.popupDiv.style.maxHeight=r,this.gridObj.height=r);break;case"placeholder":l.Input.setPlaceholder(t.placeholder,this.inputEle);break;case"readonly":l.Input.setReadonly(this.readonly,this.inputEle);break;case"disabled":l.Input.setEnabled(!this.disabled,this.inputEle),this.setEnable();break;case"cssClass":this.setCssClass(t.cssClass,e.cssClass);break;case"floatLabelType":l.Input.removeFloating(this.inputObj),l.Input.addFloating(this.inputEle,this.floatLabelType,this.placeholder);break;case"showClearButton":l.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===s.SortOrder.Ascending?s.SortOrder.Ascending:s.SortOrder.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,l.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&&(r=this.getGridColumns(),this.gridObj.columns=r)}}},r([g.Property([])],P.prototype,"dataSource",void 0),r([g.Property(null)],P.prototype,"text",void 0),r([g.Property(null)],P.prototype,"value",void 0),r([g.Property(null)],P.prototype,"index",void 0),r([g.Property("100%")],P.prototype,"width",void 0),r([g.Property("300px")],P.prototype,"popupHeight",void 0),r([g.Property("100%")],P.prototype,"popupWidth",void 0),r([g.Property(null)],P.prototype,"placeholder",void 0),r([g.Property(!0)],P.prototype,"allowFiltering",void 0),r([g.Property(!0)],P.prototype,"allowSorting",void 0),r([g.Property(!1)],P.prototype,"showClearButton",void 0),r([g.Property("")],P.prototype,"cssClass",void 0),r([g.Complex({text:null,value:null,groupBy:null},v)],P.prototype,"fields",void 0),r([g.Collection([],w)],P.prototype,"columns",void 0),r([g.Complex({},E)],P.prototype,"gridSettings",void 0),r([g.Property(s.FilterType.StartsWith)],P.prototype,"filterType",void 0),r([g.Property("Never")],P.prototype,"floatLabelType",void 0),r([g.Property(s.SortOrder.None)],P.prototype,"sortOrder",void 0),r([g.Property(s.SortType.OneColumn)],P.prototype,"sortType",void 0),r([g.Property(!1)],P.prototype,"enableVirtualization",void 0),r([g.Property(!1)],P.prototype,"disabled",void 0),r([g.Property(!1)],P.prototype,"readonly",void 0),r([g.Property(!1)],P.prototype,"enablePersistence",void 0),r([g.Property()],P.prototype,"query",void 0),r([g.Property(null)],P.prototype,"itemTemplate",void 0),r([g.Property(null)],P.prototype,"footerTemplate",void 0),r([g.Property(null)],P.prototype,"groupTemplate",void 0),r([g.Property("Request Failed")],P.prototype,"actionFailureTemplate",void 0),r([g.Property("No records found")],P.prototype,"noRecordsTemplate",void 0),r([g.Property({})],P.prototype,"htmlAttributes",void 0),r([g.Event()],P.prototype,"created",void 0),r([g.Event()],P.prototype,"open",void 0),r([g.Event()],P.prototype,"close",void 0),r([g.Event()],P.prototype,"actionFailure",void 0),r([g.Event()],P.prototype,"actionBegin",void 0),r([g.Event()],P.prototype,"actionComplete",void 0),r([g.Event()],P.prototype,"filtering",void 0),r([g.Event()],P.prototype,"select",void 0),r([g.Event()],P.prototype,"change",void 0);var x,t=r([g.NotifyPropertyChanges],P);function P(t,e){t=x.call(this,t,e)||this;return t.gridInject=new c,t.gridInject.InjectModules(),t}Object.defineProperty(s,"Edit",{enumerable:!0,get:function(){return e.Edit}}),Object.defineProperty(s,"Group",{enumerable:!0,get:function(){return e.Group}}),Object.defineProperty(s,"Sort",{enumerable:!0,get:function(){return e.Sort}}),Object.defineProperty(s,"VirtualScroll",{enumerable:!0,get:function(){return e.VirtualScroll}}),s.Column=w,s.FieldSettings=v,s.GridSettings=E,s.MultiColumnComboBox=t,s.MultiColumnGrid=c,Object.defineProperty(s,"__esModule",{value:!0})});
 //# sourceMappingURL=ej2-multicolumn-combobox.umd.min.js.map

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

@@ -1,2 +1,11 @@
+/*!
+*  filename: ej2-multicolumn-combobox.min.js
+*  version : 26.1.38
+*  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. 
+*/
 this.ej=this.ej||{},this.ej.multicolumncombobox=function(t,e,i,r,o,n){"use strict";var s=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])})(e,i)};return function(e,i){function r(){this.constructor=e}t(e,i),e.prototype=null===i?Object.create(i):(r.prototype=i.prototype,new r)}}(),a=function(t,e,i,r){var o,n=arguments.length,s=n<3?e:null===r?r=Object.getOwnPropertyDescriptor(e,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,e,i,r);else for(var a=t.length-1;a>=0;a--)(o=t[a])&&(s=(n<3?o(s):n>3?o(e,i,s):o(e,i))||s);return n>3&&s&&Object.defineProperty(e,i,s),s},l="e-nodata",p=function(){function t(){}return t.prototype.InjectModules=function(){n.Grid.Inject(n.VirtualScroll,n.Group,n.Edit,n.Sort)},t}();!function(t){t.StartsWith="StartsWith",t.EndsWith="EndsWith",t.Contains="Contains"}(t.FilterType||(t.FilterType={})),function(t){t.None="None",t.Ascending="Ascending",t.Descending="Descending"}(t.SortOrder||(t.SortOrder={})),function(t){t.OneColumn="OneColumn",t.MultipleColumns="MultipleColumns"}(t.SortType||(t.SortType={}));var u=function(t){function i(){return null!==t&&t.apply(this,arguments)||this}return s(i,t),a([e.Property()],i.prototype,"text",void 0),a([e.Property()],i.prototype,"value",void 0),a([e.Property()],i.prototype,"groupBy",void 0),i}(e.ChildProperty),d=function(t){function i(){return null!==t&&t.apply(this,arguments)||this}return s(i,t),a([e.Property("")],i.prototype,"field",void 0),a([e.Property("")],i.prototype,"header",void 0),a([e.Property("")],i.prototype,"width",void 0),a([e.Property("")],i.prototype,"textAlign",void 0),a([e.Property(null)],i.prototype,"format",void 0),a([e.Property(!1)],i.prototype,"displayAsCheckBox",void 0),a([e.Property(null)],i.prototype,"template",void 0),a([e.Property(null)],i.prototype,"headerTemplate",void 0),a([e.Property(null)],i.prototype,"customAttributes",void 0),i}(e.ChildProperty),h=function(t){function i(){return null!==t&&t.apply(this,arguments)||this}return s(i,t),a([e.Property(!1)],i.prototype,"enableAltRow",void 0),a([e.Property(null)],i.prototype,"rowHeight",void 0),a([e.Property("Default")],i.prototype,"gridLines",void 0),i}(e.ChildProperty),c=function(c){function g(t,e){var i=c.call(this,t,e)||this;return i.gridInject=new p,i.gridInject.InjectModules(),i}return s(g,c),g.prototype.preRender=function(){this.element.id||(this.element.id=e.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()},g.prototype.getDirective=function(){return"EJS-MULTICOLUMNCOMBOBOX"},g.prototype.getModuleName=function(){return"multicolumncombobox"},g.prototype.getPersistData=function(){return this.addOnPersist(["value"])},g.prototype.persistData=function(){if(this.enablePersistence){this.element.id=this.element.id+"_wrapper";var t=window.localStorage.getItem(this.getModuleName()+this.element.id);e.isNullOrUndefined(t)||""===t||this.setProperties(JSON.parse(t),!0)}},g.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()},g.prototype.renderGrid=function(){var i=this,r=this.getGridColumns();this.gridObj=new n.Grid({dataSource:this.dataSource,columns:r,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(){i.onDataBound()},actionFailure:function(t){i.onActionFailure(t)},actionBegin:function(t){i.trigger("actionBegin",t)},actionComplete:function(t){i.trigger("actionComplete",t),"sorting"===t.requestType&&i.updateRowSelection(t);var e=t.rows;i.isDataFiltered&&e.length>0&&""!==i.inputEle.value&&"sorting"!==t.requestType&&i.gridObj.getRows()[0].classList.add("e-row-focus"),i.popupObj.refreshPosition()},keyPressed:function(t){"Enter"===t.key&&(t.cancel=!0,i.isPopupOpen&&(i.selectedGridRow(i.gridObj.getRows()[i.gridObj.selectedRowIndex],t,!0),i.hidePopup(t),i.focusIn(t))),i.fields.groupBy&&(t.cancel=!0,i.gridKeyActionHandler(t,!0))}}),this.gridEle=this.createElement("div",{id:e.getUniqueID("grid"),className:"e-multicolumn-grid"}),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?t.SortOrder.Ascending:t.SortOrder.Descending}]}),this.gridObj.appendTo(this.gridEle)},g.prototype.isRowMatching=function(t,e,i){var r=Object.values(t).map(String);return r.includes(e)&&r.includes(i)},g.prototype.updateRowSelection=function(t){var e=this;t&&t.rows.forEach(function(t){var i=t.data,r=t.index;e.selectDataRow(i,r)})},g.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)}},g.prototype.findIndex=function(t,e){return t.findIndex(function(t){return Object.keys(e).every(function(i){return t[i]===e[i]})})},g.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"}})},g.prototype.updateGroupByField=function(){if(""!==this.fields.groupBy&&!e.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&&!e.isNullOrUndefined(this.fields.groupBy)?this.groupTemplate:"${key}"},this.isVue&&(this.gridObj.isVue=this.isVue),this.isProtectedOnChange=t}},g.prototype.onDataBound=function(){var t=this.dataSource.length,i=this.popupDiv.querySelector(".e-multicolumn-grid");if(t<=0&&i)this.l10nUpdate(),this.popupDiv.removeChild(this.gridEle),e.addClass([this.popupDiv],[l]);else if(this.popupDiv.classList.contains(l)&&t>=1){e.removeClass([this.popupDiv],[l]);var r=this.popupDiv.querySelector(".e-no-records");r&&this.popupDiv.removeChild(r)}},g.prototype.onActionFailure=function(t){this.trigger("actionFailure",t),this.l10nUpdate(!0),e.addClass([this.popupDiv],[l])},g.prototype.renderInput=function(){"INPUT"===this.element.tagName?(this.inputEle=this.element,e.isNullOrUndefined(this.inputEle.getAttribute("role"))&&this.inputEle.setAttribute("role","combobox"),e.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=i.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("e-multicolumn-list"),this.inputWrapper.setAttribute("spellcheck","false"),this.element.tagName===this.getDirective()&&this.element.appendChild(this.inputWrapper),this.setElementWidth(this.width),e.isNullOrUndefined(this.value)&&e.isNullOrUndefined(this.text)&&e.isNullOrUndefined(this.index)||this.initValue(null,null,!0)},g.prototype.setElementWidth=function(t){var i=this.inputWrapper;e.isNullOrUndefined(t)||("number"==typeof t?i.style.width=e.formatUnit(t):"string"==typeof t&&(i.style.width=t.match(/px|%|em/)?t:e.formatUnit(t)))},g.prototype.setHTMLAttributes=function(){if(Object.keys(this.htmlAttributes).length)for(var t=0,e=Object.keys(this.htmlAttributes);t<e.length;t++){var r=e[t];"class"===r?this.inputWrapper.classList.add(this.htmlAttributes[""+r]):"disabled"===r?(this.setProperties({enabled:!1},!0),this.setEnable()):"readonly"===r?(this.setProperties({readonly:!0},!0),this.dataBind()):"style"===r?this.inputWrapper.setAttribute("style",this.htmlAttributes[""+r]):["title","id","placeholder","role","autocomplete","autocapitalize","spellcheck","minlength","maxlength"].indexOf(r)>-1&&"placeholder"===r?i.Input.setPlaceholder(this.htmlAttributes[""+r],this.inputEle):this.inputEle.setAttribute(r,this.htmlAttributes[""+r])}},g.prototype.setEnable=function(){i.Input.setEnabled(!this.disabled,this.inputEle),this.disabled?(this.isPopupOpen&&this.hidePopup(),e.addClass([this.inputWrapper],"e-disabled"),this.inputWrapper&&this.inputWrapper.classList.contains("e-input-focus")&&e.removeClass([this.inputWrapper],["e-input-focus"]),this.inputEle.setAttribute("aria-disabled","true"),this.inputWrapper.setAttribute("aria-disabled","true")):(e.removeClass([this.inputWrapper],"e-disabled"),this.inputEle.setAttribute("aria-disabled","false"),this.inputWrapper.setAttribute("aria-disabled","false"))},g.prototype.initValue=function(t,i,o){var n,s,a,l,p=this,u=this.gridObj.getSelectedRecords()[0],d=this.gridObj.getSelectedRows()[0],h=this.isProtectedOnChange;this.isProtectedOnChange=!0,this.value=this.value?this.value.toString():this.value,this.isProtectedOnChange=h;var c=function(t){var e=p.updateCurrentValues(n,t);s=e.currentValue,a=e.currentText,l=e.currentIndex};if(!t&&(!e.isNullOrUndefined(this.value)||!e.isNullOrUndefined(this.text))||t&&void 0!==i){var g=t?i?this.value:this.text:e.isNullOrUndefined(this.value)?this.text:this.value;!e.isNullOrUndefined(this.dataSource)&&this.dataSource instanceof r.DataManager?this.dataSource.executeQuery(new r.Query).then(function(r){var h=r.result,f=h.filter(function(r){return r[t?i?p.fields.value:p.fields.text:e.isNullOrUndefined(p.value)?p.fields.text:p.fields.value].toString()===g});f.length>0&&(n=f[0],c(h),p.updateChangeEvent(n,u,d,s,a,l,t,o),p.gridObj.selectRow(p.index))}):!e.isNullOrUndefined(this.dataSource)&&this.dataSource instanceof Array&&(n=this.dataSource.filter(function(r){return r[t?i?p.fields.value:p.fields.text:e.isNullOrUndefined(p.value)?p.fields.text:p.fields.value].toString()===g})[0],c(this.dataSource))}else e.isNullOrUndefined(this.index)||(!e.isNullOrUndefined(this.dataSource)&&this.dataSource instanceof r.DataManager?this.dataSource.executeQuery(new r.Query).then(function(e){var i=e.result;n=i[p.index],c(i),p.updateChangeEvent(n,u,d,s,a,l,t,o),p.gridObj.selectRow(p.index)}):!e.isNullOrUndefined(this.dataSource)&&this.dataSource instanceof Array&&(n=this.dataSource[this.index],c(this.dataSource)));this.dataSource instanceof r.DataManager||this.updateChangeEvent(n,u,d,s,a,l,t,o)},g.prototype.updateChangeEvent=function(t,e,i,r,o,n,s,a){var l={value:t?t[this.fields.value].toString():null,itemData:{text:o,value:r},item:this.getDataByValue(this.value),previousItemData:e,previousItemElement:i,itemElement:this.inputWrapper,event:null,isInteracted:!s};this.updateValues(r,o,n,l,a)},g.prototype.updateCurrentValues=function(t,r){return e.isNullOrUndefined(t)?{currentValue:null,currentText:null,currentIndex:null}:(i.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:r.indexOf(t)})},g.prototype.renderPopup=function(){this.popupEle=this.createElement("div",{id:this.element.id+"_options",className:"e-multicolumn-list e-popup "+(null!==this.cssClass?this.cssClass:"")}),e.attributes(this.popupEle,{"aria-label":this.element.id,role:"dialog"}),document.body.appendChild(this.popupEle),this.createPopup(this.popupEle),e.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 i=Math.round(this.footer.getBoundingClientRect().height);t=e.formatUnit(parseInt(t,10)-i+"px")}this.popupDiv.style.maxHeight=t,this.popupRowHeight=this.popupDiv.querySelector(".e-gridcontent tr").getBoundingClientRect().height,this.updateGridHeight(),this.popupObj.hide()},g.prototype.updateGridHeight=function(t,i,r){var o;if(t){var n=this.gridObj.getContent().querySelector(".e-content"),s=n.offsetHeight-n.clientHeight,a=r*this.popupRowHeight;""===this.fields.groupBy||e.isNullOrUndefined(this.fields.groupBy)||(a+=this.popupRowHeight),o=i&&a<this.prevGridHeight?a+s+"px":this.prevGridHeight+"px"}else this.prevGridHeight=this.popupDiv.getBoundingClientRect().height-this.popupDiv.querySelector(".e-gridheader").getBoundingClientRect().height,o=this.prevGridHeight+"px";var l=this.isProtectedOnChange;this.isProtectedOnChange=!0,this.gridObj.height=o,this.isProtectedOnChange=l},g.prototype.createPopup=function(t){var i=this;this.popupObj=new o.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(){e.Browser.isDevice||i.hidePopup()}})},g.prototype.setFooterTemplate=function(){this.footer?this.isReact&&"function"==typeof this.footerTemplate?this.clearTemplate(["footerTemplate"]):this.footer.innerHTML="":(this.footer=this.createElement("div"),e.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),e.append(t,this.footer)),e.append([this.footer],this.popupEle)},g.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 i=t?this.actionFailureTemplate:this.noRecordsTemplate,r=t?this.element.id+"_actionFailure":this.element.id+"_noRecords",o=t?"actionFailureTemplate":"noRecordsTemplate",n=this.getTemplateFunction(i)({},this,o,r,this.isStringTemplate,void 0,this.noRecord);n&&(n=Array.prototype.slice.call(n),e.append(n,this.noRecord))}else{var s={noRecordsTemplate:"No records found",actionFailureTemplate:"Request Failed"};this.l10n=new e.L10n("multicolumncombobox",s,this.locale),this.noRecord.innerHTML=t?this.l10n.getConstant("actionFailureTemplate"):this.l10n.getConstant("noRecordsTemplate")}e.addClass([this.noRecord],"e-no-records"),e.prepend([this.noRecord],this.popupDiv),this.popupObj.refreshPosition()},g.prototype.getTemplateFunction=function(t){if("string"==typeof t){var i="";try{var r=e.select(t);i=r?"SCRIPT"===r.tagName?r.innerHTML:r.outerHTML:t}catch(e){i=t}return e.compile(i)}return e.compile(t)},g.prototype.getSize=function(t){var i=t?this.popupWidth:this.popupHeight,r=e.formatUnit(i);return r.indexOf("%")>-1?r=((t?this.inputWrapper.offsetWidth:document.documentElement.clientHeight)*parseFloat(r)/100).toString()+"px":"string"==typeof i&&(r=i.match(/px|em/)?i:r),r},g.prototype.selectedGridRow=function(t,e,r){var o=this,n={isInteracted:!!e,item:this.gridObj.getSelectedRecords()[0],itemElement:t,itemData:this.gridObj.getSelectedRecords()[0],event:e,cancel:!1},s=this.gridObj.getSelectedRecords()[0],a=s?s[this.fields.text].toString():"",l=s?s[this.fields.value].toString():"",p={isInteracted:!!e,item:s,itemElement:t,itemData:{text:a,value:l},event:e,cancel:!1,value:l,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||r&&"Enter"===e.key)&&o.updateValues(n[o.fields.value],n[o.fields.text],o.gridObj.selectedRowIndex,p),i.Input.setValue(n[o.fields.text],o.inputEle,o.floatLabelType,o.showClearButton),(!r||r&&"Enter"===e.key)&&o.hidePopup(e)}})},g.prototype.updateValues=function(t,i,r,o,n){this.previousItemElement=o.itemElement;var s=this.isProtectedOnChange;this.isProtectedOnChange=!0,this.text=i||this.text,this.value=t||this.value,this.index=e.isNullOrUndefined(r)?this.index:r,this.isProtectedOnChange=s,n||this.triggerChangeEvent(o)},g.prototype.triggerChangeEvent=function(t){this.trigger("change",t,function(t){t.cancel})},g.prototype.inputHandler=function(t){var e=this;if(this.showPopup(null,!0),this.allowFiltering){var i=t.target.value.toLowerCase(),r=!1,o={preventDefaultAction:!1,text:i,updateData:function(t,n,s){o.cancel||(r=!0,e.filterAction(t,i,n,s))},event:t,cancel:!1};this.trigger("filtering",o,function(t){t.cancel||t.preventDefaultAction||r||e.filterAction(e.dataSource,i,e.query,e.fields)})}this.updateInputValue(t.target.value)},g.prototype.updateInputValue=function(t){var e,i=this;if(this.dataSource instanceof r.DataManager){var o=new r.Query;this.dataSource.executeQuery(o).then(function(r){var o=r.result;e=o.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))},g.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},g.prototype.filterAction=function(t,e,i,o){var n,s=this,a=this.filterType.toString().toLowerCase(),l=i||new r.Query;t instanceof r.DataManager?t.executeQuery(l).then(function(t){var i=t.result,r=i.length;n=i.filter(function(t){return s.filterData(t,a,e,o)}),s.updateGridDataSource(n,r)}):Array.isArray(t)&&(n=t.filter(function(t){return s.filterData(t,a,e,o)}),this.updateGridDataSource(n))},g.prototype.filterData=function(t,e,i,r){var o=t[r?r.text:this.fields.text].toString().toLowerCase();switch(e){case"startswith":return o.startsWith(i);case"endswith":return o.endsWith(i);case"contains":return o.includes(i);default:return!1}},g.prototype.updateGridDataSource=function(t,i){var o=!0;if(t.length>0){o=(this.dataSource instanceof r.DataManager?i:this.dataSource.length)!==t.length,e.removeClass([this.popupDiv],[l]);var n=this.popupDiv.querySelector(".e-no-records");n&&this.popupDiv.removeChild(n),this.gridObj.dataSource=t,this.isDataFiltered=!0}else this.l10nUpdate(),e.addClass([this.popupDiv],[l]);this.updateGridHeight(!0,o,t.length)},g.prototype.wireEvents=function(){var t=this.inputWrapper.querySelector(".e-input-group-icon"),i=this.inputWrapper.querySelector(".e-clear-icon");e.EventHandler.add(t,"mousedown",this.dropDownClick,this),e.EventHandler.add(document,"mousedown",this.onDocumentClick,this),e.EventHandler.add(this.gridEle,"click",this.onMouseClick,this),e.EventHandler.add(this.inputEle,"input",this.inputHandler,this),e.EventHandler.add(this.inputWrapper,"focus",this.focusIn,this),i&&e.EventHandler.add(i,"click",this.clearText,this),e.EventHandler.add(window,"resize",this.windowResize,this),this.keyboardModule=new e.KeyboardEvents(this.inputWrapper,{keyAction:this.keyActionHandler.bind(this),keyConfigs:this.keyConfigs,eventName:"keydown"}),this.keyboardModule=new e.KeyboardEvents(this.gridEle,{keyAction:this.gridKeyActionHandler.bind(this),keyConfigs:this.keyConfigs,eventName:"keydown"})},g.prototype.unWireEvents=function(){var t=this.inputWrapper.querySelector(".e-input-group-icon"),i=this.inputWrapper.querySelector(".e-clear-icon");e.EventHandler.remove(t,"mousedown",this.dropDownClick),e.EventHandler.remove(document,"mousedown",this.onDocumentClick),e.EventHandler.remove(this.inputEle,"input",this.inputHandler),e.EventHandler.remove(this.inputWrapper,"focus",this.focusIn),e.EventHandler.remove(window,"resize",this.windowResize),e.EventHandler.remove(this.gridEle,"click",this.onMouseClick),i&&e.EventHandler.remove(i,"click",this.clearText),this.keyboardModule&&this.keyboardModule.destroy()},g.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)}},g.prototype.onMouseClick=function(t){var i=t.target,r=e.closest(i,".e-row"),o=this.gridObj.selectedRowIndex;r&&(o>=0?this.selectedGridRow(r,t):(this.gridObj.selectedRowIndex=this.gridObj.getRows().indexOf(r),this.gridObj.selectRow(this.gridObj.selectedRowIndex),this.hidePopup(t)))},g.prototype.onDocumentClick=function(t){if(this.disabled||this.readonly||!this.isPopupOpen)return void(t.target.closest(".e-multicolumn-list")||this.focusOut());var i=t.target;i.classList.contains("e-multicolumn-list-icon")||e.closest(i,".e-popup")?t.preventDefault():i.classList.contains("e-multicolumncombobox")||i.classList.contains("e-clear-icon")||this.updateValuesOnInput(t),e.closest(i,".e-multicolumn-list")||(this.inputWrapper.tabIndex=-1)},g.prototype.updateValuesOnInput=function(t,e,i){var r=this,o=t||e;if(this.hidePopup(o),this.matchedRowEle&&!i){s=this.isProtectedOnChange;this.isProtectedOnChange=!0,setTimeout(function(){r.inputEle.value=r.matchedContent[r.fields.text].toString(),r.value=r.matchedContent[r.fields.value].toString();var t=r.findIndex(r.gridObj.currentViewData,r.matchedContent);r.index=t,r.text=r.matchedContent[r.fields.text].toString(),r.gridObj.selectRow(t),r.selectedGridRow(r.gridObj.getRowByIndex(t),o),r.previousItemElement=r.gridObj.getSelectedRows()[0]},100),this.isProtectedOnChange=s}else if(this.isDataFiltered){this.inputEle.value="";var n={value:null,itemData:{text:null,value:null},item:null,previousItemData:{text:this.text,value:this.value},previousItemElement:this.previousItemElement,itemElement:null,event:o,isInteracted:!0,cancel:!1},s=this.isProtectedOnChange;this.isProtectedOnChange=!0,this.text=this.value=this.index=null,this.gridObj.refreshColumns(),this.isProtectedOnChange=s,this.triggerChangeEvent(n),this.isDataFiltered=!1,this.matchedContent=this.matchedRowEle=null}},g.prototype.clearText=function(t){this.isDataFiltered=!0,this.updateValuesOnInput(t,null,!0)},g.prototype.windowResize=function(){this.popupObj&&(this.popupObj.setProperties({width:this.getSize(!0)}),this.popupObj.refreshPosition())},g.prototype.setCssClass=function(t,i){var r=this.popupObj?[this.inputWrapper,this.popupObj.element]:[this.inputWrapper];e.isNullOrUndefined(i)||""===i||e.removeClass(r,i.split(" ")),e.isNullOrUndefined(t)||""===t||e.addClass(r,t.split(" "))},g.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":this.updateSelectedItem(t);break;case"enter":this.updateValuesOnInput(null,t),this.focusIn(t);break;case"home":case"end":this.updateSelectedItem(t)}},g.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)}},g.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 r=this.gridEle.querySelector(".e-row-focus");r&&r.classList.remove("e-row-focus"),e&&this.selectedGridRow(this.gridObj.getRows()[i],t,!0)}},g.prototype.focusIn=function(t){if(!this.disabled&&!this.readonly){e.addClass([this.inputWrapper],["e-input-focus"]),this.inputWrapper.tabIndex=0,this.inputWrapper.focus();var r=this.inputWrapper.querySelector(".e-clear-icon");r&&(this.value&&""!==this.value.toString()||this.text&&""!==this.text)&&r.classList.remove("e-clear-icon-hide"),this.trigger("focus",t),"Never"!==this.floatLabelType&&i.Input.calculateWidth(this.inputEle,this.inputWrapper)}},g.prototype.focusOut=function(t){if(!this.disabled&&!this.readonly){this.hidePopup(t),e.removeClass([this.inputWrapper],["e-input-focus"]),this.inputWrapper.tabIndex=-1;var r=this.inputWrapper.querySelector(".e-clear-icon");r&&r.classList.add("e-clear-icon-hide"),"Never"!==this.floatLabelType&&i.Input.calculateWidth(this.inputEle,this.inputWrapper)}},g.prototype.showPopup=function(t,i){var r=this,o={name:"FadeIn",duration:100},n={popup:this.popupObj,event:t,cancel:!1,animation:o};this.trigger("open",n,function(o){o.cancel||r.isPopupOpen||(r.isPopupOpen=!0,r.popupObj.refreshPosition(),e.addClass([r.inputWrapper],["e-icon-anim"]),e.attributes(r.inputEle,{"aria-expanded":"true","aria-owns":r.element.id+"_popup","aria-controls":r.element.id}),i||((r.value||r.text||r.index)&&r.gridObj.currentViewData.forEach(function(t,e){r.selectDataRow(t,e)}),r.focusIn(t)),r.popupObj.show(new e.Animation(o.animation),r.popupEle))})},g.prototype.hidePopup=function(t){var i=this,r={name:"FadeOut",duration:100},o={popup:this.popupObj,event:t||null,cancel:!1,animation:r};this.trigger("close",o,function(r){if(!r.cancel&&(i.isPopupOpen=!1,e.removeClass([i.inputWrapper],["e-icon-anim"]),e.attributes(i.inputEle,{"aria-expanded":"false"}),i.popupObj.hide(new e.Animation(r.animation)),i.inputEle.value=i.text?i.text.toString():"",t)){var o=t.target;o.classList.contains("e-multicolumn-list-icon")||o.classList.contains("e-rowcell")?(i.value||i.gridObj.refreshColumns(),i.focusIn(t)):i.focusOut()}}),setTimeout(function(){i.gridObj&&(i.gridObj.dataSource=i.dataSource,i.updateGridHeight(!0,!1))},100)},g.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)},g.prototype.getItems=function(){return this.gridObj.getDataRows()},g.prototype.getDataByValue=function(t){var i=this;return!e.isNullOrUndefined(this.dataSource)&&this.dataSource instanceof Array?this.dataSource.filter(function(e){return e[i.fields.value].toString()===t})[0]:(!e.isNullOrUndefined(this.dataSource)&&this.dataSource instanceof r.DataManager&&this.dataSource.executeQuery(new r.Query).then(function(e){return e.result.filter(function(e){return e[i.fields.value].toString()===t})[0]}),null)},g.prototype.destroy=function(){if(this.unWireEvents(),this.gridObj&&(this.gridObj.destroy(),e.detach(this.gridObj.element)),this.popupObj&&(this.popupObj.destroy(),e.detach(this.popupObj.element)),this.inputEle){for(var t=["placeholder","aria-expanded","spellcheck","aria-label","role","tabindex","type","id","aria-owns","aria-controls"],r=0;r<t.length;r++)this.inputEle.removeAttribute(t[r]);this.inputEle.classList.remove("e-input"),i.Input.setValue("",this.inputEle,this.floatLabelType,this.showClearButton)}this.element.tagName!==this.getDirective()&&this.inputWrapper.parentElement.insertBefore(this.element,this.inputWrapper),this.inputObj&&(e.detach(this.inputObj.container),this.inputObj=null),i.Input.destroy({element:this.inputEle,floatLabelType:this.floatLabelType,properties:this.properties}),e.detach(this.inputWrapper),e.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,c.prototype.destroy.call(this)},g.prototype.onPropertyChanged=function(e,r){for(var o=0,n=Object.keys(e);o<n.length;o++){var s=n[o],a=void 0;switch(s){case"width":case"popupWidth":"width"===s&&this.setElementWidth(e.width),this.popupObj&&(this.popupObj.element.style.width=this.getSize(!0));break;case"popupHeight":if(this.popupObj){var l=this.getSize(!1);this.popupObj.element.style.maxHeight=l,this.popupDiv.style.maxHeight=l,this.gridObj.height=l}break;case"placeholder":i.Input.setPlaceholder(e.placeholder,this.inputEle);break;case"readonly":i.Input.setReadonly(this.readonly,this.inputEle);break;case"disabled":i.Input.setEnabled(!this.disabled,this.inputEle),this.setEnable();break;case"cssClass":this.setCssClass(e.cssClass,r.cssClass);break;case"floatLabelType":i.Input.removeFloating(this.inputObj),i.Input.addFloating(this.inputEle,this.floatLabelType,this.placeholder);break;case"showClearButton":i.Input.setClearButton(e.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:e.sortOrder===t.SortOrder.Ascending?t.SortOrder.Ascending:t.SortOrder.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=e.itemTemplate);break;case"groupTemplate":this.groupTemplate=e.groupTemplate,this.updateGroupByField();break;case"enableRtl":this.gridObj&&this.popupObj&&(this.gridObj.enableRtl=e.enableRtl,i.Input.setEnableRtl(e.enableRtl,[this.inputWrapper]),this.popupObj.enableRtl=e.enableRtl);break;case"dataSource":this.gridObj&&(this.gridObj.dataSource=e.dataSource);break;case"query":this.gridObj&&(this.gridObj.query=e.query);break;case"gridSettings":this.gridObj&&(this.gridObj.gridLines=e.gridSettings.gridLines,this.gridObj.rowHeight=e.gridSettings.rowHeight,this.gridObj.enableAltRow=e.gridSettings.enableAltRow);break;case"fields":this.fields=e.fields,this.updateGroupByField();break;case"filterType":this.filterType=e.filterType;break;case"enableVirtualization":this.gridObj&&(this.enableVirtualization=this.gridObj.enableVirtualization=e.enableVirtualization);break;case"sortType":this.sortType=e.sortType;break;case"allowFiltering":this.allowFiltering=e.allowFiltering;break;case"allowSorting":this.gridObj&&(this.allowSorting=this.gridObj.allowSorting=e.allowSorting);break;case"columns":this.gridObj&&(a=this.getGridColumns(),this.gridObj.columns=a)}}},a([e.Property([])],g.prototype,"dataSource",void 0),a([e.Property(null)],g.prototype,"text",void 0),a([e.Property(null)],g.prototype,"value",void 0),a([e.Property(null)],g.prototype,"index",void 0),a([e.Property("100%")],g.prototype,"width",void 0),a([e.Property("300px")],g.prototype,"popupHeight",void 0),a([e.Property("100%")],g.prototype,"popupWidth",void 0),a([e.Property(null)],g.prototype,"placeholder",void 0),a([e.Property(!0)],g.prototype,"allowFiltering",void 0),a([e.Property(!0)],g.prototype,"allowSorting",void 0),a([e.Property(!1)],g.prototype,"showClearButton",void 0),a([e.Property("")],g.prototype,"cssClass",void 0),a([e.Complex({text:null,value:null,groupBy:null},u)],g.prototype,"fields",void 0),a([e.Collection([],d)],g.prototype,"columns",void 0),a([e.Complex({},h)],g.prototype,"gridSettings",void 0),a([e.Property(t.FilterType.StartsWith)],g.prototype,"filterType",void 0),a([e.Property("Never")],g.prototype,"floatLabelType",void 0),a([e.Property(t.SortOrder.None)],g.prototype,"sortOrder",void 0),a([e.Property(t.SortType.OneColumn)],g.prototype,"sortType",void 0),a([e.Property(!1)],g.prototype,"enableVirtualization",void 0),a([e.Property(!1)],g.prototype,"disabled",void 0),a([e.Property(!1)],g.prototype,"readonly",void 0),a([e.Property(!1)],g.prototype,"enablePersistence",void 0),a([e.Property()],g.prototype,"query",void 0),a([e.Property(null)],g.prototype,"itemTemplate",void 0),a([e.Property(null)],g.prototype,"footerTemplate",void 0),a([e.Property(null)],g.prototype,"groupTemplate",void 0),a([e.Property("Request Failed")],g.prototype,"actionFailureTemplate",void 0),a([e.Property("No records found")],g.prototype,"noRecordsTemplate",void 0),a([e.Property({})],g.prototype,"htmlAttributes",void 0),a([e.Event()],g.prototype,"created",void 0),a([e.Event()],g.prototype,"open",void 0),a([e.Event()],g.prototype,"close",void 0),a([e.Event()],g.prototype,"actionFailure",void 0),a([e.Event()],g.prototype,"actionBegin",void 0),a([e.Event()],g.prototype,"actionComplete",void 0),a([e.Event()],g.prototype,"filtering",void 0),a([e.Event()],g.prototype,"select",void 0),a([e.Event()],g.prototype,"change",void 0),g=a([e.NotifyPropertyChanges],g)}(e.Component);return c.Inject(n.VirtualScroll,n.Sort,n.Edit,n.Group),Object.defineProperty(t,"Edit",{enumerable:!0,get:function(){return n.Edit}}),Object.defineProperty(t,"Group",{enumerable:!0,get:function(){return n.Group}}),Object.defineProperty(t,"Sort",{enumerable:!0,get:function(){return n.Sort}}),Object.defineProperty(t,"VirtualScroll",{enumerable:!0,get:function(){return n.VirtualScroll}}),t.Column=d,t.FieldSettings=u,t.GridSettings=h,t.MultiColumnComboBox=c,t.MultiColumnGrid=p,t}({},ej.base,ej.inputs,ej.data,ej.popups,index),this.ejs=ej;
 //# sourceMappingURL=ej2-multicolumn-combobox.min.js.map

package/dist/global/index.d.ts

@@ -1,3 +1,12 @@
+/*!
+*  filename: index.d.ts
+*  version : 26.1.38
+*  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. 
+*/
 import * as _multicolumncombobox from '@syncfusion/ej2-multicolumn-combobox';
 
 export declare namespace ej {

package/package.json

@@ -2,7 +2,7 @@
   "_from": "@syncfusion/ej2-multicolumn-combobox@*",
   "_id": "@syncfusion/ej2-multicolumn-combobox@21.29.0",
   "_inBundle": false,
-  "_integrity": "sha512-7CdtO5I6nlPIkgKIikVRfI0Cynsyddf/Oh5wruH73dlktb6xArbSsSiLcnJ4AUWyXANg51CJBeftS4glY60Hog==",
+  "_integrity": "sha512-Kzq0puxez3V9SuZlSkTBWbiqWnla12ruOLrsX+tB5nBnv+saoVKo5gy7Ii2bj1+RyOZR874jG9hsS2fpww558Q==",
   "_location": "/@syncfusion/ej2-multicolumn-combobox",
   "_phantomChildren": {},
   "_requested": {
@@ -23,8 +23,8 @@
     "/@syncfusion/ej2-react-multicolumn-combobox",
     "/@syncfusion/ej2-vue-multicolumn-combobox"
   ],
-  "_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-release/@syncfusion/ej2-multicolumn-combobox/-/ej2-multicolumn-combobox-21.29.0.tgz",
-  "_shasum": "dcfc5390e6af047a8831ee05b39690b2411ba032",
+  "_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-hotfix-new/@syncfusion/ej2-multicolumn-combobox/-/ej2-multicolumn-combobox-21.29.0.tgz",
+  "_shasum": "625ed8b001bd49dd3499a4117902796e6d0a44ee",
   "_spec": "@syncfusion/ej2-multicolumn-combobox@*",
   "_where": "/jenkins/workspace/elease-automation_release_26.1.1/packages/included",
   "author": {
@@ -35,8 +35,8 @@
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-base": "~26.1.35",
-    "@syncfusion/ej2-grids": "~26.1.35"
+    "@syncfusion/ej2-base": "~26.1.37",
+    "@syncfusion/ej2-grids": "~26.1.38"
   },
   "deprecated": false,
   "description": "Essential JS 2 Component",
@@ -57,6 +57,6 @@
     "url": "git+https://github.com/syncfusion/ej2-multicolumn-combobox-component.git"
   },
   "typings": "index.d.ts",
-  "version": "26.1.35",
+  "version": "26.1.38",
   "sideEffects": false
 }

package/styles/bootstrap-dark.css

@@ -143,10 +143,20 @@
 
 .e-multicolumn-list .e-popup-footer {
   vertical-align: middle;
-  border-top: 1px solid;
+  border-style: solid;
+  border-width: 0 1px 0 1px;
   font-size: 14px;
-  height: 38px;
-  padding: 8px 0;
+  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 {
@@ -222,8 +232,10 @@
 .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;
@@ -237,8 +249,10 @@
 .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;
@@ -261,12 +275,16 @@
 .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;
@@ -279,7 +297,7 @@
 }
 
 .e-multicolumn-list .e-popup-footer {
-  background: transparent;
+  background: #2a2a2a;
   color: #0070f0;
   border-color: #484848;
 }

package/styles/bootstrap.css

@@ -143,10 +143,20 @@
 
 .e-multicolumn-list .e-popup-footer {
   vertical-align: middle;
-  border-top: 1px solid;
+  border-style: solid;
+  border-width: 1px 0 0 0;
   font-size: 14px;
-  height: 38px;
-  padding: 8px 0;
+  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: 0;
 }
 
 .e-input-group.e-multicolumn-list input[readonly].e-input {
@@ -222,8 +232,10 @@
 .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;
@@ -237,8 +249,10 @@
 .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;
@@ -261,12 +275,16 @@
 .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;
@@ -279,7 +297,7 @@
 }
 
 .e-multicolumn-list .e-popup-footer {
-  background: transparent;
+  background: #fff;
   color: #777;
   border-color: #e6e6e6;
 }

package/styles/bootstrap4.css

@@ -207,10 +207,20 @@
 
 .e-multicolumn-list .e-popup-footer {
   vertical-align: middle;
-  border-top: 1px solid;
+  border-style: solid;
+  border-width: 1px 0 0 0;
   font-size: 14px;
-  height: 38px;
-  padding: 8px 0;
+  height: 26px;
+  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: 0;
 }
 
 .e-input-group.e-multicolumn-list input[readonly].e-input {
@@ -286,8 +296,10 @@
 .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: 24px;
@@ -301,8 +313,10 @@
 .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: 32px;
@@ -325,12 +339,16 @@
 .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: 28px;
@@ -343,7 +361,7 @@
 }
 
 .e-multicolumn-list .e-popup-footer {
-  background: transparent;
+  background: #fff;
   color: #495057;
   border-color: #e9ecef;
 }

package/styles/bootstrap5-dark.css

@@ -211,10 +211,20 @@
 
 .e-multicolumn-list .e-popup-footer {
   vertical-align: middle;
-  border-top: 1px solid;
+  border-style: solid;
+  border-width: 1px;
   font-size: 14px;
-  height: 38px;
-  padding: 8px 0;
+  height: 30px;
+  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 {
@@ -290,8 +300,10 @@
 .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: 26px;
@@ -305,8 +317,10 @@
 .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: 32px;
@@ -329,12 +343,16 @@
 .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: 30px;

package/styles/bootstrap5.css

@@ -211,10 +211,20 @@
 
 .e-multicolumn-list .e-popup-footer {
   vertical-align: middle;
-  border-top: 1px solid;
+  border-style: solid;
+  border-width: 1px;
   font-size: 14px;
-  height: 38px;
-  padding: 8px 0;
+  height: 30px;
+  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 {
@@ -290,8 +300,10 @@
 .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: 26px;
@@ -305,8 +317,10 @@
 .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: 32px;
@@ -329,12 +343,16 @@
 .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: 30px;