@syncfusion/ej2-inputs 25.2.6 → 26.1.38

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 25.2.6
+*  version : 26.1.38
 *  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/otp-input.d.ts

@@ -0,0 +1,4 @@
+/**
+ * otp-input
+ */
+export * from './src/otp-input/index';

package/otp-input.js

@@ -0,0 +1,4 @@
+/**
+ * otp-input
+ */
+export * from './src/otp-input/index';

package/package.json

@@ -1,8 +1,8 @@
 {
   "_from": "@syncfusion/ej2-inputs@*",
-  "_id": "@syncfusion/ej2-inputs@25.2.5",
+  "_id": "@syncfusion/ej2-inputs@26.1.35",
   "_inBundle": false,
-  "_integrity": "sha512-bCug5r0JnHfhZo8hMG0SidL07TuNOEZ+SbgAiyMqQWDtWvtvj6LvP8ZbbmbedLxKVoNjsc3w+1eEUWNdikJeOA==",
+  "_integrity": "sha512-65BMD3k9mdmoh/kiheJD2m7LIZCba4dHeGFkKtLCuI5gXYCcVjBnVwprW4kM9+boC9K1MCrk1/jE0bn+3/h3Cw==",
   "_location": "/@syncfusion/ej2-inputs",
   "_phantomChildren": {},
   "_requested": {
@@ -39,19 +39,19 @@
     "/@syncfusion/ej2-schedule",
     "/@syncfusion/ej2-vue-inputs"
   ],
-  "_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-hotfix-new/@syncfusion/ej2-inputs/-/ej2-inputs-25.2.5.tgz",
-  "_shasum": "28df2106c4093b47cc3ad5645c2df96b844594c0",
+  "_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-hotfix-new/@syncfusion/ej2-inputs/-/ej2-inputs-26.1.35.tgz",
+  "_shasum": "19fc06d90979b867b55f7077d46e030e726acf7c",
   "_spec": "@syncfusion/ej2-inputs@*",
-  "_where": "/jenkins/workspace/elease-automation_release_25.1.1/packages/included",
+  "_where": "/jenkins/workspace/elease-automation_release_26.1.1/packages/included",
   "author": {
     "name": "Syncfusion Inc."
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-base": "~25.2.5",
-    "@syncfusion/ej2-buttons": "~25.2.6",
-    "@syncfusion/ej2-popups": "~25.2.6",
-    "@syncfusion/ej2-splitbuttons": "~25.2.4"
+    "@syncfusion/ej2-base": "~26.1.37",
+    "@syncfusion/ej2-buttons": "~26.1.35",
+    "@syncfusion/ej2-popups": "~26.1.38",
+    "@syncfusion/ej2-splitbuttons": "~26.1.35"
   },
   "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.6",
+  "version": "26.1.38",
   "sideEffects": false,
   "homepage": "https://www.syncfusion.com/javascript-ui-controls"
 }

package/src/form-validator/form-validator.d.ts

@@ -4,7 +4,9 @@ import { FormValidatorModel } from './form-validator-model';
 /**
  * global declarations
  */
-export declare const regex: any;
+export declare const regex: {
+    [key: string]: RegExp;
+};
 /**
  * ErrorOption values
  *
@@ -168,7 +170,7 @@ export declare class FormValidator extends Base<HTMLFormElement> implements INot
      * Returns `true` when the form is valid otherwise `false`
      *
      * @param {string} selected - Optional parameter to validate specified element.
-     * @returns {boolean}
+     * @returns {boolean} - Returns form validation status.
      */
     validate(selected?: string): boolean;
     /**
@@ -181,7 +183,7 @@ export declare class FormValidator extends Base<HTMLFormElement> implements INot
      * Get input element by name.
      *
      * @param {string} name - Input element name attribute value.
-     * @returns {HTMLInputElement}
+     * @returns {HTMLInputElement} - Returns the input element.
      */
     getInputElement(name: string): HTMLInputElement;
     /**
@@ -217,6 +219,7 @@ export declare class FormValidator extends Base<HTMLFormElement> implements INot
     getModuleName(): string;
     /**
      * @param {any} args - Specifies the culture name.
+     * @returns {void}
      * @private
      */
     afterLocalization(args: any): void;

package/src/form-validator/form-validator.js

