@syncfusion/ej2-vue-inplace-editor 21.1.36 → 21.1.42

package/CHANGELOG.md

@@ -2,12 +2,6 @@
 
 ## [Unreleased]
 
-### In-place Editor
-
-#### Bug Fixes
-
-- `#FB182978` - Resolved an issue Hidden save and cancel icons when focused on using tab key navigation.
-
 ## 20.4.54 (2023-03-14)
 
 ### In-place Editor

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

@@ -1,11 +1,11 @@
 /*!
 *  filename: ej2-vue-inplace-editor.umd.min.js
-*  version : 21.1.36
+*  version : 21.1.37
 *  Copyright Syncfusion Inc. 2001 - 2020. 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{ej2Instance: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.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})});
 //# 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            ej2Instance: 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","ej2Instance","InPlaceEditor","propKeys","models","hasChildDirective","hasInjectedModules","tagMapper","tagNameMapper","isVue3","isExecute","templateCollection","created","ej2Instances","_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, 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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"}

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

@@ -28,7 +28,7 @@ let InPlaceEditorComponent = vueDefineComponent({
     provide() { return { custom: this.custom }; },
     data() {
         return {
-            ej2Instance: new InPlaceEditor({}),
+            ej2Instances: new InPlaceEditor({}),
             propKeys: properties,
             models: modelProps,
             hasChildDirective: false,

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            ej2Instance: 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, 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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"}

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

@@ -29,7 +29,7 @@ var InPlaceEditorComponent = vueDefineComponent({
     provide: function () { return { custom: this.custom }; },
     data: function () {
         return {
-            ej2Instance: new InPlaceEditor({}),
+            ej2Instances: new InPlaceEditor({}),
             propKeys: properties,
             models: modelProps,
             hasChildDirective: false,

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            ej2Instance: 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, 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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"}

package/package.json

@@ -1,28 +1,28 @@
 {
-  "_from": "@syncfusion/ej2-vue-inplace-editor@*",
-  "_id": "@syncfusion/ej2-vue-inplace-editor@22.1.34",
+  "_from": "@syncfusion/ej2-vue-inplace-editor@21.1.37",
+  "_id": "@syncfusion/ej2-vue-inplace-editor@21.1.37",
   "_inBundle": false,
-  "_integrity": "sha512-Q6RZvc7r4t5CLz9AuQ1lGEMWVkgjUHU3pdPBDghFLeTVpsJMsd1s1wh9wb86SocDU9e/fAZlNPLPIkb9nAHe6g==",
+  "_integrity": "sha512-bt9jKJdTHTvdorrQHzzZWsyJrPq5zXSDQJ1JD2/E+6mxe6vDFSm7YfkL8kbIrIzxeQ/oVKXSRh6tf9VQO9nyYg==",
   "_location": "/@syncfusion/ej2-vue-inplace-editor",
   "_phantomChildren": {},
   "_requested": {
-    "type": "range",
+    "type": "version",
     "registry": true,
-    "raw": "@syncfusion/ej2-vue-inplace-editor@*",
+    "raw": "@syncfusion/ej2-vue-inplace-editor@21.1.37",
     "name": "@syncfusion/ej2-vue-inplace-editor",
     "escapedName": "@syncfusion%2fej2-vue-inplace-editor",
     "scope": "@syncfusion",
-    "rawSpec": "*",
+    "rawSpec": "21.1.37",
     "saveSpec": null,
-    "fetchSpec": "*"
+    "fetchSpec": "21.1.37"
   },
   "_requiredBy": [
     "/"
   ],
-  "_resolved": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-vue-inplace-editor/-/ej2-vue-inplace-editor-22.1.34.tgz",
-  "_shasum": "bf055572e4fd316e637059c3bcb2ab27ac35ea29",
-  "_spec": "@syncfusion/ej2-vue-inplace-editor@*",
-  "_where": "/jenkins/workspace/elease-automation_release_21.1.1/packages/included",
+  "_resolved": "https://registry.npmjs.org/@syncfusion/ej2-vue-inplace-editor/-/ej2-vue-inplace-editor-21.1.37.tgz",
+  "_shasum": "84031f52c2f1186f38ca4aeca4374d11a2727a8f",
+  "_spec": "@syncfusion/ej2-vue-inplace-editor@21.1.37",
+  "_where": "E:\\june\\remove",
   "author": {
     "name": "Syncfusion Inc."
   },
@@ -31,9 +31,9 @@
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-base": "~22.1.34",
-    "@syncfusion/ej2-inplace-editor": "21.1.36",
-    "@syncfusion/ej2-vue-base": "~22.1.34"
+    "@syncfusion/ej2-base": "~21.1.37",
+    "@syncfusion/ej2-inplace-editor": "21.1.37",
+    "@syncfusion/ej2-vue-base": "~21.1.37"
   },
   "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": "21.1.36",
-  "sideEffects": false
-}
+  "sideEffects": false,
+  "version": "21.1.42"
+}

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

@@ -27,7 +27,7 @@ export var InPlaceEditorComponent = vueDefineComponent({
     provide: function () { return { custom: this.custom }; },
     data: function () {
         return {
-            ej2Instance: new InPlaceEditor({}),
+            ej2Instances: new InPlaceEditor({}),
             propKeys: properties,
             models: modelProps,
             hasChildDirective: false,

package/styles/bootstrap.css

@@ -197,8 +197,8 @@
 .e-rte-toolbar.e-extended-toolbar .e-toolbar-extended .e-rte-fontcolor-dropdown,
 .e-rte-toolbar.e-extended-toolbar .e-toolbar-extended .e-rte-numberformatlist-dropdown,
 .e-rte-toolbar.e-extended-toolbar .e-toolbar-extended .e-rte-bulletformatlist-dropdown {
-  padding-bottom: 1px;
-  padding-top: 1px;
+  padding-bottom: 0;
+  padding-top: 0;
 }
 .e-rte-toolbar .e-toolbar-items .e-rte-backgroundcolor-dropdown.e-tbar-btn.e-btn:hover, .e-rte-toolbar .e-toolbar-items .e-rte-backgroundcolor-dropdown.e-tbar-btn.e-btn.e-active, .e-rte-toolbar .e-toolbar-items .e-rte-backgroundcolor-dropdown.e-tbar-btn.e-btn.e-active:hover,
 .e-rte-toolbar .e-toolbar-items .e-rte-fontcolor-dropdown.e-tbar-btn.e-btn:hover,

package/styles/bootstrap4.css

@@ -284,8 +284,8 @@
 }
 .e-richtexteditor .e-rte-toolbar.e-extended-toolbar .e-toolbar-items .e-toolbar-item .e-rte-inline-dropdown.e-control.e-tbar-btn.e-btn, .e-richtexteditor .e-rte-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-rte-inline-dropdown.e-control.e-tbar-btn.e-btn {
   border: 1px solid transparent;
-  padding-bottom: 0;
-  padding-top: 0;
+  padding-bottom: 1px;
+  padding-top: 1px;
 }
 .e-richtexteditor .e-rte-content {
   border-bottom-left-radius: 4px;
@@ -1066,14 +1066,6 @@
   background-color: #5a6268;
   border: 1px solid #545b62;
 }
-.e-inplaceeditor .e-editable-action-buttons .e-btn-save.e-icon-btn:disabled,
-.e-inplaceeditor .e-editable-action-buttons .e-btn-cancel.e-icon-btn:disabled,
-.e-inplaceeditor-tip .e-editable-action-buttons .e-btn-save.e-icon-btn:disabled,
-.e-inplaceeditor-tip .e-editable-action-buttons .e-btn-cancel.e-icon-btn:disabled {
-  background-color: #fff;
-  border: 1px solid #ced4da;
-  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.25);
-}
 .e-inplaceeditor .e-editable-action-buttons .e-btn-save.e-icon-btn:focus,
 .e-inplaceeditor .e-editable-action-buttons .e-btn-cancel.e-icon-btn:focus,
 .e-inplaceeditor-tip .e-editable-action-buttons .e-btn-save.e-icon-btn:focus,
@@ -1088,21 +1080,18 @@
   background-color: #545b62;
   border: 1px solid #4e555b;
 }
-.e-inplaceeditor .e-editable-action-buttons .e-btn-save.e-icon-btn:hover .e-btn-icon.e-icons, .e-inplaceeditor .e-editable-action-buttons .e-btn-save.e-icon-btn:active .e-btn-icon.e-icons,
+.e-inplaceeditor .e-editable-action-buttons .e-btn-save.e-icon-btn:hover .e-btn-icon.e-icons, .e-inplaceeditor .e-editable-action-buttons .e-btn-save.e-icon-btn:focus .e-btn-icon.e-icons, .e-inplaceeditor .e-editable-action-buttons .e-btn-save.e-icon-btn:active .e-btn-icon.e-icons,
 .e-inplaceeditor .e-editable-action-buttons .e-btn-cancel.e-icon-btn:hover .e-btn-icon.e-icons,
+.e-inplaceeditor .e-editable-action-buttons .e-btn-cancel.e-icon-btn:focus .e-btn-icon.e-icons,
 .e-inplaceeditor .e-editable-action-buttons .e-btn-cancel.e-icon-btn:active .e-btn-icon.e-icons,
 .e-inplaceeditor-tip .e-editable-action-buttons .e-btn-save.e-icon-btn:hover .e-btn-icon.e-icons,
+.e-inplaceeditor-tip .e-editable-action-buttons .e-btn-save.e-icon-btn:focus .e-btn-icon.e-icons,
 .e-inplaceeditor-tip .e-editable-action-buttons .e-btn-save.e-icon-btn:active .e-btn-icon.e-icons,
 .e-inplaceeditor-tip .e-editable-action-buttons .e-btn-cancel.e-icon-btn:hover .e-btn-icon.e-icons,
+.e-inplaceeditor-tip .e-editable-action-buttons .e-btn-cancel.e-icon-btn:focus .e-btn-icon.e-icons,
 .e-inplaceeditor-tip .e-editable-action-buttons .e-btn-cancel.e-icon-btn:active .e-btn-icon.e-icons {
   color: #fff;
 }
-.e-inplaceeditor .e-editable-action-buttons .e-btn-save.e-icon-btn:focus .e-btn-icon.e-icons,
-.e-inplaceeditor .e-editable-action-buttons .e-btn-cancel.e-icon-btn:focus .e-btn-icon.e-icons,
-.e-inplaceeditor-tip .e-editable-action-buttons .e-btn-save.e-icon-btn:focus .e-btn-icon.e-icons,
-.e-inplaceeditor-tip .e-editable-action-buttons .e-btn-cancel.e-icon-btn:focus .e-btn-icon.e-icons {
-  color: #fff;
-}
 
 .e-inplaceeditor-tip.e-tooltip-wrap.e-popup {
   background: #fff;

package/styles/bootstrap5-dark.css

@@ -777,23 +777,19 @@
   background-color: #5a6268;
   border: 1px solid #545b62;
 }
-.e-inplaceeditor .e-editable-action-buttons .e-btn-save.e-icon-btn:disabled,
-.e-inplaceeditor .e-editable-action-buttons .e-btn-cancel.e-icon-btn:disabled,
-.e-inplaceeditor-tip .e-editable-action-buttons .e-btn-save.e-icon-btn:disabled,
-.e-inplaceeditor-tip .e-editable-action-buttons .e-btn-cancel.e-icon-btn:disabled {
-  background-color: #212529;
-  border: 1px solid #444c54;
-  border-radius: 4px;
-}
-.e-inplaceeditor .e-editable-action-buttons .e-btn-save.e-icon-btn:hover .e-btn-icon.e-icons, .e-inplaceeditor .e-editable-action-buttons .e-btn-save.e-icon-btn:active .e-btn-icon.e-icons,
+.e-inplaceeditor .e-editable-action-buttons .e-btn-save.e-icon-btn:hover .e-btn-icon.e-icons, .e-inplaceeditor .e-editable-action-buttons .e-btn-save.e-icon-btn:focus .e-btn-icon.e-icons, .e-inplaceeditor .e-editable-action-buttons .e-btn-save.e-icon-btn:active .e-btn-icon.e-icons,
 .e-inplaceeditor .e-editable-action-buttons .e-btn-cancel.e-icon-btn:hover .e-btn-icon.e-icons,
+.e-inplaceeditor .e-editable-action-buttons .e-btn-cancel.e-icon-btn:focus .e-btn-icon.e-icons,
 .e-inplaceeditor .e-editable-action-buttons .e-btn-cancel.e-icon-btn:active .e-btn-icon.e-icons,
 .e-inplaceeditor-tip .e-editable-action-buttons .e-btn-save.e-icon-btn:hover .e-btn-icon.e-icons,
+.e-inplaceeditor-tip .e-editable-action-buttons .e-btn-save.e-icon-btn:focus .e-btn-icon.e-icons,
 .e-inplaceeditor-tip .e-editable-action-buttons .e-btn-save.e-icon-btn:active .e-btn-icon.e-icons,
 .e-inplaceeditor-tip .e-editable-action-buttons .e-btn-cancel.e-icon-btn:hover .e-btn-icon.e-icons,
+.e-inplaceeditor-tip .e-editable-action-buttons .e-btn-cancel.e-icon-btn:focus .e-btn-icon.e-icons,
 .e-inplaceeditor-tip .e-editable-action-buttons .e-btn-cancel.e-icon-btn:active .e-btn-icon.e-icons {
   color: #fff;
 }
+
 .e-inplaceeditor .e-editable-value-wrapper {
   background-color: transparent;
   border-radius: 4px;

package/styles/bootstrap5.css

@@ -777,23 +777,19 @@
   background-color: #5a6268;
   border: 1px solid #545b62;
 }
-.e-inplaceeditor .e-editable-action-buttons .e-btn-save.e-icon-btn:disabled,
-.e-inplaceeditor .e-editable-action-buttons .e-btn-cancel.e-icon-btn:disabled,
-.e-inplaceeditor-tip .e-editable-action-buttons .e-btn-save.e-icon-btn:disabled,
-.e-inplaceeditor-tip .e-editable-action-buttons .e-btn-cancel.e-icon-btn:disabled {
-  background-color: #fff;
-  border: 1px solid #dee2e6;
-  border-radius: 4px;
-}
-.e-inplaceeditor .e-editable-action-buttons .e-btn-save.e-icon-btn:hover .e-btn-icon.e-icons, .e-inplaceeditor .e-editable-action-buttons .e-btn-save.e-icon-btn:active .e-btn-icon.e-icons,
+.e-inplaceeditor .e-editable-action-buttons .e-btn-save.e-icon-btn:hover .e-btn-icon.e-icons, .e-inplaceeditor .e-editable-action-buttons .e-btn-save.e-icon-btn:focus .e-btn-icon.e-icons, .e-inplaceeditor .e-editable-action-buttons .e-btn-save.e-icon-btn:active .e-btn-icon.e-icons,
 .e-inplaceeditor .e-editable-action-buttons .e-btn-cancel.e-icon-btn:hover .e-btn-icon.e-icons,
+.e-inplaceeditor .e-editable-action-buttons .e-btn-cancel.e-icon-btn:focus .e-btn-icon.e-icons,
 .e-inplaceeditor .e-editable-action-buttons .e-btn-cancel.e-icon-btn:active .e-btn-icon.e-icons,
 .e-inplaceeditor-tip .e-editable-action-buttons .e-btn-save.e-icon-btn:hover .e-btn-icon.e-icons,
+.e-inplaceeditor-tip .e-editable-action-buttons .e-btn-save.e-icon-btn:focus .e-btn-icon.e-icons,
 .e-inplaceeditor-tip .e-editable-action-buttons .e-btn-save.e-icon-btn:active .e-btn-icon.e-icons,
 .e-inplaceeditor-tip .e-editable-action-buttons .e-btn-cancel.e-icon-btn:hover .e-btn-icon.e-icons,
+.e-inplaceeditor-tip .e-editable-action-buttons .e-btn-cancel.e-icon-btn:focus .e-btn-icon.e-icons,
 .e-inplaceeditor-tip .e-editable-action-buttons .e-btn-cancel.e-icon-btn:active .e-btn-icon.e-icons {
   color: #fff;
 }
+
 .e-inplaceeditor .e-editable-value-wrapper {
   background-color: transparent;
   border-radius: 4px;

package/styles/inplace-editor/bootstrap.css

@@ -197,8 +197,8 @@
 .e-rte-toolbar.e-extended-toolbar .e-toolbar-extended .e-rte-fontcolor-dropdown,
 .e-rte-toolbar.e-extended-toolbar .e-toolbar-extended .e-rte-numberformatlist-dropdown,
 .e-rte-toolbar.e-extended-toolbar .e-toolbar-extended .e-rte-bulletformatlist-dropdown {
-  padding-bottom: 1px;
-  padding-top: 1px;
+  padding-bottom: 0;
+  padding-top: 0;
 }
 .e-rte-toolbar .e-toolbar-items .e-rte-backgroundcolor-dropdown.e-tbar-btn.e-btn:hover, .e-rte-toolbar .e-toolbar-items .e-rte-backgroundcolor-dropdown.e-tbar-btn.e-btn.e-active, .e-rte-toolbar .e-toolbar-items .e-rte-backgroundcolor-dropdown.e-tbar-btn.e-btn.e-active:hover,
 .e-rte-toolbar .e-toolbar-items .e-rte-fontcolor-dropdown.e-tbar-btn.e-btn:hover,

package/styles/inplace-editor/bootstrap4.css

@@ -284,8 +284,8 @@
 }
 .e-richtexteditor .e-rte-toolbar.e-extended-toolbar .e-toolbar-items .e-toolbar-item .e-rte-inline-dropdown.e-control.e-tbar-btn.e-btn, .e-richtexteditor .e-rte-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-rte-inline-dropdown.e-control.e-tbar-btn.e-btn {
   border: 1px solid transparent;
-  padding-bottom: 0;
-  padding-top: 0;
+  padding-bottom: 1px;
+  padding-top: 1px;
 }
 .e-richtexteditor .e-rte-content {
   border-bottom-left-radius: 4px;
@@ -1066,14 +1066,6 @@
   background-color: #5a6268;
   border: 1px solid #545b62;
 }
-.e-inplaceeditor .e-editable-action-buttons .e-btn-save.e-icon-btn:disabled,
-.e-inplaceeditor .e-editable-action-buttons .e-btn-cancel.e-icon-btn:disabled,
-.e-inplaceeditor-tip .e-editable-action-buttons .e-btn-save.e-icon-btn:disabled,
-.e-inplaceeditor-tip .e-editable-action-buttons .e-btn-cancel.e-icon-btn:disabled {
-  background-color: #fff;
-  border: 1px solid #ced4da;
-  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.25);
-}
 .e-inplaceeditor .e-editable-action-buttons .e-btn-save.e-icon-btn:focus,
 .e-inplaceeditor .e-editable-action-buttons .e-btn-cancel.e-icon-btn:focus,
 .e-inplaceeditor-tip .e-editable-action-buttons .e-btn-save.e-icon-btn:focus,
@@ -1088,21 +1080,18 @@
   background-color: #545b62;
   border: 1px solid #4e555b;
 }
-.e-inplaceeditor .e-editable-action-buttons .e-btn-save.e-icon-btn:hover .e-btn-icon.e-icons, .e-inplaceeditor .e-editable-action-buttons .e-btn-save.e-icon-btn:active .e-btn-icon.e-icons,
+.e-inplaceeditor .e-editable-action-buttons .e-btn-save.e-icon-btn:hover .e-btn-icon.e-icons, .e-inplaceeditor .e-editable-action-buttons .e-btn-save.e-icon-btn:focus .e-btn-icon.e-icons, .e-inplaceeditor .e-editable-action-buttons .e-btn-save.e-icon-btn:active .e-btn-icon.e-icons,
 .e-inplaceeditor .e-editable-action-buttons .e-btn-cancel.e-icon-btn:hover .e-btn-icon.e-icons,
+.e-inplaceeditor .e-editable-action-buttons .e-btn-cancel.e-icon-btn:focus .e-btn-icon.e-icons,
 .e-inplaceeditor .e-editable-action-buttons .e-btn-cancel.e-icon-btn:active .e-btn-icon.e-icons,
 .e-inplaceeditor-tip .e-editable-action-buttons .e-btn-save.e-icon-btn:hover .e-btn-icon.e-icons,
+.e-inplaceeditor-tip .e-editable-action-buttons .e-btn-save.e-icon-btn:focus .e-btn-icon.e-icons,
 .e-inplaceeditor-tip .e-editable-action-buttons .e-btn-save.e-icon-btn:active .e-btn-icon.e-icons,
 .e-inplaceeditor-tip .e-editable-action-buttons .e-btn-cancel.e-icon-btn:hover .e-btn-icon.e-icons,
+.e-inplaceeditor-tip .e-editable-action-buttons .e-btn-cancel.e-icon-btn:focus .e-btn-icon.e-icons,
 .e-inplaceeditor-tip .e-editable-action-buttons .e-btn-cancel.e-icon-btn:active .e-btn-icon.e-icons {
   color: #fff;
 }
-.e-inplaceeditor .e-editable-action-buttons .e-btn-save.e-icon-btn:focus .e-btn-icon.e-icons,
-.e-inplaceeditor .e-editable-action-buttons .e-btn-cancel.e-icon-btn:focus .e-btn-icon.e-icons,
-.e-inplaceeditor-tip .e-editable-action-buttons .e-btn-save.e-icon-btn:focus .e-btn-icon.e-icons,
-.e-inplaceeditor-tip .e-editable-action-buttons .e-btn-cancel.e-icon-btn:focus .e-btn-icon.e-icons {
-  color: #fff;
-}
 
 .e-inplaceeditor-tip.e-tooltip-wrap.e-popup {
   background: #fff;

package/styles/inplace-editor/bootstrap5-dark.css

@@ -777,23 +777,19 @@
   background-color: #5a6268;
   border: 1px solid #545b62;
 }
-.e-inplaceeditor .e-editable-action-buttons .e-btn-save.e-icon-btn:disabled,
-.e-inplaceeditor .e-editable-action-buttons .e-btn-cancel.e-icon-btn:disabled,
-.e-inplaceeditor-tip .e-editable-action-buttons .e-btn-save.e-icon-btn:disabled,
-.e-inplaceeditor-tip .e-editable-action-buttons .e-btn-cancel.e-icon-btn:disabled {
-  background-color: #212529;
-  border: 1px solid #444c54;
-  border-radius: 4px;
-}
-.e-inplaceeditor .e-editable-action-buttons .e-btn-save.e-icon-btn:hover .e-btn-icon.e-icons, .e-inplaceeditor .e-editable-action-buttons .e-btn-save.e-icon-btn:active .e-btn-icon.e-icons,
+.e-inplaceeditor .e-editable-action-buttons .e-btn-save.e-icon-btn:hover .e-btn-icon.e-icons, .e-inplaceeditor .e-editable-action-buttons .e-btn-save.e-icon-btn:focus .e-btn-icon.e-icons, .e-inplaceeditor .e-editable-action-buttons .e-btn-save.e-icon-btn:active .e-btn-icon.e-icons,
 .e-inplaceeditor .e-editable-action-buttons .e-btn-cancel.e-icon-btn:hover .e-btn-icon.e-icons,
+.e-inplaceeditor .e-editable-action-buttons .e-btn-cancel.e-icon-btn:focus .e-btn-icon.e-icons,
 .e-inplaceeditor .e-editable-action-buttons .e-btn-cancel.e-icon-btn:active .e-btn-icon.e-icons,
 .e-inplaceeditor-tip .e-editable-action-buttons .e-btn-save.e-icon-btn:hover .e-btn-icon.e-icons,
+.e-inplaceeditor-tip .e-editable-action-buttons .e-btn-save.e-icon-btn:focus .e-btn-icon.e-icons,
 .e-inplaceeditor-tip .e-editable-action-buttons .e-btn-save.e-icon-btn:active .e-btn-icon.e-icons,
 .e-inplaceeditor-tip .e-editable-action-buttons .e-btn-cancel.e-icon-btn:hover .e-btn-icon.e-icons,
+.e-inplaceeditor-tip .e-editable-action-buttons .e-btn-cancel.e-icon-btn:focus .e-btn-icon.e-icons,
 .e-inplaceeditor-tip .e-editable-action-buttons .e-btn-cancel.e-icon-btn:active .e-btn-icon.e-icons {
   color: #fff;
 }
+
 .e-inplaceeditor .e-editable-value-wrapper {
   background-color: transparent;
   border-radius: 4px;

package/styles/inplace-editor/bootstrap5.css

@@ -777,23 +777,19 @@
   background-color: #5a6268;
   border: 1px solid #545b62;
 }
-.e-inplaceeditor .e-editable-action-buttons .e-btn-save.e-icon-btn:disabled,
-.e-inplaceeditor .e-editable-action-buttons .e-btn-cancel.e-icon-btn:disabled,
-.e-inplaceeditor-tip .e-editable-action-buttons .e-btn-save.e-icon-btn:disabled,
-.e-inplaceeditor-tip .e-editable-action-buttons .e-btn-cancel.e-icon-btn:disabled {
-  background-color: #fff;
-  border: 1px solid #dee2e6;
-  border-radius: 4px;
-}
-.e-inplaceeditor .e-editable-action-buttons .e-btn-save.e-icon-btn:hover .e-btn-icon.e-icons, .e-inplaceeditor .e-editable-action-buttons .e-btn-save.e-icon-btn:active .e-btn-icon.e-icons,
+.e-inplaceeditor .e-editable-action-buttons .e-btn-save.e-icon-btn:hover .e-btn-icon.e-icons, .e-inplaceeditor .e-editable-action-buttons .e-btn-save.e-icon-btn:focus .e-btn-icon.e-icons, .e-inplaceeditor .e-editable-action-buttons .e-btn-save.e-icon-btn:active .e-btn-icon.e-icons,
 .e-inplaceeditor .e-editable-action-buttons .e-btn-cancel.e-icon-btn:hover .e-btn-icon.e-icons,
+.e-inplaceeditor .e-editable-action-buttons .e-btn-cancel.e-icon-btn:focus .e-btn-icon.e-icons,
 .e-inplaceeditor .e-editable-action-buttons .e-btn-cancel.e-icon-btn:active .e-btn-icon.e-icons,
 .e-inplaceeditor-tip .e-editable-action-buttons .e-btn-save.e-icon-btn:hover .e-btn-icon.e-icons,
+.e-inplaceeditor-tip .e-editable-action-buttons .e-btn-save.e-icon-btn:focus .e-btn-icon.e-icons,
 .e-inplaceeditor-tip .e-editable-action-buttons .e-btn-save.e-icon-btn:active .e-btn-icon.e-icons,
 .e-inplaceeditor-tip .e-editable-action-buttons .e-btn-cancel.e-icon-btn:hover .e-btn-icon.e-icons,
+.e-inplaceeditor-tip .e-editable-action-buttons .e-btn-cancel.e-icon-btn:focus .e-btn-icon.e-icons,
 .e-inplaceeditor-tip .e-editable-action-buttons .e-btn-cancel.e-icon-btn:active .e-btn-icon.e-icons {
   color: #fff;
 }
+
 .e-inplaceeditor .e-editable-value-wrapper {
   background-color: transparent;
   border-radius: 4px;