@syncfusion/ej2-inputs 34.2.6 → 34.2.8

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 34.2.6
+*  version : 34.2.8
 *  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": "34.2.6",
+  "version": "34.2.8",
   "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": "~34.2.6",
-    "@syncfusion/ej2-buttons": "~34.2.6",
-    "@syncfusion/ej2-popups": "~34.2.6",
-    "@syncfusion/ej2-splitbuttons": "~34.2.6"
+    "@syncfusion/ej2-base": "~34.2.8",
+    "@syncfusion/ej2-buttons": "~34.2.8",
+    "@syncfusion/ej2-popups": "~34.2.8",
+    "@syncfusion/ej2-splitbuttons": "~34.2.8"
   },
   "devDependencies": {},
   "keywords": [

package/src/input/input.js

@@ -653,7 +653,7 @@ export var Input;
     function setPlaceholder(placeholder, element, moduleName) {
         var modules = [
             'textbox', 'numerictextbox', 'textarea', 'combobox',
-            'datepicker', 'daterangepicker', 'datetimepicker'
+            'datepicker', 'daterangepicker', 'datetimepicker', 'maskedtextbox'
         ];
         placeholder = encodePlaceHolder(placeholder);
         var parentElement = getParentNode(element);

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

@@ -82,14 +82,17 @@ export interface MaskedTextBoxModel extends ComponentModel{
     enablePersistence?: boolean;
 
     /**
-     * Sets a value that masks the MaskedTextBox to allow/validate the user input.
-     * * Mask allows [`standard mask elements`](../../maskedtextbox/mask-configuration/#standard-mask-elements)
-     * </b>, <b>[`custom characters`](../../maskedtextbox/mask-configuration/#custom-characters)</b> and
-     * <b>[`regular expression`](../../maskedtextbox/mask-configuration/#regular-expression)</b> as mask
-     * elements.
-     * For more information on mask, refer to
-     * [mask](../../maskedtextbox/mask-configuration/#standard-mask-elements).
-     * * If the mask value is empty, the MaskedTextBox will behave as an input element with text type.
+     * Sets a value that masks the MaskedTextBox to allow or validate user input.
+     *
+     * Mask supports
+     * [`standard mask elements`](../../maskedtextbox/mask-configuration#standard-mask-elements),
+     * [`custom characters`](../../maskedtextbox/mask-configuration#custom-characters) snd
+     * [`regular expression`](../../maskedtextbox/mask-configuration#regular-expression)
+     * as mask elements.
+     *
+     * For more information, refer to the [mask](../../maskedtextbox/mask-configuration#standard-mask-elements) documentation.
+     *
+     * If the `mask` value is empty, the MaskedTextBox behaves as an input element with text type.
      *
      * {% codeBlock src='maskedtextbox/mask/index.md' %}{% endcodeBlock %}
      *

package/src/maskedtextbox/maskedtextbox/maskedtextbox.d.ts

@@ -111,14 +111,17 @@ export declare class MaskedTextBox extends Component<HTMLInputElement> implement
      */
     enablePersistence: boolean;
     /**
-     * Sets a value that masks the MaskedTextBox to allow/validate the user input.
-     * * Mask allows [`standard mask elements`](../../maskedtextbox/mask-configuration/#standard-mask-elements)
-     * </b>, <b>[`custom characters`](../../maskedtextbox/mask-configuration/#custom-characters)</b> and
-     * <b>[`regular expression`](../../maskedtextbox/mask-configuration/#regular-expression)</b> as mask
-     * elements.
-     * For more information on mask, refer to
-     * [mask](../../maskedtextbox/mask-configuration/#standard-mask-elements).
-     * * If the mask value is empty, the MaskedTextBox will behave as an input element with text type.
+     * Sets a value that masks the MaskedTextBox to allow or validate user input.
+     *
+     * Mask supports
+     * [`standard mask elements`](../../maskedtextbox/mask-configuration#standard-mask-elements),
+     * [`custom characters`](../../maskedtextbox/mask-configuration#custom-characters) snd
+     * [`regular expression`](../../maskedtextbox/mask-configuration#regular-expression)
+     * as mask elements.
+     *
+     * For more information, refer to the [mask](../../maskedtextbox/mask-configuration#standard-mask-elements) documentation.
+     *
+     * If the `mask` value is empty, the MaskedTextBox behaves as an input element with text type.
      *
      * {% codeBlock src='maskedtextbox/mask/index.md' %}{% endcodeBlock %}
      *

package/src/maskedtextbox/maskedtextbox/maskedtextbox.js

@@ -240,7 +240,7 @@ var MaskedTextBox = /** @class */ (function (_super) {
     };
     MaskedTextBox.prototype.setMaskPlaceholder = function (setVal, dynamicPlaceholder) {
         if (dynamicPlaceholder || this.placeholder) {
-            Input.setPlaceholder(this.placeholder, this.element);
+            Input.setPlaceholder(this.placeholder, this.element, this.getModuleName());
             if ((this.element.value === this.promptMask && setVal && this.floatLabelType !== 'Always') ||
                 this.element.value === this.promptMask && this.floatLabelType === 'Never') {
                 setElementValue.call(this, '');

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

@@ -26,8 +26,6 @@ export interface NumericTextBoxModel extends ComponentModel{
 
     /**
      * Specifies a minimum value that is allowed a user can enter.
-     * For more information on min, refer to
-     * [min](../../numerictextbox/getting-started/#range-validation).
      *
      * @default null
      * @aspType object
@@ -38,8 +36,6 @@ export interface NumericTextBoxModel extends ComponentModel{
 
     /**
      * Specifies a maximum value that is allowed a user can enter.
-     * For more information on max, refer to
-     * [max](../../numerictextbox/getting-started/#range-validation).
      *
      * @default null
      * @aspType object
@@ -50,8 +46,6 @@ export interface NumericTextBoxModel extends ComponentModel{
 
     /**
      * Specifies the incremental or decremental step size for the NumericTextBox.
-     * For more information on step, refer to
-     * [step](../../numerictextbox/getting-started/#range-validation).
      *
      * @default 1
      * @isGenericType true
@@ -121,8 +115,7 @@ export interface NumericTextBoxModel extends ComponentModel{
 
     /**
      * Specifies the number format that indicates the display format for the value of the NumericTextBox.
-     * For more information on formats, refer to
-     * [formats](../../numerictextbox/formats/#standard-formats).
+     * For more information on formats, refer to [formats](../../numerictextbox/formats#standard-formats).
      *
      * @default 'n2'
      */
@@ -130,8 +123,6 @@ export interface NumericTextBoxModel extends ComponentModel{
 
     /**
      * Specifies the number precision applied to the textbox value when the NumericTextBox is focused.
-     * For more information on decimals, refer to
-     * [decimals](../../numerictextbox/formats/#precision-of-numbers).
      *
      * @default null
      */

package/src/numerictextbox/numerictextbox.d.ts

@@ -72,8 +72,6 @@ export declare class NumericTextBox extends Component<HTMLInputElement> implemen
     value: number;
     /**
      * Specifies a minimum value that is allowed a user can enter.
-     * For more information on min, refer to
-     * [min](../../numerictextbox/getting-started/#range-validation).
      *
      * @default null
      * @aspType object
@@ -83,8 +81,6 @@ export declare class NumericTextBox extends Component<HTMLInputElement> implemen
     min: number;
     /**
      * Specifies a maximum value that is allowed a user can enter.
-     * For more information on max, refer to
-     * [max](../../numerictextbox/getting-started/#range-validation).
      *
      * @default null
      * @aspType object
@@ -94,8 +90,6 @@ export declare class NumericTextBox extends Component<HTMLInputElement> implemen
     max: number;
     /**
      * Specifies the incremental or decremental step size for the NumericTextBox.
-     * For more information on step, refer to
-     * [step](../../numerictextbox/getting-started/#range-validation).
      *
      * @default 1
      * @isGenericType true
@@ -158,16 +152,13 @@ export declare class NumericTextBox extends Component<HTMLInputElement> implemen
     enablePersistence: boolean;
     /**
      * Specifies the number format that indicates the display format for the value of the NumericTextBox.
-     * For more information on formats, refer to
-     * [formats](../../numerictextbox/formats/#standard-formats).
+     * For more information on formats, refer to [formats](../../numerictextbox/formats#standard-formats).
      *
      * @default 'n2'
      */
     format: string;
     /**
      * Specifies the number precision applied to the textbox value when the NumericTextBox is focused.
-     * For more information on decimals, refer to
-     * [decimals](../../numerictextbox/formats/#precision-of-numbers).
      *
      * @default null
      */

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

@@ -229,7 +229,7 @@ export interface UploaderModel extends ComponentModel{
      * Specifies the drop target to handle the drag-and-drop upload.
      * By default, the component creates wrapper around file input that will act as drop target.
      *
-     * > For more information, refer to the [drag-and-drop](../../uploader/file-source/#drag-and-drop) section from the documentation.
+     * > For more information, refer to the [drag-and-drop](../../uploader/file-source#drag-and-drop) section from the documentation.
      *
      * @default null
      */

package/src/uploader/uploader.d.ts

@@ -642,7 +642,7 @@ export declare class Uploader extends Component<HTMLInputElement> implements INo
      * Specifies the drop target to handle the drag-and-drop upload.
      * By default, the component creates wrapper around file input that will act as drop target.
      *
-     * > For more information, refer to the [drag-and-drop](../../uploader/file-source/#drag-and-drop) section from the documentation.
+     * > For more information, refer to the [drag-and-drop](../../uploader/file-source#drag-and-drop) section from the documentation.
      *
      * @default null
      */

package/src/uploader/uploader.js

@@ -607,7 +607,7 @@ var Uploader = /** @class */ (function (_super) {
         }
     };
     Uploader.prototype.setDropArea = function () {
-        var dropTextArea = this.dropAreaWrapper.querySelector('.e-file-drop');
+        var dropTextArea = this.dropAreaWrapper && this.dropAreaWrapper.querySelector('.e-file-drop');
         if (this.dropArea) {
             this.dropZoneElement = (typeof (this.dropArea) !== 'string') ? this.dropArea :
                 select(this.dropArea, document);

package/styles/input/_layout.scss

@@ -2443,6 +2443,7 @@
       }
 
       @if $input-skin-name == 'tailwind3' {
+        font-weight: 500;
         left: 2px;
       }
     }
@@ -2488,6 +2489,7 @@
     @if $input-skin-name == 'tailwind3' {
       top: -21px;
       left: 2px;
+      font-weight: 500;
     }
     @else if $input-skin-name == 'fabric' or $input-skin-name == 'FluentUI' or $input-skin-name == 'bootstrap' or $input-skin-name == 'bootstrap4' or $input-skin-name == 'bootstrap5' or $input-skin-name == 'bootstrap5.3' or $input-skin-name == 'highcontrast' or $input-skin-name == 'tailwind' {
       top: $float-textarea-small-text-top;

package/styles/input/tailwind3.css

@@ -1850,6 +1850,7 @@ textarea.e-input.e-small.e-rtl,
   top: -24px;
   -webkit-transform: translate3d(-10px, 6px, 0) scale(0.92);
           transform: translate3d(-10px, 6px, 0) scale(0.92);
+  font-weight: 500;
   left: 2px;
 }
 
@@ -1864,6 +1865,7 @@ textarea.e-input.e-small.e-rtl,
   font-size: 10px;
   top: -21px;
   left: 2px;
+  font-weight: 500;
 }
 
 .e-float-input textarea ~ .e-float-text,

package/styles/tailwind3-lite.css

@@ -1862,6 +1862,7 @@ textarea.e-input.e-small.e-rtl,
   top: -24px;
   -webkit-transform: translate3d(-10px, 6px, 0) scale(0.92);
           transform: translate3d(-10px, 6px, 0) scale(0.92);
+  font-weight: 500;
   left: 2px;
 }
 
@@ -1876,6 +1877,7 @@ textarea.e-input.e-small.e-rtl,
   font-size: 10px;
   top: -21px;
   left: 2px;
+  font-weight: 500;
 }
 
 .e-float-input textarea ~ .e-float-text,

package/styles/tailwind3.css

@@ -1862,6 +1862,7 @@ textarea.e-input.e-small.e-rtl,
   top: -24px;
   -webkit-transform: translate3d(-10px, 6px, 0) scale(0.92);
           transform: translate3d(-10px, 6px, 0) scale(0.92);
+  font-weight: 500;
   left: 2px;
 }
 
@@ -1876,6 +1877,7 @@ textarea.e-input.e-small.e-rtl,
   font-size: 10px;
   top: -21px;
   left: 2px;
+  font-weight: 500;
 }
 
 .e-float-input textarea ~ .e-float-text,