@syncfusion/ej2-inplace-editor - npm Package Compare versions

Comparing version 17.3.9-beta to 17.3.14

CHANGELOG.md

@@ -9,2 +9,10 @@ # Changelog
 
+- `#247721` - The issue with rendering the MultiSelect type of In-place editor while configuring remote data source has been resolved.
+
+## 17.3.9-beta (2019-09-20)
+
+### In-place Editor
+
+#### Bug Fixes
+
 - `#F146947` - Resolved the argument issue that returns text field instead of value field in the action begin event when rendering the Combo Box within the In-place Editor.
@@ -11,0 +19,0 @@

dist/ej2-inplace-editor.umd.min.js

 /*!
 *  filename: ej2-inplace-editor.umd.min.js
-*  version : 17.3.9-beta
+*  version : 17.3.14
 *  Copyright Syncfusion Inc. 2001 - 2019. All rights reserved.
@@ -10,3 +10,3 @@ *  Use of this code is subject to the terms of our license.
 */
-!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@syncfusion/ej2-base"),require("@syncfusion/ej2-data"),require("@syncfusion/ej2-buttons"),require("@syncfusion/ej2-calendars"),require("@syncfusion/ej2-inputs"),require("@syncfusion/ej2-popups"),require("@syncfusion/ej2-dropdowns"),require("@syncfusion/ej2-richtexteditor")):"function"==typeof define&&define.amd?define(["exports","@syncfusion/ej2-base","@syncfusion/ej2-data","@syncfusion/ej2-buttons","@syncfusion/ej2-calendars","@syncfusion/ej2-inputs","@syncfusion/ej2-popups","@syncfusion/ej2-dropdowns","@syncfusion/ej2-richtexteditor"],t):t(e.ej={},e.ej2Base,e.ej2Data,e.ej2Buttons,e.ej2Calendars,e.ej2Inputs,e.ej2Popups,e.ej2Dropdowns,e.ej2Richtexteditor)}(this,function(e,t,i,o,n,s,r,a,l){"use strict";function p(e,i,o){if(t.isNullOrUndefined(i)||""===i)return"";var n,s;switch(e){case"Color":var r=i;n=r.length>7?r.slice(0,-2):r;break;case"Date":s=o.format,n=h.formatDate(i,{format:s,type:e,skeleton:"yMd"});break;case"DateRange":s=o.format;var a=i;n=h.formatDate(a[0],{format:s,type:e,skeleton:"yMd"})+" - "+h.formatDate(a[1],{format:s,type:e,skeleton:"yMd"});break;case"DateTime":s=o.format,n=t.isNullOrUndefined(s)||""===s?h.formatDate(i,{format:s,type:e,skeleton:"yMd"})+" "+h.formatDate(i,{format:s,type:e,skeleton:"hm"}):h.formatDate(i,{format:s,type:e,skeleton:"yMd"});break;case"Time":s=o.format,n=h.formatDate(i,{format:s,type:e,skeleton:"hm"});break;case"Numeric":s=t.isNullOrUndefined(o.format)?"n2":o.format;var l=t.isNullOrUndefined(i)?null:"number"==typeof i?i:h.parseNumber(i);n=h.formatNumber(l,{format:s});break;default:n=i.toString()}return n}function d(e,i){if(t.isNullOrUndefined(i)||""===i)return i;if("Date"!==e&&"Time"!==e&&"DateTime"!==e||"string"!=typeof i){if("DateRange"===e)if("object"==typeof i&&"string"==typeof i[0])i=[new Date(i[0]),new Date(i[1])];else if("string"==typeof i){var o=i.split("-");i=[new Date(o[0]),new Date(o[1])]}}else i=new Date(i);return i}var h=new t.Internationalization,c="render",u="update",m="destroy",y="set-focus",f="access-value",v="destroy-modules",b=function(){var e=function(t,i){return(e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var i in t)t.hasOwnProperty(i)&&(e[i]=t[i])})(t,i)};return function(t,i){function o(){this.constructor=t}e(t,i),t.prototype=null===i?Object.create(i):(o.prototype=i.prototype,new o)}}(),E=function(e,t,i,o){var n,s=arguments.length,r=s<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,i,o);else for(var a=e.length-1;a>=0;a--)(n=e[a])&&(r=(s<3?n(r):s>3?n(t,i,r):n(t,i))||r);return s>3&&r&&Object.defineProperty(t,i,r),r},O=function(e){function i(){return null!==e&&e.apply(this,arguments)||this}return b(i,e),E([t.Property("")],i.prototype,"title",void 0),E([t.Property(null)],i.prototype,"model",void 0),i}(t.ChildProperty),g={AutoComplete:"auto-complete",Color:"color-picker",ComboBox:"combo-box",DateRange:"date-range-picker",MultiSelect:"multi-select",RTE:"rte",Slider:"slider",Time:"time-picker"},C={Click:{editAreaClick:"Click to edit"},DblClick:{editAreaDoubleClick:"Double click to edit"}},w="e-inplaceeditor",j="e-inplaceeditor-tip",k="e-editable-value-wrapper",D="e-editable-value",M="e-editable-overlay-icon",P="e-editable-tip-title",T="e-editable-title",H="e-editable-inline",B="e-editable-popup",V="e-editable-wrapper",S="e-editable-loading",R="e-editable-form",N="e-component-group",x="e-editable-component",A="e-editable-action-buttons",L="e-editable-error",I="e-editable-elements",U="e-editable-open",W="e-btn-save",_="e-btn-cancel",K="e-rte-spin-wrap",q="e-control-overlay",z="e-disable",F="e-show",Q="e-hide",Y="e-rtl",G="e-error",$="e-loading",J=function(){var e=function(t,i){return(e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var i in t)t.hasOwnProperty(i)&&(e[i]=t[i])})(t,i)};return function(t,i){function o(){this.constructor=t}e(t,i),t.prototype=null===i?Object.create(i):(o.prototype=i.prototype,new o)}}(),X=function(e,t,i,o){var n,s=arguments.length,r=s<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,i,o);else for(var a=e.length-1;a>=0;a--)(n=e[a])&&(r=(s<3?n(r):s>3?n(t,i,r):n(t,i))||r);return s>3&&r&&Object.defineProperty(t,i,r),r},Z=function(e){function l(t,i){var o=e.call(this,t,i)||this;return o.initRender=!0,o.isTemplate=!1,o.isExtModule=!1,o.submitBtn=void 0,o.cancelBtn=void 0,o.isClearTarget=!1,o.btnElements=void 0,o.dataManager=void 0,o.divComponents=["RTE","Slider"],o.clearComponents=["AutoComplete","Mask","Text"],o.dateType=["Date","DateTime","Time"],o.inputDataEle=["Date","DateTime","DateRange","Time","Numeric"],o.dropDownEle=["AutoComplete","ComboBox","DropDownList","MultiSelect"],o.moduleList=["AutoComplete","Color","ComboBox","DateRange","MultiSelect","RTE","Slider","Time"],o.needsID=!0,o}return J(l,e),l.prototype.preRender=function(){t.isNullOrUndefined(this.model)&&this.setProperties({model:{}},!0),this.titleEle=this.createElement("div",{className:T}),!t.isNullOrUndefined(this.popupSettings.model)&&this.popupSettings.model.afterOpen&&(this.afterOpenEvent=this.popupSettings.model.afterOpen)},l.prototype.render=function(){this.element.setAttribute("tabindex","0"),this.checkIsTemplate(),this.disable(this.disabled),this.updateAdaptor(),this.appendValueElement(),this.updateValue(),this.renderValue(this.checkValue(p(this.type,this.value,this.model))),this.wireEvents(),this.setRtl(this.enableRtl),this.enableEditor(this.enableEditMode),this.setClass("add",this.cssClass),this.renderComplete()},l.prototype.setClass=function(e,i){this.isEmpty(i)||("add"===e?t.addClass([this.element],[i]):t.removeClass([this.element],[i]))},l.prototype.appendValueElement=function(){this.valueWrap=this.createElement("div",{id:this.element.id+"_wrap",className:k}),-1===Object.keys(window).indexOf("ejsInterop")&&(this.element.innerHTML=""),this.valueEle=this.createElement("span",{className:D}),this.editIcon=this.createElement("span",{className:M+" e-icons",attrs:{title:this.getLocale({editIcon:"Click to edit"},"editIcon")}}),this.valueWrap.appendChild(this.valueEle),this.valueWrap.appendChild(this.editIcon),this.element.appendChild(this.valueWrap)},l.prototype.renderValue=function(e){this.valueEle.innerHTML=e,"Color"===this.type&&t.setStyleAttribute(this.valueEle,{color:e}),"Inline"===this.mode&&t.removeClass([this.valueWrap],[Q])},l.prototype.renderEditor=function(){var e=void 0,i=t.select("."+k,this.element);if(!this.valueWrap.classList.contains(U)){if("Inline"===this.mode)this.loaderWidth=this.valueWrap.offsetWidth,t.addClass([this.valueWrap],[Q]),this.inlineWrapper=this.createElement("div",{className:H}),this.element.appendChild(this.inlineWrapper),this.renderControl(this.inlineWrapper),this.afterOpenHandler(null);else{!t.isNullOrUndefined(this.popupSettings.model)&&this.popupSettings.model.afterOpen&&(this.popupSettings.model.afterOpen=this.afterOpenHandler.bind(this));var o=this.createElement("div",{className:B});this.isEmpty(this.popupSettings.title)||(this.titleEle.innerHTML=this.popupSettings.title,o.appendChild(this.titleEle)),e={content:o,opensOn:"Custom",enableRtl:this.enableRtl,cssClass:j,afterOpen:this.afterOpenHandler.bind(this)},o.appendChild(this.renderControl(document.body)),t.extend(e,this.popupSettings.model,e,!0),this.tipObj=new r.Tooltip(e),this.tipObj.appendTo(i),this.tipObj.open(i)}"Ignore"!==this.actionOnBlur&&this.wireDocEvent(),this.initRender=!1,t.addClass([this.valueWrap],[U]),this.setProperties({enableEditMode:!0},!0)}},l.prototype.setAttribute=function(e,t){var i=this.name&&0!==this.name.length?this.name:this.element.id;t.forEach(function(t){e.setAttribute(t,"id"===t?i+"_editor":i)})},l.prototype.renderControl=function(e){var t;this.containerEle=this.createElement("div",{className:V}),this.loader=this.createElement("div",{className:S}),this.formEle=this.createElement("form",{className:R});var i=this.createElement("div",{className:N}),o=this.createElement("div",{className:x});return e.appendChild(this.containerEle),this.loadSpinner(),this.containerEle.appendChild(this.formEle),this.formEle.appendChild(i),this.isTemplate?this.appendTemplate(o,this.template):(Array.prototype.indexOf.call(this.divComponents,this.type)>-1?(t=this.createElement("div"),this.setAttribute(t,["id"])):(t=this.createElement("input"),this.setAttribute(t,["id","name"])),this.componentRoot=t,o.appendChild(t),o.appendChild(this.loader)),i.appendChild(o),i.appendChild(this.createElement("div",{className:L})),this.appendButtons(this.formEle),this.isTemplate||this.renderComponent(t),this.removeSpinner(),this.submitOnEnter&&this.wireEditorKeyDownEvent(this.containerEle),this.containerEle},l.prototype.appendButtons=function(e){this.showButtons&&e&&(this.btnElements=this.renderButtons(),e.appendChild(this.btnElements),this.wireBtnEvents())},l.prototype.renderButtons=function(){var e=this.createElement("div",{className:A}),i=t.isNullOrUndefined(this.saveButton.content)||0===this.saveButton.content.length?"":" e-primary";return this.submitBtn=this.createButtons({constant:"save",type:"submit",container:e,title:{save:"Save"},model:this.saveButton,className:W+i}),this.cancelBtn=this.createButtons({type:"button",constant:"cancel",title:{cancel:"Cancel"},container:e,model:this.cancelButton,className:_}),e},l.prototype.createButtons=function(e){var t=void 0;if(Object.keys(e.model).length>0){var i=this.createElement("button",{className:e.className,attrs:{type:e.type,title:this.getLocale(e.title,e.constant)}});e.container.appendChild(i),t=new o.Button(e.model,i)}return t},l.prototype.renderComponent=function(e){this.isExtModule=Array.prototype.indexOf.call(this.moduleList,this.type)>-1;var i;if(i=t.isNullOrUndefined(this.model.cssClass)?I:this.model.cssClass.indexOf(I)<0?this.model.cssClass+" "+I:this.model.cssClass,t.extend(this.model,this.model,{cssClass:i}),t.isNullOrUndefined(this.value)||this.updateModelValue(),this.isExtModule)this.notify(c,{module:g[this.type],target:e,type:this.type});else switch(t.isNullOrUndefined(this.model.showClearButton)&&(this.model.showClearButton=!0),this.type){case"Date":this.componentObj=new n.DatePicker(this.model,e);break;case"DateTime":this.componentObj=new n.DateTimePicker(this.model,e);break;case"DropDownList":this.componentObj=new a.DropDownList(this.model,e);break;case"Mask":this.componentObj=new s.MaskedTextBox(this.model,e);break;case"Numeric":this.model.value&&(this.model.value=this.model.value.toString().replace(/[`~!@#$%^&*()_|\=?;:'",<>\{\}\[\]\\\/]/gi,"")),this.componentObj=new s.NumericTextBox(this.model,e);break;case"Text":this.componentObj=new s.TextBox(this.model,e)}},l.prototype.updateAdaptor=function(){switch(this.adaptor){case"UrlAdaptor":this.dataAdaptor=new i.UrlAdaptor;break;case"WebApiAdaptor":this.dataAdaptor=new i.WebApiAdaptor;break;case"ODataV4Adaptor":this.dataAdaptor=new i.ODataV4Adaptor}},l.prototype.loadSpinner=function(e){t.addClass([this.loader],[F]),"validate"!==e||"RTE"!==this.type&&"Color"!==this.type&&"Slider"!==this.type?this.spinObj={target:this.loader,width:t.Browser.isDevice?"16px":"14px"}:(t.addClass([this.loader],[K]),t.addClass([this.getEditElement()],[q]),this.spinObj={target:this.loader}),this.formEle&&t.addClass([this.formEle],[$]),this.btnElements&&t.addClass([this.btnElements],[Q]),t.setStyleAttribute(this.loader,{width:"100%"}),r.createSpinner(this.spinObj),r.showSpinner(this.spinObj.target)},l.prototype.removeSpinner=function(e){this.loader.removeAttribute("style"),r.hideSpinner(this.spinObj.target),t.detach(this.spinObj.target.firstChild),"submit"!==e||"RTE"!==this.type&&"Color"!==this.type&&"Slider"!==this.type||(t.removeClass([this.loader],[K]),t.removeClass([this.getEditElement()],[q])),this.formEle&&t.removeClass([this.formEle],[$]),this.btnElements&&t.removeClass([this.btnElements],[Q]),t.removeClass([this.loader],[F])},l.prototype.getEditElement=function(){return t.select("."+I,this.formEle)},l.prototype.getLocale=function(e,i){return new t.L10n("inplace-editor",e,this.locale).getConstant(i)},l.prototype.checkValue=function(e){return this.isEmpty(e)?this.emptyText:e},l.prototype.extendModelValue=function(e){var i=this.model;t.extend(i,{value:e}),this.setProperties({model:i},!0)},l.prototype.updateValue=function(){t.isNullOrUndefined(this.value)||(this.setProperties({value:d(this.type,this.value)},!0),this.extendModelValue(d(this.type,this.value)))},l.prototype.updateModelValue=function(){"MultiSelect"!==this.type||this.isEmpty(this.value)?this.model.value=this.value:this.model.value=this.value.slice()},l.prototype.setValue=function(){this.isExtModule?this.notify(u,{type:this.type}):this.componentObj&&(this.setProperties({value:this.componentObj.value},!0),this.extendModelValue(this.componentObj.value))},l.prototype.getDropDownsValue=function(e){var i;return Array.prototype.indexOf.call(this.dropDownEle,this.type)>-1&&"MultiSelect"!==this.type?i=e?t.select(".e-"+this.type.toLocaleLowerCase(),this.containerEle).value:this.value.toString():"MultiSelect"===this.type&&(this.notify(f,{type:this.type}),i=e?this.printValue:this.value.join()),i},l.prototype.getSendValue=function(){return this.isEmpty(this.value)?"":Array.prototype.indexOf.call(this.dropDownEle,this.type)>-1?this.getDropDownsValue(!1):Array.prototype.indexOf.call(this.dateType,this.type)>-1?this.value.toISOString():"DateRange"===this.type?this.value[0].toISOString()+" - "+this.value[1].toISOString():this.value.toString()},l.prototype.getRenderValue=function(){return"Mask"===this.type&&0!==this.componentObj.value.length?this.componentObj.getMaskedValue():Array.prototype.indexOf.call(this.inputDataEle,this.type)>-1?this.componentRoot.value:Array.prototype.indexOf.call(this.dropDownEle,this.type)>-1?this.getDropDownsValue(!0):p(this.type,this.value,this.model)},l.prototype.setRtl=function(e){e?t.addClass([this.element],[Y]):t.removeClass([this.element],[Y])},l.prototype.setFocus=function(){this.isTemplate||(this.isExtModule?this.notify(y,{}):this.componentObj.element.focus())},l.prototype.removeEditor=function(){-1===Object.keys(window).indexOf("ejsInterop")||this.isStringTemplate||t.resetBlazorTemplate(this.element.id+"template","Template");this.tipObj&&this.formEle&&t.closest(this.formEle,"."+j).classList.add(Q),this.unWireDocEvent(),this.destroyComponents(),this.formEle=void 0,t.isNullOrUndefined(t.select("."+H,this.element))?this.tipObj&&("MultiSelect"===this.type&&(t.EventHandler.remove(this.containerEle,"mousedown",this.popMouseDown),t.EventHandler.remove(this.containerEle,"click",this.popClickHandler)),this.tipObj.close(),this.tipObj.destroy(),this.tipObj=void 0):(t.detach(this.inlineWrapper),this.inlineWrapper=void 0),this.containerEle=void 0,t.removeClass([this.valueWrap],[U,Q]),this.setProperties({enableEditMode:!1},!0)},l.prototype.destroyComponents=function(){this.showButtons&&this.destroyButtons(),this.isExtModule?this.notify(v,{}):(this.templateEle&&(document.body.appendChild(this.templateEle),this.templateEle.style.display="none",this.templateEle=void 0),t.isNullOrUndefined(this.componentObj)||(this.componentObj.destroy(),this.componentObj=void 0)),this.formValidate&&(this.formValidate=void 0),this.submitOnEnter&&this.containerEle&&this.unWireEditorKeyDownEvent(this.containerEle)},l.prototype.destroyButtons=function(){t.isNullOrUndefined(this.submitBtn)||(t.EventHandler.remove(this.submitBtn.element,"mousedown",this.submitHandler),t.EventHandler.remove(this.submitBtn.element,"click",this.submitPrevent),t.EventHandler.remove(this.submitBtn.element,"keydown",this.btnKeyDownHandler),this.submitBtn.destroy(),this.submitBtn=void 0),t.isNullOrUndefined(this.cancelBtn)||(t.EventHandler.remove(this.cancelBtn.element,"mousedown",this.cancelHandler),t.EventHandler.remove(this.cancelBtn.element,"keydown",this.btnKeyDownHandler),this.cancelBtn.destroy(),this.cancelBtn=void 0),this.btnElements=void 0},l.prototype.getQuery=function(e){var t=new i.Query;return Object.keys(e).forEach(function(i){t.addParams(i,e[i])}),t},l.prototype.sendValue=function(){var e=this,t={data:{name:this.name,primaryKey:this.primaryKey,value:this.getSendValue()}};this.trigger("actionBegin",t,function(t){if(e.isEmpty(e.url)||e.isEmpty(e.primaryKey)){var o={data:{},value:t.data.value};e.triggerSuccess(o)}else if(e.dataManager=new i.DataManager({url:e.url,adaptor:e.dataAdaptor}),"UrlAdaptor"===e.adaptor)e.dataManager.executeQuery(e.getQuery(t.data),e.successHandler.bind(e),e.failureHandler.bind(e));else{e.dataManager.insert(t.data).then(function(t){return e.successHandler(t)}).catch(function(t){return e.failureHandler(t)})}e.dataManager=void 0})},l.prototype.isEmpty=function(e){return!(!t.isNullOrUndefined(e)&&0!==e.length)},l.prototype.checkIsTemplate=function(){this.isTemplate=!t.isNullOrUndefined(this.template)&&""!==this.template},l.prototype.templateCompile=function(e,i){var o,n=Object.keys(window);"string"==typeof i&&(i=i.trim());var s=t.compile(i);if(!t.isNullOrUndefined(s)){var r=!(-1!==n.indexOf("ejsInterop")&&!this.isStringTemplate&&0===i.indexOf("<div>Blazor"))||this.isStringTemplate;o=s({},this,"template",this.element.id+"template",r)}!t.isNullOrUndefined(s)&&o.length>0&&([].slice.call(o).forEach(function(t){e.appendChild(t)}),-1===n.indexOf("ejsInterop")||this.isStringTemplate||0!==i.indexOf("<div>Blazor")||t.updateBlazorTemplate(this.element.id+"template","Template",this))},l.prototype.appendTemplate=function(e,i){"string"==typeof i||t.isNullOrUndefined(i.innerHTML)?("."===i[0]||"#"===i[0])&&document.querySelectorAll(i).length?(this.templateEle=document.querySelector(i),e.appendChild(this.templateEle),this.templateEle.style.display=""):this.templateCompile(e,i):(this.templateEle=i,e.appendChild(this.templateEle))},l.prototype.disable=function(e){e?t.addClass([this.element],[z]):t.removeClass([this.element],[z])},l.prototype.enableEditor=function(e){e?this.renderEditor():this.cancelHandler()},l.prototype.checkValidation=function(){var e,i=this;this.validationRules?(this.formValidate=new s.FormValidator(this.formEle,{rules:this.validationRules,validationComplete:function(t){e={errorMessage:t.message,data:{name:i.name,primaryKey:i.primaryKey,value:i.checkValue(i.getSendValue())}},i.trigger("validating",e,function(e){"failure"===t.status?(t.errorElement.innerText=e.errorMessage,i.toggleErrorClass(!0)):i.toggleErrorClass(!1)})},customPlacement:function(e,o){t.select("."+L,i.formEle).appendChild(o)}}),this.formValidate.validate()):(e={errorMessage:"",data:{name:this.name,primaryKey:this.primaryKey,value:this.checkValue(this.getSendValue())}},this.trigger("validating",e,function(e){e.errorMessage?(t.select("."+L,i.formEle).innerHTML=e.errorMessage,i.toggleErrorClass(!0)):i.toggleErrorClass(!1)}))},l.prototype.toggleErrorClass=function(e){if(!t.isNullOrUndefined(this.formEle)){var i=t.select(".e-input-group",this.formEle);!function(e,i,o){[].slice.call(e).forEach(function(e){e&&("add"===o?t.addClass([e],[i]):t.removeClass([e],[i]))})}([this.formEle,i],G,e?"add":"remove")}},l.prototype.updateArrow=function(){var e=this.tipObj.tipPointerPosition;this.tipObj.tipPointerPosition="Middle"===e?"Auto":"Middle",this.tipObj.tipPointerPosition=e,this.tipObj.dataBind()},l.prototype.triggerSuccess=function(e){var t=this,i=e.value;this.trigger("actionSuccess",e,function(e){t.removeSpinner("submit"),t.renderValue(t.checkValue(e.value!==i?e.value:t.getRenderValue())),t.removeEditor()})},l.prototype.wireEvents=function(){this.wireEditEvent(this.editableOn),t.EventHandler.add(this.editIcon,"click",this.clickHandler,this),t.EventHandler.add(this.element,"keydown",this.valueKeyDownHandler,this),t.EventHandler.add(document,"scroll",this.scrollResizeHandler,this),window.addEventListener("resize",this.scrollResizeHandler.bind(this)),Array.prototype.indexOf.call(this.clearComponents,this.type)>-1&&t.EventHandler.add(this.element,"mousedown",this.mouseDownHandler,this)},l.prototype.wireDocEvent=function(){t.EventHandler.add(document,"mousedown",this.docClickHandler,this)},l.prototype.wireEditEvent=function(e){if("EditIconClick"!==e){var i="Click"===e?"editAreaClick":"editAreaDoubleClick";this.element.setAttribute("title",this.getLocale(C[e],i)),t.Browser.isDevice&&t.Browser.isIos&&"DblClick"===e?this.touchModule=new t.Touch(this.valueWrap,{tap:this.doubleTapHandler.bind(this)}):t.EventHandler.add(this.valueWrap,e.toLowerCase(),this.clickHandler,this)}},l.prototype.wireEditorKeyDownEvent=function(e){t.EventHandler.add(e,"keydown",this.enterKeyDownHandler,this)},l.prototype.wireBtnEvents=function(){t.isNullOrUndefined(this.submitBtn)||(t.EventHandler.add(this.submitBtn.element,"mousedown",this.submitHandler,this),t.EventHandler.add(this.submitBtn.element,"click",this.submitPrevent,this),t.EventHandler.add(this.submitBtn.element,"keydown",this.btnKeyDownHandler,this)),t.isNullOrUndefined(this.cancelBtn)||(t.EventHandler.add(this.cancelBtn.element,"mousedown",this.cancelHandler,this),t.EventHandler.add(this.cancelBtn.element,"keydown",this.btnKeyDownHandler,this))},l.prototype.unWireEvents=function(){this.unWireEditEvent(this.editableOn),t.EventHandler.remove(this.editIcon,"click",this.clickHandler),t.EventHandler.remove(document,"scroll",this.scrollResizeHandler),window.removeEventListener("resize",this.scrollResizeHandler.bind(this)),t.EventHandler.remove(this.element,"keydown",this.valueKeyDownHandler),Array.prototype.indexOf.call(this.clearComponents,this.type)>-1&&t.EventHandler.remove(this.element,"mousedown",this.mouseDownHandler)},l.prototype.unWireDocEvent=function(){t.EventHandler.remove(document,"mousedown",this.docClickHandler)},l.prototype.unWireEditEvent=function(e){"EditIconClick"!==e&&(this.element.removeAttribute("title"),t.Browser.isDevice&&t.Browser.isIos&&"DblClick"===e?(this.touchModule.destroy(),this.touchModule=void 0):t.EventHandler.remove(this.valueWrap,e.toLowerCase(),this.clickHandler))},l.prototype.unWireEditorKeyDownEvent=function(e){t.EventHandler.remove(e,"keydown",this.enterKeyDownHandler)},l.prototype.submitPrevent=function(e){e.preventDefault()},l.prototype.btnKeyDownHandler=function(e){var t=e.target;(13===e.keyCode&&13===e.which||32===e.keyCode&&32===e.which)&&(t.classList.contains(W)?this.save():t.classList.contains(_)&&this.cancelHandler())},l.prototype.afterOpenHandler=function(e){"Popup"===this.mode&&"MultiSelect"===this.type&&(t.EventHandler.add(this.containerEle,"mousedown",this.popMouseDown,this),t.EventHandler.add(this.containerEle,"click",this.popClickHandler,this)),"Popup"!==this.mode||this.isEmpty(this.titleEle.innerHTML)||e.element.classList.add(P),"RTE"===this.type?(this.rteModule.refresh(),this.setAttribute(t.select(".e-richtexteditor textarea",this.containerEle),["name"])):"Slider"===this.type&&(this.sliderModule.refresh(),this.setAttribute(t.select(".e-slider-input",this.containerEle),["name"]));var i={mode:this.mode,cancelFocus:!1};this.trigger("beginEdit",i),i.cancelFocus||this.setFocus(),this.afterOpenEvent&&(this.tipObj.setProperties({afterOpen:this.afterOpenEvent},!0),this.tipObj.trigger("afterOpen",e))},l.prototype.popMouseDown=function(e){var t=e.target.classList;t.contains("e-chips-close")&&!t.contains("e-close-hooker")&&this.updateArrow()},l.prototype.doubleTapHandler=function(e){e.tapCount>1&&this.clickHandler(e.originalEvent)},l.prototype.clickHandler=function(e){"EditIconClick"!==this.editableOn&&e.stopPropagation(),this.renderEditor()},l.prototype.submitHandler=function(e){e.preventDefault(),this.save()},l.prototype.cancelHandler=function(){this.removeEditor()},l.prototype.popClickHandler=function(e){var i=t.select("."+k,this.element);e.target.classList.contains("e-chips-close")&&this.tipObj.refresh(i)},l.prototype.successHandler=function(e){var t={data:e,value:this.getSendValue()};this.triggerSuccess(t)},l.prototype.failureHandler=function(e){var t={data:e,value:this.getSendValue()};this.trigger("actionFailure",t),this.removeSpinner("submit"),"Popup"===this.mode&&this.updateArrow()},l.prototype.enterKeyDownHandler=function(e){t.closest(e.target,"."+x+" .e-richtexteditor")||(13===e.keyCode&&13===e.which&&t.closest(e.target,"."+x)?this.save():27===e.keyCode&&27===e.which&&this.cancelHandler())},l.prototype.valueKeyDownHandler=function(e){13!==e.keyCode||13!==e.which||!e.target.classList.contains(w)||this.valueWrap.classList.contains(U)||this.element.classList.contains(z)||(e.preventDefault(),this.renderEditor())},l.prototype.mouseDownHandler=function(e){e.target.classList.contains("e-clear-icon")&&(this.isClearTarget=!0)},l.prototype.scrollResizeHandler=function(){"Popup"===this.mode&&this.tipObj&&!t.Browser.isDevice&&this.removeEditor()},l.prototype.docClickHandler=function(e){var i=e.target;if(this.isClearTarget)this.isClearTarget=!1;else{var o=t.closest(i,"."+w),n=t.closest(i,"."+j),s=t.closest(i,"."+I),r=t.closest(i,".e-rte-elements");!t.isNullOrUndefined(o)&&o.isEqualNode(this.element)||!t.isNullOrUndefined(n)&&this.tipObj&&n.id.indexOf(this.valueWrap.id)>-1||!t.isNullOrUndefined(s)||!t.isNullOrUndefined(r)||i.classList.contains("e-chips-close")||("Submit"===this.actionOnBlur?this.save():"Cancel"===this.actionOnBlur&&this.cancelHandler())}},l.prototype.validate=function(){this.checkValidation()},l.prototype.save=function(){if(this.formEle){this.element.focus(),this.editEle=t.select("."+x,this.formEle);var e=null;e=t.select("."+G,this.editEle);var i=this.type,o="Date"===i||"DateTime"===i||"DateRange"===i||"Time"===i;e&&!t.isNullOrUndefined(this.validationRules)||e&&o||(this.isTemplate||this.setValue(),this.checkValidation(),this.formEle.classList.contains(G)||(this.loadSpinner("validate"),"Popup"===this.mode&&this.updateArrow(),this.sendValue()))}},l.prototype.destroy=function(){var i=this;this.removeEditor(),this.isExtModule&&this.notify(m,{}),this.unWireEvents();for([z,Y].forEach(function(e){t.removeClass([i.element],[e])});this.element.firstChild;)this.element.removeChild(this.element.firstChild);e.prototype.destroy.call(this)},l.prototype.getPersistData=function(){return this.addOnPersist(["value"])},l.prototype.requiredModules=function(){var e=[];return e.push({member:g[this.type],args:[this]}),e},l.prototype.getModuleName=function(){return"inplaceeditor"},l.prototype.onPropertyChanged=function(e,t){this.removeEditor();for(var i=0,o=Object.keys(e);i<o.length;i++){switch(o[i]){case"showButtons":e.showButtons?this.appendButtons(this.formEle):this.destroyButtons();break;case"value":this.updateValue(),this.renderValue(this.checkValue(p(this.type,this.value,this.model)));break;case"emptyText":this.renderValue(this.checkValue(p(this.type,this.value,this.model)));break;case"template":this.checkIsTemplate();break;case"disabled":this.disable(e.disabled);break;case"enableRtl":this.setRtl(e.enableRtl);break;case"cssClass":this.setClass("remove",t.cssClass),this.setClass("add",e.cssClass);break;case"mode":this.enableEditor(this.enableEditMode);break;case"enableEditMode":this.enableEditor(e.enableEditMode);break;case"editableOn":this.unWireEditEvent(t.editableOn),"EditIconClick"!==e.editableOn&&this.wireEditEvent(e.editableOn)}}},X([t.Property("")],l.prototype,"name",void 0),X([t.Property(null)],l.prototype,"value",void 0),X([t.Property("")],l.prototype,"template",void 0),X([t.Property("")],l.prototype,"cssClass",void 0),X([t.Property("")],l.prototype,"primaryKey",void 0),X([t.Property("Empty")],l.prototype,"emptyText",void 0),X([t.Property("")],l.prototype,"url",void 0),X([t.Property("Popup")],l.prototype,"mode",void 0),X([t.Property("UrlAdaptor")],l.prototype,"adaptor",void 0),X([t.Property("Text")],l.prototype,"type",void 0),X([t.Property("Click")],l.prototype,"editableOn",void 0),X([t.Property("Submit")],l.prototype,"actionOnBlur",void 0),X([t.Property(!1)],l.prototype,"enablePersistence",void 0),X([t.Property(!1)],l.prototype,"disabled",void 0),X([t.Property(!0)],l.prototype,"showButtons",void 0),X([t.Property(!1)],l.prototype,"enableEditMode",void 0),X([t.Property(!0)],l.prototype,"submitOnEnter",void 0),X([t.Complex({},O)],l.prototype,"popupSettings",void 0),X([t.Property(null)],l.prototype,"model",void 0),X([t.Property({iconCss:"e-icons e-save-icon"})],l.prototype,"saveButton",void 0),X([t.Property({iconCss:"e-icons e-cancel-icon"})],l.prototype,"cancelButton",void 0),X([t.Property(null)],l.prototype,"validationRules",void 0),X([t.Event()],l.prototype,"created",void 0),X([t.Event()],l.prototype,"actionBegin",void 0),X([t.Event()],l.prototype,"actionSuccess",void 0),X([t.Event()],l.prototype,"actionFailure",void 0),X([t.Event()],l.prototype,"validating",void 0),X([t.Event()],l.prototype,"beginEdit",void 0),X([t.Event()],l.prototype,"destroyed",void 0),l=X([t.NotifyPropertyChanges],l)}(t.Component),ee=function(){function e(e,t){this.parent=e,this.module=t,this.addEventListener()}return e.prototype.render=function(e){this.module.render(e)},e.prototype.focus=function(){this.module.focus()},e.prototype.update=function(e){this.module.updateValue(e)},e.prototype.getValue=function(){this.module.getRenderValue()},e.prototype.destroyComponent=function(){t.isNullOrUndefined(this.module.compObj)||(this.module.compObj.destroy(),this.module.compObj=void 0)},e.prototype.destroy=function(){this.destroyComponent(),this.removeEventListener()},e.prototype.addEventListener=function(){this.parent.on(c,this.render,this),this.parent.on(y,this.focus,this),this.parent.on(u,this.update,this),this.parent.on(f,this.getValue,this),this.parent.on(v,this.destroyComponent,this),this.parent.on(m,this.destroy,this)},e.prototype.removeEventListener=function(){this.parent.isDestroyed||(this.parent.off(c,this.render),this.parent.off(y,this.focus),this.parent.off(u,this.update),this.parent.off(f,this.getValue),this.parent.off(v,this.destroyComponent),this.parent.off(m,this.destroy))},e}(),te=function(){function e(e){this.compObj=void 0,this.parent=e,this.parent.atcModule=this,this.base=new ee(this.parent,this)}return e.prototype.render=function(e){this.compObj=new a.AutoComplete(this.parent.model,e.target)},e.prototype.focus=function(){this.compObj.element.focus()},e.prototype.updateValue=function(e){this.compObj&&"AutoComplete"===e.type&&(this.parent.setProperties({value:this.compObj.value},!0),this.parent.extendModelValue(this.compObj.value))},e.prototype.destroy=function(){this.base.destroy()},e.prototype.getModuleName=function(){return"auto-complete"},e}(),ie=function(){function e(e){this.compObj=void 0,this.parent=e,this.parent.colorModule=this,this.base=new ee(this.parent,this)}return e.prototype.render=function(e){this.compObj=new s.ColorPicker(this.parent.model,e.target)},e.prototype.focus=function(){this.compObj.element.focus()},e.prototype.updateValue=function(e){this.compObj&&"Color"===e.type&&(this.parent.setProperties({value:this.compObj.value},!0),this.parent.extendModelValue(this.compObj.value))},e.prototype.destroy=function(){this.base.destroy()},e.prototype.getModuleName=function(){return"color-picker"},e}(),oe=function(){function e(e){this.compObj=void 0,this.parent=e,this.parent.comboBoxModule=this,this.base=new ee(this.parent,this)}return e.prototype.render=function(e){this.compObj=new a.ComboBox(this.parent.model,e.target)},e.prototype.focus=function(){this.compObj.element.focus()},e.prototype.updateValue=function(e){this.compObj&&"ComboBox"===e.type&&(this.parent.setProperties({value:this.compObj.value},!0),this.parent.extendModelValue(this.compObj.value))},e.prototype.destroy=function(){this.base.destroy()},e.prototype.getModuleName=function(){return"combo-box"},e}(),ne=function(){function e(e){this.compObj=void 0,this.parent=e,this.parent.dateRangeModule=this,this.base=new ee(this.parent,this)}return e.prototype.render=function(e){this.compObj=new n.DateRangePicker(this.parent.model),this.compObj.appendTo(e.target)},e.prototype.focus=function(){this.compObj.element.focus()},e.prototype.updateValue=function(e){this.compObj&&"DateRange"===e.type&&(this.parent.setProperties({value:this.compObj.value},!0),this.parent.extendModelValue(this.compObj.value))},e.prototype.destroy=function(){this.base.destroy()},e.prototype.getModuleName=function(){return"date-range-picker"},e}(),se=function(){function e(e){this.compObj=void 0,this.parent=e,this.parent.multiSelectModule=this,this.base=new ee(this.parent,this)}return e.prototype.render=function(e){this.compObj=new a.MultiSelect(this.parent.model,e.target)},e.prototype.focus=function(){t.closest(this.compObj.element,".e-multi-select-wrapper").dispatchEvent(new MouseEvent("mousedown"))},e.prototype.updateValue=function(e){this.compObj&&"MultiSelect"===e.type&&(this.parent.setProperties({value:this.compObj.value},!0),this.parent.extendModelValue(this.compObj.value))},e.prototype.getRenderValue=function(){this.parent.printValue=this.compObj.text},e.prototype.destroy=function(){this.base.destroy()},e.prototype.getModuleName=function(){return"multi-select"},e}(),re=function(){function e(e){this.compObj=void 0,l.RichTextEditor.Inject(l.HtmlEditor,l.MarkdownEditor,l.Toolbar,l.Link,l.Image,l.QuickToolbar,l.Table),this.parent=e,this.parent.rteModule=this,this.base=new ee(this.parent,this)}return e.prototype.render=function(e){this.compObj=new l.RichTextEditor(this.parent.model,e.target)},e.prototype.focus=function(){this.compObj.focusIn()},e.prototype.updateValue=function(e){this.compObj&&"RTE"===e.type&&(this.parent.setProperties({value:this.getRteValue()},!0),this.parent.extendModelValue(this.compObj.value))},e.prototype.getRteValue=function(){var e;return"Markdown"===this.compObj.editorMode?""===(e=this.compObj.contentModule.getEditPanel().value)?"":e:"<p><br></p>"===(e=this.compObj.contentModule.getEditPanel().innerHTML)||"&lt;p&gt;&lt;br&gt;&lt;/p&gt;"===e||""===e?"":e},e.prototype.refresh=function(){this.compObj.refresh()},e.prototype.destroy=function(){this.base.destroy()},e.prototype.getModuleName=function(){return"rte"},e}(),ae=function(){function e(e){this.compObj=void 0,this.parent=e,this.parent.sliderModule=this,this.base=new ee(this.parent,this)}return e.prototype.render=function(e){this.compObj=new s.Slider(this.parent.model,e.target)},e.prototype.focus=function(){this.compObj.element.focus()},e.prototype.updateValue=function(e){this.compObj&&"Slider"===e.type&&(this.parent.setProperties({value:this.compObj.value},!0),this.parent.extendModelValue(this.compObj.value))},e.prototype.refresh=function(){this.compObj.refresh()},e.prototype.destroy=function(){this.base.destroy()},e.prototype.getModuleName=function(){return"slider"},e}(),le=function(){function e(e){this.compObj=void 0,this.parent=e,this.parent.timeModule=this,this.base=new ee(this.parent,this)}return e.prototype.render=function(e){this.compObj=new n.TimePicker(this.parent.model,e.target)},e.prototype.focus=function(){this.compObj.focusIn()},e.prototype.updateValue=function(e){this.compObj&&"Time"===e.type&&(this.parent.setProperties({value:this.compObj.value},!0),this.parent.extendModelValue(this.compObj.value))},e.prototype.destroy=function(){this.base.destroy()},e.prototype.getModuleName=function(){return"time-picker"},e}();e.parseValue=p,e.getCompValue=d,e.render=c,e.update=u,e.destroy=m,e.setFocus=y,e.accessValue=f,e.destroyModules=v,e.PopupSettings=O,e.modulesList=g,e.localeConstant=C,e.ROOT=w,e.ROOT_TIP=j,e.VALUE_WRAPPER=k,e.VALUE=D,e.OVERLAY_ICON=M,e.TIP_TITLE=P,e.TITLE=T,e.INLINE=H,e.POPUP=B,e.WRAPPER=V,e.LOADING=S,e.FORM=R,e.CTRL_GROUP=N,e.INPUT=x,e.BUTTONS=A,e.EDITABLE_ERROR=L,e.ELEMENTS=I,e.OPEN=U,e.BTN_SAVE=W,e.BTN_CANCEL=_,e.RTE_SPIN_WRAP=K,e.CTRL_OVERLAY=q,e.DISABLE=z,e.ICONS="e-icons",e.PRIMARY="e-primary",e.SHOW=F,e.HIDE=Q,e.RTL=Y,e.ERROR=G,e.LOAD=$,e.InPlaceEditor=Z,e.Base=ee,e.AutoComplete=te,e.ColorPicker=ie,e.ComboBox=oe,e.DateRangePicker=ne,e.MultiSelect=se,e.Rte=re,e.Slider=ae,e.TimePicker=le,Object.defineProperty(e,"__esModule",{value:!0})});
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@syncfusion/ej2-base"),require("@syncfusion/ej2-data"),require("@syncfusion/ej2-buttons"),require("@syncfusion/ej2-calendars"),require("@syncfusion/ej2-inputs"),require("@syncfusion/ej2-popups"),require("@syncfusion/ej2-dropdowns"),require("@syncfusion/ej2-richtexteditor")):"function"==typeof define&&define.amd?define(["exports","@syncfusion/ej2-base","@syncfusion/ej2-data","@syncfusion/ej2-buttons","@syncfusion/ej2-calendars","@syncfusion/ej2-inputs","@syncfusion/ej2-popups","@syncfusion/ej2-dropdowns","@syncfusion/ej2-richtexteditor"],t):t(e.ej={},e.ej2Base,e.ej2Data,e.ej2Buttons,e.ej2Calendars,e.ej2Inputs,e.ej2Popups,e.ej2Dropdowns,e.ej2Richtexteditor)}(this,function(e,t,i,o,n,s,r,a,l){"use strict";function p(e,i,o){if(t.isNullOrUndefined(i)||""===i)return"";var n,s;switch(e){case"Color":var r=i;n=r.length>7?r.slice(0,-2):r;break;case"Date":s=o.format,n=h.formatDate(i,{format:s,type:e,skeleton:"yMd"});break;case"DateRange":s=o.format;var a=i;n=h.formatDate(a[0],{format:s,type:e,skeleton:"yMd"})+" - "+h.formatDate(a[1],{format:s,type:e,skeleton:"yMd"});break;case"DateTime":s=o.format,n=t.isNullOrUndefined(s)||""===s?h.formatDate(i,{format:s,type:e,skeleton:"yMd"})+" "+h.formatDate(i,{format:s,type:e,skeleton:"hm"}):h.formatDate(i,{format:s,type:e,skeleton:"yMd"});break;case"Time":s=o.format,n=h.formatDate(i,{format:s,type:e,skeleton:"hm"});break;case"Numeric":s=t.isNullOrUndefined(o.format)?"n2":o.format;var l=t.isNullOrUndefined(i)?null:"number"==typeof i?i:h.parseNumber(i);n=h.formatNumber(l,{format:s});break;default:n=i.toString()}return n}function d(e,i){if(t.isNullOrUndefined(i)||""===i)return i;if("Date"!==e&&"Time"!==e&&"DateTime"!==e||"string"!=typeof i){if("DateRange"===e)if("object"==typeof i&&"string"==typeof i[0])i=[new Date(i[0]),new Date(i[1])];else if("string"==typeof i){var o=i.split("-");i=[new Date(o[0]),new Date(o[1])]}}else i=new Date(i);return i}var h=new t.Internationalization,c="render",u="update",m="destroy",y="set-focus",f="access-value",v="destroy-modules",b="show-popup",E=function(){var e=function(t,i){return(e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var i in t)t.hasOwnProperty(i)&&(e[i]=t[i])})(t,i)};return function(t,i){function o(){this.constructor=t}e(t,i),t.prototype=null===i?Object.create(i):(o.prototype=i.prototype,new o)}}(),O=function(e,t,i,o){var n,s=arguments.length,r=s<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,i,o);else for(var a=e.length-1;a>=0;a--)(n=e[a])&&(r=(s<3?n(r):s>3?n(t,i,r):n(t,i))||r);return s>3&&r&&Object.defineProperty(t,i,r),r},g=function(e){function i(){return null!==e&&e.apply(this,arguments)||this}return E(i,e),O([t.Property("")],i.prototype,"title",void 0),O([t.Property(null)],i.prototype,"model",void 0),i}(t.ChildProperty),w={AutoComplete:"auto-complete",Color:"color-picker",ComboBox:"combo-box",DateRange:"date-range-picker",MultiSelect:"multi-select",RTE:"rte",Slider:"slider",Time:"time-picker"},C={Click:{editAreaClick:"Click to edit"},DblClick:{editAreaDoubleClick:"Double click to edit"}},j="e-inplaceeditor",D="e-inplaceeditor-tip",k="e-editable-value-wrapper",P="e-editable-value",M="e-editable-overlay-icon",T="e-editable-tip-title",H="e-editable-title",B="e-editable-inline",S="e-editable-popup",x="e-editable-wrapper",V="e-editable-loading",R="e-editable-form",N="e-component-group",A="e-editable-component",L="e-editable-action-buttons",I="e-editable-error",U="e-editable-elements",W="e-editable-open",_="e-btn-save",K="e-btn-cancel",q="e-rte-spin-wrap",z="e-control-overlay",F="e-disable",Q="e-show",Y="e-hide",G="e-rtl",$="e-error",J="e-loading",X=function(){var e=function(t,i){return(e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var i in t)t.hasOwnProperty(i)&&(e[i]=t[i])})(t,i)};return function(t,i){function o(){this.constructor=t}e(t,i),t.prototype=null===i?Object.create(i):(o.prototype=i.prototype,new o)}}(),Z=function(e,t,i,o){var n,s=arguments.length,r=s<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,i,o);else for(var a=e.length-1;a>=0;a--)(n=e[a])&&(r=(s<3?n(r):s>3?n(t,i,r):n(t,i))||r);return s>3&&r&&Object.defineProperty(t,i,r),r},ee=function(e){function l(t,i){var o=e.call(this,t,i)||this;return o.initRender=!0,o.isTemplate=!1,o.isExtModule=!1,o.submitBtn=void 0,o.cancelBtn=void 0,o.isClearTarget=!1,o.btnElements=void 0,o.dataManager=void 0,o.divComponents=["RTE","Slider"],o.clearComponents=["AutoComplete","Mask","Text"],o.dateType=["Date","DateTime","Time"],o.inputDataEle=["Date","DateTime","DateRange","Time","Numeric"],o.dropDownEle=["AutoComplete","ComboBox","DropDownList","MultiSelect"],o.moduleList=["AutoComplete","Color","ComboBox","DateRange","MultiSelect","RTE","Slider","Time"],o.needsID=!0,o}return X(l,e),l.prototype.preRender=function(){t.isNullOrUndefined(this.model)&&this.setProperties({model:{}},!0),this.titleEle=this.createElement("div",{className:H}),!t.isNullOrUndefined(this.popupSettings.model)&&this.popupSettings.model.afterOpen&&(this.afterOpenEvent=this.popupSettings.model.afterOpen)},l.prototype.render=function(){this.element.setAttribute("tabindex","0"),this.checkIsTemplate(),this.disable(this.disabled),this.updateAdaptor(),this.appendValueElement(),this.updateValue(),this.renderValue(this.checkValue(p(this.type,this.value,this.model))),this.wireEvents(),this.setRtl(this.enableRtl),this.enableEditor(this.enableEditMode),this.setClass("add",this.cssClass),this.renderComplete()},l.prototype.setClass=function(e,i){this.isEmpty(i)||("add"===e?t.addClass([this.element],[i]):t.removeClass([this.element],[i]))},l.prototype.appendValueElement=function(){this.valueWrap=this.createElement("div",{id:this.element.id+"_wrap",className:k}),-1===Object.keys(window).indexOf("ejsInterop")&&(this.element.innerHTML=""),this.valueEle=this.createElement("span",{className:P}),this.editIcon=this.createElement("span",{className:M+" e-icons",attrs:{title:this.getLocale({editIcon:"Click to edit"},"editIcon")}}),this.valueWrap.appendChild(this.valueEle),this.valueWrap.appendChild(this.editIcon),this.element.appendChild(this.valueWrap)},l.prototype.renderValue=function(e){this.valueEle.innerHTML=e,"Color"===this.type&&t.setStyleAttribute(this.valueEle,{color:e}),"Inline"===this.mode&&t.removeClass([this.valueWrap],[Y])},l.prototype.renderEditor=function(){var e=void 0,i=t.select("."+k,this.element);if(!this.valueWrap.classList.contains(W)){if("Inline"===this.mode)this.loaderWidth=this.valueWrap.offsetWidth,t.addClass([this.valueWrap],[Y]),this.inlineWrapper=this.createElement("div",{className:B}),this.element.appendChild(this.inlineWrapper),["AutoComplete","ComboBox","DropDownList","MultiSelect"].indexOf(this.type)>-1?this.checkRemoteData(this.model):this.renderAndOpen();else{!t.isNullOrUndefined(this.popupSettings.model)&&this.popupSettings.model.afterOpen&&(this.popupSettings.model.afterOpen=this.afterOpenHandler.bind(this));var o=this.createElement("div",{className:S});this.isEmpty(this.popupSettings.title)||(this.titleEle.innerHTML=this.popupSettings.title,o.appendChild(this.titleEle)),e={content:o,opensOn:"Custom",enableRtl:this.enableRtl,cssClass:D,afterOpen:this.afterOpenHandler.bind(this)},o.appendChild(this.renderControl(document.body)),t.extend(e,this.popupSettings.model,e,!0),this.tipObj=new r.Tooltip(e),this.tipObj.appendTo(i),this.tipObj.open(i)}"Ignore"!==this.actionOnBlur&&this.wireDocEvent(),this.initRender=!1,t.addClass([this.valueWrap],[W]),this.setProperties({enableEditMode:!0},!0)}},l.prototype.renderAndOpen=function(){this.renderControl(this.inlineWrapper),this.afterOpenHandler(null)},l.prototype.checkRemoteData=function(e){var o=this;e.dataSource instanceof i.DataManager?(e.dataBound=function(){o.afterOpenHandler(null)},this.renderControl(this.inlineWrapper),(t.isNullOrUndefined(e.value)&&t.isNullOrUndefined(this.value)||e.value===this.value&&0===e.value.length)&&this.showDropDownPopup()):this.renderAndOpen()},l.prototype.showDropDownPopup=function(){"DropDownList"===this.type?(this.componentObj.focusIn(),this.componentObj.showPopup()):this.isExtModule&&this.notify(b,{})},l.prototype.setAttribute=function(e,t){var i=this.name&&0!==this.name.length?this.name:this.element.id;t.forEach(function(t){e.setAttribute(t,"id"===t?i+"_editor":i)})},l.prototype.renderControl=function(e){var t;this.containerEle=this.createElement("div",{className:x}),this.loader=this.createElement("div",{className:V}),this.formEle=this.createElement("form",{className:R});var i=this.createElement("div",{className:N}),o=this.createElement("div",{className:A});return e.appendChild(this.containerEle),this.loadSpinner(),this.containerEle.appendChild(this.formEle),this.formEle.appendChild(i),this.isTemplate?this.appendTemplate(o,this.template):(Array.prototype.indexOf.call(this.divComponents,this.type)>-1?(t=this.createElement("div"),this.setAttribute(t,["id"])):(t=this.createElement("input"),this.setAttribute(t,["id","name"])),this.componentRoot=t,o.appendChild(t),o.appendChild(this.loader)),i.appendChild(o),i.appendChild(this.createElement("div",{className:I})),this.appendButtons(this.formEle),this.isTemplate||this.renderComponent(t),this.removeSpinner(),this.submitOnEnter&&this.wireEditorKeyDownEvent(this.containerEle),this.containerEle},l.prototype.appendButtons=function(e){this.showButtons&&e&&(this.btnElements=this.renderButtons(),e.appendChild(this.btnElements),this.wireBtnEvents())},l.prototype.renderButtons=function(){var e=this.createElement("div",{className:L}),i=t.isNullOrUndefined(this.saveButton.content)||0===this.saveButton.content.length?"":" e-primary";return this.submitBtn=this.createButtons({constant:"save",type:"submit",container:e,title:{save:"Save"},model:this.saveButton,className:_+i}),this.cancelBtn=this.createButtons({type:"button",constant:"cancel",title:{cancel:"Cancel"},container:e,model:this.cancelButton,className:K}),e},l.prototype.createButtons=function(e){var t=void 0;if(Object.keys(e.model).length>0){var i=this.createElement("button",{className:e.className,attrs:{type:e.type,title:this.getLocale(e.title,e.constant)}});e.container.appendChild(i),t=new o.Button(e.model,i)}return t},l.prototype.renderComponent=function(e){this.isExtModule=Array.prototype.indexOf.call(this.moduleList,this.type)>-1;var i;if(i=t.isNullOrUndefined(this.model.cssClass)?U:this.model.cssClass.indexOf(U)<0?this.model.cssClass+" "+U:this.model.cssClass,t.extend(this.model,this.model,{cssClass:i}),t.isNullOrUndefined(this.value)||this.updateModelValue(),this.isExtModule)this.notify(c,{module:w[this.type],target:e,type:this.type});else switch(t.isNullOrUndefined(this.model.showClearButton)&&(this.model.showClearButton=!0),this.type){case"Date":this.componentObj=new n.DatePicker(this.model,e);break;case"DateTime":this.componentObj=new n.DateTimePicker(this.model,e);break;case"DropDownList":this.componentObj=new a.DropDownList(this.model,e);break;case"Mask":this.componentObj=new s.MaskedTextBox(this.model,e);break;case"Numeric":this.model.value&&(this.model.value=this.model.value.toString().replace(/[`~!@#$%^&*()_|\=?;:'",<>\{\}\[\]\\\/]/gi,"")),this.componentObj=new s.NumericTextBox(this.model,e);break;case"Text":this.componentObj=new s.TextBox(this.model,e)}},l.prototype.updateAdaptor=function(){switch(this.adaptor){case"UrlAdaptor":this.dataAdaptor=new i.UrlAdaptor;break;case"WebApiAdaptor":this.dataAdaptor=new i.WebApiAdaptor;break;case"ODataV4Adaptor":this.dataAdaptor=new i.ODataV4Adaptor}},l.prototype.loadSpinner=function(e){t.addClass([this.loader],[Q]),"validate"!==e||"RTE"!==this.type&&"Color"!==this.type&&"Slider"!==this.type?this.spinObj={target:this.loader,width:t.Browser.isDevice?"16px":"14px"}:(t.addClass([this.loader],[q]),t.addClass([this.getEditElement()],[z]),this.spinObj={target:this.loader}),this.formEle&&t.addClass([this.formEle],[J]),this.btnElements&&t.addClass([this.btnElements],[Y]),t.setStyleAttribute(this.loader,{width:"100%"}),r.createSpinner(this.spinObj),r.showSpinner(this.spinObj.target)},l.prototype.removeSpinner=function(e){this.loader.removeAttribute("style"),r.hideSpinner(this.spinObj.target),t.detach(this.spinObj.target.firstChild),"submit"!==e||"RTE"!==this.type&&"Color"!==this.type&&"Slider"!==this.type||(t.removeClass([this.loader],[q]),t.removeClass([this.getEditElement()],[z])),this.formEle&&t.removeClass([this.formEle],[J]),this.btnElements&&t.removeClass([this.btnElements],[Y]),t.removeClass([this.loader],[Q])},l.prototype.getEditElement=function(){return t.select("."+U,this.formEle)},l.prototype.getLocale=function(e,i){return new t.L10n("inplace-editor",e,this.locale).getConstant(i)},l.prototype.checkValue=function(e){return this.isEmpty(e)?this.emptyText:e},l.prototype.extendModelValue=function(e){var i=this.model;t.extend(i,{value:e}),this.setProperties({model:i},!0)},l.prototype.updateValue=function(){t.isNullOrUndefined(this.value)||(this.setProperties({value:d(this.type,this.value)},!0),this.extendModelValue(d(this.type,this.value)))},l.prototype.updateModelValue=function(){"MultiSelect"!==this.type||this.isEmpty(this.value)?this.model.value=this.value:this.model.value=this.value.slice()},l.prototype.setValue=function(){this.isExtModule?this.notify(u,{type:this.type}):this.componentObj&&(this.setProperties({value:this.componentObj.value},!0),this.extendModelValue(this.componentObj.value))},l.prototype.getDropDownsValue=function(e){var i;return Array.prototype.indexOf.call(this.dropDownEle,this.type)>-1&&"MultiSelect"!==this.type?i=e?t.select(".e-"+this.type.toLocaleLowerCase(),this.containerEle).value:this.value.toString():"MultiSelect"===this.type&&(this.notify(f,{type:this.type}),i=e?this.printValue:this.value.join()),i},l.prototype.getSendValue=function(){return this.isEmpty(this.value)?"":Array.prototype.indexOf.call(this.dropDownEle,this.type)>-1?this.getDropDownsValue(!1):Array.prototype.indexOf.call(this.dateType,this.type)>-1?this.value.toISOString():"DateRange"===this.type?this.value[0].toISOString()+" - "+this.value[1].toISOString():this.value.toString()},l.prototype.getRenderValue=function(){return"Mask"===this.type&&0!==this.componentObj.value.length?this.componentObj.getMaskedValue():Array.prototype.indexOf.call(this.inputDataEle,this.type)>-1?this.componentRoot.value:Array.prototype.indexOf.call(this.dropDownEle,this.type)>-1?this.getDropDownsValue(!0):p(this.type,this.value,this.model)},l.prototype.setRtl=function(e){e?t.addClass([this.element],[G]):t.removeClass([this.element],[G])},l.prototype.setFocus=function(){this.isTemplate||(this.isExtModule?this.notify(y,{}):this.componentObj.element.focus())},l.prototype.removeEditor=function(){-1===Object.keys(window).indexOf("ejsInterop")||this.isStringTemplate||t.resetBlazorTemplate(this.element.id+"template","Template");this.tipObj&&this.formEle&&t.closest(this.formEle,"."+D).classList.add(Y),this.unWireDocEvent(),this.destroyComponents(),this.formEle=void 0,t.isNullOrUndefined(t.select("."+B,this.element))?this.tipObj&&("MultiSelect"===this.type&&(t.EventHandler.remove(this.containerEle,"mousedown",this.popMouseDown),t.EventHandler.remove(this.containerEle,"click",this.popClickHandler)),this.tipObj.close(),this.tipObj.destroy(),this.tipObj=void 0):(t.detach(this.inlineWrapper),this.inlineWrapper=void 0),this.containerEle=void 0,t.removeClass([this.valueWrap],[W,Y]),this.setProperties({enableEditMode:!1},!0)},l.prototype.destroyComponents=function(){this.showButtons&&this.destroyButtons(),this.isExtModule?this.notify(v,{}):(this.templateEle&&(document.body.appendChild(this.templateEle),this.templateEle.style.display="none",this.templateEle=void 0),t.isNullOrUndefined(this.componentObj)||(this.componentObj.destroy(),this.componentObj=void 0)),this.formValidate&&(this.formValidate=void 0),this.submitOnEnter&&this.containerEle&&this.unWireEditorKeyDownEvent(this.containerEle)},l.prototype.destroyButtons=function(){t.isNullOrUndefined(this.submitBtn)||(t.EventHandler.remove(this.submitBtn.element,"mousedown",this.submitHandler),t.EventHandler.remove(this.submitBtn.element,"click",this.submitPrevent),t.EventHandler.remove(this.submitBtn.element,"keydown",this.btnKeyDownHandler),this.submitBtn.destroy(),this.submitBtn=void 0),t.isNullOrUndefined(this.cancelBtn)||(t.EventHandler.remove(this.cancelBtn.element,"mousedown",this.cancelHandler),t.EventHandler.remove(this.cancelBtn.element,"keydown",this.btnKeyDownHandler),this.cancelBtn.destroy(),this.cancelBtn=void 0),this.btnElements=void 0},l.prototype.getQuery=function(e){var t=new i.Query;return Object.keys(e).forEach(function(i){t.addParams(i,e[i])}),t},l.prototype.sendValue=function(){var e=this,t={data:{name:this.name,primaryKey:this.primaryKey,value:this.getSendValue()}};this.trigger("actionBegin",t,function(t){if(e.isEmpty(e.url)||e.isEmpty(e.primaryKey)){var o={data:{},value:t.data.value};e.triggerSuccess(o)}else if(e.dataManager=new i.DataManager({url:e.url,adaptor:e.dataAdaptor}),"UrlAdaptor"===e.adaptor)e.dataManager.executeQuery(e.getQuery(t.data),e.successHandler.bind(e),e.failureHandler.bind(e));else{e.dataManager.insert(t.data).then(function(t){return e.successHandler(t)}).catch(function(t){return e.failureHandler(t)})}e.dataManager=void 0})},l.prototype.isEmpty=function(e){return!(!t.isNullOrUndefined(e)&&0!==e.length)},l.prototype.checkIsTemplate=function(){this.isTemplate=!t.isNullOrUndefined(this.template)&&""!==this.template},l.prototype.templateCompile=function(e,i){var o,n=Object.keys(window);"string"==typeof i&&(i=i.trim());var s=t.compile(i);if(!t.isNullOrUndefined(s)){var r=!(-1!==n.indexOf("ejsInterop")&&!this.isStringTemplate&&0===i.indexOf("<div>Blazor"))||this.isStringTemplate;o=s({},this,"template",this.element.id+"template",r)}!t.isNullOrUndefined(s)&&o.length>0&&([].slice.call(o).forEach(function(t){e.appendChild(t)}),-1===n.indexOf("ejsInterop")||this.isStringTemplate||0!==i.indexOf("<div>Blazor")||t.updateBlazorTemplate(this.element.id+"template","Template",this))},l.prototype.appendTemplate=function(e,i){"string"==typeof i||t.isNullOrUndefined(i.innerHTML)?("."===i[0]||"#"===i[0])&&document.querySelectorAll(i).length?(this.templateEle=document.querySelector(i),e.appendChild(this.templateEle),this.templateEle.style.display=""):this.templateCompile(e,i):(this.templateEle=i,e.appendChild(this.templateEle))},l.prototype.disable=function(e){e?t.addClass([this.element],[F]):t.removeClass([this.element],[F])},l.prototype.enableEditor=function(e){e?this.renderEditor():this.cancelHandler()},l.prototype.checkValidation=function(){var e,i=this;this.validationRules?(this.formValidate=new s.FormValidator(this.formEle,{rules:this.validationRules,validationComplete:function(t){e={errorMessage:t.message,data:{name:i.name,primaryKey:i.primaryKey,value:i.checkValue(i.getSendValue())}},i.trigger("validating",e,function(e){"failure"===t.status?(t.errorElement.innerText=e.errorMessage,i.toggleErrorClass(!0)):i.toggleErrorClass(!1)})},customPlacement:function(e,o){t.select("."+I,i.formEle).appendChild(o)}}),this.formValidate.validate()):(e={errorMessage:"",data:{name:this.name,primaryKey:this.primaryKey,value:this.checkValue(this.getSendValue())}},this.trigger("validating",e,function(e){e.errorMessage?(t.select("."+I,i.formEle).innerHTML=e.errorMessage,i.toggleErrorClass(!0)):i.toggleErrorClass(!1)}))},l.prototype.toggleErrorClass=function(e){if(!t.isNullOrUndefined(this.formEle)){var i=t.select(".e-input-group",this.formEle);!function(e,i,o){[].slice.call(e).forEach(function(e){e&&("add"===o?t.addClass([e],[i]):t.removeClass([e],[i]))})}([this.formEle,i],$,e?"add":"remove")}},l.prototype.updateArrow=function(){var e=this.tipObj.tipPointerPosition;this.tipObj.tipPointerPosition="Middle"===e?"Auto":"Middle",this.tipObj.tipPointerPosition=e,this.tipObj.dataBind()},l.prototype.triggerSuccess=function(e){var t=this,i=e.value;this.trigger("actionSuccess",e,function(e){t.removeSpinner("submit"),t.renderValue(t.checkValue(e.value!==i?e.value:t.getRenderValue())),t.removeEditor()})},l.prototype.wireEvents=function(){this.wireEditEvent(this.editableOn),t.EventHandler.add(this.editIcon,"click",this.clickHandler,this),t.EventHandler.add(this.element,"keydown",this.valueKeyDownHandler,this),t.EventHandler.add(document,"scroll",this.scrollResizeHandler,this),window.addEventListener("resize",this.scrollResizeHandler.bind(this)),Array.prototype.indexOf.call(this.clearComponents,this.type)>-1&&t.EventHandler.add(this.element,"mousedown",this.mouseDownHandler,this)},l.prototype.wireDocEvent=function(){t.EventHandler.add(document,"mousedown",this.docClickHandler,this)},l.prototype.wireEditEvent=function(e){if("EditIconClick"!==e){var i="Click"===e?"editAreaClick":"editAreaDoubleClick";this.element.setAttribute("title",this.getLocale(C[e],i)),t.Browser.isDevice&&t.Browser.isIos&&"DblClick"===e?this.touchModule=new t.Touch(this.valueWrap,{tap:this.doubleTapHandler.bind(this)}):t.EventHandler.add(this.valueWrap,e.toLowerCase(),this.clickHandler,this)}},l.prototype.wireEditorKeyDownEvent=function(e){t.EventHandler.add(e,"keydown",this.enterKeyDownHandler,this)},l.prototype.wireBtnEvents=function(){t.isNullOrUndefined(this.submitBtn)||(t.EventHandler.add(this.submitBtn.element,"mousedown",this.submitHandler,this),t.EventHandler.add(this.submitBtn.element,"click",this.submitPrevent,this),t.EventHandler.add(this.submitBtn.element,"keydown",this.btnKeyDownHandler,this)),t.isNullOrUndefined(this.cancelBtn)||(t.EventHandler.add(this.cancelBtn.element,"mousedown",this.cancelHandler,this),t.EventHandler.add(this.cancelBtn.element,"keydown",this.btnKeyDownHandler,this))},l.prototype.unWireEvents=function(){this.unWireEditEvent(this.editableOn),t.EventHandler.remove(this.editIcon,"click",this.clickHandler),t.EventHandler.remove(document,"scroll",this.scrollResizeHandler),window.removeEventListener("resize",this.scrollResizeHandler.bind(this)),t.EventHandler.remove(this.element,"keydown",this.valueKeyDownHandler),Array.prototype.indexOf.call(this.clearComponents,this.type)>-1&&t.EventHandler.remove(this.element,"mousedown",this.mouseDownHandler)},l.prototype.unWireDocEvent=function(){t.EventHandler.remove(document,"mousedown",this.docClickHandler)},l.prototype.unWireEditEvent=function(e){"EditIconClick"!==e&&(this.element.removeAttribute("title"),t.Browser.isDevice&&t.Browser.isIos&&"DblClick"===e?(this.touchModule.destroy(),this.touchModule=void 0):t.EventHandler.remove(this.valueWrap,e.toLowerCase(),this.clickHandler))},l.prototype.unWireEditorKeyDownEvent=function(e){t.EventHandler.remove(e,"keydown",this.enterKeyDownHandler)},l.prototype.submitPrevent=function(e){e.preventDefault()},l.prototype.btnKeyDownHandler=function(e){var t=e.target;(13===e.keyCode&&13===e.which||32===e.keyCode&&32===e.which)&&(t.classList.contains(_)?this.save():t.classList.contains(K)&&this.cancelHandler())},l.prototype.afterOpenHandler=function(e){"Popup"===this.mode&&"MultiSelect"===this.type&&(t.EventHandler.add(this.containerEle,"mousedown",this.popMouseDown,this),t.EventHandler.add(this.containerEle,"click",this.popClickHandler,this)),"Popup"!==this.mode||this.isEmpty(this.titleEle.innerHTML)||e.element.classList.add(T),"RTE"===this.type?(this.rteModule.refresh(),this.setAttribute(t.select(".e-richtexteditor textarea",this.containerEle),["name"])):"Slider"===this.type&&(this.sliderModule.refresh(),this.setAttribute(t.select(".e-slider-input",this.containerEle),["name"]));var o={mode:this.mode,cancelFocus:!1};this.trigger("beginEdit",o),o.cancelFocus||("Inline"===this.mode&&["AutoComplete","ComboBox","DropDownList","MultiSelect"].indexOf(this.type)>-1&&this.model.dataSource instanceof i.DataManager?this.showDropDownPopup():this.setFocus()),this.afterOpenEvent&&(this.tipObj.setProperties({afterOpen:this.afterOpenEvent},!0),this.tipObj.trigger("afterOpen",e))},l.prototype.popMouseDown=function(e){var t=e.target.classList;t.contains("e-chips-close")&&!t.contains("e-close-hooker")&&this.updateArrow()},l.prototype.doubleTapHandler=function(e){e.tapCount>1&&this.clickHandler(e.originalEvent)},l.prototype.clickHandler=function(e){"EditIconClick"!==this.editableOn&&e.stopPropagation(),this.renderEditor()},l.prototype.submitHandler=function(e){e.preventDefault(),this.save()},l.prototype.cancelHandler=function(){this.removeEditor()},l.prototype.popClickHandler=function(e){var i=t.select("."+k,this.element);e.target.classList.contains("e-chips-close")&&this.tipObj.refresh(i)},l.prototype.successHandler=function(e){var t={data:e,value:this.getSendValue()};this.triggerSuccess(t)},l.prototype.failureHandler=function(e){var t={data:e,value:this.getSendValue()};this.trigger("actionFailure",t),this.removeSpinner("submit"),"Popup"===this.mode&&this.updateArrow()},l.prototype.enterKeyDownHandler=function(e){t.closest(e.target,"."+A+" .e-richtexteditor")||(13===e.keyCode&&13===e.which&&t.closest(e.target,"."+A)?this.save():27===e.keyCode&&27===e.which&&this.cancelHandler())},l.prototype.valueKeyDownHandler=function(e){13!==e.keyCode||13!==e.which||!e.target.classList.contains(j)||this.valueWrap.classList.contains(W)||this.element.classList.contains(F)||(e.preventDefault(),this.renderEditor())},l.prototype.mouseDownHandler=function(e){e.target.classList.contains("e-clear-icon")&&(this.isClearTarget=!0)},l.prototype.scrollResizeHandler=function(){"Popup"===this.mode&&this.tipObj&&!t.Browser.isDevice&&this.removeEditor()},l.prototype.docClickHandler=function(e){var i=e.target;if(this.isClearTarget)this.isClearTarget=!1;else{var o=t.closest(i,"."+j),n=t.closest(i,"."+D),s=t.closest(i,"."+U),r=t.closest(i,".e-rte-elements");!t.isNullOrUndefined(o)&&o.isEqualNode(this.element)||!t.isNullOrUndefined(n)&&this.tipObj&&n.id.indexOf(this.valueWrap.id)>-1||!t.isNullOrUndefined(s)||!t.isNullOrUndefined(r)||i.classList.contains("e-chips-close")||("Submit"===this.actionOnBlur?this.save():"Cancel"===this.actionOnBlur&&this.cancelHandler())}},l.prototype.validate=function(){this.checkValidation()},l.prototype.save=function(){if(this.formEle){this.element.focus(),this.editEle=t.select("."+A,this.formEle);var e=null;e=t.select("."+$,this.editEle);var i=this.type,o="Date"===i||"DateTime"===i||"DateRange"===i||"Time"===i;e&&!t.isNullOrUndefined(this.validationRules)||e&&o||(this.isTemplate||this.setValue(),this.checkValidation(),this.formEle.classList.contains($)||(this.loadSpinner("validate"),"Popup"===this.mode&&this.updateArrow(),this.sendValue()))}},l.prototype.destroy=function(){var i=this;this.removeEditor(),this.isExtModule&&this.notify(m,{}),this.unWireEvents();for([F,G].forEach(function(e){t.removeClass([i.element],[e])});this.element.firstChild;)this.element.removeChild(this.element.firstChild);e.prototype.destroy.call(this)},l.prototype.getPersistData=function(){return this.addOnPersist(["value"])},l.prototype.requiredModules=function(){var e=[];return e.push({member:w[this.type],args:[this]}),e},l.prototype.getModuleName=function(){return"inplaceeditor"},l.prototype.onPropertyChanged=function(e,t){this.removeEditor();for(var i=0,o=Object.keys(e);i<o.length;i++){switch(o[i]){case"showButtons":e.showButtons?this.appendButtons(this.formEle):this.destroyButtons();break;case"value":this.updateValue(),this.renderValue(this.checkValue(p(this.type,this.value,this.model)));break;case"emptyText":this.renderValue(this.checkValue(p(this.type,this.value,this.model)));break;case"template":this.checkIsTemplate();break;case"disabled":this.disable(e.disabled);break;case"enableRtl":this.setRtl(e.enableRtl);break;case"cssClass":this.setClass("remove",t.cssClass),this.setClass("add",e.cssClass);break;case"mode":this.enableEditor(this.enableEditMode);break;case"enableEditMode":this.enableEditor(e.enableEditMode);break;case"editableOn":this.unWireEditEvent(t.editableOn),"EditIconClick"!==e.editableOn&&this.wireEditEvent(e.editableOn)}}},Z([t.Property("")],l.prototype,"name",void 0),Z([t.Property(null)],l.prototype,"value",void 0),Z([t.Property("")],l.prototype,"template",void 0),Z([t.Property("")],l.prototype,"cssClass",void 0),Z([t.Property("")],l.prototype,"primaryKey",void 0),Z([t.Property("Empty")],l.prototype,"emptyText",void 0),Z([t.Property("")],l.prototype,"url",void 0),Z([t.Property("Popup")],l.prototype,"mode",void 0),Z([t.Property("UrlAdaptor")],l.prototype,"adaptor",void 0),Z([t.Property("Text")],l.prototype,"type",void 0),Z([t.Property("Click")],l.prototype,"editableOn",void 0),Z([t.Property("Submit")],l.prototype,"actionOnBlur",void 0),Z([t.Property(!1)],l.prototype,"enablePersistence",void 0),Z([t.Property(!1)],l.prototype,"disabled",void 0),Z([t.Property(!0)],l.prototype,"showButtons",void 0),Z([t.Property(!1)],l.prototype,"enableEditMode",void 0),Z([t.Property(!0)],l.prototype,"submitOnEnter",void 0),Z([t.Complex({},g)],l.prototype,"popupSettings",void 0),Z([t.Property(null)],l.prototype,"model",void 0),Z([t.Property({iconCss:"e-icons e-save-icon"})],l.prototype,"saveButton",void 0),Z([t.Property({iconCss:"e-icons e-cancel-icon"})],l.prototype,"cancelButton",void 0),Z([t.Property(null)],l.prototype,"validationRules",void 0),Z([t.Event()],l.prototype,"created",void 0),Z([t.Event()],l.prototype,"actionBegin",void 0),Z([t.Event()],l.prototype,"actionSuccess",void 0),Z([t.Event()],l.prototype,"actionFailure",void 0),Z([t.Event()],l.prototype,"validating",void 0),Z([t.Event()],l.prototype,"beginEdit",void 0),Z([t.Event()],l.prototype,"destroyed",void 0),l=Z([t.NotifyPropertyChanges],l)}(t.Component),te=function(){function e(e,t){this.parent=e,this.module=t,this.addEventListener()}return e.prototype.render=function(e){this.module.render(e)},e.prototype.showPopup=function(){this.module.showPopup()},e.prototype.focus=function(){this.module.focus()},e.prototype.update=function(e){this.module.updateValue(e)},e.prototype.getValue=function(){this.module.getRenderValue()},e.prototype.destroyComponent=function(){t.isNullOrUndefined(this.module.compObj)||(this.module.compObj.destroy(),this.module.compObj=void 0)},e.prototype.destroy=function(){this.destroyComponent(),this.removeEventListener()},e.prototype.addEventListener=function(){this.parent.on(c,this.render,this),this.parent.on(y,this.focus,this),this.parent.on(b,this.showPopup,this),this.parent.on(u,this.update,this),this.parent.on(f,this.getValue,this),this.parent.on(v,this.destroyComponent,this),this.parent.on(m,this.destroy,this)},e.prototype.removeEventListener=function(){this.parent.isDestroyed||(this.parent.off(c,this.render),this.parent.off(y,this.focus),this.parent.off(b,this.showPopup),this.parent.off(u,this.update),this.parent.off(f,this.getValue),this.parent.off(v,this.destroyComponent),this.parent.off(m,this.destroy))},e}(),ie=function(){function e(e){this.compObj=void 0,this.parent=e,this.parent.atcModule=this,this.base=new te(this.parent,this)}return e.prototype.render=function(e){this.compObj=new a.AutoComplete(this.parent.model,e.target)},e.prototype.showPopup=function(){this.compObj.focusIn(),this.compObj.showPopup()},e.prototype.focus=function(){this.compObj.element.focus()},e.prototype.updateValue=function(e){this.compObj&&"AutoComplete"===e.type&&(this.parent.setProperties({value:this.compObj.value},!0),this.parent.extendModelValue(this.compObj.value))},e.prototype.destroy=function(){this.base.destroy()},e.prototype.getModuleName=function(){return"auto-complete"},e}(),oe=function(){function e(e){this.compObj=void 0,this.parent=e,this.parent.colorModule=this,this.base=new te(this.parent,this)}return e.prototype.render=function(e){this.compObj=new s.ColorPicker(this.parent.model,e.target)},e.prototype.focus=function(){this.compObj.element.focus()},e.prototype.updateValue=function(e){this.compObj&&"Color"===e.type&&(this.parent.setProperties({value:this.compObj.value},!0),this.parent.extendModelValue(this.compObj.value))},e.prototype.destroy=function(){this.base.destroy()},e.prototype.getModuleName=function(){return"color-picker"},e}(),ne=function(){function e(e){this.compObj=void 0,this.parent=e,this.parent.comboBoxModule=this,this.base=new te(this.parent,this)}return e.prototype.render=function(e){this.compObj=new a.ComboBox(this.parent.model,e.target)},e.prototype.focus=function(){this.compObj.element.focus()},e.prototype.showPopup=function(){this.compObj.focusIn(),this.compObj.showPopup()},e.prototype.updateValue=function(e){this.compObj&&"ComboBox"===e.type&&(this.parent.setProperties({value:this.compObj.value},!0),this.parent.extendModelValue(this.compObj.value))},e.prototype.destroy=function(){this.base.destroy()},e.prototype.getModuleName=function(){return"combo-box"},e}(),se=function(){function e(e){this.compObj=void 0,this.parent=e,this.parent.dateRangeModule=this,this.base=new te(this.parent,this)}return e.prototype.render=function(e){this.compObj=new n.DateRangePicker(this.parent.model),this.compObj.appendTo(e.target)},e.prototype.focus=function(){this.compObj.element.focus()},e.prototype.updateValue=function(e){this.compObj&&"DateRange"===e.type&&(this.parent.setProperties({value:this.compObj.value},!0),this.parent.extendModelValue(this.compObj.value))},e.prototype.destroy=function(){this.base.destroy()},e.prototype.getModuleName=function(){return"date-range-picker"},e}(),re=function(){function e(e){this.compObj=void 0,this.parent=e,this.parent.multiSelectModule=this,this.base=new te(this.parent,this)}return e.prototype.render=function(e){this.compObj=new a.MultiSelect(this.parent.model,e.target)},e.prototype.showPopup=function(){this.compObj.focusIn(),this.compObj.showPopup()},e.prototype.focus=function(){t.closest(this.compObj.element,".e-multi-select-wrapper").dispatchEvent(new MouseEvent("mousedown"))},e.prototype.updateValue=function(e){this.compObj&&"MultiSelect"===e.type&&(this.parent.setProperties({value:this.compObj.value},!0),this.parent.extendModelValue(this.compObj.value))},e.prototype.getRenderValue=function(){this.parent.printValue=this.compObj.text},e.prototype.destroy=function(){this.base.destroy()},e.prototype.getModuleName=function(){return"multi-select"},e}(),ae=function(){function e(e){this.compObj=void 0,l.RichTextEditor.Inject(l.HtmlEditor,l.MarkdownEditor,l.Toolbar,l.Link,l.Image,l.QuickToolbar,l.Table),this.parent=e,this.parent.rteModule=this,this.base=new te(this.parent,this)}return e.prototype.render=function(e){this.compObj=new l.RichTextEditor(this.parent.model,e.target)},e.prototype.focus=function(){this.compObj.focusIn()},e.prototype.updateValue=function(e){this.compObj&&"RTE"===e.type&&(this.parent.setProperties({value:this.getRteValue()},!0),this.parent.extendModelValue(this.compObj.value))},e.prototype.getRteValue=function(){var e;return"Markdown"===this.compObj.editorMode?""===(e=this.compObj.contentModule.getEditPanel().value)?"":e:"<p><br></p>"===(e=this.compObj.contentModule.getEditPanel().innerHTML)||"&lt;p&gt;&lt;br&gt;&lt;/p&gt;"===e||""===e?"":e},e.prototype.refresh=function(){this.compObj.refresh()},e.prototype.destroy=function(){this.base.destroy()},e.prototype.getModuleName=function(){return"rte"},e}(),le=function(){function e(e){this.compObj=void 0,this.parent=e,this.parent.sliderModule=this,this.base=new te(this.parent,this)}return e.prototype.render=function(e){this.compObj=new s.Slider(this.parent.model,e.target)},e.prototype.focus=function(){this.compObj.element.focus()},e.prototype.updateValue=function(e){this.compObj&&"Slider"===e.type&&(this.parent.setProperties({value:this.compObj.value},!0),this.parent.extendModelValue(this.compObj.value))},e.prototype.refresh=function(){this.compObj.refresh()},e.prototype.destroy=function(){this.base.destroy()},e.prototype.getModuleName=function(){return"slider"},e}(),pe=function(){function e(e){this.compObj=void 0,this.parent=e,this.parent.timeModule=this,this.base=new te(this.parent,this)}return e.prototype.render=function(e){this.compObj=new n.TimePicker(this.parent.model,e.target)},e.prototype.focus=function(){this.compObj.focusIn()},e.prototype.updateValue=function(e){this.compObj&&"Time"===e.type&&(this.parent.setProperties({value:this.compObj.value},!0),this.parent.extendModelValue(this.compObj.value))},e.prototype.destroy=function(){this.base.destroy()},e.prototype.getModuleName=function(){return"time-picker"},e}();e.parseValue=p,e.getCompValue=d,e.render=c,e.update=u,e.destroy=m,e.setFocus=y,e.accessValue=f,e.destroyModules=v,e.showPopup=b,e.PopupSettings=g,e.modulesList=w,e.localeConstant=C,e.ROOT=j,e.ROOT_TIP=D,e.VALUE_WRAPPER=k,e.VALUE=P,e.OVERLAY_ICON=M,e.TIP_TITLE=T,e.TITLE=H,e.INLINE=B,e.POPUP=S,e.WRAPPER=x,e.LOADING=V,e.FORM=R,e.CTRL_GROUP=N,e.INPUT=A,e.BUTTONS=L,e.EDITABLE_ERROR=I,e.ELEMENTS=U,e.OPEN=W,e.BTN_SAVE=_,e.BTN_CANCEL=K,e.RTE_SPIN_WRAP=q,e.CTRL_OVERLAY=z,e.DISABLE=F,e.ICONS="e-icons",e.PRIMARY="e-primary",e.SHOW=Q,e.HIDE=Y,e.RTL=G,e.ERROR=$,e.LOAD=J,e.InPlaceEditor=ee,e.Base=te,e.AutoComplete=ie,e.ColorPicker=oe,e.ComboBox=ne,e.DateRangePicker=se,e.MultiSelect=re,e.Rte=ae,e.Slider=le,e.TimePicker=pe,Object.defineProperty(e,"__esModule",{value:!0})});
 //# sourceMappingURL=ej2-inplace-editor.umd.min.js.map

