@syncfusion/ej2-inputs 21.2.4 → 21.2.8

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

@@ -238,11 +238,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 = null) {
@@ -296,7 +298,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', (event) => {
                 if (!(element.classList.contains(CLASSNAMES.DISABLE) || element.readOnly)) {
                     event.preventDefault();
@@ -319,7 +321,10 @@ var Input;
         // eslint-disable-next-line @typescript-eslint/no-unused-vars
         element.addEventListener('blur', (event) => {
             setTimeout(() => {
-                addClass([button], CLASSNAMES.CLEARICONHIDE);
+                if (!isNullOrUndefined(button)) {
+                    addClass([button], CLASSNAMES.CLEARICONHIDE);
+                    button = !isNullOrUndefined(element) && element.classList.contains('e-combobox') ? null : button;
+                }
             }, 200);
         });
     }
@@ -3692,9 +3697,13 @@ let MaskedTextBox = class MaskedTextBox extends Component {
             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);
@@ -3788,6 +3797,7 @@ let MaskedTextBox = class MaskedTextBox extends Component {
      */
     focusIn() {
         if (document.activeElement !== this.element && this.enabled) {
+            this.isFocus = true;
             this.element.focus();
             addClass([this.inputObj.container], [MASKINPUT_FOCUS]);
         }
@@ -3799,6 +3809,7 @@ let MaskedTextBox = class MaskedTextBox extends Component {
      */
     focusOut() {
         if (document.activeElement === this.element && this.enabled) {
+            this.isFocus = false;
             this.element.blur();
             removeClass([this.inputObj.container], [MASKINPUT_FOCUS]);
         }
@@ -7813,7 +7824,13 @@ let Uploader = class Uploader extends Component {
                     this.updateDirectoryAttributes();
                     break;
                 case 'template':
-                    this.clearAll();
+                    const ejInstance = getValue('ej2_instances', this.element);
+                    if (ejInstance[0].isReact) {
+                        this.reRenderFileList();
+                    }
+                    else {
+                        this.clearAll();
+                    }
                     break;
                 case 'minFileSize':
                 case 'maxFileSize':
@@ -8919,7 +8936,6 @@ let Uploader = class Uploader extends Component {
                 }
                 else {
                     this.createFileList(fileData, true);
-                    this.filesData = this.filesData.concat(fileData);
                     if (!this.isForm || this.allowUpload()) {
                         this.checkAutoUpload(fileData);
                     }
@@ -9294,6 +9310,7 @@ let Uploader = class Uploader extends Component {
     createFileList(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);