@syncfusion/ej2-inputs 25.2.3 → 25.2.6

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 25.2.3
+*  version : 25.2.6
 *  Copyright Syncfusion Inc. 2001 - 2023. 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,8 +1,8 @@
 {
   "_from": "@syncfusion/ej2-inputs@*",
-  "_id": "@syncfusion/ej2-inputs@25.1.42",
+  "_id": "@syncfusion/ej2-inputs@25.2.5",
   "_inBundle": false,
-  "_integrity": "sha512-MOxKQSpV3ecnHR8gx6t9f2cRrfa/Q4SF5MmT04smz4D0kD76mYQh1mBwGWls2l/NFbKuiE5jcF6VpigRA3mUBg==",
+  "_integrity": "sha512-bCug5r0JnHfhZo8hMG0SidL07TuNOEZ+SbgAiyMqQWDtWvtvj6LvP8ZbbmbedLxKVoNjsc3w+1eEUWNdikJeOA==",
   "_location": "/@syncfusion/ej2-inputs",
   "_phantomChildren": {},
   "_requested": {
@@ -39,8 +39,8 @@
     "/@syncfusion/ej2-schedule",
     "/@syncfusion/ej2-vue-inputs"
   ],
-  "_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-hotfix-new/@syncfusion/ej2-inputs/-/ej2-inputs-25.1.42.tgz",
-  "_shasum": "7fc6edb18eb846ef9f6baa21550a4bfd51b39b71",
+  "_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-hotfix-new/@syncfusion/ej2-inputs/-/ej2-inputs-25.2.5.tgz",
+  "_shasum": "28df2106c4093b47cc3ad5645c2df96b844594c0",
   "_spec": "@syncfusion/ej2-inputs@*",
   "_where": "/jenkins/workspace/elease-automation_release_25.1.1/packages/included",
   "author": {
@@ -48,10 +48,10 @@
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-base": "~25.2.3",
-    "@syncfusion/ej2-buttons": "~25.2.3",
-    "@syncfusion/ej2-popups": "~25.2.3",
-    "@syncfusion/ej2-splitbuttons": "~25.2.3"
+    "@syncfusion/ej2-base": "~25.2.5",
+    "@syncfusion/ej2-buttons": "~25.2.6",
+    "@syncfusion/ej2-popups": "~25.2.6",
+    "@syncfusion/ej2-splitbuttons": "~25.2.4"
   },
   "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.",
@@ -119,7 +119,7 @@
     "url": "https://github.com/syncfusion/ej2-javascript-ui-controls/tree/master/controls/inputs"
   },
   "typings": "index.d.ts",
-  "version": "25.2.3",
+  "version": "25.2.6",
   "sideEffects": false,
   "homepage": "https://www.syncfusion.com/javascript-ui-controls"
 }

package/src/input/input.js

@@ -455,6 +455,9 @@ export var Input;
         if (args.properties.showClearButton) {
             unWireClearBtnEvents(args.element, button);
         }
+        if (!isNullOrUndefined(args.buttons)) {
+            _internalRipple(false, null, args.buttons);
+        }
         unwireFloatingEvents(args.element);
         if (!isNullOrUndefined(args.element)) {
             delete args.element.__eventHandlers;
@@ -561,6 +564,9 @@ export var Input;
      * @param {HTMLElement} container - The parent element which is need to get the label span to calculate width
      */
     function calculateWidth(element, container, moduleName) {
+        if (moduleName !== 'multiselect' && !_isElementVisible(element)) {
+            return;
+        }
         var elementWidth = moduleName === 'multiselect' ? element : element.clientWidth - parseInt(getComputedStyle(element, null).getPropertyValue('padding-left'), 10);
         if (!isNullOrUndefined(container.getElementsByClassName('e-float-text-content')[0])) {
             if (container.getElementsByClassName('e-float-text-content')[0].classList.contains('e-float-text-overflow')) {
@@ -885,8 +891,8 @@ export var Input;
         }
         else if (buttons.length > 0) {
             for (var index = 0; index < buttons.length; index++) {
-                buttons[parseInt(index.toString())].removeEventListener('mousedown', _onMouseDownRipple, this);
-                buttons[parseInt(index.toString())].removeEventListener('mouseup', _onMouseUpRipple, this);
+                buttons[parseInt(index.toString())].removeEventListener('mousedown', _onMouseDownRipple);
+                buttons[parseInt(index.toString())].removeEventListener('mouseup', _onMouseUpRipple);
             }
         }
     }
@@ -895,6 +901,22 @@ export var Input;
             button.classList.add('e-input-btn-ripple');
         }
     }
+    function _isElementVisible(element) {
+        if (!element) {
+            return false;
+        }
+        // Check if the element or any of its parents are hidden using display: none
+        var currentElement = element;
+        while (currentElement && currentElement !== document.body) {
+            var style = window.getComputedStyle(currentElement);
+            if (style.display === 'none') {
+                return false;
+            }
+            currentElement = currentElement.parentElement;
+        }
+        // If none of the elements have display: none, the element is considered visible
+        return true;
+    }
     function _onMouseDownRipple() {
         // eslint-disable-next-line @typescript-eslint/no-this-alias
         var ele = this;

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

@@ -201,6 +201,11 @@ export interface NumericTextBoxModel extends ComponentModel{
 
     /**
      * Triggers when the value of the NumericTextBox changes.
+     * The change event of the NumericTextBox component will be triggered in the following scenarios:
+     * * Changing the previous value using keyboard interaction and then focusing out of the component.
+     * * Focusing on the component and scrolling within the input.
+     * * Changing the value using the spin buttons.
+     * * Programmatically changing the value using the value property.
      *
      * @event change
      */

package/src/numerictextbox/numerictextbox.d.ts

@@ -227,6 +227,11 @@ export declare class NumericTextBox extends Component<HTMLInputElement> implemen
     destroyed: EmitType<Object>;
     /**
      * Triggers when the value of the NumericTextBox changes.
+     * The change event of the NumericTextBox component will be triggered in the following scenarios:
+     * * Changing the previous value using keyboard interaction and then focusing out of the component.
+     * * Focusing on the component and scrolling within the input.
+     * * Changing the value using the spin buttons.
+     * * Programmatically changing the value using the value property.
      *
      * @event change
      */

package/src/textbox/textbox.d.ts

@@ -59,6 +59,7 @@ export declare class TextBox extends Component<HTMLInputElement | HTMLTextAreaEl
     private textboxOptions;
     private inputPreviousValue;
     private isVue;
+    private isReact;
     private clearButton;
     /**
      * Specifies the behavior of the TextBox such as text, password, email, etc.

package/src/textbox/textbox.js

@@ -50,6 +50,7 @@ var TextBox = /** @class */ (function (_super) {
         _this.isForm = false;
         _this.inputPreviousValue = null;
         _this.isVue = false;
+        _this.isReact = false;
         _this.textboxOptions = options;
         return _this;
     }
@@ -196,7 +197,7 @@ var TextBox = /** @class */ (function (_super) {
         if (this.element.tagName !== 'TEXTAREA') {
             this.element.setAttribute('type', this.type);
         }
-        if (this.type === 'text') {
+        if (this.type === 'text' || (this.element.tagName === 'INPUT' && this.multiline && this.isReact)) {
             this.element.setAttribute('role', 'textbox');
         }
         this.globalize = new Internationalization(this.locale);