@syncfusion/ej2-react-multicolumn-combobox 31.2.12 → 32.1.19

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

@@ -1,10 +1 @@
-/*!
-*  filename: ej2-react-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. 
-*/
 !function(t,e){"object"==typeof exports&&"object"==typeof module?module.exports=e(require("SyncfusionReactBase"),require("React"),require("SyncfusionBase"),require("SyncfusionInputs"),require("SyncfusionData"),require("SyncfusionPopups"),require("SyncfusionGrids")):"function"==typeof define&&define.amd?define(["SyncfusionReactBase","React","SyncfusionBase","SyncfusionInputs","SyncfusionData","SyncfusionPopups","SyncfusionGrids"],e):"object"==typeof exports?exports.SyncfusionReactMulticolumnCombobox=e(require("SyncfusionReactBase"),require("React"),require("SyncfusionBase"),require("SyncfusionInputs"),require("SyncfusionData"),require("SyncfusionPopups"),require("SyncfusionGrids")):t.SyncfusionReactMulticolumnCombobox=e(t.SyncfusionReactBase,t.React,t.SyncfusionBase,t.SyncfusionInputs,t.SyncfusionData,t.SyncfusionPopups,t.SyncfusionGrids)}(self,(t,e,i,n,r,o,s)=>(()=>{"use strict";var a={24:t=>{t.exports=e},766:t=>{t.exports=i},74:t=>{t.exports=r},707:t=>{t.exports=s},323:t=>{t.exports=n},197:t=>{t.exports=o},705:e=>{e.exports=t}},l={};function p(t){var e=l[t];if(void 0!==e)return e.exports;var i=l[t]={exports:{}};return a[t](i,i.exports,p),i.exports}p.d=(t,e)=>{for(var i in e)p.o(e,i)&&!p.o(t,i)&&Object.defineProperty(t,i,{enumerable:!0,get:e[i]})},p.o=(t,e)=>Object.prototype.hasOwnProperty.call(t,e),p.r=t=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})};var u={};return(()=>{p.r(u),p.d(u,{Column:()=>P,ColumnDirective:()=>a,ColumnsDirective:()=>l,FieldSettings:()=>R,FilterType:()=>e,GridSettings:()=>T,Inject:()=>o.Inject,MultiColumnComboBox:()=>I,MultiColumnComboBoxComponent:()=>k,MultiColumnGrid:()=>j,SortOrder:()=>i,SortType:()=>n,WrapMode:()=>r});var t,e,i,n,r,o=p(705),s=(t=function(e,i){return t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var i in e)e.hasOwnProperty(i)&&(t[i]=e[i])},t(e,i)},function(e,i){function n(){this.constructor=e}t(e,i),e.prototype=null===i?Object.create(i):(n.prototype=i.prototype,new n)}),a=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return s(e,t),e.moduleName="column",e}(o.ComplexBase),l=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return s(e,t),e.propertyName="columns",e.moduleName="columns",e}(o.ComplexBase),d=p(24),h=p(766),c=p(323),f=p(74),g=p(197),y=p(707),m=function(){var t=function(e,i){return t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var i in e)e.hasOwnProperty(i)&&(t[i]=e[i])},t(e,i)};return function(e,i){function n(){this.constructor=e}t(e,i),e.prototype=null===i?Object.create(i):(n.prototype=i.prototype,new n)}}(),v=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},b=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())})},w=function(t,e){var i,n,r,o,s={label:0,sent:function(){if(1&r[0])throw r[1];return r[1]},trys:[],ops:[]};return o={next:a(0),throw:a(1),return:a(2)},"function"==typeof Symbol&&(o[Symbol.iterator]=function(){return this}),o;function a(o){return function(a){return function(o){if(i)throw new TypeError("Generator is already executing.");for(;s;)try{if(i=1,n&&(r=2&o[0]?n.return:o[0]?n.throw||((r=n.return)&&r.call(n),0):n.next)&&!(r=r.call(n,o[1])).done)return r;switch(n=0,r&&(o=[2&o[0],r.value]),o[0]){case 0:case 1:r=o;break;case 4:return s.label++,{value:o[1],done:!1};case 5:s.label++,n=o[1],o=[0];continue;case 7:o=s.ops.pop(),s.trys.pop();continue;default:if(!(r=s.trys,(r=r.length>0&&r[r.length-1])||6!==o[0]&&2!==o[0])){s=0;continue}if(3===o[0]&&(!r||o[1]>r[0]&&o[1]<r[3])){s.label=o[1];break}if(6===o[0]&&s.label<r[1]){s.label=r[1],r=o;break}if(r&&s.label<r[2]){s.label=r[2],s.ops.push(o);break}r[2]&&s.ops.pop(),s.trys.pop();continue}o=e.call(t,s)}catch(t){o=[6,t],n=0}finally{i=r=0}if(5&o[0])throw o[1];return{value:o[0]?o[1]:void 0,done:!0}}([o,a])}}},O="e-icon-anim",S="e-nodata",C="e-disabled",E="e-input-focus",x="e-multicolumn-list",D="e-multicolumn-grid",j=function(){function t(){}return t.prototype.InjectModules=function(){y.Grid.Inject(y.VirtualScroll,y.Group,y.Edit,y.Sort,y.Resize)},t}();!function(t){t.StartsWith="StartsWith",t.EndsWith="EndsWith",t.Contains="Contains"}(e||(e={})),function(t){t.None="None",t.Ascending="Ascending",t.Descending="Descending"}(i||(i={})),function(t){t.OneColumn="OneColumn",t.MultipleColumns="MultipleColumns"}(n||(n={})),function(t){t.Both="Both",t.Content="Content",t.Header="Header"}(r||(r={}));var R=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return m(e,t),v([(0,h.Property)()],e.prototype,"text",void 0),v([(0,h.Property)()],e.prototype,"value",void 0),v([(0,h.Property)()],e.prototype,"groupBy",void 0),e}(h.ChildProperty),P=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return m(e,t),v([(0,h.Property)("")],e.prototype,"field",void 0),v([(0,h.Property)("")],e.prototype,"header",void 0),v([(0,h.Property)("")],e.prototype,"width",void 0),v([(0,h.Property)("")],e.prototype,"textAlign",void 0),v([(0,h.Property)(null)],e.prototype,"format",void 0),v([(0,h.Property)(!1)],e.prototype,"displayAsCheckBox",void 0),v([(0,h.Property)(null)],e.prototype,"template",void 0),v([(0,h.Property)(null)],e.prototype,"headerTemplate",void 0),v([(0,h.Property)(null)],e.prototype,"customAttributes",void 0),e}(h.ChildProperty),T=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return m(e,t),v([(0,h.Property)(!1)],e.prototype,"enableAltRow",void 0),v([(0,h.Property)(null)],e.prototype,"rowHeight",void 0),v([(0,h.Property)("Default")],e.prototype,"gridLines",void 0),v([(0,h.Property)(!1)],e.prototype,"allowTextWrap",void 0),v([(0,h.Property)(r.Both)],e.prototype,"textWrapMode",void 0),v([(0,h.Property)(!1)],e.prototype,"allowResizing",void 0),v([(0,h.Event)()],e.prototype,"resizing",void 0),v([(0,h.Event)()],e.prototype,"resizeStart",void 0),v([(0,h.Event)()],e.prototype,"resizeStop",void 0),e}(h.ChildProperty),I=function(t){function r(e,i){var n=t.call(this,e,i)||this;return n.gridInject=new j,n.isShowSpinner=!0,n.gridInject.InjectModules(),n}return m(r,t),r.prototype.preRender=function(){this.element.id||(this.element.id=(0,h.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(){if(this.enablePersistence){this.element.id+="_wrapper";var t=window.localStorage.getItem(this.getModuleName()+this.element.id);(0,h.isNullOrUndefined)(t)||""===t||this.setProperties(JSON.parse(t),!0)}},r.prototype.render=function(){this.renderInput(),(0,h.isNullOrUndefined)(this.value)&&(0,h.isNullOrUndefined)(this.text)&&(0,h.isNullOrUndefined)(this.index)||(0,h.isNullOrUndefined)(this.dataSource)||!(this.dataSource instanceof f.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(t,e){var i=this;this.trigger("actionBegin",{cancel:!1,query:e},function(n){if(!n.cancel)if(t instanceof f.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 r=new f.DataManager(t),o=i.getQuery(e).executeLocal(r);i.gridData=o,i.trigger("actionComplete",{result:o},function(t){i.isMainDataUpdated||(i.mainData=i.gridData,i.remoteDataLength=i.gridData.length,i.isMainDataUpdated=!0),i.popupDiv&&i.updateGridDataSource()})}})},r.prototype.getQuery=function(t){var e;if(!this.isCustomFilter&&this.allowFiltering){e=t?t.clone():this.query?this.query.clone():new f.Query;var i=""===this.typedString?"contains":this.filterType;if(this.allowFiltering&&this.typedString&&""!==this.typedString){var n=this.fields.text?this.fields.text:"";e.where(n,i,this.typedString,!0,!1)}}else e=null!=this.customFilterQuery?this.customFilterQuery.clone():t?t.clone():this.query?this.query.clone():new f.Query;return e},r.prototype.setHiddenValue=function(){if((0,h.isNullOrUndefined)(this.value))this.hiddenElement.innerHTML="";else{var t=this.hiddenElement.querySelector("option");if((0,h.isNullOrUndefined)(t)){if(!(0,h.isNullOrUndefined)(this.hiddenElement)){var e=document.createElement("option");e.text=this.text,e.setAttribute("value",this.value.toString()),e.setAttribute("selected",""),this.hiddenElement.appendChild(e)}}else t.textContent=this.text,t.setAttribute("value",this.value.toString())}},r.prototype.renderGrid=function(){var t=this,e=this.getGridColumns(),n=this.sortOrder.toString().toLowerCase();this.gridObj=new y.Grid({dataSource:this.gridData,columns:e,allowSorting:this.allowSorting,enableStickyHeader:!0,gridLines:this.gridSettings.gridLines,rowHeight:this.gridSettings.rowHeight,enableAltRow:this.gridSettings.enableAltRow,enableVirtualization:this.enableVirtualization,enableRtl:this.enableRtl,editSettings:{allowAdding:!1},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(){t.dataSource instanceof f.DataManager&&t.isShowSpinner&&(t.showHideSpinner(!0),t.isShowSpinner=!1)},dataBound:function(){t.onDataBound()},actionFailure:function(e){t.onActionFailure(e)},actionComplete:this.handleActionComplete.bind(this),keyPressed:this.handleKeyPressed.bind(this),resizing:function(e){t.gridSettings.resizing&&t.gridSettings.resizing.call(t,e)},resizeStart:function(e){t.gridSettings.resizeStart&&t.gridSettings.resizeStart.call(t,e)},resizeStop:function(e){t.gridSettings.resizeStop&&t.gridSettings.resizeStop.call(t,e)}}),this.gridEle=this.createElement("div",{id:this.element.id+"_"+(0,h.getUniqueID)("grid"),className:D}),this.updateGroupByField(),e.length>0&&(this.gridObj.columns[0].isPrimaryKey=!0),"none"!==n&&(this.gridObj.sortSettings={columns:[{field:this.fields.text,direction:"ascending"===n?i.Ascending:i.Descending}]}),this.gridObj.appendTo(this.gridEle),(0,h.isNullOrUndefined)(this.value)&&(0,h.isNullOrUndefined)(this.text)&&(0,h.isNullOrUndefined)(this.index)||(0,h.isNullOrUndefined)(this.dataSource)||!(this.dataSource instanceof Array)||this.initValue(null,null,!0)},r.prototype.handleActionComplete=function(t){var e=this;if("sorting"===t.requestType&&this.updateRowSelection(t),Array.isArray(t.rows)&&this.isDataFiltered){var i=t.rows,n=0;i.forEach(function(t){var i=e.gridObj.getRowElementByUID(t.uid);i&&(n+=i.getBoundingClientRect().height)}),this.popupRowHeight=n||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){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)},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){if(this.isRowMatching(t,this.value?this.value.toString():"",this.text?this.text.toString():"")){this.gridObj.selectRow(e);var i=this.isProtectedOnChange;return this.isProtectedOnChange=!0,this.index=e,void(this.isProtectedOnChange=i)}},r.prototype.findIndex=function(t,e){return t.findIndex(function(t){return Object.keys(e).every(function(i){return t[i]===e[i]})})},r.prototype.getGridColumns=function(){var t=this;return this.columns.map(function(e){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}})},r.prototype.updateGroupByField=function(){var t=this.fields.groupBy,e=""!==t&&!(0,h.isNullOrUndefined)(t);if(e){"multiplecolumns"!==this.sortType.toString().toLowerCase()&&this.gridEle.classList.add("e-multicolumn-group");var i=this.isProtectedOnChange;this.isProtectedOnChange=!0,this.gridObj.allowGrouping=!0,this.gridObj.groupSettings={showDropArea:!1,columns:[t]},this.groupTemplate&&e&&(this.gridObj.groupSettings.captionTemplate=this.groupTemplate),this.isVue&&(this.gridObj.isVue=this.isVue),this.isProtectedOnChange=i}},r.prototype.onDataBound=function(){var t=this;this.isLocaleChanged&&(this.isLocaleChanged=!1,this.unWireEvents(),this.wireEvents());var e=this.dataSource.length,i=this.popupDiv.querySelector("."+D),n=this.popupDiv.classList.contains(S);if(e<=0&&i)this.l10nUpdate(),this.popupDiv.removeChild(this.gridEle),(0,h.addClass)([this.popupDiv],[S]);else if(n&&e>=1){(0,h.removeClass)([this.popupDiv],[S]);var r=this.popupDiv.querySelector(".e-no-records");r&&this.popupDiv.removeChild(r)}if(this.isInitialRender){var o=this.popupDiv.querySelector(".e-gridcontent tr"),s=n?this.popupDiv.getBoundingClientRect().height:o?o.getBoundingClientRect().height:0;this.popupRowHeight=s,this.popupObj.hide(),this.popupEle.style.visibility="unset",this.isInitialRender=!1}var a=this.gridObj.element.querySelectorAll(".e-row");this.isDataFiltered&&a.length>0&&""!==this.inputEle.value&&a[0].classList.add("e-row-focus");this.dataSource instanceof f.DataManager&&setTimeout(function(){t.showHideSpinner(!1)})},r.prototype.showHideSpinner=function(t){t?(0,g.showSpinner)(this.dropdownElement):(0,g.hideSpinner)(this.dropdownElement)},r.prototype.onActionFailure=function(t){this.trigger("actionFailure",t),this.l10nUpdate(!0),(0,h.addClass)([this.popupDiv],[S])},r.prototype.renderInput=function(){var t=["aria-expanded","aria-readOnly","aria-disabled","autocomplete","autocapitalize","spellcheck","tabindex"];"INPUT"===this.element.tagName?(this.inputEle=this.element,(0,h.isNullOrUndefined)(this.inputEle.getAttribute("role"))&&this.inputEle.setAttribute("role","combobox"),(0,h.isNullOrUndefined)(this.inputEle.getAttribute("type"))&&this.inputEle.setAttribute("type","text"),function(e,i){for(var n in i)i.hasOwnProperty(n)&&-1!==t.indexOf(n)&&(0,h.isNullOrUndefined)(e.getAttribute(n))&&e.setAttribute(n,i[n])}(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=c.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(x),this.inputWrapper.setAttribute("spellcheck","false"),this.hiddenElement=this.createElement("select",{attrs:{"aria-hidden":"true",tabindex:"-1",class:"e-multicolumn-list-hidden"}}),(0,h.prepend)([this.hiddenElement],this.inputWrapper);var e=this.inputEle.getAttribute("name")?this.inputEle.getAttribute("name"):this.inputEle.getAttribute("id");this.hiddenElement.setAttribute("name",e),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"),(0,g.createSpinner)({target:this.dropdownElement})},r.prototype.setElementWidth=function(t){if(!(0,h.isNullOrUndefined)(t)){var e=this.inputWrapper;"number"==typeof t?e.style.width=(0,h.formatUnit)(t):"string"==typeof t&&(e.style.width=t.match(/px|%|em/)?t:(0,h.formatUnit)(t))}},r.prototype.setHTMLAttributes=function(){var t=this,e=this.htmlAttributes,i=this.inputEle;if(Object.keys(e).length)for(var n=0,r=Object.keys(e);n<r.length;n++){var o=r[n];switch(o){case"class":this.inputWrapper.classList.add(e[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 s=e[o];this.inputWrapper.style.cssText="",s&&s.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:["name","required"].indexOf(o)>-1||0===o.indexOf("data")?this.hiddenElement.setAttribute(o,this.htmlAttributes[""+o]):["title","id","placeholder","role","autocomplete","autocapitalize","spellcheck","minlength","maxlength"].indexOf(o)>-1&&"placeholder"===o?c.Input.setPlaceholder(e[o],i):i.setAttribute(o,e[o])}}},r.prototype.setEnable=function(){c.Input.setEnabled(!this.disabled,this.inputEle),this.disabled?(this.isPopupOpen&&this.hidePopup(),(0,h.addClass)([this.inputWrapper],C),this.inputWrapper&&this.inputWrapper.classList.contains(E)&&(0,h.removeClass)([this.inputWrapper],[E]),this.setAriaDisabled("true")):((0,h.removeClass)([this.inputWrapper],C),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(0,h.getValue)(t,e).toString()},r.prototype.initValue=function(t,e,i){var n,r,o,s,a=this,l=this.gridObj.getSelectedRecords()[0],p=this.gridObj.getSelectedRows()[0],u=this.isProtectedOnChange;this.isProtectedOnChange=!0,this.value=this.value?this.value.toString():this.value,this.isProtectedOnChange=u;var d=function(t){var e=a.updateCurrentValues(n,t);r=e.currentValue,o=e.currentText,s=e.currentIndex};if(!t&&(!(0,h.isNullOrUndefined)(this.value)||!(0,h.isNullOrUndefined)(this.text))||t&&void 0!==e){var c=t?e?this.value:this.text:(0,h.isNullOrUndefined)(this.value)?this.text:this.value;if(!(0,h.isNullOrUndefined)(this.dataSource)&&this.dataSource instanceof f.DataManager&&this.mainData&&this.isMainDataUpdated){var g=(y=this.query&&this.getQuery(this.query).isCountRequired||!this.query?this.mainData:this.mainData.result?this.mainData.result:this.mainData).filter(function(i){return(i?a.updateFieldValue(t?e?a.fields.value:a.fields.text:(0,h.isNullOrUndefined)(a.value)?a.fields.text:a.fields.value,i):null)===c});g.length>0&&(n=g[0],d(y),this.updateChangeEvent(n,l,p,r,o,s,t,i),this.gridObj.selectRow(this.index))}else!(0,h.isNullOrUndefined)(this.dataSource)&&this.dataSource instanceof Array&&(n=this.dataSource.filter(function(i){return a.updateFieldValue(t?e?a.fields.value:a.fields.text:(0,h.isNullOrUndefined)(a.value)?a.fields.text:a.fields.value,i)===c})[0],d(this.dataSource))}else if(!(0,h.isNullOrUndefined)(this.index))if(!(0,h.isNullOrUndefined)(this.dataSource)&&this.dataSource instanceof f.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;n=y[this.index],d(y),this.updateChangeEvent(n,l,p,r,o,s,t,i),this.gridObj.selectRow(this.index)}else!(0,h.isNullOrUndefined)(this.dataSource)&&this.dataSource instanceof Array&&(this.fields.groupBy?setTimeout(function(){var e=a.gridObj.getRows();if(e&&e.length>0)for(var u=a.gridObj.getRowInfo(e[a.index]).rowData,h=a.fields.value,c=0;c<e.length;c++)if(u&&u[parseInt(h.toString(),10)]===a.dataSource[parseInt(c.toString(),10)][parseInt(h.toString(),10)]){n=u,d(a.dataSource),a.updateChangeEvent(n,l,p,r,o,s,t,i),a.gridObj.selectRow(a.index);break}}):(n=this.dataSource[this.index],d(this.dataSource)));this.dataSource instanceof f.DataManager||this.updateChangeEvent(n,l,p,r,o,s,t,i)},r.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)},r.prototype.updateCurrentValues=function(t,e){if(!(0,h.isNullOrUndefined)(t)){var i=this.updateFieldValue(this.fields.text,t),n=this.updateFieldValue(this.fields.value,t);return c.Input.setValue(i,this.inputEle,this.floatLabelType,this.showClearButton),{currentValue:n,currentText:i,currentIndex:e.indexOf(t)}}return{currentValue:null,currentText:null,currentIndex:null}},r.prototype.renderPopup=function(){this.popupEle=this.createElement("div",{id:this.element.id+"_options",className:x+" e-popup "+(null!==this.cssClass?this.cssClass:"")}),(0,h.attributes)(this.popupEle,{"aria-label":this.element.id,role:"dialog"}),document.body.appendChild(this.popupEle),this.createPopup(this.popupEle),(0,h.prepend)([this.popupDiv],this.popupEle),this.footerTemplate&&this.setFooterTemplate();var t=this.getSize(!1);if(this.popupEle.style.maxHeight=t,this.footerTemplate){var e=Math.round(this.footer.getBoundingClientRect().height);t=(0,h.formatUnit)(parseInt(t,10)-e+"px")}this.popupDiv.style.maxHeight=t,this.updateGridHeight(),this.popupEle.style.visibility="hidden",this.isInitialRender=!0},r.prototype.updateGridHeight=function(t,e){var i;if(t){var n=this.gridObj.getContent().querySelector(".e-content"),r=n.offsetHeight-n.clientHeight;""===this.fields.groupBy||(0,h.isNullOrUndefined)(this.fields.groupBy)||(this.popupRowHeight+=this.popupRowHeight),i=e&&this.popupRowHeight<this.prevGridHeight?this.popupRowHeight+r+"px":this.prevGridHeight+"px"}else this.prevGridHeight=this.popupDiv.getBoundingClientRect().height-this.popupDiv.querySelector(".e-gridheader").getBoundingClientRect().height,i=this.prevGridHeight+"px";var o=this.isProtectedOnChange;this.isProtectedOnChange=!0,this.gridObj.height=i,this.isProtectedOnChange=o},r.prototype.createPopup=function(t){var e=this;this.popupObj=new g.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(){h.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"),(0,h.addClass)([this.footer],"e-popup-footer"));var t=this.getTemplateFunction(this.footerTemplate)({count:this.dataSource.length},this,"footerTemplate",this.element.id+"footerTemplate",this.isStringTemplate,void 0,this.footer);t&&(t=Array.prototype.slice.call(t),(0,h.append)(t,this.footer)),(0,h.append)([this.footer],this.popupEle)},r.prototype.l10nUpdate=function(t){if(this.noRecord?this.noRecord.innerHTML="":this.noRecord=this.createElement("div"),"No records found"!==this.noRecordsTemplate||"Request Failed"!==this.actionFailureTemplate){var e=t?this.actionFailureTemplate:this.noRecordsTemplate,i=t?this.element.id+"_actionFailure":this.element.id+"_noRecords",n=t?"actionFailureTemplate":"noRecordsTemplate",r=this.getTemplateFunction(e)({},this,n,i,this.isStringTemplate,void 0,this.noRecord);r&&(r=Array.prototype.slice.call(r),(0,h.append)(r,this.noRecord))}else{this.l10n=new h.L10n("multicolumncombobox",{noRecordsTemplate:"No records found",actionFailureTemplate:"Request Failed"},this.locale),this.noRecord.innerHTML=t?this.l10n.getConstant("actionFailureTemplate"):this.l10n.getConstant("noRecordsTemplate")}(0,h.addClass)([this.noRecord],"e-no-records"),(0,h.prepend)([this.noRecord],this.popupDiv),this.popupObj.refreshPosition()},r.prototype.getTemplateFunction=function(t){if("string"==typeof t){var e="";try{var i=(0,h.select)(t);e=i?"SCRIPT"===i.tagName?i.innerHTML:i.outerHTML:t}catch(i){e=t}return(0,h.compile)(e)}return(0,h.compile)(t)},r.prototype.getSize=function(t){var e=t?this.popupWidth:this.popupHeight,i=(0,h.formatUnit)(e);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);return i},r.prototype.selectedGridRow=function(t,e,i){var n=this,r={isInteracted:!!e,item:this.gridObj.getSelectedRecords()[0],itemElement:t,itemData:this.gridObj.getSelectedRecords()[0],event:e,cancel:!1},o=this.gridObj.getSelectedRecords()[0],s=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?s:"",value:o?a:""},event:e,cancel:!1,value:o?a:"",previousItemData:{text:this.text,value:this.value},previousItemElement:this.previousItemElement};this.trigger("select",r,function(t){if(!t.cancel&&t.itemData){var r=e,p="Enter"===r.key||"Tab"===r.key||r.shiftKey&&"Tab"===r.key||r.altKey&&"ArrowUp"===r.key;(!i||i&&p)&&n.updateValues(o?a:"",o?s:"",n.gridObj.selectedRowIndex,l),c.Input.setValue(o?s:"",n.inputEle,n.floatLabelType,n.showClearButton),n.setHiddenValue(),(!i||i&&p)&&n.hidePopup(e)}})},r.prototype.updateValues=function(t,e,i,n,r){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=(0,h.isNullOrUndefined)(i)?this.index:i,this.isProtectedOnChange=o,this.setHiddenValue(),r||this.triggerChangeEvent(n)},r.prototype.triggerChangeEvent=function(t){this.trigger("change",t,function(t){t.cancel})},r.prototype.inputHandler=function(t){var e=this;if(this.showPopup(null,!0),this.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)},r.prototype.updateInputValue=function(t){return b(this,void 0,void 0,function(){var e,i,n,r;return w(this,function(o){return this.dataSource instanceof f.DataManager?(e=this.filterDatas(this.mainData,t),n=e.data,r=e.exactData):Array.isArray(this.dataSource)&&(i=this.filterDatas(this.dataSource,t),n=i.data,r=i.exactData),this.selectFilteredRows(n,r),[2]})})},r.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})}},r.prototype.selectFilteredRows=function(t,e){if(t.length<=0)this.matchedRowEle=this.matchedContent=this.exactMatchedContent=null;else{this.matchedContent=t[0],this.exactMatchedContent=e[0];var i=this.findIndex(this.gridObj.currentViewData,this.matchedContent);this.matchedRowEle=this.gridObj.getRowByIndex(i)}},r.prototype.updateGridDataSource=function(){if(this.gridData&&this.gridData.length>0){(0,h.removeClass)([this.popupDiv],[S]);var t=this.popupDiv.querySelector(".e-no-records");t&&this.popupDiv.removeChild(t),this.gridObj.dataSource=this.gridData,this.isDataFiltered=!0}else this.l10nUpdate(),(0,h.addClass)([this.popupDiv],[S])},r.prototype.wireEvents=function(){(0,h.isNullOrUndefined)(this.inputObj.buttons[0])||(h.EventHandler.add(this.inputObj.buttons[0],"mousedown",this.preventBlur,this),h.EventHandler.add(this.inputObj.buttons[0],"mousedown",this.dropDownClick,this)),h.EventHandler.add(document,"mousedown",this.onDocumentClick,this),h.EventHandler.add(this.gridEle,"click",this.onMouseClick,this),h.EventHandler.add(this.inputEle,"input",this.inputHandler,this),h.EventHandler.add(this.inputEle,"focus",this.focusIn,this),this.showClearButton&&h.EventHandler.add(this.inputObj.clearButton,"mousedown",this.clearText,this),h.EventHandler.add(window,"resize",this.windowResize,this),this.keyboardModule=new h.KeyboardEvents(this.inputWrapper,{keyAction:this.keyActionHandler.bind(this),keyConfigs:this.keyConfigs,eventName:"keydown"}),this.keyboardModule=new h.KeyboardEvents(this.gridEle,{keyAction:this.gridKeyActionHandler.bind(this),keyConfigs:this.keyConfigs,eventName:"keydown"})},r.prototype.unWireEvents=function(){(0,h.isNullOrUndefined)(this.inputObj.buttons[0])||(h.EventHandler.remove(this.inputObj.buttons[0],"mousedown",this.preventBlur),h.EventHandler.remove(this.inputObj.buttons[0],"mousedown",this.dropDownClick)),h.EventHandler.remove(document,"mousedown",this.onDocumentClick),h.EventHandler.remove(this.inputEle,"input",this.inputHandler),h.EventHandler.remove(this.inputWrapper,"focus",this.focusIn),h.EventHandler.remove(window,"resize",this.windowResize),h.EventHandler.remove(this.gridEle,"click",this.onMouseClick),this.showClearButton&&h.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){if(!this.disabled&&!this.readonly){var e=this.gridEle.querySelector(".e-row-focus");e&&e.classList.remove("e-row-focus"),this.isPopupOpen?this.hidePopup(t):this.showPopup(t)}},r.prototype.onMouseClick=function(t){var e=t.target,i=(0,h.closest)(e,".e-row"),n=this.gridObj.selectedRowIndex;i&&(n>=0?this.selectedGridRow(i,t):(this.gridObj.selectedRowIndex=this.gridObj.getRows().indexOf(i),this.gridObj.selectRow(this.gridObj.selectedRowIndex),this.hidePopup(t)))},r.prototype.onDocumentClick=function(t){var e=t.target;if(this.disabled||this.readonly||!this.isPopupOpen)e.closest(".e-multicolumn-list")||this.focusOut();else if(e.classList.contains("e-multicolumn-list-icon")||(0,h.closest)(e,".e-multicolumn-list.e-popup"))t.preventDefault();else if(!e.classList.contains("e-multicolumncombobox")&&!e.classList.contains("e-clear-icon")){(0,h.isNullOrUndefined)(this.text)||this.updateInputValue(this.text);var i=""===this.inputEle.value;this.updateValuesOnInput(t,null,i)}},r.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){var s=this.isProtectedOnChange;this.isProtectedOnChange=!0;var a=this.updateFieldValue(this.fields.text,this.matchedContent),l=this.updateFieldValue(this.fields.value,this.matchedContent);this.inputEle.value=a,this.value=l;var p=this.findIndex(this.gridObj.currentViewData,this.matchedContent);this.index=p,this.text=a,this.gridObj.selectRow(p),this.selectedGridRow(this.gridObj.getRowByIndex(p),r),this.previousItemElement=this.gridObj.getSelectedRows()[0],this.isProtectedOnChange=s}else if(this.isDataFiltered){this.inputEle.value="";var u={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};s=this.isProtectedOnChange;this.isProtectedOnChange=!0,this.text=this.value=this.index=null,this.gridObj.refreshColumns(),this.isProtectedOnChange=s,this.triggerChangeEvent(u),this.isDataFiltered=!1,this.matchedContent=this.matchedRowEle=null}},r.prototype.clearText=function(t){this.isDataFiltered=!0,this.updateValuesOnInput(t,null,!0)},r.prototype.windowResize=function(){this.popupObj&&(this.popupObj.setProperties({width:this.getSize(!0)}),this.popupObj.refreshPosition())},r.prototype.setCssClass=function(t,e){var i=this.popupObj?[this.inputWrapper,this.popupObj.element]:[this.inputWrapper];(0,h.isNullOrUndefined)(e)||""===e||(0,h.removeClass)(i,e.split(" ")),(0,h.isNullOrUndefined)(t)||""===t||(0,h.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){if(e){var i=(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"}[i]||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)}},r.prototype.updateSelectedItem=function(t,e,i){var n=this;if(void 0===e&&(e=!0),this.isPopupOpen){var r=this.fields.groupBy?this.gridObj.selectedRowIndex||0:this.gridObj.selectedRowIndex,o=this.dataSource instanceof f.DataManager?this.remoteDataLength:this.dataSource.length;-1===r&&("moveDown"===t.action||"moveUp"===t.action)||"home"===t.action?r=0:r>=o-1&&"moveDown"===t.action||"end"===t.action?r=o-1:"moveDown"===t.action&&r>=0&&r<=o-1&&(this.fields.groupBy||i)?r+=1:("moveUp"===t.action&&r>0&&this.fields.groupBy||i)&&(r-=1),this.enableVirtualization?setTimeout(function(){n.selectRow(t,e,r)}):this.selectRow(t,e,r)}},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 f.DataManager?e.executeQuery(new f.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||((0,h.addClass)([this.inputWrapper],[E]),this.inputEle.focus(),this.updateClearIconState(),this.trigger("focus",t),"Never"!==this.floatLabelType&&c.Input.calculateWidth(this.inputEle,this.inputWrapper))},r.prototype.focusOut=function(t){if(!this.disabled&&!this.readonly&&(this.isPopupOpen&&this.hidePopup(t),this.inputWrapper)){(0,h.removeClass)([this.inputWrapper],[E]);var e=this.inputWrapper.querySelector(".e-clear-icon");e&&(e.style.display="none"),"Never"!==this.floatLabelType&&c.Input.calculateWidth(this.inputEle,this.inputWrapper)}},r.prototype.showPopup=function(t,e){var i=this,n={popup:this.popupObj,event:t,cancel:!1,animation:{name:"FadeIn",duration:100}};this.trigger("open",n,function(t){if(!t.cancel&&!i.isPopupOpen){i.isPopupOpen=!0,i.popupObj.refreshPosition(),(0,h.addClass)([i.inputWrapper],[O]),(0,h.attributes)(i.inputEle,{"aria-expanded":"true","aria-owns":i.element.id+"_options","aria-controls":i.element.id}),e||(i.value||i.text||i.index)&&i.gridObj.selectRow(i.selectedRowIndex);var n=i.gridObj.getContent();if(n){var r=n.querySelector(".e-rowcell.e-active"),o=n.querySelector(".e-row");r?i.inputEle.setAttribute("aria-activedescendant",r.parentElement.getAttribute("data-uid")):o&&i.inputEle.setAttribute("aria-activedescendant",o.getAttribute("data-uid"))}i.popupObj.show(new h.Animation(t.animation),i.popupEle.firstElementChild)}})},r.prototype.hidePopup=function(t){var e=this,i={popup:this.popupObj,event:t||null,cancel:!1,animation:{name:"FadeOut",duration:100}},n=t?t.target:null;this.trigger("close",i,function(i){i.cancel||(e.isPopupOpen=!1,(0,h.removeClass)([e.inputWrapper],[O]),(0,h.attributes)(e.inputEle,{"aria-expanded":"false"}),e.popupObj.hide(new h.Animation(i.animation)),n&&(n.classList.contains("e-multicolumn-list-icon")||n.classList.contains("e-rowcell"))?(e.value||e.gridObj.refreshColumns(),setTimeout(function(){e.focusIn(t)})):e.focusOut(),e.inputEle.removeAttribute("aria-owns"),e.inputEle.removeAttribute("aria-activedescendant"),e.customFilterQuery=null)}),setTimeout(function(){if(e.gridObj){e.gridObj.dataSource=e.allowFiltering?e.mainData:e.gridData;var t=e.popupDiv.querySelector(".e-no-records");t&&(e.popupDiv.removeChild(t),(0,h.removeClass)([e.popupDiv],[S])),e.updateGridHeight(!0,!1)}},100)},r.prototype.addItems=function(t,e){var i=this.isProtectedOnChange;this.isProtectedOnChange=!0,this.gridObj.editSettings.allowAdding=!0,this.gridObj.dataBind(),this.isProtectedOnChange=i,this.gridObj.addRecord(t,e)},r.prototype.getItems=function(){return this.gridObj.getDataRows()},r.prototype.getDataByValue=function(t){var e=this;return!(0,h.isNullOrUndefined)(this.dataSource)&&this.dataSource instanceof Array?this.dataSource.filter(function(i){return e.updateFieldValue(e.fields.value,i)===t})[0]:!(0,h.isNullOrUndefined)(this.dataSource)&&this.dataSource instanceof f.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(i){return e.updateFieldValue(e.fields.value,i)===t})[0]:null},r.prototype.destroy=function(){if(this.unWireEvents(),this.gridObj&&(this.gridObj.destroy(),(0,h.detach)(this.gridObj.element)),this.inputEle){for(var e=["placeholder","aria-expanded","spellcheck","aria-label","role","type","aria-owns","aria-controls","aria-readonly","autocomplete","autocapitalize","spellcheck","aria-activedescendant"],i=0;i<e.length;i++)this.inputEle.removeAttribute(e[i]);this.inputEle.classList.remove("e-input"),c.Input.setValue("",this.inputEle,this.floatLabelType,this.showClearButton)}this.popupEle&&(this.popupEle.removeAttribute("aria-label"),this.popupEle.removeAttribute("role")),this.popupObj&&(this.popupObj.destroy(),(0,h.detach)(this.popupObj.element)),this.element.tagName!==this.getDirective()&&this.inputWrapper.parentElement.insertBefore(this.element,this.inputWrapper),this.inputObj&&((0,h.detach)(this.inputObj.container),this.inputObj=null),c.Input.destroy({element:this.inputEle,floatLabelType:this.floatLabelType,properties:this.properties}),(0,h.detach)(this.inputWrapper),(0,h.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,t.prototype.destroy.call(this)},r.prototype.onPropertyChanged=function(t,e){for(var n=0,r=Object.keys(t);n<r.length;n++){var o=r[n],s=void 0;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":if(this.popupObj){var a=this.getSize(!1);this.popupObj.element.style.maxHeight=a,this.popupDiv.style.maxHeight=a,this.gridObj.height=a}break;case"placeholder":c.Input.setPlaceholder(t.placeholder,this.inputEle);break;case"readonly":c.Input.setReadonly(this.readonly,this.inputEle);break;case"disabled":c.Input.setEnabled(!this.disabled,this.inputEle),this.setEnable();break;case"cssClass":this.setCssClass(t.cssClass,e.cssClass);break;case"floatLabelType":c.Input.removeFloating(this.inputObj),c.Input.addFloating(this.inputEle,this.floatLabelType,this.placeholder);break;case"showClearButton":c.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===i.Ascending?i.Ascending:i.Descending}]);break;case"htmlAttributes":this.setHTMLAttributes();break;case"noRecordsTemplate":this.l10nUpdate();break;case"actionFailureTemplate":this.l10nUpdate(!0);break;case"footerTemplate":this.setFooterTemplate();break;case"itemTemplate":this.gridObj&&(this.gridObj.rowTemplate=t.itemTemplate);break;case"groupTemplate":this.groupTemplate=t.groupTemplate,this.updateGroupByField();break;case"enableRtl":this.gridObj&&this.popupObj&&(this.gridObj.enableRtl=t.enableRtl,c.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,(0,h.isNullOrUndefined)(t.gridSettings.allowTextWrap)||(this.gridObj.allowTextWrap=t.gridSettings.allowTextWrap),(0,h.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}}},v([(0,h.Property)([])],r.prototype,"dataSource",void 0),v([(0,h.Property)(null)],r.prototype,"text",void 0),v([(0,h.Property)(null)],r.prototype,"value",void 0),v([(0,h.Property)(null)],r.prototype,"index",void 0),v([(0,h.Property)("100%")],r.prototype,"width",void 0),v([(0,h.Property)("300px")],r.prototype,"popupHeight",void 0),v([(0,h.Property)("100%")],r.prototype,"popupWidth",void 0),v([(0,h.Property)(null)],r.prototype,"placeholder",void 0),v([(0,h.Property)(!0)],r.prototype,"allowFiltering",void 0),v([(0,h.Property)(!0)],r.prototype,"allowSorting",void 0),v([(0,h.Property)(!1)],r.prototype,"showClearButton",void 0),v([(0,h.Property)("")],r.prototype,"cssClass",void 0),v([(0,h.Complex)({text:null,value:null,groupBy:null},R)],r.prototype,"fields",void 0),v([(0,h.Collection)([],P)],r.prototype,"columns",void 0),v([(0,h.Complex)({},T)],r.prototype,"gridSettings",void 0),v([(0,h.Property)(e.StartsWith)],r.prototype,"filterType",void 0),v([(0,h.Property)("Never")],r.prototype,"floatLabelType",void 0),v([(0,h.Property)(i.None)],r.prototype,"sortOrder",void 0),v([(0,h.Property)(n.OneColumn)],r.prototype,"sortType",void 0),v([(0,h.Property)(!1)],r.prototype,"enableVirtualization",void 0),v([(0,h.Property)(!1)],r.prototype,"disabled",void 0),v([(0,h.Property)(!1)],r.prototype,"readonly",void 0),v([(0,h.Property)(!1)],r.prototype,"enablePersistence",void 0),v([(0,h.Property)()],r.prototype,"query",void 0),v([(0,h.Property)(null)],r.prototype,"itemTemplate",void 0),v([(0,h.Property)(null)],r.prototype,"footerTemplate",void 0),v([(0,h.Property)(null)],r.prototype,"groupTemplate",void 0),v([(0,h.Property)("Request Failed")],r.prototype,"actionFailureTemplate",void 0),v([(0,h.Property)("No records found")],r.prototype,"noRecordsTemplate",void 0),v([(0,h.Property)({})],r.prototype,"htmlAttributes",void 0),v([(0,h.Event)()],r.prototype,"created",void 0),v([(0,h.Event)()],r.prototype,"open",void 0),v([(0,h.Event)()],r.prototype,"close",void 0),v([(0,h.Event)()],r.prototype,"actionFailure",void 0),v([(0,h.Event)()],r.prototype,"actionBegin",void 0),v([(0,h.Event)()],r.prototype,"actionComplete",void 0),v([(0,h.Event)()],r.prototype,"filtering",void 0),v([(0,h.Event)()],r.prototype,"select",void 0),v([(0,h.Event)()],r.prototype,"change",void 0),r=v([h.NotifyPropertyChanges],r)}(h.Component),A=function(){var t=function(e,i){return t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var i in e)e.hasOwnProperty(i)&&(t[i]=e[i])},t(e,i)};return function(e,i){function n(){this.constructor=e}t(e,i),e.prototype=null===i?Object.create(i):(n.prototype=i.prototype,new n)}}(),k=function(t){function e(e){var i=t.call(this,e)||this;return i.initRenderCalled=!1,i.checkInjectedModules=!0,i.directivekeys={columns:"column"},i.statelessTemplateProps=null,i.templateProps=null,i.immediateRender=!1,i.isReactMock=!0,i.portals=[],i}return A(e,t),e.prototype.render=function(){if(this.isReactMock=!1,!(this.element&&!this.initRenderCalled||this.refreshing)||this.isReactForeceUpdate)return d.createElement(d.Fragment,null,[].concat(d.createElement("input",this.getDefaultAttributes()),this.portals));t.prototype.render.call(this),this.initRenderCalled=!0},e}(I);(0,o.applyMixins)(k,[o.ComponentBase,d.Component])})(),u})());

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

