@syncfusion/ej2-inputs 32.1.19 → 32.1.20

package/dist/global/index.d.ts

@@ -1,3 +1,12 @@
+/*!
+*  filename: index.d.ts
+*  version : 32.1.20
+*  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
+*  applicable laws. 
+*/
 import * as _inputs from '@syncfusion/ej2-inputs';
 
 export declare namespace ej {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@syncfusion/ej2-inputs",
-  "version": "32.1.19",
+  "version": "32.1.20",
   "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",

package/src/maskedtextbox/maskedtextbox/maskedtextbox.js

@@ -557,7 +557,7 @@ var MaskedTextBox = /** @class */ (function (_super) {
         var container = this.inputObj.container;
         var label = container.querySelector('.e-float-text-overflow') || container.querySelector('.e-float-text');
         var calculateWidth = (container.clientWidth - this.getRightIconsWidth());
-        if (label && calculateWidth) {
+        if (label && calculateWidth && !(this.cssClass && this.cssClass.split(' ').indexOf('e-outline') !== -1)) {
             label.style.width = calculateWidth + 'px';
         }
     };

package/src/numerictextbox/numerictextbox.js

@@ -1485,7 +1485,7 @@ var NumericTextBox = /** @class */ (function (_super) {
         var container = this.inputWrapper.container;
         var label = container.querySelector('.e-float-text-overflow') || container.querySelector('.e-float-text');
         var calculateWidth = (container.clientWidth - this.getRightIconsWidth());
-        if (label && calculateWidth) {
+        if (label && calculateWidth && !(this.cssClass && this.cssClass.split(' ').indexOf('e-outline') !== -1)) {
             label.style.width = calculateWidth + 'px';
         }
     };

package/src/textarea/textarea.js

@@ -834,7 +834,7 @@ var TextArea = /** @class */ (function (_super) {
         var container = this.textareaWrapper.container;
         var label = container.querySelector('.e-float-text-overflow') || container.querySelector('.e-float-text');
         var calculateWidth = (container.clientWidth - this.getRightIconsWidth());
-        if (label && calculateWidth && (!this.prependTemplate || !this.appendTemplate)) {
+        if (label && calculateWidth && !(this.cssClass && this.cssClass.split(' ').indexOf('e-outline') !== -1) && (!this.prependTemplate || !this.appendTemplate)) {
             label.style.width = calculateWidth + 'px';
         }
         else if (this.floatLabelType === 'Auto' && (this.prependTemplate || this.appendTemplate)) {

package/src/textbox/textbox.js

@@ -563,7 +563,8 @@ var TextBox = /** @class */ (function (_super) {
         }
     };
     TextBox.prototype.keydownHandler = function (args) {
-        if ((args.keyCode === 13 || args.keyCode === 9) && !((this.previousValue === null || this.previousValue === '') && (this.value === null || this.value === '') && this.respectiveElement.value === '')) {
+        var isUndoAction = args.ctrlKey && args.keyCode === 90;
+        if ((args.keyCode === 13 || args.keyCode === 9 || isUndoAction) && !((this.previousValue === null || this.previousValue === '') && (this.value === null || this.value === '') && this.respectiveElement.value === '')) {
             this.setProperties({ value: this.respectiveElement.value }, true);
         }
     };

package/styles/input/_bigger.scss

@@ -2583,9 +2583,12 @@
   .e-outline.e-input-group.e-control-wrapper.e-bigger .e-input-group-icon,
   .e-outline.e-input-group.e-control-wrapper .e-input-group-icon.e-bigger,
   .e-bigger .e-outline.e-input-group.e-control-wrapper .e-input-group-icon {
-    @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
+    @if $input-skin-name == 'material' {
       margin: $outline-bigger-input-icon-padding $outline-bigger-input-icon-margin-left  $outline-bigger-input-icon-padding $zero-value;
     }
+    @if $input-skin-name == 'Material3' {
+      margin: 2px;
+    }
   }
 
   .e-outline.e-input-group.e-prepend.e-bigger .e-input-group-icon,

package/styles/input/_material3-dark-definition.scss

@@ -351,7 +351,7 @@ $input-zero-padding-margin: 0 !default;
 $input-bgr-filled-control-icon-padding: 0 8px 0 0 !default;
 $input-bgr-filled-group-icon-padding: 0 0 0 8px !default;
 $input-bgr-small-filled-float-group-icon-padding: 0 !default;
-$input-bgr-small-filled-float-group-icon-margin: 9px 12px 9px 0 !default;
+$input-bgr-small-filled-float-group-icon-margin: 12px 0 0 0 !default;
 $input-bgr-filled-grp-icon-padding: 0 0 0 8px !default;
 $input-bgr-small-filled-wrap-margin-left: 8px !default;
 $input-bgr-small-rtl-wrap-margin-right: 8px !default;
@@ -362,7 +362,7 @@ $input-filled-float-text-line-height: 1.15 !default;
 $input-small-filled-group-icon-padding: 0 0 0 4px !default;
 $input-rtl-small-filled-group-icon-padding: 0 4px 0 0 !default;
 $input-filled-small-float-group-icon-padding: 0 !default;
-$input-filled-small-float-group-icon-margin: 9px 12px 9px 0 !default;
+$input-filled-small-float-group-icon-margin: 0 !default;
 $small-filled-input-padding: 0 0 0 4px !default;
 $filled-float-input-clear-icon-margin: 2px !default;
 $filled-float-input-wrap-margin-left: 8px !default;
@@ -621,7 +621,7 @@ $float-input-wrapper-top: -11px !default;
 $input-group-bottom: -2px !default;
 $outline-input-border-radius: $radius-4 !default;
 $input-mat-margin: 4px !default;
-$outline-input-grp-icon-margin: 9px 12px 9px 0 !default;
+$outline-input-grp-icon-margin: 2px !default;
 $outline-input-grp-prepend-icon-margin: 9px 0 9px 12px !default;
 $filled-input-grp-border-radius: 4px 4px 0 0 !default;
 $filled-float-letter-spacing: .009375em !default;

package/styles/input/_material3-definition.scss

@@ -351,7 +351,7 @@ $input-zero-padding-margin: 0 !default;
 $input-bgr-filled-control-icon-padding: 0 8px 0 0 !default;
 $input-bgr-filled-group-icon-padding: 0 0 0 8px !default;
 $input-bgr-small-filled-float-group-icon-padding: 0 !default;
-$input-bgr-small-filled-float-group-icon-margin: 9px 12px 9px 0 !default;
+$input-bgr-small-filled-float-group-icon-margin: 12px 0 0 0 !default;
 $input-bgr-filled-grp-icon-padding: 0 0 0 8px !default;
 $input-bgr-small-filled-wrap-margin-left: 8px !default;
 $input-bgr-small-rtl-wrap-margin-right: 8px !default;
@@ -362,7 +362,7 @@ $input-filled-float-text-line-height: 1.15 !default;
 $input-small-filled-group-icon-padding: 0 0 0 4px !default;
 $input-rtl-small-filled-group-icon-padding: 0 4px 0 0 !default;
 $input-filled-small-float-group-icon-padding: 0 !default;
-$input-filled-small-float-group-icon-margin: 9px 12px 9px 0 !default;
+$input-filled-small-float-group-icon-margin: 0 !default;
 $small-filled-input-padding: 0 0 0 4px !default;
 $filled-float-input-clear-icon-margin: 2px !default;
 $filled-float-input-wrap-margin-left: 8px !default;
@@ -621,7 +621,7 @@ $float-input-wrapper-top: -11px !default;
 $input-group-bottom: -2px !default;
 $outline-input-border-radius: $radius-4 !default;
 $input-mat-margin: 4px !default;
-$outline-input-grp-icon-margin: 9px 12px 9px 0 !default;
+$outline-input-grp-icon-margin: 2px !default;
 $outline-input-grp-prepend-icon-margin: 9px 0 9px 12px !default;
 $filled-input-grp-border-radius: 4px 4px 0 0 !default;
 $filled-float-letter-spacing: .009375em !default;

package/styles/input/material3-dark.css

@@ -2571,7 +2571,7 @@ textarea.e-outline.e-input,
 .e-outline.e-input-group .e-input-group-icon,
 .e-outline.e-input-group.e-control-wrapper .e-input-group-icon {
   font-size: 16px;
-  margin: 9px 12px 9px 0;
+  margin: 2px;
 }
 
 .e-outline.e-input-group.e-prepend .e-input-group-icon,
@@ -4025,7 +4025,7 @@ textarea.e-outline,
 .e-small .e-filled.e-float-input.e-control-wrapper.e-input-group .e-input-group-icon {
   font-size: 16px;
   padding: 0;
-  margin: 9px 12px 9px 0;
+  margin: 0;
 }
 
 .e-filled.e-float-input.e-input-group.e-small .e-input-group-icon,
@@ -8528,7 +8528,7 @@ e-outline.e-input-group.e-control-wrapper.e-small.e-bigger .e-input-group-icon +
 .e-outline.e-input-group.e-control-wrapper.e-bigger .e-input-group-icon,
 .e-outline.e-input-group.e-control-wrapper .e-input-group-icon.e-bigger,
 .e-bigger .e-outline.e-input-group.e-control-wrapper .e-input-group-icon {
-  margin: 15px 16px 15px 0;
+  margin: 2px;
 }
 
 .e-outline.e-input-group.e-prepend.e-bigger .e-input-group-icon,
@@ -10278,7 +10278,7 @@ textarea.e-input.e-bigger.e-small.e-outline,
 .e-bigger .e-filled.e-float-input.e-control-wrapper.e-input-group.e-small .e-input-group-icon {
   font-size: 16px;
   padding: 0;
-  margin: 9px 12px 9px 0;
+  margin: 12px 0 0 0;
 }
 
 .e-filled.e-float-input.e-input-group.e-bigger .e-input-group-icon,

package/styles/input/material3.css

@@ -2573,7 +2573,7 @@ textarea.e-outline.e-input,
 .e-outline.e-input-group .e-input-group-icon,
 .e-outline.e-input-group.e-control-wrapper .e-input-group-icon {
   font-size: 16px;
-  margin: 9px 12px 9px 0;
+  margin: 2px;
 }
 
 .e-outline.e-input-group.e-prepend .e-input-group-icon,
@@ -4027,7 +4027,7 @@ textarea.e-outline,
 .e-small .e-filled.e-float-input.e-control-wrapper.e-input-group .e-input-group-icon {
   font-size: 16px;
   padding: 0;
-  margin: 9px 12px 9px 0;
+  margin: 0;
 }
 
 .e-filled.e-float-input.e-input-group.e-small .e-input-group-icon,
@@ -8530,7 +8530,7 @@ e-outline.e-input-group.e-control-wrapper.e-small.e-bigger .e-input-group-icon +
 .e-outline.e-input-group.e-control-wrapper.e-bigger .e-input-group-icon,
 .e-outline.e-input-group.e-control-wrapper .e-input-group-icon.e-bigger,
 .e-bigger .e-outline.e-input-group.e-control-wrapper .e-input-group-icon {
-  margin: 15px 16px 15px 0;
+  margin: 2px;
 }
 
 .e-outline.e-input-group.e-prepend.e-bigger .e-input-group-icon,
@@ -10280,7 +10280,7 @@ textarea.e-input.e-bigger.e-small.e-outline,
 .e-bigger .e-filled.e-float-input.e-control-wrapper.e-input-group.e-small .e-input-group-icon {
   font-size: 16px;
   padding: 0;
-  margin: 9px 12px 9px 0;
+  margin: 12px 0 0 0;
 }
 
 .e-filled.e-float-input.e-input-group.e-bigger .e-input-group-icon,

package/styles/material3-dark-lite.css

@@ -2581,7 +2581,7 @@ textarea.e-outline.e-input,
 .e-outline.e-input-group .e-input-group-icon,
 .e-outline.e-input-group.e-control-wrapper .e-input-group-icon {
   font-size: 16px;
-  margin: 9px 12px 9px 0;
+  margin: 2px;
 }
 
 .e-outline.e-input-group.e-prepend .e-input-group-icon,
@@ -4035,7 +4035,7 @@ textarea.e-outline,
 .e-small .e-filled.e-float-input.e-control-wrapper.e-input-group .e-input-group-icon {
   font-size: 16px;
   padding: 0;
-  margin: 9px 12px 9px 0;
+  margin: 0;
 }
 
 .e-filled.e-float-input.e-input-group.e-small .e-input-group-icon,

package/styles/material3-dark.css

@@ -2581,7 +2581,7 @@ textarea.e-outline.e-input,
 .e-outline.e-input-group .e-input-group-icon,
 .e-outline.e-input-group.e-control-wrapper .e-input-group-icon {
   font-size: 16px;
-  margin: 9px 12px 9px 0;
+  margin: 2px;
 }
 
 .e-outline.e-input-group.e-prepend .e-input-group-icon,
@@ -4035,7 +4035,7 @@ textarea.e-outline,
 .e-small .e-filled.e-float-input.e-control-wrapper.e-input-group .e-input-group-icon {
   font-size: 16px;
   padding: 0;
-  margin: 9px 12px 9px 0;
+  margin: 0;
 }
 
 .e-filled.e-float-input.e-input-group.e-small .e-input-group-icon,
@@ -8538,7 +8538,7 @@ e-outline.e-input-group.e-control-wrapper.e-small.e-bigger .e-input-group-icon +
 .e-outline.e-input-group.e-control-wrapper.e-bigger .e-input-group-icon,
 .e-outline.e-input-group.e-control-wrapper .e-input-group-icon.e-bigger,
 .e-bigger .e-outline.e-input-group.e-control-wrapper .e-input-group-icon {
-  margin: 15px 16px 15px 0;
+  margin: 2px;
 }
 
 .e-outline.e-input-group.e-prepend.e-bigger .e-input-group-icon,
@@ -10288,7 +10288,7 @@ textarea.e-input.e-bigger.e-small.e-outline,
 .e-bigger .e-filled.e-float-input.e-control-wrapper.e-input-group.e-small .e-input-group-icon {
   font-size: 16px;
   padding: 0;
-  margin: 9px 12px 9px 0;
+  margin: 12px 0 0 0;
 }
 
 .e-filled.e-float-input.e-input-group.e-bigger .e-input-group-icon,

package/styles/material3-lite.css

@@ -2583,7 +2583,7 @@ textarea.e-outline.e-input,
 .e-outline.e-input-group .e-input-group-icon,
 .e-outline.e-input-group.e-control-wrapper .e-input-group-icon {
   font-size: 16px;
-  margin: 9px 12px 9px 0;
+  margin: 2px;
 }
 
 .e-outline.e-input-group.e-prepend .e-input-group-icon,
@@ -4037,7 +4037,7 @@ textarea.e-outline,
 .e-small .e-filled.e-float-input.e-control-wrapper.e-input-group .e-input-group-icon {
   font-size: 16px;
   padding: 0;
-  margin: 9px 12px 9px 0;
+  margin: 0;
 }
 
 .e-filled.e-float-input.e-input-group.e-small .e-input-group-icon,

package/styles/material3.css

@@ -2583,7 +2583,7 @@ textarea.e-outline.e-input,
 .e-outline.e-input-group .e-input-group-icon,
 .e-outline.e-input-group.e-control-wrapper .e-input-group-icon {
   font-size: 16px;
-  margin: 9px 12px 9px 0;
+  margin: 2px;
 }
 
 .e-outline.e-input-group.e-prepend .e-input-group-icon,
@@ -4037,7 +4037,7 @@ textarea.e-outline,
 .e-small .e-filled.e-float-input.e-control-wrapper.e-input-group .e-input-group-icon {
   font-size: 16px;
   padding: 0;
-  margin: 9px 12px 9px 0;
+  margin: 0;
 }
 
 .e-filled.e-float-input.e-input-group.e-small .e-input-group-icon,
@@ -8540,7 +8540,7 @@ e-outline.e-input-group.e-control-wrapper.e-small.e-bigger .e-input-group-icon +
 .e-outline.e-input-group.e-control-wrapper.e-bigger .e-input-group-icon,
 .e-outline.e-input-group.e-control-wrapper .e-input-group-icon.e-bigger,
 .e-bigger .e-outline.e-input-group.e-control-wrapper .e-input-group-icon {
-  margin: 15px 16px 15px 0;
+  margin: 2px;
 }
 
 .e-outline.e-input-group.e-prepend.e-bigger .e-input-group-icon,
@@ -10290,7 +10290,7 @@ textarea.e-input.e-bigger.e-small.e-outline,
 .e-bigger .e-filled.e-float-input.e-control-wrapper.e-input-group.e-small .e-input-group-icon {
   font-size: 16px;
   padding: 0;
-  margin: 9px 12px 9px 0;
+  margin: 12px 0 0 0;
 }
 
 .e-filled.e-float-input.e-input-group.e-bigger .e-input-group-icon,