@syncfusion/ej2-inputs 20.1.48 → 20.1.59

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');
@@ -1636,7 +1639,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 +1654,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 +8363,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 +12908,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;