@syncfusion/ej2-inputs 33.2.4 → 33.2.10

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 33.2.4
+*  version : 33.2.10
 *  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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@syncfusion/ej2-inputs",
-  "version": "33.2.4",
+  "version": "33.2.10",
   "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",
@@ -9,9 +9,9 @@
   "es2015": "./dist/es6/ej2-inputs.es5.js",
   "dependencies": {
     "@syncfusion/ej2-base": "~33.2.3",
-    "@syncfusion/ej2-buttons": "~33.2.3",
-    "@syncfusion/ej2-popups": "~33.2.3",
-    "@syncfusion/ej2-splitbuttons": "~33.2.3"
+    "@syncfusion/ej2-buttons": "~33.2.5",
+    "@syncfusion/ej2-popups": "~33.2.7",
+    "@syncfusion/ej2-splitbuttons": "~33.2.6"
   },
   "devDependencies": {},
   "keywords": [

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

@@ -1539,10 +1539,10 @@ var ColorPicker = /** @class */ (function (_super) {
                 this.unWireEvents();
                 this.destroyOtherComp();
             }
-            this.splitBtn.beforeClose = null;
-            this.splitBtn.beforeOpen = null;
-            this.splitBtn.click = null;
-            this.splitBtn.open = null;
+            delete this.splitBtn.beforeClose;
+            delete this.splitBtn.beforeOpen;
+            delete this.splitBtn.click;
+            delete this.splitBtn.open;
             this.splitBtn.destroy();
             this.splitBtn = null;
         }

package/src/uploader/uploader.js

@@ -882,6 +882,7 @@ var Uploader = /** @class */ (function (_super) {
             EventHandler.remove(this.dropZoneElement, 'drop', this.dropElement);
             EventHandler.remove(this.dropZoneElement, 'dragover', this.dragHover);
             EventHandler.remove(this.dropZoneElement, 'dragleave', this.onDragLeave);
+            EventHandler.remove(this.dropZoneElement, 'paste', this.onPasteFile);
             EventHandler.remove(this.dropZoneElement, 'dragenter', this.onDragEnter);
         }
     };

package/styles/input/_layout.scss

@@ -4085,6 +4085,13 @@
     }
   }
 
+  .e-label-top .e-float-text-content,
+  .e-label-top .e-float-text-content.e-icon {
+    @if $input-skin-name =='material' or $input-skin-name =='Material3' {
+      font-size: $outline-float-label-top-font-size;
+    }
+  }
+  
   .e-outline.e-float-input textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom,
   .e-outline.e-float-input.e-control-wrapper textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom,
   .e-outline label.e-float-text,

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

@@ -330,6 +330,7 @@ $outline-input-clear-icon-hover-color: rgba($grey-dark-font, .82) !default;
 $outline-input-clear-icon-active-color: rgba($grey-light-font, .87) !default;
 
 $outline-float-label-font-size: 14px !default;
+$outline-float-label-top-font-size: 12px !default;
 $bigger-outline-float-label-font-size: 16px !default;
 $bigger-small-outline-float-label-font-size: 14px !default;
 $small-outline-float-label-font-size: 13px !default;

package/styles/input/_material-definition.scss

@@ -327,6 +327,7 @@ $outline-input-clear-icon-hover-color: rgba($grey-light-font, .87) !default;
 $outline-input-clear-icon-active-color: rgba($grey-light-font, .87) !default;
 
 $outline-float-label-font-size: 14px !default;
+$outline-float-label-top-font-size: 12px !default;
 $bigger-outline-float-label-font-size: 16px !default;
 $bigger-small-outline-float-label-font-size: 14px !default;
 $small-outline-float-label-font-size: 13px !default;

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

@@ -338,6 +338,7 @@ $outline-input-bigger-small-clear-icon: 18px !default;
 $outline-input-clear-icon-hover-color: rgba($icon-color-hover) !default;
 $outline-input-clear-icon-active-color: rgba($icon-color) !default;
 $outline-float-label-font-size: 14px !default;
+$outline-float-label-top-font-size: 12px !default;
 $bigger-outline-float-label-font-size: 16px !default;
 $bigger-small-outline-float-label-font-size: 14px !default;
 $small-outline-float-label-font-size: 13px !default;

package/styles/input/_material3-definition.scss

@@ -338,6 +338,7 @@ $outline-input-bigger-small-clear-icon: 18px !default;
 $outline-input-clear-icon-hover-color: rgba($icon-color-hover) !default;
 $outline-input-clear-icon-active-color: rgba($icon-color) !default;
 $outline-float-label-font-size: 14px !default;
+$outline-float-label-top-font-size: 12px !default;
 $bigger-outline-float-label-font-size: 16px !default;
 $bigger-small-outline-float-label-font-size: 14px !default;
 $small-outline-float-label-font-size: 13px !default;

package/styles/input/material-dark.css

@@ -3202,6 +3202,11 @@ textarea.e-outline,
   background: transparent;
 }
 
