@syncfusion/ej2-inplace-editor 31.2.2 → 32.1.19

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

@@ -1,11 +1,2 @@
-/*!
-*  filename: ej2-inplace-editor.min.js
-*  version : 31.2.2
-*  Copyright Syncfusion Inc. 2001 - 2025. All rights reserved.
-*  Use of this code is subject to the terms of our license.
-*  A copy of the current license can be obtained at any time by e-mailing
-*  licensing@syncfusion.com. Any infringement will be prosecuted under
-*  applicable laws. 
-*/
 this.ej=this.ej||{},this.ej.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=c.formatDate(i,{format:s,type:e,skeleton:t.isBlazor()?"d":"yMd"});break;case"DateRange":s=o.format;var a=i;n=c.formatDate(a[0],{format:s,type:e,skeleton:t.isBlazor()?"d":"yMd"})+" - "+c.formatDate(a[1],{format:s,type:e,skeleton:t.isBlazor()?"d":"yMd"});break;case"DateTime":s=o.format,n=t.isNullOrUndefined(s)||""===s?c.formatDate(i,{format:s,type:e,skeleton:t.isBlazor()?"d":"yMd"})+" "+c.formatDate(i,{format:s,type:e,skeleton:t.isBlazor()?"t":"hm"}):c.formatDate(i,{format:s,type:e,skeleton:t.isBlazor()?"d":"yMd"});break;case"Time":s=o.format,n=c.formatDate(i,{format:s,type:e,skeleton:t.isBlazor()?"t":"hm"});break;case"Numeric":s=t.isNullOrUndefined(o.format)?"n2":o.format;var l=t.isNullOrUndefined(i)?null:"number"==typeof i?i:c.parseNumber(i);n=c.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}function h(e){for(var t=[],i=e.length-1;i>=0;i--)t.unshift(["&#",e[i].charCodeAt(0),";"].join(""));return t.join("")}var c=new t.Internationalization,u=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)}}(),m=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},f=function(e){function i(){return null!==e&&e.apply(this,arguments)||this}return u(i,e),m([t.Property("")],i.prototype,"title",void 0),m([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"},v={Click:{editAreaClick:"Click to edit"},DblClick:{editAreaDoubleClick:"Double click to edit"},EditIconClick:{editAreaClick:"Click to edit"}},b="e-inplaceeditor",E="e-inplaceeditor-tip",O="e-editable-value-wrapper",g="e-editable-value",C="e-editable-title",w="e-editable-inline",j="e-editable-popup",k="e-editable-form",P="e-editable-component",D="e-editable-action-buttons",M="e-editable-elements",V="e-editable-open",S="e-hide",T="e-rtl",B="e-error",H="e-loading",N=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},R=function(e){function l(t,i){var o=e.call(this,t,i)||this;return o.needsID=!0,o}return N(l,e),l.prototype.initializeValue=function(){this.initRender=!0,this.isTemplate=!1,this.isVue=!1,this.isExtModule=!1,this.submitBtn=void 0,this.cancelBtn=void 0,this.isClearTarget=!1,this.btnElements=void 0,this.dataManager=void 0,this.oldValue=void 0,this.divComponents=["RTE","Slider"],this.clearComponents=["AutoComplete","Mask","Text"],this.dateType=["Date","DateTime","Time"],this.inputDataEle=["Date","DateTime","DateRange","Time","Numeric"],this.dropDownEle=["AutoComplete","ComboBox","DropDownList","MultiSelect"],this.moduleList=["AutoComplete","Color","ComboBox","DateRange","MultiSelect","RTE","Slider","Time"]},l.prototype.preRender=function(){this.initializeValue(),this.onScrollResizeHandler=this.scrollResizeHandler.bind(this),t.isNullOrUndefined(this.model)&&this.setProperties({model:{}},!0),this.titleEle=this.createElement("div",{className:C}),!t.isNullOrUndefined(this.popupSettings.model)&&this.popupSettings.model.afterOpen&&(this.afterOpenEvent=this.popupSettings.model.afterOpen)},l.prototype.render=function(){t.isNullOrUndefined(this.element.getAttribute("tabindex"))&&(this.disabled?this.element.setAttribute("tabindex","-1"):this.element.setAttribute("tabindex","0")),this.checkIsTemplate(),this.disable(this.disabled),this.updateAdaptor(),this.appendValueElement(),this.updateValue(),"Never"===this.textOption?this.renderValue(this.checkValue(p(this.type,this.value,this.model))):this.renderInitialValue(),this.wireEvents(),this.setRtl(this.enableRtl),this.enableEditor(this.enableEditMode,!0),this.setClass("add",this.cssClass),this.renderComplete()},l.prototype.setClass=function(e,i){if(!this.isEmpty(i))for(var o=i.split(" "),n=0;n<o.length;n++)""!==o[n].trim()&&("add"===e?t.addClass([this.element],[o[n]]):t.removeClass([this.element],[o[n]]))},l.prototype.appendValueElement=function(){this.valueWrap=this.createElement("div",{id:this.element.id+"_wrap",className:O}),t.isBlazor()||(this.element.innerHTML=""),this.valueEle=this.createElement("span",{className:g}),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.renderInitialValue=function(){!(["AutoComplete","ComboBox","DropDownList","MultiSelect"].indexOf(this.type)>-1)||t.isNullOrUndefined(this.value)||this.isEmpty(this.value.toString())||t.isNullOrUndefined(this.model.fields)||t.isNullOrUndefined(this.model.dataSource)?this.renderValue(this.checkValue(p(this.type,this.value,this.model))):(this.renderValue(this.getLocale({loadingText:"Loading..."},"loadingText")),this.valueWrap.classList.add(H),s.createSpinner({target:this.valueWrap,width:10}),s.showSpinner(this.valueWrap),this.getInitFieldMapValue())},l.prototype.getInitFieldMapValue=function(){var e=this,o=this.model,n=o.fields.text,s=o.fields.value,r=t.isNullOrUndefined(o.query)?new i.Query:o.query;o.dataSource instanceof i.DataManager?o.dataSource.executeQuery(this.getInitQuery(o,r)).then(function(t){e.updateInitValue(n,s,t.result)}):this.updateInitValue(n,s,new i.DataManager(o.dataSource).executeLocal(this.getInitQuery(o,r)))},l.prototype.getInitQuery=function(e,t){var o,n=e.fields.value,s=this.value;if("MultiSelect"!==this.type||"object"!=typeof this.value)o=new i.Predicate(n,"equal",this.value);else for(var r=0,a=0,l=s;a<l.length;a++){var p=l[a];o=0===r?o=new i.Predicate(n,"equal",p):o.or(n,"equal",p),r++}return t.where(o)},l.prototype.updateInitValue=function(e,i,o){if(!(o.length<=0)){if(1===o.length)this.valueEle.innerHTML=this.checkValue(t.getValue(t.isNullOrUndefined(e)?i:e,o[0]));else{for(var n=[],r=0,a=o;r<a.length;r++){var l=a[r];n.push(t.getValue(t.isNullOrUndefined(e)?i:e,l))}this.valueEle.innerHTML=this.checkValue(n.toString())}s.hideSpinner(this.valueWrap),this.valueWrap.classList.remove(H)}},l.prototype.renderValue=function(e){this.enableHtmlSanitizer&&"RTE"!==this.type&&"MultiSelect"!==this.type?this.valueEle.innerText=e:this.valueEle.innerHTML=this.enableHtmlParse?e:h(e),"Color"===this.type&&t.setStyleAttribute(this.valueEle,{color:e}),"Inline"===this.mode&&this.isEditorOpen()&&t.removeClass([this.valueWrap],[S])},l.prototype.isEditorOpen=function(){return!(this.isVue&&(this.enableEditMode||!(t.isNullOrUndefined(this.valueWrap)||this.valueWrap.classList.contains(S)||this.valueWrap.classList.contains("e-tooltip"))))},l.prototype.renderEditor=function(){if(this.prevValue=this.value,this.beginEditArgs={mode:this.mode,cancelFocus:!1,cancel:!1},this.trigger("beginEdit",this.beginEditArgs),!this.beginEditArgs.cancel){var e=void 0,i=t.select("."+O,this.element);if("EditIconClick"!==this.editableOn&&i.parentElement.removeAttribute("title"),!this.valueWrap.classList.contains(V)){if("Inline"===this.mode)t.addClass([this.valueWrap],[S]),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:j});this.isEmpty(this.popupSettings.title)||(this.titleEle.innerHTML=this.popupSettings.title,o.appendChild(this.titleEle)),e={content:o,opensOn:"Custom",enableRtl:this.enableRtl,cssClass:E,afterOpen:this.afterOpenHandler.bind(this)},o.appendChild(this.renderControl(document.body)),t.extend(e,this.popupSettings.model,e,!0),this.tipObj=new s.Tooltip(e),this.tipObj.appendTo(i),this.tipObj.open(i)}"Ignore"!==this.actionOnBlur&&this.wireDocEvent(),t.addClass([this.valueWrap],[V]),this.setProperties({enableEditMode:!0},!0),this.isReact&&this.renderReactTemplates()}}},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&&!t.isNullOrUndefined(e.value)&&0===e.value.length)&&this.showDropDownPopup()):this.renderAndOpen()},l.prototype.showDropDownPopup=function(){"DropDownList"===this.type?(this.model.allowFiltering||this.componentObj.focusIn(),this.componentObj.showPopup()):this.isExtModule&&this.notify("MultiSelect"===this.type?"set-focus":"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:k});var i=this.createElement("div",{className:"e-component-group"}),o=this.createElement("div",{className:P});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 i=void 0;if(Object.keys(e.model).length>0){var n=this.createElement("button",{className:e.className,attrs:{type:e.type,title:"save"==e.constant?t.isNullOrUndefined(this.saveButton.content)?this.getLocale(e.title,e.constant):this.saveButton.content:t.isNullOrUndefined(this.cancelButton.content)?this.getLocale(e.title,e.constant):this.cancelButton.content}});e.container.appendChild(n),i=new o.Button(e.model,n)}return i},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+" "+M:this.model.cssClass,t.extend(this.model,this.model,{cssClass:i,enableRtl:this.enableRtl,locale:this.locale,change:this.changeHandler.bind(this)}),t.isNullOrUndefined(this.value)||this.updateModelValue(!1),this.isExtModule)this.notify("render",{module:y[this.type],target:e,type:this.type});else{switch(t.isNullOrUndefined(this.model.showClearButton)&&!t.isBlazor()&&(this.model.showClearButton=!0),this.type){case"Date":this.componentObj=new n.DatePicker(this.model);break;case"DateTime":this.componentObj=new n.DateTimePicker(this.model);break;case"DropDownList":this.componentObj=new a.DropDownList(this.model);break;case"Mask":this.componentObj=new r.MaskedTextBox(this.model);break;case"Numeric":this.model.value&&(new RegExp("[eE][-+]?([0-9]+)").test(this.model.value)?this.model.value=this.model.value:this.model.value=this.model.value.toString().replace(/[`~!@#$%^&*()_|\=?;:'",<>\{\}\[\]\\\/]/gi,"")),this.componentObj=new r.NumericTextBox(this.model);break;case"Text":this.componentObj=new r.TextBox(this.model)}this.componentObj.appendTo(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],[H]),this.btnElements&&t.addClass([this.btnElements],[S]),t.setStyleAttribute(this.loader,{width:"100%"}),s.createSpinner(this.spinObj),s.showSpinner(this.spinObj.target)},l.prototype.removeSpinner=function(e){this.loader.removeAttribute("style"),s.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],[H]),this.btnElements&&t.removeClass([this.btnElements],[S]),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(){this.oldValue=this.value,this.enableHtmlSanitizer&&"string"==typeof this.value&&(this.oldValue=this.sanitizeHelper(this.value)),t.isNullOrUndefined(this.value)||(this.setProperties({value:d(this.type,this.oldValue)},!0),this.extendModelValue(d(this.type,this.oldValue)))},l.prototype.updateModelValue=function(e){"MultiSelect"!==this.type||this.isEmpty(this.value)?this.model.value=e?this.oldValue:this.value:this.model.value=e?this.oldValue.slice():this.value.slice()},l.prototype.setValue=function(){this.isExtModule?this.notify("update",{type:this.type}):this.componentObj&&("Numeric"===this.type&&null===this.componentObj.value&&this.componentObj.setProperties({value:null},!0),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],[T]):t.removeClass([this.element],[T])},l.prototype.setFocus=function(){this.isTemplate||(this.isExtModule?this.notify("set-focus",{}):"dropdownlist"===this.componentObj.getModuleName()?this.componentObj.focusIn():this.componentObj.element.focus())},l.prototype.removeEditor=function(e){t.isBlazor()&&!this.isStringTemplate&&t.resetBlazorTemplate(this.element.id+"template","Template");if(this.tipObj&&this.formEle&&t.closest(this.formEle,"."+E).classList.add(S),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],[V,S]),e||this.setProperties({enableEditMode:!1},!0),!t.isNullOrUndefined(this.editableOn)&&"EditIconClick"!==this.editableOn){var i="DblClick"===this.editableOn?"editAreaDoubleClick":"editAreaClick";t.isNullOrUndefined(this.valueWrap.parentElement)||this.valueWrap.parentElement.setAttribute("title",this.getLocale(v[this.editableOn],i))}this.isReact&&this.clearTemplate()},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.cancelBtnClick),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(t.cancel)e.removeSpinner("submit"),"Popup"===e.mode&&e.updateArrow();else{if(e.isEmpty(e.url)||e.isEmpty(e.primaryKey)||!e.initRender&&(e.initRender||e.prevValue===e.value)){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;"string"==typeof i&&(i=i.trim());var n=t.compile(i);if(!t.isNullOrUndefined(n)){var s=!(t.isBlazor()&&"function"!=typeof i&&!this.isStringTemplate&&0===i.indexOf("<div>Blazor"))||this.isStringTemplate;o=n({},this,"template",this.element.id+"template",s)}!t.isNullOrUndefined(n)&&o.length>0&&([].slice.call(o).forEach(function(t){e.appendChild(t)}),t.isBlazor()&&!this.isStringTemplate&&"function"!=typeof i&&0===i.indexOf("<div>Blazor")&&t.updateBlazorTemplate(this.element.id+"template","Template",this))},l.prototype.sanitizeHelper=function(e){if(this.enableHtmlSanitizer){var i=t.SanitizeHtmlHelper.beforeSanitize(),o={cancel:!1,helper:null};t.extend(i,i,o),this.trigger("beforeSanitizeHtml",i,function(o){i.cancel&&!t.isNullOrUndefined(i.helper)?e=i.helper(e):i.cancel||(e=t.SanitizeHtmlHelper.serializeValue(i,e))})}return e},l.prototype.appendTemplate=function(e,i){i="string"==typeof i?this.sanitizeHelper(i):i,this.setProperties({template:i},!0),"function"==typeof i?this.templateCompile(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,t){t&&!e||(e?this.renderEditor():this.cancelHandler("cancel"))},l.prototype.checkValidation=function(e,i){var o,n=this;if(this.validationRules){var s=Object.keys(this.validationRules),a=Object.keys(this.validationRules[s[0]]).length;a="validateHidden"in this.validationRules[s[0]]?a-1:a;var l=0;this.formValidate=new r.FormValidator(this.formEle,{rules:this.validationRules,validationBegin:function(e){if("RTE"===n.type){var t=document.createElement("div");t.innerHTML=e.value,e.value=t.innerText}},validationComplete:function(s){l+=1,o={errorMessage:s.message,data:{name:n.name,primaryKey:n.primaryKey,value:n.checkValue(n.getSendValue())}},n.trigger("validating",o,function(o){"failure"===s.status?(s.errorElement.innerText=o.errorMessage,n.toggleErrorClass(!0)):n.toggleErrorClass(!1),t.isNullOrUndefined(e)||!e||a!==l&&"failure"!==s.status||(e=!1,n.afterValidation(i),l=0)})},customPlacement:function(e,i){n.formEle&&t.select(".e-editable-error",n.formEle).appendChild(i)}}),l=0,this.formValidate.validate()}else""!==this.template?(o={errorMessage:"",data:{name:this.name,primaryKey:this.primaryKey,value:this.checkValue(this.getSendValue())}},this.trigger("validating",o,function(e){e.errorMessage?(t.select(".e-editable-error",n.formEle).innerHTML=e.errorMessage,n.toggleErrorClass(!0)):n.toggleErrorClass(!1),n.afterValidation(i)})):this.afterValidation(i)},l.prototype.afterValidation=function(e){!this.formEle.classList.contains(B)&&e&&(this.loadSpinner("validate"),"Popup"===this.mode&&this.updateArrow(),this.sendValue())},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],B,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 i=this,o=e.value;this.trigger("actionSuccess",e,function(e){i.oldValue=o,i.removeSpinner("submit"),e.cancel||i.renderValue(i.checkValue(e.value!==o?e.value:i.getRenderValue())),e.cancel&&"Inline"===i.mode&&t.removeClass([i.valueWrap],[S]),i.removeEditor()})},l.prototype.triggerEndEdit=function(e){var t=this,i={cancel:!1,mode:this.mode,action:e};this.trigger("endEdit",i,function(e){e.cancel||(t.formEle&&t.formEle.classList.contains(B)&&(t.updateModelValue(!0),t.setProperties({value:t.oldValue},!0)),t.removeEditor())})},l.prototype.wireEvents=function(){t.isNullOrUndefined(this.editableOn)||this.wireEditEvent(this.editableOn),t.EventHandler.add(this.editIcon,"click",this.clickHandler,this),t.EventHandler.add(this.element,"keydown",this.valueKeyDownHandler,this),document.addEventListener("scroll",this.onScrollResizeHandler),window.addEventListener("resize",this.onScrollResizeHandler),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(v[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.cancelBtnClick,this),t.EventHandler.add(this.cancelBtn.element,"keydown",this.btnKeyDownHandler,this))},l.prototype.cancelBtnClick=function(e){this.cancelHandler("cancel"),this.trigger("cancelClick",e)},l.prototype.unWireEvents=function(){t.isNullOrUndefined(this.editableOn)||this.unWireEditEvent(this.editableOn),t.EventHandler.remove(this.editIcon,"click",this.clickHandler),document.removeEventListener("scroll",this.onScrollResizeHandler),window.removeEventListener("resize",this.onScrollResizeHandler),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 i=e.target;(13===e.keyCode&&13===e.which||32===e.keyCode&&32===e.which)&&(i.classList.contains("e-btn-save")?this.save():i.classList.contains("e-btn-cancel")&&this.cancelHandler("cancel")),9!==e.keyCode||!1!==e.shiftKey||!t.isNullOrUndefined(e.target.nextElementSibling)&&"BUTTON"===e.target.nextElementSibling.tagName||("Submit"===this.actionOnBlur?this.save():"Cancel"===this.actionOnBlur&&this.cancelHandler("cancel"))},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"])),this.beginEditArgs.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(),this.trigger("submitClick",e)},l.prototype.cancelHandler=function(e){this.triggerEndEdit(e)},l.prototype.popClickHandler=function(e){var i=t.select("."+O,this.element);e.target.classList.contains("e-chips-close")&&this.tipObj.refresh(i)},l.prototype.successHandler=function(e){this.initRender=!1;var t={data:e,value:this.getSendValue()};this.triggerSuccess(t)},l.prototype.failureHandler=function(e){var t=this,i={data:e,value:this.getSendValue()};this.trigger("actionFailure",i,function(e){t.removeSpinner("submit"),"Popup"===t.mode&&t.updateArrow()})},l.prototype.enterKeyDownHandler=function(e){t.closest(e.target,"."+P+" .e-richtexteditor")||e.currentTarget.getElementsByTagName("textarea")[0]||(13===e.keyCode&&13===e.which&&t.closest(e.target,"."+P)?(this.save(),this.trigger("submitClick",e)):27===e.keyCode&&27===e.which&&this.cancelHandler("cancel"))},l.prototype.valueKeyDownHandler=function(e){9===e.keyCode&&!0===e.shiftKey&&"BUTTON"!==e.target.tagName&&("Submit"===this.actionOnBlur?this.save():"Cancel"===this.actionOnBlur&&this.cancelHandler("cancel")),13!==e.keyCode||13!==e.which||!e.target.classList.contains(b)||this.valueWrap.classList.contains(V)||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.triggerEndEdit("cancel")},l.prototype.docClickHandler=function(e){var i=e.target;if(this.isClearTarget)return void(this.isClearTarget=!1);var o=t.closest(i,"."+b),n=t.closest(i,"."+E),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("cancel"))},l.prototype.changeHandler=function(e){var t={previousValue:void 0===this.compPrevValue?this.value:this.compPrevValue,value:e.value};"AutoComplete"!==this.type&&"ComboBox"!==this.type&&"DropDownList"!==this.type||(t.itemData=e.itemData,t.previousItemData=e.previousItemData),this.compPrevValue=t.value,this.trigger("change",t)},l.prototype.validate=function(){this.checkValidation(!0,!1)},l.prototype.save=function(){var e=this;if(this.formEle){this.element.focus(),this.editEle=t.select("."+P,this.formEle);t.select("."+B,this.editEle),this.isTemplate||this.setValue();var i={cancel:!1,mode:this.mode,action:"submit"};this.trigger("endEdit",i,function(t){t.cancel||e.checkValidation(!0,!0)})}},l.prototype.destroy=function(){var i=this;for(this.removeEditor(t.isBlazor()),this.isExtModule&&this.notify("destroy",{}),this.unWireEvents(),["e-disable",T].forEach(function(e){t.removeClass([i.element],[e])});this.element.firstElementChild;)this.element.removeChild(this.element.firstElementChild);t.isBlazor()&&this.isServerRendered||e.prototype.destroy.call(this),this.isReact&&this.clearTemplate()},l.prototype.getPersistData=function(){return this.addOnPersist(["value"])},l.prototype.requiredModules=function(){var e=[];return Array.prototype.indexOf.call(this.moduleList,this.type)>-1&&e.push({member:y[this.type],args:[this]}),e},l.prototype.getModuleName=function(){return"inplaceeditor"},l.prototype.onPropertyChanged=function(e,i){if(!this.validationRules||!(!t.isNullOrUndefined(this.element.querySelectorAll("."+B))&&this.element.querySelectorAll("."+B).length>0)){if(this.isEditorOpen()){var o="enableEditMode"in e;o&&i.enableEditMode&&!e.enableEditMode||!o&&this.enableEditMode?this.triggerEndEdit("cancel"):this.removeEditor()}for(var n=0,s=Object.keys(e);n<s.length;n++)switch(s[n]){case"showButtons":e.showButtons?this.appendButtons(this.formEle):this.destroyButtons();break;case"value":this.updateValue(),"Never"===this.textOption?this.renderValue(this.checkValue(p(this.type,this.value,this.model))):this.renderInitialValue();break;case"emptyText":"Never"===this.textOption?this.renderValue(this.checkValue(p(this.type,this.value,this.model))):this.renderInitialValue();break;case"template":this.checkIsTemplate();break;case"disabled":this.disable(e.disabled),e.disabled?this.element.tabIndex=-1:this.element.tabIndex=0;break;case"enableRtl":this.setRtl(e.enableRtl);break;case"cssClass":this.setClass("remove",i.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(i.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(!0)],l.prototype,"enableHtmlSanitizer",void 0),x([t.Property(!0)],l.prototype,"enableHtmlParse",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("Never")],l.prototype,"textOption",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({},f)],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,"beforeSanitizeHtml",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,"endEdit",void 0),x([t.Event()],l.prototype,"change",void 0),x([t.Event()],l.prototype,"submitClick",void 0),x([t.Event()],l.prototype,"cancelClick",void 0),x([t.Event()],l.prototype,"destroyed",void 0),l=x([t.NotifyPropertyChanges],l)}(t.Component),A=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}(),L=function(){function e(e){this.compObj=void 0,this.parent=e,this.parent.atcModule=this,this.base=new A(this.parent,this)}return e.prototype.render=function(e){this.compObj=new a.AutoComplete(this.parent.model),this.compObj.appendTo(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}(),I=function(){function e(e){this.compObj=void 0,this.parent=e,this.parent.colorModule=this,this.base=new A(this.parent,this)}return e.prototype.render=function(e){this.compObj=new r.ColorPicker(this.parent.model),this.compObj.appendTo(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}(),U=function(){function e(e){this.compObj=void 0,this.parent=e,this.parent.comboBoxModule=this,this.base=new A(this.parent,this)}return e.prototype.render=function(e){this.compObj=new a.ComboBox(this.parent.model),this.compObj.appendTo(e.target)},e.prototype.focus=function(){this.compObj.element.focus()},e.prototype.showPopup=function(){this.compObj.focusIn(),this.compObj.showPopup()},e.prototype.destroy=function(){this.base.destroy()},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.getModuleName=function(){return"combo-box"},e}(),W=function(){function e(e){this.compObj=void 0,this.parent=e,this.parent.dateRangeModule=this,this.base=new A(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.getModuleName=function(){return"date-range-picker"},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}(),z=function(){return(z=Object.assign||function(e){for(var t,i=1,o=arguments.length;i<o;i++){t=arguments[i];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])}return e}).apply(this,arguments)},_=function(){function e(e){this.isPopOpen=!1,this.compObj=void 0,this.parent=e,this.parent.multiSelectModule=this,this.base=new A(this.parent,this)}return e.prototype.render=function(e){var t=z({},this.parent.model);this.openEvent=t.open,this.closeEvent=t.close,t.open=this.openHandler.bind(this),t.close=this.closeHandler.bind(this),this.compObj=new a.MultiSelect(t),this.compObj.appendTo(e.target)},e.prototype.openHandler=function(e){this.isPopOpen=!0,this.openEvent&&(this.compObj.setProperties({open:this.openEvent},!0),this.compObj.trigger("open",e))},e.prototype.closeHandler=function(e){this.isPopOpen=!1,this.closeEvent&&(this.compObj.setProperties({close:this.closeEvent},!0),this.compObj.trigger("close",e))},e.prototype.focus=function(){if(!this.isPopOpen){var e=document.createEvent("MouseEvent");e.initEvent("mousedown",!0,!0),t.closest(this.compObj.element,".e-multi-select-wrapper").dispatchEvent(e)}},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}(),K=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,l.FileManager,l.PasteCleanup,l.EmojiPicker,l.Audio,l.Video,l.FormatPainter,l.Count),this.parent=e,this.parent.rteModule=this,this.base=new A(this.parent,this)}return e.prototype.render=function(e){this.compObj=new l.RichTextEditor(this.parent.model),this.compObj.appendTo(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}(),F=function(){function e(e){this.compObj=void 0,this.parent=e,this.parent.sliderModule=this,this.base=new A(this.parent,this)}return e.prototype.render=function(e){this.compObj=new r.Slider(this.parent.model),this.compObj.appendTo(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}(),q=function(){function e(e){this.compObj=void 0,this.parent=e,this.parent.timeModule=this,this.base=new A(this.parent,this)}return e.prototype.render=function(e){this.compObj=new n.TimePicker(this.parent.model),this.compObj.appendTo(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.getModuleName=function(){return"time-picker"},e.prototype.destroy=function(){this.base.destroy()},e}();return R.Inject(L,I,U,W,_,K,F,q),e.AutoComplete=L,e.BTN_CANCEL="e-btn-cancel",e.BTN_SAVE="e-btn-save",e.BUTTONS=D,e.Base=A,e.CTRL_GROUP="e-component-group",e.CTRL_OVERLAY="e-control-overlay",e.ColorPicker=I,e.ComboBox=U,e.DISABLE="e-disable",e.DateRangePicker=W,e.EDITABLE_ERROR="e-editable-error",e.ELEMENTS=M,e.ERROR=B,e.FORM=k,e.HIDE=S,e.ICONS="e-icons",e.INLINE=w,e.INPUT=P,e.InPlaceEditor=R,e.LOAD=H,e.LOADING="e-editable-loading",e.MultiSelect=_,e.OPEN=V,e.OVERLAY_ICON="e-editable-overlay-icon",e.POPUP=j,e.PRIMARY="e-primary",e.PopupSettings=f,e.ROOT=b,e.ROOT_TIP=E,e.RTE_SPIN_WRAP="e-rte-spin-wrap",e.RTL=T,e.Rte=K,e.SHOW="e-show",e.Slider=F,e.TIP_TITLE="e-editable-tip-title",e.TITLE=C,e.TimePicker=q,e.VALUE=g,e.VALUE_WRAPPER=O,e.WRAPPER="e-editable-wrapper",e.accessValue="access-value",e.destroy="destroy",e.destroyModules="destroy-modules",e.encode=h,e.getCompValue=d,e.localeConstant=v,e.modulesList=y,e.parseValue=p,e.render="render",e.setFocus="set-focus",e.showPopup="show-popup",e.update="update",e}({},ej.base,ej.data,ej.buttons,ej.calendars,ej.popups,ej.inputs,ej.dropdowns,ej.richtexteditor),this.ejs=ej;
 //# sourceMappingURL=ej2-inplace-editor.min.js.map

package/dist/global/index.d.ts

@@ -1,12 +1,3 @@
-/*!
-*  filename: index.d.ts
-*  version : 31.2.2
-*  Copyright Syncfusion Inc. 2001 - 2025. All rights reserved.
-*  Use of this code is subject to the terms of our license.
-*  A copy of the current license can be obtained at any time by e-mailing
-*  licensing@syncfusion.com. Any infringement will be prosecuted under
-*  applicable laws. 
-*/
 import * as _inplaceeditor from '@syncfusion/ej2-inplace-editor';
 
 export declare namespace ej {

package/package.json

@@ -1,59 +1,27 @@
 {
-  "_from": "@syncfusion/ej2-inplace-editor@*",
-  "_id": "@syncfusion/ej2-inplace-editor@31.1.1",
-  "_inBundle": false,
-  "_integrity": "sha512-Zbs4/eKDJLYOQb1E3F7q9lcOdEc5anlZDqB4TSNV/9KaDumU8KZDJ61yDUTuMuUnCFQlcZq62Ps25kPlVTaROA==",
-  "_location": "/@syncfusion/ej2-inplace-editor",
-  "_phantomChildren": {},
-  "_requested": {
-    "type": "range",
-    "registry": true,
-    "raw": "@syncfusion/ej2-inplace-editor@*",
-    "name": "@syncfusion/ej2-inplace-editor",
-    "escapedName": "@syncfusion%2fej2-inplace-editor",
-    "scope": "@syncfusion",
-    "rawSpec": "*",
-    "saveSpec": null,
-    "fetchSpec": "*"
-  },
-  "_requiredBy": [
-    "/",
-    "/@syncfusion/ej2",
-    "/@syncfusion/ej2-angular-inplace-editor",
-    "/@syncfusion/ej2-pdfviewer",
-    "/@syncfusion/ej2-react-inplace-editor",
-    "/@syncfusion/ej2-vue-inplace-editor"
-  ],
-  "_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-release/@syncfusion/ej2-inplace-editor/-/ej2-inplace-editor-31.1.1.tgz",
-  "_shasum": "9f456f0a24663183301eda4a39d85e130a963db3",
-  "_spec": "@syncfusion/ej2-inplace-editor@*",
-  "_where": "D:\\SF3992\\WFH\\Nexus\\release",
-  "author": {
-    "name": "Syncfusion Inc."
-  },
-  "bugs": {
-    "url": "https://github.com/syncfusion/ej2-javascript-ui-controls/issues"
-  },
-  "bundleDependencies": false,
+  "name": "@syncfusion/ej2-inplace-editor",
+  "version": "32.1.19",
+  "description": "A package of Essential JS 2 Inplace editor components, which is used to edit and update the value dynamically in server.",
+  "author": "Syncfusion Inc.",
+  "license": "SEE LICENSE IN license",
+  "main": "./dist/ej2-inplace-editor.umd.min.js",
+  "module": "./index.js",
+  "es2015": "./dist/es6/ej2-inplace-editor.es5.js",
   "dependencies": {
-    "@syncfusion/ej2-base": "~31.2.2",
-    "@syncfusion/ej2-buttons": "~31.2.2",
-    "@syncfusion/ej2-calendars": "~31.2.2",
-    "@syncfusion/ej2-data": "~31.2.2",
-    "@syncfusion/ej2-dropdowns": "~31.2.2",
-    "@syncfusion/ej2-inputs": "~31.2.2",
-    "@syncfusion/ej2-lists": "~31.2.2",
-    "@syncfusion/ej2-navigations": "~31.2.2",
-    "@syncfusion/ej2-notifications": "~31.2.2",
-    "@syncfusion/ej2-popups": "~31.2.2",
-    "@syncfusion/ej2-richtexteditor": "~31.2.2",
-    "@syncfusion/ej2-splitbuttons": "~31.2.2"
+    "@syncfusion/ej2-base": "~32.1.19",
+    "@syncfusion/ej2-buttons": "~32.1.19",
+    "@syncfusion/ej2-calendars": "~32.1.19",
+    "@syncfusion/ej2-data": "~32.1.19",
+    "@syncfusion/ej2-dropdowns": "~32.1.19",
+    "@syncfusion/ej2-inputs": "~32.1.19",
+    "@syncfusion/ej2-lists": "~32.1.19",
+    "@syncfusion/ej2-navigations": "~32.1.19",
+    "@syncfusion/ej2-notifications": "~32.1.19",
+    "@syncfusion/ej2-popups": "~32.1.19",
+    "@syncfusion/ej2-richtexteditor": "~32.1.19",
+    "@syncfusion/ej2-splitbuttons": "~32.1.19"
   },
-  "deprecated": false,
-  "description": "A package of Essential JS 2 Inplace editor components, which is used to edit and update the value dynamically in server.",
   "devDependencies": {},
-  "es2015": "./dist/es6/ej2-inplace-editor.es5.js",
-  "homepage": "https://www.syncfusion.com/javascript-ui-controls",
   "keywords": [
     "ej2",
     "syncfusion",
@@ -61,15 +29,11 @@
     "web-components",
     "ej2-inplace-editor"
   ],
-  "license": "SEE LICENSE IN license",
-  "main": "./dist/ej2-inplace-editor.umd.min.js",
-  "module": "./index.js",
-  "name": "@syncfusion/ej2-inplace-editor",
   "repository": {
     "type": "git",
-    "url": "git+https://github.com/syncfusion/ej2-javascript-ui-controls.git"
+    "url": "https://github.com/syncfusion/ej2-javascript-ui-controls.git"
   },
   "typings": "index.d.ts",
-  "version": "31.2.2",
-  "sideEffects": false
+  "sideEffects": false,
+  "homepage": "https://www.syncfusion.com/javascript-ui-controls"
 }

package/styles/bds-lite.css

@@ -148,12 +148,6 @@
   color: var(--color-sf-utility-danger) !important;
 }
 
-/* stylelint-disable */
-.e-colorpicker-wrapper .e-icon-btn:disabled, .e-colorpicker-wrapper .e-icon-btn.e-disabled {
-  background-color: var(--color-sf-bg-disabled) !important;
-}
-
-/* stylelint-disable-line no-empty-source */
 /* stylelint-disable */
 .e-btn.e-primary:focus {
   -webkit-box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05), 0 0 0 4px var(--color-sf-brand-solid-shadow) !important;
@@ -213,6 +207,12 @@
   font-weight: 600;
 }
 
+/* stylelint-disable */
+.e-colorpicker-wrapper .e-icon-btn:disabled, .e-colorpicker-wrapper .e-icon-btn.e-disabled {
+  background-color: var(--color-sf-bg-disabled) !important;
+}
+
+/* stylelint-disable-line no-empty-source */
 /*! calendar theme variables */
 /* stylelint-disable */
 .e-daterangepicker.e-popup .e-footer {

package/styles/bds-lite.scss

@@ -1,26 +1,25 @@
-@import 'ej2-base/styles/definition/bds.scss';
-@import 'ej2-inputs/styles/input/bds-definition.scss';
-@import 'ej2-inputs/styles/color-picker/bds-definition.scss';
-@import 'ej2-inputs/styles/maskedtextbox/bds-definition.scss';
-@import 'ej2-inputs/styles/numerictextbox/bds-definition.scss';
-@import 'ej2-inputs/styles/slider/bds-definition.scss';
-@import 'ej2-inputs/styles/textbox/bds-definition.scss';
-@import 'ej2-buttons/styles/button/bds-definition.scss';
-@import 'ej2-buttons/styles/check-box/bds-definition.scss';
-@import 'ej2-buttons/styles/radio-button/bds-definition.scss';
-@import 'ej2-calendars/styles/calendar/bds-definition.scss';
-@import 'ej2-calendars/styles/datepicker/bds-definition.scss';
-@import 'ej2-calendars/styles/daterangepicker/bds-definition.scss';
-@import 'ej2-calendars/styles/datetimepicker/bds-definition.scss';
-@import 'ej2-calendars/styles/timepicker/bds-definition.scss';
-@import 'ej2-dropdowns/styles/auto-complete/bds-definition.scss';
-@import 'ej2-dropdowns/styles/combo-box/bds-definition.scss';
-@import 'ej2-dropdowns/styles/drop-down-list/bds-definition.scss';
-@import 'ej2-dropdowns/styles/multi-select/bds-definition.scss';
-@import 'ej2-popups/styles/popup/bds-definition.scss';
-@import 'ej2-popups/styles/spinner/bds-definition.scss';
-@import 'ej2-popups/styles/tooltip/bds-definition.scss';
-@import 'ej2-richtexteditor/styles/rich-text-editor/bds-definition.scss';
-@import 'inplace-editor/bds-definition.scss';
-@import 'inplace-editor/icons/bds.scss';
-@import 'inplace-editor/all.scss';
+@use 'ej2-inputs/styles/input/bds-definition' as *;
+@use 'ej2-inputs/styles/color-picker/bds-definition' as *;
+@use 'ej2-inputs/styles/maskedtextbox/bds-definition' as *;
+@use 'ej2-inputs/styles/numerictextbox/bds-definition' as *;
+@use 'ej2-inputs/styles/slider/bds-definition' as *;
+@use 'ej2-inputs/styles/textbox/bds-definition' as *;
+@use 'ej2-buttons/styles/button/bds-definition' as *;
+@use 'ej2-buttons/styles/check-box/bds-definition' as *;
+@use 'ej2-buttons/styles/radio-button/bds-definition' as *;
+@use 'ej2-calendars/styles/calendar/bds-definition' as *;
+@use 'ej2-calendars/styles/datepicker/bds-definition' as *;
+@use 'ej2-calendars/styles/daterangepicker/bds-definition' as *;
+@use 'ej2-calendars/styles/datetimepicker/bds-definition' as *;
+@use 'ej2-calendars/styles/timepicker/bds-definition' as *;
+@use 'ej2-dropdowns/styles/auto-complete/bds-definition' as *;
+@use 'ej2-dropdowns/styles/combo-box/bds-definition' as *;
+@use 'ej2-dropdowns/styles/drop-down-list/bds-definition' as *;
+@use 'ej2-dropdowns/styles/multi-select/bds-definition' as *;
+@use 'ej2-popups/styles/popup/bds-definition' as *;
+@use 'ej2-popups/styles/spinner/bds-definition' as *;
+@use 'ej2-popups/styles/tooltip/bds-definition' as *;
+@use 'ej2-richtexteditor/styles/rich-text-editor/bds-definition' as *;
+@use 'inplace-editor/bds-definition' as *;
+@use 'inplace-editor/icons/bds' as *;
+@use 'inplace-editor/all' as *;

package/styles/bds.css

@@ -148,12 +148,6 @@
   color: var(--color-sf-utility-danger) !important;
 }
 
-/* stylelint-disable */
-.e-colorpicker-wrapper .e-icon-btn:disabled, .e-colorpicker-wrapper .e-icon-btn.e-disabled {
-  background-color: var(--color-sf-bg-disabled) !important;
-}
-
-/* stylelint-disable-line no-empty-source */
 /* stylelint-disable */
 .e-btn.e-primary:focus {
   -webkit-box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05), 0 0 0 4px var(--color-sf-brand-solid-shadow) !important;
@@ -213,6 +207,12 @@
   font-weight: 600;
 }
 
+/* stylelint-disable */
+.e-colorpicker-wrapper .e-icon-btn:disabled, .e-colorpicker-wrapper .e-icon-btn.e-disabled {
+  background-color: var(--color-sf-bg-disabled) !important;
+}
+
+/* stylelint-disable-line no-empty-source */
 /*! calendar theme variables */
 /* stylelint-disable */
 .e-daterangepicker.e-popup .e-footer {

package/styles/bds.scss

@@ -1,27 +1,26 @@
-@import 'ej2-base/styles/definition/bds.scss';
-@import 'ej2-inputs/styles/input/bds-definition.scss';
-@import 'ej2-inputs/styles/color-picker/bds-definition.scss';
-@import 'ej2-inputs/styles/maskedtextbox/bds-definition.scss';
-@import 'ej2-inputs/styles/numerictextbox/bds-definition.scss';
-@import 'ej2-inputs/styles/slider/bds-definition.scss';
-@import 'ej2-inputs/styles/textbox/bds-definition.scss';
-@import 'ej2-buttons/styles/button/bds-definition.scss';
-@import 'ej2-buttons/styles/check-box/bds-definition.scss';
-@import 'ej2-buttons/styles/radio-button/bds-definition.scss';
-@import 'ej2-calendars/styles/calendar/bds-definition.scss';
-@import 'ej2-calendars/styles/datepicker/bds-definition.scss';
-@import 'ej2-calendars/styles/daterangepicker/bds-definition.scss';
-@import 'ej2-calendars/styles/datetimepicker/bds-definition.scss';
-@import 'ej2-calendars/styles/timepicker/bds-definition.scss';
-@import 'ej2-dropdowns/styles/auto-complete/bds-definition.scss';
-@import 'ej2-dropdowns/styles/combo-box/bds-definition.scss';
-@import 'ej2-dropdowns/styles/drop-down-list/bds-definition.scss';
-@import 'ej2-dropdowns/styles/multi-select/bds-definition.scss';
-@import 'ej2-popups/styles/popup/bds-definition.scss';
-@import 'ej2-popups/styles/spinner/bds-definition.scss';
-@import 'ej2-popups/styles/tooltip/bds-definition.scss';
-@import 'ej2-richtexteditor/styles/rich-text-editor/bds-definition.scss';
-@import 'inplace-editor/bds-definition.scss';
-@import 'inplace-editor/icons/bds.scss';
-@import 'inplace-editor/all.scss';
-@import 'inplace-editor/bigger.scss';
+@use 'ej2-inputs/styles/input/bds-definition' as *;
+@use 'ej2-inputs/styles/color-picker/bds-definition' as *;
+@use 'ej2-inputs/styles/maskedtextbox/bds-definition' as *;
+@use 'ej2-inputs/styles/numerictextbox/bds-definition' as *;
+@use 'ej2-inputs/styles/slider/bds-definition' as *;
+@use 'ej2-inputs/styles/textbox/bds-definition' as *;
+@use 'ej2-buttons/styles/button/bds-definition' as *;
+@use 'ej2-buttons/styles/check-box/bds-definition' as *;
+@use 'ej2-buttons/styles/radio-button/bds-definition' as *;
+@use 'ej2-calendars/styles/calendar/bds-definition' as *;
+@use 'ej2-calendars/styles/datepicker/bds-definition' as *;
+@use 'ej2-calendars/styles/daterangepicker/bds-definition' as *;
+@use 'ej2-calendars/styles/datetimepicker/bds-definition' as *;
+@use 'ej2-calendars/styles/timepicker/bds-definition' as *;
+@use 'ej2-dropdowns/styles/auto-complete/bds-definition' as *;
+@use 'ej2-dropdowns/styles/combo-box/bds-definition' as *;
+@use 'ej2-dropdowns/styles/drop-down-list/bds-definition' as *;
+@use 'ej2-dropdowns/styles/multi-select/bds-definition' as *;
+@use 'ej2-popups/styles/popup/bds-definition' as *;
+@use 'ej2-popups/styles/spinner/bds-definition' as *;
+@use 'ej2-popups/styles/tooltip/bds-definition' as *;
+@use 'ej2-richtexteditor/styles/rich-text-editor/bds-definition' as *;
+@use 'inplace-editor/bds-definition' as *;
+@use 'inplace-editor/icons/bds' as *;
+@use 'inplace-editor/all' as *;
+@use 'inplace-editor/bigger' as *;

package/styles/bootstrap-dark-lite.css

@@ -127,12 +127,8 @@
     transform: rotate(360deg);
   }
 }
-.e-rte-toolbar .e-toolbar-popup .e-rte-backgroundcolor-dropdown.e-active,
-.e-rte-toolbar .e-toolbar-popup .e-rte-fontcolor-dropdown.e-active,
 .e-rte-toolbar .e-toolbar-popup .e-rte-numberformatlist-dropdown.e-active,
 .e-rte-toolbar .e-toolbar-popup .e-rte-bulletformatlist-dropdown.e-active,
-.e-rte-toolbar.e-extended-toolbar .e-toolbar-popup .e-rte-backgroundcolor-dropdown.e-active,
-.e-rte-toolbar.e-extended-toolbar .e-toolbar-popup .e-rte-fontcolor-dropdown.e-active,
 .e-rte-toolbar.e-extended-toolbar .e-toolbar-popup .e-rte-numberformatlist-dropdown.e-active,
 .e-rte-toolbar.e-extended-toolbar .e-toolbar-popup .e-rte-bulletformatlist-dropdown.e-active {
   border-radius: 4px;

package/styles/bootstrap-dark-lite.scss

@@ -1,26 +1,25 @@
-@import 'ej2-base/styles/definition/bootstrap-dark.scss';
-@import 'ej2-inputs/styles/input/bootstrap-dark-definition.scss';
-@import 'ej2-inputs/styles/color-picker/bootstrap-dark-definition.scss';
-@import 'ej2-inputs/styles/maskedtextbox/bootstrap-dark-definition.scss';
-@import 'ej2-inputs/styles/numerictextbox/bootstrap-dark-definition.scss';
-@import 'ej2-inputs/styles/slider/bootstrap-dark-definition.scss';
-@import 'ej2-inputs/styles/textbox/bootstrap-dark-definition.scss';
-@import 'ej2-buttons/styles/button/bootstrap-dark-definition.scss';
-@import 'ej2-buttons/styles/check-box/bootstrap-dark-definition.scss';
-@import 'ej2-buttons/styles/radio-button/bootstrap-dark-definition.scss';
-@import 'ej2-calendars/styles/calendar/bootstrap-dark-definition.scss';
-@import 'ej2-calendars/styles/datepicker/bootstrap-dark-definition.scss';
-@import 'ej2-calendars/styles/daterangepicker/bootstrap-dark-definition.scss';
-@import 'ej2-calendars/styles/datetimepicker/bootstrap-dark-definition.scss';
-@import 'ej2-calendars/styles/timepicker/bootstrap-dark-definition.scss';
-@import 'ej2-dropdowns/styles/auto-complete/bootstrap-dark-definition.scss';
-@import 'ej2-dropdowns/styles/combo-box/bootstrap-dark-definition.scss';
-@import 'ej2-dropdowns/styles/drop-down-list/bootstrap-dark-definition.scss';
-@import 'ej2-dropdowns/styles/multi-select/bootstrap-dark-definition.scss';
-@import 'ej2-popups/styles/popup/bootstrap-dark-definition.scss';
-@import 'ej2-popups/styles/spinner/bootstrap-dark-definition.scss';
-@import 'ej2-popups/styles/tooltip/bootstrap-dark-definition.scss';
-@import 'ej2-richtexteditor/styles/rich-text-editor/bootstrap-dark-definition.scss';
-@import 'inplace-editor/bootstrap-dark-definition.scss';
-@import 'inplace-editor/icons/bootstrap-dark.scss';
-@import 'inplace-editor/all.scss';
+@use 'ej2-inputs/styles/input/bootstrap-dark-definition' as *;
+@use 'ej2-inputs/styles/color-picker/bootstrap-dark-definition' as *;
+@use 'ej2-inputs/styles/maskedtextbox/bootstrap-dark-definition' as *;
+@use 'ej2-inputs/styles/numerictextbox/bootstrap-dark-definition' as *;
+@use 'ej2-inputs/styles/slider/bootstrap-dark-definition' as *;
+@use 'ej2-inputs/styles/textbox/bootstrap-dark-definition' as *;
+@use 'ej2-buttons/styles/button/bootstrap-dark-definition' as *;
+@use 'ej2-buttons/styles/check-box/bootstrap-dark-definition' as *;
+@use 'ej2-buttons/styles/radio-button/bootstrap-dark-definition' as *;
+@use 'ej2-calendars/styles/calendar/bootstrap-dark-definition' as *;
+@use 'ej2-calendars/styles/datepicker/bootstrap-dark-definition' as *;
+@use 'ej2-calendars/styles/daterangepicker/bootstrap-dark-definition' as *;
+@use 'ej2-calendars/styles/datetimepicker/bootstrap-dark-definition' as *;
+@use 'ej2-calendars/styles/timepicker/bootstrap-dark-definition' as *;
+@use 'ej2-dropdowns/styles/auto-complete/bootstrap-dark-definition' as *;
+@use 'ej2-dropdowns/styles/combo-box/bootstrap-dark-definition' as *;
+@use 'ej2-dropdowns/styles/drop-down-list/bootstrap-dark-definition' as *;
+@use 'ej2-dropdowns/styles/multi-select/bootstrap-dark-definition' as *;
+@use 'ej2-popups/styles/popup/bootstrap-dark-definition' as *;
+@use 'ej2-popups/styles/spinner/bootstrap-dark-definition' as *;
+@use 'ej2-popups/styles/tooltip/bootstrap-dark-definition' as *;
+@use 'ej2-richtexteditor/styles/rich-text-editor/bootstrap-dark-definition' as *;
+@use 'inplace-editor/bootstrap-dark-definition' as *;
+@use 'inplace-editor/icons/bootstrap-dark' as *;
+@use 'inplace-editor/all' as *;

package/styles/bootstrap-dark.css

@@ -127,12 +127,8 @@
     transform: rotate(360deg);
   }
 }
-.e-rte-toolbar .e-toolbar-popup .e-rte-backgroundcolor-dropdown.e-active,
-.e-rte-toolbar .e-toolbar-popup .e-rte-fontcolor-dropdown.e-active,
 .e-rte-toolbar .e-toolbar-popup .e-rte-numberformatlist-dropdown.e-active,
 .e-rte-toolbar .e-toolbar-popup .e-rte-bulletformatlist-dropdown.e-active,
-.e-rte-toolbar.e-extended-toolbar .e-toolbar-popup .e-rte-backgroundcolor-dropdown.e-active,
-.e-rte-toolbar.e-extended-toolbar .e-toolbar-popup .e-rte-fontcolor-dropdown.e-active,
 .e-rte-toolbar.e-extended-toolbar .e-toolbar-popup .e-rte-numberformatlist-dropdown.e-active,
 .e-rte-toolbar.e-extended-toolbar .e-toolbar-popup .e-rte-bulletformatlist-dropdown.e-active {
   border-radius: 4px;

package/styles/bootstrap-dark.scss

@@ -1,27 +1,26 @@
-@import 'ej2-base/styles/definition/bootstrap-dark.scss';
-@import 'ej2-inputs/styles/input/bootstrap-dark-definition.scss';
-@import 'ej2-inputs/styles/color-picker/bootstrap-dark-definition.scss';
-@import 'ej2-inputs/styles/maskedtextbox/bootstrap-dark-definition.scss';
-@import 'ej2-inputs/styles/numerictextbox/bootstrap-dark-definition.scss';
-@import 'ej2-inputs/styles/slider/bootstrap-dark-definition.scss';
-@import 'ej2-inputs/styles/textbox/bootstrap-dark-definition.scss';
-@import 'ej2-buttons/styles/button/bootstrap-dark-definition.scss';
-@import 'ej2-buttons/styles/check-box/bootstrap-dark-definition.scss';
-@import 'ej2-buttons/styles/radio-button/bootstrap-dark-definition.scss';
-@import 'ej2-calendars/styles/calendar/bootstrap-dark-definition.scss';
-@import 'ej2-calendars/styles/datepicker/bootstrap-dark-definition.scss';
-@import 'ej2-calendars/styles/daterangepicker/bootstrap-dark-definition.scss';
-@import 'ej2-calendars/styles/datetimepicker/bootstrap-dark-definition.scss';
-@import 'ej2-calendars/styles/timepicker/bootstrap-dark-definition.scss';
-@import 'ej2-dropdowns/styles/auto-complete/bootstrap-dark-definition.scss';
-@import 'ej2-dropdowns/styles/combo-box/bootstrap-dark-definition.scss';
-@import 'ej2-dropdowns/styles/drop-down-list/bootstrap-dark-definition.scss';
-@import 'ej2-dropdowns/styles/multi-select/bootstrap-dark-definition.scss';
-@import 'ej2-popups/styles/popup/bootstrap-dark-definition.scss';
-@import 'ej2-popups/styles/spinner/bootstrap-dark-definition.scss';
-@import 'ej2-popups/styles/tooltip/bootstrap-dark-definition.scss';
-@import 'ej2-richtexteditor/styles/rich-text-editor/bootstrap-dark-definition.scss';
-@import 'inplace-editor/bootstrap-dark-definition.scss';
-@import 'inplace-editor/icons/bootstrap-dark.scss';
-@import 'inplace-editor/all.scss';
-@import 'inplace-editor/bigger.scss';
+@use 'ej2-inputs/styles/input/bootstrap-dark-definition' as *;
+@use 'ej2-inputs/styles/color-picker/bootstrap-dark-definition' as *;
+@use 'ej2-inputs/styles/maskedtextbox/bootstrap-dark-definition' as *;
+@use 'ej2-inputs/styles/numerictextbox/bootstrap-dark-definition' as *;
+@use 'ej2-inputs/styles/slider/bootstrap-dark-definition' as *;
+@use 'ej2-inputs/styles/textbox/bootstrap-dark-definition' as *;
+@use 'ej2-buttons/styles/button/bootstrap-dark-definition' as *;
+@use 'ej2-buttons/styles/check-box/bootstrap-dark-definition' as *;
+@use 'ej2-buttons/styles/radio-button/bootstrap-dark-definition' as *;
+@use 'ej2-calendars/styles/calendar/bootstrap-dark-definition' as *;
+@use 'ej2-calendars/styles/datepicker/bootstrap-dark-definition' as *;
+@use 'ej2-calendars/styles/daterangepicker/bootstrap-dark-definition' as *;
+@use 'ej2-calendars/styles/datetimepicker/bootstrap-dark-definition' as *;
+@use 'ej2-calendars/styles/timepicker/bootstrap-dark-definition' as *;
+@use 'ej2-dropdowns/styles/auto-complete/bootstrap-dark-definition' as *;
+@use 'ej2-dropdowns/styles/combo-box/bootstrap-dark-definition' as *;
+@use 'ej2-dropdowns/styles/drop-down-list/bootstrap-dark-definition' as *;
+@use 'ej2-dropdowns/styles/multi-select/bootstrap-dark-definition' as *;
+@use 'ej2-popups/styles/popup/bootstrap-dark-definition' as *;
+@use 'ej2-popups/styles/spinner/bootstrap-dark-definition' as *;
+@use 'ej2-popups/styles/tooltip/bootstrap-dark-definition' as *;
+@use 'ej2-richtexteditor/styles/rich-text-editor/bootstrap-dark-definition' as *;
+@use 'inplace-editor/bootstrap-dark-definition' as *;
+@use 'inplace-editor/icons/bootstrap-dark' as *;
+@use 'inplace-editor/all' as *;
+@use 'inplace-editor/bigger' as *;