dist/es6/ej2-inplace-editor.es2015.js

@@ -15,3 +15,3 @@ import { Browser, ChildProperty, Complex, Component, Event, EventHandler, Internationalization, L10n, NotifyPropertyChanges, Property, Touch, addClass, closest, compile, detach, extend, isNullOrUndefined, removeClass, resetBlazorTemplate, select, setStyleAttribute, updateBlazorTemplate } from '@syncfusion/ej2-base';
 /**
- * @hidden
+
  */
@@ -87,14 +87,9 @@ function parseValue(type, val, model) {
  */
-/** @hidden */
 const render = 'render';
-/** @hidden */
 const update = 'update';
-/** @hidden */
 const destroy = 'destroy';
-/** @hidden */
 const setFocus = 'set-focus';
-/** @hidden */
 const accessValue = 'access-value';
-/** @hidden */
 const destroyModules = 'destroy-modules';
+const showPopup = 'show-popup';
 
@@ -119,3 +114,3 @@ var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
 /**
- * @hidden
+
  */
@@ -133,3 +128,3 @@ let modulesList = {
 /**
- * @hidden
+
  */
@@ -144,61 +139,31 @@ let localeConstant = {
  */
-/** @hidden */
 const ROOT = 'e-inplaceeditor';
-/** @hidden */
 const ROOT_TIP = 'e-inplaceeditor-tip';
-/** @hidden */
 const VALUE_WRAPPER = 'e-editable-value-wrapper';
-/** @hidden */
 const VALUE = 'e-editable-value';
-/** @hidden */
 const OVERLAY_ICON = 'e-editable-overlay-icon';
-/** @hidden */
 const TIP_TITLE = 'e-editable-tip-title';
-/** @hidden */
 const TITLE = 'e-editable-title';
-/** @hidden */
 const INLINE = 'e-editable-inline';
-/** @hidden */
 const POPUP = 'e-editable-popup';
-/** @hidden */
 const WRAPPER = 'e-editable-wrapper';
-/** @hidden */
 const LOADING = 'e-editable-loading';
-/** @hidden */
 const FORM = 'e-editable-form';
-/** @hidden */
 const CTRL_GROUP = 'e-component-group';
-/** @hidden */
 const INPUT = 'e-editable-component';
-/** @hidden */
 const BUTTONS = 'e-editable-action-buttons';
-/** @hidden */
 const EDITABLE_ERROR = 'e-editable-error';
-/** @hidden */
 const ELEMENTS = 'e-editable-elements';
-/** @hidden */
 const OPEN = 'e-editable-open';
-/** @hidden */
 const BTN_SAVE = 'e-btn-save';
-/** @hidden */
 const BTN_CANCEL = 'e-btn-cancel';
-/** @hidden */
 const RTE_SPIN_WRAP = 'e-rte-spin-wrap';
-/** @hidden */
 const CTRL_OVERLAY = 'e-control-overlay';
-/** @hidden */
 const DISABLE = 'e-disable';
-/** @hidden */
 const ICONS = 'e-icons';
-/** @hidden */
 const PRIMARY = 'e-primary';
-/** @hidden */
 const SHOW = 'e-show';
-/** @hidden */
 const HIDE = 'e-hide';
-/** @hidden */
 const RTL = 'e-rtl';
-/** @hidden */
 const ERROR = 'e-error';
-/** @hidden */
 const LOAD = 'e-loading';
@@ -248,3 +213,3 @@
         /**
-         * @hidden
+    
          */
@@ -323,4 +288,8 @@ this.needsID = true;
             this.element.appendChild(this.inlineWrapper);
-            this.renderControl(this.inlineWrapper);
-            this.afterOpenHandler(null);
+            if (['AutoComplete', 'ComboBox', 'DropDownList', 'MultiSelect'].indexOf(this.type) > -1) {
+                this.checkRemoteData(this.model);
+            }
+            else {
+                this.renderAndOpen();
+            }
         }
@@ -354,2 +323,32 @@ else {
     }
+    renderAndOpen() {
+        this.renderControl(this.inlineWrapper);
+        this.afterOpenHandler(null);
+    }
+    checkRemoteData(model) {
+        if (model.dataSource instanceof DataManager) {
+            model.dataBound = () => {
+                this.afterOpenHandler(null);
+            };
+            this.renderControl(this.inlineWrapper);
+            if ((isNullOrUndefined(model.value) && isNullOrUndefined(this.value)) || (model.value === this.value
+                && model.value.length === 0)) {
+                this.showDropDownPopup();
+            }
+        }
+        else {
+            this.renderAndOpen();
+        }
+    }
+    showDropDownPopup() {
+        if (this.type === 'DropDownList') {
+            this.componentObj.focusIn();
+            this.componentObj.showPopup();
+        }
+        else {
+            if (this.isExtModule) {
+                this.notify(showPopup, {});
+            }
+        }
+    }
     setAttribute(ele, attr) {
@@ -943,3 +942,9 @@ let value = this.name && this.name.length !== 0 ? this.name : this.element.id;
         if (!eventArgs.cancelFocus) {
-            this.setFocus();
+            if (this.mode === 'Inline' && (['AutoComplete', 'ComboBox', 'DropDownList', 'MultiSelect'].indexOf(this.type) > -1)
+                && this.model.dataSource instanceof DataManager) {
+                this.showDropDownPopup();
+            }
+            else {
+                this.setFocus();
+            }
         }
@@ -1109,3 +1114,3 @@ if (this.afterOpenEvent) {
      * @return {ModuleDeclaration[]}
-     * @hidden
+
      */
@@ -1282,2 +1287,5 @@ requiredModules() {
     }
+    showPopup() {
+        this.module.showPopup();
+    }
     focus() {
@@ -1306,2 +1314,3 @@ this.module.focus();
         this.parent.on(setFocus, this.focus, this);
+        this.parent.on(showPopup, this.showPopup, this);
         this.parent.on(update, this.update, this);
@@ -1318,2 +1327,3 @@ this.parent.on(accessValue, this.getValue, this);
         this.parent.off(setFocus, this.focus);
+        this.parent.off(showPopup, this.showPopup);
         this.parent.off(update, this.update);
@@ -1339,2 +1349,9 @@ this.parent.off(accessValue, this.getValue);
     }
+    /**
+
+     */
+    showPopup() {
+        this.compObj.focusIn();
+        this.compObj.showPopup();
+    }
     focus() {
@@ -1353,3 +1370,3 @@ this.compObj.element.focus();
      * @return {void}
-     * @hidden
+
      */
@@ -1393,3 +1410,3 @@ destroy() {
      * @return {void}
-     * @hidden
+
      */
@@ -1423,2 +1440,9 @@ destroy() {
     }
+    /**
+
+     */
+    showPopup() {
+        this.compObj.focusIn();
+        this.compObj.showPopup();
+    }
     updateValue(e) {
@@ -1434,3 +1458,3 @@ if (this.compObj && e.type === 'ComboBox') {
      * @return {void}
-     * @hidden
+
      */
@@ -1475,3 +1499,3 @@ destroy() {
      * @return {void}
-     * @hidden
+
      */
@@ -1502,2 +1526,9 @@ destroy() {
     }
+    /**
+
+     */
+    showPopup() {
+        this.compObj.focusIn();
+        this.compObj.showPopup();
+    }
     focus() {
@@ -1519,3 +1550,3 @@ closest(this.compObj.element, '.e-multi-select-wrapper').dispatchEvent(new MouseEvent('mousedown'));
      * @return {void}
-     * @hidden
+
      */
@@ -1574,3 +1605,3 @@ destroy() {
      * @return {void}
-     * @hidden
+
      */
@@ -1617,3 +1648,3 @@ destroy() {
      * @return {void}
-     * @hidden
+
      */
@@ -1657,3 +1688,3 @@ destroy() {
      * @return {void}
-     * @hidden
+
      */
@@ -1683,3 +1714,3 @@ destroy() {
 
-export { parseValue, getCompValue, render, update, destroy, setFocus, accessValue, destroyModules, PopupSettings, modulesList, localeConstant, ROOT, ROOT_TIP, VALUE_WRAPPER, VALUE, OVERLAY_ICON, TIP_TITLE, TITLE, INLINE, POPUP, WRAPPER, LOADING, FORM, CTRL_GROUP, INPUT, BUTTONS, EDITABLE_ERROR, ELEMENTS, OPEN, BTN_SAVE, BTN_CANCEL, RTE_SPIN_WRAP, CTRL_OVERLAY, DISABLE, ICONS, PRIMARY, SHOW, HIDE, RTL, ERROR, LOAD, InPlaceEditor, Base, AutoComplete$1 as AutoComplete, ColorPicker$1 as ColorPicker, ComboBox$1 as ComboBox, DateRangePicker$1 as DateRangePicker, MultiSelect$1 as MultiSelect, Rte, Slider$1 as Slider, TimePicker$1 as TimePicker };
+export { parseValue, getCompValue, render, update, destroy, setFocus, accessValue, destroyModules, showPopup, PopupSettings, modulesList, localeConstant, ROOT, ROOT_TIP, VALUE_WRAPPER, VALUE, OVERLAY_ICON, TIP_TITLE, TITLE, INLINE, POPUP, WRAPPER, LOADING, FORM, CTRL_GROUP, INPUT, BUTTONS, EDITABLE_ERROR, ELEMENTS, OPEN, BTN_SAVE, BTN_CANCEL, RTE_SPIN_WRAP, CTRL_OVERLAY, DISABLE, ICONS, PRIMARY, SHOW, HIDE, RTL, ERROR, LOAD, InPlaceEditor, Base, AutoComplete$1 as AutoComplete, ColorPicker$1 as ColorPicker, ComboBox$1 as ComboBox, DateRangePicker$1 as DateRangePicker, MultiSelect$1 as MultiSelect, Rte, Slider$1 as Slider, TimePicker$1 as TimePicker };
 //# sourceMappingURL=ej2-inplace-editor.es2015.js.map

dist/global/ej2-inplace-editor.min.js

 /*!
 *  filename: ej2-inplace-editor.min.js
-*  version : 17.3.9-beta
+*  version : 17.3.14
 *  Copyright Syncfusion Inc. 2001 - 2019. All rights reserved.
@@ -10,3 +10,3 @@ *  Use of this code is subject to the terms of our license.
 */
-this.ej=this.ej||{},this.ej.inplaceeditor=function(e,t,i,o,n,s,r,a,l){"use strict";function p(e,i,o){if(t.isNullOrUndefined(i)||""===i)return"";var n,s;switch(e){case"Color":var r=i;n=r.length>7?r.slice(0,-2):r;break;case"Date":s=o.format,n=h.formatDate(i,{format:s,type:e,skeleton:"yMd"});break;case"DateRange":s=o.format;var a=i;n=h.formatDate(a[0],{format:s,type:e,skeleton:"yMd"})+" - "+h.formatDate(a[1],{format:s,type:e,skeleton:"yMd"});break;case"DateTime":s=o.format,n=t.isNullOrUndefined(s)||""===s?h.formatDate(i,{format:s,type:e,skeleton:"yMd"})+" "+h.formatDate(i,{format:s,type:e,skeleton:"hm"}):h.formatDate(i,{format:s,type:e,skeleton:"yMd"});break;case"Time":s=o.format,n=h.formatDate(i,{format:s,type:e,skeleton:"hm"});break;case"Numeric":s=t.isNullOrUndefined(o.format)?"n2":o.format;var l=t.isNullOrUndefined(i)?null:"number"==typeof i?i:h.parseNumber(i);n=h.formatNumber(l,{format:s});break;default:n=i.toString()}return n}function d(e,i){if(t.isNullOrUndefined(i)||""===i)return i;if("Date"!==e&&"Time"!==e&&"DateTime"!==e||"string"!=typeof i){if("DateRange"===e)if("object"==typeof i&&"string"==typeof i[0])i=[new Date(i[0]),new Date(i[1])];else if("string"==typeof i){var o=i.split("-");i=[new Date(o[0]),new Date(o[1])]}}else i=new Date(i);return i}var h=new t.Internationalization,c=function(){var e=function(t,i){return(e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var i in t)t.hasOwnProperty(i)&&(e[i]=t[i])})(t,i)};return function(t,i){function o(){this.constructor=t}e(t,i),t.prototype=null===i?Object.create(i):(o.prototype=i.prototype,new o)}}(),u=function(e,t,i,o){var n,s=arguments.length,r=s<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,i,o);else for(var a=e.length-1;a>=0;a--)(n=e[a])&&(r=(s<3?n(r):s>3?n(t,i,r):n(t,i))||r);return s>3&&r&&Object.defineProperty(t,i,r),r},m=function(e){function i(){return null!==e&&e.apply(this,arguments)||this}return c(i,e),u([t.Property("")],i.prototype,"title",void 0),u([t.Property(null)],i.prototype,"model",void 0),i}(t.ChildProperty),y={AutoComplete:"auto-complete",Color:"color-picker",ComboBox:"combo-box",DateRange:"date-range-picker",MultiSelect:"multi-select",RTE:"rte",Slider:"slider",Time:"time-picker"},f={Click:{editAreaClick:"Click to edit"},DblClick:{editAreaDoubleClick:"Double click to edit"}},v="e-inplaceeditor",b="e-inplaceeditor-tip",E="e-editable-value-wrapper",O="e-editable-value",g="e-editable-title",C="e-editable-inline",w="e-editable-popup",j="e-editable-form",k="e-editable-component",D="e-editable-action-buttons",M="e-editable-elements",P="e-editable-open",T="e-hide",H="e-rtl",B="e-loading",V=function(){var e=function(t,i){return(e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var i in t)t.hasOwnProperty(i)&&(e[i]=t[i])})(t,i)};return function(t,i){function o(){this.constructor=t}e(t,i),t.prototype=null===i?Object.create(i):(o.prototype=i.prototype,new o)}}(),S=function(e,t,i,o){var n,s=arguments.length,r=s<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,i,o);else for(var a=e.length-1;a>=0;a--)(n=e[a])&&(r=(s<3?n(r):s>3?n(t,i,r):n(t,i))||r);return s>3&&r&&Object.defineProperty(t,i,r),r},R=function(e){function l(t,i){var o=e.call(this,t,i)||this;return o.initRender=!0,o.isTemplate=!1,o.isExtModule=!1,o.submitBtn=void 0,o.cancelBtn=void 0,o.isClearTarget=!1,o.btnElements=void 0,o.dataManager=void 0,o.divComponents=["RTE","Slider"],o.clearComponents=["AutoComplete","Mask","Text"],o.dateType=["Date","DateTime","Time"],o.inputDataEle=["Date","DateTime","DateRange","Time","Numeric"],o.dropDownEle=["AutoComplete","ComboBox","DropDownList","MultiSelect"],o.moduleList=["AutoComplete","Color","ComboBox","DateRange","MultiSelect","RTE","Slider","Time"],o.needsID=!0,o}return V(l,e),l.prototype.preRender=function(){t.isNullOrUndefined(this.model)&&this.setProperties({model:{}},!0),this.titleEle=this.createElement("div",{className:g}),!t.isNullOrUndefined(this.popupSettings.model)&&this.popupSettings.model.afterOpen&&(this.afterOpenEvent=this.popupSettings.model.afterOpen)},l.prototype.render=function(){this.element.setAttribute("tabindex","0"),this.checkIsTemplate(),this.disable(this.disabled),this.updateAdaptor(),this.appendValueElement(),this.updateValue(),this.renderValue(this.checkValue(p(this.type,this.value,this.model))),this.wireEvents(),this.setRtl(this.enableRtl),this.enableEditor(this.enableEditMode),this.setClass("add",this.cssClass),this.renderComplete()},l.prototype.setClass=function(e,i){this.isEmpty(i)||("add"===e?t.addClass([this.element],[i]):t.removeClass([this.element],[i]))},l.prototype.appendValueElement=function(){this.valueWrap=this.createElement("div",{id:this.element.id+"_wrap",className:E}),-1===Object.keys(window).indexOf("ejsInterop")&&(this.element.innerHTML=""),this.valueEle=this.createElement("span",{className:O}),this.editIcon=this.createElement("span",{className:"e-editable-overlay-icon e-icons",attrs:{title:this.getLocale({editIcon:"Click to edit"},"editIcon")}}),this.valueWrap.appendChild(this.valueEle),this.valueWrap.appendChild(this.editIcon),this.element.appendChild(this.valueWrap)},l.prototype.renderValue=function(e){this.valueEle.innerHTML=e,"Color"===this.type&&t.setStyleAttribute(this.valueEle,{color:e}),"Inline"===this.mode&&t.removeClass([this.valueWrap],[T])},l.prototype.renderEditor=function(){var e=void 0,i=t.select("."+E,this.element);if(!this.valueWrap.classList.contains(P)){if("Inline"===this.mode)this.loaderWidth=this.valueWrap.offsetWidth,t.addClass([this.valueWrap],[T]),this.inlineWrapper=this.createElement("div",{className:C}),this.element.appendChild(this.inlineWrapper),this.renderControl(this.inlineWrapper),this.afterOpenHandler(null);else{!t.isNullOrUndefined(this.popupSettings.model)&&this.popupSettings.model.afterOpen&&(this.popupSettings.model.afterOpen=this.afterOpenHandler.bind(this));var o=this.createElement("div",{className:w});this.isEmpty(this.popupSettings.title)||(this.titleEle.innerHTML=this.popupSettings.title,o.appendChild(this.titleEle)),e={content:o,opensOn:"Custom",enableRtl:this.enableRtl,cssClass:b,afterOpen:this.afterOpenHandler.bind(this)},o.appendChild(this.renderControl(document.body)),t.extend(e,this.popupSettings.model,e,!0),this.tipObj=new r.Tooltip(e),this.tipObj.appendTo(i),this.tipObj.open(i)}"Ignore"!==this.actionOnBlur&&this.wireDocEvent(),this.initRender=!1,t.addClass([this.valueWrap],[P]),this.setProperties({enableEditMode:!0},!0)}},l.prototype.setAttribute=function(e,t){var i=this.name&&0!==this.name.length?this.name:this.element.id;t.forEach(function(t){e.setAttribute(t,"id"===t?i+"_editor":i)})},l.prototype.renderControl=function(e){var t;this.containerEle=this.createElement("div",{className:"e-editable-wrapper"}),this.loader=this.createElement("div",{className:"e-editable-loading"}),this.formEle=this.createElement("form",{className:j});var i=this.createElement("div",{className:"e-component-group"}),o=this.createElement("div",{className:k});return e.appendChild(this.containerEle),this.loadSpinner(),this.containerEle.appendChild(this.formEle),this.formEle.appendChild(i),this.isTemplate?this.appendTemplate(o,this.template):(Array.prototype.indexOf.call(this.divComponents,this.type)>-1?(t=this.createElement("div"),this.setAttribute(t,["id"])):(t=this.createElement("input"),this.setAttribute(t,["id","name"])),this.componentRoot=t,o.appendChild(t),o.appendChild(this.loader)),i.appendChild(o),i.appendChild(this.createElement("div",{className:"e-editable-error"})),this.appendButtons(this.formEle),this.isTemplate||this.renderComponent(t),this.removeSpinner(),this.submitOnEnter&&this.wireEditorKeyDownEvent(this.containerEle),this.containerEle},l.prototype.appendButtons=function(e){this.showButtons&&e&&(this.btnElements=this.renderButtons(),e.appendChild(this.btnElements),this.wireBtnEvents())},l.prototype.renderButtons=function(){var e=this.createElement("div",{className:D}),i=t.isNullOrUndefined(this.saveButton.content)||0===this.saveButton.content.length?"":" e-primary";return this.submitBtn=this.createButtons({constant:"save",type:"submit",container:e,title:{save:"Save"},model:this.saveButton,className:"e-btn-save"+i}),this.cancelBtn=this.createButtons({type:"button",constant:"cancel",title:{cancel:"Cancel"},container:e,model:this.cancelButton,className:"e-btn-cancel"}),e},l.prototype.createButtons=function(e){var t=void 0;if(Object.keys(e.model).length>0){var i=this.createElement("button",{className:e.className,attrs:{type:e.type,title:this.getLocale(e.title,e.constant)}});e.container.appendChild(i),t=new o.Button(e.model,i)}return t},l.prototype.renderComponent=function(e){this.isExtModule=Array.prototype.indexOf.call(this.moduleList,this.type)>-1;var i;if(i=t.isNullOrUndefined(this.model.cssClass)?M:this.model.cssClass.indexOf(M)<0?this.model.cssClass+" "+M:this.model.cssClass,t.extend(this.model,this.model,{cssClass:i}),t.isNullOrUndefined(this.value)||this.updateModelValue(),this.isExtModule)this.notify("render",{module:y[this.type],target:e,type:this.type});else switch(t.isNullOrUndefined(this.model.showClearButton)&&(this.model.showClearButton=!0),this.type){case"Date":this.componentObj=new n.DatePicker(this.model,e);break;case"DateTime":this.componentObj=new n.DateTimePicker(this.model,e);break;case"DropDownList":this.componentObj=new a.DropDownList(this.model,e);break;case"Mask":this.componentObj=new s.MaskedTextBox(this.model,e);break;case"Numeric":this.model.value&&(this.model.value=this.model.value.toString().replace(/[`~!@#$%^&*()_|\=?;:'",<>\{\}\[\]\\\/]/gi,"")),this.componentObj=new s.NumericTextBox(this.model,e);break;case"Text":this.componentObj=new s.TextBox(this.model,e)}},l.prototype.updateAdaptor=function(){switch(this.adaptor){case"UrlAdaptor":this.dataAdaptor=new i.UrlAdaptor;break;case"WebApiAdaptor":this.dataAdaptor=new i.WebApiAdaptor;break;case"ODataV4Adaptor":this.dataAdaptor=new i.ODataV4Adaptor}},l.prototype.loadSpinner=function(e){t.addClass([this.loader],["e-show"]),"validate"!==e||"RTE"!==this.type&&"Color"!==this.type&&"Slider"!==this.type?this.spinObj={target:this.loader,width:t.Browser.isDevice?"16px":"14px"}:(t.addClass([this.loader],["e-rte-spin-wrap"]),t.addClass([this.getEditElement()],["e-control-overlay"]),this.spinObj={target:this.loader}),this.formEle&&t.addClass([this.formEle],[B]),this.btnElements&&t.addClass([this.btnElements],[T]),t.setStyleAttribute(this.loader,{width:"100%"}),r.createSpinner(this.spinObj),r.showSpinner(this.spinObj.target)},l.prototype.removeSpinner=function(e){this.loader.removeAttribute("style"),r.hideSpinner(this.spinObj.target),t.detach(this.spinObj.target.firstChild),"submit"!==e||"RTE"!==this.type&&"Color"!==this.type&&"Slider"!==this.type||(t.removeClass([this.loader],["e-rte-spin-wrap"]),t.removeClass([this.getEditElement()],["e-control-overlay"])),this.formEle&&t.removeClass([this.formEle],[B]),this.btnElements&&t.removeClass([this.btnElements],[T]),t.removeClass([this.loader],["e-show"])},l.prototype.getEditElement=function(){return t.select("."+M,this.formEle)},l.prototype.getLocale=function(e,i){return new t.L10n("inplace-editor",e,this.locale).getConstant(i)},l.prototype.checkValue=function(e){return this.isEmpty(e)?this.emptyText:e},l.prototype.extendModelValue=function(e){var i=this.model;t.extend(i,{value:e}),this.setProperties({model:i},!0)},l.prototype.updateValue=function(){t.isNullOrUndefined(this.value)||(this.setProperties({value:d(this.type,this.value)},!0),this.extendModelValue(d(this.type,this.value)))},l.prototype.updateModelValue=function(){"MultiSelect"!==this.type||this.isEmpty(this.value)?this.model.value=this.value:this.model.value=this.value.slice()},l.prototype.setValue=function(){this.isExtModule?this.notify("update",{type:this.type}):this.componentObj&&(this.setProperties({value:this.componentObj.value},!0),this.extendModelValue(this.componentObj.value))},l.prototype.getDropDownsValue=function(e){var i;return Array.prototype.indexOf.call(this.dropDownEle,this.type)>-1&&"MultiSelect"!==this.type?i=e?t.select(".e-"+this.type.toLocaleLowerCase(),this.containerEle).value:this.value.toString():"MultiSelect"===this.type&&(this.notify("access-value",{type:this.type}),i=e?this.printValue:this.value.join()),i},l.prototype.getSendValue=function(){return this.isEmpty(this.value)?"":Array.prototype.indexOf.call(this.dropDownEle,this.type)>-1?this.getDropDownsValue(!1):Array.prototype.indexOf.call(this.dateType,this.type)>-1?this.value.toISOString():"DateRange"===this.type?this.value[0].toISOString()+" - "+this.value[1].toISOString():this.value.toString()},l.prototype.getRenderValue=function(){return"Mask"===this.type&&0!==this.componentObj.value.length?this.componentObj.getMaskedValue():Array.prototype.indexOf.call(this.inputDataEle,this.type)>-1?this.componentRoot.value:Array.prototype.indexOf.call(this.dropDownEle,this.type)>-1?this.getDropDownsValue(!0):p(this.type,this.value,this.model)},l.prototype.setRtl=function(e){e?t.addClass([this.element],[H]):t.removeClass([this.element],[H])},l.prototype.setFocus=function(){this.isTemplate||(this.isExtModule?this.notify("set-focus",{}):this.componentObj.element.focus())},l.prototype.removeEditor=function(){-1===Object.keys(window).indexOf("ejsInterop")||this.isStringTemplate||t.resetBlazorTemplate(this.element.id+"template","Template");this.tipObj&&this.formEle&&t.closest(this.formEle,"."+b).classList.add(T),this.unWireDocEvent(),this.destroyComponents(),this.formEle=void 0,t.isNullOrUndefined(t.select("."+C,this.element))?this.tipObj&&("MultiSelect"===this.type&&(t.EventHandler.remove(this.containerEle,"mousedown",this.popMouseDown),t.EventHandler.remove(this.containerEle,"click",this.popClickHandler)),this.tipObj.close(),this.tipObj.destroy(),this.tipObj=void 0):(t.detach(this.inlineWrapper),this.inlineWrapper=void 0),this.containerEle=void 0,t.removeClass([this.valueWrap],[P,T]),this.setProperties({enableEditMode:!1},!0)},l.prototype.destroyComponents=function(){this.showButtons&&this.destroyButtons(),this.isExtModule?this.notify("destroy-modules",{}):(this.templateEle&&(document.body.appendChild(this.templateEle),this.templateEle.style.display="none",this.templateEle=void 0),t.isNullOrUndefined(this.componentObj)||(this.componentObj.destroy(),this.componentObj=void 0)),this.formValidate&&(this.formValidate=void 0),this.submitOnEnter&&this.containerEle&&this.unWireEditorKeyDownEvent(this.containerEle)},l.prototype.destroyButtons=function(){t.isNullOrUndefined(this.submitBtn)||(t.EventHandler.remove(this.submitBtn.element,"mousedown",this.submitHandler),t.EventHandler.remove(this.submitBtn.element,"click",this.submitPrevent),t.EventHandler.remove(this.submitBtn.element,"keydown",this.btnKeyDownHandler),this.submitBtn.destroy(),this.submitBtn=void 0),t.isNullOrUndefined(this.cancelBtn)||(t.EventHandler.remove(this.cancelBtn.element,"mousedown",this.cancelHandler),t.EventHandler.remove(this.cancelBtn.element,"keydown",this.btnKeyDownHandler),this.cancelBtn.destroy(),this.cancelBtn=void 0),this.btnElements=void 0},l.prototype.getQuery=function(e){var t=new i.Query;return Object.keys(e).forEach(function(i){t.addParams(i,e[i])}),t},l.prototype.sendValue=function(){var e=this,t={data:{name:this.name,primaryKey:this.primaryKey,value:this.getSendValue()}};this.trigger("actionBegin",t,function(t){if(e.isEmpty(e.url)||e.isEmpty(e.primaryKey)){var o={data:{},value:t.data.value};e.triggerSuccess(o)}else e.dataManager=new i.DataManager({url:e.url,adaptor:e.dataAdaptor}),"UrlAdaptor"===e.adaptor?e.dataManager.executeQuery(e.getQuery(t.data),e.successHandler.bind(e),e.failureHandler.bind(e)):e.dataManager.insert(t.data).then(function(t){return e.successHandler(t)}).catch(function(t){return e.failureHandler(t)});e.dataManager=void 0})},l.prototype.isEmpty=function(e){return!(!t.isNullOrUndefined(e)&&0!==e.length)},l.prototype.checkIsTemplate=function(){this.isTemplate=!t.isNullOrUndefined(this.template)&&""!==this.template},l.prototype.templateCompile=function(e,i){var o,n=Object.keys(window);"string"==typeof i&&(i=i.trim());var s=t.compile(i);if(!t.isNullOrUndefined(s)){var r=!(-1!==n.indexOf("ejsInterop")&&!this.isStringTemplate&&0===i.indexOf("<div>Blazor"))||this.isStringTemplate;o=s({},this,"template",this.element.id+"template",r)}!t.isNullOrUndefined(s)&&o.length>0&&([].slice.call(o).forEach(function(t){e.appendChild(t)}),-1===n.indexOf("ejsInterop")||this.isStringTemplate||0!==i.indexOf("<div>Blazor")||t.updateBlazorTemplate(this.element.id+"template","Template",this))},l.prototype.appendTemplate=function(e,i){"string"==typeof i||t.isNullOrUndefined(i.innerHTML)?("."===i[0]||"#"===i[0])&&document.querySelectorAll(i).length?(this.templateEle=document.querySelector(i),e.appendChild(this.templateEle),this.templateEle.style.display=""):this.templateCompile(e,i):(this.templateEle=i,e.appendChild(this.templateEle))},l.prototype.disable=function(e){e?t.addClass([this.element],["e-disable"]):t.removeClass([this.element],["e-disable"])},l.prototype.enableEditor=function(e){e?this.renderEditor():this.cancelHandler()},l.prototype.checkValidation=function(){var e,i=this;this.validationRules?(this.formValidate=new s.FormValidator(this.formEle,{rules:this.validationRules,validationComplete:function(t){e={errorMessage:t.message,data:{name:i.name,primaryKey:i.primaryKey,value:i.checkValue(i.getSendValue())}},i.trigger("validating",e,function(e){"failure"===t.status?(t.errorElement.innerText=e.errorMessage,i.toggleErrorClass(!0)):i.toggleErrorClass(!1)})},customPlacement:function(e,o){t.select(".e-editable-error",i.formEle).appendChild(o)}}),this.formValidate.validate()):(e={errorMessage:"",data:{name:this.name,primaryKey:this.primaryKey,value:this.checkValue(this.getSendValue())}},this.trigger("validating",e,function(e){e.errorMessage?(t.select(".e-editable-error",i.formEle).innerHTML=e.errorMessage,i.toggleErrorClass(!0)):i.toggleErrorClass(!1)}))},l.prototype.toggleErrorClass=function(e){if(!t.isNullOrUndefined(this.formEle)){var i=t.select(".e-input-group",this.formEle);!function(e,i,o){[].slice.call(e).forEach(function(e){e&&("add"===o?t.addClass([e],[i]):t.removeClass([e],[i]))})}([this.formEle,i],"e-error",e?"add":"remove")}},l.prototype.updateArrow=function(){var e=this.tipObj.tipPointerPosition;this.tipObj.tipPointerPosition="Middle"===e?"Auto":"Middle",this.tipObj.tipPointerPosition=e,this.tipObj.dataBind()},l.prototype.triggerSuccess=function(e){var t=this,i=e.value;this.trigger("actionSuccess",e,function(e){t.removeSpinner("submit"),t.renderValue(t.checkValue(e.value!==i?e.value:t.getRenderValue())),t.removeEditor()})},l.prototype.wireEvents=function(){this.wireEditEvent(this.editableOn),t.EventHandler.add(this.editIcon,"click",this.clickHandler,this),t.EventHandler.add(this.element,"keydown",this.valueKeyDownHandler,this),t.EventHandler.add(document,"scroll",this.scrollResizeHandler,this),window.addEventListener("resize",this.scrollResizeHandler.bind(this)),Array.prototype.indexOf.call(this.clearComponents,this.type)>-1&&t.EventHandler.add(this.element,"mousedown",this.mouseDownHandler,this)},l.prototype.wireDocEvent=function(){t.EventHandler.add(document,"mousedown",this.docClickHandler,this)},l.prototype.wireEditEvent=function(e){if("EditIconClick"!==e){var i="Click"===e?"editAreaClick":"editAreaDoubleClick";this.element.setAttribute("title",this.getLocale(f[e],i)),t.Browser.isDevice&&t.Browser.isIos&&"DblClick"===e?this.touchModule=new t.Touch(this.valueWrap,{tap:this.doubleTapHandler.bind(this)}):t.EventHandler.add(this.valueWrap,e.toLowerCase(),this.clickHandler,this)}},l.prototype.wireEditorKeyDownEvent=function(e){t.EventHandler.add(e,"keydown",this.enterKeyDownHandler,this)},l.prototype.wireBtnEvents=function(){t.isNullOrUndefined(this.submitBtn)||(t.EventHandler.add(this.submitBtn.element,"mousedown",this.submitHandler,this),t.EventHandler.add(this.submitBtn.element,"click",this.submitPrevent,this),t.EventHandler.add(this.submitBtn.element,"keydown",this.btnKeyDownHandler,this)),t.isNullOrUndefined(this.cancelBtn)||(t.EventHandler.add(this.cancelBtn.element,"mousedown",this.cancelHandler,this),t.EventHandler.add(this.cancelBtn.element,"keydown",this.btnKeyDownHandler,this))},l.prototype.unWireEvents=function(){this.unWireEditEvent(this.editableOn),t.EventHandler.remove(this.editIcon,"click",this.clickHandler),t.EventHandler.remove(document,"scroll",this.scrollResizeHandler),window.removeEventListener("resize",this.scrollResizeHandler.bind(this)),t.EventHandler.remove(this.element,"keydown",this.valueKeyDownHandler),Array.prototype.indexOf.call(this.clearComponents,this.type)>-1&&t.EventHandler.remove(this.element,"mousedown",this.mouseDownHandler)},l.prototype.unWireDocEvent=function(){t.EventHandler.remove(document,"mousedown",this.docClickHandler)},l.prototype.unWireEditEvent=function(e){"EditIconClick"!==e&&(this.element.removeAttribute("title"),t.Browser.isDevice&&t.Browser.isIos&&"DblClick"===e?(this.touchModule.destroy(),this.touchModule=void 0):t.EventHandler.remove(this.valueWrap,e.toLowerCase(),this.clickHandler))},l.prototype.unWireEditorKeyDownEvent=function(e){t.EventHandler.remove(e,"keydown",this.enterKeyDownHandler)},l.prototype.submitPrevent=function(e){e.preventDefault()},l.prototype.btnKeyDownHandler=function(e){var t=e.target;(13===e.keyCode&&13===e.which||32===e.keyCode&&32===e.which)&&(t.classList.contains("e-btn-save")?this.save():t.classList.contains("e-btn-cancel")&&this.cancelHandler())},l.prototype.afterOpenHandler=function(e){"Popup"===this.mode&&"MultiSelect"===this.type&&(t.EventHandler.add(this.containerEle,"mousedown",this.popMouseDown,this),t.EventHandler.add(this.containerEle,"click",this.popClickHandler,this)),"Popup"!==this.mode||this.isEmpty(this.titleEle.innerHTML)||e.element.classList.add("e-editable-tip-title"),"RTE"===this.type?(this.rteModule.refresh(),this.setAttribute(t.select(".e-richtexteditor textarea",this.containerEle),["name"])):"Slider"===this.type&&(this.sliderModule.refresh(),this.setAttribute(t.select(".e-slider-input",this.containerEle),["name"]));var i={mode:this.mode,cancelFocus:!1};this.trigger("beginEdit",i),i.cancelFocus||this.setFocus(),this.afterOpenEvent&&(this.tipObj.setProperties({afterOpen:this.afterOpenEvent},!0),this.tipObj.trigger("afterOpen",e))},l.prototype.popMouseDown=function(e){var t=e.target.classList;t.contains("e-chips-close")&&!t.contains("e-close-hooker")&&this.updateArrow()},l.prototype.doubleTapHandler=function(e){e.tapCount>1&&this.clickHandler(e.originalEvent)},l.prototype.clickHandler=function(e){"EditIconClick"!==this.editableOn&&e.stopPropagation(),this.renderEditor()},l.prototype.submitHandler=function(e){e.preventDefault(),this.save()},l.prototype.cancelHandler=function(){this.removeEditor()},l.prototype.popClickHandler=function(e){var i=t.select("."+E,this.element);e.target.classList.contains("e-chips-close")&&this.tipObj.refresh(i)},l.prototype.successHandler=function(e){var t={data:e,value:this.getSendValue()};this.triggerSuccess(t)},l.prototype.failureHandler=function(e){var t={data:e,value:this.getSendValue()};this.trigger("actionFailure",t),this.removeSpinner("submit"),"Popup"===this.mode&&this.updateArrow()},l.prototype.enterKeyDownHandler=function(e){t.closest(e.target,"."+k+" .e-richtexteditor")||(13===e.keyCode&&13===e.which&&t.closest(e.target,"."+k)?this.save():27===e.keyCode&&27===e.which&&this.cancelHandler())},l.prototype.valueKeyDownHandler=function(e){13!==e.keyCode||13!==e.which||!e.target.classList.contains(v)||this.valueWrap.classList.contains(P)||this.element.classList.contains("e-disable")||(e.preventDefault(),this.renderEditor())},l.prototype.mouseDownHandler=function(e){e.target.classList.contains("e-clear-icon")&&(this.isClearTarget=!0)},l.prototype.scrollResizeHandler=function(){"Popup"===this.mode&&this.tipObj&&!t.Browser.isDevice&&this.removeEditor()},l.prototype.docClickHandler=function(e){var i=e.target;if(this.isClearTarget)return void(this.isClearTarget=!1);var o=t.closest(i,"."+v),n=t.closest(i,"."+b),s=t.closest(i,"."+M),r=t.closest(i,".e-rte-elements");!t.isNullOrUndefined(o)&&o.isEqualNode(this.element)||!t.isNullOrUndefined(n)&&this.tipObj&&n.id.indexOf(this.valueWrap.id)>-1||!t.isNullOrUndefined(s)||!t.isNullOrUndefined(r)||i.classList.contains("e-chips-close")||("Submit"===this.actionOnBlur?this.save():"Cancel"===this.actionOnBlur&&this.cancelHandler())},l.prototype.validate=function(){this.checkValidation()},l.prototype.save=function(){if(this.formEle){this.element.focus(),this.editEle=t.select("."+k,this.formEle);var e=null;e=t.select(".e-error",this.editEle);var i=this.type,o="Date"===i||"DateTime"===i||"DateRange"===i||"Time"===i;e&&!t.isNullOrUndefined(this.validationRules)||e&&o||(this.isTemplate||this.setValue(),this.checkValidation(),this.formEle.classList.contains("e-error")||(this.loadSpinner("validate"),"Popup"===this.mode&&this.updateArrow(),this.sendValue()))}},l.prototype.destroy=function(){var i=this;for(this.removeEditor(),this.isExtModule&&this.notify("destroy",{}),this.unWireEvents(),["e-disable",H].forEach(function(e){t.removeClass([i.element],[e])});this.element.firstChild;)this.element.removeChild(this.element.firstChild);e.prototype.destroy.call(this)},l.prototype.getPersistData=function(){return this.addOnPersist(["value"])},l.prototype.requiredModules=function(){var e=[];return e.push({member:y[this.type],args:[this]}),e},l.prototype.getModuleName=function(){return"inplaceeditor"},l.prototype.onPropertyChanged=function(e,t){this.removeEditor();for(var i=0,o=Object.keys(e);i<o.length;i++)switch(o[i]){case"showButtons":e.showButtons?this.appendButtons(this.formEle):this.destroyButtons();break;case"value":this.updateValue(),this.renderValue(this.checkValue(p(this.type,this.value,this.model)));break;case"emptyText":this.renderValue(this.checkValue(p(this.type,this.value,this.model)));break;case"template":this.checkIsTemplate();break;case"disabled":this.disable(e.disabled);break;case"enableRtl":this.setRtl(e.enableRtl);break;case"cssClass":this.setClass("remove",t.cssClass),this.setClass("add",e.cssClass);break;case"mode":this.enableEditor(this.enableEditMode);break;case"enableEditMode":this.enableEditor(e.enableEditMode);break;case"editableOn":this.unWireEditEvent(t.editableOn),"EditIconClick"!==e.editableOn&&this.wireEditEvent(e.editableOn)}},S([t.Property("")],l.prototype,"name",void 0),S([t.Property(null)],l.prototype,"value",void 0),S([t.Property("")],l.prototype,"template",void 0),S([t.Property("")],l.prototype,"cssClass",void 0),S([t.Property("")],l.prototype,"primaryKey",void 0),S([t.Property("Empty")],l.prototype,"emptyText",void 0),S([t.Property("")],l.prototype,"url",void 0),S([t.Property("Popup")],l.prototype,"mode",void 0),S([t.Property("UrlAdaptor")],l.prototype,"adaptor",void 0),S([t.Property("Text")],l.prototype,"type",void 0),S([t.Property("Click")],l.prototype,"editableOn",void 0),S([t.Property("Submit")],l.prototype,"actionOnBlur",void 0),S([t.Property(!1)],l.prototype,"enablePersistence",void 0),S([t.Property(!1)],l.prototype,"disabled",void 0),S([t.Property(!0)],l.prototype,"showButtons",void 0),S([t.Property(!1)],l.prototype,"enableEditMode",void 0),S([t.Property(!0)],l.prototype,"submitOnEnter",void 0),S([t.Complex({},m)],l.prototype,"popupSettings",void 0),S([t.Property(null)],l.prototype,"model",void 0),S([t.Property({iconCss:"e-icons e-save-icon"})],l.prototype,"saveButton",void 0),S([t.Property({iconCss:"e-icons e-cancel-icon"})],l.prototype,"cancelButton",void 0),S([t.Property(null)],l.prototype,"validationRules",void 0),S([t.Event()],l.prototype,"created",void 0),S([t.Event()],l.prototype,"actionBegin",void 0),S([t.Event()],l.prototype,"actionSuccess",void 0),S([t.Event()],l.prototype,"actionFailure",void 0),S([t.Event()],l.prototype,"validating",void 0),S([t.Event()],l.prototype,"beginEdit",void 0),S([t.Event()],l.prototype,"destroyed",void 0),l=S([t.NotifyPropertyChanges],l)}(t.Component),N=function(){function e(e,t){this.parent=e,this.module=t,this.addEventListener()}return e.prototype.render=function(e){this.module.render(e)},e.prototype.focus=function(){this.module.focus()},e.prototype.update=function(e){this.module.updateValue(e)},e.prototype.getValue=function(){this.module.getRenderValue()},e.prototype.destroyComponent=function(){t.isNullOrUndefined(this.module.compObj)||(this.module.compObj.destroy(),this.module.compObj=void 0)},e.prototype.destroy=function(){this.destroyComponent(),this.removeEventListener()},e.prototype.addEventListener=function(){this.parent.on("render",this.render,this),this.parent.on("set-focus",this.focus,this),this.parent.on("update",this.update,this),this.parent.on("access-value",this.getValue,this),this.parent.on("destroy-modules",this.destroyComponent,this),this.parent.on("destroy",this.destroy,this)},e.prototype.removeEventListener=function(){this.parent.isDestroyed||(this.parent.off("render",this.render),this.parent.off("set-focus",this.focus),this.parent.off("update",this.update),this.parent.off("access-value",this.getValue),this.parent.off("destroy-modules",this.destroyComponent),this.parent.off("destroy",this.destroy))},e}(),x=function(){function e(e){this.compObj=void 0,this.parent=e,this.parent.atcModule=this,this.base=new N(this.parent,this)}return e.prototype.render=function(e){this.compObj=new a.AutoComplete(this.parent.model,e.target)},e.prototype.focus=function(){this.compObj.element.focus()},e.prototype.updateValue=function(e){this.compObj&&"AutoComplete"===e.type&&(this.parent.setProperties({value:this.compObj.value},!0),this.parent.extendModelValue(this.compObj.value))},e.prototype.destroy=function(){this.base.destroy()},e.prototype.getModuleName=function(){return"auto-complete"},e}(),A=function(){function e(e){this.compObj=void 0,this.parent=e,this.parent.colorModule=this,this.base=new N(this.parent,this)}return e.prototype.render=function(e){this.compObj=new s.ColorPicker(this.parent.model,e.target)},e.prototype.focus=function(){this.compObj.element.focus()},e.prototype.updateValue=function(e){this.compObj&&"Color"===e.type&&(this.parent.setProperties({value:this.compObj.value},!0),this.parent.extendModelValue(this.compObj.value))},e.prototype.destroy=function(){this.base.destroy()},e.prototype.getModuleName=function(){return"color-picker"},e}(),L=function(){function e(e){this.compObj=void 0,this.parent=e,this.parent.comboBoxModule=this,this.base=new N(this.parent,this)}return e.prototype.render=function(e){this.compObj=new a.ComboBox(this.parent.model,e.target)},e.prototype.focus=function(){this.compObj.element.focus()},e.prototype.updateValue=function(e){this.compObj&&"ComboBox"===e.type&&(this.parent.setProperties({value:this.compObj.value},!0),this.parent.extendModelValue(this.compObj.value))},e.prototype.destroy=function(){this.base.destroy()},e.prototype.getModuleName=function(){return"combo-box"},e}(),I=function(){function e(e){this.compObj=void 0,this.parent=e,this.parent.dateRangeModule=this,this.base=new N(this.parent,this)}return e.prototype.render=function(e){this.compObj=new n.DateRangePicker(this.parent.model),this.compObj.appendTo(e.target)},e.prototype.focus=function(){this.compObj.element.focus()},e.prototype.updateValue=function(e){this.compObj&&"DateRange"===e.type&&(this.parent.setProperties({value:this.compObj.value},!0),this.parent.extendModelValue(this.compObj.value))},e.prototype.destroy=function(){this.base.destroy()},e.prototype.getModuleName=function(){return"date-range-picker"},e}(),U=function(){function e(e){this.compObj=void 0,this.parent=e,this.parent.multiSelectModule=this,this.base=new N(this.parent,this)}return e.prototype.render=function(e){this.compObj=new a.MultiSelect(this.parent.model,e.target)},e.prototype.focus=function(){t.closest(this.compObj.element,".e-multi-select-wrapper").dispatchEvent(new MouseEvent("mousedown"))},e.prototype.updateValue=function(e){this.compObj&&"MultiSelect"===e.type&&(this.parent.setProperties({value:this.compObj.value},!0),this.parent.extendModelValue(this.compObj.value))},e.prototype.getRenderValue=function(){this.parent.printValue=this.compObj.text},e.prototype.destroy=function(){this.base.destroy()},e.prototype.getModuleName=function(){return"multi-select"},e}(),W=function(){function e(e){this.compObj=void 0,l.RichTextEditor.Inject(l.HtmlEditor,l.MarkdownEditor,l.Toolbar,l.Link,l.Image,l.QuickToolbar,l.Table),this.parent=e,this.parent.rteModule=this,this.base=new N(this.parent,this)}return e.prototype.render=function(e){this.compObj=new l.RichTextEditor(this.parent.model,e.target)},e.prototype.focus=function(){this.compObj.focusIn()},e.prototype.updateValue=function(e){this.compObj&&"RTE"===e.type&&(this.parent.setProperties({value:this.getRteValue()},!0),this.parent.extendModelValue(this.compObj.value))},e.prototype.getRteValue=function(){var e;return"Markdown"===this.compObj.editorMode?(e=this.compObj.contentModule.getEditPanel().value,""===e?"":e):(e=this.compObj.contentModule.getEditPanel().innerHTML,"<p><br></p>"===e||"&lt;p&gt;&lt;br&gt;&lt;/p&gt;"===e||""===e?"":e)},e.prototype.refresh=function(){this.compObj.refresh()},e.prototype.destroy=function(){this.base.destroy()},e.prototype.getModuleName=function(){return"rte"},e}(),_=function(){function e(e){this.compObj=void 0,this.parent=e,this.parent.sliderModule=this,this.base=new N(this.parent,this)}return e.prototype.render=function(e){this.compObj=new s.Slider(this.parent.model,e.target)},e.prototype.focus=function(){this.compObj.element.focus()},e.prototype.updateValue=function(e){this.compObj&&"Slider"===e.type&&(this.parent.setProperties({value:this.compObj.value},!0),this.parent.extendModelValue(this.compObj.value))},e.prototype.refresh=function(){this.compObj.refresh()},e.prototype.destroy=function(){this.base.destroy()},e.prototype.getModuleName=function(){return"slider"},e}(),K=function(){function e(e){this.compObj=void 0,this.parent=e,this.parent.timeModule=this,this.base=new N(this.parent,this)}return e.prototype.render=function(e){this.compObj=new n.TimePicker(this.parent.model,e.target)},e.prototype.focus=function(){this.compObj.focusIn()},e.prototype.updateValue=function(e){this.compObj&&"Time"===e.type&&(this.parent.setProperties({value:this.compObj.value},!0),this.parent.extendModelValue(this.compObj.value))},e.prototype.destroy=function(){this.base.destroy()},e.prototype.getModuleName=function(){return"time-picker"},e}();return R.Inject(x,A,L,I,U,W,_,K),e.parseValue=p,e.getCompValue=d,e.render="render",e.update="update",e.destroy="destroy",e.setFocus="set-focus",e.accessValue="access-value",e.destroyModules="destroy-modules",e.PopupSettings=m,e.modulesList=y,e.localeConstant=f,e.ROOT=v,e.ROOT_TIP=b,e.VALUE_WRAPPER=E,e.VALUE=O,e.OVERLAY_ICON="e-editable-overlay-icon",e.TIP_TITLE="e-editable-tip-title",e.TITLE=g,e.INLINE=C,e.POPUP=w,e.WRAPPER="e-editable-wrapper",e.LOADING="e-editable-loading",e.FORM=j,e.CTRL_GROUP="e-component-group",e.INPUT=k,e.BUTTONS=D,e.EDITABLE_ERROR="e-editable-error",e.ELEMENTS=M,e.OPEN=P,e.BTN_SAVE="e-btn-save",e.BTN_CANCEL="e-btn-cancel",e.RTE_SPIN_WRAP="e-rte-spin-wrap",e.CTRL_OVERLAY="e-control-overlay",e.DISABLE="e-disable",e.ICONS="e-icons",e.PRIMARY="e-primary",e.SHOW="e-show",e.HIDE=T,e.RTL=H,e.ERROR="e-error",e.LOAD=B,e.InPlaceEditor=R,e.Base=N,e.AutoComplete=x,e.ColorPicker=A,e.ComboBox=L,e.DateRangePicker=I,e.MultiSelect=U,e.Rte=W,e.Slider=_,e.TimePicker=K,e}({},ej.base,ej.data,ej.buttons,ej.calendars,ej.inputs,ej.popups,ej.dropdowns,ej.richtexteditor),this.ejs=ej;
+this.ej=this.ej||{},this.ej.inplaceeditor=function(e,t,i,o,n,s,r,a,l){"use strict";function p(e,i,o){if(t.isNullOrUndefined(i)||""===i)return"";var n,s;switch(e){case"Color":var r=i;n=r.length>7?r.slice(0,-2):r;break;case"Date":s=o.format,n=h.formatDate(i,{format:s,type:e,skeleton:"yMd"});break;case"DateRange":s=o.format;var a=i;n=h.formatDate(a[0],{format:s,type:e,skeleton:"yMd"})+" - "+h.formatDate(a[1],{format:s,type:e,skeleton:"yMd"});break;case"DateTime":s=o.format,n=t.isNullOrUndefined(s)||""===s?h.formatDate(i,{format:s,type:e,skeleton:"yMd"})+" "+h.formatDate(i,{format:s,type:e,skeleton:"hm"}):h.formatDate(i,{format:s,type:e,skeleton:"yMd"});break;case"Time":s=o.format,n=h.formatDate(i,{format:s,type:e,skeleton:"hm"});break;case"Numeric":s=t.isNullOrUndefined(o.format)?"n2":o.format;var l=t.isNullOrUndefined(i)?null:"number"==typeof i?i:h.parseNumber(i);n=h.formatNumber(l,{format:s});break;default:n=i.toString()}return n}function d(e,i){if(t.isNullOrUndefined(i)||""===i)return i;if("Date"!==e&&"Time"!==e&&"DateTime"!==e||"string"!=typeof i){if("DateRange"===e)if("object"==typeof i&&"string"==typeof i[0])i=[new Date(i[0]),new Date(i[1])];else if("string"==typeof i){var o=i.split("-");i=[new Date(o[0]),new Date(o[1])]}}else i=new Date(i);return i}var h=new t.Internationalization,c=function(){var e=function(t,i){return(e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var i in t)t.hasOwnProperty(i)&&(e[i]=t[i])})(t,i)};return function(t,i){function o(){this.constructor=t}e(t,i),t.prototype=null===i?Object.create(i):(o.prototype=i.prototype,new o)}}(),u=function(e,t,i,o){var n,s=arguments.length,r=s<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,i,o);else for(var a=e.length-1;a>=0;a--)(n=e[a])&&(r=(s<3?n(r):s>3?n(t,i,r):n(t,i))||r);return s>3&&r&&Object.defineProperty(t,i,r),r},m=function(e){function i(){return null!==e&&e.apply(this,arguments)||this}return c(i,e),u([t.Property("")],i.prototype,"title",void 0),u([t.Property(null)],i.prototype,"model",void 0),i}(t.ChildProperty),y={AutoComplete:"auto-complete",Color:"color-picker",ComboBox:"combo-box",DateRange:"date-range-picker",MultiSelect:"multi-select",RTE:"rte",Slider:"slider",Time:"time-picker"},f={Click:{editAreaClick:"Click to edit"},DblClick:{editAreaDoubleClick:"Double click to edit"}},v="e-inplaceeditor",b="e-inplaceeditor-tip",E="e-editable-value-wrapper",O="e-editable-value",g="e-editable-title",w="e-editable-inline",C="e-editable-popup",j="e-editable-form",D="e-editable-component",k="e-editable-action-buttons",P="e-editable-elements",M="e-editable-open",T="e-hide",H="e-rtl",B="e-loading",S=function(){var e=function(t,i){return(e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var i in t)t.hasOwnProperty(i)&&(e[i]=t[i])})(t,i)};return function(t,i){function o(){this.constructor=t}e(t,i),t.prototype=null===i?Object.create(i):(o.prototype=i.prototype,new o)}}(),V=function(e,t,i,o){var n,s=arguments.length,r=s<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,i,o);else for(var a=e.length-1;a>=0;a--)(n=e[a])&&(r=(s<3?n(r):s>3?n(t,i,r):n(t,i))||r);return s>3&&r&&Object.defineProperty(t,i,r),r},R=function(e){function l(t,i){var o=e.call(this,t,i)||this;return o.initRender=!0,o.isTemplate=!1,o.isExtModule=!1,o.submitBtn=void 0,o.cancelBtn=void 0,o.isClearTarget=!1,o.btnElements=void 0,o.dataManager=void 0,o.divComponents=["RTE","Slider"],o.clearComponents=["AutoComplete","Mask","Text"],o.dateType=["Date","DateTime","Time"],o.inputDataEle=["Date","DateTime","DateRange","Time","Numeric"],o.dropDownEle=["AutoComplete","ComboBox","DropDownList","MultiSelect"],o.moduleList=["AutoComplete","Color","ComboBox","DateRange","MultiSelect","RTE","Slider","Time"],o.needsID=!0,o}return S(l,e),l.prototype.preRender=function(){t.isNullOrUndefined(this.model)&&this.setProperties({model:{}},!0),this.titleEle=this.createElement("div",{className:g}),!t.isNullOrUndefined(this.popupSettings.model)&&this.popupSettings.model.afterOpen&&(this.afterOpenEvent=this.popupSettings.model.afterOpen)},l.prototype.render=function(){this.element.setAttribute("tabindex","0"),this.checkIsTemplate(),this.disable(this.disabled),this.updateAdaptor(),this.appendValueElement(),this.updateValue(),this.renderValue(this.checkValue(p(this.type,this.value,this.model))),this.wireEvents(),this.setRtl(this.enableRtl),this.enableEditor(this.enableEditMode),this.setClass("add",this.cssClass),this.renderComplete()},l.prototype.setClass=function(e,i){this.isEmpty(i)||("add"===e?t.addClass([this.element],[i]):t.removeClass([this.element],[i]))},l.prototype.appendValueElement=function(){this.valueWrap=this.createElement("div",{id:this.element.id+"_wrap",className:E}),-1===Object.keys(window).indexOf("ejsInterop")&&(this.element.innerHTML=""),this.valueEle=this.createElement("span",{className:O}),this.editIcon=this.createElement("span",{className:"e-editable-overlay-icon e-icons",attrs:{title:this.getLocale({editIcon:"Click to edit"},"editIcon")}}),this.valueWrap.appendChild(this.valueEle),this.valueWrap.appendChild(this.editIcon),this.element.appendChild(this.valueWrap)},l.prototype.renderValue=function(e){this.valueEle.innerHTML=e,"Color"===this.type&&t.setStyleAttribute(this.valueEle,{color:e}),"Inline"===this.mode&&t.removeClass([this.valueWrap],[T])},l.prototype.renderEditor=function(){var e=void 0,i=t.select("."+E,this.element);if(!this.valueWrap.classList.contains(M)){if("Inline"===this.mode)this.loaderWidth=this.valueWrap.offsetWidth,t.addClass([this.valueWrap],[T]),this.inlineWrapper=this.createElement("div",{className:w}),this.element.appendChild(this.inlineWrapper),["AutoComplete","ComboBox","DropDownList","MultiSelect"].indexOf(this.type)>-1?this.checkRemoteData(this.model):this.renderAndOpen();else{!t.isNullOrUndefined(this.popupSettings.model)&&this.popupSettings.model.afterOpen&&(this.popupSettings.model.afterOpen=this.afterOpenHandler.bind(this));var o=this.createElement("div",{className:C});this.isEmpty(this.popupSettings.title)||(this.titleEle.innerHTML=this.popupSettings.title,o.appendChild(this.titleEle)),e={content:o,opensOn:"Custom",enableRtl:this.enableRtl,cssClass:b,afterOpen:this.afterOpenHandler.bind(this)},o.appendChild(this.renderControl(document.body)),t.extend(e,this.popupSettings.model,e,!0),this.tipObj=new r.Tooltip(e),this.tipObj.appendTo(i),this.tipObj.open(i)}"Ignore"!==this.actionOnBlur&&this.wireDocEvent(),this.initRender=!1,t.addClass([this.valueWrap],[M]),this.setProperties({enableEditMode:!0},!0)}},l.prototype.renderAndOpen=function(){this.renderControl(this.inlineWrapper),this.afterOpenHandler(null)},l.prototype.checkRemoteData=function(e){var o=this;e.dataSource instanceof i.DataManager?(e.dataBound=function(){o.afterOpenHandler(null)},this.renderControl(this.inlineWrapper),(t.isNullOrUndefined(e.value)&&t.isNullOrUndefined(this.value)||e.value===this.value&&0===e.value.length)&&this.showDropDownPopup()):this.renderAndOpen()},l.prototype.showDropDownPopup=function(){"DropDownList"===this.type?(this.componentObj.focusIn(),this.componentObj.showPopup()):this.isExtModule&&this.notify("show-popup",{})},l.prototype.setAttribute=function(e,t){var i=this.name&&0!==this.name.length?this.name:this.element.id;t.forEach(function(t){e.setAttribute(t,"id"===t?i+"_editor":i)})},l.prototype.renderControl=function(e){var t;this.containerEle=this.createElement("div",{className:"e-editable-wrapper"}),this.loader=this.createElement("div",{className:"e-editable-loading"}),this.formEle=this.createElement("form",{className:j});var i=this.createElement("div",{className:"e-component-group"}),o=this.createElement("div",{className:D});return e.appendChild(this.containerEle),this.loadSpinner(),this.containerEle.appendChild(this.formEle),this.formEle.appendChild(i),this.isTemplate?this.appendTemplate(o,this.template):(Array.prototype.indexOf.call(this.divComponents,this.type)>-1?(t=this.createElement("div"),this.setAttribute(t,["id"])):(t=this.createElement("input"),this.setAttribute(t,["id","name"])),this.componentRoot=t,o.appendChild(t),o.appendChild(this.loader)),i.appendChild(o),i.appendChild(this.createElement("div",{className:"e-editable-error"})),this.appendButtons(this.formEle),this.isTemplate||this.renderComponent(t),this.removeSpinner(),this.submitOnEnter&&this.wireEditorKeyDownEvent(this.containerEle),this.containerEle},l.prototype.appendButtons=function(e){this.showButtons&&e&&(this.btnElements=this.renderButtons(),e.appendChild(this.btnElements),this.wireBtnEvents())},l.prototype.renderButtons=function(){var e=this.createElement("div",{className:k}),i=t.isNullOrUndefined(this.saveButton.content)||0===this.saveButton.content.length?"":" e-primary";return this.submitBtn=this.createButtons({constant:"save",type:"submit",container:e,title:{save:"Save"},model:this.saveButton,className:"e-btn-save"+i}),this.cancelBtn=this.createButtons({type:"button",constant:"cancel",title:{cancel:"Cancel"},container:e,model:this.cancelButton,className:"e-btn-cancel"}),e},l.prototype.createButtons=function(e){var t=void 0;if(Object.keys(e.model).length>0){var i=this.createElement("button",{className:e.className,attrs:{type:e.type,title:this.getLocale(e.title,e.constant)}});e.container.appendChild(i),t=new o.Button(e.model,i)}return t},l.prototype.renderComponent=function(e){this.isExtModule=Array.prototype.indexOf.call(this.moduleList,this.type)>-1;var i;if(i=t.isNullOrUndefined(this.model.cssClass)?P:this.model.cssClass.indexOf(P)<0?this.model.cssClass+" "+P:this.model.cssClass,t.extend(this.model,this.model,{cssClass:i}),t.isNullOrUndefined(this.value)||this.updateModelValue(),this.isExtModule)this.notify("render",{module:y[this.type],target:e,type:this.type});else switch(t.isNullOrUndefined(this.model.showClearButton)&&(this.model.showClearButton=!0),this.type){case"Date":this.componentObj=new n.DatePicker(this.model,e);break;case"DateTime":this.componentObj=new n.DateTimePicker(this.model,e);break;case"DropDownList":this.componentObj=new a.DropDownList(this.model,e);break;case"Mask":this.componentObj=new s.MaskedTextBox(this.model,e);break;case"Numeric":this.model.value&&(this.model.value=this.model.value.toString().replace(/[`~!@#$%^&*()_|\=?;:'",<>\{\}\[\]\\\/]/gi,"")),this.componentObj=new s.NumericTextBox(this.model,e);break;case"Text":this.componentObj=new s.TextBox(this.model,e)}},l.prototype.updateAdaptor=function(){switch(this.adaptor){case"UrlAdaptor":this.dataAdaptor=new i.UrlAdaptor;break;case"WebApiAdaptor":this.dataAdaptor=new i.WebApiAdaptor;break;case"ODataV4Adaptor":this.dataAdaptor=new i.ODataV4Adaptor}},l.prototype.loadSpinner=function(e){t.addClass([this.loader],["e-show"]),"validate"!==e||"RTE"!==this.type&&"Color"!==this.type&&"Slider"!==this.type?this.spinObj={target:this.loader,width:t.Browser.isDevice?"16px":"14px"}:(t.addClass([this.loader],["e-rte-spin-wrap"]),t.addClass([this.getEditElement()],["e-control-overlay"]),this.spinObj={target:this.loader}),this.formEle&&t.addClass([this.formEle],[B]),this.btnElements&&t.addClass([this.btnElements],[T]),t.setStyleAttribute(this.loader,{width:"100%"}),r.createSpinner(this.spinObj),r.showSpinner(this.spinObj.target)},l.prototype.removeSpinner=function(e){this.loader.removeAttribute("style"),r.hideSpinner(this.spinObj.target),t.detach(this.spinObj.target.firstChild),"submit"!==e||"RTE"!==this.type&&"Color"!==this.type&&"Slider"!==this.type||(t.removeClass([this.loader],["e-rte-spin-wrap"]),t.removeClass([this.getEditElement()],["e-control-overlay"])),this.formEle&&t.removeClass([this.formEle],[B]),this.btnElements&&t.removeClass([this.btnElements],[T]),t.removeClass([this.loader],["e-show"])},l.prototype.getEditElement=function(){return t.select("."+P,this.formEle)},l.prototype.getLocale=function(e,i){return new t.L10n("inplace-editor",e,this.locale).getConstant(i)},l.prototype.checkValue=function(e){return this.isEmpty(e)?this.emptyText:e},l.prototype.extendModelValue=function(e){var i=this.model;t.extend(i,{value:e}),this.setProperties({model:i},!0)},l.prototype.updateValue=function(){t.isNullOrUndefined(this.value)||(this.setProperties({value:d(this.type,this.value)},!0),this.extendModelValue(d(this.type,this.value)))},l.prototype.updateModelValue=function(){"MultiSelect"!==this.type||this.isEmpty(this.value)?this.model.value=this.value:this.model.value=this.value.slice()},l.prototype.setValue=function(){this.isExtModule?this.notify("update",{type:this.type}):this.componentObj&&(this.setProperties({value:this.componentObj.value},!0),this.extendModelValue(this.componentObj.value))},l.prototype.getDropDownsValue=function(e){var i;return Array.prototype.indexOf.call(this.dropDownEle,this.type)>-1&&"MultiSelect"!==this.type?i=e?t.select(".e-"+this.type.toLocaleLowerCase(),this.containerEle).value:this.value.toString():"MultiSelect"===this.type&&(this.notify("access-value",{type:this.type}),i=e?this.printValue:this.value.join()),i},l.prototype.getSendValue=function(){return this.isEmpty(this.value)?"":Array.prototype.indexOf.call(this.dropDownEle,this.type)>-1?this.getDropDownsValue(!1):Array.prototype.indexOf.call(this.dateType,this.type)>-1?this.value.toISOString():"DateRange"===this.type?this.value[0].toISOString()+" - "+this.value[1].toISOString():this.value.toString()},l.prototype.getRenderValue=function(){return"Mask"===this.type&&0!==this.componentObj.value.length?this.componentObj.getMaskedValue():Array.prototype.indexOf.call(this.inputDataEle,this.type)>-1?this.componentRoot.value:Array.prototype.indexOf.call(this.dropDownEle,this.type)>-1?this.getDropDownsValue(!0):p(this.type,this.value,this.model)},l.prototype.setRtl=function(e){e?t.addClass([this.element],[H]):t.removeClass([this.element],[H])},l.prototype.setFocus=function(){this.isTemplate||(this.isExtModule?this.notify("set-focus",{}):this.componentObj.element.focus())},l.prototype.removeEditor=function(){-1===Object.keys(window).indexOf("ejsInterop")||this.isStringTemplate||t.resetBlazorTemplate(this.element.id+"template","Template");this.tipObj&&this.formEle&&t.closest(this.formEle,"."+b).classList.add(T),this.unWireDocEvent(),this.destroyComponents(),this.formEle=void 0,t.isNullOrUndefined(t.select("."+w,this.element))?this.tipObj&&("MultiSelect"===this.type&&(t.EventHandler.remove(this.containerEle,"mousedown",this.popMouseDown),t.EventHandler.remove(this.containerEle,"click",this.popClickHandler)),this.tipObj.close(),this.tipObj.destroy(),this.tipObj=void 0):(t.detach(this.inlineWrapper),this.inlineWrapper=void 0),this.containerEle=void 0,t.removeClass([this.valueWrap],[M,T]),this.setProperties({enableEditMode:!1},!0)},l.prototype.destroyComponents=function(){this.showButtons&&this.destroyButtons(),this.isExtModule?this.notify("destroy-modules",{}):(this.templateEle&&(document.body.appendChild(this.templateEle),this.templateEle.style.display="none",this.templateEle=void 0),t.isNullOrUndefined(this.componentObj)||(this.componentObj.destroy(),this.componentObj=void 0)),this.formValidate&&(this.formValidate=void 0),this.submitOnEnter&&this.containerEle&&this.unWireEditorKeyDownEvent(this.containerEle)},l.prototype.destroyButtons=function(){t.isNullOrUndefined(this.submitBtn)||(t.EventHandler.remove(this.submitBtn.element,"mousedown",this.submitHandler),t.EventHandler.remove(this.submitBtn.element,"click",this.submitPrevent),t.EventHandler.remove(this.submitBtn.element,"keydown",this.btnKeyDownHandler),this.submitBtn.destroy(),this.submitBtn=void 0),t.isNullOrUndefined(this.cancelBtn)||(t.EventHandler.remove(this.cancelBtn.element,"mousedown",this.cancelHandler),t.EventHandler.remove(this.cancelBtn.element,"keydown",this.btnKeyDownHandler),this.cancelBtn.destroy(),this.cancelBtn=void 0),this.btnElements=void 0},l.prototype.getQuery=function(e){var t=new i.Query;return Object.keys(e).forEach(function(i){t.addParams(i,e[i])}),t},l.prototype.sendValue=function(){var e=this,t={data:{name:this.name,primaryKey:this.primaryKey,value:this.getSendValue()}};this.trigger("actionBegin",t,function(t){if(e.isEmpty(e.url)||e.isEmpty(e.primaryKey)){var o={data:{},value:t.data.value};e.triggerSuccess(o)}else e.dataManager=new i.DataManager({url:e.url,adaptor:e.dataAdaptor}),"UrlAdaptor"===e.adaptor?e.dataManager.executeQuery(e.getQuery(t.data),e.successHandler.bind(e),e.failureHandler.bind(e)):e.dataManager.insert(t.data).then(function(t){return e.successHandler(t)}).catch(function(t){return e.failureHandler(t)});e.dataManager=void 0})},l.prototype.isEmpty=function(e){return!(!t.isNullOrUndefined(e)&&0!==e.length)},l.prototype.checkIsTemplate=function(){this.isTemplate=!t.isNullOrUndefined(this.template)&&""!==this.template},l.prototype.templateCompile=function(e,i){var o,n=Object.keys(window);"string"==typeof i&&(i=i.trim());var s=t.compile(i);if(!t.isNullOrUndefined(s)){var r=!(-1!==n.indexOf("ejsInterop")&&!this.isStringTemplate&&0===i.indexOf("<div>Blazor"))||this.isStringTemplate;o=s({},this,"template",this.element.id+"template",r)}!t.isNullOrUndefined(s)&&o.length>0&&([].slice.call(o).forEach(function(t){e.appendChild(t)}),-1===n.indexOf("ejsInterop")||this.isStringTemplate||0!==i.indexOf("<div>Blazor")||t.updateBlazorTemplate(this.element.id+"template","Template",this))},l.prototype.appendTemplate=function(e,i){"string"==typeof i||t.isNullOrUndefined(i.innerHTML)?("."===i[0]||"#"===i[0])&&document.querySelectorAll(i).length?(this.templateEle=document.querySelector(i),e.appendChild(this.templateEle),this.templateEle.style.display=""):this.templateCompile(e,i):(this.templateEle=i,e.appendChild(this.templateEle))},l.prototype.disable=function(e){e?t.addClass([this.element],["e-disable"]):t.removeClass([this.element],["e-disable"])},l.prototype.enableEditor=function(e){e?this.renderEditor():this.cancelHandler()},l.prototype.checkValidation=function(){var e,i=this;this.validationRules?(this.formValidate=new s.FormValidator(this.formEle,{rules:this.validationRules,validationComplete:function(t){e={errorMessage:t.message,data:{name:i.name,primaryKey:i.primaryKey,value:i.checkValue(i.getSendValue())}},i.trigger("validating",e,function(e){"failure"===t.status?(t.errorElement.innerText=e.errorMessage,i.toggleErrorClass(!0)):i.toggleErrorClass(!1)})},customPlacement:function(e,o){t.select(".e-editable-error",i.formEle).appendChild(o)}}),this.formValidate.validate()):(e={errorMessage:"",data:{name:this.name,primaryKey:this.primaryKey,value:this.checkValue(this.getSendValue())}},this.trigger("validating",e,function(e){e.errorMessage?(t.select(".e-editable-error",i.formEle).innerHTML=e.errorMessage,i.toggleErrorClass(!0)):i.toggleErrorClass(!1)}))},l.prototype.toggleErrorClass=function(e){if(!t.isNullOrUndefined(this.formEle)){var i=t.select(".e-input-group",this.formEle);!function(e,i,o){[].slice.call(e).forEach(function(e){e&&("add"===o?t.addClass([e],[i]):t.removeClass([e],[i]))})}([this.formEle,i],"e-error",e?"add":"remove")}},l.prototype.updateArrow=function(){var e=this.tipObj.tipPointerPosition;this.tipObj.tipPointerPosition="Middle"===e?"Auto":"Middle",this.tipObj.tipPointerPosition=e,this.tipObj.dataBind()},l.prototype.triggerSuccess=function(e){var t=this,i=e.value;this.trigger("actionSuccess",e,function(e){t.removeSpinner("submit"),t.renderValue(t.checkValue(e.value!==i?e.value:t.getRenderValue())),t.removeEditor()})},l.prototype.wireEvents=function(){this.wireEditEvent(this.editableOn),t.EventHandler.add(this.editIcon,"click",this.clickHandler,this),t.EventHandler.add(this.element,"keydown",this.valueKeyDownHandler,this),t.EventHandler.add(document,"scroll",this.scrollResizeHandler,this),window.addEventListener("resize",this.scrollResizeHandler.bind(this)),Array.prototype.indexOf.call(this.clearComponents,this.type)>-1&&t.EventHandler.add(this.element,"mousedown",this.mouseDownHandler,this)},l.prototype.wireDocEvent=function(){t.EventHandler.add(document,"mousedown",this.docClickHandler,this)},l.prototype.wireEditEvent=function(e){if("EditIconClick"!==e){var i="Click"===e?"editAreaClick":"editAreaDoubleClick";this.element.setAttribute("title",this.getLocale(f[e],i)),t.Browser.isDevice&&t.Browser.isIos&&"DblClick"===e?this.touchModule=new t.Touch(this.valueWrap,{tap:this.doubleTapHandler.bind(this)}):t.EventHandler.add(this.valueWrap,e.toLowerCase(),this.clickHandler,this)}},l.prototype.wireEditorKeyDownEvent=function(e){t.EventHandler.add(e,"keydown",this.enterKeyDownHandler,this)},l.prototype.wireBtnEvents=function(){t.isNullOrUndefined(this.submitBtn)||(t.EventHandler.add(this.submitBtn.element,"mousedown",this.submitHandler,this),t.EventHandler.add(this.submitBtn.element,"click",this.submitPrevent,this),t.EventHandler.add(this.submitBtn.element,"keydown",this.btnKeyDownHandler,this)),t.isNullOrUndefined(this.cancelBtn)||(t.EventHandler.add(this.cancelBtn.element,"mousedown",this.cancelHandler,this),t.EventHandler.add(this.cancelBtn.element,"keydown",this.btnKeyDownHandler,this))},l.prototype.unWireEvents=function(){this.unWireEditEvent(this.editableOn),t.EventHandler.remove(this.editIcon,"click",this.clickHandler),t.EventHandler.remove(document,"scroll",this.scrollResizeHandler),window.removeEventListener("resize",this.scrollResizeHandler.bind(this)),t.EventHandler.remove(this.element,"keydown",this.valueKeyDownHandler),Array.prototype.indexOf.call(this.clearComponents,this.type)>-1&&t.EventHandler.remove(this.element,"mousedown",this.mouseDownHandler)},l.prototype.unWireDocEvent=function(){t.EventHandler.remove(document,"mousedown",this.docClickHandler)},l.prototype.unWireEditEvent=function(e){"EditIconClick"!==e&&(this.element.removeAttribute("title"),t.Browser.isDevice&&t.Browser.isIos&&"DblClick"===e?(this.touchModule.destroy(),this.touchModule=void 0):t.EventHandler.remove(this.valueWrap,e.toLowerCase(),this.clickHandler))},l.prototype.unWireEditorKeyDownEvent=function(e){t.EventHandler.remove(e,"keydown",this.enterKeyDownHandler)},l.prototype.submitPrevent=function(e){e.preventDefault()},l.prototype.btnKeyDownHandler=function(e){var t=e.target;(13===e.keyCode&&13===e.which||32===e.keyCode&&32===e.which)&&(t.classList.contains("e-btn-save")?this.save():t.classList.contains("e-btn-cancel")&&this.cancelHandler())},l.prototype.afterOpenHandler=function(e){"Popup"===this.mode&&"MultiSelect"===this.type&&(t.EventHandler.add(this.containerEle,"mousedown",this.popMouseDown,this),t.EventHandler.add(this.containerEle,"click",this.popClickHandler,this)),"Popup"!==this.mode||this.isEmpty(this.titleEle.innerHTML)||e.element.classList.add("e-editable-tip-title"),"RTE"===this.type?(this.rteModule.refresh(),this.setAttribute(t.select(".e-richtexteditor textarea",this.containerEle),["name"])):"Slider"===this.type&&(this.sliderModule.refresh(),this.setAttribute(t.select(".e-slider-input",this.containerEle),["name"]));var o={mode:this.mode,cancelFocus:!1};this.trigger("beginEdit",o),o.cancelFocus||("Inline"===this.mode&&["AutoComplete","ComboBox","DropDownList","MultiSelect"].indexOf(this.type)>-1&&this.model.dataSource instanceof i.DataManager?this.showDropDownPopup():this.setFocus()),this.afterOpenEvent&&(this.tipObj.setProperties({afterOpen:this.afterOpenEvent},!0),this.tipObj.trigger("afterOpen",e))},l.prototype.popMouseDown=function(e){var t=e.target.classList;t.contains("e-chips-close")&&!t.contains("e-close-hooker")&&this.updateArrow()},l.prototype.doubleTapHandler=function(e){e.tapCount>1&&this.clickHandler(e.originalEvent)},l.prototype.clickHandler=function(e){"EditIconClick"!==this.editableOn&&e.stopPropagation(),this.renderEditor()},l.prototype.submitHandler=function(e){e.preventDefault(),this.save()},l.prototype.cancelHandler=function(){this.removeEditor()},l.prototype.popClickHandler=function(e){var i=t.select("."+E,this.element);e.target.classList.contains("e-chips-close")&&this.tipObj.refresh(i)},l.prototype.successHandler=function(e){var t={data:e,value:this.getSendValue()};this.triggerSuccess(t)},l.prototype.failureHandler=function(e){var t={data:e,value:this.getSendValue()};this.trigger("actionFailure",t),this.removeSpinner("submit"),"Popup"===this.mode&&this.updateArrow()},l.prototype.enterKeyDownHandler=function(e){t.closest(e.target,"."+D+" .e-richtexteditor")||(13===e.keyCode&&13===e.which&&t.closest(e.target,"."+D)?this.save():27===e.keyCode&&27===e.which&&this.cancelHandler())},l.prototype.valueKeyDownHandler=function(e){13!==e.keyCode||13!==e.which||!e.target.classList.contains(v)||this.valueWrap.classList.contains(M)||this.element.classList.contains("e-disable")||(e.preventDefault(),this.renderEditor())},l.prototype.mouseDownHandler=function(e){e.target.classList.contains("e-clear-icon")&&(this.isClearTarget=!0)},l.prototype.scrollResizeHandler=function(){"Popup"===this.mode&&this.tipObj&&!t.Browser.isDevice&&this.removeEditor()},l.prototype.docClickHandler=function(e){var i=e.target;if(this.isClearTarget)return void(this.isClearTarget=!1);var o=t.closest(i,"."+v),n=t.closest(i,"."+b),s=t.closest(i,"."+P),r=t.closest(i,".e-rte-elements");!t.isNullOrUndefined(o)&&o.isEqualNode(this.element)||!t.isNullOrUndefined(n)&&this.tipObj&&n.id.indexOf(this.valueWrap.id)>-1||!t.isNullOrUndefined(s)||!t.isNullOrUndefined(r)||i.classList.contains("e-chips-close")||("Submit"===this.actionOnBlur?this.save():"Cancel"===this.actionOnBlur&&this.cancelHandler())},l.prototype.validate=function(){this.checkValidation()},l.prototype.save=function(){if(this.formEle){this.element.focus(),this.editEle=t.select("."+D,this.formEle);var e=null;e=t.select(".e-error",this.editEle);var i=this.type,o="Date"===i||"DateTime"===i||"DateRange"===i||"Time"===i;e&&!t.isNullOrUndefined(this.validationRules)||e&&o||(this.isTemplate||this.setValue(),this.checkValidation(),this.formEle.classList.contains("e-error")||(this.loadSpinner("validate"),"Popup"===this.mode&&this.updateArrow(),this.sendValue()))}},l.prototype.destroy=function(){var i=this;for(this.removeEditor(),this.isExtModule&&this.notify("destroy",{}),this.unWireEvents(),["e-disable",H].forEach(function(e){t.removeClass([i.element],[e])});this.element.firstChild;)this.element.removeChild(this.element.firstChild);e.prototype.destroy.call(this)},l.prototype.getPersistData=function(){return this.addOnPersist(["value"])},l.prototype.requiredModules=function(){var e=[];return e.push({member:y[this.type],args:[this]}),e},l.prototype.getModuleName=function(){return"inplaceeditor"},l.prototype.onPropertyChanged=function(e,t){this.removeEditor();for(var i=0,o=Object.keys(e);i<o.length;i++)switch(o[i]){case"showButtons":e.showButtons?this.appendButtons(this.formEle):this.destroyButtons();break;case"value":this.updateValue(),this.renderValue(this.checkValue(p(this.type,this.value,this.model)));break;case"emptyText":this.renderValue(this.checkValue(p(this.type,this.value,this.model)));break;case"template":this.checkIsTemplate();break;case"disabled":this.disable(e.disabled);break;case"enableRtl":this.setRtl(e.enableRtl);break;case"cssClass":this.setClass("remove",t.cssClass),this.setClass("add",e.cssClass);break;case"mode":this.enableEditor(this.enableEditMode);break;case"enableEditMode":this.enableEditor(e.enableEditMode);break;case"editableOn":this.unWireEditEvent(t.editableOn),"EditIconClick"!==e.editableOn&&this.wireEditEvent(e.editableOn)}},V([t.Property("")],l.prototype,"name",void 0),V([t.Property(null)],l.prototype,"value",void 0),V([t.Property("")],l.prototype,"template",void 0),V([t.Property("")],l.prototype,"cssClass",void 0),V([t.Property("")],l.prototype,"primaryKey",void 0),V([t.Property("Empty")],l.prototype,"emptyText",void 0),V([t.Property("")],l.prototype,"url",void 0),V([t.Property("Popup")],l.prototype,"mode",void 0),V([t.Property("UrlAdaptor")],l.prototype,"adaptor",void 0),V([t.Property("Text")],l.prototype,"type",void 0),V([t.Property("Click")],l.prototype,"editableOn",void 0),V([t.Property("Submit")],l.prototype,"actionOnBlur",void 0),V([t.Property(!1)],l.prototype,"enablePersistence",void 0),V([t.Property(!1)],l.prototype,"disabled",void 0),V([t.Property(!0)],l.prototype,"showButtons",void 0),V([t.Property(!1)],l.prototype,"enableEditMode",void 0),V([t.Property(!0)],l.prototype,"submitOnEnter",void 0),V([t.Complex({},m)],l.prototype,"popupSettings",void 0),V([t.Property(null)],l.prototype,"model",void 0),V([t.Property({iconCss:"e-icons e-save-icon"})],l.prototype,"saveButton",void 0),V([t.Property({iconCss:"e-icons e-cancel-icon"})],l.prototype,"cancelButton",void 0),V([t.Property(null)],l.prototype,"validationRules",void 0),V([t.Event()],l.prototype,"created",void 0),V([t.Event()],l.prototype,"actionBegin",void 0),V([t.Event()],l.prototype,"actionSuccess",void 0),V([t.Event()],l.prototype,"actionFailure",void 0),V([t.Event()],l.prototype,"validating",void 0),V([t.Event()],l.prototype,"beginEdit",void 0),V([t.Event()],l.prototype,"destroyed",void 0),l=V([t.NotifyPropertyChanges],l)}(t.Component),N=function(){function e(e,t){this.parent=e,this.module=t,this.addEventListener()}return e.prototype.render=function(e){this.module.render(e)},e.prototype.showPopup=function(){this.module.showPopup()},e.prototype.focus=function(){this.module.focus()},e.prototype.update=function(e){this.module.updateValue(e)},e.prototype.getValue=function(){this.module.getRenderValue()},e.prototype.destroyComponent=function(){t.isNullOrUndefined(this.module.compObj)||(this.module.compObj.destroy(),this.module.compObj=void 0)},e.prototype.destroy=function(){this.destroyComponent(),this.removeEventListener()},e.prototype.addEventListener=function(){this.parent.on("render",this.render,this),this.parent.on("set-focus",this.focus,this),this.parent.on("show-popup",this.showPopup,this),this.parent.on("update",this.update,this),this.parent.on("access-value",this.getValue,this),this.parent.on("destroy-modules",this.destroyComponent,this),this.parent.on("destroy",this.destroy,this)},e.prototype.removeEventListener=function(){this.parent.isDestroyed||(this.parent.off("render",this.render),this.parent.off("set-focus",this.focus),this.parent.off("show-popup",this.showPopup),this.parent.off("update",this.update),this.parent.off("access-value",this.getValue),this.parent.off("destroy-modules",this.destroyComponent),this.parent.off("destroy",this.destroy))},e}(),x=function(){function e(e){this.compObj=void 0,this.parent=e,this.parent.atcModule=this,this.base=new N(this.parent,this)}return e.prototype.render=function(e){this.compObj=new a.AutoComplete(this.parent.model,e.target)},e.prototype.showPopup=function(){this.compObj.focusIn(),this.compObj.showPopup()},e.prototype.focus=function(){this.compObj.element.focus()},e.prototype.updateValue=function(e){this.compObj&&"AutoComplete"===e.type&&(this.parent.setProperties({value:this.compObj.value},!0),this.parent.extendModelValue(this.compObj.value))},e.prototype.destroy=function(){this.base.destroy()},e.prototype.getModuleName=function(){return"auto-complete"},e}(),A=function(){function e(e){this.compObj=void 0,this.parent=e,this.parent.colorModule=this,this.base=new N(this.parent,this)}return e.prototype.render=function(e){this.compObj=new s.ColorPicker(this.parent.model,e.target)},e.prototype.focus=function(){this.compObj.element.focus()},e.prototype.updateValue=function(e){this.compObj&&"Color"===e.type&&(this.parent.setProperties({value:this.compObj.value},!0),this.parent.extendModelValue(this.compObj.value))},e.prototype.destroy=function(){this.base.destroy()},e.prototype.getModuleName=function(){return"color-picker"},e}(),L=function(){function e(e){this.compObj=void 0,this.parent=e,this.parent.comboBoxModule=this,this.base=new N(this.parent,this)}return e.prototype.render=function(e){this.compObj=new a.ComboBox(this.parent.model,e.target)},e.prototype.focus=function(){this.compObj.element.focus()},e.prototype.showPopup=function(){this.compObj.focusIn(),this.compObj.showPopup()},e.prototype.updateValue=function(e){this.compObj&&"ComboBox"===e.type&&(this.parent.setProperties({value:this.compObj.value},!0),this.parent.extendModelValue(this.compObj.value))},e.prototype.destroy=function(){this.base.destroy()},e.prototype.getModuleName=function(){return"combo-box"},e}(),I=function(){function e(e){this.compObj=void 0,this.parent=e,this.parent.dateRangeModule=this,this.base=new N(this.parent,this)}return e.prototype.render=function(e){this.compObj=new n.DateRangePicker(this.parent.model),this.compObj.appendTo(e.target)},e.prototype.focus=function(){this.compObj.element.focus()},e.prototype.updateValue=function(e){this.compObj&&"DateRange"===e.type&&(this.parent.setProperties({value:this.compObj.value},!0),this.parent.extendModelValue(this.compObj.value))},e.prototype.destroy=function(){this.base.destroy()},e.prototype.getModuleName=function(){return"date-range-picker"},e}(),U=function(){function e(e){this.compObj=void 0,this.parent=e,this.parent.multiSelectModule=this,this.base=new N(this.parent,this)}return e.prototype.render=function(e){this.compObj=new a.MultiSelect(this.parent.model,e.target)},e.prototype.showPopup=function(){this.compObj.focusIn(),this.compObj.showPopup()},e.prototype.focus=function(){t.closest(this.compObj.element,".e-multi-select-wrapper").dispatchEvent(new MouseEvent("mousedown"))},e.prototype.updateValue=function(e){this.compObj&&"MultiSelect"===e.type&&(this.parent.setProperties({value:this.compObj.value},!0),this.parent.extendModelValue(this.compObj.value))},e.prototype.getRenderValue=function(){this.parent.printValue=this.compObj.text},e.prototype.destroy=function(){this.base.destroy()},e.prototype.getModuleName=function(){return"multi-select"},e}(),W=function(){function e(e){this.compObj=void 0,l.RichTextEditor.Inject(l.HtmlEditor,l.MarkdownEditor,l.Toolbar,l.Link,l.Image,l.QuickToolbar,l.Table),this.parent=e,this.parent.rteModule=this,this.base=new N(this.parent,this)}return e.prototype.render=function(e){this.compObj=new l.RichTextEditor(this.parent.model,e.target)},e.prototype.focus=function(){this.compObj.focusIn()},e.prototype.updateValue=function(e){this.compObj&&"RTE"===e.type&&(this.parent.setProperties({value:this.getRteValue()},!0),this.parent.extendModelValue(this.compObj.value))},e.prototype.getRteValue=function(){var e;return"Markdown"===this.compObj.editorMode?(e=this.compObj.contentModule.getEditPanel().value,""===e?"":e):(e=this.compObj.contentModule.getEditPanel().innerHTML,"<p><br></p>"===e||"&lt;p&gt;&lt;br&gt;&lt;/p&gt;"===e||""===e?"":e)},e.prototype.refresh=function(){this.compObj.refresh()},e.prototype.destroy=function(){this.base.destroy()},e.prototype.getModuleName=function(){return"rte"},e}(),_=function(){function e(e){this.compObj=void 0,this.parent=e,this.parent.sliderModule=this,this.base=new N(this.parent,this)}return e.prototype.render=function(e){this.compObj=new s.Slider(this.parent.model,e.target)},e.prototype.focus=function(){this.compObj.element.focus()},e.prototype.updateValue=function(e){this.compObj&&"Slider"===e.type&&(this.parent.setProperties({value:this.compObj.value},!0),this.parent.extendModelValue(this.compObj.value))},e.prototype.refresh=function(){this.compObj.refresh()},e.prototype.destroy=function(){this.base.destroy()},e.prototype.getModuleName=function(){return"slider"},e}(),K=function(){function e(e){this.compObj=void 0,this.parent=e,this.parent.timeModule=this,this.base=new N(this.parent,this)}return e.prototype.render=function(e){this.compObj=new n.TimePicker(this.parent.model,e.target)},e.prototype.focus=function(){this.compObj.focusIn()},e.prototype.updateValue=function(e){this.compObj&&"Time"===e.type&&(this.parent.setProperties({value:this.compObj.value},!0),this.parent.extendModelValue(this.compObj.value))},e.prototype.destroy=function(){this.base.destroy()},e.prototype.getModuleName=function(){return"time-picker"},e}();return R.Inject(x,A,L,I,U,W,_,K),e.parseValue=p,e.getCompValue=d,e.render="render",e.update="update",e.destroy="destroy",e.setFocus="set-focus",e.accessValue="access-value",e.destroyModules="destroy-modules",e.showPopup="show-popup",e.PopupSettings=m,e.modulesList=y,e.localeConstant=f,e.ROOT=v,e.ROOT_TIP=b,e.VALUE_WRAPPER=E,e.VALUE=O,e.OVERLAY_ICON="e-editable-overlay-icon",e.TIP_TITLE="e-editable-tip-title",e.TITLE=g,e.INLINE=w,e.POPUP=C,e.WRAPPER="e-editable-wrapper",e.LOADING="e-editable-loading",e.FORM=j,e.CTRL_GROUP="e-component-group",e.INPUT=D,e.BUTTONS=k,e.EDITABLE_ERROR="e-editable-error",e.ELEMENTS=P,e.OPEN=M,e.BTN_SAVE="e-btn-save",e.BTN_CANCEL="e-btn-cancel",e.RTE_SPIN_WRAP="e-rte-spin-wrap",e.CTRL_OVERLAY="e-control-overlay",e.DISABLE="e-disable",e.ICONS="e-icons",e.PRIMARY="e-primary",e.SHOW="e-show",e.HIDE=T,e.RTL=H,e.ERROR="e-error",e.LOAD=B,e.InPlaceEditor=R,e.Base=N,e.AutoComplete=x,e.ColorPicker=A,e.ComboBox=L,e.DateRangePicker=I,e.MultiSelect=U,e.Rte=W,e.Slider=_,e.TimePicker=K,e}({},ej.base,ej.data,ej.buttons,ej.calendars,ej.inputs,ej.popups,ej.dropdowns,ej.richtexteditor),this.ejs=ej;
 //# sourceMappingURL=ej2-inplace-editor.min.js.map

dist/global/index.d.ts

 /*!
 *  filename: index.d.ts
-*  version : 17.3.9-beta
+*  version : 17.3.14
 *  Copyright Syncfusion Inc. 2001 - 2019. All rights reserved.
@@ -5,0 +5,0 @@ *  Use of this code is subject to the terms of our license.

package.json

 {
   "_from": "@syncfusion/ej2-inplace-editor@*",
-  "_id": "@syncfusion/ej2-inplace-editor@17.2.48",
+  "_id": "@syncfusion/ej2-inplace-editor@17.3.9",
   "_inBundle": false,
-  "_integrity": "sha512-9qiF+CDvp0dohcbASqunbgCA/jzQ5PfDOHw8877dyhB5rCSHbU+3emLnYmGcFURhpBVZNsAYD2vaWckPLWQ4dg==",
+  "_integrity": "sha512-uhY8+acijX7X0L+icDvAERTy8IRdumaS9aR2a3yIS2EFvprx2PNp++jKYcP2nF+Uwea3lLEwPyEVsmXAwQpg9A==",
   "_location": "/@syncfusion/ej2-inplace-editor",
@@ -27,4 +27,4 @@ "_phantomChildren": {},
   ],
-  "_resolved": "http://nexus.syncfusion.com/repository/ej2-release/@syncfusion/ej2-inplace-editor/-/ej2-inplace-editor-17.2.48.tgz",
-  "_shasum": "e87a3848135bd74b4ca5222d6cedf4229b15ef27",
+  "_resolved": "http://nexus.syncfusion.com/repository/ej2-release/@syncfusion/ej2-inplace-editor/-/ej2-inplace-editor-17.3.9.tgz",
+  "_shasum": "fe2fe924e823c606b74402ac1bce76bddd8fe724",
   "_spec": "@syncfusion/ej2-inplace-editor@*",
@@ -40,13 +40,13 @@ "_where": "/jenkins/workspace/ation_hotfix_17.2.0.34_Vol2-DDPJ6C2YEWTWLLKKNA7AG2JBE6DYTCTNGMHGORWGAYAVCL6L7OLQ/packages/included",
   "dependencies": {
-    "@syncfusion/ej2-base": "~17.3.9-beta",
-    "@syncfusion/ej2-buttons": "~17.3.9-beta",
-    "@syncfusion/ej2-calendars": "~17.3.9-beta",
-    "@syncfusion/ej2-data": "~17.3.9-beta",
-    "@syncfusion/ej2-dropdowns": "~17.3.9-beta",
-    "@syncfusion/ej2-inputs": "~17.3.9-beta",
-    "@syncfusion/ej2-lists": "~17.3.9-beta",
-    "@syncfusion/ej2-navigations": "~17.3.9-beta",
-    "@syncfusion/ej2-popups": "~17.3.9-beta",
-    "@syncfusion/ej2-richtexteditor": "~17.3.9-beta",
-    "@syncfusion/ej2-splitbuttons": "~17.3.9-beta"
+    "@syncfusion/ej2-base": "~17.3.14",
+    "@syncfusion/ej2-buttons": "~17.3.14",
+    "@syncfusion/ej2-calendars": "~17.3.14",
+    "@syncfusion/ej2-data": "~17.3.14",
+    "@syncfusion/ej2-dropdowns": "~17.3.14",
+    "@syncfusion/ej2-inputs": "~17.3.14",
+    "@syncfusion/ej2-lists": "~17.3.14",
+    "@syncfusion/ej2-navigations": "~17.3.14",
+    "@syncfusion/ej2-popups": "~17.3.14",
+    "@syncfusion/ej2-richtexteditor": "~17.3.14",
+    "@syncfusion/ej2-splitbuttons": "~17.3.14"
   },
@@ -74,4 +74,4 @@ "deprecated": false,
   "typings": "index.d.ts",
-  "version": "17.3.9-beta",
+  "version": "17.3.14",
   "sideEffects": false
 }

src/inplace-editor/base/classes.d.ts

 /**
  * InPlace-Editor classes defined here.
  */
-/** @hidden */
 export declare const ROOT: string;
-/** @hidden */
 export declare const ROOT_TIP: string;
-/** @hidden */
 export declare const VALUE_WRAPPER: string;
-/** @hidden */
 export declare const VALUE: string;
-/** @hidden */
 export declare const OVERLAY_ICON: string;
-/** @hidden */
 export declare const TIP_TITLE: string;
-/** @hidden */
 export declare const TITLE: string;
-/** @hidden */
 export declare const INLINE: string;
-/** @hidden */
 export declare const POPUP: string;
-/** @hidden */
 export declare const WRAPPER: string;
-/** @hidden */
 export declare const LOADING: string;
-/** @hidden */
 export declare const FORM: string;
-/** @hidden */
 export declare const CTRL_GROUP: string;
-/** @hidden */
 export declare const INPUT: string;
-/** @hidden */
 export declare const BUTTONS: string;
-/** @hidden */
 export declare const EDITABLE_ERROR: string;
-/** @hidden */
 export declare const ELEMENTS: string;
-/** @hidden */
 export declare const OPEN: string;
-/** @hidden */
 export declare const BTN_SAVE: string;
-/** @hidden */
 export declare const BTN_CANCEL: string;
-/** @hidden */
 export declare const RTE_SPIN_WRAP: string;
-/** @hidden */
 export declare const CTRL_OVERLAY: string;
-/** @hidden */
 export declare const DISABLE: string;
-/** @hidden */
 export declare const ICONS: string;
-/** @hidden */
 export declare const PRIMARY: string;
-/** @hidden */
 export declare const SHOW: string;
-/** @hidden */
 export declare const HIDE: string;
-/** @hidden */
 export declare const RTL: string;
-/** @hidden */
 export declare const ERROR: string;
-/** @hidden */
 export declare const LOAD: string;

src/inplace-editor/base/classes.js

 /**
  * InPlace-Editor classes defined here.
  */
-/** @hidden */
 export var ROOT = 'e-inplaceeditor';
-/** @hidden */
 export var ROOT_TIP = 'e-inplaceeditor-tip';
-/** @hidden */
 export var VALUE_WRAPPER = 'e-editable-value-wrapper';
-/** @hidden */
 export var VALUE = 'e-editable-value';
-/** @hidden */
 export var OVERLAY_ICON = 'e-editable-overlay-icon';
-/** @hidden */
 export var TIP_TITLE = 'e-editable-tip-title';
-/** @hidden */
 export var TITLE = 'e-editable-title';
-/** @hidden */
 export var INLINE = 'e-editable-inline';
-/** @hidden */
 export var POPUP = 'e-editable-popup';
-/** @hidden */
 export var WRAPPER = 'e-editable-wrapper';
-/** @hidden */
 export var LOADING = 'e-editable-loading';
-/** @hidden */
 export var FORM = 'e-editable-form';
-/** @hidden */
 export var CTRL_GROUP = 'e-component-group';
-/** @hidden */
 export var INPUT = 'e-editable-component';
-/** @hidden */
 export var BUTTONS = 'e-editable-action-buttons';
-/** @hidden */
 export var EDITABLE_ERROR = 'e-editable-error';
-/** @hidden */
 export var ELEMENTS = 'e-editable-elements';
-/** @hidden */
 export var OPEN = 'e-editable-open';
-/** @hidden */
 export var BTN_SAVE = 'e-btn-save';
-/** @hidden */
 export var BTN_CANCEL = 'e-btn-cancel';
-/** @hidden */
 export var RTE_SPIN_WRAP = 'e-rte-spin-wrap';
-/** @hidden */
 export var CTRL_OVERLAY = 'e-control-overlay';
-/** @hidden */
 export var DISABLE = 'e-disable';
-/** @hidden */
 export var ICONS = 'e-icons';
-/** @hidden */
 export var PRIMARY = 'e-primary';
-/** @hidden */
 export var SHOW = 'e-show';
-/** @hidden */
 export var HIDE = 'e-hide';
-/** @hidden */
 export var RTL = 'e-rtl';
-/** @hidden */
 export var ERROR = 'e-error';
-/** @hidden */
 export var LOAD = 'e-loading';

src/inplace-editor/base/events.d.ts

 /**
  * InPlace-Editor events defined here.
  */
-/** @hidden */
 export declare const render: string;
-/** @hidden */
 export declare const update: string;
-/** @hidden */
 export declare const destroy: string;
-/** @hidden */
 export declare const setFocus: string;
-/** @hidden */
 export declare const accessValue: string;
-/** @hidden */
 export declare const destroyModules: string;
+export declare const showPopup: string;

src/inplace-editor/base/events.js

 /**
  * InPlace-Editor events defined here.
  */
-/** @hidden */
 export var render = 'render';
-/** @hidden */
 export var update = 'update';
-/** @hidden */
 export var destroy = 'destroy';
-/** @hidden */
 export var setFocus = 'set-focus';
-/** @hidden */
 export var accessValue = 'access-value';
-/** @hidden */
 export var destroyModules = 'destroy-modules';
+export var showPopup = 'show-popup';

src/inplace-editor/base/inplace-editor-model.d.ts

@@ -13,3 +13,3 @@ import { Component, INotifyPropertyChanged, NotifyPropertyChanges, Property, Event, EmitType, select } from '@syncfusion/ej2-base';import { detach, addClass, removeClass, EventHandler, setStyleAttribute, Complex, ModuleDeclaration } from '@syncfusion/ej2-base';import { isNullOrUndefined as isNOU, closest, extend, L10n, compile, Browser, Touch, TapEventArgs } from '@syncfusion/ej2-base';import { isNullOrUndefined, updateBlazorTemplate, resetBlazorTemplate } from '@syncfusion/ej2-base';import { DataManager, UrlAdaptor, Query, WebApiAdaptor, ODataV4Adaptor, ReturnOption } from '@syncfusion/ej2-data';import { Button, ButtonModel } from '@syncfusion/ej2-buttons';import { RichTextEditorModel } from '@syncfusion/ej2-richtexteditor';import { DatePicker, DatePickerModel, DateTimePicker, DateRange } from '@syncfusion/ej2-calendars';import { DateTimePickerModel, DateRangePickerModel, TimePickerModel } from '@syncfusion/ej2-calendars';import { NumericTextBox, NumericTextBoxModel, TextBox, TextBoxModel } from '@syncfusion/ej2-inputs';import { createSpinner, hideSpinner, SpinnerArgs, showSpinner } from '@syncfusion/ej2-popups';import { Tooltip, TooltipEventArgs, TipPointerPosition } from '@syncfusion/ej2-popups';import { ColorPickerModel, FormValidator, MaskedTextBox, MaskedTextBoxModel, SliderModel } from '@syncfusion/ej2-inputs';import { AutoCompleteModel, ComboBoxModel, DropDownList, DropDownListModel, MultiSelectModel } from '@syncfusion/ej2-dropdowns';import { Rte } from '../modules/rte';import { Slider } from '../modules/slider';import { ComboBox } from '../modules/combo-box';import { TimePicker } from '../modules/time-picker';import { MultiSelect } from '../modules/multi-select';import { ColorPicker } from '../modules/color-picker';import { AutoComplete } from '../modules/auto-complete';import { DateRangePicker } from '../modules/date-range-picker';import * as events from './events';import * as classes from './classes';import { PopupSettings, modulesList, localeConstant } from './models';import { PopupSettingsModel } from './models-model';import { ActionBeginEventArgs, ActionEventArgs, FormEventArgs, ValidateEventArgs, IButton, BeginEditEventArgs } from './interface';import { parseValue, getCompValue } from './util';
      * If name is not given, then component ID is taken as mapping field name.
-     * @default ''
+
      */
@@ -20,4 +20,4 @@ name?: string;
      * Specifies the display value for input when original input value is empty.
-     * @default null
-     * @isGenericType true
+
+
      */
@@ -28,4 +28,4 @@ value?: string | number | Date | string[] | Date[] | number[];
      * Specifies the HTML element ID as a string that can be added as a editable field.
-     * @default ''
-     * @blazorType string
+
+
      */
@@ -36,3 +36,3 @@ template?: string | HTMLElement;
      * Defines single/multiple classes (separated by space) to be used for customization of In-place editor.
-     * @default ''
+
      */
@@ -43,3 +43,3 @@ cssClass?: string;
      * Defines the unique primary key of editable field which can be used for saving data in data-base.
-     * @default ''
+
      */
@@ -50,3 +50,3 @@ primaryKey?: string | number;
      * Sets the text to be shown when an element has 'Empty' value.
-     * @default 'Empty'
+
      */
@@ -57,3 +57,3 @@ emptyText?: string;
      * Gets the url for server submit action.
-     * @default ''
+
      */
@@ -67,3 +67,3 @@ url?: string;
      * - `Popup`: Editable content and ok/cancel buttons are displayed inside popup while editing.
-     * @default 'Popup'
+
      */
@@ -78,3 +78,3 @@ mode?: RenderMode;
      * - `WebApiAdaptor`: Used to interact with Web api created with OData endpoint.
-     * @default 'UrlAdaptor'
+
      */
@@ -85,3 +85,3 @@ adaptor?: AdaptorType;
      * Specifies the type of components that integrated with In-place editor to make it as editable.
-     * @default 'Text'
+
      */
@@ -96,3 +96,3 @@ type?: InputType;
      * - `EditIconClick`: Disables the editing of event action of input and allows user to edit only through edit icon.
-     * @default 'Click'
+
      */
@@ -108,3 +108,3 @@ editableOn?: EditableType;
      * - `Ignore`: No action is perform with this type and allows to have many containers open.
-     * @default 'Submit'
+
      */
@@ -116,3 +116,3 @@ actionOnBlur?: ActionBlur;
      * 1. value
-     * @default false
+
      */
@@ -123,3 +123,3 @@ enablePersistence?: boolean;
      * Specifies whether to enable editing mode or not.
-     * @default false
+
      */
@@ -130,3 +130,3 @@ disabled?: boolean;
      * Used to show/hide the ok/cancel buttons of In-place editor.
-     * @default true
+
      */
@@ -137,3 +137,3 @@ showButtons?: boolean;
      * Specifies to show/hide the editing mode.
-     * @default false
+
      */
@@ -144,3 +144,3 @@ enableEditMode?: boolean;
      * Sets to trigger the submit action with enter key pressing of input.
-     * @default true
+
      */
@@ -151,3 +151,3 @@ submitOnEnter?: boolean;
      * Specifies the object to customize popup display settings like positions, animation etc.
-     * @default {}
+
      */
@@ -158,3 +158,3 @@ popupSettings?: PopupSettingsModel;
      * Specifies the model object configuration for the integrated components like AutoComplete, DatePicker,NumericTextBox, etc.
-     * @default null
+
      */
@@ -165,3 +165,3 @@ model?: AutoCompleteModel | ColorPickerModel | ComboBoxModel | DatePickerModel | DateRangePickerModel | DateTimePickerModel | DropDownListModel | MaskedTextBoxModel | MultiSelectModel | NumericTextBoxModel | RichTextEditorModel | SliderModel | TextBoxModel | TimePickerModel;
      * Used to customize the "Save" button UI appearance by defining Button model configuration.
-     * @default { iconCss: 'e-icons e-save-icon' }
+
      */
@@ -172,3 +172,3 @@ saveButton?: ButtonModel;
      * Used to customize the "Cancel" button UI appearance by defining Button model configuration.
-     * @default { iconCss: 'e-icons e-cancel-icon' }
+
      */
@@ -179,3 +179,3 @@ cancelButton?: ButtonModel;
      * Maps the validation rules for the input.
-     * @default null
+
      */
@@ -187,3 +187,3 @@ validationRules?: { [name: string]: { [rule: string]: Object } };
      * @event
-     * @blazorProperty 'Created'
+
      */
@@ -195,3 +195,3 @@ created?: EmitType<Event>;
      * @event
-     * @blazorProperty 'OnActionBegin'
+
      */
@@ -203,3 +203,3 @@ actionBegin?: EmitType<ActionBeginEventArgs>;
      * @event
-     * @blazorProperty 'OnActionSuccess'
+
      */
@@ -211,3 +211,3 @@ actionSuccess?: EmitType<ActionEventArgs>;
      * @event
-     * @blazorProperty 'OnActionFailure'
+
      */
@@ -219,3 +219,3 @@ actionFailure?: EmitType<ActionEventArgs>;
      * @event
-     * @blazorProperty 'Validating'
+
      */
@@ -233,3 +233,3 @@ validating?: EmitType<ValidateEventArgs>;
      * @event
-     * @blazorProperty 'Destroyed'
+
      */
@@ -236,0 +236,0 @@ destroyed?: EmitType<Event>;

src/inplace-editor/base/inplace-editor.d.ts

@@ -86,39 +86,39 @@ import { Component, INotifyPropertyChanged, EmitType } from '@syncfusion/ej2-base';
     /**
-     * @hidden
+
      */
     printValue: string;
     /**
-     * @hidden
+
      */
     needsID: boolean;
     /**
-     * @hidden
+
      */
     atcModule: AutoComplete;
     /**
-     * @hidden
+
      */
     colorModule: ColorPicker;
     /**
-     * @hidden
+
      */
     comboBoxModule: ComboBox;
     /**
-     * @hidden
+
      */
     dateRangeModule: DateRangePicker;
     /**
-     * @hidden
+
      */
     multiSelectModule: MultiSelect;
     /**
-     * @hidden
+
      */
     rteModule: Rte;
     /**
-     * @hidden
+
      */
     sliderModule: Slider;
     /**
-     * @hidden
+
      */
@@ -129,3 +129,3 @@ timeModule: TimePicker;
      * If name is not given, then component ID is taken as mapping field name.
-     * @default ''
+
      */
@@ -135,4 +135,4 @@ name: string;
      * Specifies the display value for input when original input value is empty.
-     * @default null
-     * @isGenericType true
+
+
      */
@@ -142,4 +142,4 @@ value: string | number | Date | string[] | Date[] | number[];
      * Specifies the HTML element ID as a string that can be added as a editable field.
-     * @default ''
-     * @blazorType string
+
+
      */
@@ -149,3 +149,3 @@ template: string | HTMLElement;
      * Defines single/multiple classes (separated by space) to be used for customization of In-place editor.
-     * @default ''
+
      */
@@ -155,3 +155,3 @@ cssClass: string;
      * Defines the unique primary key of editable field which can be used for saving data in data-base.
-     * @default ''
+
      */
@@ -161,3 +161,3 @@ primaryKey: string | number;
      * Sets the text to be shown when an element has 'Empty' value.
-     * @default 'Empty'
+
      */
@@ -167,3 +167,3 @@ emptyText: string;
      * Gets the url for server submit action.
-     * @default ''
+
      */
@@ -176,3 +176,3 @@ url: string;
      * - `Popup`: Editable content and ok/cancel buttons are displayed inside popup while editing.
-     * @default 'Popup'
+
      */
@@ -186,3 +186,3 @@ mode: RenderMode;
      * - `WebApiAdaptor`: Used to interact with Web api created with OData endpoint.
-     * @default 'UrlAdaptor'
+
      */
@@ -192,3 +192,3 @@ adaptor: AdaptorType;
      * Specifies the type of components that integrated with In-place editor to make it as editable.
-     * @default 'Text'
+
      */
@@ -202,3 +202,3 @@ type: InputType;
      * - `EditIconClick`: Disables the editing of event action of input and allows user to edit only through edit icon.
-     * @default 'Click'
+
      */
@@ -213,3 +213,3 @@ editableOn: EditableType;
      * - `Ignore`: No action is perform with this type and allows to have many containers open.
-     * @default 'Submit'
+
      */
@@ -220,3 +220,3 @@ actionOnBlur: ActionBlur;
      * 1. value
-     * @default false
+
      */
@@ -226,3 +226,3 @@ enablePersistence: boolean;
      * Specifies whether to enable editing mode or not.
-     * @default false
+
      */
@@ -232,3 +232,3 @@ disabled: boolean;
      * Used to show/hide the ok/cancel buttons of In-place editor.
-     * @default true
+
      */
@@ -238,3 +238,3 @@ showButtons: boolean;
      * Specifies to show/hide the editing mode.
-     * @default false
+
      */
@@ -244,3 +244,3 @@ enableEditMode: boolean;
      * Sets to trigger the submit action with enter key pressing of input.
-     * @default true
+
      */
@@ -250,3 +250,3 @@ submitOnEnter: boolean;
      * Specifies the object to customize popup display settings like positions, animation etc.
-     * @default {}
+
      */
@@ -256,3 +256,3 @@ popupSettings: PopupSettingsModel;
      * Specifies the model object configuration for the integrated components like AutoComplete, DatePicker,NumericTextBox, etc.
-     * @default null
+
      */
@@ -262,3 +262,3 @@ model: AutoCompleteModel | ColorPickerModel | ComboBoxModel | DatePickerModel | DateRangePickerModel | DateTimePickerModel | DropDownListModel | MaskedTextBoxModel | MultiSelectModel | NumericTextBoxModel | RichTextEditorModel | SliderModel | TextBoxModel | TimePickerModel;
      * Used to customize the "Save" button UI appearance by defining Button model configuration.
-     * @default { iconCss: 'e-icons e-save-icon' }
+
      */
@@ -268,3 +268,3 @@ saveButton: ButtonModel;
      * Used to customize the "Cancel" button UI appearance by defining Button model configuration.
-     * @default { iconCss: 'e-icons e-cancel-icon' }
+
      */
@@ -274,3 +274,3 @@ cancelButton: ButtonModel;
      * Maps the validation rules for the input.
-     * @default null
+
      */
@@ -285,3 +285,3 @@ validationRules: {
      * @event
-     * @blazorProperty 'Created'
+
      */
@@ -292,3 +292,3 @@ created: EmitType<Event>;
      * @event
-     * @blazorProperty 'OnActionBegin'
+
      */
@@ -299,3 +299,3 @@ actionBegin: EmitType<ActionBeginEventArgs>;
      * @event
-     * @blazorProperty 'OnActionSuccess'
+
      */
@@ -306,3 +306,3 @@ actionSuccess: EmitType<ActionEventArgs>;
      * @event
-     * @blazorProperty 'OnActionFailure'
+
      */
@@ -313,3 +313,3 @@ actionFailure: EmitType<ActionEventArgs>;
      * @event
-     * @blazorProperty 'Validating'
+
      */
@@ -325,3 +325,3 @@ validating: EmitType<ValidateEventArgs>;
      * @event
-     * @blazorProperty 'Destroyed'
+
      */
@@ -349,2 +349,5 @@ destroyed: EmitType<Event>;
     private renderEditor;
+    private renderAndOpen;
+    private checkRemoteData;
+    private showDropDownPopup;
     private setAttribute;
@@ -434,3 +437,3 @@ private renderControl;
      * @return {ModuleDeclaration[]}
-     * @hidden
+
      */
@@ -437,0 +440,0 @@ requiredModules(): ModuleDeclaration[];

src/inplace-editor/base/inplace-editor.js

@@ -73,3 +73,3 @@ var __extends = (this && this.__extends) || (function () {
         /**
-         * @hidden
+    
          */
@@ -149,4 +149,8 @@ _this.needsID = true;
             this.element.appendChild(this.inlineWrapper);
-            this.renderControl(this.inlineWrapper);
-            this.afterOpenHandler(null);
+            if (['AutoComplete', 'ComboBox', 'DropDownList', 'MultiSelect'].indexOf(this.type) > -1) {
+                this.checkRemoteData(this.model);
+            }
+            else {
+                this.renderAndOpen();
+            }
         }
@@ -180,2 +184,33 @@ else {
     };
+    InPlaceEditor.prototype.renderAndOpen = function () {
+        this.renderControl(this.inlineWrapper);
+        this.afterOpenHandler(null);
+    };
+    InPlaceEditor.prototype.checkRemoteData = function (model) {
+        var _this = this;
+        if (model.dataSource instanceof DataManager) {
+            model.dataBound = function () {
+                _this.afterOpenHandler(null);
+            };
+            this.renderControl(this.inlineWrapper);
+            if ((isNOU(model.value) && isNOU(this.value)) || (model.value === this.value
+                && model.value.length === 0)) {
+                this.showDropDownPopup();
+            }
+        }
+        else {
+            this.renderAndOpen();
+        }
+    };
+    InPlaceEditor.prototype.showDropDownPopup = function () {
+        if (this.type === 'DropDownList') {
+            this.componentObj.focusIn();
+            this.componentObj.showPopup();
+        }
+        else {
+            if (this.isExtModule) {
+                this.notify(events.showPopup, {});
+            }
+        }
+    };
     InPlaceEditor.prototype.setAttribute = function (ele, attr) {
@@ -772,3 +807,9 @@ var value = this.name && this.name.length !== 0 ? this.name : this.element.id;
         if (!eventArgs.cancelFocus) {
-            this.setFocus();
+            if (this.mode === 'Inline' && (['AutoComplete', 'ComboBox', 'DropDownList', 'MultiSelect'].indexOf(this.type) > -1)
+                && this.model.dataSource instanceof DataManager) {
+                this.showDropDownPopup();
+            }
+            else {
+                this.setFocus();
+            }
         }
@@ -939,3 +980,3 @@ if (this.afterOpenEvent) {
      * @return {ModuleDeclaration[]}
-     * @hidden
+
      */
@@ -942,0 +983,0 @@ InPlaceEditor.prototype.requiredModules = function () {

src/inplace-editor/base/interface.d.ts

@@ -9,3 +9,3 @@ import { ButtonModel } from '@syncfusion/ej2-buttons';
  * InPlace-Editor interface defined here.
- * @hidden
+
  */
@@ -19,2 +19,3 @@ export declare type Component = AutoComplete | ColorPicker | ComboBox | DateRangePicker | MultiSelect | RichTextEditor | Slider | TimePicker;
 export interface IComponent {
+    showPopup?(): void;
     compObj: Component;
@@ -21,0 +22,0 @@ render(e: NotifyParams): void;

src/inplace-editor/base/models-model.d.ts

@@ -10,3 +10,3 @@ import { ChildProperty, Property } from '@syncfusion/ej2-base';import { TooltipModel } from '@syncfusion/ej2-popups';
      * Specifies title for the editor popup.
-     * @default ''
+
      */
@@ -17,3 +17,3 @@ title?: string;
      * Specifies model for editor popup customization like position, animation,etc.
-     * @default null
+
      */
@@ -20,0 +20,0 @@ model?: TooltipModel;

src/inplace-editor/base/models.d.ts

@@ -9,3 +9,3 @@ import { ChildProperty } from '@syncfusion/ej2-base';
      * Specifies title for the editor popup.
-     * @default ''
+
      */
@@ -15,3 +15,3 @@ title: string;
      * Specifies model for editor popup customization like position, animation,etc.
-     * @default null
+
      */
@@ -21,3 +21,3 @@ model: TooltipModel;
 /**
- * @hidden
+
  */
@@ -28,3 +28,3 @@ export declare let modulesList: {
 /**
- * @hidden
+
  */
@@ -31,0 +31,0 @@ export declare let localeConstant: {

src/inplace-editor/base/models.js

@@ -39,3 +39,3 @@ var __extends = (this && this.__extends) || (function () {
 /**
- * @hidden
+
  */
@@ -53,3 +53,3 @@ export var modulesList = {
 /**
- * @hidden
+
  */
@@ -56,0 +56,0 @@ export var localeConstant = {

src/inplace-editor/base/util.d.ts

@@ -10,3 +10,3 @@ import { RichTextEditorModel } from '@syncfusion/ej2-richtexteditor';
 /**
- * @hidden
+
  */
@@ -13,0 +13,0 @@ export declare function parseValue(type: string, val: valueType, model: modelType): string;

src/inplace-editor/base/util.js

@@ -7,3 +7,3 @@ import { isNullOrUndefined as isNOU, Internationalization } from '@syncfusion/ej2-base';
 /**
- * @hidden
+
  */
@@ -10,0 +10,0 @@ export function parseValue(type, val, model) {

src/inplace-editor/modules/auto-complete.d.ts

@@ -13,2 +13,6 @@ import { AutoComplete as EJ2AutoComplete } from '@syncfusion/ej2-dropdowns';
     render(e: NotifyParams): void;
+    /**
+
+     */
+    showPopup(): void;
     focus(): void;
@@ -20,3 +24,3 @@ updateValue(e: NotifyParams): void;
      * @return {void}
-     * @hidden
+
      */
@@ -23,0 +27,0 @@ destroy(): void;

src/inplace-editor/modules/auto-complete.js

@@ -16,2 +16,9 @@ import { AutoComplete as EJ2AutoComplete } from '@syncfusion/ej2-dropdowns';
     };
+    /**
+
+     */
+    AutoComplete.prototype.showPopup = function () {
+        this.compObj.focusIn();
+        this.compObj.showPopup();
+    };
     AutoComplete.prototype.focus = function () {
@@ -30,3 +37,3 @@ this.compObj.element.focus();
      * @return {void}
-     * @hidden
+
      */
@@ -33,0 +40,0 @@ AutoComplete.prototype.destroy = function () {

src/inplace-editor/modules/base-module.d.ts

@@ -11,2 +11,3 @@ import { InPlaceEditor } from '../base/inplace-editor';
     private render;
+    private showPopup;
     private focus;
@@ -13,0 +14,0 @@ private update;

src/inplace-editor/modules/base-module.js

@@ -15,2 +15,5 @@ import { isNullOrUndefined as isNOU } from '@syncfusion/ej2-base';
     };
+    Base.prototype.showPopup = function () {
+        this.module.showPopup();
+    };
     Base.prototype.focus = function () {
@@ -39,2 +42,3 @@ this.module.focus();
         this.parent.on(events.setFocus, this.focus, this);
+        this.parent.on(events.showPopup, this.showPopup, this);
         this.parent.on(events.update, this.update, this);
@@ -51,2 +55,3 @@ this.parent.on(events.accessValue, this.getValue, this);
         this.parent.off(events.setFocus, this.focus);
+        this.parent.off(events.showPopup, this.showPopup);
         this.parent.off(events.update, this.update);
@@ -53,0 +58,0 @@ this.parent.off(events.accessValue, this.getValue);

src/inplace-editor/modules/color-picker.d.ts

@@ -19,3 +19,3 @@ import { ColorPicker as EJ2ColorPicker } from '@syncfusion/ej2-inputs';
      * @return {void}
-     * @hidden
+
      */
@@ -22,0 +22,0 @@ destroy(): void;

src/inplace-editor/modules/color-picker.js

@@ -29,3 +29,3 @@ import { ColorPicker as EJ2ColorPicker } from '@syncfusion/ej2-inputs';
      * @return {void}
-     * @hidden
+
      */
@@ -32,0 +32,0 @@ ColorPicker.prototype.destroy = function () {

src/inplace-editor/modules/combo-box.d.ts

@@ -14,2 +14,6 @@ import { ComboBox as EJ2ComboBox } from '@syncfusion/ej2-dropdowns';
     focus(): void;
+    /**
+
+     */
+    showPopup(): void;
     updateValue(e: NotifyParams): void;
@@ -20,3 +24,3 @@ /**
      * @return {void}
-     * @hidden
+
      */
@@ -23,0 +27,0 @@ destroy(): void;

src/inplace-editor/modules/combo-box.js

@@ -19,2 +19,9 @@ import { ComboBox as EJ2ComboBox } from '@syncfusion/ej2-dropdowns';
     };
+    /**
+
+     */
+    ComboBox.prototype.showPopup = function () {
+        this.compObj.focusIn();
+        this.compObj.showPopup();
+    };
     ComboBox.prototype.updateValue = function (e) {
@@ -30,3 +37,3 @@ if (this.compObj && e.type === 'ComboBox') {
      * @return {void}
-     * @hidden
+
      */
@@ -33,0 +40,0 @@ ComboBox.prototype.destroy = function () {

src/inplace-editor/modules/date-range-picker.d.ts

@@ -19,3 +19,3 @@ import { DateRangePicker as EJ2DateRangePicker } from '@syncfusion/ej2-calendars';
      * @return {void}
-     * @hidden
+
      */
@@ -22,0 +22,0 @@ destroy(): void;

src/inplace-editor/modules/date-range-picker.js

@@ -30,3 +30,3 @@ import { DateRangePicker as EJ2DateRangePicker } from '@syncfusion/ej2-calendars';
      * @return {void}
-     * @hidden
+
      */
@@ -33,0 +33,0 @@ DateRangePicker.prototype.destroy = function () {

src/inplace-editor/modules/multi-select.d.ts

@@ -13,2 +13,6 @@ import { MultiSelect as EJ2MultiSelect } from '@syncfusion/ej2-dropdowns';
     render(e: NotifyParams): void;
+    /**
+
+     */
+    showPopup(): void;
     focus(): void;
@@ -21,3 +25,3 @@ updateValue(e: NotifyParams): void;
      * @return {void}
-     * @hidden
+
      */
@@ -24,0 +28,0 @@ destroy(): void;

src/inplace-editor/modules/multi-select.js

@@ -17,2 +17,9 @@ import { closest } from '@syncfusion/ej2-base';
     };
+    /**
+
+     */
+    MultiSelect.prototype.showPopup = function () {
+        this.compObj.focusIn();
+        this.compObj.showPopup();
+    };
     MultiSelect.prototype.focus = function () {
@@ -34,3 +41,3 @@ closest(this.compObj.element, '.e-multi-select-wrapper').dispatchEvent(new MouseEvent('mousedown'));
      * @return {void}
-     * @hidden
+
      */
@@ -37,0 +44,0 @@ MultiSelect.prototype.destroy = function () {

src/inplace-editor/modules/rte.d.ts

@@ -21,3 +21,3 @@ import { RichTextEditor } from '@syncfusion/ej2-richtexteditor';
      * @return {void}
-     * @hidden
+
      */
@@ -24,0 +24,0 @@ destroy(): void;

src/inplace-editor/modules/rte.js

@@ -45,3 +45,3 @@ import { RichTextEditor, HtmlEditor } from '@syncfusion/ej2-richtexteditor';
      * @return {void}
-     * @hidden
+
      */
@@ -48,0 +48,0 @@ Rte.prototype.destroy = function () {

src/inplace-editor/modules/slider.d.ts

@@ -20,3 +20,3 @@ import { Slider as EJ2Slider } from '@syncfusion/ej2-inputs';
      * @return {void}
-     * @hidden
+
      */
@@ -23,0 +23,0 @@ destroy(): void;

src/inplace-editor/modules/slider.js

@@ -32,3 +32,3 @@ import { Slider as EJ2Slider } from '@syncfusion/ej2-inputs';
      * @return {void}
-     * @hidden
+
      */
@@ -35,0 +35,0 @@ Slider.prototype.destroy = function () {

src/inplace-editor/modules/time-picker.d.ts

@@ -19,3 +19,3 @@ import { TimePicker as EJ2TimePicker } from '@syncfusion/ej2-calendars';
      * @return {void}
-     * @hidden
+
      */
@@ -22,0 +22,0 @@ destroy(): void;

src/inplace-editor/modules/time-picker.js

@@ -29,3 +29,3 @@ import { TimePicker as EJ2TimePicker } from '@syncfusion/ej2-calendars';
      * @return {void}
-     * @hidden
+
      */
@@ -32,0 +32,0 @@ TimePicker.prototype.destroy = function () {

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

No v1

Quality

Package is not semver >=1. This means it is not stable and does not support ^ ranges.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

1215189

increased by1.35%

Number of low quality alerts

1

decreased by-50%

Worsened metrics

Lines of code

16754

decreased by-0.3%

Dependency changes

• Updated@syncfusion/ej2-base@~17.3.14

• Updated@syncfusion/ej2-buttons@~17.3.14

• Updated@syncfusion/ej2-calendars@~17.3.14

• Updated@syncfusion/ej2-data@~17.3.14

• Updated@syncfusion/ej2-dropdowns@~17.3.14

• Updated@syncfusion/ej2-inputs@~17.3.14

• Updated@syncfusion/ej2-lists@~17.3.14

• Updated@syncfusion/ej2-navigations@~17.3.14

• Updated@syncfusion/ej2-popups@~17.3.14

• Updated@syncfusion/ej2-richtexteditor@~17.3.14

• Updated@syncfusion/ej2-splitbuttons@~17.3.14