@syncfusion/ej2-inputs - npm Package Compare versions

@syncfusion/ej2-inputs

Package Overview

Dependencies

Maintainers

Advanced tools

Install Socket

Detect and block malicious and high-risk dependencies

Install

Comparing version 20.4.54 to 21.1.35

CHANGELOG.md

		@@ -5,16 +5,2 @@ # Changelog

		### Uploader

		#### Bug Fixes

		- `#F178267` - Fixed issue unable to upload the same file again after using the remove method.

		## 20.4.52 (2023-02-28)

		### MaskedTextBox

		#### Bug Fixes

		- `#I435597` - Resolved issue with pasting using keyboard shortcuts not working properly in Safari browser.

		### Signature
		@@ -26,23 +12,2 @@

		## 20.4.48 (2023-02-01)

		### Signature

		#### Bug Fixes

		- `#F179949` - Provide the change event fires support for draw method of signature.

		## 20.4.38 (2022-12-21)

		### Rating

		Key features:

		The Rating component lets the user provide a star rating or view other people’s ratings on a numeric scale for any service provided, such as for movies, applications, or products.

		- Precision - Different precision modes to provide more accurate rating.
		- Tooltip and Label - Provide more expressive rating with tooltip and label.
		- Template - Support to customize the rating item to heart, svg or any content that precisely match our unique needs.
		- Accessibility - The Rating provides built-in compliance with the `WAI-ARIA` specifications and it is achieved through attributes.

		## 19.4.38 (2021-12-17)
		@@ -49,0 +14,0 @@

dist/global/index.d.ts

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

package.json

		{
		"_from": "@syncfusion/ej2-inputs@*",
		"_id": "@syncfusion/ej2-inputs@20.4.52",
		"_id": "@syncfusion/ej2-inputs@18.73.6",
		"_inBundle": false,
		"_integrity": "sha512-4g6MgoCWno+kzSIvDv9NanRpQmz076T4vo3dMkUuLhF/B+/e6OIFzXPe3W0UH+YBgvTiN5Aa5FnZVg3Oa9P7Vw==",
		"_integrity": "sha512-WB1/kJo+OlqCDJJM3j1zp8FeX+PzU47yGOy2aVgakpqjLkImzuZzCJ9y+12OSpTGGwUu3a20xCJfcxC3OsRlbA==",
		"_location": "/@syncfusion/ej2-inputs",
		@@ -42,6 +42,6 @@ "_phantomChildren": {},
		],
		"_resolved": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-inputs/-/ej2-inputs-20.4.52.tgz",
		"_shasum": "37148178247a00a013b0bf9c0c9767985a68ea6c",
		"_resolved": "https://nexus.syncfusion.com/repository/ej2-release/@syncfusion/ej2-inputs/-/ej2-inputs-18.73.6.tgz",
		"_shasum": "2315f6e283e561a3fffbf43013ec7970c6778981",
		"_spec": "@syncfusion/ej2-inputs@*",
		"_where": "/jenkins/workspace/ease-automation_release_19.1.0.1/packages/included",
		"_where": "/jenkins/workspace/elease-automation_release_21.1.1/packages/included",
		"author": {
		@@ -52,6 +52,6 @@ "name": "Syncfusion Inc."
		"dependencies": {
		"@syncfusion/ej2-base": "~20.4.51",
		"@syncfusion/ej2-buttons": "~20.4.53",
		"@syncfusion/ej2-popups": "~20.4.53",
		"@syncfusion/ej2-splitbuttons": "~20.4.50"
		"@syncfusion/ej2-base": "~21.1.35",
		"@syncfusion/ej2-buttons": "~21.1.35",
		"@syncfusion/ej2-popups": "~21.1.35",
		"@syncfusion/ej2-splitbuttons": "~21.1.35"
		},
		@@ -124,5 +124,5 @@ "deprecated": false,
		"typings": "index.d.ts",
		"version": "20.4.54",
		"version": "21.1.35",
		"sideEffects": false,
		"homepage": "https://www.syncfusion.com/javascript-ui-controls"
		}

303

