@syncfusion/ej2-react-multicolumn-combobox 27.1.48 → 27.2.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/ej2-react-multicolumn-combobox.min.js +2 -2
- package/dist/ej2-react-multicolumn-combobox.umd.min.js +2 -2
- package/dist/ej2-react-multicolumn-combobox.umd.min.js.map +1 -1
- package/dist/es6/ej2-react-multicolumn-combobox.es2015.js +2 -0
- package/dist/es6/ej2-react-multicolumn-combobox.es2015.js.map +1 -1
- package/package.json +8 -8
- package/src/multicolumn-combobox/multicolumncombobox.component.d.ts +1 -0
- package/src/multicolumn-combobox/multicolumncombobox.component.js +2 -0
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* filename: ej2-react-multicolumn-combobox.min.js
|
|
3
|
-
* version : 27.
|
|
3
|
+
* version : 27.2.2
|
|
4
4
|
* Copyright Syncfusion Inc. 2001 - 2023. All rights reserved.
|
|
5
5
|
* Use of this code is subject to the terms of our license.
|
|
6
6
|
* A copy of the current license can be obtained at any time by e-mailing
|
|
7
7
|
* licensing@syncfusion.com. Any infringement will be prosecuted under
|
|
8
8
|
* applicable laws.
|
|
9
9
|
*/
|
|
10
|
-
!function(t,e){"object"==typeof exports&&"object"==typeof module?module.exports=e(require("SyncfusionReactBase"),require("React"),require("SyncfusionBase"),require("SyncfusionInputs"),require("SyncfusionData"),require("SyncfusionPopups"),require("SyncfusionGrids")):"function"==typeof define&&define.amd?define(["SyncfusionReactBase","React","SyncfusionBase","SyncfusionInputs","SyncfusionData","SyncfusionPopups","SyncfusionGrids"],e):"object"==typeof exports?exports.SyncfusionReactMulticolumnCombobox=e(require("SyncfusionReactBase"),require("React"),require("SyncfusionBase"),require("SyncfusionInputs"),require("SyncfusionData"),require("SyncfusionPopups"),require("SyncfusionGrids")):t.SyncfusionReactMulticolumnCombobox=e(t.SyncfusionReactBase,t.React,t.SyncfusionBase,t.SyncfusionInputs,t.SyncfusionData,t.SyncfusionPopups,t.SyncfusionGrids)}(self,((t,e,i,o,r,n,s)=>(()=>{"use strict";var a={24:t=>{t.exports=e},766:t=>{t.exports=i},74:t=>{t.exports=r},707:t=>{t.exports=s},323:t=>{t.exports=o},197:t=>{t.exports=n},705:e=>{e.exports=t}},l={};function p(t){var e=l[t];if(void 0!==e)return e.exports;var i=l[t]={exports:{}};return a[t](i,i.exports,p),i.exports}p.d=(t,e)=>{for(var i in e)p.o(e,i)&&!p.o(t,i)&&Object.defineProperty(t,i,{enumerable:!0,get:e[i]})},p.o=(t,e)=>Object.prototype.hasOwnProperty.call(t,e),p.r=t=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})};var u={};return(()=>{p.r(u),p.d(u,{Column:()=>P,ColumnDirective:()=>a,ColumnsDirective:()=>l,Edit:()=>y.Edit,FieldSettings:()=>j,FilterType:()=>e,GridSettings:()=>R,Group:()=>y.Group,Inject:()=>n.Inject,MultiColumnComboBox:()=>T,MultiColumnComboBoxComponent:()=>I,MultiColumnGrid:()=>x,Sort:()=>y.Sort,SortOrder:()=>i,SortType:()=>o,VirtualScroll:()=>y.VirtualScroll,WrapMode:()=>r});var t,e,i,o,r,n=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 o(){this.constructor=e}t(e,i),e.prototype=null===i?Object.create(i):(o.prototype=i.prototype,new o)}),a=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return s(e,t),e.moduleName="column",e}(n.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}(n.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 o(){this.constructor=e}t(e,i),e.prototype=null===i?Object.create(i):(o.prototype=i.prototype,new o)}}(),v=function(t,e,i,o){var r,n=arguments.length,s=n<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,e,i,o);else for(var a=t.length-1;a>=0;a--)(r=t[a])&&(s=(n<3?r(s):n>3?r(e,i,s):r(e,i))||s);return n>3&&s&&Object.defineProperty(e,i,s),s},b="e-icon-anim",O="e-nodata",w="e-disabled",S="e-input-focus",C="e-multicolumn-list",E="e-multicolumn-grid",x=function(){function t(){}return t.prototype.InjectModules=function(){y.Grid.Inject(y.VirtualScroll,y.Group,y.Edit,y.Sort)},t}();!function(t){t.StartsWith="StartsWith",t.EndsWith="EndsWith",t.Contains="Contains"}(e||(e={})),function(t){t.None="None",t.Ascending="Ascending",t.Descending="Descending"}(i||(i={})),function(t){t.OneColumn="OneColumn",t.MultipleColumns="MultipleColumns"}(o||(o={})),function(t){t.Both="Both",t.Content="Content",t.Header="Header"}(r||(r={}));var j=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),R=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),e}(h.ChildProperty),T=function(t){function r(e,i){var o=t.call(this,e,i)||this;return o.gridInject=new x,o.gridInject.InjectModules(),o}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=null,this.persistData()},r.prototype.getDirective=function(){return"EJS-MULTICOLUMNCOMBOBOX"},r.prototype.getModuleName=function(){return"multicolumncombobox"},r.prototype.getPersistData=function(){return this.addOnPersist(["value"])},r.prototype.persistData=function(){if(this.enablePersistence){this.element.id=this.element.id+"_wrapper";var t=window.localStorage.getItem(this.getModuleName()+this.element.id);(0,h.isNullOrUndefined)(t)||""===t||this.setProperties(JSON.parse(t),!0)}},r.prototype.render=function(){this.renderGrid(),this.renderInput(),this.popupDiv=this.createElement("div",{className:"e-popup-content"}),this.popupDiv.appendChild(this.gridEle),this.setHTMLAttributes(),this.renderPopup(),this.wireEvents()},r.prototype.renderGrid=function(){var t=this,e=this.getGridColumns();this.gridObj=new y.Grid({dataSource:this.dataSource,columns:e,allowSorting:this.allowSorting,enableStickyHeader:!0,gridLines:this.gridSettings.gridLines,rowHeight:this.gridSettings.rowHeight,enableAltRow:this.gridSettings.enableAltRow,enableVirtualization:this.enableVirtualization,enableRtl:this.enableRtl,editSettings:{allowAdding:!1},query:this.query,allowTextWrap:this.gridSettings.allowTextWrap,textWrapSettings:{wrapMode:this.gridSettings.textWrapMode},height:this.popupHeight,allowMultiSorting:"multiplecolumns"===this.sortType.toString().toLowerCase()&&this.allowSorting,rowTemplate:this.itemTemplate,dataBound:function(){t.onDataBound()},actionFailure:function(e){t.onActionFailure(e)},actionBegin:function(e){t.trigger("actionBegin",e)},actionComplete:function(e){t.trigger("actionComplete",e),"sorting"===e.requestType&&t.updateRowSelection(e);var i=e.rows;t.isDataFiltered&&i.length>0&&""!==t.inputEle.value&&"sorting"!==e.requestType&&t.gridObj.getRows()[0].classList.add("e-row-focus");t.popupObj.refreshPosition()},keyPressed:function(e){"Enter"===e.key&&(e.cancel=!0,t.isPopupOpen&&(t.selectedGridRow(t.gridObj.getRows()[t.gridObj.selectedRowIndex],e,!0),t.hidePopup(e),t.focusIn(e))),t.fields.groupBy&&(e.cancel=!0,t.gridKeyActionHandler(e,!0))}}),this.gridEle=this.createElement("div",{id:(0,h.getUniqueID)("grid"),className:E}),this.updateGroupByField();var o=this.sortOrder.toString().toLowerCase();this.gridObj.columns[0].isPrimaryKey=!0,"none"!==o&&(this.gridObj.sortSettings={columns:[{field:this.fields.text,direction:"ascending"===o?i.Ascending:i.Descending}]}),this.gridObj.appendTo(this.gridEle)},r.prototype.isRowMatching=function(t,e,i){var o=Object.values(t).map(String);return o.includes(e)&&o.includes(i)},r.prototype.updateRowSelection=function(t){var e=this;t&&t.rows.forEach((function(t){var i=t.data,o=t.index;e.selectDataRow(i,o)}))},r.prototype.selectDataRow=function(t,e){if(this.isRowMatching(t,this.value?this.value.toString():"",this.text?this.text.toString():"")){this.gridObj.selectRow(e);var i=this.isProtectedOnChange;return this.isProtectedOnChange=!0,this.index=e,void(this.isProtectedOnChange=i)}},r.prototype.findIndex=function(t,e){return t.findIndex((function(t){return Object.keys(e).every((function(i){return t[i]===e[i]}))}))},r.prototype.getGridColumns=function(){var t=this;return this.columns.map((function(e){var i;return e.displayAsCheckBox&&!e.format&&(i="boolean"),{field:e.field,headerText:e.header,width:e.width,textAlign:""===e.textAlign&&t.enableRtl?"Right":e.textAlign,format:e.format,displayAsCheckBox:e.displayAsCheckBox,template:e.template,headerTemplate:e.headerTemplate,customAttributes:e.customAttributes,type:i}}))},r.prototype.updateGroupByField=function(){if(""!==this.fields.groupBy&&!(0,h.isNullOrUndefined)(this.fields.groupBy)){"multiplecolumns"!==this.sortType.toString().toLowerCase()&&this.gridEle.classList.add("e-multicolumn-group");var t=this.isProtectedOnChange;this.isProtectedOnChange=!0,this.gridObj.allowGrouping=!0,this.gridObj.groupSettings={showDropArea:!1,columns:[this.fields.groupBy],captionTemplate:this.groupTemplate&&""!==this.fields.groupBy&&!(0,h.isNullOrUndefined)(this.fields.groupBy)?this.groupTemplate:"${key}"},this.isVue&&(this.gridObj.isVue=this.isVue),this.isProtectedOnChange=t}},r.prototype.onDataBound=function(){var t=this.dataSource.length,e=this.popupDiv.querySelector("."+E);if(t<=0&&e)this.l10nUpdate(),this.popupDiv.removeChild(this.gridEle),(0,h.addClass)([this.popupDiv],[O]);else if(this.popupDiv.classList.contains(O)&&t>=1){(0,h.removeClass)([this.popupDiv],[O]);var i=this.popupDiv.querySelector(".e-no-records");i&&this.popupDiv.removeChild(i)}if(this.isInitialRender){var o=this.popupDiv.classList.contains(O)?this.popupDiv.getBoundingClientRect().height:this.popupDiv.querySelector(".e-gridcontent tr")?this.popupDiv.querySelector(".e-gridcontent tr").getBoundingClientRect().height:0;this.popupRowHeight=o,this.popupObj.hide(),this.popupEle.style.visibility="unset",this.isInitialRender=!1}},r.prototype.onActionFailure=function(t){this.trigger("actionFailure",t),this.l10nUpdate(!0),(0,h.addClass)([this.popupDiv],[O])},r.prototype.renderInput=function(){"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"),this.inputEle.setAttribute("aria-expanded","false"),this.inputEle.setAttribute("aria-readOnly",this.readonly.toString()),this.inputEle.setAttribute("aria-disabled",this.disabled.toString()),this.inputEle.setAttribute("autocomplete","off"),this.inputEle.setAttribute("autocapitalize","off"),this.inputEle.setAttribute("spellcheck","false"),this.inputEle.setAttribute("tabindex","0")):(this.inputEle=this.createElement("input",{attrs:{role:"textbox",type:"text"}}),this.element.parentElement.insertBefore(this.inputEle,this.element)),this.inputObj=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(C),this.inputWrapper.setAttribute("spellcheck","false"),this.element.tagName===this.getDirective()&&this.element.appendChild(this.inputWrapper),this.setElementWidth(this.width),(0,h.isNullOrUndefined)(this.value)&&(0,h.isNullOrUndefined)(this.text)&&(0,h.isNullOrUndefined)(this.index)||this.initValue(null,null,!0)},r.prototype.setElementWidth=function(t){var e=this.inputWrapper;(0,h.isNullOrUndefined)(t)||("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(){if(Object.keys(this.htmlAttributes).length)for(var t=0,e=Object.keys(this.htmlAttributes);t<e.length;t++){var i=e[t];if("class"===i)this.inputWrapper.classList.add(this.htmlAttributes[""+i]);else if("disabled"===i)this.setProperties({enabled:!1},!0),this.setEnable();else if("readonly"===i)this.setProperties({readonly:!0},!0),this.dataBind();else if("style"===i)this.inputWrapper.setAttribute("style",this.htmlAttributes[""+i]);else{["title","id","placeholder","role","autocomplete","autocapitalize","spellcheck","minlength","maxlength"].indexOf(i)>-1&&"placeholder"===i?c.Input.setPlaceholder(this.htmlAttributes[""+i],this.inputEle):this.inputEle.setAttribute(i,this.htmlAttributes[""+i])}}},r.prototype.setEnable=function(){c.Input.setEnabled(!this.disabled,this.inputEle),this.disabled?(this.isPopupOpen&&this.hidePopup(),(0,h.addClass)([this.inputWrapper],w),this.inputWrapper&&this.inputWrapper.classList.contains(S)&&(0,h.removeClass)([this.inputWrapper],[S]),this.inputEle.setAttribute("aria-disabled","true"),this.inputWrapper.setAttribute("aria-disabled","true")):((0,h.removeClass)([this.inputWrapper],w),this.inputEle.setAttribute("aria-disabled","false"),this.inputWrapper.setAttribute("aria-disabled","false"))},r.prototype.initValue=function(t,e,i){var o,r,n,s,a=this,l=this.gridObj.getSelectedRecords()[0],p=this.gridObj.getSelectedRows()[0],u=this.isProtectedOnChange;this.isProtectedOnChange=!0,this.value=this.value?this.value.toString():this.value,this.isProtectedOnChange=u;var d=function(t){var e=a.updateCurrentValues(o,t);r=e.currentValue,n=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;!(0,h.isNullOrUndefined)(this.dataSource)&&this.dataSource instanceof f.DataManager?this.dataSource.executeQuery(new f.Query).then((function(u){var f=u.result,g=f.filter((function(i){return i[t?e?a.fields.value:a.fields.text:(0,h.isNullOrUndefined)(a.value)?a.fields.text:a.fields.value].toString()===c}));g.length>0&&(o=g[0],d(f),a.updateChangeEvent(o,l,p,r,n,s,t,i),a.gridObj.selectRow(a.index))})):!(0,h.isNullOrUndefined)(this.dataSource)&&this.dataSource instanceof Array&&(o=this.dataSource.filter((function(i){return i[t?e?a.fields.value:a.fields.text:(0,h.isNullOrUndefined)(a.value)?a.fields.text:a.fields.value].toString()===c}))[0],d(this.dataSource))}else(0,h.isNullOrUndefined)(this.index)||(!(0,h.isNullOrUndefined)(this.dataSource)&&this.dataSource instanceof f.DataManager?this.dataSource.executeQuery(new f.Query).then((function(e){var u=e.result;o=u[a.index],d(u),a.updateChangeEvent(o,l,p,r,n,s,t,i),a.gridObj.selectRow(a.index)})):!(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)]){o=u,d(a.dataSource),a.updateChangeEvent(o,l,p,r,n,s,t,i),a.gridObj.selectRow(a.index);break}})):(o=this.dataSource[this.index],d(this.dataSource))));this.dataSource instanceof f.DataManager||this.updateChangeEvent(o,l,p,r,n,s,t,i)},r.prototype.updateChangeEvent=function(t,e,i,o,r,n,s,a){var l={value:t?t[this.fields.value].toString():null,itemData:{text:r,value:o},item:this.getDataByValue(this.value),previousItemData:e,previousItemElement:i,itemElement:this.inputWrapper,event:null,isInteracted:!s};this.updateValues(o,r,n,l,a)},r.prototype.updateCurrentValues=function(t,e){return(0,h.isNullOrUndefined)(t)?{currentValue:null,currentText:null,currentIndex:null}:(c.Input.setValue(t[this.fields.text].toString(),this.inputEle,this.floatLabelType,this.showClearButton),{currentValue:t[this.fields.value].toString(),currentText:t[this.fields.text].toString(),currentIndex:e.indexOf(t)})},r.prototype.renderPopup=function(){this.popupEle=this.createElement("div",{id:this.element.id+"_options",className:C+" 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){this.footer=this.footer?this.footer:this.popupEle.querySelector(".e-popup-footer");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,i){var o;if(t){var r=this.gridObj.getContent().querySelector(".e-content"),n=r.offsetHeight-r.clientHeight,s=i*this.popupRowHeight;""===this.fields.groupBy||(0,h.isNullOrUndefined)(this.fields.groupBy)||(s+=this.popupRowHeight),o=e&&s<this.prevGridHeight?s+n+"px":this.prevGridHeight+"px"}else this.prevGridHeight=this.popupDiv.getBoundingClientRect().height-this.popupDiv.querySelector(".e-gridheader").getBoundingClientRect().height,o=this.prevGridHeight+"px";var a=this.isProtectedOnChange;this.isProtectedOnChange=!0,this.gridObj.height=o,this.isProtectedOnChange=a},r.prototype.createPopup=function(t){var e=this;this.popupObj=new 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",o=t?"actionFailureTemplate":"noRecordsTemplate",r=this.getTemplateFunction(e)({},this,o,i,this.isStringTemplate,void 0,this.noRecord);r&&(r=Array.prototype.slice.call(r),(0,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.indexOf("%")>-1?i=((t?this.inputWrapper.offsetWidth:document.documentElement.clientHeight)*parseFloat(i)/100).toString()+"px":"string"==typeof e&&(i=e.match(/px|em/)?e:i);return i},r.prototype.selectedGridRow=function(t,e,i){var o=this,r={isInteracted:!!e,item:this.gridObj.getSelectedRecords()[0],itemElement:t,itemData:this.gridObj.getSelectedRecords()[0],event:e,cancel:!1},n=this.gridObj.getSelectedRecords()[0],s=n?n[this.fields.text].toString():"",a=n?n[this.fields.value].toString():"",l={isInteracted:!!e,item:n,itemElement:t,itemData:{text:s,value:a},event:e,cancel:!1,value:a,previousItemData:{text:this.text,value:this.value},previousItemElement:this.previousItemElement};this.trigger("select",r,(function(t){if(!t.cancel&&t.itemData){var r=t.itemData,n=e,s="Enter"===n.key||"Tab"===n.key||n.shiftKey&&"Tab"===n.key||n.altKey&&"ArrowUp"===n.key;(!i||i&&s)&&o.updateValues(r[o.fields.value],r[o.fields.text],o.gridObj.selectedRowIndex,l),c.Input.setValue(r[o.fields.text],o.inputEle,o.floatLabelType,o.showClearButton),(!i||i&&s)&&o.hidePopup(e)}}))},r.prototype.updateValues=function(t,e,i,o,r){this.previousItemElement=o.itemElement;var n=this.isProtectedOnChange;this.isProtectedOnChange=!0,this.text=e||this.text,this.value=t||this.value,this.index=(0,h.isNullOrUndefined)(i)?this.index:i,this.isProtectedOnChange=n,r||this.triggerChangeEvent(o)},r.prototype.triggerChangeEvent=function(t){this.trigger("change",t,(function(t){t.cancel}))},r.prototype.inputHandler=function(t){var e=this;if(this.showPopup(null,!0),this.updateClearIconState(),this.allowFiltering){var i=t.target.value.toLowerCase(),o=!1,r={preventDefaultAction:!1,text:i,updateData:function(t,n,s){r.cancel||(o=!0,e.filterAction(t,i,n,s))},event:t,cancel:!1};this.trigger("filtering",r,(function(t){t.cancel||t.preventDefaultAction||o||e.filterAction(e.dataSource,i,e.query,e.fields)}))}this.updateInputValue(t.target.value)},r.prototype.updateInputValue=function(t){var e,i=this;if(this.dataSource instanceof f.DataManager){var o=new f.Query;this.dataSource.executeQuery(o).then((function(o){var r=o.result;e=r.filter((function(e){return e[i.fields.text].toString().toLowerCase().startsWith(t.toLowerCase())})),i.selectFilteredRows(e)}))}else Array.isArray(this.dataSource)&&(e=this.dataSource.filter((function(e){return e[i.fields.text].toString().toLowerCase().startsWith(t.toLowerCase())})),this.selectFilteredRows(e))},r.prototype.selectFilteredRows=function(t){if(t.length>0?this.matchedContent=t[0]:this.matchedContent=null,this.matchedContent){var e=this.findIndex(this.gridObj.currentViewData,this.matchedContent);this.matchedRowEle=this.gridObj.getRowByIndex(e)}else this.matchedRowEle=null},r.prototype.filterAction=function(t,e,i,o){var r=this;if((0,h.isNullOrUndefined)(i)&&(0,h.isNullOrUndefined)(o))this.updateGridDataSource(t);else if(i)t instanceof f.DataManager?this.filteringHandler(t,e,i,o):new f.DataManager(t).executeQuery(i).then((function(t){var e=t.result;r.updateGridDataSource(e)}));else{var n=i||new f.Query;if(t instanceof f.DataManager)this.filteringHandler(t,e,n,o);else if(Array.isArray(t)){var s=this.filterType.toString().toLowerCase(),a=t.filter((function(t){return r.filterData(t,s,e,o)}));this.updateGridDataSource(a)}}},r.prototype.filteringHandler=function(t,e,i,o){var r,n=this,s=this.filterType.toString().toLowerCase();t.executeQuery(i).then((function(t){var i=t.result,a=i.length;r=i.filter((function(t){return n.filterData(t,s,e,o)})),n.updateGridDataSource(r,a)}))},r.prototype.filterData=function(t,e,i,o){var r=t[o?o.text:this.fields.text].toString().toLowerCase();switch(e){case"startswith":return r.startsWith(i);case"endswith":return r.endsWith(i);case"contains":return r.includes(i);default:return!1}},r.prototype.updateGridDataSource=function(t,e){var i=!0;if(t.length>0){i=(this.dataSource instanceof f.DataManager?e:this.dataSource.length)!==t.length,(0,h.removeClass)([this.popupDiv],[O]);var o=this.popupDiv.querySelector(".e-no-records");o&&this.popupDiv.removeChild(o),this.gridObj.dataSource=t,this.isDataFiltered=!0}else this.l10nUpdate(),(0,h.addClass)([this.popupDiv],[O]);this.updateGridHeight(!0,i,t.length)},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"),o=this.gridObj.selectedRowIndex;i&&(o>=0?this.selectedGridRow(i,t):(this.gridObj.selectedRowIndex=this.gridObj.getRows().indexOf(i),this.gridObj.selectRow(this.gridObj.selectedRowIndex),this.hidePopup(t)))},r.prototype.onDocumentClick=function(t){if(this.disabled||this.readonly||!this.isPopupOpen)t.target.closest(".e-multicolumn-list")||this.focusOut();else{var e=t.target;e.classList.contains("e-multicolumn-list-icon")||(0,h.closest)(e,".e-popup")?t.preventDefault():e.classList.contains("e-multicolumncombobox")||e.classList.contains("e-clear-icon")||this.updateValuesOnInput(t)}},r.prototype.updateValuesOnInput=function(t,e,i){var o=this;void 0===i&&(i=!1);var r=t||e;if(this.hidePopup(r),this.matchedRowEle&&!i){var n=this.isProtectedOnChange;this.isProtectedOnChange=!0,setTimeout((function(){o.inputEle.value=o.matchedContent[o.fields.text].toString(),o.value=o.matchedContent[o.fields.value].toString();var t=o.findIndex(o.gridObj.currentViewData,o.matchedContent);o.index=t,o.text=o.matchedContent[o.fields.text].toString(),o.gridObj.selectRow(t),o.selectedGridRow(o.gridObj.getRowByIndex(t),r),o.previousItemElement=o.gridObj.getSelectedRows()[0]}),100),this.isProtectedOnChange=n}else if(this.isDataFiltered){this.inputEle.value="";var s={value:null,itemData:{text:null,value:null},item:null,previousItemData:{text:this.text,value:this.value},previousItemElement:this.previousItemElement,itemElement:null,event:r,isInteracted:!0,cancel:!1};n=this.isProtectedOnChange;this.isProtectedOnChange=!0,this.text=this.value=this.index=null,this.gridObj.refreshColumns(),this.isProtectedOnChange=n,this.triggerChangeEvent(s),this.isDataFiltered=!1,this.matchedContent=this.matchedRowEle=null}},r.prototype.clearText=function(t){this.isDataFiltered=!0,this.updateValuesOnInput(t,null,!0)},r.prototype.windowResize=function(){this.popupObj&&(this.popupObj.setProperties({width:this.getSize(!0)}),this.popupObj.refreshPosition())},r.prototype.setCssClass=function(t,e){var i=this.popupObj?[this.inputWrapper,this.popupObj.element]:[this.inputWrapper];(0,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),this.focusIn(t);break;case"home":case"end":this.updateSelectedItem(t)}},r.prototype.gridKeyActionHandler=function(t,e){switch(e&&("ArrowDown"===t.key?t.action="moveDown":"ArrowUp"===t.key?t.action="moveUp":"End"===t.key?t.action="end":"Home"===t.key?t.action="home":"Tab"===t.key?t.action="tab":"Escape"===t.key&&(t.action="escape"),t.shiftKey&&"Tab"===t.key&&(t.action="shiftTab"),t.altKey&&"ArrowUp"===t.key&&(t.action="altUp")),t.action){case"escape":case"tab":case"shiftTab":case"altUp":this.isPopupOpen&&(t.preventDefault(),"escape"!==t.action&&this.updateSelectedItem(t),this.hidePopup(t));break;case"moveDown":case"moveUp":case"home":case"end":this.updateSelectedItem(t)}},r.prototype.updateSelectedItem=function(t,e,i){if(void 0===e&&(e=!0),this.isPopupOpen){var o=this.fields.groupBy?this.gridObj.selectedRowIndex?this.gridObj.selectedRowIndex:0:this.gridObj.selectedRowIndex;-1===o&&("moveDown"===t.action||"moveUp"===t.action)||"home"===t.action?o=0:o>=this.gridObj.getRows().length&&"moveDown"===t.action||"end"===t.action?o=this.gridObj.getRows().length-1:"moveDown"===t.action&&o>=0&&o<=this.gridObj.getRows().length&&(this.fields.groupBy||i)?o+=1:("moveUp"===t.action&&o>0&&this.fields.groupBy||i)&&(o-=1),this.gridObj.selectRow(o),this.gridObj.selectedRowIndex=o;var r=this.gridEle.querySelector(".e-row-focus");r&&r.classList.remove("e-row-focus"),e&&this.selectedGridRow(this.gridObj.getRows()[parseInt(o.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.focusIn=function(t){this.disabled||this.readonly||((0,h.addClass)([this.inputWrapper],[S]),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],[S]);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,o={popup:this.popupObj,event:t,cancel:!1,animation:{name:"FadeIn",duration:100}};this.trigger("open",o,(function(o){if(!o.cancel&&!i.isPopupOpen){if(i.isPopupOpen=!0,i.popupObj.refreshPosition(),(0,h.addClass)([i.inputWrapper],[b]),(0,h.attributes)(i.inputEle,{"aria-expanded":"true","aria-owns":i.element.id+"_popup","aria-controls":i.element.id}),!e){var r;if(i.value||i.text||i.index)i.gridObj.getRowsObject().forEach((function(t,e){i.fields.groupBy&&(0,h.isNullOrUndefined)(t.data.items)&&((0,h.isNullOrUndefined)(r)?r=0:r+=1),i.selectDataRow(t.data,i.fields.groupBy?r:e)}));i.focusIn(t)}var n=i.gridObj.getContent();if(n){var s=n.querySelector(".e-rowcell.e-active");s?i.inputEle.setAttribute("aria-activedescendant",s.parentElement.getAttribute("data-uid")):n.querySelector(".e-row")&&i.inputEle.setAttribute("aria-activedescendant",n.querySelector(".e-row").getAttribute("data-uid"))}i.popupObj.show(new h.Animation(o.animation),i.popupEle)}}))},r.prototype.hidePopup=function(t){var e=this,i={popup:this.popupObj,event:t||null,cancel:!1,animation:{name:"FadeOut",duration:100}};this.trigger("close",i,(function(i){if(!i.cancel){if(e.isPopupOpen=!1,(0,h.removeClass)([e.inputWrapper],[b]),(0,h.attributes)(e.inputEle,{"aria-expanded":"false"}),e.popupObj.hide(new h.Animation(i.animation)),e.inputEle.value=e.text?e.text.toString():"",t){var o=t.target;o&&(o.classList.contains("e-multicolumn-list-icon")||o.classList.contains("e-rowcell"))?(e.value||e.gridObj.refreshColumns(),setTimeout((function(){e.focusIn(t)}))):e.focusOut()}e.inputEle.removeAttribute("aria-owns"),e.inputEle.removeAttribute("aria-activedescendant")}})),setTimeout((function(){e.gridObj&&(e.gridObj.dataSource=e.dataSource,e.updateGridHeight(!0,!1))}),100)},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 i[e.fields.value].toString()===t}))[0]:(!(0,h.isNullOrUndefined)(this.dataSource)&&this.dataSource instanceof f.DataManager&&this.dataSource.executeQuery(new f.Query).then((function(i){return i.result.filter((function(i){return i[e.fields.value].toString()===t}))[0]})),null)},r.prototype.destroy=function(){if(this.unWireEvents(),this.gridObj&&(this.gridObj.destroy(),(0,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,t.prototype.destroy.call(this)},r.prototype.onPropertyChanged=function(t,e){for(var o=0,r=Object.keys(t);o<r.length;o++){var n=r[o],s=void 0;switch(n){case"width":case"popupWidth":"width"===n&&this.setElementWidth(t.width),this.popupObj&&(this.popupObj.element.style.width=this.getSize(!0));break;case"popupHeight":if(this.popupObj){var a=this.getSize(!1);this.popupObj.element.style.maxHeight=a,this.popupDiv.style.maxHeight=a,this.gridObj.height=a}break;case"placeholder":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.gridObj&&(this.gridObj.dataSource=t.dataSource);break;case"query":this.gridObj&&(this.gridObj.query=t.query);break;case"gridSettings":this.gridObj&&(this.gridObj.gridLines=t.gridSettings.gridLines,this.gridObj.rowHeight=t.gridSettings.rowHeight,this.gridObj.enableAltRow=t.gridSettings.enableAltRow,(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)}}},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},j)],r.prototype,"fields",void 0),v([(0,h.Collection)([],P)],r.prototype,"columns",void 0),v([(0,h.Complex)({},R)],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)(o.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),D=function(){var t=function(e,i){return t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var i in e)e.hasOwnProperty(i)&&(t[i]=e[i])},t(e,i)};return function(e,i){function o(){this.constructor=e}t(e,i),e.prototype=null===i?Object.create(i):(o.prototype=i.prototype,new o)}}(),I=function(t){function e(e){var i=t.call(this,e)||this;return i.initRenderCalled=!1,i.checkInjectedModules=!0,i.directivekeys={columns:"column"},i.statelessTemplateProps=null,i.templateProps=null,i.immediateRender=!1,i.portals=[],i}return D(e,t),e.prototype.render=function(){if(!(this.element&&!this.initRenderCalled||this.refreshing)||this.isReactForeceUpdate)return d.createElement(d.Fragment,null,[].concat(d.createElement("input",this.getDefaultAttributes()),this.portals));t.prototype.render.call(this),this.initRenderCalled=!0},e}(T);(0,n.applyMixins)(I,[n.ComponentBase,d.Component])})(),u})()));
|
|
10
|
+
!function(t,e){"object"==typeof exports&&"object"==typeof module?module.exports=e(require("SyncfusionReactBase"),require("React"),require("SyncfusionBase"),require("SyncfusionInputs"),require("SyncfusionData"),require("SyncfusionPopups"),require("SyncfusionGrids")):"function"==typeof define&&define.amd?define(["SyncfusionReactBase","React","SyncfusionBase","SyncfusionInputs","SyncfusionData","SyncfusionPopups","SyncfusionGrids"],e):"object"==typeof exports?exports.SyncfusionReactMulticolumnCombobox=e(require("SyncfusionReactBase"),require("React"),require("SyncfusionBase"),require("SyncfusionInputs"),require("SyncfusionData"),require("SyncfusionPopups"),require("SyncfusionGrids")):t.SyncfusionReactMulticolumnCombobox=e(t.SyncfusionReactBase,t.React,t.SyncfusionBase,t.SyncfusionInputs,t.SyncfusionData,t.SyncfusionPopups,t.SyncfusionGrids)}(self,((t,e,i,o,r,n,s)=>(()=>{"use strict";var a={24:t=>{t.exports=e},766:t=>{t.exports=i},74:t=>{t.exports=r},707:t=>{t.exports=s},323:t=>{t.exports=o},197:t=>{t.exports=n},705:e=>{e.exports=t}},l={};function p(t){var e=l[t];if(void 0!==e)return e.exports;var i=l[t]={exports:{}};return a[t](i,i.exports,p),i.exports}p.d=(t,e)=>{for(var i in e)p.o(e,i)&&!p.o(t,i)&&Object.defineProperty(t,i,{enumerable:!0,get:e[i]})},p.o=(t,e)=>Object.prototype.hasOwnProperty.call(t,e),p.r=t=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})};var u={};return(()=>{p.r(u),p.d(u,{Column:()=>P,ColumnDirective:()=>a,ColumnsDirective:()=>l,Edit:()=>y.Edit,FieldSettings:()=>j,FilterType:()=>e,GridSettings:()=>R,Group:()=>y.Group,Inject:()=>n.Inject,MultiColumnComboBox:()=>T,MultiColumnComboBoxComponent:()=>I,MultiColumnGrid:()=>x,Sort:()=>y.Sort,SortOrder:()=>i,SortType:()=>o,VirtualScroll:()=>y.VirtualScroll,WrapMode:()=>r});var t,e,i,o,r,n=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 o(){this.constructor=e}t(e,i),e.prototype=null===i?Object.create(i):(o.prototype=i.prototype,new o)}),a=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return s(e,t),e.moduleName="column",e}(n.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}(n.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 o(){this.constructor=e}t(e,i),e.prototype=null===i?Object.create(i):(o.prototype=i.prototype,new o)}}(),v=function(t,e,i,o){var r,n=arguments.length,s=n<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,e,i,o);else for(var a=t.length-1;a>=0;a--)(r=t[a])&&(s=(n<3?r(s):n>3?r(e,i,s):r(e,i))||s);return n>3&&s&&Object.defineProperty(e,i,s),s},b="e-icon-anim",O="e-nodata",w="e-disabled",S="e-input-focus",C="e-multicolumn-list",E="e-multicolumn-grid",x=function(){function t(){}return t.prototype.InjectModules=function(){y.Grid.Inject(y.VirtualScroll,y.Group,y.Edit,y.Sort)},t}();!function(t){t.StartsWith="StartsWith",t.EndsWith="EndsWith",t.Contains="Contains"}(e||(e={})),function(t){t.None="None",t.Ascending="Ascending",t.Descending="Descending"}(i||(i={})),function(t){t.OneColumn="OneColumn",t.MultipleColumns="MultipleColumns"}(o||(o={})),function(t){t.Both="Both",t.Content="Content",t.Header="Header"}(r||(r={}));var j=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),R=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),e}(h.ChildProperty),T=function(t){function r(e,i){var o=t.call(this,e,i)||this;return o.gridInject=new x,o.gridInject.InjectModules(),o}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=null,this.persistData()},r.prototype.getDirective=function(){return"EJS-MULTICOLUMNCOMBOBOX"},r.prototype.getModuleName=function(){return"multicolumncombobox"},r.prototype.getPersistData=function(){return this.addOnPersist(["value"])},r.prototype.persistData=function(){if(this.enablePersistence){this.element.id=this.element.id+"_wrapper";var t=window.localStorage.getItem(this.getModuleName()+this.element.id);(0,h.isNullOrUndefined)(t)||""===t||this.setProperties(JSON.parse(t),!0)}},r.prototype.render=function(){this.renderGrid(),this.renderInput(),this.popupDiv=this.createElement("div",{className:"e-popup-content"}),this.popupDiv.appendChild(this.gridEle),this.setHTMLAttributes(),this.renderPopup(),this.wireEvents()},r.prototype.renderGrid=function(){var t=this,e=this.getGridColumns();this.gridObj=new y.Grid({dataSource:this.dataSource,columns:e,allowSorting:this.allowSorting,enableStickyHeader:!0,gridLines:this.gridSettings.gridLines,rowHeight:this.gridSettings.rowHeight,enableAltRow:this.gridSettings.enableAltRow,enableVirtualization:this.enableVirtualization,enableRtl:this.enableRtl,editSettings:{allowAdding:!1},query:this.query,allowTextWrap:this.gridSettings.allowTextWrap,textWrapSettings:{wrapMode:this.gridSettings.textWrapMode},height:this.popupHeight,allowMultiSorting:"multiplecolumns"===this.sortType.toString().toLowerCase()&&this.allowSorting,rowTemplate:this.itemTemplate,dataBound:function(){t.onDataBound()},actionFailure:function(e){t.onActionFailure(e)},actionBegin:function(e){t.trigger("actionBegin",e)},actionComplete:function(e){t.trigger("actionComplete",e),"sorting"===e.requestType&&t.updateRowSelection(e);var i=e.rows;t.isDataFiltered&&i.length>0&&""!==t.inputEle.value&&"sorting"!==e.requestType&&t.gridObj.getRows()[0].classList.add("e-row-focus");t.popupObj.refreshPosition()},keyPressed:function(e){"Enter"===e.key&&(e.cancel=!0,t.isPopupOpen&&(t.selectedGridRow(t.gridObj.getRows()[t.gridObj.selectedRowIndex],e,!0),t.hidePopup(e),t.focusIn(e))),t.fields.groupBy&&(e.cancel=!0,t.gridKeyActionHandler(e,!0))}}),this.gridEle=this.createElement("div",{id:(0,h.getUniqueID)("grid"),className:E}),this.updateGroupByField();var o=this.sortOrder.toString().toLowerCase();this.gridObj.columns[0].isPrimaryKey=!0,"none"!==o&&(this.gridObj.sortSettings={columns:[{field:this.fields.text,direction:"ascending"===o?i.Ascending:i.Descending}]}),this.gridObj.appendTo(this.gridEle)},r.prototype.isRowMatching=function(t,e,i){var o=Object.values(t).map(String);return o.includes(e)&&o.includes(i)},r.prototype.updateRowSelection=function(t){var e=this;t&&t.rows.forEach((function(t){var i=t.data,o=t.index;e.selectDataRow(i,o)}))},r.prototype.selectDataRow=function(t,e){if(this.isRowMatching(t,this.value?this.value.toString():"",this.text?this.text.toString():"")){this.gridObj.selectRow(e);var i=this.isProtectedOnChange;return this.isProtectedOnChange=!0,this.index=e,void(this.isProtectedOnChange=i)}},r.prototype.findIndex=function(t,e){return t.findIndex((function(t){return Object.keys(e).every((function(i){return t[i]===e[i]}))}))},r.prototype.getGridColumns=function(){var t=this;return this.columns.map((function(e){var i;return e.displayAsCheckBox&&!e.format&&(i="boolean"),{field:e.field,headerText:e.header,width:e.width,textAlign:""===e.textAlign&&t.enableRtl?"Right":e.textAlign,format:e.format,displayAsCheckBox:e.displayAsCheckBox,template:e.template,headerTemplate:e.headerTemplate,customAttributes:e.customAttributes,type:i}}))},r.prototype.updateGroupByField=function(){if(""!==this.fields.groupBy&&!(0,h.isNullOrUndefined)(this.fields.groupBy)){"multiplecolumns"!==this.sortType.toString().toLowerCase()&&this.gridEle.classList.add("e-multicolumn-group");var t=this.isProtectedOnChange;this.isProtectedOnChange=!0,this.gridObj.allowGrouping=!0,this.gridObj.groupSettings={showDropArea:!1,columns:[this.fields.groupBy],captionTemplate:this.groupTemplate&&""!==this.fields.groupBy&&!(0,h.isNullOrUndefined)(this.fields.groupBy)?this.groupTemplate:"${key}"},this.isVue&&(this.gridObj.isVue=this.isVue),this.isProtectedOnChange=t}},r.prototype.onDataBound=function(){var t=this.dataSource.length,e=this.popupDiv.querySelector("."+E);if(t<=0&&e)this.l10nUpdate(),this.popupDiv.removeChild(this.gridEle),(0,h.addClass)([this.popupDiv],[O]);else if(this.popupDiv.classList.contains(O)&&t>=1){(0,h.removeClass)([this.popupDiv],[O]);var i=this.popupDiv.querySelector(".e-no-records");i&&this.popupDiv.removeChild(i)}if(this.isInitialRender){var o=this.popupDiv.classList.contains(O)?this.popupDiv.getBoundingClientRect().height:this.popupDiv.querySelector(".e-gridcontent tr")?this.popupDiv.querySelector(".e-gridcontent tr").getBoundingClientRect().height:0;this.popupRowHeight=o,this.popupObj.hide(),this.popupEle.style.visibility="unset",this.isInitialRender=!1}},r.prototype.onActionFailure=function(t){this.trigger("actionFailure",t),this.l10nUpdate(!0),(0,h.addClass)([this.popupDiv],[O])},r.prototype.renderInput=function(){"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"),this.inputEle.setAttribute("aria-expanded","false"),this.inputEle.setAttribute("aria-readOnly",this.readonly.toString()),this.inputEle.setAttribute("aria-disabled",this.disabled.toString()),this.inputEle.setAttribute("autocomplete","off"),this.inputEle.setAttribute("autocapitalize","off"),this.inputEle.setAttribute("spellcheck","false"),this.inputEle.setAttribute("tabindex","0")):(this.inputEle=this.createElement("input",{attrs:{role:"textbox",type:"text"}}),this.element.parentElement.insertBefore(this.inputEle,this.element)),this.inputObj=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(C),this.inputWrapper.setAttribute("spellcheck","false"),this.element.tagName===this.getDirective()&&this.element.appendChild(this.inputWrapper),this.setElementWidth(this.width),(0,h.isNullOrUndefined)(this.value)&&(0,h.isNullOrUndefined)(this.text)&&(0,h.isNullOrUndefined)(this.index)||this.initValue(null,null,!0)},r.prototype.setElementWidth=function(t){var e=this.inputWrapper;(0,h.isNullOrUndefined)(t)||("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(){if(Object.keys(this.htmlAttributes).length)for(var t=0,e=Object.keys(this.htmlAttributes);t<e.length;t++){var i=e[t];if("class"===i)this.inputWrapper.classList.add(this.htmlAttributes[""+i]);else if("disabled"===i)this.setProperties({enabled:!1},!0),this.setEnable();else if("readonly"===i)this.setProperties({readonly:!0},!0),this.dataBind();else if("style"===i)this.inputWrapper.setAttribute("style",this.htmlAttributes[""+i]);else{["title","id","placeholder","role","autocomplete","autocapitalize","spellcheck","minlength","maxlength"].indexOf(i)>-1&&"placeholder"===i?c.Input.setPlaceholder(this.htmlAttributes[""+i],this.inputEle):this.inputEle.setAttribute(i,this.htmlAttributes[""+i])}}},r.prototype.setEnable=function(){c.Input.setEnabled(!this.disabled,this.inputEle),this.disabled?(this.isPopupOpen&&this.hidePopup(),(0,h.addClass)([this.inputWrapper],w),this.inputWrapper&&this.inputWrapper.classList.contains(S)&&(0,h.removeClass)([this.inputWrapper],[S]),this.inputEle.setAttribute("aria-disabled","true"),this.inputWrapper.setAttribute("aria-disabled","true")):((0,h.removeClass)([this.inputWrapper],w),this.inputEle.setAttribute("aria-disabled","false"),this.inputWrapper.setAttribute("aria-disabled","false"))},r.prototype.initValue=function(t,e,i){var o,r,n,s,a=this,l=this.gridObj.getSelectedRecords()[0],p=this.gridObj.getSelectedRows()[0],u=this.isProtectedOnChange;this.isProtectedOnChange=!0,this.value=this.value?this.value.toString():this.value,this.isProtectedOnChange=u;var d=function(t){var e=a.updateCurrentValues(o,t);r=e.currentValue,n=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;!(0,h.isNullOrUndefined)(this.dataSource)&&this.dataSource instanceof f.DataManager?this.dataSource.executeQuery(new f.Query).then((function(u){var f=u.result,g=f.filter((function(i){return i[t?e?a.fields.value:a.fields.text:(0,h.isNullOrUndefined)(a.value)?a.fields.text:a.fields.value].toString()===c}));g.length>0&&(o=g[0],d(f),a.updateChangeEvent(o,l,p,r,n,s,t,i),a.gridObj.selectRow(a.index))})):!(0,h.isNullOrUndefined)(this.dataSource)&&this.dataSource instanceof Array&&(o=this.dataSource.filter((function(i){return i[t?e?a.fields.value:a.fields.text:(0,h.isNullOrUndefined)(a.value)?a.fields.text:a.fields.value].toString()===c}))[0],d(this.dataSource))}else(0,h.isNullOrUndefined)(this.index)||(!(0,h.isNullOrUndefined)(this.dataSource)&&this.dataSource instanceof f.DataManager?this.dataSource.executeQuery(new f.Query).then((function(e){var u=e.result;o=u[a.index],d(u),a.updateChangeEvent(o,l,p,r,n,s,t,i),a.gridObj.selectRow(a.index)})):!(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)]){o=u,d(a.dataSource),a.updateChangeEvent(o,l,p,r,n,s,t,i),a.gridObj.selectRow(a.index);break}})):(o=this.dataSource[this.index],d(this.dataSource))));this.dataSource instanceof f.DataManager||this.updateChangeEvent(o,l,p,r,n,s,t,i)},r.prototype.updateChangeEvent=function(t,e,i,o,r,n,s,a){var l={value:t?t[this.fields.value].toString():null,itemData:{text:r,value:o},item:this.getDataByValue(this.value),previousItemData:e,previousItemElement:i,itemElement:this.inputWrapper,event:null,isInteracted:!s};this.updateValues(o,r,n,l,a)},r.prototype.updateCurrentValues=function(t,e){return(0,h.isNullOrUndefined)(t)?{currentValue:null,currentText:null,currentIndex:null}:(c.Input.setValue(t[this.fields.text].toString(),this.inputEle,this.floatLabelType,this.showClearButton),{currentValue:t[this.fields.value].toString(),currentText:t[this.fields.text].toString(),currentIndex:e.indexOf(t)})},r.prototype.renderPopup=function(){this.popupEle=this.createElement("div",{id:this.element.id+"_options",className:C+" 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){this.footer=this.footer?this.footer:this.popupEle.querySelector(".e-popup-footer");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,i){var o;if(t){var r=this.gridObj.getContent().querySelector(".e-content"),n=r.offsetHeight-r.clientHeight,s=i*this.popupRowHeight;""===this.fields.groupBy||(0,h.isNullOrUndefined)(this.fields.groupBy)||(s+=this.popupRowHeight),o=e&&s<this.prevGridHeight?s+n+"px":this.prevGridHeight+"px"}else this.prevGridHeight=this.popupDiv.getBoundingClientRect().height-this.popupDiv.querySelector(".e-gridheader").getBoundingClientRect().height,o=this.prevGridHeight+"px";var a=this.isProtectedOnChange;this.isProtectedOnChange=!0,this.gridObj.height=o,this.isProtectedOnChange=a},r.prototype.createPopup=function(t){var e=this;this.popupObj=new 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",o=t?"actionFailureTemplate":"noRecordsTemplate",r=this.getTemplateFunction(e)({},this,o,i,this.isStringTemplate,void 0,this.noRecord);r&&(r=Array.prototype.slice.call(r),(0,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.indexOf("%")>-1?i=((t?this.inputWrapper.offsetWidth:document.documentElement.clientHeight)*parseFloat(i)/100).toString()+"px":"string"==typeof e&&(i=e.match(/px|em/)?e:i);return i},r.prototype.selectedGridRow=function(t,e,i){var o=this,r={isInteracted:!!e,item:this.gridObj.getSelectedRecords()[0],itemElement:t,itemData:this.gridObj.getSelectedRecords()[0],event:e,cancel:!1},n=this.gridObj.getSelectedRecords()[0],s=n?n[this.fields.text].toString():"",a=n?n[this.fields.value].toString():"",l={isInteracted:!!e,item:n,itemElement:t,itemData:{text:s,value:a},event:e,cancel:!1,value:a,previousItemData:{text:this.text,value:this.value},previousItemElement:this.previousItemElement};this.trigger("select",r,(function(t){if(!t.cancel&&t.itemData){var r=t.itemData,n=e,s="Enter"===n.key||"Tab"===n.key||n.shiftKey&&"Tab"===n.key||n.altKey&&"ArrowUp"===n.key;(!i||i&&s)&&o.updateValues(r[o.fields.value],r[o.fields.text],o.gridObj.selectedRowIndex,l),c.Input.setValue(r[o.fields.text],o.inputEle,o.floatLabelType,o.showClearButton),(!i||i&&s)&&o.hidePopup(e)}}))},r.prototype.updateValues=function(t,e,i,o,r){this.previousItemElement=o.itemElement;var n=this.isProtectedOnChange;this.isProtectedOnChange=!0,this.text=e||this.text,this.value=t||this.value,this.index=(0,h.isNullOrUndefined)(i)?this.index:i,this.isProtectedOnChange=n,r||this.triggerChangeEvent(o)},r.prototype.triggerChangeEvent=function(t){this.trigger("change",t,(function(t){t.cancel}))},r.prototype.inputHandler=function(t){var e=this;if(this.showPopup(null,!0),this.updateClearIconState(),this.allowFiltering){var i=t.target.value.toLowerCase(),o=!1,r={preventDefaultAction:!1,text:i,updateData:function(t,n,s){r.cancel||(o=!0,e.filterAction(t,i,n,s))},event:t,cancel:!1};this.trigger("filtering",r,(function(t){t.cancel||t.preventDefaultAction||o||e.filterAction(e.dataSource,i,e.query,e.fields)}))}this.updateInputValue(t.target.value)},r.prototype.updateInputValue=function(t){var e,i=this;if(this.dataSource instanceof f.DataManager){var o=new f.Query;this.dataSource.executeQuery(o).then((function(o){var r=o.result;e=r.filter((function(e){return e[i.fields.text].toString().toLowerCase().startsWith(t.toLowerCase())})),i.selectFilteredRows(e)}))}else Array.isArray(this.dataSource)&&(e=this.dataSource.filter((function(e){return e[i.fields.text].toString().toLowerCase().startsWith(t.toLowerCase())})),this.selectFilteredRows(e))},r.prototype.selectFilteredRows=function(t){if(t.length>0?this.matchedContent=t[0]:this.matchedContent=null,this.matchedContent){var e=this.findIndex(this.gridObj.currentViewData,this.matchedContent);this.matchedRowEle=this.gridObj.getRowByIndex(e)}else this.matchedRowEle=null},r.prototype.filterAction=function(t,e,i,o){var r=this;if((0,h.isNullOrUndefined)(i)&&(0,h.isNullOrUndefined)(o))this.updateGridDataSource(t);else if(i)t instanceof f.DataManager?this.filteringHandler(t,e,i,o):new f.DataManager(t).executeQuery(i).then((function(t){var e=t.result;r.updateGridDataSource(e)}));else{var n=i||new f.Query;if(t instanceof f.DataManager)this.filteringHandler(t,e,n,o);else if(Array.isArray(t)){var s=this.filterType.toString().toLowerCase(),a=t.filter((function(t){return r.filterData(t,s,e,o)}));this.updateGridDataSource(a)}}},r.prototype.filteringHandler=function(t,e,i,o){var r,n=this,s=this.filterType.toString().toLowerCase();t.executeQuery(i).then((function(t){var i=t.result,a=i.length;r=i.filter((function(t){return n.filterData(t,s,e,o)})),n.updateGridDataSource(r,a)}))},r.prototype.filterData=function(t,e,i,o){var r=t[o?o.text:this.fields.text].toString().toLowerCase();switch(e){case"startswith":return r.startsWith(i);case"endswith":return r.endsWith(i);case"contains":return r.includes(i);default:return!1}},r.prototype.updateGridDataSource=function(t,e){var i=!0;if(t.length>0){i=(this.dataSource instanceof f.DataManager?e:this.dataSource.length)!==t.length,(0,h.removeClass)([this.popupDiv],[O]);var o=this.popupDiv.querySelector(".e-no-records");o&&this.popupDiv.removeChild(o),this.gridObj.dataSource=t,this.isDataFiltered=!0}else this.l10nUpdate(),(0,h.addClass)([this.popupDiv],[O]);this.updateGridHeight(!0,i,t.length)},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"),o=this.gridObj.selectedRowIndex;i&&(o>=0?this.selectedGridRow(i,t):(this.gridObj.selectedRowIndex=this.gridObj.getRows().indexOf(i),this.gridObj.selectRow(this.gridObj.selectedRowIndex),this.hidePopup(t)))},r.prototype.onDocumentClick=function(t){if(this.disabled||this.readonly||!this.isPopupOpen)t.target.closest(".e-multicolumn-list")||this.focusOut();else{var e=t.target;e.classList.contains("e-multicolumn-list-icon")||(0,h.closest)(e,".e-popup")?t.preventDefault():e.classList.contains("e-multicolumncombobox")||e.classList.contains("e-clear-icon")||this.updateValuesOnInput(t)}},r.prototype.updateValuesOnInput=function(t,e,i){var o=this;void 0===i&&(i=!1);var r=t||e;if(this.hidePopup(r),this.matchedRowEle&&!i){var n=this.isProtectedOnChange;this.isProtectedOnChange=!0,setTimeout((function(){o.inputEle.value=o.matchedContent[o.fields.text].toString(),o.value=o.matchedContent[o.fields.value].toString();var t=o.findIndex(o.gridObj.currentViewData,o.matchedContent);o.index=t,o.text=o.matchedContent[o.fields.text].toString(),o.gridObj.selectRow(t),o.selectedGridRow(o.gridObj.getRowByIndex(t),r),o.previousItemElement=o.gridObj.getSelectedRows()[0]}),100),this.isProtectedOnChange=n}else if(this.isDataFiltered){this.inputEle.value="";var s={value:null,itemData:{text:null,value:null},item:null,previousItemData:{text:this.text,value:this.value},previousItemElement:this.previousItemElement,itemElement:null,event:r,isInteracted:!0,cancel:!1};n=this.isProtectedOnChange;this.isProtectedOnChange=!0,this.text=this.value=this.index=null,this.gridObj.refreshColumns(),this.isProtectedOnChange=n,this.triggerChangeEvent(s),this.isDataFiltered=!1,this.matchedContent=this.matchedRowEle=null}},r.prototype.clearText=function(t){this.isDataFiltered=!0,this.updateValuesOnInput(t,null,!0)},r.prototype.windowResize=function(){this.popupObj&&(this.popupObj.setProperties({width:this.getSize(!0)}),this.popupObj.refreshPosition())},r.prototype.setCssClass=function(t,e){var i=this.popupObj?[this.inputWrapper,this.popupObj.element]:[this.inputWrapper];(0,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),this.focusIn(t);break;case"home":case"end":this.updateSelectedItem(t)}},r.prototype.gridKeyActionHandler=function(t,e){switch(e&&("ArrowDown"===t.key?t.action="moveDown":"ArrowUp"===t.key?t.action="moveUp":"End"===t.key?t.action="end":"Home"===t.key?t.action="home":"Tab"===t.key?t.action="tab":"Escape"===t.key&&(t.action="escape"),t.shiftKey&&"Tab"===t.key&&(t.action="shiftTab"),t.altKey&&"ArrowUp"===t.key&&(t.action="altUp")),t.action){case"escape":case"tab":case"shiftTab":case"altUp":this.isPopupOpen&&(t.preventDefault(),"escape"!==t.action&&this.updateSelectedItem(t),this.hidePopup(t));break;case"moveDown":case"moveUp":case"home":case"end":this.updateSelectedItem(t)}},r.prototype.updateSelectedItem=function(t,e,i){if(void 0===e&&(e=!0),this.isPopupOpen){var o=this.fields.groupBy?this.gridObj.selectedRowIndex?this.gridObj.selectedRowIndex:0:this.gridObj.selectedRowIndex;-1===o&&("moveDown"===t.action||"moveUp"===t.action)||"home"===t.action?o=0:o>=this.gridObj.getRows().length&&"moveDown"===t.action||"end"===t.action?o=this.gridObj.getRows().length-1:"moveDown"===t.action&&o>=0&&o<=this.gridObj.getRows().length&&(this.fields.groupBy||i)?o+=1:("moveUp"===t.action&&o>0&&this.fields.groupBy||i)&&(o-=1),this.gridObj.selectRow(o),this.gridObj.selectedRowIndex=o;var r=this.gridEle.querySelector(".e-row-focus");r&&r.classList.remove("e-row-focus"),e&&this.selectedGridRow(this.gridObj.getRows()[parseInt(o.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.focusIn=function(t){this.disabled||this.readonly||((0,h.addClass)([this.inputWrapper],[S]),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],[S]);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,o={popup:this.popupObj,event:t,cancel:!1,animation:{name:"FadeIn",duration:100}};this.trigger("open",o,(function(o){if(!o.cancel&&!i.isPopupOpen){if(i.isPopupOpen=!0,i.popupObj.refreshPosition(),(0,h.addClass)([i.inputWrapper],[b]),(0,h.attributes)(i.inputEle,{"aria-expanded":"true","aria-owns":i.element.id+"_popup","aria-controls":i.element.id}),!e){var r;if(i.value||i.text||i.index)i.gridObj.getRowsObject().forEach((function(t,e){i.fields.groupBy&&(0,h.isNullOrUndefined)(t.data.items)&&((0,h.isNullOrUndefined)(r)?r=0:r+=1),i.selectDataRow(t.data,i.fields.groupBy?r:e)}));i.focusIn(t)}var n=i.gridObj.getContent();if(n){var s=n.querySelector(".e-rowcell.e-active");s?i.inputEle.setAttribute("aria-activedescendant",s.parentElement.getAttribute("data-uid")):n.querySelector(".e-row")&&i.inputEle.setAttribute("aria-activedescendant",n.querySelector(".e-row").getAttribute("data-uid"))}i.popupObj.show(new h.Animation(o.animation),i.popupEle)}}))},r.prototype.hidePopup=function(t){var e=this,i={popup:this.popupObj,event:t||null,cancel:!1,animation:{name:"FadeOut",duration:100}};this.trigger("close",i,(function(i){if(!i.cancel){if(e.isPopupOpen=!1,(0,h.removeClass)([e.inputWrapper],[b]),(0,h.attributes)(e.inputEle,{"aria-expanded":"false"}),e.popupObj.hide(new h.Animation(i.animation)),e.inputEle.value=e.text?e.text.toString():"",t){var o=t.target;o&&(o.classList.contains("e-multicolumn-list-icon")||o.classList.contains("e-rowcell"))?(e.value||e.gridObj.refreshColumns(),setTimeout((function(){e.focusIn(t)}))):e.focusOut()}e.inputEle.removeAttribute("aria-owns"),e.inputEle.removeAttribute("aria-activedescendant")}})),setTimeout((function(){e.gridObj&&(e.gridObj.dataSource=e.dataSource,e.updateGridHeight(!0,!1))}),100)},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 i[e.fields.value].toString()===t}))[0]:(!(0,h.isNullOrUndefined)(this.dataSource)&&this.dataSource instanceof f.DataManager&&this.dataSource.executeQuery(new f.Query).then((function(i){return i.result.filter((function(i){return i[e.fields.value].toString()===t}))[0]})),null)},r.prototype.destroy=function(){if(this.unWireEvents(),this.gridObj&&(this.gridObj.destroy(),(0,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,t.prototype.destroy.call(this)},r.prototype.onPropertyChanged=function(t,e){for(var o=0,r=Object.keys(t);o<r.length;o++){var n=r[o],s=void 0;switch(n){case"width":case"popupWidth":"width"===n&&this.setElementWidth(t.width),this.popupObj&&(this.popupObj.element.style.width=this.getSize(!0));break;case"popupHeight":if(this.popupObj){var a=this.getSize(!1);this.popupObj.element.style.maxHeight=a,this.popupDiv.style.maxHeight=a,this.gridObj.height=a}break;case"placeholder":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.gridObj&&(this.gridObj.dataSource=t.dataSource);break;case"query":this.gridObj&&(this.gridObj.query=t.query);break;case"gridSettings":this.gridObj&&(this.gridObj.gridLines=t.gridSettings.gridLines,this.gridObj.rowHeight=t.gridSettings.rowHeight,this.gridObj.enableAltRow=t.gridSettings.enableAltRow,(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)}}},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},j)],r.prototype,"fields",void 0),v([(0,h.Collection)([],P)],r.prototype,"columns",void 0),v([(0,h.Complex)({},R)],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)(o.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),D=function(){var t=function(e,i){return t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var i in e)e.hasOwnProperty(i)&&(t[i]=e[i])},t(e,i)};return function(e,i){function o(){this.constructor=e}t(e,i),e.prototype=null===i?Object.create(i):(o.prototype=i.prototype,new o)}}(),I=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 D(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}(T);(0,n.applyMixins)(I,[n.ComponentBase,d.Component])})(),u})()));
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* filename: ej2-react-multicolumn-combobox.umd.min.js
|
|
3
|
-
* version : 27.
|
|
3
|
+
* version : 27.2.2
|
|
4
4
|
* Copyright Syncfusion Inc. 2001 - 2023. All rights reserved.
|
|
5
5
|
* Use of this code is subject to the terms of our license.
|
|
6
6
|
* A copy of the current license can be obtained at any time by e-mailing
|
|
7
7
|
* licensing@syncfusion.com. Any infringement will be prosecuted under
|
|
8
8
|
* applicable laws.
|
|
9
9
|
*/
|
|
10
|
-
!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(
|
|
10
|
+
!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})});
|
|
11
11
|
//# sourceMappingURL=ej2-react-multicolumn-combobox.umd.min.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ej2-react-multicolumn-combobox.umd.min.js","sources":["../src/multicolumn-combobox/columns-directive.js","../src/multicolumn-combobox/multicolumncombobox.component.js"],"sourcesContent":["var __extends = (this && this.__extends) || (function () {\n var extendStatics = function (d, b) {\n extendStatics = Object.setPrototypeOf ||\n ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };\n return extendStatics(d, b);\n };\n return function (d, b) {\n extendStatics(d, b);\n function __() { this.constructor = d; }\n d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n };\n})();\nimport { ComplexBase } from '@syncfusion/ej2-react-base';\n/**\n * `ColumnDirective` represent a column of the React MultiColumnComboBox.\n * It must be contained in a MultiColumnComboBox component(`MultiColumnComboBoxComponent`).\n * ```tsx\n * <MultiColumnComboBoxComponent dataSource={data}>\n * <ColumnsDirective>\n * <ColumnDirective field='ID' width='100'></ColumnDirective>\n * <ColumnDirective field='name' header='Name' width='100'></ColumnDirective>\n * <ColumnsDirective>\n * </MultiColumnComboBoxComponent>\n * ```\n */\nvar ColumnDirective = /** @class */ (function (_super) {\n __extends(ColumnDirective, _super);\n function ColumnDirective() {\n return _super !== null && _super.apply(this, arguments) || this;\n }\n ColumnDirective.moduleName = 'column';\n return ColumnDirective;\n}(ComplexBase));\nexport { ColumnDirective };\nvar ColumnsDirective = /** @class */ (function (_super) {\n __extends(ColumnsDirective, _super);\n function ColumnsDirective() {\n return _super !== null && _super.apply(this, arguments) || this;\n }\n ColumnsDirective.propertyName = 'columns';\n ColumnsDirective.moduleName = 'columns';\n return ColumnsDirective;\n}(ComplexBase));\nexport { ColumnsDirective };\n","var __extends = (this && this.__extends) || (function () {\n var extendStatics = function (d, b) {\n extendStatics = Object.setPrototypeOf ||\n ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };\n return extendStatics(d, b);\n };\n return function (d, b) {\n extendStatics(d, b);\n function __() { this.constructor = d; }\n d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n };\n})();\nimport * as React from 'react';\nimport { MultiColumnComboBox } from '@syncfusion/ej2-multicolumn-combobox';\nimport { ComponentBase, applyMixins } from '@syncfusion/ej2-react-base';\n/**\n * Represents the React MultiColumnComboBox Component\n * ```tsx\n * <MultiColumnComboBoxComponent dataSource={data}></MultiColumnComboBoxComponent>\n * ```\n */\nvar MultiColumnComboBoxComponent = /** @class */ (function (_super) {\n __extends(MultiColumnComboBoxComponent, _super);\n function MultiColumnComboBoxComponent(props) {\n var _this = _super.call(this, props) || this;\n _this.initRenderCalled = false;\n _this.checkInjectedModules = true;\n _this.directivekeys = { 'columns': 'column' };\n _this.statelessTemplateProps = null;\n _this.templateProps = null;\n _this.immediateRender = false;\n _this.portals = [];\n return _this;\n }\n MultiColumnComboBoxComponent.prototype.render = function () {\n if (((this.element && !this.initRenderCalled) || this.refreshing) && !this.isReactForeceUpdate) {\n _super.prototype.render.call(this);\n this.initRenderCalled = true;\n }\n else {\n return React.createElement(React.Fragment, null, [].concat(React.createElement(\"input\", this.getDefaultAttributes()), this.portals));\n }\n };\n return MultiColumnComboBoxComponent;\n}(MultiColumnComboBox));\nexport { MultiColumnComboBoxComponent };\napplyMixins(MultiColumnComboBoxComponent, [ComponentBase, React.Component]);\n"],"names":["extendStatics","d","b","Object","setPrototypeOf","__proto__","Array","p","hasOwnProperty","_super","__extends","__","this","constructor","prototype","create","ColumnDirective","ComplexBase","moduleName","apply","arguments","ColumnsDirective","propertyName","MultiColumnComboBoxComponent","MultiColumnComboBox","render","element","initRenderCalled","refreshing","isReactForeceUpdate","React.createElement","React.Fragment","concat","getDefaultAttributes","portals","call","props","_this","checkInjectedModules","directivekeys","columns","statelessTemplateProps","templateProps","immediateRender","ComponentBase","React.Component"],"mappings":"waACQA,EAAgB,SAAUC,EAAGC,GAI7B,OAHAF,EAAgBG,OAAOC,iBAClB,CAAEC,UAAW,cAAgBC,MAAS,SAAUL,EAAGC,GAAKD,EAAEI,UAAYH,GACvE,SAAUD,EAAGC,GAAK,IAAK,IAAIK,KAAKL,EAAOA,EAAEM,eAAeD,CAAC,IAAGN,EAAEM,GAAKL,EAAEK,OACpDN,EAAGC,CAAC,GALjC,IACQF,EAyBuCS,EA1B3CC,EAOO,SAAUT,EAAGC,GAEhB,SAASS,IAAOC,KAAKC,YAAcZ,EADnCD,EAAcC,EAAGC,CAAC,EAElBD,EAAEa,UAAkB,OAANZ,EAAaC,OAAOY,OAAOb,CAAC,GAAKS,EAAGG,UAAYZ,EAAEY,UAAW,IAAIH,IAgBnFK,GAA2CP,EAO7CQ,cANEP,EAAUM,EAAiBP,CAAM,EAIjCO,EAAgBE,WAAa,SACtBF,GAJP,SAASA,IACL,OAAkB,OAAXP,GAAmBA,EAAOU,MAAMP,KAAMQ,SAAS,GAAKR,KAMnBH,EAQ9CQ,cAPEP,EAAUW,EAAkBZ,CAAM,EAIlCY,EAAiBC,aAAe,UAChCD,EAAiBH,WAAa,cANcT,EAA5CY,EAOOA,EALP,SAASA,IACL,OAAkB,OAAXZ,GAAmBA,EAAOU,MAAMP,KAAMQ,SAAS,GAAKR,KCrC3DZ,EAAgB,SAAUC,EAAGC,GAI7B,OAHAF,EAAgBG,OAAOC,iBAClB,CAAEC,UAAW,cAAgBC,MAAS,SAAUL,EAAGC,GAAKD,EAAEI,UAAYH,GACvE,SAAUD,EAAGC,GAAK,IAAK,IAAIK,KAAKL,EAAOA,EAAEM,eAAeD,CAAC,IAAGN,EAAEM,GAAKL,EAAEK,OACpDN,EAAGC,CAAC,GALjC,IACQF,EAqBoDS,EAtBxDC,EAOO,SAAUT,EAAGC,GAEhB,SAASS,IAAOC,KAAKC,YAAcZ,EADnCD,EAAcC,EAAGC,CAAC,EAElBD,EAAEa,UAAkB,OAANZ,EAAaC,OAAOY,OAAOb,CAAC,GAAKS,EAAGG,UAAYZ,EAAEY,UAAW,IAAIH,IAYnFY,GAAwDd,
|
|
1
|
+
{"version":3,"file":"ej2-react-multicolumn-combobox.umd.min.js","sources":["../src/multicolumn-combobox/columns-directive.js","../src/multicolumn-combobox/multicolumncombobox.component.js"],"sourcesContent":["var __extends = (this && this.__extends) || (function () {\n var extendStatics = function (d, b) {\n extendStatics = Object.setPrototypeOf ||\n ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };\n return extendStatics(d, b);\n };\n return function (d, b) {\n extendStatics(d, b);\n function __() { this.constructor = d; }\n d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n };\n})();\nimport { ComplexBase } from '@syncfusion/ej2-react-base';\n/**\n * `ColumnDirective` represent a column of the React MultiColumnComboBox.\n * It must be contained in a MultiColumnComboBox component(`MultiColumnComboBoxComponent`).\n * ```tsx\n * <MultiColumnComboBoxComponent dataSource={data}>\n * <ColumnsDirective>\n * <ColumnDirective field='ID' width='100'></ColumnDirective>\n * <ColumnDirective field='name' header='Name' width='100'></ColumnDirective>\n * <ColumnsDirective>\n * </MultiColumnComboBoxComponent>\n * ```\n */\nvar ColumnDirective = /** @class */ (function (_super) {\n __extends(ColumnDirective, _super);\n function ColumnDirective() {\n return _super !== null && _super.apply(this, arguments) || this;\n }\n ColumnDirective.moduleName = 'column';\n return ColumnDirective;\n}(ComplexBase));\nexport { ColumnDirective };\nvar ColumnsDirective = /** @class */ (function (_super) {\n __extends(ColumnsDirective, _super);\n function ColumnsDirective() {\n return _super !== null && _super.apply(this, arguments) || this;\n }\n ColumnsDirective.propertyName = 'columns';\n ColumnsDirective.moduleName = 'columns';\n return ColumnsDirective;\n}(ComplexBase));\nexport { ColumnsDirective };\n","var __extends = (this && this.__extends) || (function () {\n var extendStatics = function (d, b) {\n extendStatics = Object.setPrototypeOf ||\n ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };\n return extendStatics(d, b);\n };\n return function (d, b) {\n extendStatics(d, b);\n function __() { this.constructor = d; }\n d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n };\n})();\nimport * as React from 'react';\nimport { MultiColumnComboBox } from '@syncfusion/ej2-multicolumn-combobox';\nimport { ComponentBase, applyMixins } from '@syncfusion/ej2-react-base';\n/**\n * Represents the React MultiColumnComboBox Component\n * ```tsx\n * <MultiColumnComboBoxComponent dataSource={data}></MultiColumnComboBoxComponent>\n * ```\n */\nvar MultiColumnComboBoxComponent = /** @class */ (function (_super) {\n __extends(MultiColumnComboBoxComponent, _super);\n function MultiColumnComboBoxComponent(props) {\n var _this = _super.call(this, props) || this;\n _this.initRenderCalled = false;\n _this.checkInjectedModules = true;\n _this.directivekeys = { 'columns': 'column' };\n _this.statelessTemplateProps = null;\n _this.templateProps = null;\n _this.immediateRender = false;\n _this.isReactMock = true;\n _this.portals = [];\n return _this;\n }\n MultiColumnComboBoxComponent.prototype.render = function () {\n this.isReactMock = false;\n if (((this.element && !this.initRenderCalled) || this.refreshing) && !this.isReactForeceUpdate) {\n _super.prototype.render.call(this);\n this.initRenderCalled = true;\n }\n else {\n return React.createElement(React.Fragment, null, [].concat(React.createElement(\"input\", this.getDefaultAttributes()), this.portals));\n }\n };\n return MultiColumnComboBoxComponent;\n}(MultiColumnComboBox));\nexport { MultiColumnComboBoxComponent };\napplyMixins(MultiColumnComboBoxComponent, [ComponentBase, React.Component]);\n"],"names":["extendStatics","d","b","Object","setPrototypeOf","__proto__","Array","p","hasOwnProperty","_super","__extends","__","this","constructor","prototype","create","ColumnDirective","ComplexBase","moduleName","apply","arguments","ColumnsDirective","propertyName","MultiColumnComboBoxComponent","MultiColumnComboBox","render","isReactMock","element","initRenderCalled","refreshing","isReactForeceUpdate","React.createElement","React.Fragment","concat","getDefaultAttributes","portals","call","props","_this","checkInjectedModules","directivekeys","columns","statelessTemplateProps","templateProps","immediateRender","ComponentBase","React.Component"],"mappings":"waACQA,EAAgB,SAAUC,EAAGC,GAI7B,OAHAF,EAAgBG,OAAOC,iBAClB,CAAEC,UAAW,cAAgBC,MAAS,SAAUL,EAAGC,GAAKD,EAAEI,UAAYH,GACvE,SAAUD,EAAGC,GAAK,IAAK,IAAIK,KAAKL,EAAOA,EAAEM,eAAeD,CAAC,IAAGN,EAAEM,GAAKL,EAAEK,OACpDN,EAAGC,CAAC,GALjC,IACQF,EAyBuCS,EA1B3CC,EAOO,SAAUT,EAAGC,GAEhB,SAASS,IAAOC,KAAKC,YAAcZ,EADnCD,EAAcC,EAAGC,CAAC,EAElBD,EAAEa,UAAkB,OAANZ,EAAaC,OAAOY,OAAOb,CAAC,GAAKS,EAAGG,UAAYZ,EAAEY,UAAW,IAAIH,IAgBnFK,GAA2CP,EAO7CQ,cANEP,EAAUM,EAAiBP,CAAM,EAIjCO,EAAgBE,WAAa,SACtBF,GAJP,SAASA,IACL,OAAkB,OAAXP,GAAmBA,EAAOU,MAAMP,KAAMQ,SAAS,GAAKR,KAMnBH,EAQ9CQ,cAPEP,EAAUW,EAAkBZ,CAAM,EAIlCY,EAAiBC,aAAe,UAChCD,EAAiBH,WAAa,cANcT,EAA5CY,EAOOA,EALP,SAASA,IACL,OAAkB,OAAXZ,GAAmBA,EAAOU,MAAMP,KAAMQ,SAAS,GAAKR,KCrC3DZ,EAAgB,SAAUC,EAAGC,GAI7B,OAHAF,EAAgBG,OAAOC,iBAClB,CAAEC,UAAW,cAAgBC,MAAS,SAAUL,EAAGC,GAAKD,EAAEI,UAAYH,GACvE,SAAUD,EAAGC,GAAK,IAAK,IAAIK,KAAKL,EAAOA,EAAEM,eAAeD,CAAC,IAAGN,EAAEM,GAAKL,EAAEK,OACpDN,EAAGC,CAAC,GALjC,IACQF,EAqBoDS,EAtBxDC,EAOO,SAAUT,EAAGC,GAEhB,SAASS,IAAOC,KAAKC,YAAcZ,EADnCD,EAAcC,EAAGC,CAAC,EAElBD,EAAEa,UAAkB,OAANZ,EAAaC,OAAOY,OAAOb,CAAC,GAAKS,EAAGG,UAAYZ,EAAEY,UAAW,IAAIH,IAYnFY,GAAwDd,EAyB1De,sBAxBEd,EAAUa,EAA8Bd,CAAM,EAa9Cc,EAA6BT,UAAUW,OAAS,WAE5C,GADAb,KAAKc,YAAc,CAAA,EACf,EAAEd,KAAKe,SAAW,CAACf,KAAKgB,kBAAqBhB,KAAKiB,aAAgBjB,KAAKkB,oBAKvE,OAAOC,gBAAoBC,WAAgB,KAAM,GAAGC,OAAOF,gBAAoB,QAASnB,KAAKsB,sBAAsB,EAAGtB,KAAKuB,OAAO,CAAC,EAJnI1B,EAAOK,UAAUW,OAAOW,KAAKxB,IAAI,EACjCA,KAAKgB,iBAAmB,CAAA,GAMzBL,GAtBP,SAASA,EAA6Bc,GAC9BC,EAAQ7B,EAAO2B,KAAKxB,KAAMyB,CAAK,GAAKzB,KASxC,OARA0B,EAAMV,iBAAmB,CAAA,EACzBU,EAAMC,qBAAuB,CAAA,EAC7BD,EAAME,cAAgB,CAAEC,QAAW,UACnCH,EAAMI,uBAAyB,KAC/BJ,EAAMK,cAAgB,KACtBL,EAAMM,gBAAkB,CAAA,EACxBN,EAAMZ,YAAc,CAAA,EACpBY,EAAMH,QAAU,GACTG,gBAeHf,EAA8B,CAACsB,gBAAeC,YAAgB"}
|
|
@@ -39,9 +39,11 @@ class MultiColumnComboBoxComponent extends MultiColumnComboBox {
|
|
|
39
39
|
this.statelessTemplateProps = null;
|
|
40
40
|
this.templateProps = null;
|
|
41
41
|
this.immediateRender = false;
|
|
42
|
+
this.isReactMock = true;
|
|
42
43
|
this.portals = [];
|
|
43
44
|
}
|
|
44
45
|
render() {
|
|
46
|
+
this.isReactMock = false;
|
|
45
47
|
if (((this.element && !this.initRenderCalled) || this.refreshing) && !this.isReactForeceUpdate) {
|
|
46
48
|
super.render();
|
|
47
49
|
this.initRenderCalled = true;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ej2-react-multicolumn-combobox.es2015.js","sources":["../src/es6/multicolumn-combobox/columns-directive.js","../src/es6/multicolumn-combobox/multicolumncombobox.component.js"],"sourcesContent":["import { ComplexBase } from '@syncfusion/ej2-react-base';\n/**\n * `ColumnDirective` represent a column of the React MultiColumnComboBox.\n * It must be contained in a MultiColumnComboBox component(`MultiColumnComboBoxComponent`).\n * ```tsx\n * <MultiColumnComboBoxComponent dataSource={data}>\n * <ColumnsDirective>\n * <ColumnDirective field='ID' width='100'></ColumnDirective>\n * <ColumnDirective field='name' header='Name' width='100'></ColumnDirective>\n * <ColumnsDirective>\n * </MultiColumnComboBoxComponent>\n * ```\n */\nexport class ColumnDirective extends ComplexBase {\n}\nColumnDirective.moduleName = 'column';\nexport class ColumnsDirective extends ComplexBase {\n}\nColumnsDirective.propertyName = 'columns';\nColumnsDirective.moduleName = 'columns';\n","import * as React from 'react';\nimport { MultiColumnComboBox } from '@syncfusion/ej2-multicolumn-combobox';\nimport { ComponentBase, applyMixins } from '@syncfusion/ej2-react-base';\n/**\n * Represents the React MultiColumnComboBox Component\n * ```tsx\n * <MultiColumnComboBoxComponent dataSource={data}></MultiColumnComboBoxComponent>\n * ```\n */\nexport class MultiColumnComboBoxComponent extends MultiColumnComboBox {\n constructor(props) {\n super(props);\n this.initRenderCalled = false;\n this.checkInjectedModules = true;\n this.directivekeys = { 'columns': 'column' };\n this.statelessTemplateProps = null;\n this.templateProps = null;\n this.immediateRender = false;\n this.portals = [];\n }\n render() {\n if (((this.element && !this.initRenderCalled) || this.refreshing) && !this.isReactForeceUpdate) {\n super.render();\n this.initRenderCalled = true;\n }\n else {\n return React.createElement(React.Fragment, null, [].concat(React.createElement(\"input\", this.getDefaultAttributes()), this.portals));\n }\n }\n}\napplyMixins(MultiColumnComboBoxComponent, [ComponentBase, React.Component]);\n"],"names":["React.createElement","React.Fragment","React.Component"],"mappings":";;;;;;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAM,eAAe,SAAS,WAAW,CAAC;AACjD,CAAC;AACD,eAAe,CAAC,UAAU,GAAG,QAAQ,CAAC;AAC/B,MAAM,gBAAgB,SAAS,WAAW,CAAC;AAClD,CAAC;AACD,gBAAgB,CAAC,YAAY,GAAG,SAAS,CAAC;AAC1C,gBAAgB,CAAC,UAAU,GAAG,SAAS;;AChBvC;AACA;AACA;AACA;AACA;AACA;AACA,AAAO,MAAM,4BAA4B,SAAS,mBAAmB,CAAC;AACtE,IAAI,WAAW,CAAC,KAAK,EAAE;AACvB,QAAQ,KAAK,CAAC,KAAK,CAAC,CAAC;AACrB,QAAQ,IAAI,CAAC,gBAAgB,GAAG,KAAK,CAAC;AACtC,QAAQ,IAAI,CAAC,oBAAoB,GAAG,IAAI,CAAC;AACzC,QAAQ,IAAI,CAAC,aAAa,GAAG,EAAE,SAAS,EAAE,QAAQ,EAAE,CAAC;AACrD,QAAQ,IAAI,CAAC,sBAAsB,GAAG,IAAI,CAAC;AAC3C,QAAQ,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC;AAClC,QAAQ,IAAI,CAAC,eAAe,GAAG,KAAK,CAAC;AACrC,QAAQ,IAAI,CAAC,OAAO,GAAG,EAAE,CAAC;AAC1B,KAAK;AACL,IAAI,MAAM,GAAG;AACb,QAAQ,IAAI,CAAC,CAAC,IAAI,CAAC,OAAO,IAAI,CAAC,IAAI,CAAC,gBAAgB,KAAK,IAAI,CAAC,UAAU,KAAK,CAAC,IAAI,CAAC,mBAAmB,EAAE;AACxG,YAAY,KAAK,CAAC,MAAM,EAAE,CAAC;AAC3B,YAAY,IAAI,CAAC,gBAAgB,GAAG,IAAI,CAAC;AACzC,SAAS;AACT,aAAa;AACb,YAAY,OAAOA,aAAmB,CAACC,QAAc,EAAE,IAAI,EAAE,EAAE,CAAC,MAAM,CAACD,aAAmB,CAAC,OAAO,EAAE,IAAI,CAAC,oBAAoB,EAAE,CAAC,EAAE,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC;AACjJ,SAAS;AACT,KAAK;AACL,CAAC;AACD,WAAW,CAAC,4BAA4B,EAAE,CAAC,aAAa,EAAEE,SAAe,CAAC,CAAC,CAAC;;;;"}
|
|
1
|
+
{"version":3,"file":"ej2-react-multicolumn-combobox.es2015.js","sources":["../src/es6/multicolumn-combobox/columns-directive.js","../src/es6/multicolumn-combobox/multicolumncombobox.component.js"],"sourcesContent":["import { ComplexBase } from '@syncfusion/ej2-react-base';\n/**\n * `ColumnDirective` represent a column of the React MultiColumnComboBox.\n * It must be contained in a MultiColumnComboBox component(`MultiColumnComboBoxComponent`).\n * ```tsx\n * <MultiColumnComboBoxComponent dataSource={data}>\n * <ColumnsDirective>\n * <ColumnDirective field='ID' width='100'></ColumnDirective>\n * <ColumnDirective field='name' header='Name' width='100'></ColumnDirective>\n * <ColumnsDirective>\n * </MultiColumnComboBoxComponent>\n * ```\n */\nexport class ColumnDirective extends ComplexBase {\n}\nColumnDirective.moduleName = 'column';\nexport class ColumnsDirective extends ComplexBase {\n}\nColumnsDirective.propertyName = 'columns';\nColumnsDirective.moduleName = 'columns';\n","import * as React from 'react';\nimport { MultiColumnComboBox } from '@syncfusion/ej2-multicolumn-combobox';\nimport { ComponentBase, applyMixins } from '@syncfusion/ej2-react-base';\n/**\n * Represents the React MultiColumnComboBox Component\n * ```tsx\n * <MultiColumnComboBoxComponent dataSource={data}></MultiColumnComboBoxComponent>\n * ```\n */\nexport class MultiColumnComboBoxComponent extends MultiColumnComboBox {\n constructor(props) {\n super(props);\n this.initRenderCalled = false;\n this.checkInjectedModules = true;\n this.directivekeys = { 'columns': 'column' };\n this.statelessTemplateProps = null;\n this.templateProps = null;\n this.immediateRender = false;\n this.isReactMock = true;\n this.portals = [];\n }\n render() {\n this.isReactMock = false;\n if (((this.element && !this.initRenderCalled) || this.refreshing) && !this.isReactForeceUpdate) {\n super.render();\n this.initRenderCalled = true;\n }\n else {\n return React.createElement(React.Fragment, null, [].concat(React.createElement(\"input\", this.getDefaultAttributes()), this.portals));\n }\n }\n}\napplyMixins(MultiColumnComboBoxComponent, [ComponentBase, React.Component]);\n"],"names":["React.createElement","React.Fragment","React.Component"],"mappings":";;;;;;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAM,eAAe,SAAS,WAAW,CAAC;AACjD,CAAC;AACD,eAAe,CAAC,UAAU,GAAG,QAAQ,CAAC;AAC/B,MAAM,gBAAgB,SAAS,WAAW,CAAC;AAClD,CAAC;AACD,gBAAgB,CAAC,YAAY,GAAG,SAAS,CAAC;AAC1C,gBAAgB,CAAC,UAAU,GAAG,SAAS;;AChBvC;AACA;AACA;AACA;AACA;AACA;AACA,AAAO,MAAM,4BAA4B,SAAS,mBAAmB,CAAC;AACtE,IAAI,WAAW,CAAC,KAAK,EAAE;AACvB,QAAQ,KAAK,CAAC,KAAK,CAAC,CAAC;AACrB,QAAQ,IAAI,CAAC,gBAAgB,GAAG,KAAK,CAAC;AACtC,QAAQ,IAAI,CAAC,oBAAoB,GAAG,IAAI,CAAC;AACzC,QAAQ,IAAI,CAAC,aAAa,GAAG,EAAE,SAAS,EAAE,QAAQ,EAAE,CAAC;AACrD,QAAQ,IAAI,CAAC,sBAAsB,GAAG,IAAI,CAAC;AAC3C,QAAQ,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC;AAClC,QAAQ,IAAI,CAAC,eAAe,GAAG,KAAK,CAAC;AACrC,QAAQ,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC;AAChC,QAAQ,IAAI,CAAC,OAAO,GAAG,EAAE,CAAC;AAC1B,KAAK;AACL,IAAI,MAAM,GAAG;AACb,QAAQ,IAAI,CAAC,WAAW,GAAG,KAAK,CAAC;AACjC,QAAQ,IAAI,CAAC,CAAC,IAAI,CAAC,OAAO,IAAI,CAAC,IAAI,CAAC,gBAAgB,KAAK,IAAI,CAAC,UAAU,KAAK,CAAC,IAAI,CAAC,mBAAmB,EAAE;AACxG,YAAY,KAAK,CAAC,MAAM,EAAE,CAAC;AAC3B,YAAY,IAAI,CAAC,gBAAgB,GAAG,IAAI,CAAC;AACzC,SAAS;AACT,aAAa;AACb,YAAY,OAAOA,aAAmB,CAACC,QAAc,EAAE,IAAI,EAAE,EAAE,CAAC,MAAM,CAACD,aAAmB,CAAC,OAAO,EAAE,IAAI,CAAC,oBAAoB,EAAE,CAAC,EAAE,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC;AACjJ,SAAS;AACT,KAAK;AACL,CAAC;AACD,WAAW,CAAC,4BAA4B,EAAE,CAAC,aAAa,EAAEE,SAAe,CAAC,CAAC,CAAC;;;;"}
|
package/package.json
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
{
|
|
2
2
|
"_from": "@syncfusion/ej2-react-multicolumn-combobox@*",
|
|
3
|
-
"_id": "@syncfusion/ej2-react-multicolumn-combobox@
|
|
3
|
+
"_id": "@syncfusion/ej2-react-multicolumn-combobox@27.1.50",
|
|
4
4
|
"_inBundle": false,
|
|
5
|
-
"_integrity": "sha512
|
|
5
|
+
"_integrity": "sha512-OvfoxPKWco5I9+nKhrCTZteLLD6Nqx0a6jvrEKlNOKyTuQf/KArjiHXlfyusTjvMAL77jYaZB7qz4Pv/Q6692w==",
|
|
6
6
|
"_location": "/@syncfusion/ej2-react-multicolumn-combobox",
|
|
7
7
|
"_phantomChildren": {},
|
|
8
8
|
"_requested": {
|
|
@@ -19,8 +19,8 @@
|
|
|
19
19
|
"_requiredBy": [
|
|
20
20
|
"/"
|
|
21
21
|
],
|
|
22
|
-
"_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-
|
|
23
|
-
"_shasum": "
|
|
22
|
+
"_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-hotfix-new/@syncfusion/ej2-react-multicolumn-combobox/-/ej2-react-multicolumn-combobox-27.1.50.tgz",
|
|
23
|
+
"_shasum": "dec2a234e187b5cc3af6668a563cb296a31261df",
|
|
24
24
|
"_spec": "@syncfusion/ej2-react-multicolumn-combobox@*",
|
|
25
25
|
"_where": "/jenkins/workspace/elease-automation_release_27.1.1/packages/included",
|
|
26
26
|
"author": {
|
|
@@ -31,9 +31,9 @@
|
|
|
31
31
|
},
|
|
32
32
|
"bundleDependencies": false,
|
|
33
33
|
"dependencies": {
|
|
34
|
-
"@syncfusion/ej2-base": "~27.
|
|
35
|
-
"@syncfusion/ej2-multicolumn-combobox": "27.
|
|
36
|
-
"@syncfusion/ej2-react-base": "~27.
|
|
34
|
+
"@syncfusion/ej2-base": "~27.2.2",
|
|
35
|
+
"@syncfusion/ej2-multicolumn-combobox": "27.2.2",
|
|
36
|
+
"@syncfusion/ej2-react-base": "~27.2.2"
|
|
37
37
|
},
|
|
38
38
|
"deprecated": false,
|
|
39
39
|
"description": "Essential JS 2 Component for React",
|
|
@@ -54,6 +54,6 @@
|
|
|
54
54
|
"type": "git",
|
|
55
55
|
"url": "https://github.com/syncfusion/ej2-react-ui-components.git"
|
|
56
56
|
},
|
|
57
|
-
"version": "27.
|
|
57
|
+
"version": "27.2.2",
|
|
58
58
|
"sideEffects": false
|
|
59
59
|
}
|
|
@@ -26,6 +26,7 @@ export declare class MultiColumnComboBoxComponent extends MultiColumnComboBox {
|
|
|
26
26
|
private statelessTemplateProps;
|
|
27
27
|
private templateProps;
|
|
28
28
|
private immediateRender;
|
|
29
|
+
private isReactMock;
|
|
29
30
|
props: Readonly<{
|
|
30
31
|
children?: React.ReactNode | React.ReactNode[];
|
|
31
32
|
}> & Readonly<MultiColumnComboBoxModel | DefaultHtmlAttributes | MultiColumnComboBoxTypecast>;
|
|
@@ -30,10 +30,12 @@ var MultiColumnComboBoxComponent = /** @class */ (function (_super) {
|
|
|
30
30
|
_this.statelessTemplateProps = null;
|
|
31
31
|
_this.templateProps = null;
|
|
32
32
|
_this.immediateRender = false;
|
|
33
|
+
_this.isReactMock = true;
|
|
33
34
|
_this.portals = [];
|
|
34
35
|
return _this;
|
|
35
36
|
}
|
|
36
37
|
MultiColumnComboBoxComponent.prototype.render = function () {
|
|
38
|
+
this.isReactMock = false;
|
|
37
39
|
if (((this.element && !this.initRenderCalled) || this.refreshing) && !this.isReactForeceUpdate) {
|
|
38
40
|
_super.prototype.render.call(this);
|
|
39
41
|
this.initRenderCalled = true;
|