@syncfusion/ej2-inplace-editor 20.4.42 → 20.4.54

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

@@ -918,7 +918,7 @@ var InPlaceEditor = /** @__PURE__ @class */ (function (_super) {
             this.submitBtn = undefined;
         }
         if (!isNullOrUndefined(this.cancelBtn)) {
-            EventHandler.remove(this.cancelBtn.element, 'mousedown', this.cancelBtnClick);
+            EventHandler.remove(this.cancelBtn.element, 'mouseup', this.cancelBtnClick);
             EventHandler.remove(this.cancelBtn.element, 'keydown', this.btnKeyDownHandler);
             this.cancelBtn.destroy();
             this.cancelBtn = undefined;
@@ -1061,6 +1061,13 @@ var InPlaceEditor = /** @__PURE__ @class */ (function (_super) {
             var count_1 = 0;
             this.formValidate = new FormValidator(this.formEle, {
                 rules: this.validationRules,
+                validationBegin: function (e) {
+                    if (_this.type === 'RTE') {
+                        var ele = document.createElement('div');
+                        ele.innerHTML = e.value;
+                        e.value = ele.innerText;
+                    }
+                },
                 validationComplete: function (e) {
                     count_1 = count_1 + 1;
                     args = {
@@ -1206,7 +1213,7 @@ var InPlaceEditor = /** @__PURE__ @class */ (function (_super) {
             EventHandler.add(this.submitBtn.element, 'keydown', this.btnKeyDownHandler, this);
         }
         if (!isNullOrUndefined(this.cancelBtn)) {
-            EventHandler.add(this.cancelBtn.element, 'mousedown', this.cancelBtnClick, this);
+            EventHandler.add(this.cancelBtn.element, 'mouseup', this.cancelBtnClick, this);
             EventHandler.add(this.cancelBtn.element, 'keydown', this.btnKeyDownHandler, this);
         }
     };
@@ -1515,58 +1522,62 @@ var InPlaceEditor = /** @__PURE__ @class */ (function (_super) {
      * @private
      */
     InPlaceEditor.prototype.onPropertyChanged = function (newProp, oldProp) {
-        if (this.isEditorOpen()) {
-            var editModeChanged = 'enableEditMode' in newProp;
-            if ((editModeChanged && oldProp.enableEditMode && !newProp.enableEditMode) || (!editModeChanged && this.enableEditMode)) {
-                this.triggerEndEdit('cancel');
-            }
-            else {
-                this.removeEditor();
+        var checkValidation = this.validationRules ? !isNullOrUndefined(this.element.querySelectorAll('.' + ERROR)) &&
+            this.element.querySelectorAll('.' + ERROR).length > 0 ? false : true : true;
+        if (checkValidation) {
+            if (this.isEditorOpen()) {
+                var editModeChanged = 'enableEditMode' in newProp;
+                if ((editModeChanged && oldProp.enableEditMode && !newProp.enableEditMode) || (!editModeChanged && this.enableEditMode)) {
+                    this.triggerEndEdit('cancel');
+                }
+                else {
+                    this.removeEditor();
+                }
             }
-        }
-        for (var _i = 0, _a = Object.keys(newProp); _i < _a.length; _i++) {
-            var prop = _a[_i];
-            switch (prop) {
-                case 'showButtons':
-                    // eslint-disable-next-line
-                    (newProp.showButtons) ? this.appendButtons(this.formEle) : this.destroyButtons();
-                    break;
-                case 'value':
-                    this.updateValue();
-                    // eslint-disable-next-line
-                    this.textOption === 'Never' ? this.renderValue(this.checkValue(parseValue(this.type, this.value, this.model)))
-                        : this.renderInitialValue();
-                    break;
-                case 'emptyText':
-                    // eslint-disable-next-line
-                    this.textOption === 'Never' ? this.renderValue(this.checkValue(parseValue(this.type, this.value, this.model)))
-                        : this.renderInitialValue();
-                    break;
-                case 'template':
-                    this.checkIsTemplate();
-                    break;
-                case 'disabled':
-                    this.disable(newProp.disabled);
-                    break;
-                case 'enableRtl':
-                    this.setRtl(newProp.enableRtl);
-                    break;
-                case 'cssClass':
-                    this.setClass('remove', oldProp.cssClass);
-                    this.setClass('add', newProp.cssClass);
-                    break;
-                case 'mode':
-                    this.enableEditor(this.enableEditMode);
-                    break;
-                case 'enableEditMode':
-                    this.enableEditor(newProp.enableEditMode);
-                    break;
-                case 'editableOn':
-                    this.unWireEditEvent(oldProp.editableOn);
-                    if (newProp.editableOn !== 'EditIconClick') {
-                        this.wireEditEvent(newProp.editableOn);
-                    }
-                    break;
+            for (var _i = 0, _a = Object.keys(newProp); _i < _a.length; _i++) {
+                var prop = _a[_i];
+                switch (prop) {
+                    case 'showButtons':
+                        // eslint-disable-next-line
+                        (newProp.showButtons) ? this.appendButtons(this.formEle) : this.destroyButtons();
+                        break;
+                    case 'value':
+                        this.updateValue();
+                        // eslint-disable-next-line
+                        this.textOption === 'Never' ? this.renderValue(this.checkValue(parseValue(this.type, this.value, this.model)))
+                            : this.renderInitialValue();
+                        break;
+                    case 'emptyText':
+                        // eslint-disable-next-line
+                        this.textOption === 'Never' ? this.renderValue(this.checkValue(parseValue(this.type, this.value, this.model)))
+                            : this.renderInitialValue();
+                        break;
+                    case 'template':
+                        this.checkIsTemplate();
+                        break;
+                    case 'disabled':
+                        this.disable(newProp.disabled);
+                        break;
+                    case 'enableRtl':
+                        this.setRtl(newProp.enableRtl);
+                        break;
+                    case 'cssClass':
+                        this.setClass('remove', oldProp.cssClass);
+                        this.setClass('add', newProp.cssClass);
+                        break;
+                    case 'mode':
+                        this.enableEditor(this.enableEditMode);
+                        break;
+                    case 'enableEditMode':
+                        this.enableEditor(newProp.enableEditMode);
+                        break;
+                    case 'editableOn':
+                        this.unWireEditEvent(oldProp.editableOn);
+                        if (newProp.editableOn !== 'EditIconClick') {
+                            this.wireEditEvent(newProp.editableOn);
+                        }
+                        break;
+                }
             }
         }
     };