@syncfusion/ej2-inplace-editor 20.4.48 → 21.1.35

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

@@ -142,7 +142,6 @@ __decorate([
  * @hidden
  */
 const modulesList = {
-    /* eslint-disable */
     'AutoComplete': 'auto-complete',
     'Color': 'color-picker',
     'ComboBox': 'combo-box',
@@ -158,7 +157,6 @@ const modulesList = {
  */
 // eslint-disable-next-line
 let localeConstant = {
-    /* eslint-disable */
     'Click': { 'editAreaClick': 'Click to edit' },
     'DblClick': { 'editAreaDoubleClick': 'Double click to edit' },
     'EditIconClick': { 'editAreaClick': 'Click to edit' }
@@ -309,7 +307,6 @@ let InPlaceEditor = class InPlaceEditor extends Component {
         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();
@@ -324,7 +321,6 @@ let InPlaceEditor = class InPlaceEditor extends Component {
             const allClassName = val.split(' ');
             for (let 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]]);
                 }
             }
@@ -365,14 +361,11 @@ let InPlaceEditor = class InPlaceEditor extends Component {
         const query = isNullOrUndefined(model.query) ? new Query() : model.query;
         if (model.dataSource instanceof DataManager) {
             model.dataSource.executeQuery(this.getInitQuery(model, query)).then((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)));
         }
     }
     getInitQuery(model, query) {
@@ -391,7 +384,6 @@ let InPlaceEditor = class InPlaceEditor extends Component {
         }
         return query.where(predicate);
     }
-    // eslint-disable-next-line
     updateInitValue(mText, mVal, result) {
         if (result.length <= 0) {
             return;
@@ -410,7 +402,6 @@ let InPlaceEditor = class InPlaceEditor extends Component {
         this.valueWrap.classList.remove(LOAD);
     }
     renderValue(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') {
@@ -438,7 +429,6 @@ let InPlaceEditor = class InPlaceEditor extends Component {
         if (this.beginEditArgs.cancel) {
             return;
         }
-        // eslint-disable-next-line
         let tipOptions = undefined;
         const target = select('.' + VALUE_WRAPPER, this.element);
         if (this.editableOn !== 'EditIconClick') {
@@ -483,7 +473,6 @@ let InPlaceEditor = class InPlaceEditor extends Component {
         }
         addClass([this.valueWrap], [OPEN]);
         this.setProperties({ enableEditMode: true }, true);
-        // eslint-disable-next-line @typescript-eslint/no-explicit-any
         if (this.isReact) {
             this.renderReactTemplates();
         }
@@ -638,7 +627,6 @@ let InPlaceEditor = class InPlaceEditor extends Component {
                     break;
                 case 'Numeric':
                     if (this.model.value) {
-                        // eslint-disable-next-line no-useless-escape
                         const expRegex = new RegExp('[eE][\-+]?([0-9]+)');
                         if (expRegex.test(this.model.value)) {
                             this.model.value = this.model.value;
@@ -708,7 +696,6 @@ let InPlaceEditor = class InPlaceEditor extends Component {
     getEditElement() {
         return select('.' + ELEMENTS, this.formEle);
     }
-    // eslint-disable-next-line
     getLocale(prop, val) {
         return new L10n('inplace-editor', prop, this.locale).getConstant(val);
     }
@@ -716,7 +703,6 @@ let InPlaceEditor = class InPlaceEditor extends Component {
         return (!this.isEmpty(val)) ? val : this.emptyText;
     }
     extendModelValue(val) {
-        // eslint-disable-next-line
         const model = this.model;
         extend(model, { value: val });
         this.setProperties({ model: model }, true);
@@ -795,18 +781,15 @@ let InPlaceEditor = class InPlaceEditor extends Component {
         }
     }
     setRtl(value) {
-        // eslint-disable-next-line
         value ? addClass([this.element], [RTL]) : removeClass([this.element], [RTL]);
     }
     setFocus() {
         if (this.isTemplate) {
             return;
         }
-        // eslint-disable-next-line
         this.isExtModule ? this.notify(setFocus, {}) : this.componentObj.element.focus();
     }
     removeEditor(isBlazorDestroy) {
-        // eslint-disable-next-line
         if (isBlazor() && !this.isStringTemplate) {
             resetBlazorTemplate(this.element.id + 'template', 'Template');
         }
@@ -842,7 +825,6 @@ let InPlaceEditor = class InPlaceEditor extends Component {
                 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();
         }
@@ -881,7 +863,7 @@ let InPlaceEditor = class InPlaceEditor extends Component {
             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;
@@ -912,7 +894,6 @@ let InPlaceEditor = class InPlaceEditor extends Component {
                         this.dataManager.executeQuery(this.getQuery(actionBeginArgs.data), this.successHandler.bind(this), this.failureHandler.bind(this));
                     }
                     else {
-                        // eslint-disable-next-line
                         const crud = this.dataManager.insert(actionBeginArgs.data);
                         crud.then((e) => this.successHandler(e)).catch((e) => this.failureHandler(e));
                     }
@@ -933,11 +914,9 @@ let InPlaceEditor = class InPlaceEditor extends Component {
     }
     templateCompile(trgEle, tempStr) {
         let tempEle;
-        // eslint-disable-next-line
         if (typeof tempStr === 'string') {
             tempStr = tempStr.trim();
         }
-        // eslint-disable-next-line
         const compiler = compile(tempStr);
         if (!isNullOrUndefined(compiler)) {
             const isString = (isBlazor() &&
@@ -967,7 +946,6 @@ let InPlaceEditor = class InPlaceEditor extends Component {
                 helper: null
             };
             extend(item, item, beforeEvent);
-            // eslint-disable-next-line
             this.trigger('beforeSanitizeHtml', item, (args) => {
                 if (item.cancel && !isNullOrUndefined(item.helper)) {
                     value = item.helper(value);
@@ -1003,14 +981,12 @@ let InPlaceEditor = class InPlaceEditor extends Component {
         }
     }
     disable(value) {
-        // eslint-disable-next-line
         value ? addClass([this.element], [DISABLE]) : removeClass([this.element], [DISABLE]);
     }
     enableEditor(val, isInit) {
         if (isInit && !val) {
             return;
         }
-        // eslint-disable-next-line
         (val) ? this.renderEditor() : this.cancelHandler('cancel');
     }
     checkValidation(fromSubmit, isValidate) {
@@ -1093,11 +1069,9 @@ let InPlaceEditor = class InPlaceEditor extends Component {
             return;
         }
         const inputEle = select('.e-input-group', this.formEle);
-        // eslint-disable-next-line
         const errorClass = (element, val, action) => {
             [].slice.call(element).forEach((ele) => {
                 if (ele) {
-                    // eslint-disable-next-line
                     action === 'add' ? addClass([ele], [val]) : removeClass([ele], [val]);
                 }
             });
@@ -1172,7 +1146,7 @@ let InPlaceEditor = class InPlaceEditor extends Component {
             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);
         }
     }
@@ -1294,16 +1268,13 @@ let InPlaceEditor = class InPlaceEditor extends Component {
             this.tipObj.refresh(tipTarget);
         }
     }
-    // eslint-disable-next-line
     successHandler(e) {
         this.initRender = false;
         const eventArgs = { data: e, value: this.getSendValue() };
         this.triggerSuccess(eventArgs);
     }
-    // eslint-disable-next-line
     failureHandler(e) {
         const eventArgs = { data: e, value: this.getSendValue() };
-        // eslint-disable-next-line
         this.trigger('actionFailure', eventArgs, (args) => {
             this.removeSpinner('submit');
             if (this.mode === 'Popup') {
@@ -1403,7 +1374,6 @@ let InPlaceEditor = class InPlaceEditor extends Component {
         this.element.focus();
         this.editEle = select('.' + INPUT, this.formEle);
         let errEle = null;
-        // eslint-disable-next-line
         errEle = select('.' + ERROR, this.editEle);
         if (!this.isTemplate) {
             this.setValue();
@@ -1436,7 +1406,6 @@ let InPlaceEditor = class InPlaceEditor extends Component {
         if (!(isBlazor() && this.isServerRendered)) {
             super.destroy();
         }
-        // eslint-disable-next-line @typescript-eslint/no-explicit-any
         if (this.isReact) {
             this.clearTemplate();
         }
@@ -1478,57 +1447,58 @@ let InPlaceEditor = class InPlaceEditor extends Component {
      * @private
      */
     onPropertyChanged(newProp, oldProp) {
-        if (this.isEditorOpen()) {
-            const editModeChanged = 'enableEditMode' in newProp;
-            if ((editModeChanged && oldProp.enableEditMode && !newProp.enableEditMode) || (!editModeChanged && this.enableEditMode)) {
-                this.triggerEndEdit('cancel');
-            }
-            else {
-                this.removeEditor();
+        let checkValidation = this.validationRules ? !isNullOrUndefined(this.element.querySelectorAll('.' + ERROR)) &&
+            this.element.querySelectorAll('.' + ERROR).length > 0 ? false : true : true;
+        if (checkValidation) {
+            if (this.isEditorOpen()) {
+                const editModeChanged = 'enableEditMode' in newProp;
+                if ((editModeChanged && oldProp.enableEditMode && !newProp.enableEditMode) || (!editModeChanged && this.enableEditMode)) {
+                    this.triggerEndEdit('cancel');
+                }
+                else {
+                    this.removeEditor();
+                }
             }
-        }
-        for (const prop of Object.keys(newProp)) {
-            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 (const prop of Object.keys(newProp)) {
+                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;
+                }
             }
         }
     }
@@ -1831,6 +1801,7 @@ class ComboBox$1 {
     }
     /**
      * Destroys the module.
+     *
      * @function destroy
      * @returns {void}
      * @hidden
@@ -1846,6 +1817,7 @@ class ComboBox$1 {
     }
     /**
      * For internal use only - Get the module name.
+     *
      * @returns {string} - returns the string
      */
     getModuleName() {
@@ -1872,6 +1844,7 @@ class DateRangePicker$1 {
     }
     /**
      * For internal use only - Get the module name.
+     *
      * @returns {string} - returns the string
      */
     getModuleName() {