+.e-label-top .e-float-text-content,
+.e-label-top .e-float-text-content.e-icon {
+  font-size: 12px;
+}
+
 .e-outline.e-float-input textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom,
 .e-outline.e-float-input.e-control-wrapper textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom,
 .e-outline label.e-float-text,

package/styles/input/material.css

@@ -3232,6 +3232,11 @@ textarea.e-outline,
   background: transparent;
 }
 
+.e-label-top .e-float-text-content,
+.e-label-top .e-float-text-content.e-icon {
+  font-size: 12px;
+}
+
 .e-outline.e-float-input textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom,
 .e-outline.e-float-input.e-control-wrapper textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom,
 .e-outline label.e-float-text,

package/styles/input/material3-dark.css

@@ -3329,6 +3329,11 @@ textarea.e-outline,
   background: transparent;
 }
 
+.e-label-top .e-float-text-content,
+.e-label-top .e-float-text-content.e-icon {
+  font-size: 12px;
+}
+
 .e-outline.e-float-input textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom,
 .e-outline.e-float-input.e-control-wrapper textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom,
 .e-outline label.e-float-text,

package/styles/input/material3.css

@@ -3333,6 +3333,11 @@ textarea.e-outline,
   background: transparent;
 }
 
+.e-label-top .e-float-text-content,
+.e-label-top .e-float-text-content.e-icon {
+  font-size: 12px;
+}
+
 .e-outline.e-float-input textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom,
 .e-outline.e-float-input.e-control-wrapper textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom,
 .e-outline label.e-float-text,

package/styles/material-dark-lite.css

@@ -3212,6 +3212,11 @@ textarea.e-outline,
   background: transparent;
 }
 
+.e-label-top .e-float-text-content,
+.e-label-top .e-float-text-content.e-icon {
+  font-size: 12px;
+}
+
 .e-outline.e-float-input textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom,
 .e-outline.e-float-input.e-control-wrapper textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom,
 .e-outline label.e-float-text,

package/styles/material-dark.css

@@ -3212,6 +3212,11 @@ textarea.e-outline,
   background: transparent;
 }
 
+.e-label-top .e-float-text-content,
+.e-label-top .e-float-text-content.e-icon {
+  font-size: 12px;
+}
+
 .e-outline.e-float-input textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom,
 .e-outline.e-float-input.e-control-wrapper textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom,
 .e-outline label.e-float-text,

package/styles/material-lite.css

@@ -3242,6 +3242,11 @@ textarea.e-outline,
   background: transparent;
 }
 
+.e-label-top .e-float-text-content,
+.e-label-top .e-float-text-content.e-icon {
+  font-size: 12px;
+}
+
 .e-outline.e-float-input textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom,
 .e-outline.e-float-input.e-control-wrapper textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom,
 .e-outline label.e-float-text,

package/styles/material.css

@@ -3242,6 +3242,11 @@ textarea.e-outline,
   background: transparent;
 }
 
+.e-label-top .e-float-text-content,
+.e-label-top .e-float-text-content.e-icon {
+  font-size: 12px;
+}
+
 .e-outline.e-float-input textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom,
 .e-outline.e-float-input.e-control-wrapper textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom,
 .e-outline label.e-float-text,

package/styles/material3-dark-lite.css

@@ -3503,6 +3503,11 @@ textarea.e-outline,
   background: transparent;
 }
 
+.e-label-top .e-float-text-content,
+.e-label-top .e-float-text-content.e-icon {
+  font-size: 12px;
+}
+
 .e-outline.e-float-input textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom,
 .e-outline.e-float-input.e-control-wrapper textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom,
 .e-outline label.e-float-text,

package/styles/material3-dark.css

@@ -3503,6 +3503,11 @@ textarea.e-outline,
   background: transparent;
 }
 
+.e-label-top .e-float-text-content,
+.e-label-top .e-float-text-content.e-icon {
+  font-size: 12px;
+}
+
 .e-outline.e-float-input textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom,
 .e-outline.e-float-input.e-control-wrapper textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom,
 .e-outline label.e-float-text,

package/styles/material3-lite.css

@@ -3511,6 +3511,11 @@ textarea.e-outline,
   background: transparent;
 }
 
+.e-label-top .e-float-text-content,
+.e-label-top .e-float-text-content.e-icon {
+  font-size: 12px;
+}
+
 .e-outline.e-float-input textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom,
 .e-outline.e-float-input.e-control-wrapper textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom,
 .e-outline label.e-float-text,

package/styles/material3.css

@@ -3511,6 +3511,11 @@ textarea.e-outline,
   background: transparent;
 }
 
+.e-label-top .e-float-text-content,
+.e-label-top .e-float-text-content.e-icon {
+  font-size: 12px;
+}
+
 .e-outline.e-float-input textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom,
 .e-outline.e-float-input.e-control-wrapper textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom,
 .e-outline label.e-float-text,