@syncfusion/ej2-inputs 21.2.3 → 21.2.6

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]);
         }
@@ -6531,6 +6542,7 @@ let Slider = class Slider extends Component {
                 case 'tooltip':
                     if (!isNullOrUndefined(newProp.tooltip) && !isNullOrUndefined(oldProp.tooltip)) {
                         this.setTooltip(prop);
+                        this.wireEvents();
                     }
                     break;
                 case 'type':
@@ -7812,7 +7824,10 @@ 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.clearAll();
+                    }
                     break;
                 case 'minFileSize':
                 case 'maxFileSize':
@@ -8918,7 +8933,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);
                     }
@@ -9293,6 +9307,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);
@@ -13017,7 +13032,7 @@ let TextBox = class TextBox extends Component {
                         this.updateHTMLAttrToElement();
                         this.updateHTMLAttrToWrapper();
                         this.checkAttributes(true);
-                        Input.validateInputType(this.textboxWrapper.container, this.element);
+                        this.multiline && !isNullOrUndefined(this.textarea) ? Input.validateInputType(this.textboxWrapper.container, this.textarea) : Input.validateInputType(this.textboxWrapper.container, this.element);
                     }
                     break;
                 case 'readonly':
@@ -13279,7 +13294,7 @@ let TextBox = class TextBox extends Component {
         if (!isNullOrUndefined(this.htmlAttributes)) {
             for (const key of Object.keys(this.htmlAttributes)) {
                 if (containerAttr.indexOf(key) < 0) {
-                    this.element.setAttribute(key, this.htmlAttributes[`${key}`]);
+                    this.multiline && !isNullOrUndefined(this.textarea) ? this.textarea.setAttribute(key, this.htmlAttributes[`${key}`]) : this.element.setAttribute(key, this.htmlAttributes[`${key}`]);
                 }
             }
         }