@@ -24,7 +24,6 @@ import { Internationalization, L10n } from '@syncfusion/ej2-base';
 /**
  * global declarations
  */
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
 export var regex = {
     /* eslint-disable no-useless-escape */
     EMAIL: new RegExp('^[A-Za-z0-9._%+-]{1,}@[A-Za-z0-9._%+-]{1,}([.]{1}[a-zA-Z0-9]{2,}' +
@@ -171,20 +170,19 @@ var FormValidator = /** @class */ (function (_super) {
         }
         else if (!isNullOrUndefined(this.rules["" + name] && rules)) {
             for (var i = 0; i < rules.length; i++) {
-                delete this.rules["" + name][rules[parseInt(i.toString())]];
+                delete this.rules["" + name][rules[parseInt(i.toString(), 10)]];
             }
         }
         else {
             return;
         }
     };
-    /* eslint-disable valid-jsdoc, jsdoc/require-returns-description */
     /**
      * Validate the current form values using defined rules.
      * Returns `true` when the form is valid otherwise `false`
      *
      * @param {string} selected - Optional parameter to validate specified element.
-     * @returns {boolean}
+     * @returns {boolean} - Returns form validation status.
      */
     FormValidator.prototype.validate = function (selected) {
         var rules = Object.keys(this.rules);
@@ -204,7 +202,6 @@ var FormValidator = /** @class */ (function (_super) {
             return this.errorRules.length === 0;
         }
     };
-    /* eslint-enable valid-jsdoc, jsdoc/require-returns-description */
     /**
      * Reset the value of all the fields in form.
      *
@@ -214,18 +211,16 @@ var FormValidator = /** @class */ (function (_super) {
         this.element.reset();
         this.clearForm();
     };
-    /* eslint-disable valid-jsdoc, jsdoc/require-returns-description */
     /**
      * Get input element by name.
      *
      * @param {string} name - Input element name attribute value.
-     * @returns {HTMLInputElement}
+     * @returns {HTMLInputElement} - Returns the input element.
      */
     FormValidator.prototype.getInputElement = function (name) {
         this.inputElement = (select('[name="' + name + '"]', this.element));
         return this.inputElement;
     };
-    /* eslint-enable valid-jsdoc, jsdoc/require-returns-description */
     /**
      * Destroy the form validator object and error elements.
      *
@@ -282,9 +277,9 @@ var FormValidator = /** @class */ (function (_super) {
     };
     /**
      * @param {any} args - Specifies the culture name.
+     * @returns {void}
      * @private
      */
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any, @typescript-eslint/explicit-module-boundary-types
     FormValidator.prototype.afterLocalization = function (args) {
         this.locale = args.locale;
         this.localeFunc();
@@ -309,10 +304,12 @@ var FormValidator = /** @class */ (function (_super) {
             input.removeAttribute('aria-invalid');
             var inputParent = input.parentElement;
             var grandParent = inputParent.parentElement;
-            if (inputParent.classList.contains('e-control-wrapper') || inputParent.classList.contains('e-wrapper') || (input.classList.contains('e-input') && inputParent.classList.contains('e-input-group'))) {
+            if (inputParent.classList.contains('e-control-wrapper') || inputParent.classList.contains('e-wrapper') ||
+                (input.classList.contains('e-input') && inputParent.classList.contains('e-input-group'))) {
                 inputParent.classList.remove(this.errorClass);
             }
-            else if ((grandParent != null) && (grandParent.classList.contains('e-control-wrapper') || grandParent.classList.contains('e-wrapper'))) {
+            else if ((grandParent != null) && (grandParent.classList.contains('e-control-wrapper') ||
+                grandParent.classList.contains('e-wrapper'))) {
                 grandParent.classList.remove(this.errorClass);
             }
             else {
@@ -323,10 +320,12 @@ var FormValidator = /** @class */ (function (_super) {
                 this.getErrorElement(input.name);
                 this.hideMessage(input.name);
             }
-            if (inputParent.classList.contains('e-control-wrapper') || inputParent.classList.contains('e-wrapper') || (input.classList.contains('e-input') && inputParent.classList.contains('e-input-group'))) {
+            if (inputParent.classList.contains('e-control-wrapper') || inputParent.classList.contains('e-wrapper') ||
+                (input.classList.contains('e-input') && inputParent.classList.contains('e-input-group'))) {
                 inputParent.classList.remove(this.validClass);
             }
-            else if ((grandParent != null) && (grandParent.classList.contains('e-control-wrapper') || grandParent.classList.contains('e-wrapper'))) {
+            else if ((grandParent != null) && (grandParent.classList.contains('e-control-wrapper') ||
+                grandParent.classList.contains('e-wrapper'))) {
                 grandParent.classList.remove(this.validClass);
             }
             else {
@@ -581,11 +580,13 @@ var FormValidator = /** @class */ (function (_super) {
                     this.inputElement.setAttribute('aria-describedby', this.inputElement.id + '-info');
                     var inputParent = this.inputElement.parentElement;
                     var grandParent = inputParent.parentElement;
-                    if (inputParent.classList.contains('e-control-wrapper') || inputParent.classList.contains('e-wrapper') || (this.inputElement.classList.contains('e-input') && inputParent.classList.contains('e-input-group'))) {
+                    if (inputParent.classList.contains('e-control-wrapper') || inputParent.classList.contains('e-wrapper') ||
+                        (this.inputElement.classList.contains('e-input') && inputParent.classList.contains('e-input-group'))) {
                         inputParent.classList.add(this.errorClass);
                         inputParent.classList.remove(this.validClass);
                     }
-                    else if ((grandParent != null) && (grandParent.classList.contains('e-control-wrapper') || grandParent.classList.contains('e-wrapper'))) {
+                    else if ((grandParent != null) && (grandParent.classList.contains('e-control-wrapper') ||
+                        grandParent.classList.contains('e-wrapper'))) {
                         grandParent.classList.add(this.errorClass);
                         grandParent.classList.remove(this.validClass);
                     }
@@ -601,11 +602,13 @@ var FormValidator = /** @class */ (function (_super) {
                     }
                     eventArgs.errorElement = this.infoElement;
                     eventArgs.status = 'failure';
-                    if (inputParent.classList.contains('e-control-wrapper') || inputParent.classList.contains('e-wrapper') || (this.inputElement.classList.contains('e-input') && inputParent.classList.contains('e-input-group'))) {
+                    if (inputParent.classList.contains('e-control-wrapper') || inputParent.classList.contains('e-wrapper') ||
+                        (this.inputElement.classList.contains('e-input') && inputParent.classList.contains('e-input-group'))) {
                         inputParent.classList.add(this.errorClass);
                         inputParent.classList.remove(this.validClass);
                     }
-                    else if ((grandParent != null) && (grandParent.classList.contains('e-control-wrapper') || grandParent.classList.contains('e-wrapper'))) {
+                    else if ((grandParent != null) && (grandParent.classList.contains('e-control-wrapper') ||
+                        grandParent.classList.contains('e-wrapper'))) {
                         grandParent.classList.add(this.errorClass);
                         grandParent.classList.remove(this.validClass);
                     }
@@ -674,8 +677,8 @@ var FormValidator = /** @class */ (function (_super) {
         var formats = message.match(/{(\d)}/g);
         if (!isNullOrUndefined(formats)) {
             for (var i = 0; i < formats.length; i++) {
-                var value = ruleValue instanceof Array ? ruleValue[parseInt(i.toString())] : ruleValue;
-                message = message.replace(formats[parseInt(i.toString())], value);
+                var value = ruleValue instanceof Array ? ruleValue[parseInt(i.toString(), 10)] : ruleValue;
+                message = message.replace(formats[parseInt(i.toString(), 10)], value);
             }
         }
         return message;
@@ -737,7 +740,7 @@ var FormValidator = /** @class */ (function (_super) {
     // Remove existing rule from errorRules object
     FormValidator.prototype.removeErrorRules = function (name) {
         for (var i = 0; i < this.errorRules.length; i++) {
-            var rule = this.errorRules[parseInt(i.toString())];
+            var rule = this.errorRules[parseInt(i.toString(), 10)];
             if (rule.name === name) {
                 this.errorRules.splice(i, 1);
             }
@@ -756,7 +759,8 @@ var FormValidator = /** @class */ (function (_super) {
             this.removeErrorRules(name);
             var inputParent = this.inputElement.parentElement;
             var grandParent = inputParent.parentElement;
-            if (inputParent.classList.contains('e-control-wrapper') || inputParent.classList.contains('e-wrapper') || (this.inputElement.classList.contains('e-input') && inputParent.classList.contains('e-input-group'))) {
+            if (inputParent.classList.contains('e-control-wrapper') || inputParent.classList.contains('e-wrapper') ||
+                (this.inputElement.classList.contains('e-input') && inputParent.classList.contains('e-input-group'))) {
                 inputParent.classList.add(this.validClass);
                 inputParent.classList.remove(this.errorClass);
             }
@@ -779,7 +783,7 @@ var FormValidator = /** @class */ (function (_super) {
             this.hideMessage(name);
         }
     };
-    // Return boolean result if the input have chekcable or submit types
+    // Return boolean result if the input have checkable or submit types
     FormValidator.isCheckable = function (input) {
         var inputType = input.getAttribute('type');
         return inputType && (inputType === 'checkbox' || inputType === 'radio' || inputType === 'submit');
@@ -812,10 +816,10 @@ var FormValidator = /** @class */ (function (_super) {
             return regex.DIGITS.test(option.value);
         },
         maxLength: function (option) {
-            return option.value.length <= option.param;
+            return option.value.length <= Number(option.param);
         },
         minLength: function (option) {
-            return option.value.length >= option.param;
+            return option.value.length >= Number(option.param);
         },
         rangeLength: function (option) {
             var param = option.param;
@@ -839,7 +843,7 @@ var FormValidator = /** @class */ (function (_super) {
         max: function (option) {
             if (!isNaN(Number(option.value))) {
                 // Maximum rule validation for number
-                return +option.value <= option.param;
+                return +option.value <= +option.param;
             }
             // Maximum rule validation for date
             return new Date(option.value).getTime() <= new Date(JSON.parse(JSON.stringify(option.param))).getTime();
@@ -847,11 +851,11 @@ var FormValidator = /** @class */ (function (_super) {
         min: function (option) {
             if (!isNaN(Number(option.value))) {
                 // Minimum rule validation for number
-                return +option.value >= option.param;
+                return +option.value >= +option.param;
             }
             else if ((option.value).indexOf(',') !== -1) {
                 var uNum = (option.value).replace(/,/g, '');
-                return parseFloat(uNum) >= option.param;
+                return parseFloat(uNum) >= Number(option.param); // Convert option.param to a number
             }
             else {
                 // Minimum rule validation for date

package/src/index.d.ts

@@ -12,4 +12,5 @@ export * from './textbox/index';
 export * from './textarea/index';
 export * from './signature/index';
 export * from './rating/index';
+export * from './otp-input/index';
 export * from './common/index';

package/src/index.js

@@ -12,4 +12,5 @@ export * from './textbox/index';
 export * from './textarea/index';
 export * from './signature/index';
 export * from './rating/index';
+export * from './otp-input/index';
 export * from './common/index';

package/src/input/input.d.ts

@@ -153,12 +153,12 @@ export declare namespace Input {
      * E.g : Input.createSpanElement(inputObject, makeElement);
      * ```
      *
-     * @param {InputObject} inputObject
+     * @param {Element} inputObject
      * - Element which is need to get the label
      * @param {createElementParams} makeElement
      * - Element which is need to create the span
      */
-    function createSpanElement(inputObject: any, makeElement: createElementParams): void;
+    function createSpanElement(inputObject: Element, makeElement: createElementParams): void;
     /**
      * Enable or Disable the ripple effect on the icons inside the Input. Ripple effect is only applicable for material theme.
      * ```

package/src/input/input.js

@@ -82,7 +82,6 @@ export var Input;
         validateInputType(inputObject.container, args.element);
         inputObject = setPropertyValue(args, inputObject);
         createSpanElement(inputObject.container, makeElement);
-        // eslint-disable-next-line @typescript-eslint/no-unused-vars
         privateInputObj = inputObject;
         return inputObject;
     }
@@ -120,27 +119,27 @@ export var Input;
         args.element.addEventListener('focus', focusHandler);
         args.element.addEventListener('blur', blurHandler);
         args.element.addEventListener('input', inputHandler);
-        args.element.__eventHandlers["inputFocusHandler"] = { focusHandler: focusHandler };
-        args.element.__eventHandlers["inputBlurHandler"] = { blurHandler: blurHandler };
-        args.element.__eventHandlers["inputHandler"] = { inputHandler: inputHandler };
+        args.element.__eventHandlers['inputFocusHandler'] = { focusHandler: focusHandler };
+        args.element.__eventHandlers['inputBlurHandler'] = { blurHandler: blurHandler };
+        args.element.__eventHandlers['inputHandler'] = { inputHandler: inputHandler };
     }
     Input.bindInitialEvent = bindInitialEvent;
     function unbindInitialEvent(args) {
         if (!isNullOrUndefined(args.element)) {
             if (!isNullOrUndefined(args.element.__eventHandlers)) {
-                if (!isNullOrUndefined(args.element.__eventHandlers["inputFocusHandler"])
-                    && !isNullOrUndefined(args.element.__eventHandlers["inputBlurHandler"])
-                    && !isNullOrUndefined(args.element.__eventHandlers["inputHandler"])) {
-                    var focusHandler_1 = args.element.__eventHandlers["inputFocusHandler"].focusHandler;
-                    var blurHandler_1 = args.element.__eventHandlers["inputBlurHandler"].blurHandler;
-                    var inputHandler_1 = args.element.__eventHandlers["inputHandler"].inputHandler;
+                if (!isNullOrUndefined(args.element.__eventHandlers['inputFocusHandler'])
+                    && !isNullOrUndefined(args.element.__eventHandlers['inputBlurHandler'])
+                    && !isNullOrUndefined(args.element.__eventHandlers['inputHandler'])) {
+                    var focusHandler_1 = args.element.__eventHandlers['inputFocusHandler'].focusHandler;
+                    var blurHandler_1 = args.element.__eventHandlers['inputBlurHandler'].blurHandler;
+                    var inputHandler_1 = args.element.__eventHandlers['inputHandler'].inputHandler;
                     args.element.removeEventListener('focus', focusHandler_1);
                     args.element.removeEventListener('blur', blurHandler_1);
                     args.element.removeEventListener('input', inputHandler_1);
                     // Clean up stored bound functions
-                    delete args.element.__eventHandlers["inputFocusHandler"];
-                    delete args.element.__eventHandlers["inputBlurHandler"];
-                    delete args.element.__eventHandlers["inputHandler"];
+                    delete args.element.__eventHandlers['inputFocusHandler'];
+                    delete args.element.__eventHandlers['inputBlurHandler'];
+                    delete args.element.__eventHandlers['inputHandler'];
                 }
             }
         }
@@ -265,8 +264,8 @@ export var Input;
             args.element.addEventListener('input', inputFloatHandler);
             args.element.addEventListener('blur', blurFloatHandler);
             // Store the event handler functions to remove them later
-            args.element.__eventHandlers["floatInputHandler"] = { inputFloatHandler: inputFloatHandler };
-            args.element.__eventHandlers["floatBlurHandler"] = { blurFloatHandler: blurFloatHandler };
+            args.element.__eventHandlers['floatInputHandler'] = { inputFloatHandler: inputFloatHandler };
+            args.element.__eventHandlers['floatBlurHandler'] = { blurFloatHandler: blurFloatHandler };
         }
         else {
             unWireFloatLabelEvents(args);
@@ -276,17 +275,18 @@ export var Input;
         }
     }
     function unWireFloatLabelEvents(args) {
-        if (!isNullOrUndefined(args.element) && !isNullOrUndefined(args.element.__eventHandlers)
-            && !isNullOrUndefined(args.element.__eventHandlers["floatInputHandler"])
-            && !isNullOrUndefined(args.element.__eventHandlers["floatBlurHandler"])) {
-            var inputFloatHandler = args.element.__eventHandlers["floatInputHandler"].inputFloatHandler;
-            var blurFloatHandler = args.element.__eventHandlers["floatBlurHandler"].blurFloatHandler;
+        if (!isNullOrUndefined(args.element) &&
+            !isNullOrUndefined(args.element.__eventHandlers)
+            && !isNullOrUndefined(args.element.__eventHandlers['floatInputHandler'])
+            && !isNullOrUndefined(args.element.__eventHandlers['floatBlurHandler'])) {
+            var inputFloatHandler = args.element.__eventHandlers['floatInputHandler'].inputFloatHandler;
+            var blurFloatHandler = args.element.__eventHandlers['floatBlurHandler'].blurFloatHandler;
             // Remove the event listeners using the defined functions
             args.element.removeEventListener('input', inputFloatHandler);
             args.element.removeEventListener('blur', blurFloatHandler);
             // Clean up stored event handler functions
-            delete args.element.__eventHandlers["floatInputHandler"];
-            delete args.element.__eventHandlers["floatBlurHandler"];
+            delete args.element.__eventHandlers['floatInputHandler'];
+            delete args.element.__eventHandlers['floatBlurHandler'];
         }
     }
     function checkFloatLabelType(type, container) {
@@ -405,7 +405,7 @@ export var Input;
         if (isBindClearAction === undefined || isBindClearAction) {
             var clickHandlerEvent = function (e) { return clickHandler(e, element, button); };
             button.addEventListener('click', clickHandlerEvent);
-            element.__eventHandlers["clearClickHandler"] = { clickHandlerEvent: clickHandlerEvent };
+            element.__eventHandlers['clearClickHandler'] = { clickHandlerEvent: clickHandlerEvent };
         }
         var inputHandlerEvent = function () { return inputHandler(element, button); };
         var focusHandlerEvent = function () { return focusHandler(element, button); };
@@ -414,35 +414,36 @@ export var Input;
         element.addEventListener('focus', focusHandlerEvent);
         element.addEventListener('blur', blurHandlerEvent);
         // Store the bound functions to remove them later
-        element.__eventHandlers["clearInputHandler"] = { inputHandlerEvent: inputHandlerEvent };
-        element.__eventHandlers["clearFocusHandler"] = { focusHandlerEvent: focusHandlerEvent };
-        element.__eventHandlers["clearBlurHandler"] = { blurHandlerEvent: blurHandlerEvent };
+        element.__eventHandlers['clearInputHandler'] = { inputHandlerEvent: inputHandlerEvent };
+        element.__eventHandlers['clearFocusHandler'] = { focusHandlerEvent: focusHandlerEvent };
+        element.__eventHandlers['clearBlurHandler'] = { blurHandlerEvent: blurHandlerEvent };
     }
     Input.wireClearBtnEvents = wireClearBtnEvents;
     function unWireClearBtnEvents(element, button) {
-        if (!isNullOrUndefined(element) && !isNullOrUndefined(element.__eventHandlers)) {
-            if (!isNullOrUndefined(element.__eventHandlers["clearClickHandler"])) {
-                var clickHandlerEvent = element.__eventHandlers["clearClickHandler"].clickHandlerEvent;
+        if (!isNullOrUndefined(element) &&
+            !isNullOrUndefined(element.__eventHandlers)) {
+            if (!isNullOrUndefined(element.__eventHandlers['clearClickHandler'])) {
+                var clickHandlerEvent = element.__eventHandlers['clearClickHandler'].clickHandlerEvent;
                 if (isBindClearAction === undefined || isBindClearAction) {
                     if (!isNullOrUndefined(button)) {
                         button.removeEventListener('click', clickHandlerEvent);
                     }
                 }
-                delete element.__eventHandlers["clearClickHandler"];
+                delete element.__eventHandlers['clearClickHandler'];
             }
-            if (!isNullOrUndefined(element.__eventHandlers["clearInputHandler"])
-                && !isNullOrUndefined(element.__eventHandlers["clearFocusHandler"])
-                && !isNullOrUndefined(element.__eventHandlers["clearBlurHandler"])) {
-                var inputHandlerEvent = element.__eventHandlers["clearInputHandler"].inputHandlerEvent;
-                var focusHandlerEvent = element.__eventHandlers["clearFocusHandler"].focusHandlerEvent;
-                var blurHandlerEvent = element.__eventHandlers["clearBlurHandler"].blurHandlerEvent;
+            if (!isNullOrUndefined(element.__eventHandlers['clearInputHandler'])
+                && !isNullOrUndefined(element.__eventHandlers['clearFocusHandler'])
+                && !isNullOrUndefined(element.__eventHandlers['clearBlurHandler'])) {
+                var inputHandlerEvent = element.__eventHandlers['clearInputHandler'].inputHandlerEvent;
+                var focusHandlerEvent = element.__eventHandlers['clearFocusHandler'].focusHandlerEvent;
+                var blurHandlerEvent = element.__eventHandlers['clearBlurHandler'].blurHandlerEvent;
                 element.removeEventListener('input', inputHandlerEvent);
                 element.removeEventListener('focus', focusHandlerEvent);
                 element.removeEventListener('blur', blurHandlerEvent);
                 // Clean up stored Event functions
-                delete element.__eventHandlers["clearInputHandler"];
-                delete element.__eventHandlers["clearFocusHandler"];
-                delete element.__eventHandlers["clearBlurHandler"];
+                delete element.__eventHandlers['clearInputHandler'];
+                delete element.__eventHandlers['clearFocusHandler'];
+                delete element.__eventHandlers['clearBlurHandler'];
             }
         }
     }
@@ -611,13 +612,25 @@ export var Input;
         var parentElement = getParentNode(element);
         if (parentElement.classList.contains(CLASSNAMES.FLOATINPUT)) {
             if (!isNullOrUndefined(placeholder) && placeholder !== '') {
-                parentElement.getElementsByClassName('e-float-text-content')[0] ? parentElement.getElementsByClassName(CLASSNAMES.FLOATTEXT)[0].children[0].textContent = placeholder : parentElement.getElementsByClassName(CLASSNAMES.FLOATTEXT)[0].textContent = placeholder;
+                var floatTextContent = parentElement.getElementsByClassName('e-float-text-content')[0];
+                if (floatTextContent) {
+                    floatTextContent.children[0].textContent = placeholder;
+                }
+                else {
+                    parentElement.getElementsByClassName(CLASSNAMES.FLOATTEXT)[0].textContent = placeholder;
+                }
                 parentElement.classList.remove(CLASSNAMES.NOFLOATLABEL);
                 element.removeAttribute('placeholder');
             }
             else {
                 parentElement.classList.add(CLASSNAMES.NOFLOATLABEL);
-                parentElement.getElementsByClassName('e-float-text-content')[0] ? parentElement.getElementsByClassName(CLASSNAMES.FLOATTEXT)[0].children[0].textContent = '' : parentElement.getElementsByClassName(CLASSNAMES.FLOATTEXT)[0].textContent = '';
+                var floatTextContent = parentElement.getElementsByClassName('e-float-text-content')[0];
+                if (floatTextContent) {
+                    floatTextContent.children[0].textContent = '';
+                }
+                else {
+                    parentElement.getElementsByClassName(CLASSNAMES.FLOATTEXT)[0].textContent = '';
+                }
             }
         }
         else {
@@ -847,7 +860,7 @@ export var Input;
      * E.g : Input.createSpanElement(inputObject, makeElement);
      * ```
      *
-     * @param {InputObject} inputObject
+     * @param {Element} inputObject
      * - Element which is need to get the label
      * @param {createElementParams} makeElement
      * - Element which is need to create the span
@@ -874,7 +887,7 @@ export var Input;
      */
     function setRipple(isRipple, inputObj) {
         for (var i = 0; i < inputObj.length; i++) {
-            _internalRipple(isRipple, inputObj[parseInt(i.toString())].container);
+            _internalRipple(isRipple, inputObj[parseInt(i.toString(), 10)].container);
         }
     }
     Input.setRipple = setRipple;
@@ -885,14 +898,14 @@ export var Input;
             container.querySelectorAll('.e-input-group-icon') : argsButton;
         if (isRipple && buttons.length > 0) {
             for (var index = 0; index < buttons.length; index++) {
-                buttons[parseInt(index.toString())].addEventListener('mousedown', _onMouseDownRipple, false);
-                buttons[parseInt(index.toString())].addEventListener('mouseup', _onMouseUpRipple, false);
+                buttons[parseInt(index.toString(), 10)].addEventListener('mousedown', _onMouseDownRipple, false);
+                buttons[parseInt(index.toString(), 10)].addEventListener('mouseup', _onMouseUpRipple, false);
             }
         }
         else if (buttons.length > 0) {
             for (var index = 0; index < buttons.length; index++) {
-                buttons[parseInt(index.toString())].removeEventListener('mousedown', _onMouseDownRipple);
-                buttons[parseInt(index.toString())].removeEventListener('mouseup', _onMouseUpRipple);
+                buttons[parseInt(index.toString(), 10)].removeEventListener('mousedown', _onMouseDownRipple, this);
+                buttons[parseInt(index.toString(), 10)].removeEventListener('mouseup', _onMouseUpRipple, this);
             }
         }
     }
@@ -918,8 +931,7 @@ export var Input;
         return true;
     }
     function _onMouseDownRipple() {
-        // eslint-disable-next-line @typescript-eslint/no-this-alias
-        var ele = this;
+        var ele = null || this;
         var parentEle = this.parentElement;
         while (!parentEle.classList.contains('e-input-group')) {
             parentEle = parentEle.parentElement;
@@ -927,8 +939,7 @@ export var Input;
         _onMouseRipple(parentEle, ele);
     }
     function _onMouseUpRipple() {
-        // eslint-disable-next-line @typescript-eslint/no-this-alias
-        var ele = this;
+        var ele = null || this;
         setTimeout(function () {
             ele.classList.remove('e-input-btn-ripple');
         }, 500);
@@ -950,9 +961,7 @@ export var Input;
      * @param {HTMLElement} container - The container on which created span element is going to append.
      * @param {HTMLElement} input - The inputElement on which created span element is going to prepend.
      */
-    /* eslint-disable @typescript-eslint/indent */
     function addIcon(position, icons, container, input, internalCreate) {
-        /* eslint-enable @typescript-eslint/indent */
         var result = typeof (icons) === 'string' ? icons.split(',')
             : icons;
         if (position.toLowerCase() === 'append') {
@@ -983,9 +992,7 @@ export var Input;
      * @param {HTMLElement} container - The container on which created span element is going to append.
      * @param {HTMLElement} inputElement - The inputElement on which created span element is going to prepend.
      */
-    /* eslint-disable @typescript-eslint/indent */
     function prependSpan(iconClass, container, inputElement, internalCreateElement) {
-        /* eslint-enable @typescript-eslint/indent */
         var makeElement = !isNullOrUndefined(internalCreateElement) ? internalCreateElement : createElement;
         var button = createIconEle(iconClass, makeElement);
         container.classList.add('e-float-icon-left');
@@ -996,7 +1003,7 @@ export var Input;
             var result = container.querySelectorAll(inputElement.tagName + ' ~ *');
             innerWrapper.appendChild(inputElement);
             for (var i = 0; i < result.length; i++) {
-                var element = result[parseInt(i.toString())];
+                var element = result[parseInt(i.toString(), 10)];
                 var parentElement = innerWrapper.parentElement;
                 if (!(element.classList.contains('e-float-line')) || (!(parentElement && parentElement.classList.contains('e-filled')) && parentElement)) {
                     innerWrapper.appendChild(element);

package/src/maskedtextbox/base/mask-base.d.ts

@@ -66,7 +66,7 @@ export declare function maskInputMouseDownHandler(): void;
 export declare function maskInputMouseUpHandler(): void;
 export declare function maskInputFocusHandler(event: MouseEvent | FocusEvent | TouchEvent | KeyboardEvent): void;
 export declare function triggerFocus(eventArgs: MaskFocusEventArgs, inputElement: HTMLInputElement): void;
-export declare function escapeRegExp(text: any): string;
+export declare function escapeRegExp(text: string): string;
 export declare function maskInputBlurHandler(event: MouseEvent | FocusEvent | TouchEvent | KeyboardEvent): void;
 export declare function maskInputDropHandler(event: MouseEvent): void;
 export declare function mobileRemoveFunction(): void;

package/src/maskedtextbox/base/mask-base.js

@@ -162,8 +162,8 @@ export function unwireEvents() {
     EventHandler.remove(this.element, 'focus', maskInputFocusHandler);
     EventHandler.remove(this.element, 'blur', maskInputBlurHandler);
     EventHandler.remove(this.element, 'paste', maskInputPasteHandler);
-    EventHandler.remove(this.element, 'drop', maskInputDropHandler);
     EventHandler.remove(this.element, 'cut', maskInputCutHandler);
+    EventHandler.remove(this.element, 'drop', maskInputDropHandler);
     EventHandler.remove(this.element, 'mousedown', maskInputMouseDownHandler);
     EventHandler.remove(this.element, 'mouseup', maskInputMouseUpHandler);
     if (this.formElement) {

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

@@ -1,4 +1,4 @@
-import { Component, Event, Property, EmitType, NotifyPropertyChanges, INotifyPropertyChanged, BaseEventArgs } from '@syncfusion/ej2-base';import { isNullOrUndefined, formatUnit, getValue, setValue, addClass, detach } from '@syncfusion/ej2-base';import { removeClass , Browser, closest} from '@syncfusion/ej2-base';import { Input, InputObject, FloatLabelType } from '../../input/input';import { regularExpressions, createMask, applyMask, wireEvents, unwireEvents, unstrippedValue, strippedValue } from '../base/index';import { setMaskValue, MaskUndo, setElementValue, bindClearEvent } from '../base/index';import { maskInputBlurHandler } from '../base/mask-base';
+import { Component, Event, Property, EmitType, NotifyPropertyChanges, INotifyPropertyChanged, BaseEventArgs } from '@syncfusion/ej2-base';import { isNullOrUndefined, formatUnit, getValue, setValue, addClass, detach } from '@syncfusion/ej2-base';import { removeClass , Browser, closest} from '@syncfusion/ej2-base';import { Input, InputObject, FloatLabelType } from '../../input/input';import { regularExpressions, createMask, applyMask, wireEvents, unwireEvents, unstrippedValue, strippedValue } from '../base/index';import { setMaskValue, MaskUndo, setElementValue, bindClearEvent } from '../base/index';
 import {MaskChangeEventArgs,MaskFocusEventArgs,MaskBlurEventArgs} from "./maskedtextbox";
 import {ComponentModel} from '@syncfusion/ej2-base';
 
@@ -90,7 +90,7 @@ export interface MaskedTextBoxModel extends ComponentModel{
      * 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.
-     * 
+     *
      * {% codeBlock src='maskedtextbox/mask/index.md' %}{% endcodeBlock %}
      *
      * @default null