@syncfusion/ej2-inputs 29.1.34 → 29.1.39

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 29.1.33
+*  version : 29.1.39
 *  Copyright Syncfusion Inc. 2001 - 2024. 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,56 +1,63 @@
 {
-  "_from": "@syncfusion/ej2-inputs@~29.1.33",
-  "_id": "@syncfusion/ej2-inputs@29.1.33",
+  "_from": "@syncfusion/ej2-inputs@*",
+  "_id": "@syncfusion/ej2-inputs@29.1.38",
   "_inBundle": false,
-  "_integrity": "sha512-Uxkn8CUwWFFwt5dh6btctMg1fxMl+kmHQJ1EP3GljGUvXXlUCWVAmtasNyGHAQHRZeaFr3jje/eQ9qyO6Ws4dA==",
+  "_integrity": "sha512-N0NpQCdE/4EWfeYdKCoMBagvvYNN13d8NUiyWhK1L6teHctBsTJDyFEAyCVoiuTZrhJJjw9SubcXZRIE+P+sZQ==",
   "_location": "/@syncfusion/ej2-inputs",
   "_phantomChildren": {},
   "_requested": {
     "type": "range",
     "registry": true,
-    "raw": "@syncfusion/ej2-inputs@~29.1.33",
+    "raw": "@syncfusion/ej2-inputs@*",
     "name": "@syncfusion/ej2-inputs",
     "escapedName": "@syncfusion%2fej2-inputs",
     "scope": "@syncfusion",
-    "rawSpec": "~29.1.33",
+    "rawSpec": "*",
     "saveSpec": null,
-    "fetchSpec": "~29.1.33"
+    "fetchSpec": "*"
   },
   "_requiredBy": [
+    "/",
+    "/@syncfusion/ej2",
     "/@syncfusion/ej2-angular-inputs",
     "/@syncfusion/ej2-calendars",
     "/@syncfusion/ej2-diagrams",
+    "/@syncfusion/ej2-documenteditor",
     "/@syncfusion/ej2-dropdowns",
     "/@syncfusion/ej2-filemanager",
     "/@syncfusion/ej2-gantt",
     "/@syncfusion/ej2-grids",
+    "/@syncfusion/ej2-image-editor",
+    "/@syncfusion/ej2-inplace-editor",
     "/@syncfusion/ej2-interactive-chat",
+    "/@syncfusion/ej2-kanban",
     "/@syncfusion/ej2-navigations",
+    "/@syncfusion/ej2-pdfviewer",
     "/@syncfusion/ej2-pivotview",
+    "/@syncfusion/ej2-querybuilder",
     "/@syncfusion/ej2-react-inputs",
     "/@syncfusion/ej2-richtexteditor",
     "/@syncfusion/ej2-schedule",
     "/@syncfusion/ej2-vue-inputs"
   ],
-  "_resolved": "https://registry.npmjs.org/@syncfusion/ej2-inputs/-/ej2-inputs-29.1.33.tgz",
-  "_shasum": "085a23c286ff56ae1bcfe4c5406251e35878dad7",
-  "_spec": "@syncfusion/ej2-inputs@~29.1.33",
-  "_where": "E:\\march2025\\memory-leaks\\node_modules\\@syncfusion\\ej2-diagrams",
+  "_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-hotfix-new/@syncfusion/ej2-inputs/-/ej2-inputs-29.1.38.tgz",
+  "_shasum": "d2e15562b803ae9078901ae96547965c28307ead",
+  "_spec": "@syncfusion/ej2-inputs@*",
+  "_where": "/jenkins/workspace/elease-automation_release_29.1.1/packages/included",
   "author": {
     "name": "Syncfusion Inc."
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-base": "~29.1.33",
-    "@syncfusion/ej2-buttons": "~29.1.33",
-    "@syncfusion/ej2-popups": "~29.1.33",
+    "@syncfusion/ej2-base": "~29.1.36",
+    "@syncfusion/ej2-buttons": "~29.1.34",
+    "@syncfusion/ej2-popups": "~29.1.37",
     "@syncfusion/ej2-splitbuttons": "~29.1.33"
   },
   "deprecated": false,
   "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.",
   "devDependencies": {},
   "es2015": "./dist/es6/ej2-inputs.es5.js",
-  "homepage": "https://www.syncfusion.com/javascript-ui-controls",
   "keywords": [
     "ej2",
     "syncfusion",
@@ -112,7 +119,8 @@
     "type": "git",
     "url": "https://github.com/syncfusion/ej2-javascript-ui-controls/tree/master/controls/inputs"
   },
-  "sideEffects": false,
   "typings": "index.d.ts",
-  "version": "29.1.34"
-}
+  "version": "29.1.39",
+  "sideEffects": false,
+  "homepage": "https://www.syncfusion.com/javascript-ui-controls"
+}

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

