@syncfusion/ej2-inputs 31.1.21 → 31.1.23

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

@@ -1892,6 +1892,9 @@ var NumericTextBox = /** @__PURE__ @class */ (function (_super) {
         if (this.value || this.value === 0) {
             var value = this.formatNumber();
             var 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)) {
@@ -1923,9 +1926,17 @@ var NumericTextBox = /** @__PURE__ @class */ (function (_super) {
         var EXPREGEXP = new RegExp('[eE][\-+]?([0-9]+)');
         var valueString = value.toString();
         if (EXPREGEXP.test(valueString)) {
-            var 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 {
+                var result = EXPREGEXP.exec(valueString);
+                if (!isNullOrUndefined(result)) {
+                    valueString = value.toFixed(Math.min(parseInt(result[1], 10), 20));
+                }
             }
         }
         var decimalPart = valueString.split('.')[1];
@@ -1937,6 +1948,7 @@ var NumericTextBox = /** @__PURE__ @class */ (function (_super) {
     };
     NumericTextBox.prototype.formatNumber = function () {
         var numberOfDecimals = this.getNumberOfDecimals(this.value);
+        this.storedValueString = this.value.toString();
         return this.instance.getNumberFormat({
             maximumFractionDigits: numberOfDecimals,
             minimumFractionDigits: numberOfDecimals, useGrouping: false
@@ -2050,6 +2062,9 @@ var NumericTextBox = /** @__PURE__ @class */ (function (_super) {
         this.prevValue = this.value;
         if ((this.value || this.value === 0)) {
             var formatValue_1 = this.formatNumber();
+            if (/[eE]/.test(this.value.toString())) {
+                formatValue_1 = this.formatScientificNotation(formatValue_1);
+            }
             this.setElementValue(formatValue_1);
             if (!this.isPrevFocused) {
                 if (!Browser.isDevice && Browser.info.version === '11.0') {
@@ -2092,6 +2107,9 @@ var NumericTextBox = /** @__PURE__ @class */ (function (_super) {
                 this.setProperties({ value: null }, true);
             }
             var 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);
@@ -2193,6 +2211,40 @@ var NumericTextBox = /** @__PURE__ @class */ (function (_super) {
             EventHandler.remove(this.spinDown, 'mouseleave', this.mouseUpClick);
         }
     };
+    NumericTextBox.prototype.formatScientificNotation = function (value) {
+        value = this.storedValueString ? this.storedValueString : value;
+        var _a = value.toLowerCase().split('e'), base = _a[0], exponentPart = _a[1];
+        var exponent = parseInt(exponentPart, 10);
+        var match = this.format.match(/n(\d+)/i);
+        var requiredDigits = match ? parseInt(match[1], 10) : 10;
+        var baseDigits = base.replace('.', '');
+        var fullDecimal;
+        if (exponent < 0) {
+            var zerosCount = Math.abs(Number(exponent)) - 1;
+            var limitedZeros = '0'.repeat(Math.min(zerosCount, requiredDigits));
+            fullDecimal = '0.' + limitedZeros + baseDigits;
+        }
+        else {
+            var _b = base.split('.'), intPart_1 = _b[0], _c = _b[1], decPart_1 = _c === void 0 ? '' : _c;
+            var shift = exponent - decPart_1.length;
+            if (shift >= 0) {
+                fullDecimal = intPart_1 + decPart_1 + '0'.repeat(shift);
+            }
+            else {
+                var newDec = decPart_1.slice(0, exponent) + '.' + decPart_1.slice(exponent);
+                fullDecimal = intPart_1 + newDec;
+            }
+        }
+        var _d = fullDecimal.split('.'), intPart = _d[0], _e = _d[1], decPart = _e === void 0 ? '' : _e;
+        if (this.isFocused) {
+            var limitedDecimal = decPart.slice(0, requiredDigits);
+            return intPart + "." + decPart;
+        }
+        else {
+            var formattedDecimal = decPart.padEnd(requiredDigits, '0').slice(0, requiredDigits);
+            return intPart + "." + formattedDecimal;
+        }
+    };
     /**
      * Increments the NumericTextBox value with the specified step value.
      *
@@ -4548,6 +4600,11 @@ var Slider = /** @__PURE__ @class */ (function (_super) {
         var theme = window.getComputedStyle(container, ':after').getPropertyValue('content');
         return theme.replace(/['"]+/g, '');
     };
+    Slider.prototype.secureRandom = function () {
+        var array = new Uint32Array(1);
+        window.crypto.getRandomValues(array);
+        return array[0] / (0xFFFFFFFF + 1);
+    };
     /**
      * Initialize the rendering
      *
@@ -4573,7 +4630,7 @@ var Slider = /** @__PURE__ @class */ (function (_super) {
             attrs: {
                 type: 'hidden', value: (isNullOrUndefined(this.value) ? (isNullOrUndefined(this.min) ? '0' : this.min.toString()) : this.value.toString()),
                 name: this.element.getAttribute('name') || this.element.getAttribute('id') ||
-                    '_' + (Math.random() * 1000).toFixed(0) + 'slider', class: classNames.sliderHiddenInput
+                    '_' + (this.secureRandom() * 1000).toFixed(0) + 'slider', class: classNames.sliderHiddenInput
             }
         }));
         this.hiddenInput.tabIndex = -1;
@@ -13114,14 +13171,32 @@ var ColorPicker = /** @__PURE__ @class */ (function (_super) {
         switch (!e.altKey && e.keyCode) {
             case 39:
                 e.preventDefault();
-                selectedEle = prevSelectedEle ? tiles[this.tilePosition(tiles, prevSelectedEle, this.enableRtl ? -1 : 1)]
-                    : tiles[this.enableRtl ? tiles.length - 1 : 0];
+                if (prevSelectedEle && ((!this.enableRtl && tiles.indexOf(prevSelectedEle) === tiles.length - 1)
+                    || (this.enableRtl && tiles.indexOf(prevSelectedEle) === 0))) {
+                    idx = this.enableRtl ? tiles.length - 1 : 0;
+                }
+                else {
+                    idx = prevSelectedEle ? this.tilePosition(tiles, prevSelectedEle, this.enableRtl ? -1 : 1)
+                        : (this.enableRtl ? tiles.length - 1 : 0);
+                }
+                if (tiles[idx]) {
+                    selectedEle = tiles[idx];
+                }
                 this.keySelectionChanges(selectedEle);
                 break;
             case 37:
                 e.preventDefault();
-                selectedEle = prevSelectedEle ? tiles[this.tilePosition(tiles, prevSelectedEle, this.enableRtl ? 1 : -1)]
-                    : tiles[this.enableRtl ? 0 : tiles.length - 1];
+                if (prevSelectedEle && ((!this.enableRtl && tiles.indexOf(prevSelectedEle) === 0)
+                    || (this.enableRtl && tiles.indexOf(prevSelectedEle) === tiles.length - 1))) {
+                    idx = this.enableRtl ? 0 : tiles.length - 1;
+                }
+                else {
+                    idx = prevSelectedEle ? this.tilePosition(tiles, prevSelectedEle, this.enableRtl ? 1 : -1)
+                        : (this.enableRtl ? 0 : tiles.length - 1);
+                }
+                if (tiles[idx]) {
+                    selectedEle = tiles[idx];
+                }
                 this.keySelectionChanges(selectedEle);
                 break;
             case 38: