@syncfusion/ej2-inputs 21.2.4 → 21.2.8

package/dist/es6/ej2-inputs.es5.js

@@ -239,11 +239,13 @@ var Input;
         return inputObject;
     }
     function updateIconState(value, button, readonly) {
-        if (value && !readonly) {
-            removeClass([button], CLASSNAMES.CLEARICONHIDE);
-        }
-        else {
-            addClass([button], CLASSNAMES.CLEARICONHIDE);
+        if (!isNullOrUndefined(button)) {
+            if (value && !readonly) {
+                removeClass([button], CLASSNAMES.CLEARICONHIDE);
+            }
+            else {
+                addClass([button], CLASSNAMES.CLEARICONHIDE);
+            }
         }
     }
     function updateLabelState(value, label, element) {
@@ -298,7 +300,7 @@ var Input;
     }
     // eslint-disable-next-line @typescript-eslint/no-unused-vars
     function wireClearBtnEvents(element, button, container) {
-        if (isBindClearAction === undefined || isBindClearAction) {
+        if (!isNullOrUndefined(button) && (isBindClearAction === undefined || isBindClearAction)) {
             button.addEventListener('click', function (event) {
                 if (!(element.classList.contains(CLASSNAMES.DISABLE) || element.readOnly)) {
                     event.preventDefault();
@@ -321,7 +323,10 @@ var Input;
         // eslint-disable-next-line @typescript-eslint/no-unused-vars
         element.addEventListener('blur', function (event) {
             setTimeout(function () {
-                addClass([button], CLASSNAMES.CLEARICONHIDE);
+                if (!isNullOrUndefined(button)) {
+                    addClass([button], CLASSNAMES.CLEARICONHIDE);
+                    button = !isNullOrUndefined(element) && element.classList.contains('e-combobox') ? null : button;
+                }
             }, 200);
         });
     }
@@ -3752,9 +3757,13 @@ var MaskedTextBox = /** @__PURE__ @class */ (function (_super) {
             switch (prop) {
                 case 'value':
                     setMaskValue.call(this, this.value);
-                    if (this.placeholder) {
+                    if (this.placeholder && !this.isFocus) {
                         this.setMaskPlaceholder(false, false);
                     }
+                    if (this.value === "") {
+                        this.element.selectionStart = 0;
+                        this.element.selectionEnd = 0;
+                    }
                     break;
                 case 'placeholder':
                     this.setMaskPlaceholder(true, true);
@@ -3848,6 +3857,7 @@ var MaskedTextBox = /** @__PURE__ @class */ (function (_super) {
      */
     MaskedTextBox.prototype.focusIn = function () {
         if (document.activeElement !== this.element && this.enabled) {
+            this.isFocus = true;
             this.element.focus();
             addClass([this.inputObj.container], [MASKINPUT_FOCUS]);
         }
@@ -3859,6 +3869,7 @@ var MaskedTextBox = /** @__PURE__ @class */ (function (_super) {
      */
     MaskedTextBox.prototype.focusOut = function () {
         if (document.activeElement === this.element && this.enabled) {
+            this.isFocus = false;
             this.element.blur();
             removeClass([this.inputObj.container], [MASKINPUT_FOCUS]);
         }
@@ -7982,7 +7993,13 @@ var Uploader = /** @__PURE__ @class */ (function (_super) {
                     this.updateDirectoryAttributes();
                     break;
                 case 'template':
-                    this.clearAll();
+                    var ejInstance = getValue('ej2_instances', this.element);
+                    if (ejInstance[0].isReact) {
+                        this.reRenderFileList();
+                    }
+                    else {
+                        this.clearAll();
+                    }
                     break;
                 case 'minFileSize':
                 case 'maxFileSize':
@@ -9110,7 +9127,6 @@ var Uploader = /** @__PURE__ @class */ (function (_super) {
                 }
                 else {
                     this.createFileList(fileData, true);
-                    this.filesData = this.filesData.concat(fileData);
                     if (!this.isForm || this.allowUpload()) {
                         this.checkAutoUpload(fileData);
                     }
@@ -9493,6 +9509,7 @@ var Uploader = /** @__PURE__ @class */ (function (_super) {
     Uploader.prototype.createFileList = function (fileData, isSelectedFile) {
         /* eslint-enable valid-jsdoc, jsdoc/require-param */
         this.createParentUL();
+        this.filesData = (isSelectedFile) ? this.filesData.concat(fileData) : fileData;
         if (this.template !== '' && !isNullOrUndefined(this.template)) {
             if (this.isFormUpload()) {
                 this.uploadWrapper.classList.add(FORM_UPLOAD);