@syncfusion/ej2-vue-inplace-editor 25.2.3 → 26.2.4

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

@@ -1,11 +1,11 @@
 /*!
 *  filename: ej2-vue-inplace-editor.umd.min.js
-*  version : 25.2.3
+*  version : 26.2.4
 *  Copyright Syncfusion Inc. 2001 - 2023. All rights reserved.
 *  Use of this code is subject to the terms of our license.
 *  A copy of the current license can be obtained at any time by e-mailing
 *  licensing@syncfusion.com. Any infringement will be prosecuted under
 *  applicable laws. 
 */
-!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@syncfusion/ej2-inplace-editor"),require("@syncfusion/ej2-vue-base"),require("@syncfusion/ej2-base")):"function"==typeof define&&define.amd?define(["exports","@syncfusion/ej2-inplace-editor","@syncfusion/ej2-vue-base","@syncfusion/ej2-base"],t):t(e.ej={},e.ej2InplaceEditor,e.ej2VueBase,e.ej2Base)}(this,function(e,t,s,n){"use strict";var i=["isLazyUpdate","plugins","actionOnBlur","adaptor","cancelButton","cssClass","disabled","editableOn","emptyText","enableEditMode","enableHtmlParse","enableHtmlSanitizer","enablePersistence","enableRtl","locale","mode","model","name","popupSettings","primaryKey","saveButton","showButtons","submitOnEnter","template","textOption","type","url","validationRules","value","actionBegin","actionFailure","actionSuccess","beforeSanitizeHtml","beginEdit","cancelClick","change","created","destroyed","endEdit","submitClick","validating"],a=["value"],o=s.getProps({props:i}),c=o[0],l=o[1],r=Object.keys(l);r.push("modelchanged","update:modelValue");for(var d=0,u=a;d<u.length;d++){var h=u[d];r.push("update:"+h)}var m=s.vueDefineComponent({name:"InPlaceEditorComponent",mixins:[s.ComponentBase],props:c,watch:l,emits:r,model:{event:"modelchanged"},provide:function(){return{custom:this.custom}},data:function(){return{ej2Instances:new t.InPlaceEditor({}),propKeys:i,models:a,hasChildDirective:!1,hasInjectedModules:!0,tagMapper:{},tagNameMapper:{},isVue3:!s.isExecute,templateCollection:{}}},created:function(){this.ej2Instances._trigger=this.ej2Instances.trigger,this.ej2Instances.trigger=this.trigger,this.bindProperties(),this.ej2Instances._setProperties=this.ej2Instances.setProperties,this.ej2Instances.setProperties=this.setProperties,this.ej2Instances.clearTemplate=this.clearTemplate,this.updated=this.updated},render:function(e){var t=s.isExecute?e:s.gh,i=null;return n.isNullOrUndefined(this.$slots.default)||(i=s.isExecute?this.$slots.default:this.$slots.default()),t("div",i)},methods:{clearTemplate:function(e){if(e||(e=Object.keys(this.templateCollection||{})),e.length&&this.templateCollection)for(var t=0,s=e;t<s.length;t++){var i=s[t],a=this.templateCollection[i];if(a&&a.length){for(var o=0,c=a;o<c.length;o++){var l=c[o];n.getValue("__vue__.$destroy",l)&&l.__vue__.$destroy(),l.innerHTML&&(l.innerHTML="")}delete this.templateCollection[i]}}},setProperties:function(e,t){var s=this;this.isVue3&&(this.models=this.models?this.models:this.ej2Instances.referModels),this.ej2Instances&&this.ej2Instances._setProperties&&this.ej2Instances._setProperties(e,t),e&&this.models&&this.models.length&&Object.keys(e).map(function(t){s.models.map(function(n){t!==n||/datasource/i.test(t)||(s.isVue3?s.ej2Instances.vueInstance.$emit("update:"+t,e[t]):(s.$emit("update:"+t,e[t]),s.$emit("modelchanged",e[t])))})})},trigger:function(e,t,i){if(s.isExecute||(this.models=this.models?this.models:this.ej2Instances.referModels),"change"!==e&&"input"!==e||!this.models||0===this.models.length){if("actionBegin"===e&&"dateNavigate"===t.requestType&&this.models&&0!==this.models.length){o=(a=this.models.toString().match(/currentView|selectedDate/)||[])[0];t&&a&&!n.isUndefined(t[o])&&(s.isExecute?(this.$emit("update:"+o,t[o]),this.$emit("modelchanged",t[o])):(this.ej2Instances.vueInstance.$emit("update:"+o,t[o]),this.ej2Instances.vueInstance.$emit("modelchanged",t[o])))}}else{var a,o=(a=this.models.toString().match(/checked|value/)||[])[0];t&&a&&!n.isUndefined(t[o])&&(s.isExecute?("change"===e||this.$props&&!this.$props.isLazyUpdate)&&(this.$emit("update:"+o,t[o]),this.$emit("modelchanged",t[o])):(this.ej2Instances.vueInstance.$emit("update:"+o,t[o]),this.ej2Instances.vueInstance.$emit("modelchanged",t[o]),this.ej2Instances.vueInstance.$emit("update:modelValue",t[o])))}this.ej2Instances&&this.ej2Instances._trigger&&this.ej2Instances._trigger(e,t,i)},custom:function(){this.updated()},extendModelValue:function(e){return this.ej2Instances.extendModelValue(e)},save:function(){return this.ej2Instances.save()},setValue:function(){return this.ej2Instances.setValue()},validate:function(){return this.ej2Instances.validate()}}}),p={name:"ejs-inplaceeditor",install:function(e){e.component(p.name,m)}};e.InPlaceEditorComponent=m,e.InPlaceEditorPlugin=p,Object.keys(t).forEach(function(s){e[s]=t[s]}),Object.defineProperty(e,"__esModule",{value:!0})});
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@syncfusion/ej2-inplace-editor"),require("@syncfusion/ej2-vue-base"),require("@syncfusion/ej2-base")):"function"==typeof define&&define.amd?define(["exports","@syncfusion/ej2-inplace-editor","@syncfusion/ej2-vue-base","@syncfusion/ej2-base"],t):t((e=e||self).ej={},e.ej2InplaceEditor,e.ej2VueBase,e.ej2Base)}(this,function(t,s,a,o){"use strict";var e=["isLazyUpdate","plugins","actionOnBlur","adaptor","cancelButton","cssClass","disabled","editableOn","emptyText","enableEditMode","enableHtmlParse","enableHtmlSanitizer","enablePersistence","enableRtl","locale","mode","model","name","popupSettings","primaryKey","saveButton","showButtons","submitOnEnter","template","textOption","type","url","validationRules","value","actionBegin","actionFailure","actionSuccess","beforeSanitizeHtml","beginEdit","cancelClick","change","created","destroyed","endEdit","submitClick","validating"],n=["value"],i=a.getProps({props:e}),c=i[0],i=i[1],l=Object.keys(i);l.push("modelchanged","update:modelValue");for(var r=0,d=n;r<d.length;r++)l.push("update:"+d[r]);var u=a.vueDefineComponent({name:"InPlaceEditorComponent",mixins:[a.ComponentBase],props:c,watch:i,emits:l,model:{event:"modelchanged"},provide:function(){return{custom:this.custom}},data:function(){return{ej2Instances:new s.InPlaceEditor({}),propKeys:e,models:n,hasChildDirective:!1,hasInjectedModules:!0,tagMapper:{},tagNameMapper:{},isVue3:!a.isExecute,templateCollection:{}}},created:function(){this.ej2Instances._trigger=this.ej2Instances.trigger,this.ej2Instances.trigger=this.trigger,this.bindProperties(),this.ej2Instances._setProperties=this.ej2Instances.setProperties,this.ej2Instances.setProperties=this.setProperties,this.ej2Instances.clearTemplate=this.clearTemplate,this.updated=this.updated},render:function(e){var t=null;return(a.isExecute?e:a.gh)("div",t=o.isNullOrUndefined(this.$slots.default)?t:a.isExecute?this.$slots.default:this.$slots.default())},methods:{clearTemplate:function(e){if((e=e||Object.keys(this.templateCollection||{})).length&&this.templateCollection)for(var t=0,s=e;t<s.length;t++){var n=s[t],i=this.templateCollection[n];if(i&&i.length){for(var a=0,o=i;a<o.length;a++){var c=o[a];this.destroyPortals(c)}delete this.templateCollection[n]}}},setProperties:function(s,e){var n=this;this.isVue3&&(this.models=this.models||this.ej2Instances.referModels),this.ej2Instances&&this.ej2Instances._setProperties&&this.ej2Instances._setProperties(s,e),s&&this.models&&this.models.length&&Object.keys(s).map(function(t){n.models.map(function(e){t!==e||/datasource/i.test(t)||(n.isVue3?n.ej2Instances.vueInstance.$emit("update:"+t,s[t]):(n.$emit("update:"+t,s[t]),n.$emit("modelchanged",s[t])))})})},trigger:function(e,t,s){var n,i;a.isExecute||(this.models=this.models||this.ej2Instances.referModels),"change"!==e&&"input"!==e||!this.models||0===this.models.length?"actionBegin"===e&&"dateNavigate"===t.requestType&&this.models&&0!==this.models.length&&(i=(n=this.models.toString().match(/currentView|selectedDate/)||[])[0],t)&&n&&!o.isUndefined(t[i])&&(a.isExecute?(this.$emit("update:"+i,t[i]),this):(this.ej2Instances.vueInstance.$emit("update:"+i,t[i]),this.ej2Instances.vueInstance)).$emit("modelchanged",t[i]):(i=(n=this.models.toString().match(/checked|value/)||[])[0],t&&n&&!o.isUndefined(t[i])&&(a.isExecute?("change"===e||this.$props&&!this.$props.isLazyUpdate)&&(this.$emit("update:"+i,t[i]),this.$emit("modelchanged",t[i])):(this.ej2Instances.vueInstance.$emit("update:"+i,t[i]),this.ej2Instances.vueInstance.$emit("modelchanged",t[i]),this.ej2Instances.vueInstance.$emit("update:modelValue",t[i])))),this.ej2Instances&&this.ej2Instances._trigger&&this.ej2Instances._trigger(e,t,s)},custom:function(){this.updated()},extendModelValue:function(e){return this.ej2Instances.extendModelValue(e)},save:function(){return this.ej2Instances.save()},setValue:function(){return this.ej2Instances.setValue()},validate:function(){return this.ej2Instances.validate()}}}),h={name:"ejs-inplaceeditor",install:function(e){e.component(h.name,u)}};Object.keys(s).forEach(function(e){"default"!==e&&Object.defineProperty(t,e,{enumerable:!0,get:function(){return s[e]}})}),t.InPlaceEditorComponent=u,t.InPlaceEditorPlugin=h,Object.defineProperty(t,"__esModule",{value:!0})});
 //# sourceMappingURL=ej2-vue-inplace-editor.umd.min.js.map

