@syncfusion/ej2-inputs - npm Package Compare versions

Comparing version 31.2.2 to 31.2.4

dist/global/index.d.ts

 /*!
 *  filename: index.d.ts
-*  version : 31.2.2
+*  version : 31.2.4
 *  Copyright Syncfusion Inc. 2001 - 2025. All rights reserved.
@@ -5,0 +5,0 @@ *  Use of this code is subject to the terms of our license.

package.json

 {
   "name": "@syncfusion/ej2-inputs",
-  "version": "31.2.2",
+  "version": "31.2.4",
   "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.",
@@ -11,4 +11,4 @@ "author": "Syncfusion Inc.",
   "dependencies": {
-    "@syncfusion/ej2-base": "~31.2.2",
-    "@syncfusion/ej2-buttons": "~31.2.2",
+    "@syncfusion/ej2-base": "~31.2.4",
+    "@syncfusion/ej2-buttons": "~31.2.3",
     "@syncfusion/ej2-popups": "~31.2.2",
@@ -15,0 +15,0 @@ "@syncfusion/ej2-splitbuttons": "~31.2.2"

README.md

@@ -254,3 +254,3 @@ # JavaScript Inputs Controls
   <a href="https://www.syncfusion.com/">
-    <img src="https://raw.githubusercontent.com/SyncfusionExamples/nuget-img/master/syncfusion/syncfusion-trusted-companies.webp" alt="Syncfusion logo">
+    <img src="https://ej2.syncfusion.com/home/images/trusted_companies.png" alt="Syncfusion logo">
   </a>
@@ -280,2 +280,11 @@ </p>
 
+## Resources
+
+* [Speech To Text Documentation](https://ej2.syncfusion.com/documentation/speech-to-text/getting-started)
+* [Theme Studio](https://ej2.syncfusion.com/themestudio/)
+* [Custom Resource Generator](https://crg.syncfusion.com/)
+* [What's New](https://www.syncfusion.com/products/whatsnew/essential-js2?utm_medium=listing&utm_source=github)
+* [Road Map](https://www.syncfusion.com/products/roadmap/essential-js2?utm_medium=listing&utm_source=github)
+* [E-Books](https://www.syncfusion.com/ebooks?tag=javascript&utm_medium=listing&utm_source=github)
+
 ## Support
@@ -297,3 +306,3 @@
 
-> This is a commercial product and requires a paid license for possession or use. Syncfusion’s licensed software, including this component, is subject to the terms and conditions of Syncfusion's [EULA](https://www.syncfusion.com/eula/es/). To acquire a license for 80+ [JavaScript UI controls](https://www.syncfusion.com/javascript-ui-controls), you can [purchase](https://www.syncfusion.com/sales/products) or [start a free 30-day trial](https://www.syncfusion.com/account/manage-trials/start-trials).
+> This is a commercial product and requires a paid license for possession or use. Syncfusion<sup>®</sup> licensed software, including this component, is subject to the terms and conditions of Syncfusion<sup>®</sup> [EULA](https://www.syncfusion.com/eula/es/). To acquire a license for 140+ [JavaScript UI controls](https://www.syncfusion.com/javascript-ui-controls), you can [purchase](https://www.syncfusion.com/sales/products) or [start a free 30-day trial](https://www.syncfusion.com/account/manage-trials/start-trials).
 
@@ -300,0 +309,0 @@ > A [free community license](https://www.syncfusion.com/products/communitylicense) is also available for companies and individuals whose organizations have less than $1 million USD in annual gross revenue and five or fewer developers.

src/maskedtextbox/base/mask-base.js

@@ -290,2 +290,8 @@ /* eslint-disable valid-jsdoc, jsdoc/require-jsdoc, jsdoc/require-returns, jsdoc/require-param */
     }
