@syncfusion/ej2-inputs 31.1.20 → 31.1.22

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

@@ -4448,6 +4448,11 @@ let Slider = class Slider extends Component {
         const theme = window.getComputedStyle(container, ':after').getPropertyValue('content');
         return theme.replace(/['"]+/g, '');
     }
+    secureRandom() {
+        const array = new Uint32Array(1);
+        window.crypto.getRandomValues(array);
+        return array[0] / (0xFFFFFFFF + 1);
+    }
     /**
      * Initialize the rendering
      *
@@ -4473,7 +4478,7 @@ let Slider = class Slider extends Component {
             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;
@@ -12861,14 +12866,32 @@ let ColorPicker = class ColorPicker extends Component {
         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:
@@ -14172,6 +14195,13 @@ let TextBox = class TextBox extends Component {
      */
     addIcon(position, icons) {
         Input.addIcon(position, icons, this.textboxWrapper.container, this.respectiveElement, this.createElement);
+        const container = this.textboxWrapper.container;
+        const iconSpan = container.querySelector('span.e-icons');
+        const label = container.querySelector('label');
+        if (iconSpan && label) {
+            const labelWidth = (this.element.parentElement.offsetWidth) - (iconSpan.offsetWidth);
+            label.style.width = `${labelWidth}px`;
+        }
     }
     /**
      * Gets the properties to be maintained in the persisted state.