package/dist/ej2-vue-inplace-editor.umd.min.js.map

@@ -1 +1 @@
-{"version":3,"file":"ej2-vue-inplace-editor.umd.min.js","sources":["../src/inplace-editor/inplaceeditor.component.js"],"sourcesContent":["import { ComponentBase, gh, getProps, isExecute, vueDefineComponent } from '@syncfusion/ej2-vue-base';\nimport { isNullOrUndefined, getValue } from '@syncfusion/ej2-base';\nimport { isUndefined } from '@syncfusion/ej2-base';\nimport { InPlaceEditor } from '@syncfusion/ej2-inplace-editor';\nexport var properties = ['isLazyUpdate', 'plugins', 'actionOnBlur', 'adaptor', 'cancelButton', 'cssClass', 'disabled', 'editableOn', 'emptyText', 'enableEditMode', 'enableHtmlParse', 'enableHtmlSanitizer', 'enablePersistence', 'enableRtl', 'locale', 'mode', 'model', 'name', 'popupSettings', 'primaryKey', 'saveButton', 'showButtons', 'submitOnEnter', 'template', 'textOption', 'type', 'url', 'validationRules', 'value', 'actionBegin', 'actionFailure', 'actionSuccess', 'beforeSanitizeHtml', 'beginEdit', 'cancelClick', 'change', 'created', 'destroyed', 'endEdit', 'submitClick', 'validating'];\nexport var modelProps = ['value'];\nexport var testProp = getProps({ props: properties });\nexport var props = testProp[0], watch = testProp[1], emitProbs = Object.keys(watch);\nemitProbs.push('modelchanged', 'update:modelValue');\nfor (var _i = 0, modelProps_1 = modelProps; _i < modelProps_1.length; _i++) {\n    var props_1 = modelProps_1[_i];\n    emitProbs.push('update:' + props_1);\n}\n/**\n * `ejs-inplace-editor` represents the VueJS InPlaceEditor Component.\n * ```vue\n * <ejs-inplaceeditor></ejs-inplaceeditor>\n * ```\n */\nexport var InPlaceEditorComponent = vueDefineComponent({\n    name: 'InPlaceEditorComponent',\n    mixins: [ComponentBase],\n    props: props,\n    watch: watch,\n    emits: emitProbs,\n    model: { event: 'modelchanged' },\n    provide: function () { return { custom: this.custom }; },\n    data: function () {\n        return {\n            ej2Instances: new InPlaceEditor({}),\n            propKeys: properties,\n            models: modelProps,\n            hasChildDirective: false,\n            hasInjectedModules: true,\n            tagMapper: {},\n            tagNameMapper: {},\n            isVue3: !isExecute,\n            templateCollection: {},\n        };\n    },\n    created: function () {\n        this.ej2Instances._trigger = this.ej2Instances.trigger;\n        this.ej2Instances.trigger = this.trigger;\n        this.bindProperties();\n        this.ej2Instances._setProperties = this.ej2Instances.setProperties;\n        this.ej2Instances.setProperties = this.setProperties;\n        this.ej2Instances.clearTemplate = this.clearTemplate;\n        this.updated = this.updated;\n    },\n    render: function (createElement) {\n        var h = !isExecute ? gh : createElement;\n        var slots = null;\n        if (!isNullOrUndefined(this.$slots.default)) {\n            slots = !isExecute ? this.$slots.default() : this.$slots.default;\n        }\n        return h('div', slots);\n    },\n    methods: {\n        clearTemplate: function (templateNames) {\n            if (!templateNames) {\n                templateNames = Object.keys(this.templateCollection || {});\n            }\n            if (templateNames.length && this.templateCollection) {\n                for (var _i = 0, templateNames_1 = templateNames; _i < templateNames_1.length; _i++) {\n                    var tempName = templateNames_1[_i];\n                    var elementCollection = this.templateCollection[tempName];\n                    if (elementCollection && elementCollection.length) {\n                        for (var _a = 0, elementCollection_1 = elementCollection; _a < elementCollection_1.length; _a++) {\n                            var ele = elementCollection_1[_a];\n                            var destroy = getValue('__vue__.$destroy', ele);\n                            if (destroy) {\n                                ele.__vue__.$destroy();\n                            }\n                            if (ele.innerHTML) {\n                                ele.innerHTML = '';\n                            }\n                        }\n                        delete this.templateCollection[tempName];\n                    }\n                }\n            }\n        },\n        setProperties: function (prop, muteOnChange) {\n            var _this = this;\n            if (this.isVue3) {\n                this.models = !this.models ? this.ej2Instances.referModels : this.models;\n            }\n            if (this.ej2Instances && this.ej2Instances._setProperties) {\n                this.ej2Instances._setProperties(prop, muteOnChange);\n            }\n            if (prop && this.models && this.models.length) {\n                Object.keys(prop).map(function (key) {\n                    _this.models.map(function (model) {\n                        if ((key === model) && !(/datasource/i.test(key))) {\n                            if (_this.isVue3) {\n                                _this.ej2Instances.vueInstance.$emit('update:' + key, prop[key]);\n                            }\n                            else {\n                                _this.$emit('update:' + key, prop[key]);\n                                _this.$emit('modelchanged', prop[key]);\n                            }\n                        }\n                    });\n                });\n            }\n        },\n        trigger: function (eventName, eventProp, successHandler) {\n            if (!isExecute) {\n                this.models = !this.models ? this.ej2Instances.referModels : this.models;\n            }\n            if ((eventName === 'change' || eventName === 'input') && this.models && (this.models.length !== 0)) {\n                var key = this.models.toString().match(/checked|value/) || [];\n                var propKey = key[0];\n                if (eventProp && key && !isUndefined(eventProp[propKey])) {\n                    if (!isExecute) {\n                        this.ej2Instances.vueInstance.$emit('update:' + propKey, eventProp[propKey]);\n                        this.ej2Instances.vueInstance.$emit('modelchanged', eventProp[propKey]);\n                        this.ej2Instances.vueInstance.$emit('update:modelValue', eventProp[propKey]);\n                    }\n                    else {\n                        if (eventName === 'change' || (this.$props && !this.$props.isLazyUpdate)) {\n                            this.$emit('update:' + propKey, eventProp[propKey]);\n                            this.$emit('modelchanged', eventProp[propKey]);\n                        }\n                    }\n                }\n            }\n            else if ((eventName === 'actionBegin' && eventProp.requestType === 'dateNavigate') && this.models && (this.models.length !== 0)) {\n                var key = this.models.toString().match(/currentView|selectedDate/) || [];\n                var propKey = key[0];\n                if (eventProp && key && !isUndefined(eventProp[propKey])) {\n                    if (!isExecute) {\n                        this.ej2Instances.vueInstance.$emit('update:' + propKey, eventProp[propKey]);\n                        this.ej2Instances.vueInstance.$emit('modelchanged', eventProp[propKey]);\n                    }\n                    else {\n                        this.$emit('update:' + propKey, eventProp[propKey]);\n                        this.$emit('modelchanged', eventProp[propKey]);\n                    }\n                }\n            }\n            if ((this.ej2Instances && this.ej2Instances._trigger)) {\n                this.ej2Instances._trigger(eventName, eventProp, successHandler);\n            }\n        },\n        custom: function () {\n            this.updated();\n        },\n        extendModelValue: function (val) {\n            return this.ej2Instances.extendModelValue(val);\n        },\n        save: function () {\n            return this.ej2Instances.save();\n        },\n        setValue: function () {\n            return this.ej2Instances.setValue();\n        },\n        validate: function () {\n            return this.ej2Instances.validate();\n        },\n    }\n});\nexport var InPlaceEditorPlugin = {\n    name: 'ejs-inplaceeditor',\n    install: function (Vue) {\n        Vue.component(InPlaceEditorPlugin.name, InPlaceEditorComponent);\n    }\n};\n"],"names":["properties","modelProps","testProp","getProps","props","watch","emitProbs","Object","keys","push","_i","modelProps_1","length","props_1","InPlaceEditorComponent","vueDefineComponent","name","mixins","ComponentBase","emits","model","event","provide","custom","this","data","ej2Instances","InPlaceEditor","propKeys","models","hasChildDirective","hasInjectedModules","tagMapper","tagNameMapper","isVue3","isExecute","templateCollection","created","_trigger","trigger","bindProperties","_setProperties","setProperties","clearTemplate","updated","render","createElement","h","gh","slots","isNullOrUndefined","$slots","default","methods","templateNames","templateNames_1","tempName","elementCollection","_a","elementCollection_1","ele","getValue","__vue__","$destroy","innerHTML","prop","muteOnChange","_this","referModels","map","key","test","vueInstance","$emit","eventName","eventProp","successHandler","requestType","propKey","toString","match","isUndefined","$props","isLazyUpdate","extendModelValue","val","save","setValue","validate","InPlaceEditorPlugin","install","Vue","component"],"mappings":"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"}
+{"version":3,"file":"ej2-vue-inplace-editor.umd.min.js","sources":["../src/inplace-editor/inplaceeditor.component.js"],"sourcesContent":["import { ComponentBase, gh, getProps, isExecute, vueDefineComponent } from '@syncfusion/ej2-vue-base';\nimport { isNullOrUndefined } from '@syncfusion/ej2-base';\nimport { isUndefined } from '@syncfusion/ej2-base';\nimport { InPlaceEditor } from '@syncfusion/ej2-inplace-editor';\nexport var properties = ['isLazyUpdate', 'plugins', 'actionOnBlur', 'adaptor', 'cancelButton', 'cssClass', 'disabled', 'editableOn', 'emptyText', 'enableEditMode', 'enableHtmlParse', 'enableHtmlSanitizer', 'enablePersistence', 'enableRtl', 'locale', 'mode', 'model', 'name', 'popupSettings', 'primaryKey', 'saveButton', 'showButtons', 'submitOnEnter', 'template', 'textOption', 'type', 'url', 'validationRules', 'value', 'actionBegin', 'actionFailure', 'actionSuccess', 'beforeSanitizeHtml', 'beginEdit', 'cancelClick', 'change', 'created', 'destroyed', 'endEdit', 'submitClick', 'validating'];\nexport var modelProps = ['value'];\nexport var testProp = getProps({ props: properties });\nexport var props = testProp[0], watch = testProp[1], emitProbs = Object.keys(watch);\nemitProbs.push('modelchanged', 'update:modelValue');\nfor (var _i = 0, modelProps_1 = modelProps; _i < modelProps_1.length; _i++) {\n    var props_1 = modelProps_1[_i];\n    emitProbs.push('update:' + props_1);\n}\n/**\n * `ejs-inplace-editor` represents the VueJS InPlaceEditor Component.\n * ```vue\n * <ejs-inplaceeditor></ejs-inplaceeditor>\n * ```\n */\nexport var InPlaceEditorComponent = vueDefineComponent({\n    name: 'InPlaceEditorComponent',\n    mixins: [ComponentBase],\n    props: props,\n    watch: watch,\n    emits: emitProbs,\n    model: { event: 'modelchanged' },\n    provide: function () { return { custom: this.custom }; },\n    data: function () {\n        return {\n            ej2Instances: new InPlaceEditor({}),\n            propKeys: properties,\n            models: modelProps,\n            hasChildDirective: false,\n            hasInjectedModules: true,\n            tagMapper: {},\n            tagNameMapper: {},\n            isVue3: !isExecute,\n            templateCollection: {},\n        };\n    },\n    created: function () {\n        this.ej2Instances._trigger = this.ej2Instances.trigger;\n        this.ej2Instances.trigger = this.trigger;\n        this.bindProperties();\n        this.ej2Instances._setProperties = this.ej2Instances.setProperties;\n        this.ej2Instances.setProperties = this.setProperties;\n        this.ej2Instances.clearTemplate = this.clearTemplate;\n        this.updated = this.updated;\n    },\n    render: function (createElement) {\n        var h = !isExecute ? gh : createElement;\n        var slots = null;\n        if (!isNullOrUndefined(this.$slots.default)) {\n            slots = !isExecute ? this.$slots.default() : this.$slots.default;\n        }\n        return h('div', slots);\n    },\n    methods: {\n        clearTemplate: function (templateNames) {\n            if (!templateNames) {\n                templateNames = Object.keys(this.templateCollection || {});\n            }\n            if (templateNames.length && this.templateCollection) {\n                for (var _i = 0, templateNames_1 = templateNames; _i < templateNames_1.length; _i++) {\n                    var tempName = templateNames_1[_i];\n                    var elementCollection = this.templateCollection[tempName];\n                    if (elementCollection && elementCollection.length) {\n                        for (var _a = 0, elementCollection_1 = elementCollection; _a < elementCollection_1.length; _a++) {\n                            var ele = elementCollection_1[_a];\n                            this.destroyPortals(ele);\n                        }\n                        delete this.templateCollection[tempName];\n                    }\n                }\n            }\n        },\n        setProperties: function (prop, muteOnChange) {\n            var _this = this;\n            if (this.isVue3) {\n                this.models = !this.models ? this.ej2Instances.referModels : this.models;\n            }\n            if (this.ej2Instances && this.ej2Instances._setProperties) {\n                this.ej2Instances._setProperties(prop, muteOnChange);\n            }\n            if (prop && this.models && this.models.length) {\n                Object.keys(prop).map(function (key) {\n                    _this.models.map(function (model) {\n                        if ((key === model) && !(/datasource/i.test(key))) {\n                            if (_this.isVue3) {\n                                _this.ej2Instances.vueInstance.$emit('update:' + key, prop[key]);\n                            }\n                            else {\n                                _this.$emit('update:' + key, prop[key]);\n                                _this.$emit('modelchanged', prop[key]);\n                            }\n                        }\n                    });\n                });\n            }\n        },\n        trigger: function (eventName, eventProp, successHandler) {\n            if (!isExecute) {\n                this.models = !this.models ? this.ej2Instances.referModels : this.models;\n            }\n            if ((eventName === 'change' || eventName === 'input') && this.models && (this.models.length !== 0)) {\n                var key = this.models.toString().match(/checked|value/) || [];\n                var propKey = key[0];\n                if (eventProp && key && !isUndefined(eventProp[propKey])) {\n                    if (!isExecute) {\n                        this.ej2Instances.vueInstance.$emit('update:' + propKey, eventProp[propKey]);\n                        this.ej2Instances.vueInstance.$emit('modelchanged', eventProp[propKey]);\n                        this.ej2Instances.vueInstance.$emit('update:modelValue', eventProp[propKey]);\n                    }\n                    else {\n                        if (eventName === 'change' || (this.$props && !this.$props.isLazyUpdate)) {\n                            this.$emit('update:' + propKey, eventProp[propKey]);\n                            this.$emit('modelchanged', eventProp[propKey]);\n                        }\n                    }\n                }\n            }\n            else if ((eventName === 'actionBegin' && eventProp.requestType === 'dateNavigate') && this.models && (this.models.length !== 0)) {\n                var key = this.models.toString().match(/currentView|selectedDate/) || [];\n                var propKey = key[0];\n                if (eventProp && key && !isUndefined(eventProp[propKey])) {\n                    if (!isExecute) {\n                        this.ej2Instances.vueInstance.$emit('update:' + propKey, eventProp[propKey]);\n                        this.ej2Instances.vueInstance.$emit('modelchanged', eventProp[propKey]);\n                    }\n                    else {\n                        this.$emit('update:' + propKey, eventProp[propKey]);\n                        this.$emit('modelchanged', eventProp[propKey]);\n                    }\n                }\n            }\n            if ((this.ej2Instances && this.ej2Instances._trigger)) {\n                this.ej2Instances._trigger(eventName, eventProp, successHandler);\n            }\n        },\n        custom: function () {\n            this.updated();\n        },\n        extendModelValue: function (val) {\n            return this.ej2Instances.extendModelValue(val);\n        },\n        save: function () {\n            return this.ej2Instances.save();\n        },\n        setValue: function () {\n            return this.ej2Instances.setValue();\n        },\n        validate: function () {\n            return this.ej2Instances.validate();\n        },\n    }\n});\nexport var InPlaceEditorPlugin = {\n    name: 'ejs-inplaceeditor',\n    install: function (Vue) {\n        Vue.component(InPlaceEditorPlugin.name, InPlaceEditorComponent);\n    }\n};\n"],"names":["properties","modelProps","testProp","getProps","props","watch","emitProbs","Object","keys","push","_i","modelProps_1","length","InPlaceEditorComponent","vueDefineComponent","name","mixins","ComponentBase","emits","model","event","provide","custom","this","data","ej2Instances","InPlaceEditor","propKeys","models","hasChildDirective","hasInjectedModules","tagMapper","tagNameMapper","isVue3","isExecute","templateCollection","created","_trigger","trigger","bindProperties","_setProperties","setProperties","clearTemplate","updated","render","createElement","slots","gh","isNullOrUndefined","$slots","default","methods","templateNames","templateNames_1","tempName","elementCollection","_a","elementCollection_1","ele","destroyPortals","prop","muteOnChange","_this","referModels","map","key","test","vueInstance","$emit","eventName","eventProp","successHandler","propKey","requestType","toString","match","isUndefined","$props","isLazyUpdate","extendModelValue","val","save","setValue","validate","InPlaceEditorPlugin","install","Vue","component"],"mappings":"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"}

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