@@ -1,11 +1,2 @@
-/*!
-*  filename: ej2-react-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(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@syncfusion/ej2-react-base"),require("react"),require("@syncfusion/ej2-multicolumn-combobox")):"function"==typeof define&&define.amd?define(["exports","@syncfusion/ej2-react-base","react","@syncfusion/ej2-multicolumn-combobox"],t):t((e=e||self).ej={},e.ej2ReactBase,e.React,e.ej2MulticolumnCombobox)}(this,function(t,e,n,o){"use strict";r=function(e,t){return(r=Object.setPrototypeOf||({__proto__:[]}instanceof Array?function(e,t){e.__proto__=t}:function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])}))(e,t)};var r,i,c=function(e,t){function n(){this.constructor=e}r(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)},u=(i=e.ComplexBase,c(s,i),s.moduleName="column",s);function s(){return null!==i&&i.apply(this,arguments)||this}l=e.ComplexBase,c(a,l),a.propertyName="columns",a.moduleName="columns";var l,c=a;function a(){return null!==l&&l.apply(this,arguments)||this}p=function(e,t){return(p=Object.setPrototypeOf||({__proto__:[]}instanceof Array?function(e,t){e.__proto__=t}:function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])}))(e,t)};var p,f,m=function(e,t){function n(){this.constructor=e}p(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)},m=(f=o.MultiColumnComboBox,m(y,f),y.prototype.render=function(){if(this.isReactMock=!1,!(this.element&&!this.initRenderCalled||this.refreshing)||this.isReactForeceUpdate)return n.createElement(n.Fragment,null,[].concat(n.createElement("input",this.getDefaultAttributes()),this.portals));f.prototype.render.call(this),this.initRenderCalled=!0},y);function y(e){e=f.call(this,e)||this;return e.initRenderCalled=!1,e.checkInjectedModules=!0,e.directivekeys={columns:"column"},e.statelessTemplateProps=null,e.templateProps=null,e.immediateRender=!1,e.isReactMock=!0,e.portals=[],e}e.applyMixins(m,[e.ComponentBase,n.Component]),Object.keys(o).forEach(function(e){"default"!==e&&Object.defineProperty(t,e,{enumerable:!0,get:function(){return o[e]}})}),Object.defineProperty(t,"Inject",{enumerable:!0,get:function(){return e.Inject}}),t.ColumnDirective=u,t.ColumnsDirective=c,t.MultiColumnComboBoxComponent=m,Object.defineProperty(t,"__esModule",{value:!0})});
 //# sourceMappingURL=ej2-react-multicolumn-combobox.umd.min.js.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@syncfusion/ej2-react-multicolumn-combobox",
-  "version": "31.2.12",
+  "version": "32.1.19",
   "description": "Essential JS 2 Component for React",
   "author": "Syncfusion Inc.",
   "license": "SEE LICENSE IN license",
@@ -19,9 +19,9 @@
   "es2015": "dist/es6/ej2-react-multicolumn-combobox.es2015.js",
   "readme": "ReadMe.md",
   "dependencies": {
-    "@syncfusion/ej2-base": "~31.2.12",
-    "@syncfusion/ej2-react-base": "~31.2.12",
-    "@syncfusion/ej2-multicolumn-combobox": "31.2.12"
+    "@syncfusion/ej2-base": "~32.1.19",
+    "@syncfusion/ej2-react-base": "~32.1.19",
+    "@syncfusion/ej2-multicolumn-combobox": "32.1.19"
   },
   "devDependencies": {},
   "sideEffects": false,

package/styles/bds-lite.scss

@@ -1 +1 @@
-@import 'ej2-multicolumn-combobox/styles/bds-lite.scss';
+@use 'ej2-multicolumn-combobox/bds-lite' as *;

package/styles/bds.scss

@@ -1 +1 @@
-@import 'multicolumn-combobox/bds.scss';
+@use 'multicolumn-combobox/bds' as *;

package/styles/bootstrap-dark-lite.scss

@@ -1 +1 @@
-@import 'ej2-multicolumn-combobox/styles/bootstrap-dark-lite.scss';
+@use 'ej2-multicolumn-combobox/bootstrap-dark-lite' as *;

package/styles/bootstrap-dark.scss

@@ -1 +1 @@
-@import 'multicolumn-combobox/bootstrap-dark.scss';
+@use 'multicolumn-combobox/bootstrap-dark' as *;

package/styles/bootstrap-lite.scss

@@ -1 +1 @@
-@import 'ej2-multicolumn-combobox/styles/bootstrap-lite.scss';
+@use 'ej2-multicolumn-combobox/bootstrap-lite' as *;

package/styles/bootstrap.scss

@@ -1 +1 @@
-@import 'multicolumn-combobox/bootstrap.scss';
+@use 'multicolumn-combobox/bootstrap' as *;

package/styles/bootstrap4-lite.scss

@@ -1 +1 @@
-@import 'ej2-multicolumn-combobox/styles/bootstrap4-lite.scss';
+@use 'ej2-multicolumn-combobox/bootstrap4-lite' as *;

package/styles/bootstrap4.scss

@@ -1 +1 @@
-@import 'multicolumn-combobox/bootstrap4.scss';
+@use 'multicolumn-combobox/bootstrap4' as *;

package/styles/bootstrap5-dark-lite.scss

@@ -1 +1 @@
-@import 'ej2-multicolumn-combobox/styles/bootstrap5-dark-lite.scss';
+@use 'ej2-multicolumn-combobox/bootstrap5-dark-lite' as *;

package/styles/bootstrap5-dark.scss

@@ -1 +1 @@
-@import 'multicolumn-combobox/bootstrap5-dark.scss';
+@use 'multicolumn-combobox/bootstrap5-dark' as *;

package/styles/bootstrap5-lite.scss

@@ -1 +1 @@
-@import 'ej2-multicolumn-combobox/styles/bootstrap5-lite.scss';
+@use 'ej2-multicolumn-combobox/bootstrap5-lite' as *;

package/styles/bootstrap5.3-lite.scss

@@ -1 +1 @@
-@import 'ej2-multicolumn-combobox/styles/bootstrap5.3-lite.scss';
+@use 'ej2-multicolumn-combobox/bootstrap5.3-lite' as *;

package/styles/bootstrap5.3.scss

@@ -1 +1 @@
-@import 'multicolumn-combobox/bootstrap5.3.scss';
+@use 'multicolumn-combobox/bootstrap5.3' as *;

package/styles/bootstrap5.scss

@@ -1 +1 @@
-@import 'multicolumn-combobox/bootstrap5.scss';
+@use 'multicolumn-combobox/bootstrap5' as *;

package/styles/fabric-dark-lite.scss

@@ -1 +1 @@
-@import 'ej2-multicolumn-combobox/styles/fabric-dark-lite.scss';
+@use 'ej2-multicolumn-combobox/fabric-dark-lite' as *;

package/styles/fabric-dark.scss

@@ -1 +1 @@
-@import 'multicolumn-combobox/fabric-dark.scss';
+@use 'multicolumn-combobox/fabric-dark' as *;

package/styles/fabric-lite.scss

@@ -1 +1 @@
-@import 'ej2-multicolumn-combobox/styles/fabric-lite.scss';
+@use 'ej2-multicolumn-combobox/fabric-lite' as *;

package/styles/fabric.scss

@@ -1 +1 @@
-@import 'multicolumn-combobox/fabric.scss';
+@use 'multicolumn-combobox/fabric' as *;

package/styles/fluent-dark-lite.scss

@@ -1 +1 @@
-@import 'ej2-multicolumn-combobox/styles/fluent-dark-lite.scss';
+@use 'ej2-multicolumn-combobox/fluent-dark-lite' as *;

package/styles/fluent-dark.scss

@@ -1 +1 @@
-@import 'multicolumn-combobox/fluent-dark.scss';
+@use 'multicolumn-combobox/fluent-dark' as *;

package/styles/fluent-lite.scss

@@ -1 +1 @@
-@import 'ej2-multicolumn-combobox/styles/fluent-lite.scss';
+@use 'ej2-multicolumn-combobox/fluent-lite' as *;

package/styles/fluent.scss

@@ -1 +1 @@
-@import 'multicolumn-combobox/fluent.scss';
+@use 'multicolumn-combobox/fluent' as *;

package/styles/fluent2-lite.scss

@@ -1 +1 @@
-@import 'ej2-multicolumn-combobox/styles/fluent2-lite.scss';
+@use 'ej2-multicolumn-combobox/fluent2-lite' as *;

package/styles/fluent2.scss

@@ -1 +1 @@
-@import 'multicolumn-combobox/fluent2.scss';
+@use 'multicolumn-combobox/fluent2' as *;

package/styles/highcontrast-light-lite.scss

@@ -1 +1 @@
-@import 'ej2-multicolumn-combobox/styles/highcontrast-light-lite.scss';
+@use 'ej2-multicolumn-combobox/highcontrast-light-lite' as *;

package/styles/highcontrast-light.scss

@@ -1 +1 @@
-@import 'multicolumn-combobox/highcontrast-light.scss';
+@use 'multicolumn-combobox/highcontrast-light' as *;

package/styles/highcontrast-lite.scss

@@ -1 +1 @@
-@import 'ej2-multicolumn-combobox/styles/highcontrast-lite.scss';
+@use 'ej2-multicolumn-combobox/highcontrast-lite' as *;

package/styles/highcontrast.scss

@@ -1 +1 @@
-@import 'multicolumn-combobox/highcontrast.scss';
+@use 'multicolumn-combobox/highcontrast' as *;

package/styles/material-dark-lite.scss

@@ -1 +1 @@
-@import 'ej2-multicolumn-combobox/styles/material-dark-lite.scss';
+@use 'ej2-multicolumn-combobox/material-dark-lite' as *;

package/styles/material-dark.scss

@@ -1 +1 @@
-@import 'multicolumn-combobox/material-dark.scss';
+@use 'multicolumn-combobox/material-dark' as *;

package/styles/material-lite.scss

@@ -1 +1 @@
-@import 'ej2-multicolumn-combobox/styles/material-lite.scss';
+@use 'ej2-multicolumn-combobox/material-lite' as *;

package/styles/material.scss

@@ -1 +1 @@
-@import 'multicolumn-combobox/material.scss';
+@use 'multicolumn-combobox/material' as *;

package/styles/material3-dark-lite.scss

@@ -1 +1 @@
-@import 'ej2-multicolumn-combobox/styles/material3-dark-lite.scss';
+@use 'ej2-multicolumn-combobox/material3-dark-lite' as *;

package/styles/material3-dark.scss

@@ -1,2 +1 @@
-
-@import 'multicolumn-combobox/material3-dark.scss';
+@use 'multicolumn-combobox/material3-dark' as *;

package/styles/material3-lite.scss

@@ -1 +1 @@
-@import 'ej2-multicolumn-combobox/styles/material3-lite.scss';
+@use 'ej2-multicolumn-combobox/material3-lite' as *;

package/styles/material3.scss

@@ -1,2 +1 @@
-
-@import 'multicolumn-combobox/material3.scss';
+@use 'multicolumn-combobox/material3' as *;

package/styles/multicolumn-combobox/bds.scss

@@ -1 +1 @@
-@import 'ej2-multicolumn-combobox/styles/multicolumn-combobox/bds.scss';
+@use 'ej2-multicolumn-combobox/styles/multicolumn-combobox/bds' as *;

package/styles/multicolumn-combobox/bootstrap-dark.scss

@@ -1 +1 @@
-@import 'ej2-multicolumn-combobox/styles/multicolumn-combobox/bootstrap-dark.scss';
+@use 'ej2-multicolumn-combobox/styles/multicolumn-combobox/bootstrap-dark' as *;

package/styles/multicolumn-combobox/bootstrap.scss

@@ -1 +1 @@
-@import 'ej2-multicolumn-combobox/styles/multicolumn-combobox/bootstrap.scss';
+@use 'ej2-multicolumn-combobox/styles/multicolumn-combobox/bootstrap' as *;

package/styles/multicolumn-combobox/bootstrap4.scss

@@ -1 +1 @@
-@import 'ej2-multicolumn-combobox/styles/multicolumn-combobox/bootstrap4.scss';
+@use 'ej2-multicolumn-combobox/styles/multicolumn-combobox/bootstrap4' as *;

package/styles/multicolumn-combobox/bootstrap5-dark.scss

@@ -1 +1 @@
-@import 'ej2-multicolumn-combobox/styles/multicolumn-combobox/bootstrap5-dark.scss';
+@use 'ej2-multicolumn-combobox/styles/multicolumn-combobox/bootstrap5-dark' as *;

package/styles/multicolumn-combobox/bootstrap5.3.scss

@@ -1 +1 @@
-@import 'ej2-multicolumn-combobox/styles/multicolumn-combobox/bootstrap5.3.scss';
+@use 'ej2-multicolumn-combobox/styles/multicolumn-combobox/bootstrap5.3' as *;

package/styles/multicolumn-combobox/bootstrap5.scss

@@ -1 +1 @@
-@import 'ej2-multicolumn-combobox/styles/multicolumn-combobox/bootstrap5.scss';
+@use 'ej2-multicolumn-combobox/styles/multicolumn-combobox/bootstrap5' as *;

package/styles/multicolumn-combobox/fabric-dark.scss

@@ -1 +1 @@
-@import 'ej2-multicolumn-combobox/styles/multicolumn-combobox/fabric-dark.scss';
+@use 'ej2-multicolumn-combobox/styles/multicolumn-combobox/fabric-dark' as *;

package/styles/multicolumn-combobox/fabric.scss

@@ -1 +1 @@
-@import 'ej2-multicolumn-combobox/styles/multicolumn-combobox/fabric.scss';
+@use 'ej2-multicolumn-combobox/styles/multicolumn-combobox/fabric' as *;

package/styles/multicolumn-combobox/fluent-dark.scss

@@ -1 +1 @@
-@import 'ej2-multicolumn-combobox/styles/multicolumn-combobox/fluent-dark.scss';
+@use 'ej2-multicolumn-combobox/styles/multicolumn-combobox/fluent-dark' as *;

package/styles/multicolumn-combobox/fluent.scss

@@ -1 +1 @@
-@import 'ej2-multicolumn-combobox/styles/multicolumn-combobox/fluent.scss';
+@use 'ej2-multicolumn-combobox/styles/multicolumn-combobox/fluent' as *;

package/styles/multicolumn-combobox/fluent2.scss

@@ -1 +1 @@
-@import 'ej2-multicolumn-combobox/styles/multicolumn-combobox/fluent2.scss';
+@use 'ej2-multicolumn-combobox/styles/multicolumn-combobox/fluent2' as *;

package/styles/multicolumn-combobox/highcontrast-light.scss

@@ -1 +1 @@
-@import 'ej2-multicolumn-combobox/styles/multicolumn-combobox/highcontrast-light.scss';
+@use 'ej2-multicolumn-combobox/styles/multicolumn-combobox/highcontrast-light' as *;

package/styles/multicolumn-combobox/highcontrast.scss

@@ -1 +1 @@
-@import 'ej2-multicolumn-combobox/styles/multicolumn-combobox/highcontrast.scss';
+@use 'ej2-multicolumn-combobox/styles/multicolumn-combobox/highcontrast' as *;

package/styles/multicolumn-combobox/material-dark.scss

@@ -1 +1 @@
-@import 'ej2-multicolumn-combobox/styles/multicolumn-combobox/material-dark.scss';
+@use 'ej2-multicolumn-combobox/styles/multicolumn-combobox/material-dark' as *;

package/styles/multicolumn-combobox/material.scss

@@ -1 +1 @@
-@import 'ej2-multicolumn-combobox/styles/multicolumn-combobox/material.scss';
+@use 'ej2-multicolumn-combobox/styles/multicolumn-combobox/material' as *;

package/styles/multicolumn-combobox/material3-dark.scss

@@ -1,2 +1 @@
-
-@import 'ej2-multicolumn-combobox/styles/multicolumn-combobox/material3-dark.scss';
+@use 'ej2-multicolumn-combobox/styles/multicolumn-combobox/material3-dark' as *;

package/styles/multicolumn-combobox/material3.scss

@@ -1,2 +1 @@
-
-@import 'ej2-multicolumn-combobox/styles/multicolumn-combobox/material3.scss';
+@use 'ej2-multicolumn-combobox/styles/multicolumn-combobox/material3' as *;

package/styles/multicolumn-combobox/tailwind-dark.scss

@@ -1 +1 @@
-@import 'ej2-multicolumn-combobox/styles/multicolumn-combobox/tailwind-dark.scss';
+@use 'ej2-multicolumn-combobox/styles/multicolumn-combobox/tailwind-dark' as *;

package/styles/multicolumn-combobox/tailwind.scss

@@ -1 +1 @@
-@import 'ej2-multicolumn-combobox/styles/multicolumn-combobox/tailwind.scss';
+@use 'ej2-multicolumn-combobox/styles/multicolumn-combobox/tailwind' as *;

package/styles/multicolumn-combobox/tailwind3.scss

@@ -1 +1 @@
-@import 'ej2-multicolumn-combobox/styles/multicolumn-combobox/tailwind3.scss';
+@use 'ej2-multicolumn-combobox/styles/multicolumn-combobox/tailwind3' as *;

package/styles/tailwind-dark-lite.scss

@@ -1 +1 @@
-@import 'ej2-multicolumn-combobox/styles/tailwind-dark-lite.scss';
+@use 'ej2-multicolumn-combobox/tailwind-dark-lite' as *;

package/styles/tailwind-dark.scss

@@ -1 +1 @@
-@import 'multicolumn-combobox/tailwind-dark.scss';
+@use 'multicolumn-combobox/tailwind-dark' as *;

package/styles/tailwind-lite.scss

@@ -1 +1 @@
-@import 'ej2-multicolumn-combobox/styles/tailwind-lite.scss';
+@use 'ej2-multicolumn-combobox/tailwind-lite' as *;

package/styles/tailwind.scss

@@ -1 +1 @@
-@import 'multicolumn-combobox/tailwind.scss';
+@use 'multicolumn-combobox/tailwind' as *;

package/styles/tailwind3-lite.scss

@@ -1 +1 @@
-@import 'ej2-multicolumn-combobox/styles/tailwind3-lite.scss';
+@use 'ej2-multicolumn-combobox/tailwind3-lite' as *;

package/styles/tailwind3.scss

@@ -1 +1 @@
-@import 'multicolumn-combobox/tailwind3.scss';
+@use 'multicolumn-combobox/tailwind3' as *;