@syncfusion/ej2-inputs 33.2.15 → 34.1.30

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 33.2.15
+*  version : 34.1.30
 *  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.15",
+  "version": "34.1.30",
   "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,10 +8,10 @@
   "module": "./index.js",
   "es2015": "./dist/es6/ej2-inputs.es5.js",
   "dependencies": {
-    "@syncfusion/ej2-base": "~33.2.3",
-    "@syncfusion/ej2-buttons": "~33.2.15",
-    "@syncfusion/ej2-popups": "~33.2.7",
-    "@syncfusion/ej2-splitbuttons": "~33.2.6"
+    "@syncfusion/ej2-base": "~34.1.30",
+    "@syncfusion/ej2-buttons": "~34.1.30",
+    "@syncfusion/ej2-popups": "~34.1.29",
+    "@syncfusion/ej2-splitbuttons": "~34.1.29"
   },
   "devDependencies": {},
   "keywords": [

package/src/otp-input/otp-input.js

@@ -340,6 +340,7 @@ var OtpInput = /** @class */ (function (_super) {
     OtpInput.prototype.handlePaste = function (index, event) {
         var clipboardData = event.clipboardData;
         if (clipboardData) {
+            event.preventDefault();
             var pastedText = clipboardData.getData('text');
             var pastedValues = pastedText.split('');
             var pastedValueIndex = 0;

package/src/textarea/textarea-model.d.ts

@@ -17,7 +17,7 @@ export interface TextAreaModel extends ComponentModel{
     /**
      * Sets the content of the TextArea.
      *
-     * @default null
+     * @default ''
      */
     value?: string;
 

package/src/textarea/textarea.d.ts

@@ -34,7 +34,7 @@ export declare class TextArea extends Component<HTMLTextAreaElement> implements
     /**
      * Sets the content of the TextArea.
      *
-     * @default null
+     * @default ''
      */
     value: string;
     /**

package/src/textarea/textarea.js

@@ -280,10 +280,10 @@ var TextArea = /** @class */ (function (_super) {
         });
         this.updateHTMLAttributesToWrapper();
         this.wireEvents();
-        if (!isNullOrUndefined(this.value)) {
+        if (!isNullOrUndefined(this.value) && this.value !== '') {
             Input.setValue(this.value, this.element, this.floatLabelType, this.showClearButton);
         }
-        if (!isNullOrUndefined(this.value)) {
+        if (!isNullOrUndefined(this.value) && this.value !== '') {
             this.initialValue = this.value;
             if (!this.isAngular) {
                 this.element.setAttribute('value', this.initialValue);
@@ -853,7 +853,7 @@ var TextArea = /** @class */ (function (_super) {
         Property(false)
     ], TextArea.prototype, "readonly", void 0);
     __decorate([
-        Property(null)
+        Property('')
     ], TextArea.prototype, "value", void 0);
     __decorate([
         Property('Never')

package/src/textbox/textbox-model.d.ts

@@ -24,7 +24,7 @@ export interface TextBoxModel extends ComponentModel{
     /**
      * Sets the content of the TextBox.
      *
-     * @default null
+     * @default ''
      */
     value?: string;
 
@@ -110,6 +110,13 @@ export interface TextBoxModel extends ComponentModel{
      */
     width?: number | string;
 
+    /**
+     * Specifies the maximum number of characters allowed in TextBox.
+     *
+     * @aspType int?
+     */
+    maxLength?: number;
+
     /**
      * Specifies the HTML template string for custom elements to prepend to the TextBox input.
      * Supports icons, buttons, or any valid HTML. Updates dynamically on property change.

package/src/textbox/textbox.d.ts

@@ -76,7 +76,7 @@ export declare class TextBox extends Component<HTMLInputElement | HTMLTextAreaEl
     /**
      * Sets the content of the TextBox.
      *
-     * @default null
+     * @default ''
      */
     value: string;
     /**
@@ -153,6 +153,12 @@ export declare class TextBox extends Component<HTMLInputElement | HTMLTextAreaEl
      * @default null
      */
     width: number | string;
+    /**
+     * Specifies the maximum number of characters allowed in TextBox.
+     *
+     * @aspType int?
+     */
+    maxLength: number;
     /**
      * Specifies the HTML template string for custom elements to prepend to the TextBox input.
      * Supports icons, buttons, or any valid HTML. Updates dynamically on property change.

package/src/textbox/textbox.js

@@ -74,6 +74,11 @@ var TextBox = /** @class */ (function (_super) {
                 case 'width':
                     Input.setWidth(newProp.width, this.textboxWrapper.container);
                     break;
+                case 'maxLength':
+                    if (this.maxLength) {
+                        this.element.setAttribute('maxlength', this.maxLength.toString());
+                    }
+                    break;
                 case 'value':
                     {
                         var prevOnChange = this.isProtectedOnChange;
@@ -224,6 +229,9 @@ var TextBox = /** @class */ (function (_super) {
         if (!this.element.hasAttribute('name')) {
             this.element.setAttribute('name', this.element.getAttribute('id'));
         }
+        if (this.maxLength) {
+            this.element.setAttribute('maxlength', this.maxLength.toString());
+        }
         if (this.element.tagName === 'INPUT' && this.multiline) {
             this.isHiddenInput = true;
             this.textarea = this.createElement('textarea');
@@ -825,7 +833,7 @@ var TextBox = /** @class */ (function (_super) {
         Property(false)
     ], TextBox.prototype, "readonly", void 0);
     __decorate([
-        Property(null)
+        Property('')
     ], TextBox.prototype, "value", void 0);
     __decorate([
         Property('Never')
@@ -857,6 +865,9 @@ var TextBox = /** @class */ (function (_super) {
     __decorate([
         Property(null)
     ], TextBox.prototype, "width", void 0);
+    __decorate([
+        Property(null)
+    ], TextBox.prototype, "maxLength", void 0);
     __decorate([
         Property(null)
     ], TextBox.prototype, "prependTemplate", void 0);