@@ -1,13 +1,12 @@
 import { InPlaceEditor } from '@syncfusion/ej2-inplace-editor';
-import { ComponentBase, getProps, gh, isExecute, vueDefineComponent } from '@syncfusion/ej2-vue-base';
-import { getValue, isNullOrUndefined, isUndefined } from '@syncfusion/ej2-base';
+export * from '@syncfusion/ej2-inplace-editor';
+import { getProps, vueDefineComponent, ComponentBase, isExecute, gh } from '@syncfusion/ej2-vue-base';
+import { isNullOrUndefined, isUndefined } from '@syncfusion/ej2-base';
 
 const properties = ['isLazyUpdate', 'plugins', 'actionOnBlur', 'adaptor', 'cancelButton', 'cssClass', 'disabled', 'editableOn', 'emptyText', 'enableEditMode', 'enableHtmlParse', 'enableHtmlSanitizer', 'enablePersistence', 'enableRtl', 'locale', 'mode', 'model', 'name', 'popupSettings', 'primaryKey', 'saveButton', 'showButtons', 'submitOnEnter', 'template', 'textOption', 'type', 'url', 'validationRules', 'value', 'actionBegin', 'actionFailure', 'actionSuccess', 'beforeSanitizeHtml', 'beginEdit', 'cancelClick', 'change', 'created', 'destroyed', 'endEdit', 'submitClick', 'validating'];
 const modelProps = ['value'];
 const testProp = getProps({ props: properties });
