@syncfusion/ej2-inputs 20.1.55 → 20.1.61

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

@@ -229,8 +229,8 @@ var Input;
         }
         return inputObject;
     }
-    function updateIconState(value, button) {
-        if (value) {
+    function updateIconState(value, button, readonly) {
+        if (value && !readonly) {
             removeClass([button], CLASSNAMES.CLEARICONHIDE);
         }
         else {
@@ -306,7 +306,7 @@ var Input;
         });
         // eslint-disable-next-line @typescript-eslint/no-unused-vars
         element.addEventListener('focus', (event) => {
-            updateIconState(element.value, button);
+            updateIconState(element.value, button, element.readOnly);
         });
         // eslint-disable-next-line @typescript-eslint/no-unused-vars
         element.addEventListener('blur', (event) => {
@@ -885,10 +885,13 @@ let NumericTextBox = class NumericTextBox extends Component {
             let index = 0;
             for (index; index < this.element.attributes.length; index++) {
                 const attributeName = this.element.attributes[index].nodeName;
-                if (attributeName !== 'id') {
+                if (attributeName !== 'id' && attributeName !== 'class') {
                     input.setAttribute(this.element.attributes[index].nodeName, this.element.attributes[index].nodeValue);
                     input.innerHTML = this.element.innerHTML;
                 }
+                else if (attributeName === 'class') {
+                    input.setAttribute(attributeName, this.element.className.split(' ').filter((item) => item.indexOf('ng-') !== 0).join(' '));
+                }
             }
             if (this.element.hasAttribute('name')) {
                 this.element.removeAttribute('name');
@@ -906,6 +909,9 @@ let NumericTextBox = class NumericTextBox extends Component {
         if (this.l10n.getConstant('placeholder') !== '') {
             this.setProperties({ placeholder: this.placeholder || this.l10n.getConstant('placeholder') }, true);
         }
+        if (!this.element.hasAttribute('id')) {
+            this.element.setAttribute('id', getUniqueID('numerictextbox'));
+        }
         this.isValidState = true;
         this.inputStyle = null;
         this.inputName = null;
@@ -1636,7 +1642,13 @@ let NumericTextBox = class NumericTextBox extends Component {
         if (event.which === 0 || event.metaKey || event.ctrlKey || event.keyCode === 8 || event.keyCode === 13) {
             return true;
         }
-        const currentChar = String.fromCharCode(event.which);
+        let currentChar = String.fromCharCode(event.which);
+        let decimalSeparator = getValue('decimal', getNumericObject(this.locale));
+        let isAlterNumPadDecimalChar = event.code === "NumpadDecimal" && currentChar !== decimalSeparator;
+        //EJ2-59813-replace the culture decimal separator with numberpad decimal separator when culture decimal separator and numberpad decimal separator are different
+        if (isAlterNumPadDecimalChar) {
+            currentChar = decimalSeparator;
+        }
         let text = this.element.value;
         text = text.substring(0, this.element.selectionStart) + currentChar + text.substring(this.element.selectionEnd);
         if (!this.numericRegex().test(text)) {
@@ -1645,6 +1657,14 @@ let NumericTextBox = class NumericTextBox extends Component {
             return false;
         }
         else {
+            //EJ2-59813-update the numberpad decimal separator and update the cursor position
+            if (isAlterNumPadDecimalChar) {
+                const start = this.element.selectionStart + 1;
+                this.element.value = text;
+                this.element.setSelectionRange(start, start);
+                event.preventDefault();
+                event.stopPropagation();
+            }
             return true;
         }
     }
@@ -8346,6 +8366,9 @@ let Uploader = class Uploader extends Component {
     /* istanbul ignore next */
     onPasteFile(event) {
         const item = event.clipboardData.items;
+        if (event.type == 'paste' && this.browserName !== 'msie' && this.browserName !== 'edge' && this.browserName !== 'safari') {
+            this.element.files = event.clipboardData.files;
+        }
         if (item.length !== 1) {
             return;
         }
@@ -12888,13 +12911,16 @@ let TextBox = class TextBox extends Component {
             let index = 0;
             for (index; index < this.element.attributes.length; index++) {
                 const attributeName = this.element.attributes[index].nodeName;
-                if (attributeName !== 'id') {
+                if (attributeName !== 'id' && attributeName !== 'class') {
                     inputElement.setAttribute(attributeName, this.element.attributes[index].nodeValue);
                     inputElement.innerHTML = this.element.innerHTML;
                     if (attributeName === 'name') {
                         this.element.removeAttribute('name');
                     }
                 }
+                else if (attributeName === 'class') {
+                    inputElement.setAttribute(attributeName, this.element.className.split(' ').filter((item) => item.indexOf('ng-') !== 0).join(' '));
+                }
             }
             this.element.appendChild(inputElement);
             this.element = inputElement;