README.md

		@@ -1,154 +0,231 @@
		# ej2-inputs
		# JavaScript Inputs Controls

		A package of Essential JS 2 Input textbox components. It comes with a collection of form components which is useful to get different input values from the users such as text, numbers, patterns, color and file inputs.
		A package of JavaScript Inputs controls. It comes with a collection of form components which is useful to get different input values from the users such as text, numbers, patterns, color and file inputs.

		![ej2-inputs](https://ej2.syncfusion.com/products/images/input/readme.gif)
		## What's Included in the JavaScript Inputs Package

		> 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, you can purchase one at https://www.syncfusion.com/sales/products or start a free 30-day trial here (https://www.syncfusion.com/account/manage-trials/start-trials).
		The JavaScript Inputs package includes the following list of components.

		> 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.
		### JavaScript ColorPicker

		## Setup
		The [JavaScript ColorPicker](https://www.syncfusion.com/javascript-ui-controls/js-color-picker?utm_source=npm&utm_medium=listing&utm_campaign=javascript-inputs-npm) control is a user interface that is used to select and adjust color values.

		To install Input and its dependent packages, use the following command
		<p align="center">
		<a href="https://ej2.syncfusion.com/documentation/color-picker/getting-started/?utm_source=npm&utm_medium=listing&utm_campaign=javascript-inputs-npm">Getting Started</a> .
		<a href="https://ej2.syncfusion.com/demos/?utm_source=npm&utm_medium=listing&utm_campaign=javascript-inputs-npm#/material/color-picker/default.html">Online demos</a> .
		<a href="https://www.syncfusion.com/javascript-ui-controls/js-color-picker?utm_source=npm&utm_medium=listing&utm_campaign=javascript-inputs-npm">Learn more</a>
		</p>

		```sh
		npm install @syncfusion/ej2-inputs
		```
		<p align="center">
		<img alt="JavaScript ColorPicker Control" src="https://raw.githubusercontent.com/SyncfusionExamples/nuget-img/master/javascript/javascript-colorpicker.png">
		</p>

		## Components included
		#### Key features

		Following list of components are available in the package.
		* [Color specification](https://ej2.syncfusion.com/demos/?utm_source=npm&utm_campaign=color-picker#/material/color-picker/default.html) - Supports `Red Green Blue`, `Hue Saturation Value` and `Hex` codes.
		* [Mode](https://ej2.syncfusion.com/documentation/color-picker/mode-and-value#mode-and-value) - Supports `Picker` and `Palette` mode.
		* [Inline](https://ej2.syncfusion.com/demos/?utm_source=npm&utm_campaign=color-picker#/material/color-picker/inline.html) - Supports inline type rendering of color picker.
		* [Custom palettes](https://ej2.syncfusion.com/demos/?utm_source=npm&utm_campaign=color-picker#/material/color-picker/custom.html) - Allows to customize palettes and supports multiple palette groups rendering.
		* [Opacity](https://ej2.syncfusion.com/documentation/color-picker/mode-and-value#color-value) - Allows to set and change the `opacity` of the selected color.
		* [Accessibility](https://ej2.syncfusion.com/documentation/color-picker/accessibility#accessibility) - Built-in accessibility features to access color picker using the keyboard, screen readers, or other assistive technology devices.

		* ColorPicker - Color picker is a user interface that is used to select and adjust color values.
		* [Getting Started](https://ej2.syncfusion.com/documentation/color-picker/getting-started?lang=typescript&utm_source=npm&utm_campaign=color-picker)
		* [View Online Demos](https://ej2.syncfusion.com/demos/?utm_source=npm&utm_campaign=color-picker#/material/color-picker/default.html)
		* [Product Page](https://www.syncfusion.com/javascript-ui-controls/color-picker)
		### JavaScript Form Validator

		* FormValidator - The FormValidator is used to validate the form elements before submitting to the server.
		* [Getting Started](https://ej2.syncfusion.com/documentation/form-validator?lang=typescript&utm_source=npm&utm_campaign=formvalidator)
		* [View Online Demos](https://ej2.syncfusion.com/demos/?utm_source=npm&utm_campaign=formvalidator#/material/form-validator/default.html)
		* [Product Page](https://www.syncfusion.com/javascript-ui-controls/form-validator/?utm_source=npm&utm_campaign=form-validator)
		The [JavaScript Form Validator](https://www.syncfusion.com/javascript-ui-controls/js-form-validation?utm_source=npm&utm_medium=listing&utm_campaign=javascript-inputs-npm) control is used to validate the form elements before submitting to the server.

		* TextBox - The text box component is an extended version of the HTML input control which is used to edit or display text input on a form.
		* [Getting Started](https://ej2.syncfusion.com/documentation/textbox/getting-started?lang=typescript&utm_source=npm&utm_campaign=textbox)
		* [View Online Demos](https://ej2.syncfusion.com/demos/?utm_source=npm&utm_campaign=textbox#/material/textbox/default.html)
		* [Product Page](https://www.syncfusion.com/javascript-ui-controls/text-box/?utm_source=npm&utm_campaign=text-box)
		<p align="center">
		<a href="https://ej2.syncfusion.com/documentation/form-validator/validation-rules/?utm_source=npm&utm_medium=listing&utm_campaign=javascript-inputs-npm">Getting Started</a> .
		<a href="https://ej2.syncfusion.com/demos/?utm_source=npm&utm_medium=listing&utm_campaign=javascript-inputs-npm#/material/form-validator/default.html">Online demos</a> .
		<a href="https://www.syncfusion.com/javascript-ui-controls/js-form-validation?utm_source=npm&utm_medium=listing&utm_campaign=javascript-inputs-npm">Learn more</a>
		</p>

		* MaskedTextBox - MaskedTextBox allows the user to enter the valid input only based on the provided mask.
		* [Getting Started](https://ej2.syncfusion.com/documentation/maskedtextbox/getting-started?lang=typescript&utm_source=npm&utm_campaign=maskedtextbox)
		* [View Online Demos](https://ej2.syncfusion.com/demos/?utm_source=npm&utm_campaign=maskedtextbox#/material/maskedtextbox/default.html)
		* [Product Page](https://www.syncfusion.com/javascript-ui-controls/maskedtextbox/?utm_source=npm&utm_campaign=maskedtextbox)
		<p align="center">
		<img alt="JavaScript FormValidator Control" src="https://raw.githubusercontent.com/SyncfusionExamples/nuget-img/master/javascript/javascript-form-validator.png">
		</p>

		* NumericTextBox - NumericTextBox is used to get the number inputs from the user. The input values can be incremented or decremented by a predefined step value.
		* [Getting Started](https://ej2.syncfusion.com/documentation/numerictextbox/getting-started?lang=typescript&utm_source=npm&utm_campaign=numerictextbox)
		* [View Online Demos](https://ej2.syncfusion.com/demos/?utm_source=npm&utm_campaign=numerictextbox#/material/numerictextbox/default.html)
		* [Product Page](https://www.syncfusion.com/javascript-ui-controls/numerictextbox/?utm_source=npm&utm_campaign=numerictextbox)
		### JavaScript TextBox

		* Signature - The Signature control allows user to draw smooth signatures as vector outline of strokes using variable width bezier curve interpolation. It allows to save signature as image.
		* [Getting Started](https://ej2.syncfusion.com/documentation/signature/getting-started?lang=typescript&utm_source=npm&utm_campaign=signature)
		* [View Online Demos](https://ej2.syncfusion.com/demos/?utm_source=npm&utm_campaign=signature#/material/signature/default.html)
		* [Product Page](https://www.syncfusion.com/javascript-ui-controls/signature/?utm_source=npm&utm_campaign=signature)
		The [JavaScript TextBox](https://www.syncfusion.com/javascript-ui-controls/js-textbox?utm_source=npm&utm_medium=listing&utm_campaign=javascript-inputs-npm) control is an extended version of the HTML input control which is used to edit or display text input on a form.

		* Slider - The slider component allows you to select a value or range of values between the min and max range.
		* [Getting Started](https://ej2.syncfusion.com/documentation/slider/getting-started?lang=typescript&utm_source=npm&utm_campaign=slider)
		* [View Online Demos](https://ej2.syncfusion.com/demos/?utm_source=npm&utm_campaign=slider#/material/slider/default.html)
		* [Product Page](https://www.syncfusion.com/javascript-ui-controls/slider/?utm_source=npm&utm_campaign=slider)
		<p align="center">
		<a href="https://ej2.syncfusion.com/documentation/textbox/getting-started/?utm_source=npm&utm_medium=listing&utm_campaign=javascript-inputs-npm">Getting Started</a> .
		<a href="https://ej2.syncfusion.com/demos/?utm_source=npm&utm_medium=listing&utm_campaign=javascript-inputs-npm#/material/textbox/default.html">Online demos</a> .
		<a href="https://www.syncfusion.com/javascript-ui-controls/js-textbox?utm_source=npm&utm_medium=listing&utm_campaign=javascript-inputs-npm">Learn more</a>
		</p>

		* Uploader - The [JavaScript File Upload](https://www.syncfusion.com/javascript-ui-controls/js-file-upload?utm_source=npm&utm_medium=listing&utm_campaign=javascript-file-upload-npm) component is an extended version of the HTML5 upload control which is used to upload images, documents, and other files to a server.
		* [Product Page](https://www.syncfusion.com/javascript-ui-controls/js-file-upload?utm_source=npm&utm_medium=listing&utm_campaign=javascript-file-upload-npm)
		* [Getting Started](https://ej2.syncfusion.com/documentation/uploader/getting-started?l?utm_source=npm&utm_medium=listing&utm_campaign=javascript-file-upload-npm)
		* [View Online Demos](https://ej2.syncfusion.com/demos/?utm_source=npm&utm_campaign=uploader#/material/uploader/default.html?utm_source=npm&utm_medium=listing&utm_campaign=javascript-file-upload-npm)
		<p align="center">
		<img alt="JavaScript TextBox Control" src="https://raw.githubusercontent.com/SyncfusionExamples/nuget-img/master/javascript/javascript-textbox.png">
		</p>

		## Supported frameworks
		#### Key features

		Input component is also offered in following list of frameworks.
		* [Floating label](https://ej2.syncfusion.com/demos/?utm_source=npm&utm_campaign=textbox#/material/textbox/default.html) - Floats the placeholder text while focus.
		* [Input group](https://ej2.syncfusion.com/demos/?utm_source=npm&utm_campaign=textbox#/material/textbox/default.html) - Group the icons, buttons along with textbox.
		* [Validation states](https://ej2.syncfusion.com/demos/?utm_source=npm&utm_campaign=textbox#/material/textbox/default.html) - Provides styles for success, error, and warning states.
		* [Multiline](https://ej2.syncfusion.com/demos/?utm_source=npm&utm_campaign=textbox#/material/textbox/default.html) - Handles multiline input with placeholder text.

		1. [Angular](https://github.com/syncfusion/ej2-angular-ui-components/tree/master/components/inputs/?utm_source=npm&utm_campaign=input)
		2. [React](https://github.com/syncfusion/ej2-react-ui-components/tree/master/components/inputs/?utm_source=npm&utm_campaign=input)
		3. [VueJS](https://github.com/syncfusion/ej2-vue-ui-components/tree/master/components/inputs/?utm_source=npm&utm_campaign=input)
		4. [ASP.NET Core](https://www.syncfusion.com/aspnet-core-ui-controls/numeric-textbox/?utm_source=npm&utm_campaign=input)
		5. [ASP.NET MVC](https://www.syncfusion.com/aspnet-mvc-ui-controls/input-mask/?utm_source=npm&utm_campaign=input)
		6. [JavaScript (ES5)](https://www.syncfusion.com/javascript-ui-controls/range-slider/?utm_source=npm&utm_campaign=input)
		### JavaScript Masked TextBox

		## Showcase samples
		The [JavaScript Masked TextBox](https://www.syncfusion.com/javascript-ui-controls/js-input-mask?utm_source=npm&utm_medium=listing&utm_campaign=javascript-inputs-npm) control allows the user to enter the valid input only based on the provided mask.

		* Expanse Tracker ([Source](https://github.com/syncfusion/ej2-sample-ts-expensetracker), [Live Demo]( https://ej2.syncfusion.com/showcase/typescript/expensetracker/?utm_source=npm&utm_campaign=numerictextbox#/expense))
		* Loan Calculator ([Source](https://github.com/syncfusion/ej2-sample-ts-loancalculator), [Live Demo]( https://ej2.syncfusion.com/showcase/typescript/loancalculator/?utm_source=npm&utm_campaign=slider))
		* Cloud Pricing ([Live Demo](https://ej2.syncfusion.com/demos/?utm_source=npm&utm_campaign=slider#/material/slider/azure-pricing.html))
		<p align="center">
		<a href="https://ej2.syncfusion.com/documentation/maskedtextbox/getting-started/?utm_source=npm&utm_medium=listing&utm_campaign=javascript-inputs-npm">Getting Started</a> .
		<a href="https://ej2.syncfusion.com/demos/?utm_source=npm&utm_medium=listing&utm_campaign=javascript-inputs-npm#/material/maskedtextbox/default.html">Online demos</a> .
		<a href="https://www.syncfusion.com/javascript-ui-controls/js-input-mask?utm_source=npm&utm_medium=listing&utm_campaign=javascript-inputs-npm">Learn more</a>
		</p>

		## Key Features
		<p align="center">
		<img alt="JavaScript MaskedTextBox Control" src="https://raw.githubusercontent.com/SyncfusionExamples/nuget-img/master/javascript/javascript-maskedtextbox.png">
		</p>

		### 1. ColorPicker
		- [Color specification](https://ej2.syncfusion.com/demos/?utm_source=npm&utm_campaign=color-picker#/material/color-picker/default.html) - Supports `Red Green Blue`, `Hue Saturation Value` and `Hex` codes.
		- [Mode](https://ej2.syncfusion.com/documentation/color-picker/mode-and-value#mode-and-value) - Supports `Picker` and `Palette` mode.
		- [Inline](https://ej2.syncfusion.com/demos/?utm_source=npm&utm_campaign=color-picker#/material/color-picker/inline.html) - Supports inline type rendering of color picker.
		- [Custom palettes](https://ej2.syncfusion.com/demos/?utm_source=npm&utm_campaign=color-picker#/material/color-picker/custom.html) - Allows you to customize palettes and supports multiple palette groups rendering.
		- [Opacity](https://ej2.syncfusion.com/documentation/color-picker/mode-and-value#color-value) - Allows to set and change the `opacity` of the selected color.
		- [Accessibility](https://ej2.syncfusion.com/documentation/color-picker/accessibility#accessibility) - Built-in accessibility features to access color picker using the keyboard, screen readers, or other assistive technology devices.
		#### Key features

		### 2. TextBox
		- [Floating Label](https://ej2.syncfusion.com/demos/?utm_source=npm&utm_campaign=textbox#/material/textbox/default.html) – floats the placeholder text while focus.
		- [Input Group](https://ej2.syncfusion.com/demos/?utm_source=npm&utm_campaign=textbox#/material/textbox/default.html) – group the icons, buttons along with textbox.
		- [Validation States](https://ej2.syncfusion.com/demos/?utm_source=npm&utm_campaign=textbox#/material/textbox/default.html) – provides styles for success, error, and warning states.
		- [Multiline](https://ej2.syncfusion.com/demos/?utm_source=npm&utm_campaign=textbox#/material/textbox/default.html) – handles multiline input with placeholder text
		* [Custom characters](https://ej2.syncfusion.com/demos/?lang=typescript&utm_source=npm&utm_campaign=maskedtextbox/#/material/maskedtextbox/custom-mask.html) - Allows you to use your own characters as the mask elements.
		* [Regular expression](https://ej2.syncfusion.com/documentation/maskedtextbox/mask-configuration#regular-expression?lang=typescript&utm_source=npm&utm_campaign=maskedtextbox#regular-expression) - Can be used as a mask element for each character of the MaskedTextBox.
		* [Accessibility](https://ej2.syncfusion.com/documentation/maskedtextbox/accessibility?lang=typescript&utm_source=npm&utm_campaign=maskedtextbox) - Provides built-in accessibility support which helps to access all the MaskedTextBox component features through keyboard, on-screen readers, or other assistive technology devices.

		### 3. MaskedTextBox
		- [Custom Characters](https://ej2.syncfusion.com/demos/?lang=typescript&utm_source=npm&utm_campaign=maskedtextbox/#/material/maskedtextbox/custom-mask.html) - allows you to use your own characters as the mask elements.
		- [Regular Expression](https://ej2.syncfusion.com/documentation/maskedtextbox/mask-configuration#regular-expression?lang=typescript&utm_source=npm&utm_campaign=maskedtextbox#regular-expression) - can be used as a mask element for each character of the MaskedTextBox.
		- [Accessibility](https://ej2.syncfusion.com/documentation/maskedtextbox/accessibility?lang=typescript&utm_source=npm&utm_campaign=maskedtextbox) - provides built-in accessibility support which helps to access all the MaskedTextBox component features through keyboard, on-screen readers, or other assistive technology devices.
		### JavaScript Numeric TextBox

		### 4. NumericTextBox
		- [Range Validation](https://ej2.syncfusion.com/demos/?utm_source=npm&utm_campaign=numerictextbox/#/material/numerictextbox/range-validation.html) - allows to set the minimum and maximum range of values in the NumericTextBox.
		- [Number Formats](https://ej2.syncfusion.com/demos/?utm_source=npm&utm_campaign=numerictextbox/#/material/numerictextbox/custom-format.html) - supports the number display formatting with MSDN standard and custom number formats.
		- [Precision Of Numbers](https://ej2.syncfusion.com/demos/?utm_source=npm&utm_campaign=numerictextbox/#/material/numerictextbox/restrict-decimals.html) - allows to restrict the number precision when enters the value.
		- [Keyboard Interaction](https://ej2.syncfusion.com/documentation/numerictextbox/accessibility#keyboard-interaction/?lang=typescript&utm_source=npm&utm_campaign=numerictextbox#keyboard-interaction) - allows users to interact with the NumericTextBox using the keyboard.
		- [Accessibility](https://ej2.syncfusion.com/documentation/numerictextbox/accessibility/?lang=typescript&utm_source=npm&utm_campaign=numerictextbox) - provides built-in accessibility support which helps to access all the NumericTextBox component features through keyboard, on-screen readers or other assistive technology devices.
		- [Internationalization](https://ej2.syncfusion.com/documentation/numerictextbox/globalization#internationalization/?lang=typescript&utm_source=npm&utm_campaign=numerictextbox) - library provides support for formatting and parsing number using the official Unicode CLDR JSON data.
		- [Localization](https://ej2.syncfusion.com/documentation/numerictextbox/globalization#internationalization/?lang=typescript&utm_source=npm&utm_campaign=numerictextbox#localization) - Supports to localize spin up and down buttons title for the tooltip to different cultures.
		The [JavaScript Numeric TextBox](https://www.syncfusion.com/javascript-ui-controls/js-numeric-textbox?utm_source=npm&utm_medium=listing&utm_campaign=javascript-inputs-npm) control is used to get the number inputs from the user. The input values can be incremented or decremented by a predefined step value.

		### 5. Signature
		- [Customization](https://ej2.syncfusion.com/demos/?utm_source=npm&utm_campaign=slider#/material/signature/default.html) - Support various customization options like background color, background image, stroke color, stroke width, save with background, undo, redo, clear, readonly, and disabled.
		- [Save](https://ej2.syncfusion.com/demos/?utm_source=npm&utm_campaign=slider#/material/signature/default.html) - Support to save the signature as image like PNG, JPEG, and SVG.
		- [Load](https://ej2.syncfusion.com/demos/?utm_source=npm&utm_campaign=slider#/material/signature/default.html)
		- Support to load the signature as base64 url of the image.
		- [Draw](https://ej2.syncfusion.com/demos/?utm_source=npm&utm_campaign=slider#/material/signature/default.html)
		- Support to draw the text with the different font family and font size.
		<p align="center">
		<a href="https://ej2.syncfusion.com/documentation/numerictextbox/getting-started/?utm_source=npm&utm_medium=listing&utm_campaign=javascript-inputs-npm">Getting Started</a> .
		<a href="https://ej2.syncfusion.com/demos/?utm_source=npm&utm_medium=listing&utm_campaign=javascript-inputs-npm#/material/numerictextbox/default.html">Online demos</a> .
		<a href="https://www.syncfusion.com/javascript-ui-controls/js-numeric-textbox?utm_source=npm&utm_medium=listing&utm_campaign=javascript-inputs-npm">Learn more</a>
		</p>

		### 6. Slider
		- [Types](https://ej2.syncfusion.com/demos/?utm_source=npm&utm_campaign=slider#/material/slider/default.html) - Provided three types of Slider.
		- [Orientation](https://ej2.syncfusion.com/demos/?utm_source=npm&utm_campaign=slider#/material/slider/orientation.html) - Displays the Slider in horizontal or vertical direction.
		- [Buttons](https://ej2.syncfusion.com/demos/?utm_source=npm&utm_campaign=slider#/material/slider/tooltip.html) - Provided built-in support to render the buttons in both edges of the Slider.
		- [Tooltip](https://ej2.syncfusion.com/demos/?utm_source=npm&utm_campaign=slider#/material/slider/tooltip.html) - Displays a tooltip to show the currently selected value.
		- [Ticks](https://ej2.syncfusion.com/demos/?utm_source=npm&utm_campaign=slider#/material/slider/ticks.html) - Displays a scale with small and big ticks.
		- [Format](https://ej2.syncfusion.com/demos/?utm_source=npm&utm_campaign=slider#/material/slider/format.html) - Customize the slider values into various format.
		- [Limits](https://ej2.syncfusion.com/demos/?utm_source=npm&utm_campaign=slider#/material/slider/limits.html) - Slider thumb movement restriction enabled with interval dragging in range-slider.
		- [Accessibility](https://ej2.syncfusion.com/demos/?utm_source=npm&utm_campaign=slider#/material/slider/default.html) - Built-in compliance with the [WAI-ARIA](http://www.w3.org/WAI/PF/aria-practices/) specifications.
		- [Keyboard Interaction](https://ej2.syncfusion.com/demos/?utm_source=npm&utm_campaign=slider#/material/slider/api.html) - The Slider can be intractable through the keyboard.
		<p align="center">
		<img alt="JavaScript NumericTextBox Control" src="https://raw.githubusercontent.com/SyncfusionExamples/nuget-img/master/javascript/javascript-numerictextbox.png">
		</p>

		### 7. Upload
		- [Chunk Upload](https://ej2.syncfusion.com/demos/?utm_source=npm&utm_medium=listing&utm_campaign=javascript-file-upload-npm#/material/uploader/chunk-upload.html) – used to upload large files as chunks
		- [Drag-and-drop](https://ej2.syncfusion.com/demos/?utm_source=npm&utm_medium=listing&utm_campaign=javascript-file-upload-npm/#/material/uploader/custom-drop-area.html) – drag the files and drop into component to upload them.
		- [Template](https://ej2.syncfusion.com/demos/?utm_source=npm&utm_medium=listing&utm_campaign=javascript-file-upload-npm/#/material/uploader/custom-file-list.html) – the file list and buttons can be customize using template
		- [Validation](https://ej2.syncfusion.com/demos/?utm_source=npm&utm_medium=listing&utm_campaign=javascript-file-upload-npm/#/material/uploader/file-validation.html) – validate extension and size of upload file
		- [Auto Upload](https://ej2.syncfusion.com/demos/?utm_source=npm&utm_medium=listing&utm_campaign=javascript-file-upload-npm#/material/uploader/default.html) – Process the file to upload without interaction.
		- [Preload Files](https://ej2.syncfusion.com/demos/?utm_source=npm&utm_medium=listing&utm_campaign=javascript-file-upload-npm/#/material/uploader/preload-files.html) – View and manipulate previously uploaded files
		#### Key features

		## Support
		* [Range validation](https://ej2.syncfusion.com/demos/?utm_source=npm&utm_campaign=numerictextbox/#/material/numerictextbox/range-validation.html) - Allows to set the minimum and maximum range of values in the NumericTextBox.
		* [Number formats](https://ej2.syncfusion.com/demos/?utm_source=npm&utm_campaign=numerictextbox/#/material/numerictextbox/custom-format.html) - Supports the number display formatting with MSDN standard and custom number formats.
		* [Precision of numbers](https://ej2.syncfusion.com/demos/?utm_source=npm&utm_campaign=numerictextbox/#/material/numerictextbox/restrict-decimals.html) - Allows to restrict the number precision when enters the value.
		* [Keyboard interaction](https://ej2.syncfusion.com/documentation/numerictextbox/accessibility#keyboard-interaction/?lang=typescript&utm_source=npm&utm_campaign=numerictextbox#keyboard-interaction) - Allows users to interact with the NumericTextBox using the keyboard.
		* [Accessibility](https://ej2.syncfusion.com/documentation/numerictextbox/accessibility/?lang=typescript&utm_source=npm&utm_campaign=numerictextbox) - Provides built-in accessibility support which helps to access all the NumericTextBox component features through keyboard, on-screen readers or other assistive technology devices.
		* [Internationalization](https://ej2.syncfusion.com/documentation/numerictextbox/globalization#internationalization/?lang=typescript&utm_source=npm&utm_campaign=numerictextbox) - Library provides support for formatting and parsing number using the official Unicode CLDR JSON data.
		* [Localization](https://ej2.syncfusion.com/documentation/numerictextbox/globalization#internationalization/?lang=typescript&utm_source=npm&utm_campaign=numerictextbox#localization) - Supports to localize spin up and down buttons title for the tooltip to different cultures.

		Product support is available for through following mediums.
		### JavaScript Signature

		* Creating incident in Syncfusion [Direct-trac](https://www.syncfusion.com/support/directtrac/incidents/?utm_source=npm&utm_campaign=input) support system or [Community forum](https://www.syncfusion.com/forums/essential-js2/?utm_source=npm&utm_campaign=input).
		* New [GitHub issue](https://github.com/syncfusion/ej2-javascript-ui-controls/issues/new).
		* Ask your query in Stack Overflow with tag `syncfusion`, `ej2`.
		The [JavaScript Signature](https://www.syncfusion.com/javascript-ui-controls/js-signature?utm_source=npm&utm_medium=listing&utm_campaign=javascript-inputs-npm) control allows user to draw smooth signatures as vector outline of strokes using variable width bezier curve interpolation. It allows to save signature as image.

		## License
		<p align="center">
		<a href="https://ej2.syncfusion.com/documentation/signature/getting-started/?utm_source=npm&utm_medium=listing&utm_campaign=javascript-inputs-npm">Getting Started</a> .
		<a href="https://ej2.syncfusion.com/demos/?utm_source=npm&utm_medium=listing&utm_campaign=javascript-inputs-npm#/material/signature/default.html">Online demos</a> .
		<a href="https://www.syncfusion.com/javascript-ui-controls/js-signature?utm_source=npm&utm_medium=listing&utm_campaign=javascript-inputs-npm">Learn more</a>
		</p>

		Check the license detail [here](https://github.com/syncfusion/ej2-javascript-ui-controls/blob/master/license/?utm_source=npm&utm_campaign=input).
		<p align="center">
		<img alt="JavaScript Signature Control" src="https://raw.githubusercontent.com/SyncfusionExamples/nuget-img/master/javascript/javascript-signature.png">
		</p>

		#### Key features

		* [Customization](https://ej2.syncfusion.com/demos/?utm_source=npm&utm_campaign=slider#/material/signature/default.html) - Support various customization options like background color, background image, stroke color, stroke width, save with background, undo, redo, clear, readonly, and disabled.
		* [Save](https://ej2.syncfusion.com/demos/?utm_source=npm&utm_campaign=slider#/material/signature/default.html) - Support to save the signature as image like PNG, JPEG, and SVG.
		* [Load](https://ej2.syncfusion.com/demos/?utm_source=npm&utm_campaign=slider#/material/signature/default.html) - Support to load the signature as base64 url of the image.
		* [Draw](https://ej2.syncfusion.com/demos/?utm_source=npm&utm_campaign=slider#/material/signature/default.html) - Support to draw the text with the different font family and font size.

		### JavaScript Slider

		The [JavaScript Slider](https://www.syncfusion.com/javascript-ui-controls/js-range-slider?utm_source=npm&utm_medium=listing&utm_campaign=javascript-inputs-npm) control allows you to select a value or range of values between the min and max range.

		<p align="center">
		<a href="https://ej2.syncfusion.com/documentation/range-slider/getting-started/?utm_source=npm&utm_medium=listing&utm_campaign=javascript-inputs-npm">Getting Started</a> .
		<a href="https://ej2.syncfusion.com/demos/?utm_source=npm&utm_medium=listing&utm_campaign=javascript-inputs-npm#/material/slider/default.html">Online demos</a> .
		<a href="https://www.syncfusion.com/javascript-ui-controls/js-range-slider?utm_source=npm&utm_medium=listing&utm_campaign=javascript-inputs-npm">Learn more</a>
		</p>

		<p align="center">
		<img alt="JavaScript Slider Control" src="https://raw.githubusercontent.com/SyncfusionExamples/nuget-img/master/javascript/javascript-slider.png">
		</p>

		#### Key features

		* [Types](https://ej2.syncfusion.com/demos/?utm_source=npm&utm_campaign=slider#/material/slider/default.html) - Provided three types of Slider.
		* [Orientation](https://ej2.syncfusion.com/demos/?utm_source=npm&utm_campaign=slider#/material/slider/orientation.html) - Displays the Slider in horizontal or vertical direction.
		* [Buttons](https://ej2.syncfusion.com/demos/?utm_source=npm&utm_campaign=slider#/material/slider/tooltip.html) - Provided built-in support to render the buttons in both edges of the Slider.
		* [Tooltip](https://ej2.syncfusion.com/demos/?utm_source=npm&utm_campaign=slider#/material/slider/tooltip.html) - Displays a tooltip to show the currently selected value.
		* [Ticks](https://ej2.syncfusion.com/demos/?utm_source=npm&utm_campaign=slider#/material/slider/ticks.html) - Displays a scale with small and big ticks.
		* [Format](https://ej2.syncfusion.com/demos/?utm_source=npm&utm_campaign=slider#/material/slider/format.html) - Customize the slider values into various format.
		* [Limits](https://ej2.syncfusion.com/demos/?utm_source=npm&utm_campaign=slider#/material/slider/limits.html) - Slider thumb movement restriction enabled with interval dragging in range-slider.
		* [Accessibility](https://ej2.syncfusion.com/demos/?utm_source=npm&utm_campaign=slider#/material/slider/default.html) - Built-in compliance with the [WAI-ARIA](http://www.w3.org/WAI/PF/aria-practices/) specifications.
		* [Keyboard interaction](https://ej2.syncfusion.com/demos/?utm_source=npm&utm_campaign=slider#/material/slider/api.html) - The Slider can be intractable through the keyboard.

		### JavaScript File Upload

		The [JavaScript File Upload](https://www.syncfusion.com/javascript-ui-controls/js-file-upload?utm_source=npm&utm_medium=listing&utm_campaign=javascript-inputs-npm) control is an extended version of the HTML5 upload control which is used to upload images, documents, and other files to a server.

		<p align="center">
		<a href="https://ej2.syncfusion.com/documentation/uploader/getting-started/?utm_source=npm&utm_medium=listing&utm_campaign=javascript-inputs-npm">Getting Started</a> .
		<a href="https://ej2.syncfusion.com/demos/?utm_source=npm&utm_medium=listing&utm_campaign=javascript-inputs-npm#/material/uploader/default.html">Online demos</a> .
		<a href="https://www.syncfusion.com/javascript-ui-controls/js-file-upload?utm_source=npm&utm_medium=listing&utm_campaign=javascript-inputs-npm">Learn more</a>
		</p>

		<p align="center">
		<img alt="JavaScript FileUpload Control" src="https://raw.githubusercontent.com/SyncfusionExamples/nuget-img/master/javascript/javascript-file-upload.png">
		</p>

		#### Key features

		* [Chunk upload](https://ej2.syncfusion.com/demos/?utm_source=npm&utm_medium=listing&utm_campaign=javascript-file-upload-npm#/material/uploader/chunk-upload.html) - Used to upload large files as chunks
		* [Drag and drop](https://ej2.syncfusion.com/demos/?utm_source=npm&utm_medium=listing&utm_campaign=javascript-file-upload-npm/#/material/uploader/custom-drop-area.html) - Drag the files and drop into component to upload them.
		* [Template](https://ej2.syncfusion.com/demos/?utm_source=npm&utm_medium=listing&utm_campaign=javascript-file-upload-npm/#/material/uploader/custom-file-list.html) - The file list and buttons can be customize using template
		* [Validation](https://ej2.syncfusion.com/demos/?utm_source=npm&utm_medium=listing&utm_campaign=javascript-file-upload-npm/#/material/uploader/file-validation.html) - Validate extension and size of upload file
		* [Auto upload](https://ej2.syncfusion.com/demos/?utm_source=npm&utm_medium=listing&utm_campaign=javascript-file-upload-npm#/material/uploader/default.html) - Process the file to upload without interaction.
		* [Preload files](https://ej2.syncfusion.com/demos/?utm_source=npm&utm_medium=listing&utm_campaign=javascript-file-upload-npm/#/material/uploader/preload-files.html) - View and manipulate previously uploaded files.

		<p align="center">
		Trusted by the world's leading companies
		<a href="https://www.syncfusion.com/">
		<img src="https://raw.githubusercontent.com/SyncfusionExamples/nuget-img/master/syncfusion/syncfusion-trusted-companies.webp" alt="Syncfusion logo">
		</a>
		</p>

		## Setup

		To install `inputs` and its dependent packages, use the following command,

		```sh
		npm install @syncfusion/ej2-inputs
		```

		## Supported frameworks

		Input controls are also offered in following list of frameworks.

		\| [<img src="https://ej2.syncfusion.com/github/images/angular.svg" height="50" />](https://www.syncfusion.com/angular-ui-components?utm_medium=listing&utm_source=github)<br/>     [Angular](https://www.syncfusion.com/angular-ui-components?utm_medium=listing&utm_source=github)     \| [<img src="https://ej2.syncfusion.com/github/images/react.svg" height="50" />](https://www.syncfusion.com/react-ui-components?utm_medium=listing&utm_source=github)<br/>       [React](https://www.syncfusion.com/react-ui-components?utm_medium=listing&utm_source=github)       \| [<img src="https://ej2.syncfusion.com/github/images/vue.svg" height="50" />](https://www.syncfusion.com/vue-ui-components?utm_medium=listing&utm_source=github)<br/>       [Vue](https://www.syncfusion.com/vue-ui-components?utm_medium=listing&utm_source=github)          \| [<img src="https://ej2.syncfusion.com/github/images/netcore.svg" height="50" />](https://www.syncfusion.com/aspnet-core-ui-controls?utm_medium=listing&utm_source=github)<br/>  [ASP.NET Core](https://www.syncfusion.com/aspnet-core-ui-controls?utm_medium=listing&utm_source=github)   \| [<img src="https://ej2.syncfusion.com/github/images/netmvc.svg" height="50" />](https://www.syncfusion.com/aspnet-mvc-ui-controls?utm_medium=listing&utm_source=github)<br/>  [ASP.NET MVC](https://www.syncfusion.com/aspnet-mvc-ui-controls?utm_medium=listing&utm_source=github)   \|
		\| :-----: \| :-----: \| :-----: \| :-----: \| :-----: \|

		## Showcase samples

		* Expanse Tracker - [Source](https://github.com/syncfusion/ej2-sample-ts-expensetracker), [Live Demo]( https://ej2.syncfusion.com/showcase/typescript/expensetracker/?utm_source=npm&utm_campaign=numerictextbox#/expense)
		* Loan Calculator - [Source](https://github.com/syncfusion/ej2-sample-ts-loancalculator), [Live Demo]( https://ej2.syncfusion.com/showcase/typescript/loancalculator/?utm_source=npm&utm_campaign=slider)
		* Cloud Pricing - [Live Demo](https://ej2.syncfusion.com/demos/?utm_source=npm&utm_campaign=slider#/material/slider/azure-pricing.html)

		## Support

		Product support is available through following mediums.

		* [Support ticket](https://support.syncfusion.com/support/tickets/create) - Guaranteed Response in 24 hours \| Unlimited tickets \| Holiday support
		* [Community forum](https://www.syncfusion.com/forums/essential-js2?utm_source=npm&utm_medium=listing&utm_campaign=javascript-inputs-npm)
		* [GitHub issues](https://github.com/syncfusion/ej2-javascript-ui-controls/issues/new)
		* [Request feature or report bug](https://www.syncfusion.com/feedback/javascript?utm_source=npm&utm_medium=listing&utm_campaign=javascript-inputs-npm)
		* Live chat

		## Changelog

		Check the changelog [here](https://github.com/syncfusion/ej2-javascript-ui-controls/blob/master/controls/inputs/CHANGELOG.md/?utm_source=npm&utm_campaign=input)
		Check the changelog [here](https://github.com/syncfusion/ej2-javascript-ui-controls/blob/master/controls/inputs/CHANGELOG.md/?utm_source=npm&utm_campaign=input). Get minor improvements and bug fixes every week to stay up to date with frequent updates.

		## License and copyright

		> 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).

		> 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.

		See [LICENSE FILE](https://github.com/syncfusion/ej2-javascript-ui-controls/blob/master/license/?utm_source=npm&utm_campaign=input) for more info.

		© Copyright 2023 Syncfusion, Inc. All Rights Reserved. The Syncfusion Essential Studio license and copyright applies to this distribution.

src/color-picker/color-picker.d.ts

		import { BaseEventArgs, Component, EmitType, INotifyPropertyChanged } from '@syncfusion/ej2-base';
		import { ColorPickerModel } from './color-picker-model';
		/**
		* ColorPicker Mode
		* Defines the ColorPicker Mode
		* ```props
		* Picker :- Specifies that the ColorPicker component should be rendered with the picker mode.
		* Palette :- Specifies that the ColorPicker component should be rendered with the palette mode.
		* ```
		*/
		@@ -269,2 +273,3 @@ export declare type ColorPickerMode = 'Picker' \| 'Palette';
		private addCtrlSwitchEvent;
		private ctrlBtnKeyDown;
		private pickerKeyDown;
		@@ -271,0 +276,0 @@ private enterKeyHandler;

src/common/signature-base.js

		@@ -93,2 +93,6 @@ var __extends = (this && this.__extends) \|\| (function () {
		}
		else if (this.element.height !== this.element.offsetHeight - 1 \|\| this.element.width !== this.element.offsetWidth - 1) {
		this.element.height = this.element.offsetHeight;
		this.element.width = this.element.offsetWidth;
		}
		this.canvasContext.scale(1, 1);
		@@ -187,3 +191,2 @@ this.canvasContext.fillStyle = this.strokeColor;
		this.canvasContext.scale(1, 1);
		this.canvasContext.clearRect(0, 0, this.canvasContext.canvas.width, this.canvasContext.canvas.height);
		var pointSize = (this.minStrokeWidth + this.maxStrokeWidth) / 2;
		@@ -422,7 +425,7 @@ for (var i = 0; i < this.signRatioPointsColl.length; i++) {
		if (isDisable) {
		this.canvasContext.canvas.style.filter = "opacity(0.5)";
		this.canvasContext.canvas.style.filter = 'opacity(0.5)';
		this.isRead(true);
		}
		else {
		this.canvasContext.canvas.style.filter = "";
		this.canvasContext.canvas.style.filter = '';
		this.isRead(false);
		@@ -429,0 +432,0 @@ }

src/form-validator/form-validator.js

		@@ -32,2 +32,3 @@ var __extends = (this && this.__extends) \|\| (function () {
		'\|[.]{1}[a-zA-Z0-9]{2,4}[.]{1}[a-zA-Z0-9]{2,4})$'),
		/* eslint-disable-next-line security/detect-unsafe-regex */
		URL: /^(?:http(s)?:\/\/)?[\w.-]+(?:\.[\w\.-]+)+[\w\-\._~:/?#[\]@!\$&'\*\+,;=.]+$/m,
		@@ -150,6 +151,6 @@ DATE_ISO: new RegExp('^([0-9]{4})-(0[1-9]\|1[0-2])-(0[1-9]\|[1-2][0-9]\|3[0-1])$'),
		if (this.rules.hasOwnProperty(name)) {
		extend(this.rules[name], rules, {});
		extend(this.rules["" + name], rules, {});
		}
		else {
		this.rules[name] = rules;
		this.rules["" + name] = rules;
		}
		@@ -170,8 +171,8 @@ }
		}
		else if (this.rules[name] && !rules) {
		delete this.rules[name];
		else if (this.rules["" + name] && !rules) {
		delete this.rules["" + name];
		}
		else if (!isNullOrUndefined(this.rules[name] && rules)) {
		else if (!isNullOrUndefined(this.rules["" + name] && rules)) {
		for (var i = 0; i < rules.length; i++) {
		delete this.rules[name][rules[i]];
		delete this.rules["" + name][rules[parseInt(i.toString())]];
		}
		@@ -274,3 +275,3 @@ }
		var value = this.l10n.getConstant(key);
		this.localyMessage[key] = value;
		this.localyMessage["" + key] = value;
		}
		@@ -424,3 +425,3 @@ };
		this.getInputElement(input.name);
		customMessage = this.getErrorMessage(this.rules[input.name][ruleName], ruleName);
		customMessage = this.getErrorMessage(this.rules[input.name]["" + ruleName], ruleName);
		}
		@@ -436,3 +437,3 @@ if (message) {
		}
		ruleCon[ruleName] = value;
		ruleCon["" + ruleName] = value;
		};
		@@ -530,6 +531,6 @@ // Wire events to the form elements
		FormValidator.prototype.validateRules = function (name) {
		if (!this.rules[name]) {
		if (!this.rules["" + name]) {
		return;
		}
		var rules = Object.keys(this.rules[name]);
		var rules = Object.keys(this.rules["" + name]);
		var hiddenType = false;
		@@ -556,3 +557,3 @@ var validateHiddenType = false;
		var rule = rules_2[_i];
		var errorMessage = this.getErrorMessage(this.rules[name][rule], rule);
		var errorMessage = this.getErrorMessage(this.rules["" + name]["" + rule], rule);
		var errorRule = { name: name, message: errorMessage };
		@@ -603,3 +604,3 @@ var eventArgs = {
		FormValidator.prototype.optionalValidationStatus = function (name, refer) {
		if (!this.rules[name][this.required] && !this.inputElement.value.length && !isNullOrUndefined(this.infoElement)) {
		if (!this.rules["" + name][this.required] && !this.inputElement.value.length && !isNullOrUndefined(this.infoElement)) {
		this.infoElement.innerHTML = this.inputElement.value;
		@@ -613,5 +614,5 @@ this.infoElement.setAttribute('aria-invalid', 'false');
		FormValidator.prototype.isValid = function (name, rule) {
		var params = this.rules[name][rule];
		var params = this.rules["" + name]["" + rule];
		var param = (params instanceof Array && typeof params[1] === 'string') ? params[0] : params;
		var currentRule = this.rules[name][rule];
		var currentRule = this.rules["" + name]["" + rule];
		var args = { value: this.inputElement.value, param: param, element: this.inputElement, formElement: this.element };
		@@ -633,3 +634,3 @@ this.trigger('validationBegin', args);
		else {
		return FormValidator_1.checkValidator[rule](args);
		return FormValidator_1.checkValidator["" + rule](args);
		}
		@@ -642,8 +643,8 @@ };
		(ruleValue instanceof Array && typeof ruleValue[1] === 'string') ? ruleValue[1] :
		(Object.keys(this.localyMessage).length !== 0) ? this.localyMessage[rule] : this.defaultMessages[rule];
		(Object.keys(this.localyMessage).length !== 0) ? this.localyMessage["" + rule] : this.defaultMessages["" + rule];
		var formats = message.match(/{(\d)}/g);
		if (!isNullOrUndefined(formats)) {
		for (var i = 0; i < formats.length; i++) {
		var value = ruleValue instanceof Array ? ruleValue[i] : ruleValue;
		message = message.replace(formats[i], value);
		var value = ruleValue instanceof Array ? ruleValue[parseInt(i.toString())] : ruleValue;
		message = message.replace(formats[parseInt(i.toString())], value);
		}
		@@ -700,3 +701,3 @@ }
		for (var i = 0; i < this.errorRules.length; i++) {
		var rule = this.errorRules[i];
		var rule = this.errorRules[parseInt(i.toString())];
		if (rule.name === name) {
		@@ -725,3 +726,3 @@ this.errorRules.splice(i, 1);
		FormValidator.prototype.checkRequired = function (name) {
		if (!this.rules[name][this.required] && !this.inputElement.value.length && !isNullOrUndefined(this.infoElement)) {
		if (!this.rules["" + name][this.required] && !this.inputElement.value.length && !isNullOrUndefined(this.infoElement)) {
		this.infoElement.innerHTML = this.inputElement.value;
		@@ -804,2 +805,3 @@ this.infoElement.setAttribute('aria-invalid', 'false');
		regex: function (option) {
		/* eslint-disable-next-line security/detect-non-literal-regexp */
		return new RegExp(option.param).test(option.value);
		@@ -806,0 +808,0 @@ },

src/input/input.js

		@@ -305,3 +305,3 @@ /* eslint-disable valid-jsdoc, jsdoc/require-jsdoc, jsdoc/require-returns, jsdoc/require-param */
		function wireClearBtnEvents(element, button, container) {
		if (isBindClearAction == undefined \|\| isBindClearAction) {
		if (isBindClearAction === undefined \|\| isBindClearAction) {
		button.addEventListener('click', function (event) {
		@@ -435,3 +435,3 @@ if (!(element.classList.contains(CLASSNAMES.DISABLE) \|\| element.readOnly)) {
		function calculateWidth(element, container, moduleName) {
		var elementWidth = moduleName === 'multiselect' ? element : element.clientWidth - parseInt(getComputedStyle(element, null).getPropertyValue('padding-left'));
		var elementWidth = moduleName === 'multiselect' ? element : element.clientWidth - parseInt(getComputedStyle(element, null).getPropertyValue('padding-left'), 10);
		if (!isNullOrUndefined(container.getElementsByClassName('e-float-text-content')[0])) {
		@@ -638,6 +638,6 @@ if (container.getElementsByClassName('e-float-text-content')[0].classList.contains('e-float-text-overflow')) {
		if (key === 'placeholder' && parentElement.classList.contains(CLASSNAMES.FLOATINPUT)) {
		parentElement.getElementsByClassName(CLASSNAMES.FLOATTEXT)[0].textContent = attrs[key];
		parentElement.getElementsByClassName(CLASSNAMES.FLOATTEXT)[0].textContent = attrs["" + key];
		}
		else {
		element.setAttribute(key, attrs[key]);
		element.setAttribute(key, attrs["" + key]);
		}
		@@ -744,3 +744,3 @@ }
		for (var i = 0; i < inputObj.length; i++) {
		_internalRipple(isRipple, inputObj[i].container);
		_internalRipple(isRipple, inputObj[parseInt(i.toString())].container);
		}
		@@ -756,4 +756,4 @@ }
		for (var index = 0; index < buttons.length; index++) {
		buttons[index].addEventListener('mousedown', _onMouseDownRipple, false);
		buttons[index].addEventListener('mouseup', _onMouseUpRipple, false);
		buttons[parseInt(index.toString())].addEventListener('mousedown', _onMouseDownRipple, false);
		buttons[parseInt(index.toString())].addEventListener('mouseup', _onMouseUpRipple, false);
		}
		@@ -763,4 +763,4 @@ }
		for (var index = 0; index < buttons.length; index++) {
		buttons[index].removeEventListener('mousedown', _onMouseDownRipple, this);
		buttons[index].removeEventListener('mouseup', _onMouseUpRipple, this);
		buttons[parseInt(index.toString())].removeEventListener('mousedown', _onMouseDownRipple, this);
		buttons[parseInt(index.toString())].removeEventListener('mouseup', _onMouseUpRipple, this);
		}
		@@ -853,3 +853,3 @@ }
		for (var i = 0; i < result.length; i++) {
		innerWrapper.appendChild(result[i]);
		innerWrapper.appendChild(result[parseInt(i.toString())]);
		}
		@@ -856,0 +856,0 @@ }

src/maskedtextbox/base/mask-base.js

		@@ -83,3 +83,3 @@ /* eslint-disable valid-jsdoc, jsdoc/require-jsdoc, jsdoc/require-returns, jsdoc/require-param */
		if (!isNullOrUndefined(this.customCharacters[this.promptMask[i]])) {
		// eslint-disable-next-line detect-non-literal-regexp
		/* eslint-disable-next-line security/detect-non-literal-regexp */
		this.promptMask = this.promptMask.replace(new RegExp(this.promptMask[i], 'g'), this.promptChar);
		@@ -384,3 +384,3 @@ }
		maskedValue: this.element.value,
		container: !isNullOrUndefined(this.inputObj) ? this.inputObj.container : this.inputObj,
		container: !isNullOrUndefined(this.inputObj) ? this.inputObj.container : this.inputObj
		};
		@@ -848,3 +848,3 @@ this.trigger('blur', this.blurEventArgs);
		for (var i = 0; i < customValArr.length; i++) {
		// eslint-disable-next-line detect-non-literal-regexp
		/* eslint-disable-next-line security/detect-non-literal-regexp */
		if (keyValue.match(new RegExp('[' + customValArr[i] + ']'))) {
		@@ -855,3 +855,3 @@ allowText = true;
		}
		// eslint-disable-next-line detect-non-literal-regexp
		/* eslint-disable-next-line security/detect-non-literal-regexp */
		}
		@@ -864,3 +864,3 @@ else if (!isNullOrUndefined(this.regExpCollec["" + curMask]) && keyValue.match(new RegExp(this.regExpCollec["" + curMask]))
		&& this.customRegExpCollec[startIndex][this.customRegExpCollec[startIndex].length - 1] === ']'
		// eslint-disable-next-line detect-non-literal-regexp
		/* eslint-disable-next-line security/detect-non-literal-regexp */
		&& keyValue.match(new RegExp(this.customRegExpCollec[startIndex]))) {
		@@ -867,0 +867,0 @@ allowText = true;

src/maskedtextbox/maskedtextbox/maskedtextbox.js

		@@ -381,9 +381,9 @@ var __extends = (this && this.__extends) \|\| (function () {
		}
		// eslint-disable-next-line detect-non-literal-regexp
		/* eslint-disable-next-line security/detect-non-literal-regexp */
		var value = this.element.value.replace(new RegExp('[' + oldProp.promptChar + ']', 'g'), this.promptChar);
		if (this.promptMask === this.element.value) {
		// eslint-disable-next-line detect-non-literal-regexp
		/* eslint-disable-next-line security/detect-non-literal-regexp */
		value = this.promptMask.replace(new RegExp('[' + oldProp.promptChar + ']', 'g'), this.promptChar);
		}
		// eslint-disable-next-line detect-non-literal-regexp
		/* eslint-disable-next-line security/detect-non-literal-regexp */
		this.promptMask = this.promptMask.replace(new RegExp('[' + oldProp.promptChar + ']', 'g'), this.promptChar);
		@@ -390,0 +390,0 @@ this.undoCollec = this.redoCollec = [];

src/numerictextbox/numerictextbox.js

		@@ -164,3 +164,3 @@ var __extends = (this && this.__extends) \|\| (function () {
		}
		if (!isNullOrUndefined(closest(this.element, "fieldset")) && closest(this.element, "fieldset").disabled) {
		if (!isNullOrUndefined(closest(this.element, 'fieldset')) && closest(this.element, 'fieldset').disabled) {
		this.enabled = false;
		@@ -859,3 +859,3 @@ }
		var decimalSeparator = getValue('decimal', getNumericObject(this.locale));
		var isAlterNumPadDecimalChar = event.code === "NumpadDecimal" && currentChar !== decimalSeparator;
		var isAlterNumPadDecimalChar = event.code === 'NumpadDecimal' && currentChar !== decimalSeparator;
		//EJ2-59813-replace the culture decimal separator value with numberpad decimal separator value when culture decimal separator and numberpad decimal separator are different
		@@ -897,3 +897,3 @@ if (isAlterNumPadDecimalChar) {
		}
		// eslint-disable-next-line detect-non-literal-regexp
		/* eslint-disable-next-line security/detect-non-literal-regexp */
		return new RegExp('^(-)?(((\\d+(' + decimalSeparator + '\\d' + fractionRule +
		@@ -1011,3 +1011,3 @@ ')?)\|(' + decimalSeparator + '\\d' + fractionRule + ')))?$');
		var target;
		if (event.type === "touchmove") {
		if (event.type === 'touchmove') {
		var touchEvent = event.touches;
		@@ -1014,0 +1014,0 @@ target = touchEvent.length && document.elementFromPoint(touchEvent[0].pageX, touchEvent[0].pageY);

src/rating/rating-model.d.ts

		@@ -13,3 +13,5 @@ import { addClass, Event, attributes, BaseEventArgs, compile, Component, EmitType, EventHandler, getUniqueID, INotifyPropertyChanged, select, Browser } from '@syncfusion/ej2-base';import { isNullOrUndefined, KeyboardEventArgs, KeyboardEvents, MouseEventArgs, NotifyPropertyChanges, Property, remove, removeClass } from '@syncfusion/ej2-base';import { Tooltip } from '@syncfusion/ej2-popups';
		* When set to "true", the reset button will be visible to the user, and they will be able to click it to reset the rating value to its default value.
		*
		*
		* {% codeBlock src='rating/allowReset/index.md' %}{% endcodeBlock %}
		*
		* @default false
		@@ -62,3 +64,5 @@ */
		* Defines the template that defines the appearance of each rated item in a rating component.
		*
		*
		* {% codeBlock src='rating/fullTemplate/index.md' %}{% endcodeBlock %}
		*
		* @default ''
		@@ -85,3 +89,5 @@ */
		* * Right
		*
		*
		* {% codeBlock src='rating/labelPosition/index.md' %}{% endcodeBlock %}
		*
		* @isenumeration true
		@@ -95,3 +101,5 @@ * @default LabelPosition.Right
		* Defines the template that used as label over default label of the rating. The current value of rating passed as context to build the content.
		*
		*
		* {% codeBlock src='rating/labelTemplate/index.md' %}{% endcodeBlock %}
		*
		* @default ''
		@@ -119,3 +127,5 @@ */
		* * Exact
		*
		*
		* {% codeBlock src='rating/precision/index.md' %}{% endcodeBlock %}
		*
		* @isenumeration true
		@@ -138,3 +148,5 @@ * @default PrecisionType.Full
		* When set to "true", a label will be displayed that shows the current value of the rating; otherwise false.
		*
		*
		* {% codeBlock src='rating/showLabel/index.md' %}{% endcodeBlock %}
		*
		* @default false
		@@ -155,3 +167,5 @@ */
		* The current value of rating passed as context to build the content.
		*
		*
		* {% codeBlock src='rating/tooltipTemplate/index.md' %}{% endcodeBlock %}
		*
		* @default ''
		@@ -166,3 +180,5 @@ */
		* as specified by the "min" and "itemsCount" properties of the rating.
		*
		*
		* {% codeBlock src='rating/value/index.md' %}{% endcodeBlock %}
		*
		* @default 0.0
		@@ -183,3 +199,5 @@ * @aspType double
		* Event callback that is raised before rendering each item.
		*
		*
		* {% codeBlock src='rating/beforeItemRenderEvent/index.md' %}{% endcodeBlock %}
		*
		* @event beforeItemRender
		@@ -198,3 +216,5 @@ */
		* Event callback that is raised when a user hovers over an item.
		*
		*
		* {% codeBlock src='rating/onItemHoverEvent/index.md' %}{% endcodeBlock %}
		*
		* @event onItemHover
		@@ -206,3 +226,5 @@ */
		* Event callback that is raised when the value is changed.
		*
		*
		* {% codeBlock src='rating/valueChangedEvent/index.md' %}{% endcodeBlock %}
		*
		* @event valueChanged
		@@ -209,0 +231,0 @@ */

src/rating/rating.d.ts

		@@ -116,2 +116,4 @@ import { BaseEventArgs, Component, EmitType, INotifyPropertyChanged } from '@syncfusion/ej2-base';
		*
		* {% codeBlock src='rating/allowReset/index.md' %}{% endcodeBlock %}
		*
		* @default false
		@@ -159,2 +161,4 @@ */
		*
		* {% codeBlock src='rating/fullTemplate/index.md' %}{% endcodeBlock %}
		*
		* @default ''
		@@ -180,2 +184,4 @@ */
		*
		* {% codeBlock src='rating/labelPosition/index.md' %}{% endcodeBlock %}
		*
		* @isenumeration true
		@@ -189,2 +195,4 @@ * @default LabelPosition.Right
		*
		* {% codeBlock src='rating/labelTemplate/index.md' %}{% endcodeBlock %}
		*
		* @default ''
		@@ -211,2 +219,4 @@ */
		*
		* {% codeBlock src='rating/precision/index.md' %}{% endcodeBlock %}
		*
		* @isenumeration true
		@@ -228,2 +238,4 @@ * @default PrecisionType.Full
		*
		* {% codeBlock src='rating/showLabel/index.md' %}{% endcodeBlock %}
		*
		* @default false
		@@ -243,2 +255,4 @@ */
		*
		* {% codeBlock src='rating/tooltipTemplate/index.md' %}{% endcodeBlock %}
		*
		* @default ''
		@@ -253,2 +267,4 @@ */
		*
		* {% codeBlock src='rating/value/index.md' %}{% endcodeBlock %}
		*
		* @default 0.0
		@@ -268,2 +284,4 @@ * @aspType double
		*
		* {% codeBlock src='rating/beforeItemRenderEvent/index.md' %}{% endcodeBlock %}
		*
		* @event beforeItemRender
		@@ -281,2 +299,4 @@ */
		*
		* {% codeBlock src='rating/onItemHoverEvent/index.md' %}{% endcodeBlock %}
		*
		* @event onItemHover
		@@ -288,2 +308,4 @@ */
		*
		* {% codeBlock src='rating/valueChangedEvent/index.md' %}{% endcodeBlock %}
		*
		* @event valueChanged
		@@ -304,2 +326,3 @@ */
		private tooltipOpen;
		private isReact?;
		/**
		@@ -326,3 +349,2 @@ * Constructor for creating the widget
		private updateMinValue;
		private updatePrecision;
		private validateValue;
		@@ -352,2 +374,4 @@ private getRatingValue;
		*
		* {% codeBlock src='rating/reset/index.md' %}{% endcodeBlock %}
		*
		* @returns {void}
		@@ -354,0 +378,0 @@ */

109

src/rating/rating.js

		@@ -109,3 +109,2 @@ var __extends = (this && this.__extends) \|\| (function () {
		_this.itemElements = [];
		_this.tooltipOpen = false;
		return _this;
		@@ -124,2 +123,3 @@ }
		};
		this.tooltipOpen = false;
		};
		@@ -130,4 +130,4 @@ Rating.prototype.render = function () {
		this.updateTemplateFunction();
		this.triggerChange(null, this.value, false);
		this.renderItems();
		this.updatePrecision();
		this.displayLabel();
		@@ -145,7 +145,14 @@ };
		this.updateReset();
		this.updateDisabled();
		this.wrapper.classList[this.readOnly ? 'add' : 'remove'](READONLY);
		this.wrapper.classList[!this.visible ? 'add' : 'remove'](HIDDEN);
		this.wrapper.classList[this.enableRtl ? 'add' : 'remove'](RTL);
		this.wrapper.classList[this.enableAnimation ? 'add' : 'remove'](ANIMATION);
		if (this.readOnly) {
		this.wrapper.classList.add(READONLY);
		}
		if (!this.visible) {
		this.wrapper.classList.add(HIDDEN);
		}
		if (this.enableRtl) {
		this.wrapper.classList.add(RTL);
		}
		if (this.enableAnimation) {
		this.wrapper.classList.add(ANIMATION);
		}
		if (this.cssClass) {
		@@ -156,2 +163,3 @@ addClass([this.wrapper], this.cssClass.split(' '));
		this.wireKeyboardEvent();
		this.updateDisabled();
		};
		@@ -161,12 +169,11 @@ Rating.prototype.updateDisabled = function () {
		attributes(this.ratingItemList, { 'tabindex': (this.disabled) ? '-1' : '0' });
		this.updateResetButton();
		};
		Rating.prototype.updateResetButton = function () {
		if (this.allowReset) {
		this.updateResetButton();
		var isDisabled = (this.value <= this.min) \|\| this.disabled;
		this.resetElement.classList[isDisabled ? 'add' : 'remove'](DISABLED);
		attributes(this.resetElement, { 'tabindex': (isDisabled ? '-1' : '0'), 'aria-hidden': isDisabled.toString() });
		}
		};
		Rating.prototype.updateResetButton = function () {
		var isDisabled = (this.value <= this.min) \|\| this.disabled;
		this.resetElement.classList[isDisabled ? 'add' : 'remove'](DISABLED);
		attributes(this.resetElement, { 'aria-label': 'resetbutton', 'role': 'button',
		'tabindex': (isDisabled ? '-1' : '0'), 'aria-hidden': isDisabled.toString() });
		};
		Rating.prototype.renderItemList = function () {
		@@ -176,4 +183,3 @@ var _this = this;
		className: ITEMLIST,
		id: this.element.id + '_item-list',
		attrs: { 'tabindex': '0' }
		id: this.element.id + '_item-list'
		});
		@@ -227,3 +233,3 @@ attributes(this.ratingItemList, { 'aria-label': 'rating', 'role': 'slider' });
		var ratingValue = this.getRatingValue(this.value, i);
		this.renderItemContent(spanItem, ratingValue, i);
		this.renderItemContent(spanItem, ratingValue, i, false);
		ratingItemContainer.appendChild(spanItem);
		@@ -238,8 +244,5 @@ this.wireItemsEvents(ratingItemContainer, i + 1);
		attributes(this.ratingItemList, { 'aria-valuemax': this.itemsCount.toString() });
		if (this.disabled) {
		attributes(this.ratingItemList, { 'tabindex': '-1' });
		}
		this.updateItemValue(false);
		};
		Rating.prototype.renderItemContent = function (spanEle, val, index, isrerender) {
		if (isrerender === void 0) { isrerender = false; }
		if (isrerender) {
		@@ -283,3 +286,3 @@ this.removeItemContent(spanEle);
		Rating.prototype.updateMinValue = function () {
		this.min = this.validateValue(this.min);
		this.setProperties({ min: this.validateValue(this.min) }, true);
		if (this.min > 0 && this.value < this.min) {
		@@ -290,7 +293,2 @@ this.triggerChange(null, this.min, false);
		};
		Rating.prototype.updatePrecision = function () {
		this.min = this.validateValue(this.min);
		this.triggerChange(null, this.validateValue(this.value), false);
		this.updateItemValue();
		};
		Rating.prototype.validateValue = function (currentValue) {
		@@ -314,3 +312,7 @@ if (currentValue > this.itemsCount) {
		};
		Rating.prototype.updateItemValue = function () {
		Rating.prototype.updateItemValue = function (isUpdate) {
		if (isUpdate === void 0) { isUpdate = true; }
		if (isUpdate && this.isReact) {
		this.clearTemplate(['ratingEmptyTemplate', 'ratingFullTemplate']);
		}
		for (var i = 0; i < this.itemsCount; i++) {
		@@ -329,9 +331,12 @@ var itemElement = this.itemElements[parseInt(i.toString(), 10)];
		}
		this.updateItemContent(ratingValue, i);
		if (isUpdate) {
		this.updateItemContent(ratingValue, i);
		}
		itemElement.style.setProperty(RATINGVALUE, (ratingValue * 100) + '%');
		itemElement.classList[((this.value === 0) && (i === 0)) \|\| (this.value === i + 1) \|\| ((ratingValue > 0) && (ratingValue < 1)) ? 'add' : 'remove']('e-rating-focus');
		}
		if (this.allowReset) {
		this.updateResetButton();
		if (isUpdate) {
		this.renderReactTemplates();
		}
		this.updateResetButton();
		attributes(this.ratingItemList, { 'aria-valuenow': this.currentValue.toString() });
		@@ -346,3 +351,3 @@ attributes(this.element, { 'value': this.value.toString() });
		if (this.fullTemplate && ratingValue === 1) {
		if (spanEle.classList.contains(FULLTEMPLATE)) {
		if (!this.isReact && spanEle.classList.contains(FULLTEMPLATE)) {
		return;
		@@ -352,8 +357,11 @@ }
		spanEle.classList.add(FULLTEMPLATE);
		spanEle.append(this.fullTemplateFunction({ ratingValue: ratingValue, index: index }, this, 'ratingFullTemplate', (this.element.id + 'fullTemplate'), this.isStringTemplate)[0]);
		spanEle.append(this.fullTemplateFunction({ ratingValue: ratingValue, index: index }, this, 'ratingFullTemplate', (this.element.id + 'fullTemplate' + index), this.isStringTemplate)[0]);
		}
		else if (this.emptyTemplate) {
		if (!this.isReact && spanEle.classList.contains(EMPTYTEMPLATE)) {
		return;
		}
		this.removeItemContent(spanEle);
		spanEle.classList.add(EMPTYTEMPLATE);
		spanEle.append(this.emptyTemplateFunction({ ratingValue: ratingValue, index: index }, this, 'ratingFullTemplate', (this.element.id + 'fullTemplate'), this.isStringTemplate)[0]);
		spanEle.append(this.emptyTemplateFunction({ ratingValue: ratingValue, index: index }, this, 'ratingEmptyTemplate', (this.element.id + 'emptyTemplate' + index), this.isStringTemplate)[0]);
		}
		@@ -364,6 +372,8 @@ else {
		}
		this.renderReactTemplates();
		};
		Rating.prototype.updateTooltipContent = function (isChange) {
		if (this.showTooltip) {
		if (this.isReact) {
		this.clearTemplate(['ratingTooltipTemplate']);
		}
		var content = void 0;
		@@ -414,2 +424,5 @@ if (this.tooltipTemplate) {
		if (this.labelTemplate) {
		if (this.isReact) {
		this.clearTemplate(['ratingLabelTemplate']);
		}
		if (this.spanLabel.firstChild) {
		@@ -420,2 +433,3 @@ this.spanLabel.removeChild(this.spanLabel.firstChild);
		this.spanLabel.append(templateFunction({ value: this.currentValue }, this, 'ratingLabelTemplate', (this.element.id + 'labelTemplate'), this.isStringTemplate)[0]);
		this.renderReactTemplates();
		}
		@@ -425,3 +439,2 @@ else {
		}
		this.renderReactTemplates();
		}
		@@ -431,3 +444,6 @@ };
		if (this.allowReset) {
		this.resetElement = this.createElement('span', { className: RESET });
		this.resetElement = this.createElement('span', {
		className: RESET,
		attrs: { 'aria-label': 'resetbutton', 'role': 'button' }
		});
		this.updateResetButton();
		@@ -471,5 +487,3 @@ EventHandler.add(this.resetElement, 'click', this.resetClicked, this);
		this.updateLabel();
		if (this.allowReset) {
		this.updateResetButton();
		}
		this.updateResetButton();
		};
		@@ -552,2 +566,4 @@ Rating.prototype.updateValueChange = function (e, val, isInteracted) {
		*
		* {% codeBlock src='rating/reset/index.md' %}{% endcodeBlock %}
		*
		* @returns {void}
		@@ -605,8 +621,9 @@ */
		this.updateValueChange(e, (currentValue));
		if (this.allowReset) {
		this.updateResetButton();
		}
		this.updateResetButton();
		}
		};
		Rating.prototype.updateContent = function () {
		if (this.isReact) {
		this.clearTemplate(['ratingEmptyTemplate', 'ratingFullTemplate']);
		}
		for (var i = 0; i < this.itemsCount; i++) {
		@@ -650,2 +667,3 @@ var itemElement = this.itemElements[parseInt(i.toString(), 10)].firstElementChild;
		this.removeItemElements();
		this.clearTemplate();
		if (this.spanLabel) {
		@@ -729,3 +747,5 @@ remove(this.spanLabel);
		case 'precision':
		this.updatePrecision();
		this.updateMinValue();
		this.triggerChange(null, this.value, false);
		this.updateItemValue();
		this.updateLabel();
		@@ -751,3 +771,2 @@ break;
		this.renderItems();
		this.updateItemValue();
		this.updateLabel();
		@@ -754,0 +773,0 @@ break;

src/slider/slider-model.d.ts

		@@ -18,2 +18,3 @@ import { Component, EventHandler, Property, Event, EmitType, Complex, Collection } from '@syncfusion/ej2-base';import { L10n, Internationalization, NumberFormatOptions } from '@syncfusion/ej2-base';import { NotifyPropertyChanges, INotifyPropertyChanged, ChildProperty } from '@syncfusion/ej2-base';import { attributes, addClass, removeClass, setStyleAttribute, detach, closest } from '@syncfusion/ej2-base';import { isNullOrUndefined, formatUnit, Browser, SanitizeHtmlHelper } from '@syncfusion/ej2-base';import { Tooltip, Position, TooltipEventArgs, getZindexPartial } from '@syncfusion/ej2-popups';
		* {% codeBlock src='slider/placement/index.md' %}{% endcodeBlock %}
		*
		* @default 'None'
		@@ -26,2 +27,3 @@ */
		* {% codeBlock src='slider/largestep/index.md' %}{% endcodeBlock %}
		*
		* @default 10
		@@ -34,2 +36,3 @@ */
		* {% codeBlock src='slider/smallstep/index.md' %}{% endcodeBlock %}
		*
		* @default 1
		@@ -41,2 +44,3 @@ */
		* We can show or hide the small ticks in the Slider, which will be appeared in between the largeTicks.
		*
		* @default false
		@@ -61,2 +65,3 @@ */
		* It is used to set the color in the slider bar.
		*
		* @default ''
		@@ -68,2 +73,3 @@ */
		* It is used to get the starting value for applying color.
		*
		* @default null
		@@ -75,2 +81,3 @@ */
		* It is used to get the end value for applying color.
		*
		* @default null
		@@ -89,2 +96,3 @@ */
		* It is used to enable the limit in the slider.
		*
		* @default false
		@@ -96,2 +104,3 @@ */
		* It is used to set the minimum start limit value.
		*
		* @default null
		@@ -103,2 +112,3 @@ */
		* It is used to set the minimum end limit value.
		*
		* @default null
		@@ -110,2 +120,3 @@ */
		* It is used to set the maximum start limit value.
		*
		* @default null
		@@ -117,2 +128,3 @@ */
		* It is used to set the maximum end limit value.
		*
		* @default null
		@@ -125,2 +137,3 @@ */
		* {% codeBlock src='slider/limitStartHandleFixed/index.md' %}{% endcodeBlock %}
		*
		* @default false
		@@ -133,2 +146,3 @@ */
		* {% codeBlock src='slider/limitEndHandleFixed/index.md' %}{% endcodeBlock %}
		*
		* @default false
		@@ -148,2 +162,3 @@ */
		* specific user-defined styles and themes to be applied on the Tooltip element.
		*
		* @default ''
		@@ -166,2 +181,3 @@ */
		* {% codeBlock src='slider/tooltipShowOn/index.md' %}{% endcodeBlock %}
		*
		* @default 'Auto'
		@@ -195,2 +211,3 @@ */
		* {% codeBlock src="slider/value-api/index.ts" %}{% endcodeBlock %}
		*
		* @default null
		@@ -204,2 +221,3 @@ * @isGenericType true
		* The min and max step values are not considered.
		*
		* @default null
		@@ -211,3 +229,3 @@ */
		* Specifies the step value for each value change when the increase / decrease
		* button is clicked or on arrow keys press or on dragging the thumb.
		* button is clicked or on arrow keys press or on dragging the thumb.
		* Refer the documentation [here](../../slider/ticks#step)
		@@ -217,2 +235,3 @@ * to know more about this property.
		* {% codeBlock src="slider/step-api/index.ts" %}{% endcodeBlock %}
		*
		* @default 1
		@@ -224,2 +243,3 @@ */
		* Specifies the width of the Slider.
		*
		* @default null
		@@ -233,2 +253,3 @@ */
		* {% codeBlock src="slider/min-max-api/index.ts" %}{% endcodeBlock %}
		*
		* @default 0
		@@ -242,2 +263,3 @@ */
		* {% codeBlock src="slider/min-max-api/index.ts" %}{% endcodeBlock %}
		*
		* @default 100
		@@ -250,2 +272,3 @@ */
		* The slider rendered with user defined values and can’t be interacted with user actions.
		*
		* @default false
		@@ -261,2 +284,4 @@ */
		* {% codeBlock src='slider/types/index.md' %}{% endcodeBlock %}
		*
		* @default 'Default'
		*/
		@@ -276,2 +301,3 @@ type?: SliderType;
		* {% codeBlock src="slider/ticks-api/index.ts" %}{% endcodeBlock %}
		*
		* @default { placement: 'before' }
		@@ -287,2 +313,3 @@ */
		* {% codeBlock src="slider/limits-api/index.ts" %}{% endcodeBlock %}
		*
		* @default { enabled: false }
		@@ -293,3 +320,4 @@ */
		/**
		* Enables or Disables the slider.
		* Enable or Disable the slider.
		*
		* @default true
		@@ -303,2 +331,3 @@ */
		* {% codeBlock src="slider/tooltip-api/index.ts" %}{% endcodeBlock %}
		*
		* @default { placement: 'Before', isVisible: false, showOn: 'Focus', format: null }
		@@ -309,3 +338,3 @@ */
		/**
		* Specifies whether to show or hide the increase/decrease buttons
		* Specifies whether to show or hide the increase/decrease buttons
		* of Slider to change the slider value.
		@@ -316,2 +345,3 @@ * Refer the documentation [here](../../slider/getting-started#buttons)
		* {% codeBlock src="slider/showButtons-api/index.ts" %}{% endcodeBlock %}
		*
		* @default false
		@@ -322,3 +352,4 @@ */
		/**
		* Enables/Disables the animation for slider movement.
		* Enable or Disable the animation for slider movement.
		*
		* @default true
		@@ -330,4 +361,5 @@ */
		* Specifies whether to render the slider in vertical or horizontal orientation.
		* Refer the documentation [here](../../slider/getting-started#orientation)
		* Refer the documentation [here](../../slider/orientation/)
		* to know more about this property.
		*
		* @default 'Horizontal'
		@@ -340,2 +372,3 @@ */
		* {% codeBlock src='slider/cssClass/index.md' %}{% endcodeBlock %}
		*
		* @default ''
		@@ -347,2 +380,3 @@ */
		* Defines whether to allow the cross-scripting site or not.
		*
		* @default false
		@@ -354,2 +388,3 @@ */
		* Triggers when the Slider is successfully created.
		*
		* @event
		@@ -375,3 +410,3 @@ */
		/**
		* Triggers on rendering the ticks element in the Slider,
		* Triggers on rendering the ticks element in the Slider,
		* which is used to customize the ticks labels dynamically.
		@@ -378,0 +413,0 @@ * {% codeBlock src='slider/renderingticksEvent/index.md' %}{% endcodeBlock %}

121

src/slider/slider.d.ts

		@@ -16,2 +16,3 @@ import { Component, EmitType } from '@syncfusion/ej2-base';
		* {% codeBlock src='slider/placement/index.md' %}{% endcodeBlock %}
		*
		* @default 'None'
		@@ -23,2 +24,3 @@ */
		* {% codeBlock src='slider/largestep/index.md' %}{% endcodeBlock %}
		*
		* @default 10
		@@ -30,2 +32,3 @@ */
		* {% codeBlock src='slider/smallstep/index.md' %}{% endcodeBlock %}
		*
		* @default 1
		@@ -36,2 +39,3 @@ */
		* We can show or hide the small ticks in the Slider, which will be appeared in between the largeTicks.
		*
		* @default false
		@@ -52,2 +56,3 @@ */
		* It is used to get the value of the Slider.
		*
		* @isGenericType true
		@@ -67,2 +72,3 @@ */
		* It is used to get the current value of the Slider.
		*
		* @isGenericType true
		@@ -73,2 +79,3 @@ */
		* It is used to get the previous value of the Slider.
		*
		* @isGenericType true
		@@ -127,2 +134,3 @@ */
		* It is used to set the color in the slider bar.
		*
		* @default ''
		@@ -133,2 +141,3 @@ */
		* It is used to get the starting value for applying color.
		*
		* @default null
		@@ -139,2 +148,3 @@ */
		* It is used to get the end value for applying color.
		*
		* @default null
		@@ -151,2 +161,3 @@ */
		* It is used to enable the limit in the slider.
		*
		* @default false
		@@ -157,2 +168,3 @@ */
		* It is used to set the minimum start limit value.
		*
		* @default null
		@@ -163,2 +175,3 @@ */
		* It is used to set the minimum end limit value.
		*
		* @default null
		@@ -169,2 +182,3 @@ */
		* It is used to set the maximum start limit value.
		*
		* @default null
		@@ -175,2 +189,3 @@ */
		* It is used to set the maximum end limit value.
		*
		* @default null
		@@ -182,2 +197,3 @@ */
		* {% codeBlock src='slider/limitStartHandleFixed/index.md' %}{% endcodeBlock %}
		*
		* @default false
		@@ -189,2 +205,3 @@ */
		* {% codeBlock src='slider/limitEndHandleFixed/index.md' %}{% endcodeBlock %}
		*
		* @default false
		@@ -201,2 +218,3 @@ */
		* specific user-defined styles and themes to be applied on the Tooltip element.
		*
		* @default ''
		@@ -217,2 +235,3 @@ */
		* {% codeBlock src='slider/tooltipShowOn/index.md' %}{% endcodeBlock %}
		*
		* @default 'Auto'
		@@ -235,20 +254,80 @@ */
		*/
		export declare type Placement = 'Before' \| 'After' \| 'Both' \| 'None';
		export declare type Placement =
		/**
		* Ticks are placed in the top of the horizontal slider bar or at the left of the vertical slider bar.
		*/
		'Before' \|
		/**
		* Ticks are placed in the bottom of the horizontal slider bar or at the right of the vertical slider bar.
		*/
		'After' \|
		/**
		* Ticks are placed on the both side of the slider bar.
		*/
		'Both' \|
		/**
		* Ticks are not shown.
		*/
		'None';
		/**
		* Tooltip Placement.
		*/
		export declare type TooltipPlacement = 'Before' \| 'After';
		export declare type TooltipPlacement =
		/**
		* Tooltip is shown in the top of the horizontal slider bar or at the left of the vertical slider bar.
		*/
		'Before' \|
		/**
		* Tooltip is shown in the bottom of the horizontal slider bar or at the right of the vertical slider bar.
		*/
		'After';
		/**
		* Tooltip ShowOn.
		*/
		export declare type TooltipShowOn = 'Focus' \| 'Hover' \| 'Always' \| 'Auto';
		export declare type TooltipShowOn =
		/**
		* Tooltip is shown while focusing the Slider handle.
		*/
		'Focus' \|
		/**
		* Tooltip is shown while hovering the Slider handle.
		*/
		'Hover' \|
		/**
		* Tooltip is shown always.
		*/
		'Always' \|
		/**
		* Tooltip is shown while hovering the Slider handle in desktop and tap and hold in touch devices.
		*/
		'Auto';
		/**
		* Slider type.
		*/
		export declare type SliderType = 'Default' \| 'MinRange' \| 'Range';
		export declare type SliderType =
		/**
		* Allows to select a single value in the Slider.
		*/
		'Default' \|
		/**
		* Allows to select a single value in the Slider, it display’s a shadow from the start to the current value.
		*/
		'MinRange' \|
		/**
		* Allows to select a range of values in the Slider.
		*/
		'Range';
		/**
		* Slider orientation.
		*/
		export declare type SliderOrientation = 'Horizontal' \| 'Vertical';
		export declare type SliderOrientation =
		/**
		* Renders the slider in horizontal orientation.
		*/
		'Horizontal' \|
		/**
		* Renders the slider in vertical orientation.
		*/
		'Vertical';
		/**
		* The Slider component allows the user to select a value or range
		@@ -335,2 +414,3 @@ * of values in-between a min and max range, by dragging the handle over the slider bar.
		* {% codeBlock src="slider/value-api/index.ts" %}{% endcodeBlock %}
		*
		* @default null
		@@ -343,2 +423,3 @@ * @isGenericType true
		* The min and max step values are not considered.
		*
		* @default null
		@@ -354,2 +435,3 @@ */
		* {% codeBlock src="slider/step-api/index.ts" %}{% endcodeBlock %}
		*
		* @default 1
		@@ -360,2 +442,3 @@ */
		* Specifies the width of the Slider.
		*
		* @default null
		@@ -368,2 +451,3 @@ */
		* {% codeBlock src="slider/min-max-api/index.ts" %}{% endcodeBlock %}
		*
		* @default 0
		@@ -376,2 +460,3 @@ */
		* {% codeBlock src="slider/min-max-api/index.ts" %}{% endcodeBlock %}
		*
		* @default 100
		@@ -383,2 +468,3 @@ */
		* The slider rendered with user defined values and can’t be interacted with user actions.
		*
		* @default false
		@@ -393,2 +479,4 @@ */
		* {% codeBlock src='slider/types/index.md' %}{% endcodeBlock %}
		*
		* @default 'Default'
		*/
		@@ -406,2 +494,3 @@ type: SliderType;
		* {% codeBlock src="slider/ticks-api/index.ts" %}{% endcodeBlock %}
		*
		* @default { placement: 'before' }
		@@ -416,2 +505,3 @@ */
		* {% codeBlock src="slider/limits-api/index.ts" %}{% endcodeBlock %}
		*
		* @default { enabled: false }
		@@ -421,3 +511,4 @@ */
		/**
		* Enables or Disables the slider.
		* Enable or Disable the slider.
		*
		* @default true
		@@ -430,2 +521,3 @@ */
		* {% codeBlock src="slider/tooltip-api/index.ts" %}{% endcodeBlock %}
		*
		* @default { placement: 'Before', isVisible: false, showOn: 'Focus', format: null }
		@@ -441,2 +533,3 @@ */
		* {% codeBlock src="slider/showButtons-api/index.ts" %}{% endcodeBlock %}
		*
		* @default false
		@@ -446,3 +539,4 @@ */
		/**
		* Enables/Disables the animation for slider movement.
		* Enable or Disable the animation for slider movement.
		*
		* @default true
		@@ -453,4 +547,5 @@ */
		* Specifies whether to render the slider in vertical or horizontal orientation.
		* Refer the documentation [here](../../slider/getting-started#orientation)
		* Refer the documentation [here](../../slider/orientation/)
		* to know more about this property.
		*
		* @default 'Horizontal'
		@@ -462,2 +557,3 @@ */
		* {% codeBlock src='slider/cssClass/index.md' %}{% endcodeBlock %}
		*
		* @default ''
		@@ -468,2 +564,3 @@ */
		* Defines whether to allow the cross-scripting site or not.
		*
		* @default false
		@@ -474,2 +571,3 @@ */
		* Triggers when the Slider is successfully created.
		*
		* @event
		@@ -522,2 +620,3 @@ */
		* To Initialize the control rendering
		*
		* @private
		@@ -533,2 +632,3 @@ */
		* Initialize the rendering
		*
		* @private
		@@ -614,2 +714,3 @@ */
		* It is used to reposition slider.
		*
		* @returns void
		@@ -652,2 +753,3 @@ */
		* Get the properties to be maintained in the persisted state.
		*
		* @private
		@@ -659,2 +761,3 @@ */
		* Also it removes the attributes and classes.
		*
		* @method destroy
		@@ -666,2 +769,3 @@ * @return {void}
		* Calls internally if any of the property value is changed.
		*
		* @private
		@@ -677,2 +781,3 @@ */
		* Gets the component name
		*
		* @private
		@@ -679,0 +784,0 @@ */

src/textbox/textbox.js

		@@ -206,3 +206,5 @@ var __extends = (this && this.__extends) \|\| (function () {
		}
		this.element.setAttribute('role', 'textbox');
		if (this.type === 'text') {
		this.element.setAttribute('role', 'textbox');
		}
		this.globalize = new Internationalization(this.locale);
		@@ -340,3 +342,3 @@ var localeText = { placeholder: this.placeholder };
		Input.setWidth(this.width, this.textboxWrapper.container);
		if (!isNullOrUndefined(closest(this.element, "fieldset")) && closest(this.element, "fieldset").disabled) {
		if (!isNullOrUndefined(closest(this.element, 'fieldset')) && closest(this.element, 'fieldset').disabled) {
		this.enabled = false;
		@@ -343,0 +345,0 @@ }

src/uploader/uploader-model.d.ts

		@@ -135,3 +135,3 @@ import { Component, Property, Event, EmitType, EventHandler, L10n, compile, isNullOrUndefined, SanitizeHtmlHelper} from '@syncfusion/ej2-base';import { NotifyPropertyChanges, INotifyPropertyChanged, detach, append, Animation } from '@syncfusion/ej2-base';import { addClass, removeClass, KeyboardEvents, KeyboardEventArgs, setValue, getValue, ChildProperty } from '@syncfusion/ej2-base';import { Collection, Complex, Browser, Ajax, BeforeSendEventArgs, getUniqueID, closest, remove } from '@syncfusion/ej2-base';import { createSpinner, showSpinner, hideSpinner } from '@syncfusion/ej2-popups';import { select, selectAll } from '@syncfusion/ej2-base';
		* If you configured both property and equivalent html attribute then the component considers the property value.
		*
		*
		* {% codeBlock src='uploader/htmlAttributes/index.md' %}{% endcodeBlock %}
		@@ -138,0 +138,0 @@ *

styles/color-picker/_material3-definition.scss

styles/input/_material3-definition.scss

styles/maskedtextbox/_material3-definition.scss

styles/numerictextbox/_material3-definition.scss

styles/rating/_material3-definition.scss

styles/signature/_material3-definition.scss

styles/slider/_material3-definition.scss

styles/textbox/_material3-definition.scss

styles/uploader/_material3-definition.scss

dist/ej2-inputs.min.js

Sorry, the diff of this file is too big to display

dist/ej2-inputs.umd.min.js

Sorry, the diff of this file is too big to display

dist/ej2-inputs.umd.min.js.map

Sorry, the diff of this file is not supported yet

dist/es6/ej2-inputs.es2015.js

Sorry, the diff of this file is too big to display

dist/es6/ej2-inputs.es2015.js.map

Sorry, the diff of this file is not supported yet

dist/es6/ej2-inputs.es5.js

Sorry, the diff of this file is too big to display

dist/es6/ej2-inputs.es5.js.map

Sorry, the diff of this file is not supported yet

dist/global/ej2-inputs.min.js

Sorry, the diff of this file is too big to display

dist/global/ej2-inputs.min.js.map

Sorry, the diff of this file is not supported yet

src/color-picker/color-picker.js

Sorry, the diff of this file is too big to display

src/slider/slider.js

Sorry, the diff of this file is too big to display

src/uploader/uploader.js

Sorry, the diff of this file is too big to display

styles/bootstrap-dark.css

Sorry, the diff of this file is not supported yet

styles/bootstrap.css

Sorry, the diff of this file is not supported yet

styles/bootstrap4.css

Sorry, the diff of this file is not supported yet

styles/bootstrap5-dark.css

Sorry, the diff of this file is not supported yet

styles/bootstrap5.css

Sorry, the diff of this file is not supported yet

styles/color-picker/_layout.scss

Sorry, the diff of this file is not supported yet

styles/color-picker/_theme.scss

Sorry, the diff of this file is not supported yet

styles/color-picker/bootstrap-dark.css

Sorry, the diff of this file is not supported yet

styles/color-picker/bootstrap.css

Sorry, the diff of this file is not supported yet

styles/color-picker/bootstrap4.css

Sorry, the diff of this file is not supported yet

styles/color-picker/bootstrap5-dark.css

Sorry, the diff of this file is not supported yet

styles/color-picker/bootstrap5.css

Sorry, the diff of this file is not supported yet

styles/color-picker/fabric-dark.css

Sorry, the diff of this file is not supported yet

styles/color-picker/fabric.css

Sorry, the diff of this file is not supported yet

styles/color-picker/fluent-dark.css

Sorry, the diff of this file is not supported yet

styles/color-picker/fluent.css

Sorry, the diff of this file is not supported yet

styles/color-picker/highcontrast-light.css

Sorry, the diff of this file is not supported yet

styles/color-picker/highcontrast.css

Sorry, the diff of this file is not supported yet

styles/color-picker/material-dark.css

Sorry, the diff of this file is not supported yet

styles/color-picker/material.css

Sorry, the diff of this file is not supported yet

styles/color-picker/tailwind-dark.css

Sorry, the diff of this file is not supported yet

styles/color-picker/tailwind.css

Sorry, the diff of this file is not supported yet

styles/fabric-dark.css

Sorry, the diff of this file is not supported yet

styles/fabric.css

Sorry, the diff of this file is not supported yet

styles/fluent-dark.css

Sorry, the diff of this file is not supported yet

styles/fluent.css

Sorry, the diff of this file is not supported yet

styles/highcontrast-light.css

Sorry, the diff of this file is not supported yet

styles/highcontrast.css

Sorry, the diff of this file is not supported yet

styles/input/_bootstrap5-definition.scss

Sorry, the diff of this file is not supported yet

styles/input/_fluent-definition.scss

Sorry, the diff of this file is not supported yet

styles/input/_layout.scss

Sorry, the diff of this file is not supported yet

styles/input/_tailwind-definition.scss

Sorry, the diff of this file is not supported yet

styles/input/_theme.scss

Sorry, the diff of this file is not supported yet

styles/input/material-dark.css

Sorry, the diff of this file is not supported yet

styles/input/material.css

Sorry, the diff of this file is not supported yet

styles/maskedtextbox/_bootstrap5-definition.scss

Sorry, the diff of this file is not supported yet

styles/maskedtextbox/_fluent-definition.scss

Sorry, the diff of this file is not supported yet

styles/material-dark.css

Sorry, the diff of this file is not supported yet

styles/material.css

Sorry, the diff of this file is not supported yet

styles/numerictextbox/icons/_material3.scss

Sorry, the diff of this file is not supported yet

styles/rating/_bootstrap5-definition.scss

Sorry, the diff of this file is not supported yet

styles/rating/_fluent-definition.scss

Sorry, the diff of this file is not supported yet

styles/rating/_tailwind-definition.scss

Sorry, the diff of this file is not supported yet

styles/rating/_theme.scss

Sorry, the diff of this file is not supported yet

styles/rating/tailwind-dark.css

Sorry, the diff of this file is not supported yet

styles/rating/tailwind.css

Sorry, the diff of this file is not supported yet

styles/slider/_layout.scss

Sorry, the diff of this file is not supported yet

styles/slider/_theme.scss

Sorry, the diff of this file is not supported yet

styles/tailwind-dark.css

Sorry, the diff of this file is not supported yet

styles/tailwind.css

Sorry, the diff of this file is not supported yet

styles/uploader/_bootstrap5-definition.scss

Sorry, the diff of this file is not supported yet

styles/uploader/_fluent-definition.scss

Sorry, the diff of this file is not supported yet

styles/uploader/_layout.scss

Sorry, the diff of this file is not supported yet

styles/uploader/_tailwind-definition.scss

Sorry, the diff of this file is not supported yet

styles/uploader/_theme.scss

Sorry, the diff of this file is not supported yet

styles/uploader/bootstrap5-dark.css

Sorry, the diff of this file is not supported yet

styles/uploader/bootstrap5.css

Sorry, the diff of this file is not supported yet

styles/uploader/material-dark.css

Sorry, the diff of this file is not supported yet

styles/uploader/tailwind-dark.css

Sorry, the diff of this file is not supported yet

styles/uploader/tailwind.css

Sorry, the diff of this file is not supported yet

Improved metrics

Worsened metrics

Dependency changes