-const props = testProp[0];
-const watch = testProp[1];
-const emitProbs = Object.keys(watch);
+const props = testProp[0], watch = testProp[1], emitProbs = Object.keys(watch);
 emitProbs.push('modelchanged', 'update:modelValue');
 for (let props of modelProps) {
     emitProbs.push('update:' + props);
@@ -66,13 +65,7 @@ let InPlaceEditorComponent = vueDefineComponent({
                     let elementCollection = this.templateCollection[tempName];
                     if (elementCollection && elementCollection.length) {
                         for (let ele of elementCollection) {
-                            let destroy = getValue('__vue__.$destroy', ele);
-                            if (destroy) {
-                                ele.__vue__.$destroy();
-                            }
-                            if (ele.innerHTML) {
-                                ele.innerHTML = '';
-                            }
+                            this.destroyPortals(ele);
                         }
                         delete this.templateCollection[tempName];
                     }
@@ -166,5 +159,4 @@ const InPlaceEditorPlugin = {
 };
 
 export { InPlaceEditorComponent, InPlaceEditorPlugin };
-export * from '@syncfusion/ej2-inplace-editor';
 //# sourceMappingURL=ej2-vue-inplace-editor.es2015.js.map

package/dist/es6/ej2-vue-inplace-editor.es2015.js.map

@@ -1 +1 @@
-{"version":3,"file":"ej2-vue-inplace-editor.es2015.js","sources":["../src/es6/inplace-editor/inplaceeditor.component.js"],"sourcesContent":["import { ComponentBase, gh, getProps, isExecute, vueDefineComponent } from '@syncfusion/ej2-vue-base';\nimport { isNullOrUndefined, getValue } from '@syncfusion/ej2-base';\nimport { isUndefined } from '@syncfusion/ej2-base';\nimport { InPlaceEditor } from '@syncfusion/ej2-inplace-editor';\nexport const properties = ['isLazyUpdate', 'plugins', 'actionOnBlur', 'adaptor', 'cancelButton', 'cssClass', 'disabled', 'editableOn', 'emptyText', 'enableEditMode', 'enableHtmlParse', 'enableHtmlSanitizer', 'enablePersistence', 'enableRtl', 'locale', 'mode', 'model', 'name', 'popupSettings', 'primaryKey', 'saveButton', 'showButtons', 'submitOnEnter', 'template', 'textOption', 'type', 'url', 'validationRules', 'value', 'actionBegin', 'actionFailure', 'actionSuccess', 'beforeSanitizeHtml', 'beginEdit', 'cancelClick', 'change', 'created', 'destroyed', 'endEdit', 'submitClick', 'validating'];\nexport const modelProps = ['value'];\nexport const testProp = getProps({ props: properties });\nexport const props = testProp[0], watch = testProp[1], emitProbs = Object.keys(watch);\nemitProbs.push('modelchanged', 'update:modelValue');\nfor (let props of modelProps) {\n    emitProbs.push('update:' + props);\n}\n/**\n * `ejs-inplace-editor` represents the VueJS InPlaceEditor Component.\n * ```vue\n * <ejs-inplaceeditor></ejs-inplaceeditor>\n * ```\n */\nexport let InPlaceEditorComponent = vueDefineComponent({\n    name: 'InPlaceEditorComponent',\n    mixins: [ComponentBase],\n    props: props,\n    watch: watch,\n    emits: emitProbs,\n    model: { event: 'modelchanged' },\n    provide() { return { custom: this.custom }; },\n    data() {\n        return {\n            ej2Instances: new InPlaceEditor({}),\n            propKeys: properties,\n            models: modelProps,\n            hasChildDirective: false,\n            hasInjectedModules: true,\n            tagMapper: {},\n            tagNameMapper: {},\n            isVue3: !isExecute,\n            templateCollection: {},\n        };\n    },\n    created() {\n        this.ej2Instances._trigger = this.ej2Instances.trigger;\n        this.ej2Instances.trigger = this.trigger;\n        this.bindProperties();\n        this.ej2Instances._setProperties = this.ej2Instances.setProperties;\n        this.ej2Instances.setProperties = this.setProperties;\n        this.ej2Instances.clearTemplate = this.clearTemplate;\n        this.updated = this.updated;\n    },\n    render(createElement) {\n        let h = !isExecute ? gh : createElement;\n        let slots = null;\n        if (!isNullOrUndefined(this.$slots.default)) {\n            slots = !isExecute ? this.$slots.default() : this.$slots.default;\n        }\n        return h('div', slots);\n    },\n    methods: {\n        clearTemplate(templateNames) {\n            if (!templateNames) {\n                templateNames = Object.keys(this.templateCollection || {});\n            }\n            if (templateNames.length && this.templateCollection) {\n                for (let tempName of templateNames) {\n                    let elementCollection = this.templateCollection[tempName];\n                    if (elementCollection && elementCollection.length) {\n                        for (let ele of elementCollection) {\n                            let destroy = getValue('__vue__.$destroy', ele);\n                            if (destroy) {\n                                ele.__vue__.$destroy();\n                            }\n                            if (ele.innerHTML) {\n                                ele.innerHTML = '';\n                            }\n                        }\n                        delete this.templateCollection[tempName];\n                    }\n                }\n            }\n        },\n        setProperties(prop, muteOnChange) {\n            if (this.isVue3) {\n                this.models = !this.models ? this.ej2Instances.referModels : this.models;\n            }\n            if (this.ej2Instances && this.ej2Instances._setProperties) {\n                this.ej2Instances._setProperties(prop, muteOnChange);\n            }\n            if (prop && this.models && this.models.length) {\n                Object.keys(prop).map((key) => {\n                    this.models.map((model) => {\n                        if ((key === model) && !(/datasource/i.test(key))) {\n                            if (this.isVue3) {\n                                this.ej2Instances.vueInstance.$emit('update:' + key, prop[key]);\n                            }\n                            else {\n                                this.$emit('update:' + key, prop[key]);\n                                this.$emit('modelchanged', prop[key]);\n                            }\n                        }\n                    });\n                });\n            }\n        },\n        trigger(eventName, eventProp, successHandler) {\n            if (!isExecute) {\n                this.models = !this.models ? this.ej2Instances.referModels : this.models;\n            }\n            if ((eventName === 'change' || eventName === 'input') && this.models && (this.models.length !== 0)) {\n                let key = this.models.toString().match(/checked|value/) || [];\n                let propKey = key[0];\n                if (eventProp && key && !isUndefined(eventProp[propKey])) {\n                    if (!isExecute) {\n                        this.ej2Instances.vueInstance.$emit('update:' + propKey, eventProp[propKey]);\n                        this.ej2Instances.vueInstance.$emit('modelchanged', eventProp[propKey]);\n                        this.ej2Instances.vueInstance.$emit('update:modelValue', eventProp[propKey]);\n                    }\n                    else {\n                        if (eventName === 'change' || (this.$props && !this.$props.isLazyUpdate)) {\n                            this.$emit('update:' + propKey, eventProp[propKey]);\n                            this.$emit('modelchanged', eventProp[propKey]);\n                        }\n                    }\n                }\n            }\n            else if ((eventName === 'actionBegin' && eventProp.requestType === 'dateNavigate') && this.models && (this.models.length !== 0)) {\n                let key = this.models.toString().match(/currentView|selectedDate/) || [];\n                let propKey = key[0];\n                if (eventProp && key && !isUndefined(eventProp[propKey])) {\n                    if (!isExecute) {\n                        this.ej2Instances.vueInstance.$emit('update:' + propKey, eventProp[propKey]);\n                        this.ej2Instances.vueInstance.$emit('modelchanged', eventProp[propKey]);\n                    }\n                    else {\n                        this.$emit('update:' + propKey, eventProp[propKey]);\n                        this.$emit('modelchanged', eventProp[propKey]);\n                    }\n                }\n            }\n            if ((this.ej2Instances && this.ej2Instances._trigger)) {\n                this.ej2Instances._trigger(eventName, eventProp, successHandler);\n            }\n        },\n        custom() {\n            this.updated();\n        },\n        extendModelValue(val) {\n            return this.ej2Instances.extendModelValue(val);\n        },\n        save() {\n            return this.ej2Instances.save();\n        },\n        setValue() {\n            return this.ej2Instances.setValue();\n        },\n        validate() {\n            return this.ej2Instances.validate();\n        },\n    }\n});\nexport const InPlaceEditorPlugin = {\n    name: 'ejs-inplaceeditor',\n    install(Vue) {\n        Vue.component(InPlaceEditorPlugin.name, InPlaceEditorComponent);\n    }\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"ej2-vue-inplace-editor.es2015.js","sources":["../src/es6/inplace-editor/inplaceeditor.component.js"],"sourcesContent":["import { ComponentBase, gh, getProps, isExecute, vueDefineComponent } from '@syncfusion/ej2-vue-base';\nimport { isNullOrUndefined } from '@syncfusion/ej2-base';\nimport { isUndefined } from '@syncfusion/ej2-base';\nimport { InPlaceEditor } from '@syncfusion/ej2-inplace-editor';\nexport const properties = ['isLazyUpdate', 'plugins', 'actionOnBlur', 'adaptor', 'cancelButton', 'cssClass', 'disabled', 'editableOn', 'emptyText', 'enableEditMode', 'enableHtmlParse', 'enableHtmlSanitizer', 'enablePersistence', 'enableRtl', 'locale', 'mode', 'model', 'name', 'popupSettings', 'primaryKey', 'saveButton', 'showButtons', 'submitOnEnter', 'template', 'textOption', 'type', 'url', 'validationRules', 'value', 'actionBegin', 'actionFailure', 'actionSuccess', 'beforeSanitizeHtml', 'beginEdit', 'cancelClick', 'change', 'created', 'destroyed', 'endEdit', 'submitClick', 'validating'];\nexport const modelProps = ['value'];\nexport const testProp = getProps({ props: properties });\nexport const props = testProp[0], watch = testProp[1], emitProbs = Object.keys(watch);\nemitProbs.push('modelchanged', 'update:modelValue');\nfor (let props of modelProps) {\n    emitProbs.push('update:' + props);\n}\n/**\n * `ejs-inplace-editor` represents the VueJS InPlaceEditor Component.\n * ```vue\n * <ejs-inplaceeditor></ejs-inplaceeditor>\n * ```\n */\nexport let InPlaceEditorComponent = vueDefineComponent({\n    name: 'InPlaceEditorComponent',\n    mixins: [ComponentBase],\n    props: props,\n    watch: watch,\n    emits: emitProbs,\n    model: { event: 'modelchanged' },\n    provide() { return { custom: this.custom }; },\n    data() {\n        return {\n            ej2Instances: new InPlaceEditor({}),\n            propKeys: properties,\n            models: modelProps,\n            hasChildDirective: false,\n            hasInjectedModules: true,\n            tagMapper: {},\n            tagNameMapper: {},\n            isVue3: !isExecute,\n            templateCollection: {},\n        };\n    },\n    created() {\n        this.ej2Instances._trigger = this.ej2Instances.trigger;\n        this.ej2Instances.trigger = this.trigger;\n        this.bindProperties();\n        this.ej2Instances._setProperties = this.ej2Instances.setProperties;\n        this.ej2Instances.setProperties = this.setProperties;\n        this.ej2Instances.clearTemplate = this.clearTemplate;\n        this.updated = this.updated;\n    },\n    render(createElement) {\n        let h = !isExecute ? gh : createElement;\n        let slots = null;\n        if (!isNullOrUndefined(this.$slots.default)) {\n            slots = !isExecute ? this.$slots.default() : this.$slots.default;\n        }\n        return h('div', slots);\n    },\n    methods: {\n        clearTemplate(templateNames) {\n            if (!templateNames) {\n                templateNames = Object.keys(this.templateCollection || {});\n            }\n            if (templateNames.length && this.templateCollection) {\n                for (let tempName of templateNames) {\n                    let elementCollection = this.templateCollection[tempName];\n                    if (elementCollection && elementCollection.length) {\n                        for (let ele of elementCollection) {\n                            this.destroyPortals(ele);\n                        }\n                        delete this.templateCollection[tempName];\n                    }\n                }\n            }\n        },\n        setProperties(prop, muteOnChange) {\n            if (this.isVue3) {\n                this.models = !this.models ? this.ej2Instances.referModels : this.models;\n            }\n            if (this.ej2Instances && this.ej2Instances._setProperties) {\n                this.ej2Instances._setProperties(prop, muteOnChange);\n            }\n            if (prop && this.models && this.models.length) {\n                Object.keys(prop).map((key) => {\n                    this.models.map((model) => {\n                        if ((key === model) && !(/datasource/i.test(key))) {\n                            if (this.isVue3) {\n                                this.ej2Instances.vueInstance.$emit('update:' + key, prop[key]);\n                            }\n                            else {\n                                this.$emit('update:' + key, prop[key]);\n                                this.$emit('modelchanged', prop[key]);\n                            }\n                        }\n                    });\n                });\n            }\n        },\n        trigger(eventName, eventProp, successHandler) {\n            if (!isExecute) {\n                this.models = !this.models ? this.ej2Instances.referModels : this.models;\n            }\n            if ((eventName === 'change' || eventName === 'input') && this.models && (this.models.length !== 0)) {\n                let key = this.models.toString().match(/checked|value/) || [];\n                let propKey = key[0];\n                if (eventProp && key && !isUndefined(eventProp[propKey])) {\n                    if (!isExecute) {\n                        this.ej2Instances.vueInstance.$emit('update:' + propKey, eventProp[propKey]);\n                        this.ej2Instances.vueInstance.$emit('modelchanged', eventProp[propKey]);\n                        this.ej2Instances.vueInstance.$emit('update:modelValue', eventProp[propKey]);\n                    }\n                    else {\n                        if (eventName === 'change' || (this.$props && !this.$props.isLazyUpdate)) {\n                            this.$emit('update:' + propKey, eventProp[propKey]);\n                            this.$emit('modelchanged', eventProp[propKey]);\n                        }\n                    }\n                }\n            }\n            else if ((eventName === 'actionBegin' && eventProp.requestType === 'dateNavigate') && this.models && (this.models.length !== 0)) {\n                let key = this.models.toString().match(/currentView|selectedDate/) || [];\n                let propKey = key[0];\n                if (eventProp && key && !isUndefined(eventProp[propKey])) {\n                    if (!isExecute) {\n                        this.ej2Instances.vueInstance.$emit('update:' + propKey, eventProp[propKey]);\n                        this.ej2Instances.vueInstance.$emit('modelchanged', eventProp[propKey]);\n                    }\n                    else {\n                        this.$emit('update:' + propKey, eventProp[propKey]);\n                        this.$emit('modelchanged', eventProp[propKey]);\n                    }\n                }\n            }\n            if ((this.ej2Instances && this.ej2Instances._trigger)) {\n                this.ej2Instances._trigger(eventName, eventProp, successHandler);\n            }\n        },\n        custom() {\n            this.updated();\n        },\n        extendModelValue(val) {\n            return this.ej2Instances.extendModelValue(val);\n        },\n        save() {\n            return this.ej2Instances.save();\n        },\n        setValue() {\n            return this.ej2Instances.setValue();\n        },\n        validate() {\n            return this.ej2Instances.validate();\n        },\n    }\n});\nexport const InPlaceEditorPlugin = {\n    name: 'ejs-inplaceeditor',\n    install(Vue) {\n        Vue.component(InPlaceEditorPlugin.name, InPlaceEditorComponent);\n    }\n};\n"],"names":[],"mappings":"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"}

package/dist/es6/ej2-vue-inplace-editor.es5.js

@@ -1,13 +1,12 @@
 import { InPlaceEditor } from '@syncfusion/ej2-inplace-editor';
-import { ComponentBase, getProps, gh, isExecute, vueDefineComponent } from '@syncfusion/ej2-vue-base';
-import { getValue, isNullOrUndefined, isUndefined } from '@syncfusion/ej2-base';
+export * from '@syncfusion/ej2-inplace-editor';
+import { getProps, vueDefineComponent, ComponentBase, isExecute, gh } from '@syncfusion/ej2-vue-base';
+import { isNullOrUndefined, isUndefined } from '@syncfusion/ej2-base';
 
 var properties = ['isLazyUpdate', 'plugins', 'actionOnBlur', 'adaptor', 'cancelButton', 'cssClass', 'disabled', 'editableOn', 'emptyText', 'enableEditMode', 'enableHtmlParse', 'enableHtmlSanitizer', 'enablePersistence', 'enableRtl', 'locale', 'mode', 'model', 'name', 'popupSettings', 'primaryKey', 'saveButton', 'showButtons', 'submitOnEnter', 'template', 'textOption', 'type', 'url', 'validationRules', 'value', 'actionBegin', 'actionFailure', 'actionSuccess', 'beforeSanitizeHtml', 'beginEdit', 'cancelClick', 'change', 'created', 'destroyed', 'endEdit', 'submitClick', 'validating'];
 var modelProps = ['value'];
 var testProp = getProps({ props: properties });
-var props = testProp[0];
-var watch = testProp[1];
-var emitProbs = Object.keys(watch);
+var props = testProp[0], watch = testProp[1], emitProbs = Object.keys(watch);
 emitProbs.push('modelchanged', 'update:modelValue');
 for (var _i = 0, modelProps_1 = modelProps; _i < modelProps_1.length; _i++) {
     var props_1 = modelProps_1[_i];
@@ -69,13 +68,7 @@ var InPlaceEditorComponent = vueDefineComponent({
                     if (elementCollection && elementCollection.length) {
                         for (var _a = 0, elementCollection_1 = elementCollection; _a < elementCollection_1.length; _a++) {
                             var ele = elementCollection_1[_a];
-                            var destroy = getValue('__vue__.$destroy', ele);
-                            if (destroy) {
-                                ele.__vue__.$destroy();
-                            }
-                            if (ele.innerHTML) {
-                                ele.innerHTML = '';
-                            }
+                            this.destroyPortals(ele);
                         }
                         delete this.templateCollection[tempName];
                     }
@@ -170,5 +163,4 @@ var InPlaceEditorPlugin = {
 };
 
 export { InPlaceEditorComponent, InPlaceEditorPlugin };
-export * from '@syncfusion/ej2-inplace-editor';
 //# sourceMappingURL=ej2-vue-inplace-editor.es5.js.map

package/dist/es6/ej2-vue-inplace-editor.es5.js.map

@@ -1 +1 @@
-{"version":3,"file":"ej2-vue-inplace-editor.es5.js","sources":["../../src/inplace-editor/inplaceeditor.component.js"],"sourcesContent":["import { ComponentBase, gh, getProps, isExecute, vueDefineComponent } from '@syncfusion/ej2-vue-base';\nimport { isNullOrUndefined, getValue } from '@syncfusion/ej2-base';\nimport { isUndefined } from '@syncfusion/ej2-base';\nimport { InPlaceEditor } from '@syncfusion/ej2-inplace-editor';\nexport var properties = ['isLazyUpdate', 'plugins', 'actionOnBlur', 'adaptor', 'cancelButton', 'cssClass', 'disabled', 'editableOn', 'emptyText', 'enableEditMode', 'enableHtmlParse', 'enableHtmlSanitizer', 'enablePersistence', 'enableRtl', 'locale', 'mode', 'model', 'name', 'popupSettings', 'primaryKey', 'saveButton', 'showButtons', 'submitOnEnter', 'template', 'textOption', 'type', 'url', 'validationRules', 'value', 'actionBegin', 'actionFailure', 'actionSuccess', 'beforeSanitizeHtml', 'beginEdit', 'cancelClick', 'change', 'created', 'destroyed', 'endEdit', 'submitClick', 'validating'];\nexport var modelProps = ['value'];\nexport var testProp = getProps({ props: properties });\nexport var props = testProp[0], watch = testProp[1], emitProbs = Object.keys(watch);\nemitProbs.push('modelchanged', 'update:modelValue');\nfor (var _i = 0, modelProps_1 = modelProps; _i < modelProps_1.length; _i++) {\n    var props_1 = modelProps_1[_i];\n    emitProbs.push('update:' + props_1);\n}\n/**\n * `ejs-inplace-editor` represents the VueJS InPlaceEditor Component.\n * ```vue\n * <ejs-inplaceeditor></ejs-inplaceeditor>\n * ```\n */\nexport var InPlaceEditorComponent = vueDefineComponent({\n    name: 'InPlaceEditorComponent',\n    mixins: [ComponentBase],\n    props: props,\n    watch: watch,\n    emits: emitProbs,\n    model: { event: 'modelchanged' },\n    provide: function () { return { custom: this.custom }; },\n    data: function () {\n        return {\n            ej2Instances: new InPlaceEditor({}),\n            propKeys: properties,\n            models: modelProps,\n            hasChildDirective: false,\n            hasInjectedModules: true,\n            tagMapper: {},\n            tagNameMapper: {},\n            isVue3: !isExecute,\n            templateCollection: {},\n        };\n    },\n    created: function () {\n        this.ej2Instances._trigger = this.ej2Instances.trigger;\n        this.ej2Instances.trigger = this.trigger;\n        this.bindProperties();\n        this.ej2Instances._setProperties = this.ej2Instances.setProperties;\n        this.ej2Instances.setProperties = this.setProperties;\n        this.ej2Instances.clearTemplate = this.clearTemplate;\n        this.updated = this.updated;\n    },\n    render: function (createElement) {\n        var h = !isExecute ? gh : createElement;\n        var slots = null;\n        if (!isNullOrUndefined(this.$slots.default)) {\n            slots = !isExecute ? this.$slots.default() : this.$slots.default;\n        }\n        return h('div', slots);\n    },\n    methods: {\n        clearTemplate: function (templateNames) {\n            if (!templateNames) {\n                templateNames = Object.keys(this.templateCollection || {});\n            }\n            if (templateNames.length && this.templateCollection) {\n                for (var _i = 0, templateNames_1 = templateNames; _i < templateNames_1.length; _i++) {\n                    var tempName = templateNames_1[_i];\n                    var elementCollection = this.templateCollection[tempName];\n                    if (elementCollection && elementCollection.length) {\n                        for (var _a = 0, elementCollection_1 = elementCollection; _a < elementCollection_1.length; _a++) {\n                            var ele = elementCollection_1[_a];\n                            var destroy = getValue('__vue__.$destroy', ele);\n                            if (destroy) {\n                                ele.__vue__.$destroy();\n                            }\n                            if (ele.innerHTML) {\n                                ele.innerHTML = '';\n                            }\n                        }\n                        delete this.templateCollection[tempName];\n                    }\n                }\n            }\n        },\n        setProperties: function (prop, muteOnChange) {\n            var _this = this;\n            if (this.isVue3) {\n                this.models = !this.models ? this.ej2Instances.referModels : this.models;\n            }\n            if (this.ej2Instances && this.ej2Instances._setProperties) {\n                this.ej2Instances._setProperties(prop, muteOnChange);\n            }\n            if (prop && this.models && this.models.length) {\n                Object.keys(prop).map(function (key) {\n                    _this.models.map(function (model) {\n                        if ((key === model) && !(/datasource/i.test(key))) {\n                            if (_this.isVue3) {\n                                _this.ej2Instances.vueInstance.$emit('update:' + key, prop[key]);\n                            }\n                            else {\n                                _this.$emit('update:' + key, prop[key]);\n                                _this.$emit('modelchanged', prop[key]);\n                            }\n                        }\n                    });\n                });\n            }\n        },\n        trigger: function (eventName, eventProp, successHandler) {\n            if (!isExecute) {\n                this.models = !this.models ? this.ej2Instances.referModels : this.models;\n            }\n            if ((eventName === 'change' || eventName === 'input') && this.models && (this.models.length !== 0)) {\n                var key = this.models.toString().match(/checked|value/) || [];\n                var propKey = key[0];\n                if (eventProp && key && !isUndefined(eventProp[propKey])) {\n                    if (!isExecute) {\n                        this.ej2Instances.vueInstance.$emit('update:' + propKey, eventProp[propKey]);\n                        this.ej2Instances.vueInstance.$emit('modelchanged', eventProp[propKey]);\n                        this.ej2Instances.vueInstance.$emit('update:modelValue', eventProp[propKey]);\n                    }\n                    else {\n                        if (eventName === 'change' || (this.$props && !this.$props.isLazyUpdate)) {\n                            this.$emit('update:' + propKey, eventProp[propKey]);\n                            this.$emit('modelchanged', eventProp[propKey]);\n                        }\n                    }\n                }\n            }\n            else if ((eventName === 'actionBegin' && eventProp.requestType === 'dateNavigate') && this.models && (this.models.length !== 0)) {\n                var key = this.models.toString().match(/currentView|selectedDate/) || [];\n                var propKey = key[0];\n                if (eventProp && key && !isUndefined(eventProp[propKey])) {\n                    if (!isExecute) {\n                        this.ej2Instances.vueInstance.$emit('update:' + propKey, eventProp[propKey]);\n                        this.ej2Instances.vueInstance.$emit('modelchanged', eventProp[propKey]);\n                    }\n                    else {\n                        this.$emit('update:' + propKey, eventProp[propKey]);\n                        this.$emit('modelchanged', eventProp[propKey]);\n                    }\n                }\n            }\n            if ((this.ej2Instances && this.ej2Instances._trigger)) {\n                this.ej2Instances._trigger(eventName, eventProp, successHandler);\n            }\n        },\n        custom: function () {\n            this.updated();\n        },\n        extendModelValue: function (val) {\n            return this.ej2Instances.extendModelValue(val);\n        },\n        save: function () {\n            return this.ej2Instances.save();\n        },\n        setValue: function () {\n            return this.ej2Instances.setValue();\n        },\n        validate: function () {\n            return this.ej2Instances.validate();\n        },\n    }\n});\nexport var InPlaceEditorPlugin = {\n    name: 'ejs-inplaceeditor',\n    install: function (Vue) {\n        Vue.component(InPlaceEditorPlugin.name, InPlaceEditorComponent);\n    }\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"ej2-vue-inplace-editor.es5.js","sources":["../../src/inplace-editor/inplaceeditor.component.js"],"sourcesContent":["import { ComponentBase, gh, getProps, isExecute, vueDefineComponent } from '@syncfusion/ej2-vue-base';\nimport { isNullOrUndefined } from '@syncfusion/ej2-base';\nimport { isUndefined } from '@syncfusion/ej2-base';\nimport { InPlaceEditor } from '@syncfusion/ej2-inplace-editor';\nexport var properties = ['isLazyUpdate', 'plugins', 'actionOnBlur', 'adaptor', 'cancelButton', 'cssClass', 'disabled', 'editableOn', 'emptyText', 'enableEditMode', 'enableHtmlParse', 'enableHtmlSanitizer', 'enablePersistence', 'enableRtl', 'locale', 'mode', 'model', 'name', 'popupSettings', 'primaryKey', 'saveButton', 'showButtons', 'submitOnEnter', 'template', 'textOption', 'type', 'url', 'validationRules', 'value', 'actionBegin', 'actionFailure', 'actionSuccess', 'beforeSanitizeHtml', 'beginEdit', 'cancelClick', 'change', 'created', 'destroyed', 'endEdit', 'submitClick', 'validating'];\nexport var modelProps = ['value'];\nexport var testProp = getProps({ props: properties });\nexport var props = testProp[0], watch = testProp[1], emitProbs = Object.keys(watch);\nemitProbs.push('modelchanged', 'update:modelValue');\nfor (var _i = 0, modelProps_1 = modelProps; _i < modelProps_1.length; _i++) {\n    var props_1 = modelProps_1[_i];\n    emitProbs.push('update:' + props_1);\n}\n/**\n * `ejs-inplace-editor` represents the VueJS InPlaceEditor Component.\n * ```vue\n * <ejs-inplaceeditor></ejs-inplaceeditor>\n * ```\n */\nexport var InPlaceEditorComponent = vueDefineComponent({\n    name: 'InPlaceEditorComponent',\n    mixins: [ComponentBase],\n    props: props,\n    watch: watch,\n    emits: emitProbs,\n    model: { event: 'modelchanged' },\n    provide: function () { return { custom: this.custom }; },\n    data: function () {\n        return {\n            ej2Instances: new InPlaceEditor({}),\n            propKeys: properties,\n            models: modelProps,\n            hasChildDirective: false,\n            hasInjectedModules: true,\n            tagMapper: {},\n            tagNameMapper: {},\n            isVue3: !isExecute,\n            templateCollection: {},\n        };\n    },\n    created: function () {\n        this.ej2Instances._trigger = this.ej2Instances.trigger;\n        this.ej2Instances.trigger = this.trigger;\n        this.bindProperties();\n        this.ej2Instances._setProperties = this.ej2Instances.setProperties;\n        this.ej2Instances.setProperties = this.setProperties;\n        this.ej2Instances.clearTemplate = this.clearTemplate;\n        this.updated = this.updated;\n    },\n    render: function (createElement) {\n        var h = !isExecute ? gh : createElement;\n        var slots = null;\n        if (!isNullOrUndefined(this.$slots.default)) {\n            slots = !isExecute ? this.$slots.default() : this.$slots.default;\n        }\n        return h('div', slots);\n    },\n    methods: {\n        clearTemplate: function (templateNames) {\n            if (!templateNames) {\n                templateNames = Object.keys(this.templateCollection || {});\n            }\n            if (templateNames.length && this.templateCollection) {\n                for (var _i = 0, templateNames_1 = templateNames; _i < templateNames_1.length; _i++) {\n                    var tempName = templateNames_1[_i];\n                    var elementCollection = this.templateCollection[tempName];\n                    if (elementCollection && elementCollection.length) {\n                        for (var _a = 0, elementCollection_1 = elementCollection; _a < elementCollection_1.length; _a++) {\n                            var ele = elementCollection_1[_a];\n                            this.destroyPortals(ele);\n                        }\n                        delete this.templateCollection[tempName];\n                    }\n                }\n            }\n        },\n        setProperties: function (prop, muteOnChange) {\n            var _this = this;\n            if (this.isVue3) {\n                this.models = !this.models ? this.ej2Instances.referModels : this.models;\n            }\n            if (this.ej2Instances && this.ej2Instances._setProperties) {\n                this.ej2Instances._setProperties(prop, muteOnChange);\n            }\n            if (prop && this.models && this.models.length) {\n                Object.keys(prop).map(function (key) {\n                    _this.models.map(function (model) {\n                        if ((key === model) && !(/datasource/i.test(key))) {\n                            if (_this.isVue3) {\n                                _this.ej2Instances.vueInstance.$emit('update:' + key, prop[key]);\n                            }\n                            else {\n                                _this.$emit('update:' + key, prop[key]);\n                                _this.$emit('modelchanged', prop[key]);\n                            }\n                        }\n                    });\n                });\n            }\n        },\n        trigger: function (eventName, eventProp, successHandler) {\n            if (!isExecute) {\n                this.models = !this.models ? this.ej2Instances.referModels : this.models;\n            }\n            if ((eventName === 'change' || eventName === 'input') && this.models && (this.models.length !== 0)) {\n                var key = this.models.toString().match(/checked|value/) || [];\n                var propKey = key[0];\n                if (eventProp && key && !isUndefined(eventProp[propKey])) {\n                    if (!isExecute) {\n                        this.ej2Instances.vueInstance.$emit('update:' + propKey, eventProp[propKey]);\n                        this.ej2Instances.vueInstance.$emit('modelchanged', eventProp[propKey]);\n                        this.ej2Instances.vueInstance.$emit('update:modelValue', eventProp[propKey]);\n                    }\n                    else {\n                        if (eventName === 'change' || (this.$props && !this.$props.isLazyUpdate)) {\n                            this.$emit('update:' + propKey, eventProp[propKey]);\n                            this.$emit('modelchanged', eventProp[propKey]);\n                        }\n                    }\n                }\n            }\n            else if ((eventName === 'actionBegin' && eventProp.requestType === 'dateNavigate') && this.models && (this.models.length !== 0)) {\n                var key = this.models.toString().match(/currentView|selectedDate/) || [];\n                var propKey = key[0];\n                if (eventProp && key && !isUndefined(eventProp[propKey])) {\n                    if (!isExecute) {\n                        this.ej2Instances.vueInstance.$emit('update:' + propKey, eventProp[propKey]);\n                        this.ej2Instances.vueInstance.$emit('modelchanged', eventProp[propKey]);\n                    }\n                    else {\n                        this.$emit('update:' + propKey, eventProp[propKey]);\n                        this.$emit('modelchanged', eventProp[propKey]);\n                    }\n                }\n            }\n            if ((this.ej2Instances && this.ej2Instances._trigger)) {\n                this.ej2Instances._trigger(eventName, eventProp, successHandler);\n            }\n        },\n        custom: function () {\n            this.updated();\n        },\n        extendModelValue: function (val) {\n            return this.ej2Instances.extendModelValue(val);\n        },\n        save: function () {\n            return this.ej2Instances.save();\n        },\n        setValue: function () {\n            return this.ej2Instances.setValue();\n        },\n        validate: function () {\n            return this.ej2Instances.validate();\n        },\n    }\n});\nexport var InPlaceEditorPlugin = {\n    name: 'ejs-inplaceeditor',\n    install: function (Vue) {\n        Vue.component(InPlaceEditorPlugin.name, InPlaceEditorComponent);\n    }\n};\n"],"names":[],"mappings":"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"}

package/package.json

@@ -1,8 +1,8 @@
 {
   "_from": "@syncfusion/ej2-vue-inplace-editor@*",
-  "_id": "@syncfusion/ej2-vue-inplace-editor@25.1.35",
+  "_id": "@syncfusion/ej2-vue-inplace-editor@26.1.35",
   "_inBundle": false,
-  "_integrity": "sha512-syEFXiZ7nOnRt37PhyAmRURM/uzC7Ts9r+x+EWnceXmgKa78JpSWwiIwQm/QxtRovaMVs5p7lEajXDkf/f6mbQ==",
+  "_integrity": "sha512-DbrAYB8TALDdAQs7eRD9Ml0HYuYQq5r7T85BaNS6xIFnwaxCDqquopD4y/hxyiNKmd5kKYr7Va5WfknNCPaYLQ==",
   "_location": "/@syncfusion/ej2-vue-inplace-editor",
   "_phantomChildren": {},
   "_requested": {
@@ -19,10 +19,10 @@
   "_requiredBy": [
     "/"
   ],
-  "_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-hotfix-new/@syncfusion/ej2-vue-inplace-editor/-/ej2-vue-inplace-editor-25.1.35.tgz",
-  "_shasum": "7988147614b79447ce705c04259cbe7f4458aed2",
+  "_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-hotfix-new/@syncfusion/ej2-vue-inplace-editor/-/ej2-vue-inplace-editor-26.1.35.tgz",
+  "_shasum": "52a273c6ea905169a06b9e91b9044b2bd62c5df6",
   "_spec": "@syncfusion/ej2-vue-inplace-editor@*",
-  "_where": "/jenkins/workspace/elease-automation_release_25.1.1/packages/included",
+  "_where": "/jenkins/workspace/elease-automation_release_26.1.1/packages/included",
   "author": {
     "name": "Syncfusion Inc."
   },
@@ -31,9 +31,9 @@
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-base": "~25.2.3",
-    "@syncfusion/ej2-inplace-editor": "25.2.3",
-    "@syncfusion/ej2-vue-base": "~25.2.3"
+    "@syncfusion/ej2-base": "~26.2.4",
+    "@syncfusion/ej2-inplace-editor": "26.2.4",
+    "@syncfusion/ej2-vue-base": "~26.2.4"
   },
   "deprecated": false,
   "description": "A package of Essential JS 2 Inplace editor components, which is used to edit and update the value dynamically in server. for Vue",
@@ -58,6 +58,6 @@
     "ci-publish": "gulp ci-publish",
     "compile": "gulp ci-compile && gulp vue-global-script"
   },
-  "version": "25.2.3",
+  "version": "26.2.4",
   "sideEffects": false
 }

package/src/inplace-editor/inplaceeditor.component.d.ts

@@ -27,7 +27,7 @@ export declare type InPlaceEditorComponent = typeof ComponentBase & {
     trigger(eventName: string, eventProp: {
         [key: string]: Object;
     }, successHandler?: Function): void;
-    extendModelValue(val: string | number | boolean | Object | any | Object | string[] | Object[] | number[] | boolean[] | any[]): void;
+    extendModelValue(val: string | number | boolean | Object | object | Object | string[] | Object[] | number[] | boolean[] | object[]): void;
     save(): void;
     setValue(): void;
     validate(): void;

package/src/inplace-editor/inplaceeditor.component.js

@@ -1,5 +1,5 @@
 import { ComponentBase, gh, getProps, isExecute, vueDefineComponent } from '@syncfusion/ej2-vue-base';
-import { isNullOrUndefined, getValue } from '@syncfusion/ej2-base';
+import { isNullOrUndefined } from '@syncfusion/ej2-base';
 import { isUndefined } from '@syncfusion/ej2-base';
 import { InPlaceEditor } from '@syncfusion/ej2-inplace-editor';
 export var properties = ['isLazyUpdate', 'plugins', 'actionOnBlur', 'adaptor', 'cancelButton', 'cssClass', 'disabled', 'editableOn', 'emptyText', 'enableEditMode', 'enableHtmlParse', 'enableHtmlSanitizer', 'enablePersistence', 'enableRtl', 'locale', 'mode', 'model', 'name', 'popupSettings', 'primaryKey', 'saveButton', 'showButtons', 'submitOnEnter', 'template', 'textOption', 'type', 'url', 'validationRules', 'value', 'actionBegin', 'actionFailure', 'actionSuccess', 'beforeSanitizeHtml', 'beginEdit', 'cancelClick', 'change', 'created', 'destroyed', 'endEdit', 'submitClick', 'validating'];
@@ -67,13 +67,7 @@ export var InPlaceEditorComponent = vueDefineComponent({
                     if (elementCollection && elementCollection.length) {
                         for (var _a = 0, elementCollection_1 = elementCollection; _a < elementCollection_1.length; _a++) {
                             var ele = elementCollection_1[_a];
-                            var destroy = getValue('__vue__.$destroy', ele);
-                            if (destroy) {
-                                ele.__vue__.$destroy();
-                            }
-                            if (ele.innerHTML) {
-                                ele.innerHTML = '';
-                            }
+                            this.destroyPortals(ele);
                         }
                         delete this.templateCollection[tempName];
                     }

package/styles/fluent2.css

@@ -0,0 +1 @@
+@import '@syncfusion/ej2-inplace-editor/styles/fluent2.css';

package/styles/fluent2.scss

@@ -0,0 +1 @@
+@import 'inplace-editor/fluent2.scss';

package/styles/inplace-editor/fluent2.css

@@ -0,0 +1 @@
+@import '@syncfusion/ej2-inplace-editor/styles/inplace-editor/fluent2.css';

package/styles/inplace-editor/fluent2.scss

@@ -0,0 +1 @@
+@import 'ej2-inplace-editor/styles/inplace-editor/fluent2.scss';

package/CHANGELOG.md

@@ -1,263 +0,0 @@
-# Changelog
-
-## [Unreleased]
-
-## 20.4.54 (2023-03-14)
-
-### In-place Editor
-
-#### Bug Fixes
-
-- `#I440965` - Now, the validation works properly when using two way binding for the `value` property.
-- `#I443357` - Now, when you click the cancel button in the In-place Editor, the Rich Text Editor will no longer be focused.
-
-## 20.4.48 (2023-02-01)
-
-### In-place Editor
-
-#### Bug Fixes
-
-- `#I427677` - Resolved issue with `maxLength` validation rules for RTE type in In-place Editor.
-
-## 19.4.38 (2021-12-17)
-
-### In-place Editor
-
-#### Bug Fixes
-
-- `#I341653` - The issue with "Window `resize` event listener is not removed properly" has been resolved.
-
-## 19.2.51 (2021-08-03)
-
-### In-place Editor
-
-#### Bug Fixes
-
-- `#I335868` - The issue with "value is not being reset after form validation fails, and the cancel button is pressed" has been resolved.
-- `#I335868` - In popup mode, pressing the close-icon on the In-place editor `numeric` type changes the value to -1 has been resolved.
-
-## 19.2.44 (2021-06-30)
-
-### In-place Editor
-
-#### New Features
-
-- `#I311906`, `#FB23798` - Provided the new event `endEdit` that triggers when the edit action is finished and begin to submit/cancel the current value.
-
-#### Bug Fixes
-
-- `#I330556` - Resolved the exception raised, when the large value is typed and starting to edit for the second time in In-Place Editor.
-
-## 18.4.30 (2020-12-17)
-
-### In-place Editor
-
-#### Bug Fixes
-
-`#292832` - The issue with Validation is not working when template has more then two input elements" has been resolved.
-
-
-## 18.2.59 (2020-09-21)
-
-### In-place Editor
-
-#### Bug Fixes
-
-`#289326` - The issue with "Script error is thrown when configuring more than two validation rules in the In-place editor" has been resolved.
-
-
-## 18.2.57 (2020-09-08)
-
-### In-place Editor
-
-#### New Features
-
-- `#288860` - Provided the new events `submitClick` and `cancelClick` that triggers when clicking the In-place editor submit and cancel buttons.
-
-## 18.2.54 (2020-08-18)
-
-### In-place Editor
-
-#### New Features
-
-- `#279315` - Provided new event `change` that triggers when the integrated component value has changed that render based on the `type` property in the In-place editor.
-
-## 18.2.48 (2020-08-04)
-
-### In-place Editor
-
-#### Bug Fixes
-
-- `#284643` - The issue with "Keyborad actions closes the editor and calls the save action" has been resolved.
-
-## 18.2.45 (2020-07-14)
-
-### In-place Editor
-
-#### Bug Fixes
-
-- `#F154491` - The issue with "`OnActionBegin` event triggers only during the second time, when configuring validation with Date mode in the In-place Editor" has been resolved.
-- `#283160` - The issue with "validation occurs, when the `validationRules` API has not been configured in the In-place Editor" has been resolved.
-
-## 18.2.44 (2020-07-07)
-
-### In-place Editor
-
-#### Bug Fixes
-
-- `#273057` - Resolved the `EnableHtmlSanitizer` property is not working properly for In-place Editor value.
-
-## 17.4.51 (2020-02-25)
-
-### In-place Editor
-
-#### Bug Fixes
-
-- `#262774` - Resolved the focus not maintained issue when `type` is set to `DropDown` and enabling the `allowFiltering`.
-
-## 17.4.50 (2020-02-18)
-
-### In-place Editor
-
-#### Bug Fixes
-
-- `#255914` - Provided the `textOption` property and setting the value to `Always` will display field value on initial load when DropDown components are configured with the `fields` property.
-
-## 17.4.46 (2020-01-30)
-
-### In-place Editor
-
-#### New Features
-
-- `#258695` - Provided `cancel` argument in `beginEdit` event to prevent the open action of the editor.
-
-## 17.4.43 (2020-01-14)
-
-### In-place Editor
-
-#### New Features
-
-- `#255914` - Provided actual `text` field value display on initial load, when DropDown components are configured with the `fields` property.
-
-## 17.4.40 (2019-12-24)
-
-### In-place Editor
-
-#### Bug Fixes
-
-- `#254606` - Web accessibility related issues have been resolved.
-
-## 17.3.29 (2019-11-26)
-
-### In-place Editor
-
-#### Bug Fixes
-
-- `#253385` - The issue with displaying tooltip in the edit mode in the In-place Editor has been resolved.
-
-## 17.3.16 (2019-10-09)
-
-### In-place Editor
-
-#### Bug Fixes
-
-- `#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.
-- `#248388` - Resolved the issue with configuring `cssClass` property to customize the appearance of sub-components of the In-place Editor.
-
-## 17.2.48-beta (2019-08-28)
-
-### In-place Editor
-
-#### Bug Fixes
-
-- The display format specified for the sub components in `In-place Editor`, will now be considered when initial value is provided.
-
-## 17.2.35 (2019-07-17)
-
-### In-place Editor
-
-#### New Features
-
-- `#240715` - Provided new event `beginEdit` that triggers when change to editing mode and it helps to skip the focus from `In-place Editor` component.
-
-## 17.2.28-beta (2019-06-27)
-
-### In-place Editor
-
-#### Bug Fixes
-
-- `#237441` - Modified value not updated, when using `RichTextEditor` with `Markdown` mode issue has been resolved
-
-## 17.1.48 (2019-05-21)
-
-### In-place Editor
-
-#### Bug Fixes
-
-- `#235175` - Issue with modules injection in Angular production mode that issue has been resolved.
-
-## 17.1.47 (2019-05-14)
-
-### In-place Editor
-
-#### Bug Fixes
-
-- Toolbar fails to render properly in `RichTextEditor` In-Place Editor when `afterOpen` is set, that issue has been fixed.
-- Not able to hide the close icon issue has been fixed.
-- Change event doesn't trigger, when `RichTextEditor` blurs that issue has been fixed.
-
-## 16.4.53 (2019-02-13)
-
-### In-place Editor
-
-#### Bug Fixes
-
-- Console error is thrown while validating `RTE` editor value issue has been fixed.
-
-## 16.4.48 (2019-01-22)
-
-### In-place Editor
-
-#### New Features
-
-- Type `number` support provided for `primaryKey` API.
-
-#### Bug Fixes
-
-- Formatting not applied to calendar component issue fixed.
-- Key returned instead of value while using `fieldSettings` with `dropDown` components issue has been fixed.
-
-## 16.4.44 (2018-12-24)
-
-### In-place Editor
-
-#### Bug Fixes
-
-- `space` key action issue is fixed with clicking save and cancel buttons.
-- Value persistence issue with `multi-select` when doing cancel action after removing selected item.
-- Double-Click issue in IOS device is fixed.
-- `Invalid background value` warning thrown in `In-place Editor`, that issue has been fixed.
-
-## 16.4.40-beta (2018-12-10)
-
-### In-place Editor
-
-The In-place Editor component is used to edit and update the input value dynamically to the server. It supports integrating many component types such as “DropDownList”,”DatePicker”,”AutoComplete”, etc.
-
-
-- **Render mode** - Provides two types of rendering modes when editing the input, namely “Inline” and “Popup”.
-- **Component integration** - Support to integrate components such as “DropDownList”, “DatePicker”,” AutoComplete”, etc. to the In-place Editor.
-- **Data binding**  - Bind the In-place Editor component with an array of JSON objects or DataManager to save the edited data to the server.
-- **Customization**  - Offers UI customization such as popup, buttons, and also denotes editable content state.
-- **Template**  - Templates can be used to integrate custom controls to the In-place Editor.
-- **Globalization**  - Provides right to left and localization support.
-
-