@syncfusion/ej2-inputs 25.1.42 → 25.2.5

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 25.1.42
+*  version : 25.2.5
 *  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.40",
+  "_id": "@syncfusion/ej2-inputs@25.2.3",
   "_inBundle": false,
-  "_integrity": "sha512-384AdvWm/4d5BcuT6Ex89cnAF3Z2YpUFBJxE8N/IcZCYrDgR7vaHvHrv7l4hDKO3dWzouz/wSx2+ls1utn/BlQ==",
+  "_integrity": "sha512-CVu43DoE54Wc6i/zkl5XR95NiUZJGhcltqI4vH/vT7mn2pp4clqJOK/iLPSONtGSEDX9Cz8ioUZXqzdjik+cmg==",
   "_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.40.tgz",
-  "_shasum": "41f7f272d4ea7a0ba3f5f0f5e729f40c6fa3e901",
+  "_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-hotfix-new/@syncfusion/ej2-inputs/-/ej2-inputs-25.2.3.tgz",
+  "_shasum": "e8632f49feddb4a15c1fe7ffe48d362137d71e79",
   "_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.1.35",
-    "@syncfusion/ej2-buttons": "~25.1.39",
-    "@syncfusion/ej2-popups": "~25.1.42",
-    "@syncfusion/ej2-splitbuttons": "~25.1.38"
+    "@syncfusion/ej2-base": "~25.2.5",
+    "@syncfusion/ej2-buttons": "~25.2.4",
+    "@syncfusion/ej2-popups": "~25.2.4",
+    "@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.1.42",
+  "version": "25.2.5",
   "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
      */