+    if (this.floatLabelType !== 'Never' && this.inputObj && this.inputObj.container) {
+        var label = this.inputObj.container.querySelector('.e-float-text');
+        if (label) {
+            label.removeAttribute('style');
+        }
+    }
     if (this.mask) {
@@ -392,2 +398,3 @@ if (!(!(modelValue === null || modelValue === '') || this.floatLabelType === 'Always' ||
     this.trigger('blur', this.blurEventArgs);
+    this.updateFloatLabelOverflowWidth();
     if (this.mask) {
@@ -394,0 +401,0 @@ this.isFocus = false;

src/maskedtextbox/maskedtextbox/maskedtextbox.d.ts

@@ -258,2 +258,4 @@ import { Component, EmitType, INotifyPropertyChanged, BaseEventArgs } from '@syncfusion/ej2-base';
     focusOut(): void;
+    private getRightIconsWidth;
+    private updateFloatLabelOverflowWidth;
     /**
@@ -260,0 +262,0 @@ * Removes the component from the DOM and detaches all its related event handlers.

src/maskedtextbox/maskedtextbox/maskedtextbox.js

@@ -168,2 +168,3 @@ var __extends = (this && this.__extends) || (function () {
             }
+            this.updateFloatLabelOverflowWidth();
             this.renderComplete();
@@ -445,2 +446,20 @@ }
     };
+    MaskedTextBox.prototype.getRightIconsWidth = function () {
+        var container = this.inputObj.container;
+        var width = 0;
+        var iconSelectors = '.e-input-group-icon, .e-clear-icon';
+        var icons = container.querySelectorAll(iconSelectors);
+        for (var index = 0; index < icons.length; index++) {
+            width += icons[index].offsetWidth;
+        }
+        return width;
+    };
+    MaskedTextBox.prototype.updateFloatLabelOverflowWidth = function () {
+        var container = this.inputObj.container;
+        var label = container.querySelector('.e-float-text-overflow') || container.querySelector('.e-float-text');
+        var calculateWidth = (container.clientWidth - this.getRightIconsWidth());
+        if (label && calculateWidth) {
+            label.style.width = calculateWidth + 'px';
+        }
+    };
     /**
@@ -447,0 +466,0 @@ * Removes the component from the DOM and detaches all its related event handlers.

src/numerictextbox/numerictextbox.d.ts

@@ -383,2 +383,4 @@ import { Component, EmitType } from '@syncfusion/ej2-base';
     private updateSpinButton;
+    private getRightIconsWidth;
+    private updateFloatLabelOverflowWidth;
     /**
@@ -385,0 +387,0 @@ * Gets the component name

src/textarea/textarea.d.ts

@@ -237,2 +237,4 @@ import { Component, INotifyPropertyChanged } from '@syncfusion/ej2-base';
     private getCurrentResizeClass;
+    private getRightIconsWidth;
+    private updateFloatLabelOverflowWidth;
 }

src/textarea/textarea.js

@@ -278,2 +278,3 @@ var __extends = (this && this.__extends) || (function () {
         this.setWrapperWidth();
+        this.updateFloatLabelOverflowWidth();
         this.renderComplete();
@@ -386,2 +387,8 @@ };
         };
+        if (this.floatLabelType !== 'Never' && this.textareaWrapper && this.textareaWrapper.container) {
+            var label = this.textareaWrapper.container.querySelector('.e-float-text');
+            if (label) {
+                label.removeAttribute('style');
+            }
+        }
         this.trigger('focus', eventArgs);
@@ -399,2 +406,3 @@ };
         };
+        this.updateFloatLabelOverflowWidth();
         this.trigger('blur', eventArgs);
@@ -647,2 +655,20 @@ };
     };
+    TextArea.prototype.getRightIconsWidth = function () {
+        var container = this.textareaWrapper.container;
+        var width = 0;
+        var iconSelectors = '.e-input-group-icon, .e-clear-icon';
+        var icons = container.querySelectorAll(iconSelectors);
+        for (var index = 0; index < icons.length; index++) {
+            width += icons[index].offsetWidth;
+        }
+        return width;
+    };
+    TextArea.prototype.updateFloatLabelOverflowWidth = function () {
+        var container = this.textareaWrapper.container;
+        var label = container.querySelector('.e-float-text-overflow') || container.querySelector('.e-float-text');
+        var calculateWidth = (container.clientWidth - this.getRightIconsWidth());
+        if (label && calculateWidth) {
+            label.style.width = calculateWidth + 'px';
+        }
+    };
     __decorate([
@@ -649,0 +675,0 @@ Property(false)

No alert changes

Improved metrics

Total package byte prevSize

40049705

0.11%

Lines of code

597369

0.05%

Number of lines in readme file

310

2.99%

Dependency changes

• Updated

  @syncfusion/ej2-base@~31.2.4

• Updated

  @syncfusion/ej2-buttons@~31.2.3