@syncfusion/ej2-inputs 31.1.22 → 31.1.23

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

@@ -1861,7 +1861,10 @@ let NumericTextBox = class NumericTextBox extends Component {
     modifyText() {
         if (this.value || this.value === 0) {
             const value = this.formatNumber();
-            const elementValue = this.isFocused ? value : this.instance.getNumberFormat(this.cultureInfo)(this.value);
+            let elementValue = this.isFocused ? value : this.instance.getNumberFormat(this.cultureInfo)(this.value);
+            if (/[eE]/.test(value)) {
+                elementValue = this.formatScientificNotation(elementValue);
+            }
             this.setElementValue(elementValue);
             attributes(this.element, { 'aria-valuenow': value });
             if (!isNullOrUndefined(this.hiddenInput)) {
@@ -1893,9 +1896,17 @@ let NumericTextBox = class NumericTextBox extends Component {
         const EXPREGEXP = new RegExp('[eE][\-+]?([0-9]+)');
         let valueString = value.toString();
         if (EXPREGEXP.test(valueString)) {
-            const result = EXPREGEXP.exec(valueString);
-            if (!isNullOrUndefined(result)) {
-                valueString = value.toFixed(Math.min(parseInt(result[1], 10), 20));
+            if (/[eE]/.test(valueString)) {
+                valueString = value.toFixed(20).replace(/0+$/, '');
+                if (valueString.charAt(valueString.length - 1) === '.') {
+                    valueString = valueString.slice(0, valueString.length - 1);
+                }
+            }
+            else {
+                const result = EXPREGEXP.exec(valueString);
+                if (!isNullOrUndefined(result)) {
+                    valueString = value.toFixed(Math.min(parseInt(result[1], 10), 20));
+                }
             }
         }
         const decimalPart = valueString.split('.')[1];
@@ -1907,6 +1918,7 @@ let NumericTextBox = class NumericTextBox extends Component {
     }
     formatNumber() {
         const numberOfDecimals = this.getNumberOfDecimals(this.value);
+        this.storedValueString = this.value.toString();
         return this.instance.getNumberFormat({
             maximumFractionDigits: numberOfDecimals,
             minimumFractionDigits: numberOfDecimals, useGrouping: false
@@ -2018,7 +2030,10 @@ let NumericTextBox = class NumericTextBox extends Component {
         this.isFocused = true;
         this.prevValue = this.value;
         if ((this.value || this.value === 0)) {
-            const formatValue = this.formatNumber();
+            let formatValue = this.formatNumber();
+            if (/[eE]/.test(this.value.toString())) {
+                formatValue = this.formatScientificNotation(formatValue);
+            }
             this.setElementValue(formatValue);
             if (!this.isPrevFocused) {
                 if (!Browser.isDevice && Browser.info.version === '11.0') {
@@ -2059,7 +2074,10 @@ let NumericTextBox = class NumericTextBox extends Component {
             if (!this.element.value.length) {
                 this.setProperties({ value: null }, true);
             }
-            const parsedInput = this.instance.getNumberParser({ format: 'n' })(this.element.value);
+            let parsedInput = this.instance.getNumberParser({ format: 'n' })(this.element.value);
+            if (/[eE]/.test(this.element.value)) {
+                parsedInput = parseFloat(this.formatScientificNotation(this.element.value));
+            }
             this.updateValue(parsedInput);
             if (!Browser.isDevice) {
                 EventHandler.remove(this.element, 'mousewheel DOMMouseScroll', this.mouseWheel);
@@ -2160,6 +2178,40 @@ let NumericTextBox = class NumericTextBox extends Component {
             EventHandler.remove(this.spinDown, 'mouseleave', this.mouseUpClick);
         }
     }
+    formatScientificNotation(value) {
+        value = this.storedValueString ? this.storedValueString : value;
+        const [base, exponentPart] = value.toLowerCase().split('e');
+        const exponent = parseInt(exponentPart, 10);
+        const match = this.format.match(/n(\d+)/i);
+        const requiredDigits = match ? parseInt(match[1], 10) : 10;
+        const baseDigits = base.replace('.', '');
+        let fullDecimal;
+        if (exponent < 0) {
+            const zerosCount = Math.abs(Number(exponent)) - 1;
+            const limitedZeros = '0'.repeat(Math.min(zerosCount, requiredDigits));
+            fullDecimal = '0.' + limitedZeros + baseDigits;
+        }
+        else {
+            const [intPart, decPart = ''] = base.split('.');
+            const shift = exponent - decPart.length;
+            if (shift >= 0) {
+                fullDecimal = intPart + decPart + '0'.repeat(shift);
+            }
+            else {
+                const newDec = decPart.slice(0, exponent) + '.' + decPart.slice(exponent);
+                fullDecimal = intPart + newDec;
+            }
+        }
+        const [intPart, decPart = ''] = fullDecimal.split('.');
+        if (this.isFocused) {
+            const limitedDecimal = decPart.slice(0, requiredDigits);
+            return `${intPart}.${decPart}`;
+        }
+        else {
+            const formattedDecimal = decPart.padEnd(requiredDigits, '0').slice(0, requiredDigits);
+            return `${intPart}.${formattedDecimal}`;
+        }
+    }
     /**
      * Increments the NumericTextBox value with the specified step value.
      *