@@ -1,4 +1,4 @@
-import { Component, EventHandler, Property, Event, Browser, L10n, EmitType, getUniqueID } from '@syncfusion/ej2-base';import { NotifyPropertyChanges, INotifyPropertyChanged, BaseEventArgs } from '@syncfusion/ej2-base';import { attributes, addClass, removeClass, detach, closest } from '@syncfusion/ej2-base';import { isNullOrUndefined, getValue, formatUnit, setValue, merge } from '@syncfusion/ej2-base';import { Internationalization, NumberFormatOptions, getNumericObject } from '@syncfusion/ej2-base';import { Input, InputObject, FloatLabelType } from '../input/input';
+import { Component, EventHandler, Property, Event, Browser, L10n, EmitType, getUniqueID } from '@syncfusion/ej2-base';import { NotifyPropertyChanges, INotifyPropertyChanged, BaseEventArgs } from '@syncfusion/ej2-base';import { attributes, addClass, removeClass, detach, closest } from '@syncfusion/ej2-base';import { isNullOrUndefined, getValue, formatUnit, setValue, merge } from '@syncfusion/ej2-base';import { Internationalization, NumberFormatOptions, getNumericObject } from '@syncfusion/ej2-base';import { Input, InputObject, FloatLabelType } from '../input/input';
 import {ChangeEventArgs,NumericFocusEventArgs,NumericBlurEventArgs} from "./numerictextbox";
 import {ComponentModel} from '@syncfusion/ej2-base';
 

package/src/numerictextbox/numerictextbox.js

@@ -750,7 +750,9 @@ var NumericTextBox = /** @class */ (function (_super) {
             }
         }
         this.inputValue = value;
