@syncfusion/ej2-multicolumn-combobox 31.2.12 → 32.1.19

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

@@ -1,11 +1,2 @@
-/*!
-*  filename: ej2-multicolumn-combobox.umd.min.js
-*  version : 31.2.12
-*  Copyright Syncfusion Inc. 2001 - 2025. 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(r,g,p,y,o,n){"use strict";s=function(t,e){return(s=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 s,t=function(t,e){function i(){this.constructor=t}s(t,e),t.prototype=null===e?Object.create(e):(i.prototype=e.prototype,new i)},e=function(t,e,i,n){var s,o=arguments.length,r=o<3?e:null===n?n=Object.getOwnPropertyDescriptor(e,i):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(t,e,i,n);else for(var a=t.length-1;0<=a;a--)(s=t[a])&&(r=(o<3?s(r):3<o?s(e,i,r):s(e,i))||r);return 3<o&&r&&Object.defineProperty(e,i,r),r},i=function(o,r,a,l){return new(a=a||Promise)(function(t,e){function i(t){try{s(l.next(t))}catch(t){e(t)}}function n(t){try{s(l.throw(t))}catch(t){e(t)}}function s(e){e.done?t(e.value):new a(function(t){t(e.value)}).then(i,n)}s((l=l.apply(o,r||[])).next())})},a=function(n,s){var o,r,a,l={label:0,sent:function(){if(1&a[0])throw a[1];return a[1]},trys:[],ops:[]},t={next:e(0),throw:e(1),return:e(2)};return"function"==typeof Symbol&&(t[Symbol.iterator]=function(){return this}),t;function e(i){return function(t){var e=[i,t];if(o)throw new TypeError("Generator is already executing.");for(;l;)try{if(o=1,r&&(a=2&e[0]?r.return:e[0]?r.throw||((a=r.return)&&a.call(r),0):r.next)&&!(a=a.call(r,e[1])).done)return a;switch(r=0,(e=a?[2&e[0],a.value]:e)[0]){case 0:case 1:a=e;break;case 4:return l.label++,{value:e[1],done:!1};case 5:l.label++,r=e[1],e=[0];continue;case 7:e=l.ops.pop(),l.trys.pop();continue;default:if(!(a=0<(a=l.trys).length&&a[a.length-1])&&(6===e[0]||2===e[0])){l=0;continue}if(3===e[0]&&(!a||e[1]>a[0]&&e[1]<a[3]))l.label=e[1];else if(6===e[0]&&l.label<a[1])l.label=a[1],a=e;else{if(!(a&&l.label<a[2])){a[2]&&l.ops.pop(),l.trys.pop();continue}l.label=a[2],l.ops.push(e)}}e=s.call(n,l)}catch(t){e=[6,t],r=0}finally{o=a=0}if(5&e[0])throw e[1];return{value:e[0]?e[1]:void 0,done:!0}}}},l="e-icon-anim",u="e-nodata",d="e-disabled",h="e-input-focus",c="e-multicolumn-list",f="e-multicolumn-grid",m=(v.prototype.InjectModules=function(){n.Grid.Inject(n.VirtualScroll,n.Group,n.Edit,n.Sort,n.Resize)},v);function v(){}(w=r.FilterType||(r.FilterType={})).StartsWith="StartsWith",w.EndsWith="EndsWith",w.Contains="Contains",(w=r.SortOrder||(r.SortOrder={})).None="None",w.Ascending="Ascending",w.Descending="Descending",(w=r.SortType||(r.SortType={})).OneColumn="OneColumn",w.MultipleColumns="MultipleColumns",(w=r.WrapMode||(r.WrapMode={})).Both="Both",w.Content="Content",w.Header="Header";b=g.ChildProperty,t(O,b),e([g.Property()],O.prototype,"text",void 0),e([g.Property()],O.prototype,"value",void 0),e([g.Property()],O.prototype,"groupBy",void 0);var b,w=O;function O(){return null!==b&&b.apply(this,arguments)||this}S=g.ChildProperty,t(C,S),e([g.Property("")],C.prototype,"field",void 0),e([g.Property("")],C.prototype,"header",void 0),e([g.Property("")],C.prototype,"width",void 0),e([g.Property("")],C.prototype,"textAlign",void 0),e([g.Property(null)],C.prototype,"format",void 0),e([g.Property(!1)],C.prototype,"displayAsCheckBox",void 0),e([g.Property(null)],C.prototype,"template",void 0),e([g.Property(null)],C.prototype,"headerTemplate",void 0),e([g.Property(null)],C.prototype,"customAttributes",void 0);var S,E=C;function C(){return null!==S&&S.apply(this,arguments)||this}x=g.ChildProperty,t(j,x),e([g.Property(!1)],j.prototype,"enableAltRow",void 0),e([g.Property(null)],j.prototype,"rowHeight",void 0),e([g.Property("Default")],j.prototype,"gridLines",void 0),e([g.Property(!1)],j.prototype,"allowTextWrap",void 0),e([g.Property(r.WrapMode.Both)],j.prototype,"textWrapMode",void 0),e([g.Property(!1)],j.prototype,"allowResizing",void 0),e([g.Event()],j.prototype,"resizing",void 0),e([g.Event()],j.prototype,"resizeStart",void 0),e([g.Event()],j.prototype,"resizeStop",void 0);var x,D=j;function j(){return null!==x&&x.apply(this,arguments)||this}P=g.Component,t(R,P),R.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=this.exactMatchedContent=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(){var t;this.enablePersistence&&(this.element.id+="_wrapper",t=window.localStorage.getItem(this.getModuleName()+this.element.id),g.isNullOrUndefined(t)||""===t||this.setProperties(JSON.parse(t),!0))},R.prototype.render=function(){this.renderInput(),!(g.isNullOrUndefined(this.value)&&g.isNullOrUndefined(this.text)&&g.isNullOrUndefined(this.index)||g.isNullOrUndefined(this.dataSource))&&this.dataSource instanceof y.DataManager&&(this.isInitialValueRender=!0),null==this.gridData&&this.setGridData(this.dataSource),this.renderGrid(),this.popupDiv=this.createElement("div",{className:"e-popup-content"}),this.popupDiv.appendChild(this.gridEle),this.setHTMLAttributes(),this.renderPopup(),this.wireEvents()},R.prototype.setGridData=function(e,i){var n=this;this.trigger("actionBegin",{cancel:!1,query:i},function(t){t.cancel||(e instanceof y.DataManager?(n.isShowSpinner&&n.showHideSpinner(!0),e.executeQuery(n.getQuery(i)).then(function(t){n.gridData=t.result,n.trigger("actionComplete",t,function(t){n.showHideSpinner(!1),n.isMainDataUpdated||(n.mainData=n.gridData,n.remoteDataLength=n.gridData.length,n.isMainDataUpdated=!0),n.isInitialValueRender&&(n.isInitialValueRender=!1,n.initValue(null,null,!0)),n.popupDiv&&n.updateGridDataSource()})}).catch(function(t){n.trigger("actionFailure",t,null)})):(t=new y.DataManager(e),t=n.getQuery(i).executeLocal(t),n.gridData=t,n.trigger("actionComplete",{result:t},function(t){n.isMainDataUpdated||(n.mainData=n.gridData,n.remoteDataLength=n.gridData.length,n.isMainDataUpdated=!0),n.popupDiv&&n.updateGridDataSource()})))})},R.prototype.getQuery=function(t){var e,i,n;return!this.isCustomFilter&&this.allowFiltering?(e=t?t.clone():this.query?this.query.clone():new y.Query,i=""===this.typedString?"contains":this.filterType,this.allowFiltering&&this.typedString&&""!==this.typedString&&(n=this.fields.text||"",e.where(n,i,this.typedString,!0,!1))):e=null!=this.customFilterQuery?this.customFilterQuery.clone():t?t.clone():this.query?this.query.clone():new y.Query,e},R.prototype.setHiddenValue=function(){var t,e;g.isNullOrUndefined(this.value)?this.hiddenElement.innerHTML="":(t=this.hiddenElement.querySelector("option"),g.isNullOrUndefined(t)?g.isNullOrUndefined(this.hiddenElement)||((e=document.createElement("option")).text=this.text,e.setAttribute("value",this.value.toString()),e.setAttribute("selected",""),this.hiddenElement.appendChild(e)):(t.textContent=this.text,t.setAttribute("value",this.value.toString())))},R.prototype.renderGrid=function(){var e=this,t=this.getGridColumns(),i=this.sortOrder.toString().toLowerCase();this.gridObj=new n.Grid({dataSource:this.gridData,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},allowTextWrap:this.gridSettings.allowTextWrap,textWrapSettings:{wrapMode:this.gridSettings.textWrapMode},height:this.popupHeight,allowResizing:this.gridSettings.allowResizing,allowMultiSorting:"multiplecolumns"===this.sortType.toString().toLowerCase()&&this.allowSorting,rowTemplate:this.itemTemplate,beforeDataBound:function(){e.dataSource instanceof y.DataManager&&e.isShowSpinner&&(e.showHideSpinner(!0),e.isShowSpinner=!1)},dataBound:function(){e.onDataBound()},actionFailure:function(t){e.onActionFailure(t)},actionComplete:this.handleActionComplete.bind(this),keyPressed:this.handleKeyPressed.bind(this),resizing:function(t){e.gridSettings.resizing&&e.gridSettings.resizing.call(e,t)},resizeStart:function(t){e.gridSettings.resizeStart&&e.gridSettings.resizeStart.call(e,t)},resizeStop:function(t){e.gridSettings.resizeStop&&e.gridSettings.resizeStop.call(e,t)}}),this.gridEle=this.createElement("div",{id:this.element.id+"_"+g.getUniqueID("grid"),className:f}),this.updateGroupByField(),0<t.length&&(this.gridObj.columns[0].isPrimaryKey=!0),"none"!==i&&(this.gridObj.sortSettings={columns:[{field:this.fields.text,direction:"ascending"===i?r.SortOrder.Ascending:r.SortOrder.Descending}]}),this.gridObj.appendTo(this.gridEle),!(g.isNullOrUndefined(this.value)&&g.isNullOrUndefined(this.text)&&g.isNullOrUndefined(this.index)||g.isNullOrUndefined(this.dataSource))&&this.dataSource instanceof Array&&this.initValue(null,null,!0)},R.prototype.handleActionComplete=function(t){var e,i=this;"sorting"===t.requestType&&this.updateRowSelection(t),Array.isArray(t.rows)&&this.isDataFiltered&&(t=t.rows,e=0,t.forEach(function(t){t=i.gridObj.getRowElementByUID(t.uid);t&&(e+=t.getBoundingClientRect().height)}),this.popupRowHeight=e||parseFloat(this.popupHeight),this.updateGridHeight(!0,!0)),this.popupObj.refreshPosition(),this.gridObj.element.querySelector(".e-content").scrollTop=0},R.prototype.handleKeyPressed=function(t){"Enter"===t.key&&(t.cancel=!0,this.isPopupOpen)&&(this.selectedGridRow(this.gridObj.getRows()[this.gridObj.selectedRowIndex],t,!0),this.hidePopup(t),this.focusIn(t)),this.fields.groupBy&&(t.cancel=!0,this.gridKeyActionHandler(t,!0))},R.prototype.isRowMatching=function(t,e,i){function n(e){var i=[];return e&&"object"==typeof e?Array.isArray(e)?e.forEach(function(t){return i.push.apply(i,n(t))}):Object.keys(e).forEach(function(t){return i.push.apply(i,n(e[""+t]))}):null!=e&&i.push(String(e)),i}t=n(t);return-1!==t.indexOf(e)&&-1!==t.indexOf(i)},R.prototype.updateRowSelection=function(t){var e=this;t&&t.rows.forEach(function(t){e.selectDataRow(t.data,t.index)})},R.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)},R.prototype.findIndex=function(t,i){return t.findIndex(function(e){return Object.keys(i).every(function(t){return e[t]===i[t]})})},R.prototype.getGridColumns=function(){var p=this;return this.columns.map(function(t){var e=t.field,i=t.header,n=t.width,s=t.textAlign,o=t.format,r=t.displayAsCheckBox,a=t.template,l=t.headerTemplate,t=t.customAttributes;return{field:e,headerText:i,width:n,textAlign:""===s.toString()&&p.enableRtl?"Right":s,format:o,displayAsCheckBox:r,template:a,headerTemplate:l,customAttributes:t,type:r&&!o?"boolean":void 0}})},R.prototype.updateGroupByField=function(){var t,e=this.fields.groupBy,i=""!==e&&!g.isNullOrUndefined(e);i&&("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:[e]},this.groupTemplate&&i&&(this.gridObj.groupSettings.captionTemplate=this.groupTemplate),this.isVue&&(this.gridObj.isVue=this.isVue),this.isProtectedOnChange=t)},R.prototype.onDataBound=function(){var t=this,e=(this.isLocaleChanged&&(this.isLocaleChanged=!1,this.unWireEvents(),this.wireEvents()),this.dataSource.length),i=this.popupDiv.querySelector("."+f),n=this.popupDiv.classList.contains(u),n=(e<=0&&i?(this.l10nUpdate(),this.popupDiv.removeChild(this.gridEle),g.addClass([this.popupDiv],[u])):n&&1<=e&&(g.removeClass([this.popupDiv],[u]),i=this.popupDiv.querySelector(".e-no-records"))&&this.popupDiv.removeChild(i),this.isInitialRender&&(e=this.popupDiv.querySelector(".e-gridcontent tr"),i=n?this.popupDiv.getBoundingClientRect().height:e?e.getBoundingClientRect().height:0,this.popupRowHeight=i,this.popupObj.hide(),this.popupEle.style.visibility="unset",this.isInitialRender=!1),this.gridObj.element.querySelectorAll(".e-row"));this.isDataFiltered&&0<n.length&&""!==this.inputEle.value&&n[0].classList.add("e-row-focus"),this.dataSource instanceof y.DataManager&&setTimeout(function(){t.showHideSpinner(!1)})},R.prototype.showHideSpinner=function(t){t?o.showSpinner(this.dropdownElement):o.hideSpinner(this.dropdownElement)},R.prototype.onActionFailure=function(t){this.trigger("actionFailure",t),this.l10nUpdate(!0),g.addClass([this.popupDiv],[u])},R.prototype.renderInput=function(){var t=["aria-expanded","aria-readOnly","aria-disabled","autocomplete","autocapitalize","spellcheck","tabindex"];if("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");var e,i=this.inputEle,n={"aria-expanded":"false","aria-readOnly":this.readonly.toString(),"aria-disabled":this.disabled.toString(),autocomplete:"off",autocapitalize:"off",spellcheck:"false",tabindex:"0"};for(e in n)n.hasOwnProperty(e)&&-1!==t.indexOf(e)&&g.isNullOrUndefined(i.getAttribute(e))&&i.setAttribute(e,n[e])}else this.inputEle=this.createElement("input",{attrs:{role:"textbox",type:"text"}}),this.element.parentElement.insertBefore(this.inputEle,this.element);this.inputObj=p.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(c),this.inputWrapper.setAttribute("spellcheck","false"),this.hiddenElement=this.createElement("select",{attrs:{"aria-hidden":"true",tabindex:"-1",class:"e-multicolumn-list-hidden"}}),g.prepend([this.hiddenElement],this.inputWrapper);var s=this.inputEle.getAttribute("name")?this.inputEle.getAttribute("name"):this.inputEle.getAttribute("id");this.hiddenElement.setAttribute("name",s),this.inputEle.removeAttribute("name"),this.hiddenElement.hasAttribute("aria-label")||this.hiddenElement.setAttribute("aria-label",this.getModuleName()),this.element.tagName===this.getDirective()&&this.element.appendChild(this.inputWrapper),this.setElementWidth(this.width),this.dropdownElement=this.inputWrapper.querySelector(".e-input-group-icon.e-multicolumn-list-icon.e-icons"),o.createSpinner({target:this.dropdownElement})},R.prototype.setElementWidth=function(t){var e;g.isNullOrUndefined(t)||(e=this.inputWrapper,"number"==typeof t?e.style.width=g.formatUnit(t):"string"==typeof t&&(e.style.width=t.match(/px|%|em/)?t:g.formatUnit(t)))},R.prototype.setHTMLAttributes=function(){var i=this,t=this.htmlAttributes,e=this.inputEle;if(Object.keys(t).length)for(var n=0,s=Object.keys(t);n<s.length;n++){var o=s[n];switch(o){case"class":this.inputWrapper.classList.add(t[o]);break;case"disabled":this.setProperties({enabled:!1},!0),this.setEnable();break;case"readonly":this.setProperties({readonly:!0},!0),this.dataBind();break;case"style":var r=t[o];this.inputWrapper.style.cssText="",r&&r.split(";").forEach(function(t){var t=t.split(":").map(function(t){return t.trim()}),e=t[0],t=t[1];e&&t&&i.inputWrapper.style.setProperty(e,t)});break;default:-1<["name","required"].indexOf(o)||0===o.indexOf("data")?this.hiddenElement.setAttribute(o,this.htmlAttributes[""+o]):-1<["title","id","placeholder","role","autocomplete","autocapitalize","spellcheck","minlength","maxlength"].indexOf(o)&&"placeholder"===o?p.Input.setPlaceholder(t[o],e):e.setAttribute(o,t[o])}}},R.prototype.setEnable=function(){p.Input.setEnabled(!this.disabled,this.inputEle),this.disabled?(this.isPopupOpen&&this.hidePopup(),g.addClass([this.inputWrapper],d),this.inputWrapper&&this.inputWrapper.classList.contains(h)&&g.removeClass([this.inputWrapper],[h]),this.setAriaDisabled("true")):(g.removeClass([this.inputWrapper],d),this.setAriaDisabled("false"))},R.prototype.setAriaDisabled=function(t){this.inputEle.setAttribute("aria-disabled",t),this.inputWrapper.setAttribute("aria-disabled",t)},R.prototype.updateFieldValue=function(t,e){return g.getValue(t,e).toString()},R.prototype.initValue=function(s,e,o){function r(t){t=d.updateCurrentValues(u,t),a=t.currentValue,l=t.currentText,p=t.currentIndex}var a,l,p,i,t,u,d=this,h=this.gridObj.getSelectedRecords()[0],c=this.gridObj.getSelectedRows()[0],n=this.isProtectedOnChange;this.isProtectedOnChange=!0,this.value=this.value&&this.value.toString(),this.isProtectedOnChange=n;!s&&(!g.isNullOrUndefined(this.value)||!g.isNullOrUndefined(this.text))||s&&void 0!==e?(i=s?e?this.value:this.text:g.isNullOrUndefined(this.value)?this.text:this.value,!g.isNullOrUndefined(this.dataSource)&&this.dataSource instanceof y.DataManager&&this.mainData&&this.isMainDataUpdated?0<(n=(t=!(this.query&&this.getQuery(this.query).isCountRequired||!this.query)&&this.mainData.result||this.mainData).filter(function(t){return(t?d.updateFieldValue(s?e?d.fields.value:d.fields.text:g.isNullOrUndefined(d.value)?d.fields.text:d.fields.value,t):null)===i})).length&&(u=n[0],r(t),this.updateChangeEvent(u,h,c,a,l,p,s,o),this.gridObj.selectRow(this.index)):!g.isNullOrUndefined(this.dataSource)&&this.dataSource instanceof Array&&(u=this.dataSource.filter(function(t){return d.updateFieldValue(s?e?d.fields.value:d.fields.text:g.isNullOrUndefined(d.value)?d.fields.text:d.fields.value,t)===i})[0],r(this.dataSource))):g.isNullOrUndefined(this.index)||(!g.isNullOrUndefined(this.dataSource)&&this.dataSource instanceof y.DataManager&&this.mainData&&this.isMainDataUpdated?(u=(t=!(this.query&&this.getQuery(this.query).isCountRequired||!this.query)&&this.mainData.result||this.mainData)[this.index],r(t),this.updateChangeEvent(u,h,c,a,l,p,s,o),this.gridObj.selectRow(this.index)):!g.isNullOrUndefined(this.dataSource)&&this.dataSource instanceof Array&&(this.fields.groupBy?setTimeout(function(){var t=d.gridObj.getRows();if(t&&0<t.length)for(var e=d.gridObj.getRowInfo(t[d.index]).rowData,i=d.fields.value,n=0;n<t.length;n++)if(e&&e[parseInt(i.toString(),10)]===d.dataSource[parseInt(n.toString(),10)][parseInt(i.toString(),10)]){u=e,r(d.dataSource),d.updateChangeEvent(u,h,c,a,l,p,s,o),d.gridObj.selectRow(d.index);break}}):(u=this.dataSource[this.index],r(this.dataSource)))),this.dataSource instanceof y.DataManager||this.updateChangeEvent(u,h,c,a,l,p,s,o)},R.prototype.updateChangeEvent=function(t,e,i,n,s,o,r,a){var l=t?this.updateFieldValue(this.fields.value,t):null,t={value:t?l:null,itemData:{text:s,value:n},item:this.getDataByValue(this.value),previousItemData:e,previousItemElement:i,itemElement:this.inputWrapper,event:null,isInteracted:!r};this.updateValues(n,s,o,t,a)},R.prototype.updateCurrentValues=function(t,e){var i,n;return g.isNullOrUndefined(t)?{currentValue:null,currentText:null,currentIndex:null}:(i=this.updateFieldValue(this.fields.text,t),n=this.updateFieldValue(this.fields.value,t),p.Input.setValue(i,this.inputEle,this.floatLabelType,this.showClearButton),{currentValue:n,currentText:i,currentIndex:e.indexOf(t)})},R.prototype.renderPopup=function(){this.popupEle=this.createElement("div",{id:this.element.id+"_options",className:c+" 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&&(t=Math.round(this.footer.getBoundingClientRect().height),e=g.formatUnit(parseInt(e,10)-t+"px")),this.popupDiv.style.maxHeight=e,this.updateGridHeight(),this.popupEle.style.visibility="hidden",this.isInitialRender=!0},R.prototype.updateGridHeight=function(t,e){e=t?(t=(t=this.gridObj.getContent().querySelector(".e-content")).offsetHeight-t.clientHeight,""===this.fields.groupBy||g.isNullOrUndefined(this.fields.groupBy)||(this.popupRowHeight+=this.popupRowHeight),e&&this.popupRowHeight<this.prevGridHeight?this.popupRowHeight+t+"px":this.prevGridHeight+"px"):(this.prevGridHeight=this.popupDiv.getBoundingClientRect().height-this.popupDiv.querySelector(".e-gridheader").getBoundingClientRect().height,this.prevGridHeight+"px"),t=this.isProtectedOnChange;this.isProtectedOnChange=!0,this.gridObj.height=e,this.isProtectedOnChange=t},R.prototype.createPopup=function(t){var e=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(){g.Browser.isDevice||e.hidePopup()},open:function(){e.inputEle.focus(),e.updateClearIconState()}})},R.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)},R.prototype.l10nUpdate=function(t){var e,i,n;this.noRecord?this.noRecord.innerHTML="":this.noRecord=this.createElement("div"),"No records found"!==this.noRecordsTemplate||"Request Failed"!==this.actionFailureTemplate?(n=t?this.actionFailureTemplate:this.noRecordsTemplate,e=t?this.element.id+"_actionFailure":this.element.id+"_noRecords",i=t?"actionFailureTemplate":"noRecordsTemplate",(n=this.getTemplateFunction(n)({},this,i,e,this.isStringTemplate,void 0,this.noRecord))&&(n=Array.prototype.slice.call(n),g.append(n,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()},R.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)},R.prototype.getSize=function(t){var e=t?this.popupWidth:this.popupHeight,i=g.formatUnit(e);return i.includes("%")?i=((t?this.inputWrapper.offsetWidth:document.documentElement.clientHeight)*parseFloat(i)/100).toString()+"px":"string"==typeof e&&(i=e.match(/px|em/)?e:i),i},R.prototype.selectedGridRow=function(t,e,i){var n=this,s={isInteracted:!!e,item:this.gridObj.getSelectedRecords()[0],itemElement:t,itemData:this.gridObj.getSelectedRecords()[0],event:e,cancel:!1},o=this.gridObj.getSelectedRecords()[0],r=o?this.updateFieldValue(this.fields.text,o):"",a=o?this.updateFieldValue(this.fields.value,o):"",l={isInteracted:!!e,item:o,itemElement:t,itemData:{text:o?r:"",value:o?a:""},event:e,cancel:!1,value:o?a:"",previousItemData:{text:this.text,value:this.value},previousItemElement:this.previousItemElement};this.trigger("select",s,function(t){!t.cancel&&t.itemData&&(t="Enter"===e.key||"Tab"===e.key||e.shiftKey&&"Tab"===e.key||e.altKey&&"ArrowUp"===e.key,i&&!t||n.updateValues(o?a:"",o?r:"",n.gridObj.selectedRowIndex,l),p.Input.setValue(o?r:"",n.inputEle,n.floatLabelType,n.showClearButton),n.setHiddenValue(),i&&!t||n.hidePopup(e))})},R.prototype.updateValues=function(t,e,i,n,s){this.previousItemElement=n.itemElement;var o=this.isProtectedOnChange;this.isProtectedOnChange=!0,this.text=e||this.text,this.value=t||this.value,this.index=this.selectedRowIndex=g.isNullOrUndefined(i)?this.index:i,this.isProtectedOnChange=o,this.setHiddenValue(),s||this.triggerChangeEvent(n)},R.prototype.triggerChangeEvent=function(t){this.trigger("change",t,function(t){t.cancel})},R.prototype.inputHandler=function(t){var n,s=this;this.showPopup(null,!0),this.updateClearIconState(),this.allowFiltering&&(this.typedString=t.target.value.toLowerCase(),n={preventDefaultAction:!1,text:this.typedString,updateData:function(t,e,i){n.cancel||(s.isCustomFilter=!0,s.customFilterQuery=e&&e.clone(),s.setGridData(t,e))},event:t,cancel:!1},this.trigger("filtering",n,function(t){t.cancel||t.preventDefaultAction||s.isCustomFilter||s.setGridData(s.dataSource,s.query?s.query.clone():null)})),this.updateInputValue(t.target.value)},R.prototype.updateInputValue=function(s){return i(this,void 0,void 0,function(){var e,i,n;return a(this,function(t){return this.dataSource instanceof y.DataManager?(n=this.filterDatas(this.mainData,s),i=n.data,n=n.exactData):Array.isArray(this.dataSource)&&(e=this.filterDatas(this.dataSource,s),i=e.data,n=e.exactData),this.selectFilteredRows(i,n),[2]})})},R.prototype.filterDatas=function(t,e){var i=this;return{data:t.filter(function(t){t=i.updateFieldValue(i.fields.text,t);return e&&t.toLowerCase().startsWith(e.toLowerCase())}),exactData:t.filter(function(t){return i.updateFieldValue(i.fields.text,t)===e})}},R.prototype.selectFilteredRows=function(t,e){t.length<=0?this.matchedRowEle=this.matchedContent=this.exactMatchedContent=null:(this.matchedContent=t[0],this.exactMatchedContent=e[0],t=this.findIndex(this.gridObj.currentViewData,this.matchedContent),this.matchedRowEle=this.gridObj.getRowByIndex(t))},R.prototype.updateGridDataSource=function(){var t;this.gridData&&0<this.gridData.length?(g.removeClass([this.popupDiv],[u]),(t=this.popupDiv.querySelector(".e-no-records"))&&this.popupDiv.removeChild(t),this.gridObj.dataSource=this.gridData,this.isDataFiltered=!0):(this.l10nUpdate(),g.addClass([this.popupDiv],[u]))},R.prototype.wireEvents=function(){g.isNullOrUndefined(this.inputObj.buttons[0])||(g.EventHandler.add(this.inputObj.buttons[0],"mousedown",this.preventBlur,this),g.EventHandler.add(this.inputObj.buttons[0],"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.inputEle,"focus",this.focusIn,this),this.showClearButton&&g.EventHandler.add(this.inputObj.clearButton,"mousedown",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"})},R.prototype.unWireEvents=function(){g.isNullOrUndefined(this.inputObj.buttons[0])||(g.EventHandler.remove(this.inputObj.buttons[0],"mousedown",this.preventBlur),g.EventHandler.remove(this.inputObj.buttons[0],"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),this.showClearButton&&g.EventHandler.remove(this.inputObj.clearButton,"mousedown",this.clearText),this.keyboardModule&&this.keyboardModule.destroy()},R.prototype.preventBlur=function(t){t.preventDefault()},R.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))},R.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)))},R.prototype.onDocumentClick=function(t){var e=t.target;this.disabled||this.readonly||!this.isPopupOpen?e.closest(".e-multicolumn-list")||this.focusOut():e.classList.contains("e-multicolumn-list-icon")||g.closest(e,".e-multicolumn-list.e-popup")?t.preventDefault():e.classList.contains("e-multicolumncombobox")||e.classList.contains("e-clear-icon")||(g.isNullOrUndefined(this.text)||this.updateInputValue(this.text),e=""===this.inputEle.value,this.updateValuesOnInput(t,null,e))},R.prototype.updateValuesOnInput=function(t,e,i,n){var s,t=t||e,e=(n=void 0===n?!1:n)?this.matchedContent:this.exactMatchedContent;e||"Enter"===t.code||(this.inputEle.value=null,this.setProperties({value:null,index:null,text:null},!0)),this.hidePopup(t),this.matchedRowEle&&!i&&e?(s=this.isProtectedOnChange,this.isProtectedOnChange=!0,n=this.updateFieldValue(this.fields.text,this.matchedContent),i=this.updateFieldValue(this.fields.value,this.matchedContent),this.inputEle.value=n,this.value=i,e=this.findIndex(this.gridObj.currentViewData,this.matchedContent),this.index=e,this.text=n,this.gridObj.selectRow(e),this.selectedGridRow(this.gridObj.getRowByIndex(e),t),this.previousItemElement=this.gridObj.getSelectedRows()[0],this.isProtectedOnChange=s):this.isDataFiltered&&(this.inputEle.value="",i={value:null,itemData:{text:null,value:null},item:null,previousItemData:{text:this.text,value:this.value},previousItemElement:this.previousItemElement,itemElement:null,event:t,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(i),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];g.isNullOrUndefined(e)||""===e||g.removeClass(i,e.split(" ")),g.isNullOrUndefined(t)||""===t||g.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):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,!1,!0),this.focusIn(t);break;case"home":case"end":this.updateSelectedItem(t)}},R.prototype.gridKeyActionHandler=function(t,e){switch(e&&(e=(t.altKey?"Alt+":"")+(t.shiftKey?"Shift+":"")+t.key,t.action={ArrowDown:"moveDown",ArrowUp:"moveUp",End:"end",Home:"home",Tab:"tab",Escape:"escape","Shift+Tab":"shiftTab","Alt+ArrowUp":"altUp"}[e]||t.action),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)}},R.prototype.updateSelectedItem=function(t,e,i){var n,s,o=this;void 0===e&&(e=!0),this.isPopupOpen&&(n=this.fields.groupBy?this.gridObj.selectedRowIndex||0:this.gridObj.selectedRowIndex,s=this.dataSource instanceof y.DataManager?this.remoteDataLength:this.dataSource.length,-1===n&&("moveDown"===t.action||"moveUp"===t.action)||"home"===t.action?n=0:s-1<=n&&"moveDown"===t.action||"end"===t.action?n=s-1:"moveDown"===t.action&&0<=n&&n<=s-1&&(this.fields.groupBy||i)?n+=1:("moveUp"===t.action&&0<n&&this.fields.groupBy||i)&&--n,this.enableVirtualization?setTimeout(function(){o.selectRow(t,e,n)}):this.selectRow(t,e,n))},R.prototype.selectRow=function(t,e,i){void 0===e&&(e=!0),this.gridObj.selectRow(i),this.gridObj.selectedRowIndex=i;var n=this.gridEle.querySelector(".e-row-focus");n&&n.classList.remove("e-row-focus"),e&&this.selectedGridRow(this.gridObj.getRows()[parseInt(i.toString(),10)],t,!0)},R.prototype.updateClearIconState=function(){var t=this.inputWrapper.querySelector(".e-clear-icon");t&&(t.style.display=""===this.inputEle.value?"none":"flex")},R.prototype.updateDynamicDataSource=function(t,e){var i;this.gridObj&&(this.isShowSpinner=!0,this.setGridData(t),e instanceof y.DataManager?e.executeQuery(new y.Query).then(function(t){i=t.result.length}):i=e.length,0===i)&&this.popupDiv.appendChild(this.gridEle)},R.prototype.focusIn=function(t){this.disabled||this.readonly||(g.addClass([this.inputWrapper],[h]),this.inputEle.focus(),this.updateClearIconState(),this.trigger("focus",t),"Never"!==this.floatLabelType&&p.Input.calculateWidth(this.inputEle,this.inputWrapper))},R.prototype.focusOut=function(t){this.disabled||this.readonly||(this.isPopupOpen&&this.hidePopup(t),this.inputWrapper&&(g.removeClass([this.inputWrapper],[h]),(t=this.inputWrapper.querySelector(".e-clear-icon"))&&(t.style.display="none"),"Never"!==this.floatLabelType)&&p.Input.calculateWidth(this.inputEle,this.inputWrapper))},R.prototype.showPopup=function(t,n){var s=this,t={popup:this.popupObj,event:t,cancel:!1,animation:{name:"FadeIn",duration:100}};this.trigger("open",t,function(t){var e,i;t.cancel||s.isPopupOpen||(s.isPopupOpen=!0,s.popupObj.refreshPosition(),g.addClass([s.inputWrapper],[l]),g.attributes(s.inputEle,{"aria-expanded":"true","aria-owns":s.element.id+"_options","aria-controls":s.element.id}),n||(s.value||s.text||s.index)&&s.gridObj.selectRow(s.selectedRowIndex),(i=s.gridObj.getContent())&&(e=i.querySelector(".e-rowcell.e-active"),i=i.querySelector(".e-row"),e?s.inputEle.setAttribute("aria-activedescendant",e.parentElement.getAttribute("data-uid")):i&&s.inputEle.setAttribute("aria-activedescendant",i.getAttribute("data-uid"))),s.popupObj.show(new g.Animation(t.animation),s.popupEle.firstElementChild))})},R.prototype.hidePopup=function(e){var i=this,t={popup:this.popupObj,event:e||null,cancel:!1,animation:{name:"FadeOut",duration:100}},n=e?e.target:null;this.trigger("close",t,function(t){t.cancel||(i.isPopupOpen=!1,g.removeClass([i.inputWrapper],[l]),g.attributes(i.inputEle,{"aria-expanded":"false"}),i.popupObj.hide(new g.Animation(t.animation)),n&&(n.classList.contains("e-multicolumn-list-icon")||n.classList.contains("e-rowcell"))?(i.value||i.gridObj.refreshColumns(),setTimeout(function(){i.focusIn(e)})):i.focusOut(),i.inputEle.removeAttribute("aria-owns"),i.inputEle.removeAttribute("aria-activedescendant"),i.customFilterQuery=null)}),setTimeout(function(){var t;i.gridObj&&(i.gridObj.dataSource=i.allowFiltering?i.mainData:i.gridData,(t=i.popupDiv.querySelector(".e-no-records"))&&(i.popupDiv.removeChild(t),g.removeClass([i.popupDiv],[u])),i.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(e){var i=this;return!g.isNullOrUndefined(this.dataSource)&&this.dataSource instanceof Array?this.dataSource.filter(function(t){return i.updateFieldValue(i.fields.value,t)===e})[0]:!g.isNullOrUndefined(this.dataSource)&&this.dataSource instanceof y.DataManager&&this.mainData&&this.isMainDataUpdated?(!(this.query&&this.getQuery(this.query).isCountRequired||!this.query)&&this.mainData.result||this.mainData).filter(function(t){return i.updateFieldValue(i.fields.value,t)===e})[0]:null},R.prototype.destroy=function(){if(this.unWireEvents(),this.gridObj&&(this.gridObj.destroy(),g.detach(this.gridObj.element)),this.inputEle){for(var t=["placeholder","aria-expanded","spellcheck","aria-label","role","type","aria-owns","aria-controls","aria-readonly","autocomplete","autocapitalize","spellcheck","aria-activedescendant"],e=0;e<t.length;e++)this.inputEle.removeAttribute(t[e]);this.inputEle.classList.remove("e-input"),p.Input.setValue("",this.inputEle,this.floatLabelType,this.showClearButton)}this.popupEle&&(this.popupEle.removeAttribute("aria-label"),this.popupEle.removeAttribute("role")),this.popupObj&&(this.popupObj.destroy(),g.detach(this.popupObj.element)),this.element.tagName!==this.getDirective()&&this.inputWrapper.parentElement.insertBefore(this.element,this.inputWrapper),this.inputObj&&(g.detach(this.inputObj.container),this.inputObj=null),p.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,this.hiddenElement=null,this.dropdownElement=null,P.prototype.destroy.call(this)},R.prototype.onPropertyChanged=function(t,e){for(var i=0,n=Object.keys(t);i<n.length;i++){var s,o=n[i];switch(o){case"width":case"popupWidth":"width"===o&&this.setElementWidth(t.width),this.popupObj&&(this.popupObj.element.style.width=this.getSize(!0));break;case"popupHeight":this.popupObj&&(s=this.getSize(!1),this.popupObj.element.style.maxHeight=s,this.popupDiv.style.maxHeight=s,this.gridObj.height=s);break;case"placeholder":p.Input.setPlaceholder(t.placeholder,this.inputEle);break;case"readonly":p.Input.setReadonly(this.readonly,this.inputEle);break;case"disabled":p.Input.setEnabled(!this.disabled,this.inputEle),this.setEnable();break;case"cssClass":this.setCssClass(t.cssClass,e.cssClass);break;case"floatLabelType":p.Input.removeFloating(this.inputObj),p.Input.addFloating(this.inputEle,this.floatLabelType,this.placeholder);break;case"showClearButton":p.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(!0);break;case"sortOrder":this.gridObj&&(this.gridObj.sortSettings.columns=[{field:this.fields.text,direction:t.sortOrder===r.SortOrder.Ascending?r.SortOrder.Ascending:r.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,p.Input.setEnableRtl(t.enableRtl,[this.inputWrapper]),this.popupObj.enableRtl=t.enableRtl);break;case"dataSource":this.updateDynamicDataSource(t.dataSource,e.dataSource);break;case"query":this.isMainDataUpdated=!1,this.setGridData(this.dataSource);break;case"gridSettings":this.gridObj&&(this.gridObj.gridLines=t.gridSettings.gridLines,this.gridObj.rowHeight=t.gridSettings.rowHeight,this.gridObj.enableAltRow=t.gridSettings.enableAltRow,this.gridObj.allowResizing=t.gridSettings.allowResizing,g.isNullOrUndefined(t.gridSettings.allowTextWrap)||(this.gridObj.allowTextWrap=t.gridSettings.allowTextWrap),g.isNullOrUndefined(t.gridSettings.textWrapMode)||(this.gridObj.textWrapSettings.wrapMode=t.gridSettings.textWrapMode));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.gridObj&&(this.sortType=t.sortType,this.gridObj.allowMultiSorting="multiplecolumns"===this.sortType.toString().toLowerCase()&&this.allowSorting);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);break;case"locale":this.isLocaleChanged=!0}}},e([g.Property([])],R.prototype,"dataSource",void 0),e([g.Property(null)],R.prototype,"text",void 0),e([g.Property(null)],R.prototype,"value",void 0),e([g.Property(null)],R.prototype,"index",void 0),e([g.Property("100%")],R.prototype,"width",void 0),e([g.Property("300px")],R.prototype,"popupHeight",void 0),e([g.Property("100%")],R.prototype,"popupWidth",void 0),e([g.Property(null)],R.prototype,"placeholder",void 0),e([g.Property(!0)],R.prototype,"allowFiltering",void 0),e([g.Property(!0)],R.prototype,"allowSorting",void 0),e([g.Property(!1)],R.prototype,"showClearButton",void 0),e([g.Property("")],R.prototype,"cssClass",void 0),e([g.Complex({text:null,value:null,groupBy:null},w)],R.prototype,"fields",void 0),e([g.Collection([],E)],R.prototype,"columns",void 0),e([g.Complex({},D)],R.prototype,"gridSettings",void 0),e([g.Property(r.FilterType.StartsWith)],R.prototype,"filterType",void 0),e([g.Property("Never")],R.prototype,"floatLabelType",void 0),e([g.Property(r.SortOrder.None)],R.prototype,"sortOrder",void 0),e([g.Property(r.SortType.OneColumn)],R.prototype,"sortType",void 0),e([g.Property(!1)],R.prototype,"enableVirtualization",void 0),e([g.Property(!1)],R.prototype,"disabled",void 0),e([g.Property(!1)],R.prototype,"readonly",void 0),e([g.Property(!1)],R.prototype,"enablePersistence",void 0),e([g.Property()],R.prototype,"query",void 0),e([g.Property(null)],R.prototype,"itemTemplate",void 0),e([g.Property(null)],R.prototype,"footerTemplate",void 0),e([g.Property(null)],R.prototype,"groupTemplate",void 0),e([g.Property("Request Failed")],R.prototype,"actionFailureTemplate",void 0),e([g.Property("No records found")],R.prototype,"noRecordsTemplate",void 0),e([g.Property({})],R.prototype,"htmlAttributes",void 0),e([g.Event()],R.prototype,"created",void 0),e([g.Event()],R.prototype,"open",void 0),e([g.Event()],R.prototype,"close",void 0),e([g.Event()],R.prototype,"actionFailure",void 0),e([g.Event()],R.prototype,"actionBegin",void 0),e([g.Event()],R.prototype,"actionComplete",void 0),e([g.Event()],R.prototype,"filtering",void 0),e([g.Event()],R.prototype,"select",void 0),e([g.Event()],R.prototype,"change",void 0);var P,t=e([g.NotifyPropertyChanges],R);function R(t,e){t=P.call(this,t,e)||this;return t.gridInject=new m,t.isShowSpinner=!0,t.gridInject.InjectModules(),t}r.Column=E,r.FieldSettings=w,r.GridSettings=D,r.MultiColumnComboBox=t,r.MultiColumnGrid=m,Object.defineProperty(r,"__esModule",{value:!0})});
 //# sourceMappingURL=ej2-multicolumn-combobox.umd.min.js.map

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

@@ -1,11 +1,2 @@
-/*!
-*  filename: ej2-multicolumn-combobox.min.js
-*  version : 31.2.12
-*  Copyright Syncfusion Inc. 2001 - 2025. 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,n,r,o){"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 n(){this.constructor=e}t(e,i),e.prototype=null===i?Object.create(i):(n.prototype=i.prototype,new n)}}(),a=function(t,e,i,n){var r,o=arguments.length,s=o<3?e:null===n?n=Object.getOwnPropertyDescriptor(e,i):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,e,i,n);else for(var a=t.length-1;a>=0;a--)(r=t[a])&&(s=(o<3?r(s):o>3?r(e,i,s):r(e,i))||s);return o>3&&s&&Object.defineProperty(e,i,s),s},l=function(t,e,i,n){return new(i||(i=Promise))(function(r,o){function s(t){try{l(n.next(t))}catch(t){o(t)}}function a(t){try{l(n.throw(t))}catch(t){o(t)}}function l(t){t.done?r(t.value):new i(function(e){e(t.value)}).then(s,a)}l((n=n.apply(t,e||[])).next())})},p=function(t,e){function i(t){return function(e){return n([t,e])}}function n(i){if(r)throw new TypeError("Generator is already executing.");for(;l;)try{if(r=1,o&&(s=2&i[0]?o.return:i[0]?o.throw||((s=o.return)&&s.call(o),0):o.next)&&!(s=s.call(o,i[1])).done)return s;switch(o=0,s&&(i=[2&i[0],s.value]),i[0]){case 0:case 1:s=i;break;case 4:return l.label++,{value:i[1],done:!1};case 5:l.label++,o=i[1],i=[0];continue;case 7:i=l.ops.pop(),l.trys.pop();continue;default:if(s=l.trys,!(s=s.length>0&&s[s.length-1])&&(6===i[0]||2===i[0])){l=0;continue}if(3===i[0]&&(!s||i[1]>s[0]&&i[1]<s[3])){l.label=i[1];break}if(6===i[0]&&l.label<s[1]){l.label=s[1],s=i;break}if(s&&l.label<s[2]){l.label=s[2],l.ops.push(i);break}s[2]&&l.ops.pop(),l.trys.pop();continue}i=e.call(t,l)}catch(t){i=[6,t],o=0}finally{r=s=0}if(5&i[0])throw i[1];return{value:i[0]?i[1]:void 0,done:!0}}var r,o,s,a,l={label:0,sent:function(){if(1&s[0])throw s[1];return s[1]},trys:[],ops:[]};return a={next:i(0),throw:i(1),return:i(2)},"function"==typeof Symbol&&(a[Symbol.iterator]=function(){return this}),a},u="e-nodata",d=function(){function t(){}return t.prototype.InjectModules=function(){o.Grid.Inject(o.VirtualScroll,o.Group,o.Edit,o.Sort,o.Resize)},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={})),function(t){t.Both="Both",t.Content="Content",t.Header="Header"}(t.WrapMode||(t.WrapMode={}));var h=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),c=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),g=function(i){function n(){return null!==i&&i.apply(this,arguments)||this}return s(n,i),a([e.Property(!1)],n.prototype,"enableAltRow",void 0),a([e.Property(null)],n.prototype,"rowHeight",void 0),a([e.Property("Default")],n.prototype,"gridLines",void 0),a([e.Property(!1)],n.prototype,"allowTextWrap",void 0),a([e.Property(t.WrapMode.Both)],n.prototype,"textWrapMode",void 0),a([e.Property(!1)],n.prototype,"allowResizing",void 0),a([e.Event()],n.prototype,"resizing",void 0),a([e.Event()],n.prototype,"resizeStart",void 0),a([e.Event()],n.prototype,"resizeStop",void 0),n}(e.ChildProperty),f=function(f){function y(t,e){var i=f.call(this,t,e)||this;return i.gridInject=new d,i.isShowSpinner=!0,i.gridInject.InjectModules(),i}return s(y,f),y.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=this.exactMatchedContent=null,this.persistData()},y.prototype.getDirective=function(){return"EJS-MULTICOLUMNCOMBOBOX"},y.prototype.getModuleName=function(){return"multicolumncombobox"},y.prototype.getPersistData=function(){return this.addOnPersist(["value"])},y.prototype.persistData=function(){if(this.enablePersistence){this.element.id+="_wrapper";var t=window.localStorage.getItem(this.getModuleName()+this.element.id);e.isNullOrUndefined(t)||""===t||this.setProperties(JSON.parse(t),!0)}},y.prototype.render=function(){this.renderInput(),e.isNullOrUndefined(this.value)&&e.isNullOrUndefined(this.text)&&e.isNullOrUndefined(this.index)||e.isNullOrUndefined(this.dataSource)||!(this.dataSource instanceof n.DataManager)||(this.isInitialValueRender=!0),null==this.gridData&&this.setGridData(this.dataSource),this.renderGrid(),this.popupDiv=this.createElement("div",{className:"e-popup-content"}),this.popupDiv.appendChild(this.gridEle),this.setHTMLAttributes(),this.renderPopup(),this.wireEvents()},y.prototype.setGridData=function(t,e){var i=this;this.trigger("actionBegin",{cancel:!1,query:e},function(r){if(!r.cancel)if(t instanceof n.DataManager)i.isShowSpinner&&i.showHideSpinner(!0),t.executeQuery(i.getQuery(e)).then(function(t){i.gridData=t.result,i.trigger("actionComplete",t,function(t){i.showHideSpinner(!1),i.isMainDataUpdated||(i.mainData=i.gridData,i.remoteDataLength=i.gridData.length,i.isMainDataUpdated=!0),i.isInitialValueRender&&(i.isInitialValueRender=!1,i.initValue(null,null,!0)),i.popupDiv&&i.updateGridDataSource()})}).catch(function(t){i.trigger("actionFailure",t,null)});else{var o=new n.DataManager(t),s=i.getQuery(e).executeLocal(o);i.gridData=s,i.trigger("actionComplete",{result:s},function(t){i.isMainDataUpdated||(i.mainData=i.gridData,i.remoteDataLength=i.gridData.length,i.isMainDataUpdated=!0),i.popupDiv&&i.updateGridDataSource()})}})},y.prototype.getQuery=function(t){var e;if(!this.isCustomFilter&&this.allowFiltering){e=t?t.clone():this.query?this.query.clone():new n.Query;var i=""===this.typedString?"contains":this.filterType;if(this.allowFiltering&&this.typedString&&""!==this.typedString){var r=this.fields.text?this.fields.text:"";e.where(r,i,this.typedString,!0,!1)}}else e=null!=this.customFilterQuery?this.customFilterQuery.clone():t?t.clone():this.query?this.query.clone():new n.Query;return e},y.prototype.setHiddenValue=function(){if(e.isNullOrUndefined(this.value))return void(this.hiddenElement.innerHTML="");var t=this.hiddenElement.querySelector("option");if(e.isNullOrUndefined(t)){if(!e.isNullOrUndefined(this.hiddenElement)){var i=document.createElement("option");i.text=this.text,i.setAttribute("value",this.value.toString()),i.setAttribute("selected",""),this.hiddenElement.appendChild(i)}}else t.textContent=this.text,t.setAttribute("value",this.value.toString())},y.prototype.renderGrid=function(){var i=this,r=this.getGridColumns(),s=this.sortOrder.toString().toLowerCase();this.gridObj=new o.Grid({dataSource:this.gridData,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},allowTextWrap:this.gridSettings.allowTextWrap,textWrapSettings:{wrapMode:this.gridSettings.textWrapMode},height:this.popupHeight,allowResizing:this.gridSettings.allowResizing,allowMultiSorting:"multiplecolumns"===this.sortType.toString().toLowerCase()&&this.allowSorting,rowTemplate:this.itemTemplate,beforeDataBound:function(){i.dataSource instanceof n.DataManager&&i.isShowSpinner&&(i.showHideSpinner(!0),i.isShowSpinner=!1)},dataBound:function(){i.onDataBound()},actionFailure:function(t){i.onActionFailure(t)},actionComplete:this.handleActionComplete.bind(this),keyPressed:this.handleKeyPressed.bind(this),resizing:function(t){i.gridSettings.resizing&&i.gridSettings.resizing.call(i,t)},resizeStart:function(t){i.gridSettings.resizeStart&&i.gridSettings.resizeStart.call(i,t)},resizeStop:function(t){i.gridSettings.resizeStop&&i.gridSettings.resizeStop.call(i,t)}}),this.gridEle=this.createElement("div",{id:this.element.id+"_"+e.getUniqueID("grid"),className:"e-multicolumn-grid"}),this.updateGroupByField(),r.length>0&&(this.gridObj.columns[0].isPrimaryKey=!0),"none"!==s&&(this.gridObj.sortSettings={columns:[{field:this.fields.text,direction:"ascending"===s?t.SortOrder.Ascending:t.SortOrder.Descending}]}),this.gridObj.appendTo(this.gridEle),e.isNullOrUndefined(this.value)&&e.isNullOrUndefined(this.text)&&e.isNullOrUndefined(this.index)||e.isNullOrUndefined(this.dataSource)||!(this.dataSource instanceof Array)||this.initValue(null,null,!0)},y.prototype.handleActionComplete=function(t){var e=this;if("sorting"===t.requestType&&this.updateRowSelection(t),Array.isArray(t.rows)&&this.isDataFiltered){var i=0;t.rows.forEach(function(t){var n=e.gridObj.getRowElementByUID(t.uid);n&&(i+=n.getBoundingClientRect().height)}),this.popupRowHeight=i||parseFloat(this.popupHeight),this.updateGridHeight(!0,!0)}this.popupObj.refreshPosition(),this.gridObj.element.querySelector(".e-content").scrollTop=0},y.prototype.handleKeyPressed=function(t){"Enter"===t.key&&(t.cancel=!0,this.isPopupOpen&&(this.selectedGridRow(this.gridObj.getRows()[this.gridObj.selectedRowIndex],t,!0),this.hidePopup(t),this.focusIn(t))),this.fields.groupBy&&(t.cancel=!0,this.gridKeyActionHandler(t,!0))},y.prototype.isRowMatching=function(t,e,i){var n=function(t){var e=[];return t&&"object"==typeof t?Array.isArray(t)?t.forEach(function(t){return e.push.apply(e,n(t))}):Object.keys(t).forEach(function(i){return e.push.apply(e,n(t[""+i]))}):null!=t&&e.push(String(t)),e},r=n(t);return-1!==r.indexOf(e)&&-1!==r.indexOf(i)},y.prototype.updateRowSelection=function(t){var e=this;t&&t.rows.forEach(function(t){e.selectDataRow(t.data,t.index)})},y.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)}},y.prototype.findIndex=function(t,e){return t.findIndex(function(t){return Object.keys(e).every(function(i){return t[i]===e[i]})})},y.prototype.getGridColumns=function(){var t=this;return this.columns.map(function(e){var i=e.field,n=e.header,r=e.width,o=e.textAlign,s=e.format,a=e.displayAsCheckBox,l=e.template,p=e.headerTemplate,u=e.customAttributes;return{field:i,headerText:n,width:r,textAlign:""===o.toString()&&t.enableRtl?"Right":o,format:s,displayAsCheckBox:a,template:l,headerTemplate:p,customAttributes:u,type:a&&!s?"boolean":void 0}})},y.prototype.updateGroupByField=function(){var t=this.fields.groupBy,i=""!==t&&!e.isNullOrUndefined(t);if(i){"multiplecolumns"!==this.sortType.toString().toLowerCase()&&this.gridEle.classList.add("e-multicolumn-group");var n=this.isProtectedOnChange;this.isProtectedOnChange=!0,this.gridObj.allowGrouping=!0,this.gridObj.groupSettings={showDropArea:!1,columns:[t]},this.groupTemplate&&i&&(this.gridObj.groupSettings.captionTemplate=this.groupTemplate),this.isVue&&(this.gridObj.isVue=this.isVue),this.isProtectedOnChange=n}},y.prototype.onDataBound=function(){var t=this;this.isLocaleChanged&&(this.isLocaleChanged=!1,this.unWireEvents(),this.wireEvents());var i=this.dataSource.length,r=this.popupDiv.querySelector(".e-multicolumn-grid"),o=this.popupDiv.classList.contains(u);if(i<=0&&r)this.l10nUpdate(),this.popupDiv.removeChild(this.gridEle),e.addClass([this.popupDiv],[u]);else if(o&&i>=1){e.removeClass([this.popupDiv],[u]);var s=this.popupDiv.querySelector(".e-no-records");s&&this.popupDiv.removeChild(s)}if(this.isInitialRender){var a=this.popupDiv.querySelector(".e-gridcontent tr"),l=o?this.popupDiv.getBoundingClientRect().height:a?a.getBoundingClientRect().height:0;this.popupRowHeight=l,this.popupObj.hide(),this.popupEle.style.visibility="unset",this.isInitialRender=!1}var p=this.gridObj.element.querySelectorAll(".e-row");this.isDataFiltered&&p.length>0&&""!==this.inputEle.value&&p[0].classList.add("e-row-focus"),this.dataSource instanceof n.DataManager&&setTimeout(function(){t.showHideSpinner(!1)})},y.prototype.showHideSpinner=function(t){t?r.showSpinner(this.dropdownElement):r.hideSpinner(this.dropdownElement)},y.prototype.onActionFailure=function(t){this.trigger("actionFailure",t),this.l10nUpdate(!0),e.addClass([this.popupDiv],[u])},y.prototype.renderInput=function(){var t=["aria-expanded","aria-readOnly","aria-disabled","autocomplete","autocapitalize","spellcheck","tabindex"];"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"),function(i,n){for(var r in n)n.hasOwnProperty(r)&&-1!==t.indexOf(r)&&e.isNullOrUndefined(i.getAttribute(r))&&i.setAttribute(r,n[r])}(this.inputEle,{"aria-expanded":"false","aria-readOnly":this.readonly.toString(),"aria-disabled":this.disabled.toString(),autocomplete:"off",autocapitalize:"off",spellcheck:"false",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.hiddenElement=this.createElement("select",{attrs:{"aria-hidden":"true",tabindex:"-1",class:"e-multicolumn-list-hidden"}}),e.prepend([this.hiddenElement],this.inputWrapper);var n=this.inputEle.getAttribute("name")?this.inputEle.getAttribute("name"):this.inputEle.getAttribute("id");this.hiddenElement.setAttribute("name",n),this.inputEle.removeAttribute("name"),this.hiddenElement.hasAttribute("aria-label")||this.hiddenElement.setAttribute("aria-label",this.getModuleName()),this.element.tagName===this.getDirective()&&this.element.appendChild(this.inputWrapper),this.setElementWidth(this.width),this.dropdownElement=this.inputWrapper.querySelector(".e-input-group-icon.e-multicolumn-list-icon.e-icons"),r.createSpinner({target:this.dropdownElement})},y.prototype.setElementWidth=function(t){if(!e.isNullOrUndefined(t)){var i=this.inputWrapper;"number"==typeof t?i.style.width=e.formatUnit(t):"string"==typeof t&&(i.style.width=t.match(/px|%|em/)?t:e.formatUnit(t))}},y.prototype.setHTMLAttributes=function(){var t=this,e=this.htmlAttributes,n=this.inputEle;if(Object.keys(e).length)for(var r=0,o=Object.keys(e);r<o.length;r++){var s=o[r];switch(s){case"class":this.inputWrapper.classList.add(e[s]);break;case"disabled":this.setProperties({enabled:!1},!0),this.setEnable();break;case"readonly":this.setProperties({readonly:!0},!0),this.dataBind();break;case"style":var a=e[s];this.inputWrapper.style.cssText="",a&&a.split(";").forEach(function(e){var i=e.split(":").map(function(t){return t.trim()}),n=i[0],r=i[1];n&&r&&t.inputWrapper.style.setProperty(n,r)});break;default:var l=["title","id","placeholder","role","autocomplete","autocapitalize","spellcheck","minlength","maxlength"];["name","required"].indexOf(s)>-1||0===s.indexOf("data")?this.hiddenElement.setAttribute(s,this.htmlAttributes[""+s]):l.indexOf(s)>-1&&"placeholder"===s?i.Input.setPlaceholder(e[s],n):n.setAttribute(s,e[s])}}},y.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.setAriaDisabled("true")):(e.removeClass([this.inputWrapper],"e-disabled"),this.setAriaDisabled("false"))},y.prototype.setAriaDisabled=function(t){this.inputEle.setAttribute("aria-disabled",t),this.inputWrapper.setAttribute("aria-disabled",t)},y.prototype.updateFieldValue=function(t,i){return e.getValue(t,i).toString()},y.prototype.initValue=function(t,i,r){var o,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(o,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;if(!e.isNullOrUndefined(this.dataSource)&&this.dataSource instanceof n.DataManager&&this.mainData&&this.isMainDataUpdated){var f=(y=this.query&&this.getQuery(this.query).isCountRequired||!this.query?this.mainData:this.mainData.result?this.mainData.result:this.mainData).filter(function(n){return(n?p.updateFieldValue(t?i?p.fields.value:p.fields.text:e.isNullOrUndefined(p.value)?p.fields.text:p.fields.value,n):null)===g});f.length>0&&(o=f[0],c(y),this.updateChangeEvent(o,u,d,s,a,l,t,r),this.gridObj.selectRow(this.index))}else!e.isNullOrUndefined(this.dataSource)&&this.dataSource instanceof Array&&(o=this.dataSource.filter(function(n){return p.updateFieldValue(t?i?p.fields.value:p.fields.text:e.isNullOrUndefined(p.value)?p.fields.text:p.fields.value,n)===g})[0],c(this.dataSource))}else if(!e.isNullOrUndefined(this.index))if(!e.isNullOrUndefined(this.dataSource)&&this.dataSource instanceof n.DataManager&&this.mainData&&this.isMainDataUpdated){var y=this.query&&this.getQuery(this.query).isCountRequired||!this.query?this.mainData:this.mainData.result?this.mainData.result:this.mainData;o=y[this.index],c(y),this.updateChangeEvent(o,u,d,s,a,l,t,r),this.gridObj.selectRow(this.index)}else!e.isNullOrUndefined(this.dataSource)&&this.dataSource instanceof Array&&(this.fields.groupBy?setTimeout(function(){var e=p.gridObj.getRows();if(e&&e.length>0)for(var i=p.gridObj.getRowInfo(e[p.index]).rowData,n=p.fields.value,h=0;h<e.length;h++)if(i&&i[parseInt(n.toString(),10)]===p.dataSource[parseInt(h.toString(),10)][parseInt(n.toString(),10)]){o=i,c(p.dataSource),p.updateChangeEvent(o,u,d,s,a,l,t,r),p.gridObj.selectRow(p.index);break}}):(o=this.dataSource[this.index],c(this.dataSource)));this.dataSource instanceof n.DataManager||this.updateChangeEvent(o,u,d,s,a,l,t,r)},y.prototype.updateChangeEvent=function(t,e,i,n,r,o,s,a){var l=t?this.updateFieldValue(this.fields.value,t):null,p={value:t?l:null,itemData:{text:r,value:n},item:this.getDataByValue(this.value),previousItemData:e,previousItemElement:i,itemElement:this.inputWrapper,event:null,isInteracted:!s};this.updateValues(n,r,o,p,a)},y.prototype.updateCurrentValues=function(t,n){if(!e.isNullOrUndefined(t)){var r=this.updateFieldValue(this.fields.text,t),o=this.updateFieldValue(this.fields.value,t);return i.Input.setValue(r,this.inputEle,this.floatLabelType,this.showClearButton),{currentValue:o,currentText:r,currentIndex:n.indexOf(t)}}return{currentValue:null,currentText:null,currentIndex:null}},y.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){var i=Math.round(this.footer.getBoundingClientRect().height);t=e.formatUnit(parseInt(t,10)-i+"px")}this.popupDiv.style.maxHeight=t,this.updateGridHeight(),this.popupEle.style.visibility="hidden",this.isInitialRender=!0},y.prototype.updateGridHeight=function(t,i){var n;if(t){var r=this.gridObj.getContent().querySelector(".e-content"),o=r.offsetHeight-r.clientHeight;""===this.fields.groupBy||e.isNullOrUndefined(this.fields.groupBy)||(this.popupRowHeight+=this.popupRowHeight),n=i&&this.popupRowHeight<this.prevGridHeight?this.popupRowHeight+o+"px":this.prevGridHeight+"px"}else this.prevGridHeight=this.popupDiv.getBoundingClientRect().height-this.popupDiv.querySelector(".e-gridheader").getBoundingClientRect().height,n=this.prevGridHeight+"px";var s=this.isProtectedOnChange;this.isProtectedOnChange=!0,this.gridObj.height=n,this.isProtectedOnChange=s},y.prototype.createPopup=function(t){var i=this;this.popupObj=new r.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()},open:function(){i.inputEle.focus(),i.updateClearIconState()}})},y.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)},y.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,n=t?this.element.id+"_actionFailure":this.element.id+"_noRecords",r=t?"actionFailureTemplate":"noRecordsTemplate",o=this.getTemplateFunction(i)({},this,r,n,this.isStringTemplate,void 0,this.noRecord);o&&(o=Array.prototype.slice.call(o),e.append(o,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()},y.prototype.getTemplateFunction=function(t){if("string"==typeof t){var i="";try{var n=e.select(t);i=n?"SCRIPT"===n.tagName?n.innerHTML:n.outerHTML:t}catch(e){i=t}return e.compile(i)}return e.compile(t)},y.prototype.getSize=function(t){var i=t?this.popupWidth:this.popupHeight,n=e.formatUnit(i);return n.includes("%")?n=((t?this.inputWrapper.offsetWidth:document.documentElement.clientHeight)*parseFloat(n)/100).toString()+"px":"string"==typeof i&&(n=i.match(/px|em/)?i:n),n},y.prototype.selectedGridRow=function(t,e,n){var r=this,o={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?this.updateFieldValue(this.fields.text,s):"",l=s?this.updateFieldValue(this.fields.value,s):"",p={isInteracted:!!e,item:s,itemElement:t,itemData:{text:s?a:"",value:s?l:""},event:e,cancel:!1,value:s?l:"",previousItemData:{text:this.text,value:this.value},previousItemElement:this.previousItemElement};this.trigger("select",o,function(t){if(!t.cancel&&t.itemData){var o=e,u="Enter"===o.key||"Tab"===o.key||o.shiftKey&&"Tab"===o.key||o.altKey&&"ArrowUp"===o.key;(!n||n&&u)&&r.updateValues(s?l:"",s?a:"",r.gridObj.selectedRowIndex,p),i.Input.setValue(s?a:"",r.inputEle,r.floatLabelType,r.showClearButton),r.setHiddenValue(),(!n||n&&u)&&r.hidePopup(e)}})},y.prototype.updateValues=function(t,i,n,r,o){this.previousItemElement=r.itemElement;var s=this.isProtectedOnChange;this.isProtectedOnChange=!0,this.text=i||this.text,this.value=t||this.value,this.index=this.selectedRowIndex=e.isNullOrUndefined(n)?this.index:n,this.isProtectedOnChange=s,this.setHiddenValue(),o||this.triggerChangeEvent(r)},y.prototype.triggerChangeEvent=function(t){this.trigger("change",t,function(t){t.cancel})},y.prototype.inputHandler=function(t){var e=this;if(this.showPopup(null,!0),this.updateClearIconState(),this.allowFiltering){this.typedString=t.target.value.toLowerCase();var i={preventDefaultAction:!1,text:this.typedString,updateData:function(t,n,r){i.cancel||(e.isCustomFilter=!0,e.customFilterQuery=n?n.clone():n,e.setGridData(t,n))},event:t,cancel:!1};this.trigger("filtering",i,function(t){t.cancel||t.preventDefaultAction||e.isCustomFilter||e.setGridData(e.dataSource,e.query?e.query.clone():null)})}this.updateInputValue(t.target.value)},y.prototype.updateInputValue=function(t){return l(this,void 0,void 0,function(){var e,i,r,o;return p(this,function(s){return this.dataSource instanceof n.DataManager?(e=this.filterDatas(this.mainData,t),r=e.data,o=e.exactData):Array.isArray(this.dataSource)&&(i=this.filterDatas(this.dataSource,t),r=i.data,o=i.exactData),this.selectFilteredRows(r,o),[2]})})},y.prototype.filterDatas=function(t,e){var i=this;return{data:t.filter(function(t){var n=i.updateFieldValue(i.fields.text,t);return e&&n.toLowerCase().startsWith(e.toLowerCase())}),exactData:t.filter(function(t){return i.updateFieldValue(i.fields.text,t)===e})}},y.prototype.selectFilteredRows=function(t,e){if(t.length<=0)return void(this.matchedRowEle=this.matchedContent=this.exactMatchedContent=null);this.matchedContent=t[0],this.exactMatchedContent=e[0];var i=this.findIndex(this.gridObj.currentViewData,this.matchedContent);this.matchedRowEle=this.gridObj.getRowByIndex(i)},y.prototype.updateGridDataSource=function(){if(this.gridData&&this.gridData.length>0){e.removeClass([this.popupDiv],[u]);var t=this.popupDiv.querySelector(".e-no-records");t&&this.popupDiv.removeChild(t),this.gridObj.dataSource=this.gridData,this.isDataFiltered=!0}else this.l10nUpdate(),e.addClass([this.popupDiv],[u])},y.prototype.wireEvents=function(){e.isNullOrUndefined(this.inputObj.buttons[0])||(e.EventHandler.add(this.inputObj.buttons[0],"mousedown",this.preventBlur,this),e.EventHandler.add(this.inputObj.buttons[0],"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.inputEle,"focus",this.focusIn,this),this.showClearButton&&e.EventHandler.add(this.inputObj.clearButton,"mousedown",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"})},y.prototype.unWireEvents=function(){e.isNullOrUndefined(this.inputObj.buttons[0])||(e.EventHandler.remove(this.inputObj.buttons[0],"mousedown",this.preventBlur),e.EventHandler.remove(this.inputObj.buttons[0],"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),this.showClearButton&&e.EventHandler.remove(this.inputObj.clearButton,"mousedown",this.clearText),this.keyboardModule&&this.keyboardModule.destroy()},y.prototype.preventBlur=function(t){t.preventDefault()},y.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)}},y.prototype.onMouseClick=function(t){var i=t.target,n=e.closest(i,".e-row"),r=this.gridObj.selectedRowIndex;n&&(r>=0?this.selectedGridRow(n,t):(this.gridObj.selectedRowIndex=this.gridObj.getRows().indexOf(n),this.gridObj.selectRow(this.gridObj.selectedRowIndex),this.hidePopup(t)))},y.prototype.onDocumentClick=function(t){var i=t.target;if(this.disabled||this.readonly||!this.isPopupOpen)return void(i.closest(".e-multicolumn-list")||this.focusOut());if(i.classList.contains("e-multicolumn-list-icon")||e.closest(i,".e-multicolumn-list.e-popup"))t.preventDefault();else if(!i.classList.contains("e-multicolumncombobox")&&!i.classList.contains("e-clear-icon")){e.isNullOrUndefined(this.text)||this.updateInputValue(this.text);var n=""===this.inputEle.value;this.updateValuesOnInput(t,null,n)}},y.prototype.updateValuesOnInput=function(t,e,i,n){void 0===n&&(n=!1);var r=t||e,o=n?this.matchedContent:this.exactMatchedContent;if(o||"Enter"===r.code||(this.inputEle.value=null,this.setProperties({value:null,index:null,text:null},!0)),this.hidePopup(r),this.matchedRowEle&&!i&&o){u=this.isProtectedOnChange;this.isProtectedOnChange=!0;var s=this.updateFieldValue(this.fields.text,this.matchedContent),a=this.updateFieldValue(this.fields.value,this.matchedContent);this.inputEle.value=s,this.value=a;var l=this.findIndex(this.gridObj.currentViewData,this.matchedContent);this.index=l,this.text=s,this.gridObj.selectRow(l),this.selectedGridRow(this.gridObj.getRowByIndex(l),r),this.previousItemElement=this.gridObj.getSelectedRows()[0],this.isProtectedOnChange=u}else if(this.isDataFiltered){this.inputEle.value="";var p={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},u=this.isProtectedOnChange;this.isProtectedOnChange=!0,this.text=this.value=this.index=null,this.gridObj.refreshColumns(),this.isProtectedOnChange=u,this.triggerChangeEvent(p),this.isDataFiltered=!1,this.matchedContent=this.matchedRowEle=null}},y.prototype.clearText=function(t){this.isDataFiltered=!0,this.updateValuesOnInput(t,null,!0)},y.prototype.windowResize=function(){this.popupObj&&(this.popupObj.setProperties({width:this.getSize(!0)}),this.popupObj.refreshPosition())},y.prototype.setCssClass=function(t,i){var n=this.popupObj?[this.inputWrapper,this.popupObj.element]:[this.inputWrapper];e.isNullOrUndefined(i)||""===i||e.removeClass(n,i.split(" ")),e.isNullOrUndefined(t)||""===t||e.addClass(n,t.split(" "))},y.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,!1,!0),this.focusIn(t);break;case"home":case"end":this.updateSelectedItem(t)}},y.prototype.gridKeyActionHandler=function(t,e){var i={ArrowDown:"moveDown",ArrowUp:"moveUp",End:"end",Home:"home",Tab:"tab",Escape:"escape","Shift+Tab":"shiftTab","Alt+ArrowUp":"altUp"};if(e){var n=(t.altKey?"Alt+":"")+(t.shiftKey?"Shift+":"")+t.key;t.action=i[n]||t.action}switch(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)}},y.prototype.updateSelectedItem=function(t,e,i){var r=this;if(void 0===e&&(e=!0),this.isPopupOpen){var o=this.fields.groupBy?this.gridObj.selectedRowIndex||0:this.gridObj.selectedRowIndex,s=this.dataSource instanceof n.DataManager?this.remoteDataLength:this.dataSource.length;-1===o&&("moveDown"===t.action||"moveUp"===t.action)||"home"===t.action?o=0:o>=s-1&&"moveDown"===t.action||"end"===t.action?o=s-1:"moveDown"===t.action&&o>=0&&o<=s-1&&(this.fields.groupBy||i)?o+=1:("moveUp"===t.action&&o>0&&this.fields.groupBy||i)&&(o-=1),this.enableVirtualization?setTimeout(function(){r.selectRow(t,e,o)}):this.selectRow(t,e,o)}},y.prototype.selectRow=function(t,e,i){void 0===e&&(e=!0),this.gridObj.selectRow(i),this.gridObj.selectedRowIndex=i;var n=this.gridEle.querySelector(".e-row-focus");n&&n.classList.remove("e-row-focus"),e&&this.selectedGridRow(this.gridObj.getRows()[parseInt(i.toString(),10)],t,!0)},y.prototype.updateClearIconState=function(){var t=this.inputWrapper.querySelector(".e-clear-icon");t&&(t.style.display=""===this.inputEle.value?"none":"flex")},y.prototype.updateDynamicDataSource=function(t,e){if(this.gridObj){var i;this.isShowSpinner=!0,this.setGridData(t),e instanceof n.DataManager?e.executeQuery(new n.Query).then(function(t){i=t.result.length}):i=e.length,0===i&&this.popupDiv.appendChild(this.gridEle)}},y.prototype.focusIn=function(t){this.disabled||this.readonly||(e.addClass([this.inputWrapper],["e-input-focus"]),this.inputEle.focus(),this.updateClearIconState(),this.trigger("focus",t),"Never"!==this.floatLabelType&&i.Input.calculateWidth(this.inputEle,this.inputWrapper))},y.prototype.focusOut=function(t){if(!this.disabled&&!this.readonly&&(this.isPopupOpen&&this.hidePopup(t),this.inputWrapper)){e.removeClass([this.inputWrapper],["e-input-focus"]);var n=this.inputWrapper.querySelector(".e-clear-icon");n&&(n.style.display="none"),"Never"!==this.floatLabelType&&i.Input.calculateWidth(this.inputEle,this.inputWrapper)}},y.prototype.showPopup=function(t,i){var n=this,r={name:"FadeIn",duration:100},o={popup:this.popupObj,event:t,cancel:!1,animation:r};this.trigger("open",o,function(t){if(!t.cancel&&!n.isPopupOpen){n.isPopupOpen=!0,n.popupObj.refreshPosition(),e.addClass([n.inputWrapper],["e-icon-anim"]),e.attributes(n.inputEle,{"aria-expanded":"true","aria-owns":n.element.id+"_options","aria-controls":n.element.id}),i||(n.value||n.text||n.index)&&n.gridObj.selectRow(n.selectedRowIndex);var r=n.gridObj.getContent();if(r){var o=r.querySelector(".e-rowcell.e-active"),s=r.querySelector(".e-row");o?n.inputEle.setAttribute("aria-activedescendant",o.parentElement.getAttribute("data-uid")):s&&n.inputEle.setAttribute("aria-activedescendant",s.getAttribute("data-uid"))}n.popupObj.show(new e.Animation(t.animation),n.popupEle.firstElementChild)}})},y.prototype.hidePopup=function(t){var i=this,n={name:"FadeOut",duration:100},r={popup:this.popupObj,event:t||null,cancel:!1,animation:n},o=t?t.target:null;this.trigger("close",r,function(n){n.cancel||(i.isPopupOpen=!1,e.removeClass([i.inputWrapper],["e-icon-anim"]),e.attributes(i.inputEle,{"aria-expanded":"false"}),i.popupObj.hide(new e.Animation(n.animation)),o&&(o.classList.contains("e-multicolumn-list-icon")||o.classList.contains("e-rowcell"))?(i.value||i.gridObj.refreshColumns(),setTimeout(function(){i.focusIn(t)})):i.focusOut(),i.inputEle.removeAttribute("aria-owns"),i.inputEle.removeAttribute("aria-activedescendant"),i.customFilterQuery=null)}),setTimeout(function(){if(i.gridObj){i.gridObj.dataSource=i.allowFiltering?i.mainData:i.gridData;var t=i.popupDiv.querySelector(".e-no-records");t&&(i.popupDiv.removeChild(t),e.removeClass([i.popupDiv],[u])),i.updateGridHeight(!0,!1)}},100)},y.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)},y.prototype.getItems=function(){return this.gridObj.getDataRows()},y.prototype.getDataByValue=function(t){var i=this;return!e.isNullOrUndefined(this.dataSource)&&this.dataSource instanceof Array?this.dataSource.filter(function(e){return i.updateFieldValue(i.fields.value,e)===t})[0]:!e.isNullOrUndefined(this.dataSource)&&this.dataSource instanceof n.DataManager&&this.mainData&&this.isMainDataUpdated?(this.query&&this.getQuery(this.query).isCountRequired||!this.query?this.mainData:this.mainData.result?this.mainData.result:this.mainData).filter(function(e){return i.updateFieldValue(i.fields.value,e)===t})[0]:null},y.prototype.destroy=function(){if(this.unWireEvents(),this.gridObj&&(this.gridObj.destroy(),e.detach(this.gridObj.element)),this.inputEle){for(var t=["placeholder","aria-expanded","spellcheck","aria-label","role","type","aria-owns","aria-controls","aria-readonly","autocomplete","autocapitalize","spellcheck","aria-activedescendant"],n=0;n<t.length;n++)this.inputEle.removeAttribute(t[n]);this.inputEle.classList.remove("e-input"),i.Input.setValue("",this.inputEle,this.floatLabelType,this.showClearButton)}this.popupEle&&(this.popupEle.removeAttribute("aria-label"),this.popupEle.removeAttribute("role")),this.popupObj&&(this.popupObj.destroy(),e.detach(this.popupObj.element)),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,this.hiddenElement=null,this.dropdownElement=null,f.prototype.destroy.call(this)},y.prototype.onPropertyChanged=function(n,r){for(var o=0,s=Object.keys(n);o<s.length;o++){var a=s[o],l=void 0;switch(a){case"width":case"popupWidth":"width"===a&&this.setElementWidth(n.width),this.popupObj&&(this.popupObj.element.style.width=this.getSize(!0));break;case"popupHeight":if(this.popupObj){var p=this.getSize(!1);this.popupObj.element.style.maxHeight=p,this.popupDiv.style.maxHeight=p,this.gridObj.height=p}break;case"placeholder":i.Input.setPlaceholder(n.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(n.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(n.showClearButton,this.inputEle,this.inputObj);break;case"value":this.initValue(!0,!0);break;case"text":this.initValue(!0,!1);break;case"index":this.initValue(!0);break;case"sortOrder":this.gridObj&&(this.gridObj.sortSettings.columns=[{field:this.fields.text,direction:n.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=n.itemTemplate);break;case"groupTemplate":this.groupTemplate=n.groupTemplate,this.updateGroupByField();break;case"enableRtl":this.gridObj&&this.popupObj&&(this.gridObj.enableRtl=n.enableRtl,i.Input.setEnableRtl(n.enableRtl,[this.inputWrapper]),this.popupObj.enableRtl=n.enableRtl);break;case"dataSource":this.updateDynamicDataSource(n.dataSource,r.dataSource);break;case"query":this.isMainDataUpdated=!1,this.setGridData(this.dataSource);break;case"gridSettings":this.gridObj&&(this.gridObj.gridLines=n.gridSettings.gridLines,this.gridObj.rowHeight=n.gridSettings.rowHeight,this.gridObj.enableAltRow=n.gridSettings.enableAltRow,this.gridObj.allowResizing=n.gridSettings.allowResizing,e.isNullOrUndefined(n.gridSettings.allowTextWrap)||(this.gridObj.allowTextWrap=n.gridSettings.allowTextWrap),e.isNullOrUndefined(n.gridSettings.textWrapMode)||(this.gridObj.textWrapSettings.wrapMode=n.gridSettings.textWrapMode));break;case"fields":this.fields=n.fields,this.updateGroupByField();break;case"filterType":this.filterType=n.filterType;break;case"enableVirtualization":this.gridObj&&(this.enableVirtualization=this.gridObj.enableVirtualization=n.enableVirtualization);break;case"sortType":this.gridObj&&(this.sortType=n.sortType,this.gridObj.allowMultiSorting="multiplecolumns"===this.sortType.toString().toLowerCase()&&this.allowSorting);break;case"allowFiltering":this.allowFiltering=n.allowFiltering;break;case"allowSorting":this.gridObj&&(this.allowSorting=this.gridObj.allowSorting=n.allowSorting);break;case"columns":this.gridObj&&(l=this.getGridColumns(),this.gridObj.columns=l);break;case"locale":this.isLocaleChanged=!0}}},a([e.Property([])],y.prototype,"dataSource",void 0),a([e.Property(null)],y.prototype,"text",void 0),a([e.Property(null)],y.prototype,"value",void 0),a([e.Property(null)],y.prototype,"index",void 0),a([e.Property("100%")],y.prototype,"width",void 0),a([e.Property("300px")],y.prototype,"popupHeight",void 0),a([e.Property("100%")],y.prototype,"popupWidth",void 0),a([e.Property(null)],y.prototype,"placeholder",void 0),a([e.Property(!0)],y.prototype,"allowFiltering",void 0),a([e.Property(!0)],y.prototype,"allowSorting",void 0),a([e.Property(!1)],y.prototype,"showClearButton",void 0),a([e.Property("")],y.prototype,"cssClass",void 0),a([e.Complex({text:null,value:null,groupBy:null},h)],y.prototype,"fields",void 0),a([e.Collection([],c)],y.prototype,"columns",void 0),a([e.Complex({},g)],y.prototype,"gridSettings",void 0),a([e.Property(t.FilterType.StartsWith)],y.prototype,"filterType",void 0),a([e.Property("Never")],y.prototype,"floatLabelType",void 0),a([e.Property(t.SortOrder.None)],y.prototype,"sortOrder",void 0),a([e.Property(t.SortType.OneColumn)],y.prototype,"sortType",void 0),a([e.Property(!1)],y.prototype,"enableVirtualization",void 0),a([e.Property(!1)],y.prototype,"disabled",void 0),a([e.Property(!1)],y.prototype,"readonly",void 0),a([e.Property(!1)],y.prototype,"enablePersistence",void 0),a([e.Property()],y.prototype,"query",void 0),a([e.Property(null)],y.prototype,"itemTemplate",void 0),a([e.Property(null)],y.prototype,"footerTemplate",void 0),a([e.Property(null)],y.prototype,"groupTemplate",void 0),a([e.Property("Request Failed")],y.prototype,"actionFailureTemplate",void 0),a([e.Property("No records found")],y.prototype,"noRecordsTemplate",void 0),a([e.Property({})],y.prototype,"htmlAttributes",void 0),a([e.Event()],y.prototype,"created",void 0),a([e.Event()],y.prototype,"open",void 0),a([e.Event()],y.prototype,"close",void 0),a([e.Event()],y.prototype,"actionFailure",void 0),a([e.Event()],y.prototype,"actionBegin",void 0),a([e.Event()],y.prototype,"actionComplete",void 0),a([e.Event()],y.prototype,"filtering",void 0),a([e.Event()],y.prototype,"select",void 0),a([e.Event()],y.prototype,"change",void 0),y=a([e.NotifyPropertyChanges],y)}(e.Component);return t.Column=c,t.FieldSettings=h,t.GridSettings=g,t.MultiColumnComboBox=f,t.MultiColumnGrid=d,t}({},ej.base,ej.inputs,ej.data,ej.popups,ej.grids),this.ejs=ej;
 //# sourceMappingURL=ej2-multicolumn-combobox.min.js.map

package/dist/global/index.d.ts

@@ -1,12 +1,3 @@
-/*!
-*  filename: index.d.ts
-*  version : 31.2.12
-*  Copyright Syncfusion Inc. 2001 - 2025. 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

@@ -1,6 +1,6 @@
 {
   "name": "@syncfusion/ej2-multicolumn-combobox",
-  "version": "31.2.12",
+  "version": "32.1.19",
   "description": "Essential JS 2 Component",
   "author": "Syncfusion Inc.",
   "license": "SEE LICENSE IN license",
@@ -9,8 +9,8 @@
   "es2015": "./dist/es6/ej2-multicolumn-combobox.es5.js",
   "typings": "index.d.ts",
   "dependencies": {
-    "@syncfusion/ej2-base": "~31.2.12",
-    "@syncfusion/ej2-grids": "~31.2.12"
+    "@syncfusion/ej2-base": "~32.1.19",
+    "@syncfusion/ej2-grids": "~32.1.19"
   },
   "devDependencies": {},
   "keywords": [

package/styles/bds-lite.scss

@@ -1,11 +1,10 @@
-@import 'ej2-base/styles/definition/bds.scss';
-@import 'ej2-buttons/styles/button/bds-definition.scss';
-@import 'ej2-splitbuttons/styles/drop-down-button/bds-definition.scss';
-@import 'ej2-dropdowns/styles/drop-down-base/bds-definition.scss';
-@import 'ej2-dropdowns/styles/drop-down-list/bds-definition.scss';
-@import 'ej2-dropdowns/styles/combo-box/bds-definition.scss';
-@import 'ej2-grids/styles/grid/bds-definition.scss';
-@import 'ej2-popups/styles/spinner/bds-definition.scss';
-@import 'multicolumn-combobox/bds-definition.scss';
-@import 'multicolumn-combobox/icons/bds.scss';
-@import 'multicolumn-combobox/all.scss';
+@use 'ej2-buttons/styles/button/bds-definition' as *;
+@use 'ej2-splitbuttons/styles/drop-down-button/bds-definition' as *;
+@use 'ej2-dropdowns/styles/drop-down-base/bds-definition' as *;
+@use 'ej2-dropdowns/styles/drop-down-list/bds-definition' as *;
+@use 'ej2-dropdowns/styles/combo-box/bds-definition' as *;
+@use 'ej2-grids/styles/grid/bds-definition' as *;
+@use 'ej2-popups/styles/spinner/bds-definition' as *;
+@use 'multicolumn-combobox/bds-definition' as *;
+@use 'multicolumn-combobox/icons/bds' as *;
+@use 'multicolumn-combobox/all' as *;

package/styles/bds.scss

@@ -1,12 +1,11 @@
-@import 'ej2-base/styles/definition/bds.scss';
-@import 'ej2-buttons/styles/button/bds-definition.scss';
-@import 'ej2-splitbuttons/styles/drop-down-button/bds-definition.scss';
-@import 'ej2-dropdowns/styles/drop-down-base/bds-definition.scss';
-@import 'ej2-dropdowns/styles/drop-down-list/bds-definition.scss';
-@import 'ej2-dropdowns/styles/combo-box/bds-definition.scss';
-@import 'ej2-grids/styles/grid/bds-definition.scss';
-@import 'ej2-popups/styles/spinner/bds-definition.scss';
-@import 'multicolumn-combobox/bds-definition.scss';
-@import 'multicolumn-combobox/icons/bds.scss';
-@import 'multicolumn-combobox/all.scss';
-@import 'multicolumn-combobox/bigger.scss';
+@use 'ej2-buttons/styles/button/bds-definition' as *;
+@use 'ej2-splitbuttons/styles/drop-down-button/bds-definition' as *;
+@use 'ej2-dropdowns/styles/drop-down-base/bds-definition' as *;
+@use 'ej2-dropdowns/styles/drop-down-list/bds-definition' as *;
+@use 'ej2-dropdowns/styles/combo-box/bds-definition' as *;
+@use 'ej2-grids/styles/grid/bds-definition' as *;
+@use 'ej2-popups/styles/spinner/bds-definition' as *;
+@use 'multicolumn-combobox/bds-definition' as *;
+@use 'multicolumn-combobox/icons/bds' as *;
+@use 'multicolumn-combobox/all' as *;
+@use 'multicolumn-combobox/bigger' as *;

package/styles/bootstrap-dark-lite.scss

@@ -1,11 +1,10 @@
-@import 'ej2-base/styles/definition/bootstrap-dark.scss';
-@import 'ej2-buttons/styles/button/bootstrap-dark-definition.scss';
-@import 'ej2-splitbuttons/styles/drop-down-button/bootstrap-dark-definition.scss';
-@import 'ej2-dropdowns/styles/drop-down-base/bootstrap-dark-definition.scss';
-@import 'ej2-dropdowns/styles/drop-down-list/bootstrap-dark-definition.scss';
-@import 'ej2-dropdowns/styles/combo-box/bootstrap-dark-definition.scss';
-@import 'ej2-grids/styles/grid/bootstrap-dark-definition.scss';
-@import 'ej2-popups/styles/spinner/bootstrap-dark-definition.scss';
-@import 'multicolumn-combobox/bootstrap-dark-definition.scss';
-@import 'multicolumn-combobox/icons/bootstrap-dark.scss';
-@import 'multicolumn-combobox/all.scss';
+@use 'ej2-buttons/styles/button/bootstrap-dark-definition' as *;
+@use 'ej2-splitbuttons/styles/drop-down-button/bootstrap-dark-definition' as *;
+@use 'ej2-dropdowns/styles/drop-down-base/bootstrap-dark-definition' as *;
+@use 'ej2-dropdowns/styles/drop-down-list/bootstrap-dark-definition' as *;
+@use 'ej2-dropdowns/styles/combo-box/bootstrap-dark-definition' as *;
+@use 'ej2-grids/styles/grid/bootstrap-dark-definition' as *;
+@use 'ej2-popups/styles/spinner/bootstrap-dark-definition' as *;
+@use 'multicolumn-combobox/bootstrap-dark-definition' as *;
+@use 'multicolumn-combobox/icons/bootstrap-dark' as *;
+@use 'multicolumn-combobox/all' as *;

package/styles/bootstrap-dark.scss

@@ -1,12 +1,11 @@
-@import 'ej2-base/styles/definition/bootstrap-dark.scss';
-@import 'ej2-buttons/styles/button/bootstrap-dark-definition.scss';
-@import 'ej2-splitbuttons/styles/drop-down-button/bootstrap-dark-definition.scss';
-@import 'ej2-dropdowns/styles/drop-down-base/bootstrap-dark-definition.scss';
-@import 'ej2-dropdowns/styles/drop-down-list/bootstrap-dark-definition.scss';
-@import 'ej2-dropdowns/styles/combo-box/bootstrap-dark-definition.scss';
-@import 'ej2-grids/styles/grid/bootstrap-dark-definition.scss';
-@import 'ej2-popups/styles/spinner/bootstrap-dark-definition.scss';
-@import 'multicolumn-combobox/bootstrap-dark-definition.scss';
-@import 'multicolumn-combobox/icons/bootstrap-dark.scss';
-@import 'multicolumn-combobox/all.scss';
-@import 'multicolumn-combobox/bigger.scss';
+@use 'ej2-buttons/styles/button/bootstrap-dark-definition' as *;
+@use 'ej2-splitbuttons/styles/drop-down-button/bootstrap-dark-definition' as *;
+@use 'ej2-dropdowns/styles/drop-down-base/bootstrap-dark-definition' as *;
+@use 'ej2-dropdowns/styles/drop-down-list/bootstrap-dark-definition' as *;
+@use 'ej2-dropdowns/styles/combo-box/bootstrap-dark-definition' as *;
+@use 'ej2-grids/styles/grid/bootstrap-dark-definition' as *;
+@use 'ej2-popups/styles/spinner/bootstrap-dark-definition' as *;
+@use 'multicolumn-combobox/bootstrap-dark-definition' as *;
+@use 'multicolumn-combobox/icons/bootstrap-dark' as *;
+@use 'multicolumn-combobox/all' as *;
+@use 'multicolumn-combobox/bigger' as *;

package/styles/bootstrap-lite.scss

@@ -1,11 +1,10 @@
-@import 'ej2-base/styles/definition/bootstrap.scss';
-@import 'ej2-buttons/styles/button/bootstrap-definition.scss';
-@import 'ej2-splitbuttons/styles/drop-down-button/bootstrap-definition.scss';
-@import 'ej2-dropdowns/styles/drop-down-base/bootstrap-definition.scss';
-@import 'ej2-dropdowns/styles/drop-down-list/bootstrap-definition.scss';
-@import 'ej2-dropdowns/styles/combo-box/bootstrap-definition.scss';
-@import 'ej2-grids/styles/grid/bootstrap-definition.scss';
-@import 'ej2-popups/styles/spinner/bootstrap-definition.scss';
-@import 'multicolumn-combobox/bootstrap-definition.scss';
-@import 'multicolumn-combobox/icons/bootstrap.scss';
-@import 'multicolumn-combobox/all.scss';
+@use 'ej2-buttons/styles/button/bootstrap-definition' as *;
+@use 'ej2-splitbuttons/styles/drop-down-button/bootstrap-definition' as *;
+@use 'ej2-dropdowns/styles/drop-down-base/bootstrap-definition' as *;
+@use 'ej2-dropdowns/styles/drop-down-list/bootstrap-definition' as *;
+@use 'ej2-dropdowns/styles/combo-box/bootstrap-definition' as *;
+@use 'ej2-grids/styles/grid/bootstrap-definition' as *;
+@use 'ej2-popups/styles/spinner/bootstrap-definition' as *;
+@use 'multicolumn-combobox/bootstrap-definition' as *;
+@use 'multicolumn-combobox/icons/bootstrap' as *;
+@use 'multicolumn-combobox/all' as *;

package/styles/bootstrap.scss

@@ -1,12 +1,11 @@
-@import 'ej2-base/styles/definition/bootstrap.scss';
-@import 'ej2-buttons/styles/button/bootstrap-definition.scss';
-@import 'ej2-splitbuttons/styles/drop-down-button/bootstrap-definition.scss';
-@import 'ej2-dropdowns/styles/drop-down-base/bootstrap-definition.scss';
-@import 'ej2-dropdowns/styles/drop-down-list/bootstrap-definition.scss';
-@import 'ej2-dropdowns/styles/combo-box/bootstrap-definition.scss';
-@import 'ej2-grids/styles/grid/bootstrap-definition.scss';
-@import 'ej2-popups/styles/spinner/bootstrap-definition.scss';
-@import 'multicolumn-combobox/bootstrap-definition.scss';
-@import 'multicolumn-combobox/icons/bootstrap.scss';
-@import 'multicolumn-combobox/all.scss';
-@import 'multicolumn-combobox/bigger.scss';
+@use 'ej2-buttons/styles/button/bootstrap-definition' as *;
+@use 'ej2-splitbuttons/styles/drop-down-button/bootstrap-definition' as *;
+@use 'ej2-dropdowns/styles/drop-down-base/bootstrap-definition' as *;
+@use 'ej2-dropdowns/styles/drop-down-list/bootstrap-definition' as *;
+@use 'ej2-dropdowns/styles/combo-box/bootstrap-definition' as *;
+@use 'ej2-grids/styles/grid/bootstrap-definition' as *;
+@use 'ej2-popups/styles/spinner/bootstrap-definition' as *;
+@use 'multicolumn-combobox/bootstrap-definition' as *;
+@use 'multicolumn-combobox/icons/bootstrap' as *;
+@use 'multicolumn-combobox/all' as *;
+@use 'multicolumn-combobox/bigger' as *;

package/styles/bootstrap4-lite.scss

@@ -1,11 +1,10 @@
-@import 'ej2-base/styles/definition/bootstrap4.scss';
-@import 'ej2-buttons/styles/button/bootstrap4-definition.scss';
-@import 'ej2-splitbuttons/styles/drop-down-button/bootstrap4-definition.scss';
-@import 'ej2-dropdowns/styles/drop-down-base/bootstrap4-definition.scss';
-@import 'ej2-dropdowns/styles/drop-down-list/bootstrap4-definition.scss';
-@import 'ej2-dropdowns/styles/combo-box/bootstrap4-definition.scss';
-@import 'ej2-grids/styles/grid/bootstrap4-definition.scss';
-@import 'ej2-popups/styles/spinner/bootstrap4-definition.scss';
-@import 'multicolumn-combobox/bootstrap4-definition.scss';
-@import 'multicolumn-combobox/icons/bootstrap4.scss';
-@import 'multicolumn-combobox/all.scss';
+@use 'ej2-buttons/styles/button/bootstrap4-definition' as *;
+@use 'ej2-splitbuttons/styles/drop-down-button/bootstrap4-definition' as *;
+@use 'ej2-dropdowns/styles/drop-down-base/bootstrap4-definition' as *;
+@use 'ej2-dropdowns/styles/drop-down-list/bootstrap4-definition' as *;
+@use 'ej2-dropdowns/styles/combo-box/bootstrap4-definition' as *;
+@use 'ej2-grids/styles/grid/bootstrap4-definition' as *;
+@use 'ej2-popups/styles/spinner/bootstrap4-definition' as *;
+@use 'multicolumn-combobox/bootstrap4-definition' as *;
+@use 'multicolumn-combobox/icons/bootstrap4' as *;
+@use 'multicolumn-combobox/all' as *;

package/styles/bootstrap4.scss

@@ -1,12 +1,11 @@
-@import 'ej2-base/styles/definition/bootstrap4.scss';
-@import 'ej2-buttons/styles/button/bootstrap4-definition.scss';
-@import 'ej2-splitbuttons/styles/drop-down-button/bootstrap4-definition.scss';
-@import 'ej2-dropdowns/styles/drop-down-base/bootstrap4-definition.scss';
-@import 'ej2-dropdowns/styles/drop-down-list/bootstrap4-definition.scss';
-@import 'ej2-dropdowns/styles/combo-box/bootstrap4-definition.scss';
-@import 'ej2-grids/styles/grid/bootstrap4-definition.scss';
-@import 'ej2-popups/styles/spinner/bootstrap4-definition.scss';
-@import 'multicolumn-combobox/bootstrap4-definition.scss';
-@import 'multicolumn-combobox/icons/bootstrap4.scss';
-@import 'multicolumn-combobox/all.scss';
-@import 'multicolumn-combobox/bigger.scss';
+@use 'ej2-buttons/styles/button/bootstrap4-definition' as *;
+@use 'ej2-splitbuttons/styles/drop-down-button/bootstrap4-definition' as *;
+@use 'ej2-dropdowns/styles/drop-down-base/bootstrap4-definition' as *;
+@use 'ej2-dropdowns/styles/drop-down-list/bootstrap4-definition' as *;
+@use 'ej2-dropdowns/styles/combo-box/bootstrap4-definition' as *;
+@use 'ej2-grids/styles/grid/bootstrap4-definition' as *;
+@use 'ej2-popups/styles/spinner/bootstrap4-definition' as *;
+@use 'multicolumn-combobox/bootstrap4-definition' as *;
+@use 'multicolumn-combobox/icons/bootstrap4' as *;
+@use 'multicolumn-combobox/all' as *;
+@use 'multicolumn-combobox/bigger' as *;

package/styles/bootstrap5-dark-lite.scss

@@ -1,11 +1,10 @@
-@import 'ej2-base/styles/definition/bootstrap5-dark.scss';
-@import 'ej2-buttons/styles/button/bootstrap5-dark-definition.scss';
-@import 'ej2-splitbuttons/styles/drop-down-button/bootstrap5-dark-definition.scss';
-@import 'ej2-dropdowns/styles/drop-down-base/bootstrap5-dark-definition.scss';
-@import 'ej2-dropdowns/styles/drop-down-list/bootstrap5-dark-definition.scss';
-@import 'ej2-dropdowns/styles/combo-box/bootstrap5-dark-definition.scss';
-@import 'ej2-grids/styles/grid/bootstrap5-dark-definition.scss';
-@import 'ej2-popups/styles/spinner/bootstrap5-dark-definition.scss';
-@import 'multicolumn-combobox/bootstrap5-dark-definition.scss';
-@import 'multicolumn-combobox/icons/bootstrap5-dark.scss';
-@import 'multicolumn-combobox/all.scss';
+@use 'ej2-buttons/styles/button/bootstrap5-dark-definition' as *;
+@use 'ej2-splitbuttons/styles/drop-down-button/bootstrap5-dark-definition' as *;
+@use 'ej2-dropdowns/styles/drop-down-base/bootstrap5-dark-definition' as *;
+@use 'ej2-dropdowns/styles/drop-down-list/bootstrap5-dark-definition' as *;
+@use 'ej2-dropdowns/styles/combo-box/bootstrap5-dark-definition' as *;
+@use 'ej2-grids/styles/grid/bootstrap5-dark-definition' as *;
+@use 'ej2-popups/styles/spinner/bootstrap5-dark-definition' as *;
+@use 'multicolumn-combobox/bootstrap5-dark-definition' as *;
+@use 'multicolumn-combobox/icons/bootstrap5-dark' as *;
+@use 'multicolumn-combobox/all' as *;

package/styles/bootstrap5-dark.scss

@@ -1,12 +1,11 @@
-@import 'ej2-base/styles/definition/bootstrap5-dark.scss';
-@import 'ej2-buttons/styles/button/bootstrap5-dark-definition.scss';
-@import 'ej2-splitbuttons/styles/drop-down-button/bootstrap5-dark-definition.scss';
-@import 'ej2-dropdowns/styles/drop-down-base/bootstrap5-dark-definition.scss';
-@import 'ej2-dropdowns/styles/drop-down-list/bootstrap5-dark-definition.scss';
-@import 'ej2-dropdowns/styles/combo-box/bootstrap5-dark-definition.scss';
-@import 'ej2-grids/styles/grid/bootstrap5-dark-definition.scss';
-@import 'ej2-popups/styles/spinner/bootstrap5-dark-definition.scss';
-@import 'multicolumn-combobox/bootstrap5-dark-definition.scss';
-@import 'multicolumn-combobox/icons/bootstrap5-dark.scss';
-@import 'multicolumn-combobox/all.scss';
-@import 'multicolumn-combobox/bigger.scss';
+@use 'ej2-buttons/styles/button/bootstrap5-dark-definition' as *;
+@use 'ej2-splitbuttons/styles/drop-down-button/bootstrap5-dark-definition' as *;
+@use 'ej2-dropdowns/styles/drop-down-base/bootstrap5-dark-definition' as *;
+@use 'ej2-dropdowns/styles/drop-down-list/bootstrap5-dark-definition' as *;
+@use 'ej2-dropdowns/styles/combo-box/bootstrap5-dark-definition' as *;
+@use 'ej2-grids/styles/grid/bootstrap5-dark-definition' as *;
+@use 'ej2-popups/styles/spinner/bootstrap5-dark-definition' as *;
+@use 'multicolumn-combobox/bootstrap5-dark-definition' as *;
+@use 'multicolumn-combobox/icons/bootstrap5-dark' as *;
+@use 'multicolumn-combobox/all' as *;
+@use 'multicolumn-combobox/bigger' as *;

package/styles/bootstrap5-lite.scss

@@ -1,11 +1,11 @@
-@import 'ej2-base/styles/definition/bootstrap5.scss';
-@import 'ej2-buttons/styles/button/bootstrap5-definition.scss';
-@import 'ej2-splitbuttons/styles/drop-down-button/bootstrap5-definition.scss';
-@import 'ej2-dropdowns/styles/drop-down-base/bootstrap5-definition.scss';
-@import 'ej2-dropdowns/styles/drop-down-list/bootstrap5-definition.scss';
-@import 'ej2-dropdowns/styles/combo-box/bootstrap5-definition.scss';
-@import 'ej2-grids/styles/grid/bootstrap5-definition.scss';
-@import 'ej2-popups/styles/spinner/bootstrap5-definition.scss';
-@import 'multicolumn-combobox/bootstrap5-definition.scss';
-@import 'multicolumn-combobox/icons/bootstrap5.scss';
-@import 'multicolumn-combobox/all.scss';
+@use 'ej2-base/styles/definition/bootstrap5' as *;
+@use 'ej2-buttons/styles/button/bootstrap5-definition' as *;
+@use 'ej2-splitbuttons/styles/drop-down-button/bootstrap5-definition' as *;
+@use 'ej2-dropdowns/styles/drop-down-base/bootstrap5-definition' as *;
+@use 'ej2-dropdowns/styles/drop-down-list/bootstrap5-definition' as *;
+@use 'ej2-dropdowns/styles/combo-box/bootstrap5-definition' as *;
+@use 'ej2-grids/styles/grid/bootstrap5-definition' as *;
+@use 'ej2-popups/styles/spinner/bootstrap5-definition' as *;
+@use 'multicolumn-combobox/bootstrap5-definition' as *;
+@use 'multicolumn-combobox/icons/bootstrap5' as *;
+@use 'multicolumn-combobox/all' as *;