@syncfusion/ej2-inplace-editor 20.4.48 → 21.1.35

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

@@ -160,7 +160,6 @@ var PopupSettings = /** @__PURE__ @class */ (function (_super) {
  * @hidden
  */
 var modulesList = {
-    /* eslint-disable */
     'AutoComplete': 'auto-complete',
     'Color': 'color-picker',
     'ComboBox': 'combo-box',
@@ -176,7 +175,6 @@ var modulesList = {
  */
 // eslint-disable-next-line
 var localeConstant = {
-    /* eslint-disable */
     'Click': { 'editAreaClick': 'Click to edit' },
     'DblClick': { 'editAreaDoubleClick': 'Double click to edit' },
     'EditIconClick': { 'editAreaClick': 'Click to edit' }
@@ -342,7 +340,6 @@ var InPlaceEditor = /** @__PURE__ @class */ (function (_super) {
         this.updateAdaptor();
         this.appendValueElement();
         this.updateValue();
-        // eslint-disable-next-line
         this.textOption === 'Never' ?
             this.renderValue(this.checkValue(parseValue(this.type, this.value, this.model)))
             : this.renderInitialValue();
@@ -357,7 +354,6 @@ var InPlaceEditor = /** @__PURE__ @class */ (function (_super) {
             var allClassName = val.split(' ');
             for (var i = 0; i < allClassName.length; i++) {
                 if (allClassName[i].trim() !== '') {
-                    // eslint-disable-next-line
                     action === 'add' ? addClass([this.element], [allClassName[i]]) : removeClass([this.element], [allClassName[i]]);
                 }
             }
@@ -399,14 +395,11 @@ var InPlaceEditor = /** @__PURE__ @class */ (function (_super) {
         var query = isNullOrUndefined(model.query) ? new Query() : model.query;
         if (model.dataSource instanceof DataManager) {
             model.dataSource.executeQuery(this.getInitQuery(model, query)).then(function (e) {
-                // eslint-disable-next-line
                 _this.updateInitValue(mText, mVal, e.result);
             });
         }
         else {
-            this.updateInitValue(mText, mVal, new DataManager(model.dataSource).executeLocal(
-            // eslint-disable-next-line
-            this.getInitQuery(model, query)));
+            this.updateInitValue(mText, mVal, new DataManager(model.dataSource).executeLocal(this.getInitQuery(model, query)));
         }
     };
     InPlaceEditor.prototype.getInitQuery = function (model, query) {
@@ -426,7 +419,6 @@ var InPlaceEditor = /** @__PURE__ @class */ (function (_super) {
         }
         return query.where(predicate);
     };
-    // eslint-disable-next-line
     InPlaceEditor.prototype.updateInitValue = function (mText, mVal, result) {
         if (result.length <= 0) {
             return;
@@ -446,7 +438,6 @@ var InPlaceEditor = /** @__PURE__ @class */ (function (_super) {
         this.valueWrap.classList.remove(LOAD);
     };
     InPlaceEditor.prototype.renderValue = function (val) {
-        // eslint-disable-next-line
         this.enableHtmlSanitizer && this.type !== 'RTE' && this.type !== 'MultiSelect' ? this.valueEle.innerText = val :
             (this.valueEle.innerHTML = this.enableHtmlParse ? val : encode(val));
         if (this.type === 'Color') {
@@ -474,7 +465,6 @@ var InPlaceEditor = /** @__PURE__ @class */ (function (_super) {
         if (this.beginEditArgs.cancel) {
             return;
         }
-        // eslint-disable-next-line
         var tipOptions = undefined;
         var target = select('.' + VALUE_WRAPPER, this.element);
         if (this.editableOn !== 'EditIconClick') {
@@ -519,7 +509,6 @@ var InPlaceEditor = /** @__PURE__ @class */ (function (_super) {
         }
         addClass([this.valueWrap], [OPEN]);
         this.setProperties({ enableEditMode: true }, true);
-        // eslint-disable-next-line @typescript-eslint/no-explicit-any
         if (this.isReact) {
             this.renderReactTemplates();
         }
@@ -675,7 +664,6 @@ var InPlaceEditor = /** @__PURE__ @class */ (function (_super) {
                     break;
                 case 'Numeric':
                     if (this.model.value) {
-                        // eslint-disable-next-line no-useless-escape
                         var expRegex = new RegExp('[eE][\-+]?([0-9]+)');
                         if (expRegex.test(this.model.value)) {
                             this.model.value = this.model.value;
@@ -745,7 +733,6 @@ var InPlaceEditor = /** @__PURE__ @class */ (function (_super) {
     InPlaceEditor.prototype.getEditElement = function () {
         return select('.' + ELEMENTS, this.formEle);
     };
-    // eslint-disable-next-line
     InPlaceEditor.prototype.getLocale = function (prop, val) {
         return new L10n('inplace-editor', prop, this.locale).getConstant(val);
     };
@@ -753,7 +740,6 @@ var InPlaceEditor = /** @__PURE__ @class */ (function (_super) {
         return (!this.isEmpty(val)) ? val : this.emptyText;
     };
     InPlaceEditor.prototype.extendModelValue = function (val) {
-        // eslint-disable-next-line
         var model = this.model;
         extend(model, { value: val });
         this.setProperties({ model: model }, true);
@@ -832,18 +818,15 @@ var InPlaceEditor = /** @__PURE__ @class */ (function (_super) {
         }
     };
     InPlaceEditor.prototype.setRtl = function (value) {
-        // eslint-disable-next-line
         value ? addClass([this.element], [RTL]) : removeClass([this.element], [RTL]);
     };
     InPlaceEditor.prototype.setFocus = function () {
         if (this.isTemplate) {
             return;
         }
-        // eslint-disable-next-line
         this.isExtModule ? this.notify(setFocus, {}) : this.componentObj.element.focus();
     };
     InPlaceEditor.prototype.removeEditor = function (isBlazorDestroy) {
-        // eslint-disable-next-line
         if (isBlazor() && !this.isStringTemplate) {
             resetBlazorTemplate(this.element.id + 'template', 'Template');
         }
@@ -879,7 +862,6 @@ var InPlaceEditor = /** @__PURE__ @class */ (function (_super) {
                 this.valueWrap.parentElement.setAttribute('title', this.getLocale(localeConstant[this.editableOn], titleConstant));
             }
         }
-        // eslint-disable-next-line @typescript-eslint/no-explicit-any
         if (this.isReact) {
             this.clearTemplate();
         }
@@ -918,7 +900,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;
@@ -950,7 +932,6 @@ var InPlaceEditor = /** @__PURE__ @class */ (function (_super) {
                         _this.dataManager.executeQuery(_this.getQuery(actionBeginArgs.data), _this.successHandler.bind(_this), _this.failureHandler.bind(_this));
                     }
                     else {
-                        // eslint-disable-next-line
                         var crud = _this.dataManager.insert(actionBeginArgs.data);
                         crud.then(function (e) { return _this.successHandler(e); }).catch(function (e) { return _this.failureHandler(e); });
                     }
@@ -971,11 +952,9 @@ var InPlaceEditor = /** @__PURE__ @class */ (function (_super) {
     };
     InPlaceEditor.prototype.templateCompile = function (trgEle, tempStr) {
         var tempEle;
-        // eslint-disable-next-line
         if (typeof tempStr === 'string') {
             tempStr = tempStr.trim();
         }
-        // eslint-disable-next-line
         var compiler = compile(tempStr);
         if (!isNullOrUndefined(compiler)) {
             var isString = (isBlazor() &&
@@ -1005,7 +984,6 @@ var InPlaceEditor = /** @__PURE__ @class */ (function (_super) {
                 helper: null
             };
             extend(item_1, item_1, beforeEvent);
-            // eslint-disable-next-line
             this.trigger('beforeSanitizeHtml', item_1, function (args) {
                 if (item_1.cancel && !isNullOrUndefined(item_1.helper)) {
                     value = item_1.helper(value);
@@ -1041,14 +1019,12 @@ var InPlaceEditor = /** @__PURE__ @class */ (function (_super) {
         }
     };
     InPlaceEditor.prototype.disable = function (value) {
-        // eslint-disable-next-line
         value ? addClass([this.element], [DISABLE]) : removeClass([this.element], [DISABLE]);
     };
     InPlaceEditor.prototype.enableEditor = function (val, isInit) {
         if (isInit && !val) {
             return;
         }
-        // eslint-disable-next-line
         (val) ? this.renderEditor() : this.cancelHandler('cancel');
     };
     InPlaceEditor.prototype.checkValidation = function (fromSubmit, isValidate) {
@@ -1132,11 +1108,9 @@ var InPlaceEditor = /** @__PURE__ @class */ (function (_super) {
             return;
         }
         var inputEle = select('.e-input-group', this.formEle);
-        // eslint-disable-next-line
         var errorClass = function (element, val, action) {
             [].slice.call(element).forEach(function (ele) {
                 if (ele) {
-                    // eslint-disable-next-line
                     action === 'add' ? addClass([ele], [val]) : removeClass([ele], [val]);
                 }
             });
@@ -1213,7 +1187,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);
         }
     };
@@ -1335,17 +1309,14 @@ var InPlaceEditor = /** @__PURE__ @class */ (function (_super) {
             this.tipObj.refresh(tipTarget);
         }
     };
-    // eslint-disable-next-line
     InPlaceEditor.prototype.successHandler = function (e) {
         this.initRender = false;
         var eventArgs = { data: e, value: this.getSendValue() };
         this.triggerSuccess(eventArgs);
     };
-    // eslint-disable-next-line
     InPlaceEditor.prototype.failureHandler = function (e) {
         var _this = this;
         var eventArgs = { data: e, value: this.getSendValue() };
-        // eslint-disable-next-line
         this.trigger('actionFailure', eventArgs, function (args) {
             _this.removeSpinner('submit');
             if (_this.mode === 'Popup') {
@@ -1446,7 +1417,6 @@ var InPlaceEditor = /** @__PURE__ @class */ (function (_super) {
         this.element.focus();
         this.editEle = select('.' + INPUT, this.formEle);
         var errEle = null;
-        // eslint-disable-next-line
         errEle = select('.' + ERROR, this.editEle);
         if (!this.isTemplate) {
             this.setValue();
@@ -1480,7 +1450,6 @@ var InPlaceEditor = /** @__PURE__ @class */ (function (_super) {
         if (!(isBlazor() && this.isServerRendered)) {
             _super.prototype.destroy.call(this);
         }
-        // eslint-disable-next-line @typescript-eslint/no-explicit-any
         if (this.isReact) {
             this.clearTemplate();
         }
@@ -1522,58 +1491,59 @@ 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':
+                        (newProp.showButtons) ? this.appendButtons(this.formEle) : this.destroyButtons();
+                        break;
+                    case 'value':
+                        this.updateValue();
+                        this.textOption === 'Never' ? this.renderValue(this.checkValue(parseValue(this.type, this.value, this.model)))
+                            : this.renderInitialValue();
+                        break;
+                    case 'emptyText':
+                        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;
+                }
             }
         }
     };
@@ -1880,6 +1850,7 @@ var ComboBox$1 = /** @__PURE__ @class */ (function () {
     };
     /**
      * Destroys the module.
+     *
      * @function destroy
      * @returns {void}
      * @hidden
@@ -1895,6 +1866,7 @@ var ComboBox$1 = /** @__PURE__ @class */ (function () {
     };
     /**
      * For internal use only - Get the module name.
+     *
      * @returns {string} - returns the string
      */
     ComboBox$$1.prototype.getModuleName = function () {
@@ -1922,6 +1894,7 @@ var DateRangePicker$1 = /** @__PURE__ @class */ (function () {
     };
     /**
      * For internal use only - Get the module name.
+     *
      * @returns {string} - returns the string
      */
     DateRangePicker$$1.prototype.getModuleName = function () {