-        this.changeValue(value === null || isNaN(value) ? null : this.strictMode ? this.trimValue(value) : value);
+        if (!(this.isVue && this.element && this.element.hasAttribute('modelvalue') && this.isDynamicChange)) {
+            this.changeValue(value === null || isNaN(value) ? null : this.strictMode ? this.trimValue(value) : value);
+        }
         /* istanbul ignore next */
         if (!this.isDynamicChange) {
             this.raiseChangeEvent(event);

package/src/textarea/textarea.d.ts

@@ -229,6 +229,7 @@ export declare class TextArea extends Component<HTMLTextAreaElement> implements
      * @returns {void}
      */
     private setWrapperWidth;
+    private onMouseMove;
     private resetForm;
     private resetValue;
     private setElementWidth;

package/src/textarea/textarea.js

@@ -359,6 +359,9 @@ var TextArea = /** @class */ (function (_super) {
         }
         this.element.value = this.element.defaultValue;
         this.element.classList.remove('e-input', RESIZE_X, RESIZE_Y, RESIZE_XY, RESIZE_NONE);
+        if (this.textareaWrapper.container.style.width.includes('%')) {
+            EventHandler.remove(this.element, 'mousemove', this.onMouseMove);
+        }
         this.removeAttributes(['aria-disabled', 'aria-readonly', 'aria-labelledby', 'aria-multiline']);
         if (!isNullOrUndefined(this.textareaWrapper)) {
             this.textareaWrapper.container.insertAdjacentElement('afterend', this.element);
@@ -568,14 +571,16 @@ var TextArea = /** @class */ (function (_super) {
      */
     TextArea.prototype.setWrapperWidth = function () {
         if (this.enabled && ((this.resizeMode !== 'None' && this.resizeMode !== 'Vertical') || (this.cols || this.element.getAttribute('cols')))) {
-            if (this.resizeMode !== 'None' && this.resizeMode !== 'Vertical') {
-                if (this.textareaWrapper.container.style.width) {
-                    this.setElementWidth(this.textareaWrapper.container.style.width);
-                    this.textareaWrapper.container.style.width = '';
-                    this.textareaWrapper.container.classList.add(AUTO_WIDTH);
-                }
+            if (this.resizeMode !== 'None' && this.resizeMode !== 'Vertical' && !this.textareaWrapper.container.style.width.includes('%')) {
+                this.setElementWidth(this.textareaWrapper.container.style.width);
+            }
+            if (!this.textareaWrapper.container.style.width.includes('%')) {
+                this.textareaWrapper.container.classList.add(AUTO_WIDTH);
+                this.textareaWrapper.container.style.width = '';
+            }
+            if (this.textareaWrapper.container.style.width.includes('%')) {
+                EventHandler.add(this.element, 'mousemove', this.onMouseMove, this);
             }
-            this.textareaWrapper.container.classList.add(AUTO_WIDTH);
         }
         else {
             if (this.textareaWrapper.container.classList.contains(AUTO_WIDTH)) {
@@ -583,6 +588,18 @@ var TextArea = /** @class */ (function (_super) {
             }
         }
     };
+    TextArea.prototype.onMouseMove = function () {
+        var _this = this;
+        if (this.textareaWrapper.container.style.width !== 'auto') {
+            var initialWidth_1 = this.element.style.width;
+            setTimeout(function () {
+                var currentWidth = _this.element.style.width;
+                if (initialWidth_1 !== currentWidth) {
+                    _this.textareaWrapper.container.style.width = 'auto';
+                }
+            }, 5);
+        }
+    };
     TextArea.prototype.resetForm = function () {
         if (this.isAngular) {
             this.resetValue('');

package/styles/input/_theme.scss

@@ -1735,7 +1735,8 @@
   .e-small .e-outline.e-float-input.e-error.e-input-focus input ~ label.e-float-text,
   .e-outline.e-float-input.e-control-wrapper.e-error.e-input-focus input ~ label.e-float-text,
   .e-outline.e-float-input.e-control-wrapper.e-small.e-error.e-input-focus input ~ label.e-float-text,
-  .e-small .e-outline.e-float-input.e-control-wrapper.e-error.e-input-focus input ~ label.e-float-text {
+  .e-small .e-outline.e-float-input.e-control-wrapper.e-error.e-input-focus input ~ label.e-float-text,
+  .e-outline.e-float-input.e-control-wrapper.e-input-group.e-error.e-valid-input.e-input-focus label.e-label-top {
     @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
       color: $input-error-color;
     }

package/styles/input/material-dark.css

@@ -5716,7 +5716,8 @@ textarea.e-input::selection,
 .e-small .e-outline.e-float-input.e-error.e-input-focus input ~ label.e-float-text,
 .e-outline.e-float-input.e-control-wrapper.e-error.e-input-focus input ~ label.e-float-text,
 .e-outline.e-float-input.e-control-wrapper.e-small.e-error.e-input-focus input ~ label.e-float-text,
-.e-small .e-outline.e-float-input.e-control-wrapper.e-error.e-input-focus input ~ label.e-float-text {
+.e-small .e-outline.e-float-input.e-control-wrapper.e-error.e-input-focus input ~ label.e-float-text,
+.e-outline.e-float-input.e-control-wrapper.e-input-group.e-error.e-valid-input.e-input-focus label.e-label-top {
   color: #ff6652;
 }
 

package/styles/input/material.css

@@ -5736,7 +5736,8 @@ textarea.e-input::selection,
 .e-small .e-outline.e-float-input.e-error.e-input-focus input ~ label.e-float-text,
 .e-outline.e-float-input.e-control-wrapper.e-error.e-input-focus input ~ label.e-float-text,
 .e-outline.e-float-input.e-control-wrapper.e-small.e-error.e-input-focus input ~ label.e-float-text,
-.e-small .e-outline.e-float-input.e-control-wrapper.e-error.e-input-focus input ~ label.e-float-text {
+.e-small .e-outline.e-float-input.e-control-wrapper.e-error.e-input-focus input ~ label.e-float-text,
+.e-outline.e-float-input.e-control-wrapper.e-input-group.e-error.e-valid-input.e-input-focus label.e-label-top {
   color: #f44336;
 }
 

package/styles/input/material3-dark.css

@@ -5605,7 +5605,8 @@ textarea.e-input::selection,
 .e-small .e-outline.e-float-input.e-error.e-input-focus input ~ label.e-float-text,
 .e-outline.e-float-input.e-control-wrapper.e-error.e-input-focus input ~ label.e-float-text,
 .e-outline.e-float-input.e-control-wrapper.e-small.e-error.e-input-focus input ~ label.e-float-text,
-.e-small .e-outline.e-float-input.e-control-wrapper.e-error.e-input-focus input ~ label.e-float-text {
+.e-small .e-outline.e-float-input.e-control-wrapper.e-error.e-input-focus input ~ label.e-float-text,
+.e-outline.e-float-input.e-control-wrapper.e-input-group.e-error.e-valid-input.e-input-focus label.e-label-top {
   color: rgba(var(--color-sf-error));
 }
 

package/styles/input/material3.css

@@ -5607,7 +5607,8 @@ textarea.e-input::selection,
 .e-small .e-outline.e-float-input.e-error.e-input-focus input ~ label.e-float-text,
 .e-outline.e-float-input.e-control-wrapper.e-error.e-input-focus input ~ label.e-float-text,
 .e-outline.e-float-input.e-control-wrapper.e-small.e-error.e-input-focus input ~ label.e-float-text,
-.e-small .e-outline.e-float-input.e-control-wrapper.e-error.e-input-focus input ~ label.e-float-text {
+.e-small .e-outline.e-float-input.e-control-wrapper.e-error.e-input-focus input ~ label.e-float-text,
+.e-outline.e-float-input.e-control-wrapper.e-input-group.e-error.e-valid-input.e-input-focus label.e-label-top {
   color: rgba(var(--color-sf-error));
 }
 

package/styles/material-dark-lite.css

@@ -5726,7 +5726,8 @@ textarea.e-input::selection,
 .e-small .e-outline.e-float-input.e-error.e-input-focus input ~ label.e-float-text,
 .e-outline.e-float-input.e-control-wrapper.e-error.e-input-focus input ~ label.e-float-text,
 .e-outline.e-float-input.e-control-wrapper.e-small.e-error.e-input-focus input ~ label.e-float-text,
-.e-small .e-outline.e-float-input.e-control-wrapper.e-error.e-input-focus input ~ label.e-float-text {
+.e-small .e-outline.e-float-input.e-control-wrapper.e-error.e-input-focus input ~ label.e-float-text,
+.e-outline.e-float-input.e-control-wrapper.e-input-group.e-error.e-valid-input.e-input-focus label.e-label-top {
   color: #ff6652;
 }
 

package/styles/material-dark.css

@@ -5726,7 +5726,8 @@ textarea.e-input::selection,
 .e-small .e-outline.e-float-input.e-error.e-input-focus input ~ label.e-float-text,
 .e-outline.e-float-input.e-control-wrapper.e-error.e-input-focus input ~ label.e-float-text,
 .e-outline.e-float-input.e-control-wrapper.e-small.e-error.e-input-focus input ~ label.e-float-text,
-.e-small .e-outline.e-float-input.e-control-wrapper.e-error.e-input-focus input ~ label.e-float-text {
+.e-small .e-outline.e-float-input.e-control-wrapper.e-error.e-input-focus input ~ label.e-float-text,
+.e-outline.e-float-input.e-control-wrapper.e-input-group.e-error.e-valid-input.e-input-focus label.e-label-top {
   color: #ff6652;
 }
 

package/styles/material-lite.css

@@ -5746,7 +5746,8 @@ textarea.e-input::selection,
 .e-small .e-outline.e-float-input.e-error.e-input-focus input ~ label.e-float-text,
 .e-outline.e-float-input.e-control-wrapper.e-error.e-input-focus input ~ label.e-float-text,
 .e-outline.e-float-input.e-control-wrapper.e-small.e-error.e-input-focus input ~ label.e-float-text,
-.e-small .e-outline.e-float-input.e-control-wrapper.e-error.e-input-focus input ~ label.e-float-text {
+.e-small .e-outline.e-float-input.e-control-wrapper.e-error.e-input-focus input ~ label.e-float-text,
+.e-outline.e-float-input.e-control-wrapper.e-input-group.e-error.e-valid-input.e-input-focus label.e-label-top {
   color: #f44336;
 }
 

package/styles/material.css

@@ -5746,7 +5746,8 @@ textarea.e-input::selection,
 .e-small .e-outline.e-float-input.e-error.e-input-focus input ~ label.e-float-text,
 .e-outline.e-float-input.e-control-wrapper.e-error.e-input-focus input ~ label.e-float-text,
 .e-outline.e-float-input.e-control-wrapper.e-small.e-error.e-input-focus input ~ label.e-float-text,
-.e-small .e-outline.e-float-input.e-control-wrapper.e-error.e-input-focus input ~ label.e-float-text {
+.e-small .e-outline.e-float-input.e-control-wrapper.e-error.e-input-focus input ~ label.e-float-text,
+.e-outline.e-float-input.e-control-wrapper.e-input-group.e-error.e-valid-input.e-input-focus label.e-label-top {
   color: #f44336;
 }
 

package/styles/material3-dark-lite.css

@@ -5615,7 +5615,8 @@ textarea.e-input::selection,
 .e-small .e-outline.e-float-input.e-error.e-input-focus input ~ label.e-float-text,
 .e-outline.e-float-input.e-control-wrapper.e-error.e-input-focus input ~ label.e-float-text,
 .e-outline.e-float-input.e-control-wrapper.e-small.e-error.e-input-focus input ~ label.e-float-text,
-.e-small .e-outline.e-float-input.e-control-wrapper.e-error.e-input-focus input ~ label.e-float-text {
+.e-small .e-outline.e-float-input.e-control-wrapper.e-error.e-input-focus input ~ label.e-float-text,
+.e-outline.e-float-input.e-control-wrapper.e-input-group.e-error.e-valid-input.e-input-focus label.e-label-top {
   color: rgba(var(--color-sf-error));
 }
 

package/styles/material3-dark.css

@@ -5615,7 +5615,8 @@ textarea.e-input::selection,
 .e-small .e-outline.e-float-input.e-error.e-input-focus input ~ label.e-float-text,
 .e-outline.e-float-input.e-control-wrapper.e-error.e-input-focus input ~ label.e-float-text,
 .e-outline.e-float-input.e-control-wrapper.e-small.e-error.e-input-focus input ~ label.e-float-text,
-.e-small .e-outline.e-float-input.e-control-wrapper.e-error.e-input-focus input ~ label.e-float-text {
+.e-small .e-outline.e-float-input.e-control-wrapper.e-error.e-input-focus input ~ label.e-float-text,
+.e-outline.e-float-input.e-control-wrapper.e-input-group.e-error.e-valid-input.e-input-focus label.e-label-top {
   color: rgba(var(--color-sf-error));
 }
 

package/styles/material3-lite.css

@@ -5617,7 +5617,8 @@ textarea.e-input::selection,
 .e-small .e-outline.e-float-input.e-error.e-input-focus input ~ label.e-float-text,
 .e-outline.e-float-input.e-control-wrapper.e-error.e-input-focus input ~ label.e-float-text,
 .e-outline.e-float-input.e-control-wrapper.e-small.e-error.e-input-focus input ~ label.e-float-text,
-.e-small .e-outline.e-float-input.e-control-wrapper.e-error.e-input-focus input ~ label.e-float-text {
+.e-small .e-outline.e-float-input.e-control-wrapper.e-error.e-input-focus input ~ label.e-float-text,
+.e-outline.e-float-input.e-control-wrapper.e-input-group.e-error.e-valid-input.e-input-focus label.e-label-top {
   color: rgba(var(--color-sf-error));
 }
 

package/styles/material3.css

@@ -5617,7 +5617,8 @@ textarea.e-input::selection,
 .e-small .e-outline.e-float-input.e-error.e-input-focus input ~ label.e-float-text,
 .e-outline.e-float-input.e-control-wrapper.e-error.e-input-focus input ~ label.e-float-text,
 .e-outline.e-float-input.e-control-wrapper.e-small.e-error.e-input-focus input ~ label.e-float-text,
-.e-small .e-outline.e-float-input.e-control-wrapper.e-error.e-input-focus input ~ label.e-float-text {
+.e-small .e-outline.e-float-input.e-control-wrapper.e-error.e-input-focus input ~ label.e-float-text,
+.e-outline.e-float-input.e-control-wrapper.e-input-group.e-error.e-valid-input.e-input-focus label.e-label-top {
   color: rgba(var(--color-sf-error));
 }