@syncfusion/ej2-inputs 31.1.20 → 31.1.22

package/dist/global/index.d.ts

@@ -1,7 +1,7 @@
 /*!
 *  filename: index.d.ts
-*  version : 31.1.20
-*  Copyright Syncfusion Inc. 2001 - 2024. All rights reserved.
+*  version : 31.1.22
+*  Copyright Syncfusion Inc. 2001 - 2025. All rights reserved.
 *  Use of this code is subject to the terms of our license.
 *  A copy of the current license can be obtained at any time by e-mailing
 *  licensing@syncfusion.com. Any infringement will be prosecuted under

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@syncfusion/ej2-inputs",
-  "version": "31.1.20",
+  "version": "31.1.22",
   "description": "A package of Essential JS 2 input components such as Textbox, Color-picker, Masked-textbox, Numeric-textbox, Slider, Upload, and Form-validator that is used to get input from the users.",
   "author": "Syncfusion Inc.",
   "license": "SEE LICENSE IN license",
@@ -8,8 +8,8 @@
   "module": "./index.js",
   "es2015": "./dist/es6/ej2-inputs.es5.js",
   "dependencies": {
-    "@syncfusion/ej2-base": "~31.1.20",
-    "@syncfusion/ej2-buttons": "~31.1.17",
+    "@syncfusion/ej2-base": "~31.1.22",
+    "@syncfusion/ej2-buttons": "~31.1.21",
     "@syncfusion/ej2-popups": "~31.1.20",
     "@syncfusion/ej2-splitbuttons": "~31.1.17"
   },

package/src/color-picker/color-picker.js

@@ -1302,14 +1302,32 @@ var ColorPicker = /** @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:

package/src/slider/slider.d.ts

@@ -562,6 +562,7 @@ export declare class Slider extends Component<HTMLElement> implements INotifyPro
     private setCSSClass;
     private setEnabled;
     private getTheme;
+    private secureRandom;
     /**
      * Initialize the rendering
      *

package/src/slider/slider.js

@@ -357,6 +357,11 @@ var Slider = /** @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
      *
@@ -382,7 +387,7 @@ var Slider = /** @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;

package/src/textbox/textbox.js

@@ -571,6 +571,13 @@ var TextBox = /** @class */ (function (_super) {
      */
     TextBox.prototype.addIcon = function (position, icons) {
         Input.addIcon(position, icons, this.textboxWrapper.container, this.respectiveElement, this.createElement);
+        var container = this.textboxWrapper.container;
+        var iconSpan = container.querySelector('span.e-icons');
+        var label = container.querySelector('label');
+        if (iconSpan && label) {
+            var labelWidth = (this.element.parentElement.offsetWidth) - (iconSpan.offsetWidth);
+            label.style.width = labelWidth + "px";
+        }
     };
     /**
      * Gets the properties to be maintained in the persisted state.