@syncfusion/ej2-vue-inputs 20.4.54 → 21.1.37

package/CHANGELOG.md

@@ -2,19 +2,13 @@
 
 ## [Unreleased]
 
-### Uploader
+### Range Slider
 
 #### 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
+- `#I441327` - The issue with changing event for the first change action in the Slider has been resolved.
 
-- `#I435597` - Resolved issue with pasting using keyboard shortcuts not working properly in Safari browser.
+## 21.1.35 (2023-03-23)
 
 ### Signature
 
@@ -22,29 +16,6 @@
 
 - `#I433821` - Correcting the signature scaling issue while resizing the web browser has been resolved.
 
-## 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)
 
 ### Signature

package/README.md

@@ -1,143 +1,215 @@
-# ej2-vue-inputs
+# Vue Inputs Components
 
-A package of Syncfusion Vue UI Components (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 Vue Input 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.
 
-![ej2-vue-inputs](https://ej2.syncfusion.com/products/images/input/readme.gif)
+## What's Included in the Vue Inputs Package
 
-> Input is part of Syncfusion Essential JS 2 commercial program. License is available in two models Community and Paid. Please refer the license file for more information. License can be obtained by registering at [https://www.syncfusion.com/downloads/essential-js2](https://www.syncfusion.com/downloads/essential-js2/?utm_source=npm&utm_campaign=input)
+The Vue Inputs package includes the following list of components.
 
-## Setup
+### Vue ColorPicker
 
-To install Input and its dependent packages, use the following command
+The [Vue ColorPicker](https://www.syncfusion.com/vue-components/vue-color-picker?utm_source=npm&utm_medium=listing&utm_campaign=vue-inputs-npm) component is a user interface that is used to select and adjust color values.
 
-```sh
-npm install @syncfusion/ej2-vue-inputs
-```
+<p align="center">
+  <a href="https://ej2.syncfusion.com/vue/documentation/color-picker/getting-started/?utm_source=npm&utm_medium=listing&utm_campaign=vue-inputs-npm">Getting Started</a> .
+  <a href="https://ej2.syncfusion.com/vue/demos/?utm_source=npm&utm_medium=listing&utm_campaign=vue-inputs-npm#/material/color-picker/default.html">Online demos</a> .
+  <a href="https://www.syncfusion.com/vue-components/vue-color-picker?utm_source=npm&utm_medium=listing&utm_campaign=vue-inputs-npm">Learn more</a>
+</p>
+
+<p align="center">
+<img alt="Vue ColorPicker Component" src="https://raw.githubusercontent.com/SyncfusionExamples/nuget-img/master/vue/vue-colorpicker.png">
+</p>
+
+#### Key features
+
+* [Color specification](https://ej2.syncfusion.com/vue/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/vue/documentation/color-picker/mode-and-value#mode-and-value) - Supports `Picker` and `Palette` mode.
+* [Inline](https://ej2.syncfusion.com/vue/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/vue/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/vue/documentation/color-picker/mode-and-value#color-value) - Allows to set and change the `opacity` of the selected color.
+* [Accessibility](https://ej2.syncfusion.com/vue/documentation/color-picker/accessibility#accessibility) - Built-in accessibility features to access color picker using the keyboard, screen readers, or other assistive technology devices.
+
+### Vue TextBox
+
+The [Vue TextBox](https://www.syncfusion.com/vue-components/vue-textbox?utm_source=npm&utm_medium=listing&utm_campaign=vue-inputs-npm) component is an extended version of the HTML input control which is used to edit or display text input on a form.
+
+<p align="center">
+  <a href="https://ej2.syncfusion.com/vue/documentation/textbox/getting-started/?utm_source=npm&utm_medium=listing&utm_campaign=vue-inputs-npm">Getting Started</a> .
+  <a href="https://ej2.syncfusion.com/vue/demos/?utm_source=npm&utm_medium=listing&utm_campaign=vue-inputs-npm#/material/textboxes/default.html">Online demos</a> .
+  <a href="https://www.syncfusion.com/vue-components/vue-textbox?utm_source=npm&utm_medium=listing&utm_campaign=vue-inputs-npm">Learn more</a>
+</p>
+
+<p align="center">
+<img alt="Vue TextBox Component" src="https://raw.githubusercontent.com/SyncfusionExamples/nuget-img/master/vue/vue-textbox.png">
+</p>
+
+#### Key features
+
+* [Floating label](https://ej2.syncfusion.com/vue/demos/?utm_source=npm&utm_campaign=textbox#/material/textboxes/default.html) – floats the placeholder text while focus.
+* [Input group](https://ej2.syncfusion.com/vue/demos/?utm_source=npm&utm_campaign=textbox#/material/textboxes/default.html) – group the icons, buttons along with textbox.
+* [Validation states](https://ej2.syncfusion.com/vue/demos/?utm_source=npm&utm_campaign=textbox#/material/textboxes/default.html) – provides styles for success, error, and warning states.
+* [Multiline](https://ej2.syncfusion.com/vue/demos/?utm_source=npm&utm_campaign=textbox#/material/textboxes/default.html) – handles multiline input with placeholder text
+
+### Vue MaskedTextBox
+
+The [Vue MaskedTextBox](https://www.syncfusion.com/vue-components/vue-input-mask?utm_source=npm&utm_medium=listing&utm_campaign=vue-inputs-npm) component allows the user to enter the valid input only based on the provided mask.
+
+<p align="center">
+  <a href="https://ej2.syncfusion.com/vue/documentation/maskedtextbox/getting-started/?utm_source=npm&utm_medium=listing&utm_campaign=vue-inputs-npm">Getting Started</a> .
+  <a href="https://ej2.syncfusion.com/vue/demos/?utm_source=npm&utm_medium=listing&utm_campaign=vue-inputs-npm#/material/maskedtextbox/default.html">Online demos</a> .
+  <a href="https://www.syncfusion.com/vue-components/vue-input-mask?utm_source=npm&utm_medium=listing&utm_campaign=vue-inputs-npm">Learn more</a>
+</p>
+
+<p align="center">
+<img alt="Vue MaskedTextBox Component" src="https://raw.githubusercontent.com/SyncfusionExamples/nuget-img/master/vue/vue-maskedtextbox.png">
+</p>
+
+#### Key features
+
+* [Custom characters](https://ej2.syncfusion.com/vue/demos/?utm_source=npm&utm_campaign=maskedtextbox#/material/maskedtextbox/custommask.html) - allows you to use your own characters as the mask elements.
+* [Regular expression](https://ej2.syncfusion.com/vue/documentation/maskedtextbox/mask-configuration#regular-expression/?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/vue/documentation/maskedtextbox/accessibility/?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.
+
+### Vue NumericTextBox
+
+The [Vue NumericTextBox](https://www.syncfusion.com/vue-components/vue-numeric-textbox?utm_source=npm&utm_medium=listing&utm_campaign=vue-inputs-npm) component is used to get the number inputs from the user. The input values can be incremented or decremented by a predefined step value.
+
+<p align="center">
+  <a href="https://ej2.syncfusion.com/vue/documentation/numerictextbox/getting-started/?utm_source=npm&utm_medium=listing&utm_campaign=vue-inputs-npm">Getting Started</a> .
+  <a href="https://ej2.syncfusion.com/vue/demos/?utm_source=npm&utm_medium=listing&utm_campaign=vue-inputs-npm#/material/numerictextbox/default.html">Online demos</a> .
+  <a href="https://www.syncfusion.com/vue-components/vue-numeric-textbox?utm_source=npm&utm_medium=listing&utm_campaign=vue-inputs-npm">Learn more</a>
+</p>
+
+<p align="center">
+<img alt="Vue NumericTextBox Component" src="https://raw.githubusercontent.com/SyncfusionExamples/nuget-img/master/vue/vue-numerictextbox.png">
+</p>
 
-## Components included
+#### Key features
 
-Following list of components are available in the package.
+* [Range validation](https://ej2.syncfusion.com/vue/demos/?utm_source=npm&utm_campaign=numerictextbox#/material/numerictextbox/range.html) - allows to set the minimum and maximum range of values in the NumericTextBox.
+* [Number formats](https://ej2.syncfusion.com/vue/demos/?utm_source=npm&utm_campaign=numerictextbox#/material/numerictextbox/format.html) - supports the number display formatting with MSDN standard and custom number formats.
+* [Precision Of numbers](https://ej2.syncfusion.com/vue/demos/?utm_source=npm&utm_campaign=numerictextbox#/material/numerictextbox/restrict.html) - allows to restrict the number precision when enters the value.
+* [Keyboard interaction](https://ej2.syncfusion.com/vue/documentation/numerictextbox/accessibility#keyboard-interaction/?utm_source=npm&utm_campaign=numerictextbox#keyboard-interaction) - allows users to interact with the NumericTextBox using the keyboard.
+* [Accessibility](https://ej2.syncfusion.com/vue/documentation/numerictextbox/accessibility/?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/vue/documentation/numerictextbox/internationalization/?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/vue/documentation/numerictextbox/internationalization#localization/?utm_source=npm&utm_campaign=numerictextbox#localization) - Supports to localize spin up and down buttons title for the tooltip to different cultures.
 
-* **ColorPicker** - Color picker is a user interface that is used to select and adjust color values.
-  * [Getting Started](https://ej2.syncfusion.com/vue/documentation/color-picker/getting-started/?utm_source=npm&utm_campaign=color-picker)
-  * [View Online Demos](https://ej2.syncfusion.com/vue/demos/?utm_source=npm&utm_campaign=color-picker#/material/color-picker/default.html)
-  * [Product Page](https://www.syncfusion.com/vue-ui-components/color-picker)
+### Vue Signature
 
-* **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/vue/documentation/textbox/getting-started/?utm_source=npm&utm_campaign=textbox)
-  * [View Online Demos](https://ej2.syncfusion.com/vue/demos/?utm_source=npm&utm_campaign=textbox#/material/textboxes/default.html)
-  * [Product Page](https://www.syncfusion.com/vue-ui-components/text-box/?utm_source=npm&utm_campaign=text-box)
+The [Vue Signature](https://www.syncfusion.com/vue-components/vue-signature?utm_source=npm&utm_medium=listing&utm_campaign=vue-inputs-npm) component allows user to draw smooth signatures as vector outline of strokes using variable width bezier curve interpolation. It allows to save signature as image.
 
-* **MaskedTextBox** - MaskedTextBox allows the user to enter the valid input only based on the provided mask.
-  * [Getting Started](https://ej2.syncfusion.com/vue/documentation/maskedtextbox/getting-started/?utm_source=npm&utm_campaign=maskedtextbox)
-  * [View Online Demos](https://ej2.syncfusion.com/vue/demos/?utm_source=npm&utm_campaign=maskedtextbox#/material/maskedtextbox/default.html)
-  * [Product Page](https://www.syncfusion.com/vue-ui-components/maskedtextbox/?utm_source=npm&utm_campaign=maskedtextbox)
+<p align="center">
+  <a href="https://ej2.syncfusion.com/vue/documentation/signature/getting-started/?utm_source=npm&utm_medium=listing&utm_campaign=vue-inputs-npm">Getting Started</a> .
+  <a href="https://ej2.syncfusion.com/vue/demos/?utm_source=npm&utm_medium=listing&utm_campaign=vue-inputs-npm#/material/signature/default.html">Online demos</a> .
+  <a href="https://www.syncfusion.com/vue-components/vue-signature?utm_source=npm&utm_medium=listing&utm_campaign=vue-inputs-npm">Learn more</a>
+</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/vue/documentation/numerictextbox/getting-started/?utm_source=npm&utm_campaign=numerictextbox)
-  * [View Online Demos](https://ej2.syncfusion.com/vue/demos/?utm_source=npm&utm_campaign=numerictextbox#/material/numerictextbox/default.html)
-  * [Product Page](https://www.syncfusion.com/vue-ui-components/numerictextbox/?utm_source=npm&utm_campaign=numerictextbox)
+<p align="center">
+<img alt="Vue Signature Component" src="https://raw.githubusercontent.com/SyncfusionExamples/nuget-img/master/vue/vue-signature.png">
+</p>
 
-* **Signature** - The Signature component 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)
+#### Key features
 
-* **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/vue/documentation/slider/getting-started/?utm_source=npm&utm_campaign=slider)
-  * [View Online Demos](https://ej2.syncfusion.com/vue/demos/?utm_source=npm&utm_campaign=slider#/material/slider/default.html)
-  * [Product Page](https://www.syncfusion.com/vue-ui-components/slider/?utm_source=npm&utm_campaign=slider)
+* [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.
 
-* **Uploader** - The [Vue File Upload](https://www.syncfusion.com/vue-ui-components/vue-file-upload/?utm_source=npm&utm_medium=listing&utm_campaign=vue-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/vue-ui-components/vue-file-upload/?utm_source=npm&utm_medium=listing&utm_campaign=vue-file-upload-npm)
-  * [Getting Started](https://ej2.syncfusion.com/vue/documentation/uploader/getting-started?utm_source=npm&utm_medium=listing&utm_campaign=vue-file-upload-npm)
-  * [View Online Demos](https://ej2.syncfusion.com/vue/demos/?utm_source=npm&utm_medium=listing&utm_campaign=vue-file-upload-npm#/material/uploader/default.html)
+### Vue Slider
+
+The [Vue slider](https://www.syncfusion.com/vue-components/vue-slider?utm_source=npm&utm_medium=listing&utm_campaign=vue-inputs-npm) component 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/vue/documentation/range-slider/getting-started/?utm_source=npm&utm_medium=listing&utm_campaign=vue-inputs-npm">Getting Started</a> .
+  <a href="https://ej2.syncfusion.com/vue/demos/?utm_source=npm&utm_medium=listing&utm_campaign=vue-inputs-npm#/material/range-slider/default.html">Online demos</a> .
+  <a href="https://www.syncfusion.com/vue-components/vue-slider?utm_source=npm&utm_medium=listing&utm_campaign=vue-inputs-npm">Learn more</a>
+</p>
+
+<p align="center">
+<img alt="Vue Slider Component" src="https://raw.githubusercontent.com/SyncfusionExamples/nuget-img/master/vue/vue-slider.png">
+</p>
+
+#### Key features
+
+* [Types](https://ej2.syncfusion.com/vue/demos/?utm_source=npm&utm_campaign=slider#/material/slider/default.html) - Provided three types of Slider.
+* [Orientation](https://ej2.syncfusion.com/vue/demos/?utm_source=npm&utm_campaign=slider#/material/slider/orientation.html) - Displays the Slider in horizontal or vertical direction.
+* [Buttons](https://ej2.syncfusion.com/vue/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/vue/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/vue/demos/?utm_source=npm&utm_campaign=slider#/material/slider/ticks.html) - Displays a scale with small and big ticks.
+* [Format](https://ej2.syncfusion.com/vue/demos/?utm_source=npm&utm_campaign=slider#/material/slider/format.html) - Customize the slider values into various format.
+* [Limits](https://ej2.syncfusion.com/vue/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/vue/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/vue/demos/?utm_source=npm&utm_campaign=slider#/material/slider/api.html) - The Slider can be intractable through the keyboard.
+
+### Vue File Upload
+
+The [Vue File Upload](https://www.syncfusion.com/vue-components/vue-file-upload?utm_source=npm&utm_medium=listing&utm_campaign=vue-inputs-npm) component 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/vue/documentation/uploader/getting-started/?utm_source=npm&utm_medium=listing&utm_campaign=vue-inputs-npm">Getting Started</a> .
+  <a href="https://ej2.syncfusion.com/vue/demos/?utm_source=npm&utm_medium=listing&utm_campaign=vue-inputs-npm#/material/uploader/default.html">Online demos</a> .
+  <a href="https://www.syncfusion.com/vue-components/vue-file-upload?utm_source=npm&utm_medium=listing&utm_campaign=vue-inputs-npm">Learn more</a>
+</p>
+
+<p align="center">
+<img alt="Vue FileUpload Component" src="https://raw.githubusercontent.com/SyncfusionExamples/nuget-img/master/vue/vue-file-upload.png">
+</p>
+
+#### Key features
+
+* [Chunk upload](https://ej2.syncfusion.com/vue/demos/?utm_source=npm&utm_medium=listing&utm_campaign=vue-file-upload-npm#/material/uploader/chunk-upload.html) – used to upload large files as chunks
+* [Drag-and-drop](https://ej2.syncfusion.com/vue/demos/?utm_source=npm&utm_medium=listing&utm_campaign=vue-file-upload-npm#/material/uploader/custom-drop-area.html) – drag the files and drop into component to upload them.
+* [Template](https://ej2.syncfusion.com/vue/demos/?utm_source=npm&utm_medium=listing&utm_campaign=vue-file-upload-npm#/material/uploader/custom-file-list.html) – the file list and buttons can be customize using template.
+* [Validation](https://ej2.syncfusion.com/vue/demos/?utm_source=npm&utm_medium=listing&utm_campaign=vue-file-upload-npm#/material/uploader/file-validation.html) – validate extension and size of upload file.
+* [Auto upload](https://ej2.syncfusion.com/vue/demos/?utm_source=npm&utm_medium=listing&utm_campaign=vue-file-upload-npm#/material/uploader/default.html) – Process the file to upload without interaction.
+* [Preload files](https://ej2.syncfusion.com/vue/demos/?utm_source=npm&utm_medium=listing&utm_campaign=vue-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-vue-inputs
+```
 
 ## Supported frameworks
 
-Input component is also offered in following list of frameworks.
+Inputs components are also offered in following list of frameworks.
 
-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. [ASP.NET Core](https://www.syncfusion.com/aspnet-core-ui-controls/numeric-textbox/?utm_source=npm&utm_campaign=input)
-4. [ASP.NET MVC](https://www.syncfusion.com/aspnet-mvc-ui-controls/input-mask/?utm_source=npm&utm_campaign=input)
-5. [JavaScript (ES5)](https://www.syncfusion.com/javascript-ui-controls/range-slider/?utm_source=npm&utm_campaign=input)
+| [<img src="https://ej2.syncfusion.com/github/images/js.svg" height="50" />](https://www.syncfusion.com/javascript-ui-controls?utm_medium=listing&utm_source=github)<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;[JavaScript](https://www.syncfusion.com/javascript-ui-controls?utm_medium=listing&utm_source=github)&nbsp;&nbsp;&nbsp;&nbsp; | [<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/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;[React](https://www.syncfusion.com/react-ui-components?utm_medium=listing&utm_source=github)&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; | [<img src="https://ej2.syncfusion.com/github/images/angular.svg"  height="50" />](https://www.syncfusion.com/angular-components/?utm_medium=listing&utm_source=github)<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;[Angular](https://www.syncfusion.com/angular-components/?utm_medium=listing&utm_source=github)&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; | [<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/>&nbsp;&nbsp;[ASP.NET&nbsp;Core](https://www.syncfusion.com/aspnet-core-ui-controls?utm_medium=listing&utm_source=github)&nbsp;&nbsp; | [<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/>&nbsp;&nbsp;[ASP.NET&nbsp;MVC](https://www.syncfusion.com/aspnet-mvc-ui-controls?utm_medium=listing&utm_source=github)&nbsp;&nbsp; | 
+| :-----: | :-----: | :-----: | :-----: | :-----: |
 
 ## Showcase samples
 
-* Cloud Pricing ([Live Demo](https://ej2.syncfusion.com/vue/demos/?utm_source=npm&utm_campaign=slider#/material/slider/azure-pricing.html))
-
-## Key Features
-
-### 1. ColorPicker
-- [**Color specification**](https://ej2.syncfusion.com/vue/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/vue/documentation/color-picker/mode-and-value#mode-and-value) - Supports `Picker` and `Palette` mode.
-- [**Inline**](https://ej2.syncfusion.com/vue/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/vue/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/vue/documentation/color-picker/mode-and-value#color-value) - Allows to set and change the `opacity` of the selected color.
-- [**Accessibility**](https://ej2.syncfusion.com/vue/documentation/color-picker/accessibility#accessibility) - Built-in accessibility features to access color picker using the keyboard, screen readers, or other assistive technology devices.
-
-### 2. TextBox
-- [**Floating Label**](https://ej2.syncfusion.com/vue/demos/?utm_source=npm&utm_campaign=textbox#/material/textboxes/default.html) – floats the placeholder text while focus.
-- [**Input Group**](https://ej2.syncfusion.com/vue/demos/?utm_source=npm&utm_campaign=textbox#/material/textboxes/default.html) – group the icons, buttons along with textbox.
-- [**Validation States**](https://ej2.syncfusion.com/vue/demos/?utm_source=npm&utm_campaign=textbox#/material/textboxes/default.html) – provides styles for success, error, and warning states.
-- [**Multiline**](https://ej2.syncfusion.com/vue/demos/?utm_source=npm&utm_campaign=textbox#/material/textboxes/default.html) – handles multiline input with placeholder text
-
-### 3. MaskedTextBox
-- [**Custom Characters**](https://ej2.syncfusion.com/vue/demos/?utm_source=npm&utm_campaign=maskedtextbox#/material/maskedtextbox/custommask.html) - allows you to use your own characters as the mask elements.
-- [**Regular Expression**](https://ej2.syncfusion.com/vue/documentation/maskedtextbox/mask-configuration#regular-expression/?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/vue/documentation/maskedtextbox/accessibility/?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.
-
-### 4. NumericTextBox
-- [**Range Validation**](https://ej2.syncfusion.com/vue/demos/?utm_source=npm&utm_campaign=numerictextbox#/material/numerictextbox/range.html) - allows to set the minimum and maximum range of values in the NumericTextBox.
-- [**Number Formats**](https://ej2.syncfusion.com/vue/demos/?utm_source=npm&utm_campaign=numerictextbox#/material/numerictextbox/format.html) - supports the number display formatting with MSDN standard and custom number formats.
-- [**Precision Of Numbers**](https://ej2.syncfusion.com/vue/demos/?utm_source=npm&utm_campaign=numerictextbox#/material/numerictextbox/restrict.html) - allows to restrict the number precision when enters the value.
-- [**Keyboard Interaction**](https://ej2.syncfusion.com/vue/documentation/numerictextbox/accessibility#keyboard-interaction/?utm_source=npm&utm_campaign=numerictextbox#keyboard-interaction) - allows users to interact with the NumericTextBox using the keyboard.
-- [**Accessibility**](https://ej2.syncfusion.com/vue/documentation/numerictextbox/accessibility/?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/vue/documentation/numerictextbox/internationalization/?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/vue/documentation/numerictextbox/internationalization#localization/?utm_source=npm&utm_campaign=numerictextbox#localization) - Supports to localize spin up and down buttons title for the tooltip to different cultures.
-
-### 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.
-
-### 6. Slider
-- [**Types**](https://ej2.syncfusion.com/vue/demos/?utm_source=npm&utm_campaign=slider#/material/slider/default.html) - Provided three types of Slider.
-- [**Orientation**](https://ej2.syncfusion.com/vue/demos/?utm_source=npm&utm_campaign=slider#/material/slider/orientation.html) - Displays the Slider in horizontal or vertical direction.
-- [**Buttons**](https://ej2.syncfusion.com/vue/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/vue/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/vue/demos/?utm_source=npm&utm_campaign=slider#/material/slider/ticks.html) - Displays a scale with small and big ticks.
-- [**Format**](https://ej2.syncfusion.com/vue/demos/?utm_source=npm&utm_campaign=slider#/material/slider/format.html) - Customize the slider values into various format.
-- [**Limits**](https://ej2.syncfusion.com/vue/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/vue/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/vue/demos/?utm_source=npm&utm_campaign=slider#/material/slider/api.html) - The Slider can be intractable through the keyboard.
-
-### 7. Upload
-- [**Chunk Upload**](https://ej2.syncfusion.com/vue/demos/?utm_source=npm&utm_medium=listing&utm_campaign=vue-file-upload-npm#/material/uploader/chunk-upload.html) – used to upload large files as chunks
-- [**Drag-and-drop**](https://ej2.syncfusion.com/vue/demos/?utm_source=npm&utm_medium=listing&utm_campaign=vue-file-upload-npm#/material/uploader/custom-drop-area.html) – drag the files and drop into component to upload them.
-- [**Template**](https://ej2.syncfusion.com/vue/demos/?utm_source=npm&utm_medium=listing&utm_campaign=vue-file-upload-npm#/material/uploader/custom-file-list.html) – the file list and buttons can be customize using template
-- [**Validation**](https://ej2.syncfusion.com/vue/demos/?utm_source=npm&utm_medium=listing&utm_campaign=vue-file-upload-npm#/material/uploader/file-validation.html) – validate extension and size of upload file
-- [**Auto Upload**](https://ej2.syncfusion.com/vue/demos/?utm_source=npm&utm_medium=listing&utm_campaign=vue-file-upload-npm#/material/uploader/default.html) – Process the file to upload without interaction.
-- [**Preload Files**](https://ej2.syncfusion.com/vue/demos/?utm_source=npm&utm_medium=listing&utm_campaign=vue-file-upload-npm#/material/uploader/preload-files.html) – View and manipulate previously uploaded files
+* Cloud Pricing - [Live Demo](https://ej2.syncfusion.com/vue/demos/?utm_source=npm&utm_campaign=slider#/material/slider/azure-pricing.html)
 
 ## Support
 
-Product support is available for through following mediums.
+Product support is available through following mediums.
 
-* 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-vue-ui-components/issues/new).
-* Ask your query in Stack Overflow with tag `syncfusion`, `ej2`.
+* [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/vue?utm_source=npm&utm_medium=listing&utm_campaign=vue-inputs-npm)
+* [GitHub issues](https://github.com/syncfusion/ej2-vue-ui-components/issues/new)
+* [Request feature or report bug](https://www.syncfusion.com/feedback/vue?utm_source=npm&utm_medium=listing&utm_campaign=vue-inputs-npm)
+* Live chat
 
-## License
+## Changelog
 
-Check the license detail [here](https://github.com/syncfusion/ej2-vue-ui-components/blob/master/license/?utm_source=npm&utm_campaign=input).
+Check the changelog [here](https://github.com/syncfusion/ej2-vue-ui-components/blob/master/components/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.
 
-## Changelog
+## 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+ [Vue UI components](https://www.syncfusion.com/vue-components), 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.
 
-Check the changelog [here](https://github.com/syncfusion/ej2-vue-ui-components/blob/master/components/inputs/CHANGELOG.md/?utm_source=npm&utm_campaign=input)
+See [LICENSE FILE](https://github.com/syncfusion/ej2-vue-ui-components/blob/master/license) for more info.
 
-© Copyright 2023 Syncfusion, Inc. All Rights Reserved. The Syncfusion Essential Studio license and copyright applies to this distribution.
+© Copyright 2023 Syncfusion, Inc. All Rights Reserved. The Syncfusion Essential Studio license and copyright applies to this distribution.

package/dist/ej2-vue-inputs.umd.min.js

@@ -1,11 +1,11 @@
 /*!
 *  filename: ej2-vue-inputs.umd.min.js
-*  version : 20.4.54
+*  version : 21.1.37
 *  Copyright Syncfusion Inc. 2001 - 2020. 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
 *  licensing@syncfusion.com. Any infringement will be prosecuted under
 *  applicable laws. 
 */
-!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@syncfusion/ej2-inputs"),require("@syncfusion/ej2-base"),require("@syncfusion/ej2-vue-base"),require("vue")):"function"==typeof define&&define.amd?define(["exports","@syncfusion/ej2-inputs","@syncfusion/ej2-base","@syncfusion/ej2-vue-base","vue"],t):t(e.ej={},e.ej2Inputs,e.ej2Base,e.ej2VueBase,e.Vue)}(this,function(e,t,n,o,s){"use strict";s=s&&s.hasOwnProperty("default")?s.default:s;var r=function(){var e=function(t,n){return(e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])})(t,n)};return function(t,n){function o(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(o.prototype=n.prototype,new o)}}(),i=function(e,t,n,o){var s,r=arguments.length,i=r<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,n):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(e,t,n,o);else for(var a=e.length-1;a>=0;a--)(s=e[a])&&(i=(r<3?s(i):r>3?s(t,n,i):s(t,n))||i);return r>3&&i&&Object.defineProperty(t,n,i),i},a=["isLazyUpdate","plugins","autocomplete","cssClass","enablePersistence","enableRtl","enabled","floatLabelType","htmlAttributes","locale","multiline","placeholder","readonly","showClearButton","type","value","width","blur","change","created","destroyed","focus","input"],c=["value"],l=function(e){function s(){var n=e.call(this,arguments)||this;return n.propKeys=a,n.models=c,n.hasChildDirective=!1,n.hasInjectedModules=!1,n.tagMapper={},n.tagNameMapper={},n.ej2Instances=new t.TextBox({}),n.ej2Instances._trigger=n.ej2Instances.trigger,n.ej2Instances.trigger=n.trigger,n.bindProperties(),n.ej2Instances._setProperties=n.ej2Instances.setProperties,n.ej2Instances.setProperties=n.setProperties,n.ej2Instances.clearTemplate=n.clearTemplate,n.updated=n.updated,n}return r(s,e),s.prototype.clearTemplate=function(e){if(e||(e=Object.keys(this.templateCollection||{})),e.length&&this.templateCollection)for(var t=0,o=e;t<o.length;t++){var s=o[t],r=this.templateCollection[s];if(r&&r.length){for(var i=0,a=r;i<a.length;i++){var c=a[i];n.getValue("__vue__.$destroy",c)&&c.__vue__.$destroy(),c.innerHTML&&(c.innerHTML="")}delete this.templateCollection[s]}}},s.prototype.setProperties=function(e,t){var n=this;this.ej2Instances&&this.ej2Instances._setProperties&&this.ej2Instances._setProperties(e,t),e&&this.models&&this.models.length&&Object.keys(e).map(function(t){n.models.map(function(o){t!==o||/datasource/i.test(t)||n.$emit("update:"+t,e[t])})})},s.prototype.trigger=function(e,t,o){if("change"!==e&&"input"!==e||!this.models||0===this.models.length){if("actionBegin"===e&&"dateNavigate"===t.requestType&&this.models&&0!==this.models.length){r=(s=this.models.toString().match(/currentView|selectedDate/)||[])[0];t&&s&&!n.isUndefined(t[r])&&(this.$emit("update:"+r,t[r]),this.$emit("modelchanged",t[r]))}}else{var s,r=(s=this.models.toString().match(/checked|value/)||[])[0];t&&s&&!n.isUndefined(t[r])&&(this.$emit("update:"+r,t[r]),this.$emit("modelchanged",t[r]))}this.ej2Instances&&this.ej2Instances._trigger&&this.ej2Instances._trigger(e,t,o)},s.prototype.render=function(e){return e("input",this.$slots.default)},s.prototype.custom=function(){this.updated()},s.prototype.addAttributes=function(e){return this.ej2Instances.addAttributes(e)},s.prototype.addIcon=function(e,t){return this.ej2Instances.addIcon(e,t)},s.prototype.focusIn=function(){return this.ej2Instances.focusIn()},s.prototype.focusOut=function(){return this.ej2Instances.focusOut()},s.prototype.removeAttributes=function(e){return this.ej2Instances.removeAttributes(e)},s=i([o.EJComponentDecorator({props:a,model:{event:"modelchanged"}})],s)}(o.ComponentBase),p={name:"ejs-textbox",install:function(e){e.component(p.name,l)}},u=function(){var e=function(t,n){return(e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])})(t,n)};return function(t,n){function o(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(o.prototype=n.prototype,new o)}}(),d=function(e,t,n,o){var s,r=arguments.length,i=r<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,n):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(e,t,n,o);else for(var a=e.length-1;a>=0;a--)(s=e[a])&&(i=(r<3?s(i):r>3?s(t,n,i):s(t,n))||i);return r>3&&i&&Object.defineProperty(t,n,i),i},h=["isLazyUpdate","plugins","cssClass","currency","currencyCode","decimals","enablePersistence","enableRtl","enabled","floatLabelType","format","htmlAttributes","locale","max","min","placeholder","readonly","showClearButton","showSpinButton","step","strictMode","validateDecimalOnType","value","width","blur","change","created","destroyed","focus"],f=["value"],m=function(e){function s(){var n=e.call(this,arguments)||this;return n.propKeys=h,n.models=f,n.hasChildDirective=!1,n.hasInjectedModules=!1,n.tagMapper={},n.tagNameMapper={},n.ej2Instances=new t.NumericTextBox({}),n.ej2Instances._trigger=n.ej2Instances.trigger,n.ej2Instances.trigger=n.trigger,n.bindProperties(),n.ej2Instances._setProperties=n.ej2Instances.setProperties,n.ej2Instances.setProperties=n.setProperties,n.ej2Instances.clearTemplate=n.clearTemplate,n.updated=n.updated,n}return u(s,e),s.prototype.clearTemplate=function(e){if(e||(e=Object.keys(this.templateCollection||{})),e.length&&this.templateCollection)for(var t=0,o=e;t<o.length;t++){var s=o[t],r=this.templateCollection[s];if(r&&r.length){for(var i=0,a=r;i<a.length;i++){var c=a[i];n.getValue("__vue__.$destroy",c)&&c.__vue__.$destroy(),c.innerHTML&&(c.innerHTML="")}delete this.templateCollection[s]}}},s.prototype.setProperties=function(e,t){var n=this;this.ej2Instances&&this.ej2Instances._setProperties&&this.ej2Instances._setProperties(e,t),e&&this.models&&this.models.length&&Object.keys(e).map(function(t){n.models.map(function(o){t!==o||/datasource/i.test(t)||n.$emit("update:"+t,e[t])})})},s.prototype.trigger=function(e,t,o){if("change"!==e&&"input"!==e||!this.models||0===this.models.length){if("actionBegin"===e&&"dateNavigate"===t.requestType&&this.models&&0!==this.models.length){r=(s=this.models.toString().match(/currentView|selectedDate/)||[])[0];t&&s&&!n.isUndefined(t[r])&&(this.$emit("update:"+r,t[r]),this.$emit("modelchanged",t[r]))}}else{var s,r=(s=this.models.toString().match(/checked|value/)||[])[0];t&&s&&!n.isUndefined(t[r])&&(this.$emit("update:"+r,t[r]),this.$emit("modelchanged",t[r]))}this.ej2Instances&&this.ej2Instances._trigger&&this.ej2Instances._trigger(e,t,o)},s.prototype.render=function(e){return e("input",this.$slots.default)},s.prototype.custom=function(){this.updated()},s.prototype.decrement=function(e){return this.ej2Instances.decrement(e)},s.prototype.focusIn=function(){return this.ej2Instances.focusIn()},s.prototype.focusOut=function(){return this.ej2Instances.focusOut()},s.prototype.getText=function(){return this.ej2Instances.getText()},s.prototype.increment=function(e){return this.ej2Instances.increment(e)},s=d([o.EJComponentDecorator({props:h,model:{event:"modelchanged"}})],s)}(o.ComponentBase),g={name:"ejs-numerictextbox",install:function(e){e.component(g.name,m)}},y=function(){var e=function(t,n){return(e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])})(t,n)};return function(t,n){function o(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(o.prototype=n.prototype,new o)}}(),j=function(e,t,n,o){var s,r=arguments.length,i=r<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,n):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(e,t,n,o);else for(var a=e.length-1;a>=0;a--)(s=e[a])&&(i=(r<3?s(i):r>3?s(t,n,i):s(t,n))||i);return r>3&&i&&Object.defineProperty(t,n,i),i},_=["isLazyUpdate","plugins","cssClass","customCharacters","enablePersistence","enableRtl","enabled","floatLabelType","htmlAttributes","locale","mask","placeholder","promptChar","readonly","showClearButton","value","width","blur","change","created","destroyed","focus"],v=["value"],I=function(e){function s(){var n=e.call(this,arguments)||this;return n.propKeys=_,n.models=v,n.hasChildDirective=!1,n.hasInjectedModules=!1,n.tagMapper={},n.tagNameMapper={},n.ej2Instances=new t.MaskedTextBox({}),n.ej2Instances._trigger=n.ej2Instances.trigger,n.ej2Instances.trigger=n.trigger,n.bindProperties(),n.ej2Instances._setProperties=n.ej2Instances.setProperties,n.ej2Instances.setProperties=n.setProperties,n.ej2Instances.clearTemplate=n.clearTemplate,n.updated=n.updated,n}return y(s,e),s.prototype.clearTemplate=function(e){if(e||(e=Object.keys(this.templateCollection||{})),e.length&&this.templateCollection)for(var t=0,o=e;t<o.length;t++){var s=o[t],r=this.templateCollection[s];if(r&&r.length){for(var i=0,a=r;i<a.length;i++){var c=a[i];n.getValue("__vue__.$destroy",c)&&c.__vue__.$destroy(),c.innerHTML&&(c.innerHTML="")}delete this.templateCollection[s]}}},s.prototype.setProperties=function(e,t){var n=this;this.ej2Instances&&this.ej2Instances._setProperties&&this.ej2Instances._setProperties(e,t),e&&this.models&&this.models.length&&Object.keys(e).map(function(t){n.models.map(function(o){t!==o||/datasource/i.test(t)||n.$emit("update:"+t,e[t])})})},s.prototype.trigger=function(e,t,o){if("change"!==e&&"input"!==e||!this.models||0===this.models.length){if("actionBegin"===e&&"dateNavigate"===t.requestType&&this.models&&0!==this.models.length){r=(s=this.models.toString().match(/currentView|selectedDate/)||[])[0];t&&s&&!n.isUndefined(t[r])&&(this.$emit("update:"+r,t[r]),this.$emit("modelchanged",t[r]))}}else{var s,r=(s=this.models.toString().match(/checked|value/)||[])[0];t&&s&&!n.isUndefined(t[r])&&(this.$emit("update:"+r,t[r]),this.$emit("modelchanged",t[r]))}this.ej2Instances&&this.ej2Instances._trigger&&this.ej2Instances._trigger(e,t,o)},s.prototype.render=function(e){return e("input",this.$slots.default)},s.prototype.custom=function(){this.updated()},s.prototype.focusIn=function(){return this.ej2Instances.focusIn()},s.prototype.focusOut=function(){return this.ej2Instances.focusOut()},s.prototype.getMaskedValue=function(){return this.ej2Instances.getMaskedValue()},s=j([o.EJComponentDecorator({props:_,model:{event:"modelchanged"}})],s)}(o.ComponentBase),b={name:"ejs-maskedtextbox",install:function(e){e.component(b.name,I)}},P=function(){var e=function(t,n){return(e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])})(t,n)};return function(t,n){function o(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(o.prototype=n.prototype,new o)}}(),O=function(e,t,n,o){var s,r=arguments.length,i=r<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,n):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(e,t,n,o);else for(var a=e.length-1;a>=0;a--)(s=e[a])&&(i=(r<3?s(i):r>3?s(t,n,i):s(t,n))||i);return r>3&&i&&Object.defineProperty(t,n,i),i},C=["isLazyUpdate","plugins","colorRange","cssClass","customValues","enableAnimation","enableHtmlSanitizer","enablePersistence","enableRtl","enabled","limits","locale","max","min","orientation","readonly","showButtons","step","ticks","tooltip","type","value","width","change","changed","created","renderedTicks","renderingTicks","tooltipChange"],T=["value"],w=function(e){function s(){var n=e.call(this,arguments)||this;return n.propKeys=C,n.models=T,n.hasChildDirective=!1,n.hasInjectedModules=!1,n.tagMapper={},n.tagNameMapper={},n.ej2Instances=new t.Slider({}),n.ej2Instances._trigger=n.ej2Instances.trigger,n.ej2Instances.trigger=n.trigger,n.bindProperties(),n.ej2Instances._setProperties=n.ej2Instances.setProperties,n.ej2Instances.setProperties=n.setProperties,n.ej2Instances.clearTemplate=n.clearTemplate,n.updated=n.updated,n}return P(s,e),s.prototype.clearTemplate=function(e){if(e||(e=Object.keys(this.templateCollection||{})),e.length&&this.templateCollection)for(var t=0,o=e;t<o.length;t++){var s=o[t],r=this.templateCollection[s];if(r&&r.length){for(var i=0,a=r;i<a.length;i++){var c=a[i];n.getValue("__vue__.$destroy",c)&&c.__vue__.$destroy(),c.innerHTML&&(c.innerHTML="")}delete this.templateCollection[s]}}},s.prototype.setProperties=function(e,t){var n=this;this.ej2Instances&&this.ej2Instances._setProperties&&this.ej2Instances._setProperties(e,t),e&&this.models&&this.models.length&&Object.keys(e).map(function(t){n.models.map(function(o){t!==o||/datasource/i.test(t)||n.$emit("update:"+t,e[t])})})},s.prototype.trigger=function(e,t,o){if("change"!==e&&"input"!==e||!this.models||0===this.models.length){if("actionBegin"===e&&"dateNavigate"===t.requestType&&this.models&&0!==this.models.length){r=(s=this.models.toString().match(/currentView|selectedDate/)||[])[0];t&&s&&!n.isUndefined(t[r])&&(this.$emit("update:"+r,t[r]),this.$emit("modelchanged",t[r]))}}else{var s,r=(s=this.models.toString().match(/checked|value/)||[])[0];t&&s&&!n.isUndefined(t[r])&&(this.$emit("update:"+r,t[r]),this.$emit("modelchanged",t[r]))}this.ej2Instances&&this.ej2Instances._trigger&&this.ej2Instances._trigger(e,t,o)},s.prototype.render=function(e){return e("div",this.$slots.default)},s.prototype.custom=function(){this.updated()},s.prototype.reposition=function(){return this.ej2Instances.reposition()},s.prototype.setTooltip=function(e){return this.ej2Instances.setTooltip(e)},s=O([o.EJComponentDecorator({props:C,model:{event:"modelchanged"}})],s)}(o.ComponentBase),$={name:"ejs-slider",install:function(e){e.component($.name,w)}},M=function(){var e=function(t,n){return(e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])})(t,n)};return function(t,n){function o(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(o.prototype=n.prototype,new o)}}(),k=function(e,t,n,o){var s,r=arguments.length,i=r<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,n):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(e,t,n,o);else for(var a=e.length-1;a>=0;a--)(s=e[a])&&(i=(r<3?s(i):r>3?s(t,n,i):s(t,n))||i);return r>3&&i&&Object.defineProperty(t,n,i),i},R=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return M(t,e),t.prototype.render=function(){},t=k([o.EJComponentDecorator({})],t)}(s),D={name:"e-files",install:function(e){e.component(D.name,R)}},B=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return M(t,e),t.prototype.render=function(){},t=k([o.EJComponentDecorator({})],t)}(s),S={name:"e-uploadedfiles",install:function(e){e.component(S.name,B)}},x=function(){var e=function(t,n){return(e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])})(t,n)};return function(t,n){function o(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(o.prototype=n.prototype,new o)}}(),L=function(e,t,n,o){var s,r=arguments.length,i=r<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,n):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(e,t,n,o);else for(var a=e.length-1;a>=0;a--)(s=e[a])&&(i=(r<3?s(i):r>3?s(t,n,i):s(t,n))||i);return r>3&&i&&Object.defineProperty(t,n,i),i},U=["isLazyUpdate","plugins","allowedExtensions","asyncSettings","autoUpload","buttons","cssClass","directoryUpload","dropArea","dropEffect","enableHtmlSanitizer","enablePersistence","enableRtl","enabled","files","htmlAttributes","locale","maxFileSize","minFileSize","multiple","sequentialUpload","showFileList","template","actionComplete","beforeRemove","beforeUpload","canceling","change","chunkFailure","chunkSuccess","chunkUploading","clearing","created","failure","fileListRendering","pausing","progress","removing","rendering","resuming","selected","success","uploading"],A=[],V=function(e){function s(){var n=e.call(this,arguments)||this;return n.propKeys=U,n.models=A,n.hasChildDirective=!0,n.hasInjectedModules=!1,n.tagMapper={"e-files":"e-uploadedfiles"},n.tagNameMapper={},n.ej2Instances=new t.Uploader({}),n.bindProperties(),n.ej2Instances._setProperties=n.ej2Instances.setProperties,n.ej2Instances.setProperties=n.setProperties,n.ej2Instances.clearTemplate=n.clearTemplate,n.updated=n.updated,n}return x(s,e),s.prototype.clearTemplate=function(e){if(e||(e=Object.keys(this.templateCollection||{})),e.length&&this.templateCollection)for(var t=0,o=e;t<o.length;t++){var s=o[t],r=this.templateCollection[s];if(r&&r.length){for(var i=0,a=r;i<a.length;i++){var c=a[i];n.getValue("__vue__.$destroy",c)&&c.__vue__.$destroy(),c.innerHTML&&(c.innerHTML="")}delete this.templateCollection[s]}}},s.prototype.setProperties=function(e,t){var n=this;this.ej2Instances&&this.ej2Instances._setProperties&&this.ej2Instances._setProperties(e,t),e&&this.models&&this.models.length&&Object.keys(e).map(function(t){n.models.map(function(o){t!==o||/datasource/i.test(t)||n.$emit("update:"+t,e[t])})})},s.prototype.render=function(e){return e("input",this.$slots.default)},s.prototype.custom=function(){this.updated()},s.prototype.bytesToSize=function(e){return this.ej2Instances.bytesToSize(e)},s.prototype.cancel=function(e){return this.ej2Instances.cancel(e)},s.prototype.clearAll=function(){return this.ej2Instances.clearAll()},s.prototype.createFileList=function(e,t){return this.ej2Instances.createFileList(e,t)},s.prototype.getFilesData=function(e){return this.ej2Instances.getFilesData(e)},s.prototype.pause=function(e,t){return this.ej2Instances.pause(e,t)},s.prototype.remove=function(e,t,n,o,s){return this.ej2Instances.remove(e,t,n,o,s)},s.prototype.resume=function(e,t){return this.ej2Instances.resume(e,t)},s.prototype.retry=function(e,t,n){return this.ej2Instances.retry(e,t,n)},s.prototype.sortFileList=function(e){return this.ej2Instances.sortFileList(e)},s.prototype.traverseFileTree=function(e,t){return this.ej2Instances.traverseFileTree(e,t)},s.prototype.upload=function(e,t){return this.ej2Instances.upload(e,t)},s=L([o.EJComponentDecorator({props:U})],s)}(o.ComponentBase),H={name:"ejs-uploader",install:function(e){e.component(H.name,V),e.component(S.name,B),e.component(D.name,R)}},N=function(){var e=function(t,n){return(e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])})(t,n)};return function(t,n){function o(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(o.prototype=n.prototype,new o)}}(),z=function(e,t,n,o){var s,r=arguments.length,i=r<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,n):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(e,t,n,o);else for(var a=e.length-1;a>=0;a--)(s=e[a])&&(i=(r<3?s(i):r>3?s(t,n,i):s(t,n))||i);return r>3&&i&&Object.defineProperty(t,n,i),i},F=["isLazyUpdate","plugins","columns","createPopupOnClick","cssClass","disabled","enableOpacity","enablePersistence","enableRtl","inline","locale","mode","modeSwitcher","noColor","presetColors","showButtons","value","beforeClose","beforeModeSwitch","beforeOpen","beforeTileRender","change","created","onModeSwitch","open","select"],E=["value"],q=function(e){function s(){var n=e.call(this,arguments)||this;return n.propKeys=F,n.models=E,n.hasChildDirective=!1,n.hasInjectedModules=!1,n.tagMapper={},n.tagNameMapper={},n.ej2Instances=new t.ColorPicker({}),n.ej2Instances._trigger=n.ej2Instances.trigger,n.ej2Instances.trigger=n.trigger,n.bindProperties(),n.ej2Instances._setProperties=n.ej2Instances.setProperties,n.ej2Instances.setProperties=n.setProperties,n.ej2Instances.clearTemplate=n.clearTemplate,n.updated=n.updated,n}return N(s,e),s.prototype.clearTemplate=function(e){if(e||(e=Object.keys(this.templateCollection||{})),e.length&&this.templateCollection)for(var t=0,o=e;t<o.length;t++){var s=o[t],r=this.templateCollection[s];if(r&&r.length){for(var i=0,a=r;i<a.length;i++){var c=a[i];n.getValue("__vue__.$destroy",c)&&c.__vue__.$destroy(),c.innerHTML&&(c.innerHTML="")}delete this.templateCollection[s]}}},s.prototype.setProperties=function(e,t){var n=this;this.ej2Instances&&this.ej2Instances._setProperties&&this.ej2Instances._setProperties(e,t),e&&this.models&&this.models.length&&Object.keys(e).map(function(t){n.models.map(function(o){t!==o||/datasource/i.test(t)||n.$emit("update:"+t,e[t])})})},s.prototype.trigger=function(e,t,o){if("change"!==e&&"input"!==e||!this.models||0===this.models.length){if("actionBegin"===e&&"dateNavigate"===t.requestType&&this.models&&0!==this.models.length){r=(s=this.models.toString().match(/currentView|selectedDate/)||[])[0];t&&s&&!n.isUndefined(t[r])&&(this.$emit("update:"+r,t[r]),this.$emit("modelchanged",t[r]))}}else{var s,r=(s=this.models.toString().match(/checked|value/)||[])[0];t&&s&&!n.isUndefined(t[r])&&(this.$emit("update:"+r,t[r]),this.$emit("modelchanged",t[r]))}this.ej2Instances&&this.ej2Instances._trigger&&this.ej2Instances._trigger(e,t,o)},s.prototype.render=function(e){return e("input",this.$slots.default)},s.prototype.custom=function(){this.updated()},s.prototype.focusIn=function(){return this.ej2Instances.focusIn()},s.prototype.getValue=function(e,t){return this.ej2Instances.getValue(e,t)},s.prototype.toggle=function(){return this.ej2Instances.toggle()},s=z([o.EJComponentDecorator({props:F,model:{event:"modelchanged"}})],s)}(o.ComponentBase),J={name:"ejs-colorpicker",install:function(e){e.component(J.name,q)}},K=function(){var e=function(t,n){return(e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])})(t,n)};return function(t,n){function o(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(o.prototype=n.prototype,new o)}}(),W=function(e,t,n,o){var s,r=arguments.length,i=r<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,n):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(e,t,n,o);else for(var a=e.length-1;a>=0;a--)(s=e[a])&&(i=(r<3?s(i):r>3?s(t,n,i):s(t,n))||i);return r>3&&i&&Object.defineProperty(t,n,i),i},G=["isLazyUpdate","plugins","backgroundColor","backgroundImage","disabled","enablePersistence","enableRtl","isReadOnly","locale","maxStrokeWidth","minStrokeWidth","saveWithBackground","strokeColor","velocity","beforeSave","change","created"],Q=[],X=function(e){function s(){var n=e.call(this,arguments)||this;return n.propKeys=G,n.models=Q,n.hasChildDirective=!1,n.hasInjectedModules=!1,n.tagMapper={},n.tagNameMapper={},n.ej2Instances=new t.Signature({}),n.bindProperties(),n.ej2Instances._setProperties=n.ej2Instances.setProperties,n.ej2Instances.setProperties=n.setProperties,n.ej2Instances.clearTemplate=n.clearTemplate,n.updated=n.updated,n}return K(s,e),s.prototype.clearTemplate=function(e){if(e||(e=Object.keys(this.templateCollection||{})),e.length&&this.templateCollection)for(var t=0,o=e;t<o.length;t++){var s=o[t],r=this.templateCollection[s];if(r&&r.length){for(var i=0,a=r;i<a.length;i++){var c=a[i];n.getValue("__vue__.$destroy",c)&&c.__vue__.$destroy(),c.innerHTML&&(c.innerHTML="")}delete this.templateCollection[s]}}},s.prototype.setProperties=function(e,t){var n=this;this.ej2Instances&&this.ej2Instances._setProperties&&this.ej2Instances._setProperties(e,t),e&&this.models&&this.models.length&&Object.keys(e).map(function(t){n.models.map(function(o){t!==o||/datasource/i.test(t)||n.$emit("update:"+t,e[t])})})},s.prototype.render=function(e){return e("canvas",this.$slots.default)},s.prototype.custom=function(){this.updated()},s.prototype.canRedo=function(){return this.ej2Instances.canRedo()},s.prototype.canUndo=function(){return this.ej2Instances.canUndo()},s.prototype.clear=function(){return this.ej2Instances.clear()},s.prototype.draw=function(e,t,n){return this.ej2Instances.draw(e,t,n)},s.prototype.getBlob=function(e){return this.ej2Instances.getBlob(e)},s.prototype.initialize=function(){return this.ej2Instances.initialize()},s.prototype.isEmpty=function(){return this.ej2Instances.isEmpty()},s.prototype.load=function(e,t,n){return this.ej2Instances.load(e,t,n)},s.prototype.redo=function(){return this.ej2Instances.redo()},s.prototype.save=function(e,t){return this.ej2Instances.save(e,t)},s.prototype.saveAsBlob=function(){return this.ej2Instances.saveAsBlob()},s.prototype.undo=function(){return this.ej2Instances.undo()},s=W([o.EJComponentDecorator({props:G})],s)}(o.ComponentBase),Y={name:"ejs-signature",install:function(e){e.component(Y.name,X)}},Z=function(){var e=function(t,n){return(e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])})(t,n)};return function(t,n){function o(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(o.prototype=n.prototype,new o)}}(),ee=function(e,t,n,o){var s,r=arguments.length,i=r<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,n):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(e,t,n,o);else for(var a=e.length-1;a>=0;a--)(s=e[a])&&(i=(r<3?s(i):r>3?s(t,n,i):s(t,n))||i);return r>3&&i&&Object.defineProperty(t,n,i),i},te=["isLazyUpdate","plugins","allowReset","cssClass","disabled","emptyTemplate","enableAnimation","enablePersistence","enableRtl","enableSingleSelection","fullTemplate","itemsCount","labelPosition","labelTemplate","locale","min","precision","readOnly","showLabel","showTooltip","tooltipTemplate","value","visible","beforeItemRender","created","onItemHover","valueChanged"],ne=["value"],oe=function(e){function s(){var n=e.call(this,arguments)||this;return n.propKeys=te,n.models=ne,n.hasChildDirective=!1,n.hasInjectedModules=!1,n.tagMapper={},n.tagNameMapper={},n.ej2Instances=new t.Rating({}),n.ej2Instances._trigger=n.ej2Instances.trigger,n.ej2Instances.trigger=n.trigger,n.bindProperties(),n.ej2Instances._setProperties=n.ej2Instances.setProperties,n.ej2Instances.setProperties=n.setProperties,n.ej2Instances.clearTemplate=n.clearTemplate,n.updated=n.updated,n}return Z(s,e),s.prototype.clearTemplate=function(e){if(e||(e=Object.keys(this.templateCollection||{})),e.length&&this.templateCollection)for(var t=0,o=e;t<o.length;t++){var s=o[t],r=this.templateCollection[s];if(r&&r.length){for(var i=0,a=r;i<a.length;i++){var c=a[i];n.getValue("__vue__.$destroy",c)&&c.__vue__.$destroy(),c.innerHTML&&(c.innerHTML="")}delete this.templateCollection[s]}}},s.prototype.setProperties=function(e,t){var n=this;this.ej2Instances&&this.ej2Instances._setProperties&&this.ej2Instances._setProperties(e,t),e&&this.models&&this.models.length&&Object.keys(e).map(function(t){n.models.map(function(o){t!==o||/datasource/i.test(t)||n.$emit("update:"+t,e[t])})})},s.prototype.trigger=function(e,t,o){if("change"!==e&&"input"!==e||!this.models||0===this.models.length){if("actionBegin"===e&&"dateNavigate"===t.requestType&&this.models&&0!==this.models.length){r=(s=this.models.toString().match(/currentView|selectedDate/)||[])[0];t&&s&&!n.isUndefined(t[r])&&(this.$emit("update:"+r,t[r]),this.$emit("modelchanged",t[r]))}}else{var s,r=(s=this.models.toString().match(/checked|value/)||[])[0];t&&s&&!n.isUndefined(t[r])&&(this.$emit("update:"+r,t[r]),this.$emit("modelchanged",t[r]))}this.ej2Instances&&this.ej2Instances._trigger&&this.ej2Instances._trigger(e,t,o)},s.prototype.render=function(e){return e("input",this.$slots.default)},s.prototype.custom=function(){this.updated()},s.prototype.reset=function(){return this.ej2Instances.reset()},s=ee([o.EJComponentDecorator({props:te,model:{event:"modelchanged"}})],s)}(o.ComponentBase),se={name:"ejs-rating",install:function(e){e.component(se.name,oe)}};e.TextBoxComponent=l,e.TextBoxPlugin=p,e.NumericTextBoxComponent=m,e.NumericTextBoxPlugin=g,e.MaskedTextBoxComponent=I,e.MaskedTextBoxPlugin=b,e.SliderComponent=w,e.SliderPlugin=$,e.FilesDirective=R,e.UploadedFilesDirective=B,e.FilesPlugin=D,e.UploadedFilesPlugin=S,e.UploaderComponent=V,e.UploaderPlugin=H,e.ColorPickerComponent=q,e.ColorPickerPlugin=J,e.SignatureComponent=X,e.SignaturePlugin=Y,e.RatingComponent=oe,e.RatingPlugin=se,Object.keys(t).forEach(function(n){e[n]=t[n]}),Object.defineProperty(e,"__esModule",{value:!0})});
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@syncfusion/ej2-inputs"),require("@syncfusion/ej2-vue-base"),require("@syncfusion/ej2-base")):"function"==typeof define&&define.amd?define(["exports","@syncfusion/ej2-inputs","@syncfusion/ej2-vue-base","@syncfusion/ej2-base"],t):t(e.ej={},e.ej2Inputs,e.ej2VueBase,e.ej2Base)}(this,function(e,t,s,n){"use strict";var i=["isLazyUpdate","plugins","autocomplete","cssClass","enablePersistence","enableRtl","enabled","floatLabelType","htmlAttributes","locale","multiline","placeholder","readonly","showClearButton","type","value","width","blur","change","created","destroyed","focus","input"],a=["value"],o=s.getProps({props:i}),r=o[0],l=o[1],c=Object.keys(l);c.push("modelchanged","update:modelValue");for(var u=0,h=a;u<h.length;u++){var d=h[u];c.push("update:"+d)}var m=s.vueDefineComponent({name:"TextBoxComponent",mixins:[s.ComponentBase],props:r,watch:l,emits:c,model:{event:"modelchanged"},provide:function(){return{custom:this.custom}},data:function(){return{ej2Instances:new t.TextBox({}),propKeys:i,models:a,hasChildDirective:!1,hasInjectedModules:!1,tagMapper:{},tagNameMapper:{},isVue3:!s.isExecute,templateCollection:{}}},created:function(){this.ej2Instances._trigger=this.ej2Instances.trigger,this.ej2Instances.trigger=this.trigger,this.bindProperties(),this.ej2Instances._setProperties=this.ej2Instances.setProperties,this.ej2Instances.setProperties=this.setProperties,this.ej2Instances.clearTemplate=this.clearTemplate,this.updated=this.updated},render:function(e){var t=s.isExecute?e:s.gh,i=null;return n.isNullOrUndefined(this.$slots.default)||(i=s.isExecute?this.$slots.default:this.$slots.default()),t("input",i)},methods:{clearTemplate:function(e){if(e||(e=Object.keys(this.templateCollection||{})),e.length&&this.templateCollection)for(var t=0,s=e;t<s.length;t++){var i=s[t],a=this.templateCollection[i];if(a&&a.length){for(var o=0,r=a;o<r.length;o++){var l=r[o];n.getValue("__vue__.$destroy",l)&&l.__vue__.$destroy(),l.innerHTML&&(l.innerHTML="")}delete this.templateCollection[i]}}},setProperties:function(e,t){var s=this;this.isVue3&&(this.models=this.models?this.models:this.ej2Instances.referModels),this.ej2Instances&&this.ej2Instances._setProperties&&this.ej2Instances._setProperties(e,t),e&&this.models&&this.models.length&&Object.keys(e).map(function(t){s.models.map(function(n){t!==n||/datasource/i.test(t)||(s.isVue3?s.ej2Instances.vueInstance.$emit("update:"+t,e[t]):(s.$emit("update:"+t,e[t]),s.$emit("modelchanged",e[t])))})})},trigger:function(e,t,i){if(s.isExecute||(this.models=this.models?this.models:this.ej2Instances.referModels),"change"!==e&&"input"!==e||!this.models||0===this.models.length){if("actionBegin"===e&&"dateNavigate"===t.requestType&&this.models&&0!==this.models.length){o=(a=this.models.toString().match(/currentView|selectedDate/)||[])[0];t&&a&&!n.isUndefined(t[o])&&(s.isExecute?(this.$emit("update:"+o,t[o]),this.$emit("modelchanged",t[o])):(this.ej2Instances.vueInstance.$emit("update:"+o,t[o]),this.ej2Instances.vueInstance.$emit("modelchanged",t[o])))}}else{var a,o=(a=this.models.toString().match(/checked|value/)||[])[0];t&&a&&!n.isUndefined(t[o])&&(s.isExecute?("change"===e||this.$props&&!this.$props.isLazyUpdate)&&(this.$emit("update:"+o,t[o]),this.$emit("modelchanged",t[o])):(this.ej2Instances.vueInstance.$emit("update:"+o,t[o]),this.ej2Instances.vueInstance.$emit("modelchanged",t[o]),this.ej2Instances.vueInstance.$emit("update:modelValue",t[o])))}this.ej2Instances&&this.ej2Instances._trigger&&this.ej2Instances._trigger(e,t,i)},custom:function(){this.updated()},addAttributes:function(e){return this.ej2Instances.addAttributes(e)},addIcon:function(e,t){return this.ej2Instances.addIcon(e,t)},focusIn:function(){return this.ej2Instances.focusIn()},focusOut:function(){return this.ej2Instances.focusOut()},removeAttributes:function(e){return this.ej2Instances.removeAttributes(e)}}}),p={name:"ejs-textbox",install:function(e){e.component(p.name,m)}},g=["isLazyUpdate","plugins","cssClass","currency","currencyCode","decimals","enablePersistence","enableRtl","enabled","floatLabelType","format","htmlAttributes","locale","max","min","placeholder","readonly","showClearButton","showSpinButton","step","strictMode","validateDecimalOnType","value","width","blur","change","created","destroyed","focus"],f=["value"],I=s.getProps({props:g}),j=I[0],v=I[1],$=Object.keys(v);$.push("modelchanged","update:modelValue");for(var C=0,_=f;C<_.length;C++){var b=_[C];$.push("update:"+b)}var y=s.vueDefineComponent({name:"NumericTextBoxComponent",mixins:[s.ComponentBase],props:j,watch:v,emits:$,model:{event:"modelchanged"},provide:function(){return{custom:this.custom}},data:function(){return{ej2Instances:new t.NumericTextBox({}),propKeys:g,models:f,hasChildDirective:!1,hasInjectedModules:!1,tagMapper:{},tagNameMapper:{},isVue3:!s.isExecute,templateCollection:{}}},created:function(){this.ej2Instances._trigger=this.ej2Instances.trigger,this.ej2Instances.trigger=this.trigger,this.bindProperties(),this.ej2Instances._setProperties=this.ej2Instances.setProperties,this.ej2Instances.setProperties=this.setProperties,this.ej2Instances.clearTemplate=this.clearTemplate,this.updated=this.updated},render:function(e){var t=s.isExecute?e:s.gh,i=null;return n.isNullOrUndefined(this.$slots.default)||(i=s.isExecute?this.$slots.default:this.$slots.default()),t("input",i)},methods:{clearTemplate:function(e){if(e||(e=Object.keys(this.templateCollection||{})),e.length&&this.templateCollection)for(var t=0,s=e;t<s.length;t++){var i=s[t],a=this.templateCollection[i];if(a&&a.length){for(var o=0,r=a;o<r.length;o++){var l=r[o];n.getValue("__vue__.$destroy",l)&&l.__vue__.$destroy(),l.innerHTML&&(l.innerHTML="")}delete this.templateCollection[i]}}},setProperties:function(e,t){var s=this;this.isVue3&&(this.models=this.models?this.models:this.ej2Instances.referModels),this.ej2Instances&&this.ej2Instances._setProperties&&this.ej2Instances._setProperties(e,t),e&&this.models&&this.models.length&&Object.keys(e).map(function(t){s.models.map(function(n){t!==n||/datasource/i.test(t)||(s.isVue3?s.ej2Instances.vueInstance.$emit("update:"+t,e[t]):(s.$emit("update:"+t,e[t]),s.$emit("modelchanged",e[t])))})})},trigger:function(e,t,i){if(s.isExecute||(this.models=this.models?this.models:this.ej2Instances.referModels),"change"!==e&&"input"!==e||!this.models||0===this.models.length){if("actionBegin"===e&&"dateNavigate"===t.requestType&&this.models&&0!==this.models.length){o=(a=this.models.toString().match(/currentView|selectedDate/)||[])[0];t&&a&&!n.isUndefined(t[o])&&(s.isExecute?(this.$emit("update:"+o,t[o]),this.$emit("modelchanged",t[o])):(this.ej2Instances.vueInstance.$emit("update:"+o,t[o]),this.ej2Instances.vueInstance.$emit("modelchanged",t[o])))}}else{var a,o=(a=this.models.toString().match(/checked|value/)||[])[0];t&&a&&!n.isUndefined(t[o])&&(s.isExecute?("change"===e||this.$props&&!this.$props.isLazyUpdate)&&(this.$emit("update:"+o,t[o]),this.$emit("modelchanged",t[o])):(this.ej2Instances.vueInstance.$emit("update:"+o,t[o]),this.ej2Instances.vueInstance.$emit("modelchanged",t[o]),this.ej2Instances.vueInstance.$emit("update:modelValue",t[o])))}this.ej2Instances&&this.ej2Instances._trigger&&this.ej2Instances._trigger(e,t,i)},custom:function(){this.updated()},decrement:function(e){return this.ej2Instances.decrement(e)},focusIn:function(){return this.ej2Instances.focusIn()},focusOut:function(){return this.ej2Instances.focusOut()},getText:function(){return this.ej2Instances.getText()},increment:function(e){return this.ej2Instances.increment(e)}}}),P={name:"ejs-numerictextbox",install:function(e){e.component(P.name,y)}},x=["isLazyUpdate","plugins","cssClass","customCharacters","enablePersistence","enableRtl","enabled","floatLabelType","htmlAttributes","locale","mask","placeholder","promptChar","readonly","showClearButton","value","width","blur","change","created","destroyed","focus"],T=["value"],M=s.getProps({props:x}),V=M[0],k=M[1],E=Object.keys(k);E.push("modelchanged","update:modelValue");for(var U=0,O=T;U<O.length;U++){var w=O[U];E.push("update:"+w)}var L=s.vueDefineComponent({name:"MaskedTextBoxComponent",mixins:[s.ComponentBase],props:V,watch:k,emits:E,model:{event:"modelchanged"},provide:function(){return{custom:this.custom}},data:function(){return{ej2Instances:new t.MaskedTextBox({}),propKeys:x,models:T,hasChildDirective:!1,hasInjectedModules:!1,tagMapper:{},tagNameMapper:{},isVue3:!s.isExecute,templateCollection:{}}},created:function(){this.ej2Instances._trigger=this.ej2Instances.trigger,this.ej2Instances.trigger=this.trigger,this.bindProperties(),this.ej2Instances._setProperties=this.ej2Instances.setProperties,this.ej2Instances.setProperties=this.setProperties,this.ej2Instances.clearTemplate=this.clearTemplate,this.updated=this.updated},render:function(e){var t=s.isExecute?e:s.gh,i=null;return n.isNullOrUndefined(this.$slots.default)||(i=s.isExecute?this.$slots.default:this.$slots.default()),t("input",i)},methods:{clearTemplate:function(e){if(e||(e=Object.keys(this.templateCollection||{})),e.length&&this.templateCollection)for(var t=0,s=e;t<s.length;t++){var i=s[t],a=this.templateCollection[i];if(a&&a.length){for(var o=0,r=a;o<r.length;o++){var l=r[o];n.getValue("__vue__.$destroy",l)&&l.__vue__.$destroy(),l.innerHTML&&(l.innerHTML="")}delete this.templateCollection[i]}}},setProperties:function(e,t){var s=this;this.isVue3&&(this.models=this.models?this.models:this.ej2Instances.referModels),this.ej2Instances&&this.ej2Instances._setProperties&&this.ej2Instances._setProperties(e,t),e&&this.models&&this.models.length&&Object.keys(e).map(function(t){s.models.map(function(n){t!==n||/datasource/i.test(t)||(s.isVue3?s.ej2Instances.vueInstance.$emit("update:"+t,e[t]):(s.$emit("update:"+t,e[t]),s.$emit("modelchanged",e[t])))})})},trigger:function(e,t,i){if(s.isExecute||(this.models=this.models?this.models:this.ej2Instances.referModels),"change"!==e&&"input"!==e||!this.models||0===this.models.length){if("actionBegin"===e&&"dateNavigate"===t.requestType&&this.models&&0!==this.models.length){o=(a=this.models.toString().match(/currentView|selectedDate/)||[])[0];t&&a&&!n.isUndefined(t[o])&&(s.isExecute?(this.$emit("update:"+o,t[o]),this.$emit("modelchanged",t[o])):(this.ej2Instances.vueInstance.$emit("update:"+o,t[o]),this.ej2Instances.vueInstance.$emit("modelchanged",t[o])))}}else{var a,o=(a=this.models.toString().match(/checked|value/)||[])[0];t&&a&&!n.isUndefined(t[o])&&(s.isExecute?("change"===e||this.$props&&!this.$props.isLazyUpdate)&&(this.$emit("update:"+o,t[o]),this.$emit("modelchanged",t[o])):(this.ej2Instances.vueInstance.$emit("update:"+o,t[o]),this.ej2Instances.vueInstance.$emit("modelchanged",t[o]),this.ej2Instances.vueInstance.$emit("update:modelValue",t[o])))}this.ej2Instances&&this.ej2Instances._trigger&&this.ej2Instances._trigger(e,t,i)},custom:function(){this.updated()},focusIn:function(){return this.ej2Instances.focusIn()},focusOut:function(){return this.ej2Instances.focusOut()},getMaskedValue:function(){return this.ej2Instances.getMaskedValue()}}}),B={name:"ejs-maskedtextbox",install:function(e){e.component(B.name,L)}},S=["isLazyUpdate","plugins","colorRange","cssClass","customValues","enableAnimation","enableHtmlSanitizer","enablePersistence","enableRtl","enabled","limits","locale","max","min","orientation","readonly","showButtons","step","ticks","tooltip","type","value","width","change","changed","created","renderedTicks","renderingTicks","tooltipChange"],D=["value"],N=s.getProps({props:S}),z=N[0],R=N[1],H=Object.keys(R);H.push("modelchanged","update:modelValue");for(var F=0,A=D;F<A.length;F++){var q=A[F];H.push("update:"+q)}var K=s.vueDefineComponent({name:"SliderComponent",mixins:[s.ComponentBase],props:z,watch:R,emits:H,model:{event:"modelchanged"},provide:function(){return{custom:this.custom}},data:function(){return{ej2Instances:new t.Slider({}),propKeys:S,models:D,hasChildDirective:!1,hasInjectedModules:!1,tagMapper:{},tagNameMapper:{},isVue3:!s.isExecute,templateCollection:{}}},created:function(){this.ej2Instances._trigger=this.ej2Instances.trigger,this.ej2Instances.trigger=this.trigger,this.bindProperties(),this.ej2Instances._setProperties=this.ej2Instances.setProperties,this.ej2Instances.setProperties=this.setProperties,this.ej2Instances.clearTemplate=this.clearTemplate,this.updated=this.updated},render:function(e){var t=s.isExecute?e:s.gh,i=null;return n.isNullOrUndefined(this.$slots.default)||(i=s.isExecute?this.$slots.default:this.$slots.default()),t("div",i)},methods:{clearTemplate:function(e){if(e||(e=Object.keys(this.templateCollection||{})),e.length&&this.templateCollection)for(var t=0,s=e;t<s.length;t++){var i=s[t],a=this.templateCollection[i];if(a&&a.length){for(var o=0,r=a;o<r.length;o++){var l=r[o];n.getValue("__vue__.$destroy",l)&&l.__vue__.$destroy(),l.innerHTML&&(l.innerHTML="")}delete this.templateCollection[i]}}},setProperties:function(e,t){var s=this;this.isVue3&&(this.models=this.models?this.models:this.ej2Instances.referModels),this.ej2Instances&&this.ej2Instances._setProperties&&this.ej2Instances._setProperties(e,t),e&&this.models&&this.models.length&&Object.keys(e).map(function(t){s.models.map(function(n){t!==n||/datasource/i.test(t)||(s.isVue3?s.ej2Instances.vueInstance.$emit("update:"+t,e[t]):(s.$emit("update:"+t,e[t]),s.$emit("modelchanged",e[t])))})})},trigger:function(e,t,i){if(s.isExecute||(this.models=this.models?this.models:this.ej2Instances.referModels),"change"!==e&&"input"!==e||!this.models||0===this.models.length){if("actionBegin"===e&&"dateNavigate"===t.requestType&&this.models&&0!==this.models.length){o=(a=this.models.toString().match(/currentView|selectedDate/)||[])[0];t&&a&&!n.isUndefined(t[o])&&(s.isExecute?(this.$emit("update:"+o,t[o]),this.$emit("modelchanged",t[o])):(this.ej2Instances.vueInstance.$emit("update:"+o,t[o]),this.ej2Instances.vueInstance.$emit("modelchanged",t[o])))}}else{var a,o=(a=this.models.toString().match(/checked|value/)||[])[0];t&&a&&!n.isUndefined(t[o])&&(s.isExecute?("change"===e||this.$props&&!this.$props.isLazyUpdate)&&(this.$emit("update:"+o,t[o]),this.$emit("modelchanged",t[o])):(this.ej2Instances.vueInstance.$emit("update:"+o,t[o]),this.ej2Instances.vueInstance.$emit("modelchanged",t[o]),this.ej2Instances.vueInstance.$emit("update:modelValue",t[o])))}this.ej2Instances&&this.ej2Instances._trigger&&this.ej2Instances._trigger(e,t,i)},custom:function(){this.updated()},reposition:function(){return this.ej2Instances.reposition()},setTooltip:function(e){return this.ej2Instances.setTooltip(e)}}}),W={name:"ejs-slider",install:function(e){e.component(W.name,K)}},G=s.vueDefineComponent({inject:{custom:{default:null}},render:function(e){if(!s.isExecute){var t=s.isExecute?e:s.gh,i=null;return n.isNullOrUndefined(this.$slots.default)||(i=s.isExecute?this.$slots.default:this.$slots.default()),t("div",{class:"e-directive"},i)}},updated:function(){!s.isExecute&&this.custom&&this.custom()},methods:{getTag:function(){return"e-files"}}}),J={name:"e-files",install:function(e){e.component(J.name,G)}},Q=s.vueDefineComponent({render:function(){},methods:{getTag:function(){return"e-uploadedfiles"}}}),X={name:"e-uploadedfiles",install:function(e){e.component(X.name,Q)}},Y=["isLazyUpdate","plugins","allowedExtensions","asyncSettings","autoUpload","buttons","cssClass","directoryUpload","dropArea","dropEffect","enableHtmlSanitizer","enablePersistence","enableRtl","enabled","files","htmlAttributes","locale","maxFileSize","minFileSize","multiple","sequentialUpload","showFileList","template","actionComplete","beforeRemove","beforeUpload","canceling","change","chunkFailure","chunkSuccess","chunkUploading","clearing","created","failure","fileListRendering","pausing","progress","removing","rendering","resuming","selected","success","uploading"],Z=[],ee=s.getProps({props:Y}),te=ee[0],se=ee[1],ne=Object.keys(se);ne.push("modelchanged","update:modelValue");for(var ie=0,ae=Z;ie<ae.length;ie++){var oe=ae[ie];ne.push("update:"+oe)}var re=s.vueDefineComponent({name:"UploaderComponent",mixins:[s.ComponentBase],props:te,watch:se,emits:ne,provide:function(){return{custom:this.custom}},data:function(){return{ej2Instances:new t.Uploader({}),propKeys:Y,models:Z,hasChildDirective:!0,hasInjectedModules:!1,tagMapper:{"e-files":"e-uploadedfiles"},tagNameMapper:{},isVue3:!s.isExecute,templateCollection:{}}},created:function(){this.bindProperties(),this.ej2Instances._setProperties=this.ej2Instances.setProperties,this.ej2Instances.setProperties=this.setProperties,this.ej2Instances.clearTemplate=this.clearTemplate,this.updated=this.updated},render:function(e){var t=s.isExecute?e:s.gh,i=null;return n.isNullOrUndefined(this.$slots.default)||(i=s.isExecute?this.$slots.default:this.$slots.default()),t("input",i)},methods:{clearTemplate:function(e){if(e||(e=Object.keys(this.templateCollection||{})),e.length&&this.templateCollection)for(var t=0,s=e;t<s.length;t++){var i=s[t],a=this.templateCollection[i];if(a&&a.length){for(var o=0,r=a;o<r.length;o++){var l=r[o];n.getValue("__vue__.$destroy",l)&&l.__vue__.$destroy(),l.innerHTML&&(l.innerHTML="")}delete this.templateCollection[i]}}},setProperties:function(e,t){var s=this;this.isVue3&&(this.models=this.models?this.models:this.ej2Instances.referModels),this.ej2Instances&&this.ej2Instances._setProperties&&this.ej2Instances._setProperties(e,t),e&&this.models&&this.models.length&&Object.keys(e).map(function(t){s.models.map(function(n){t!==n||/datasource/i.test(t)||(s.isVue3?s.ej2Instances.vueInstance.$emit("update:"+t,e[t]):(s.$emit("update:"+t,e[t]),s.$emit("modelchanged",e[t])))})})},custom:function(){this.updated()},bytesToSize:function(e){return this.ej2Instances.bytesToSize(e)},cancel:function(e){return this.ej2Instances.cancel(e)},clearAll:function(){return this.ej2Instances.clearAll()},createFileList:function(e,t){return this.ej2Instances.createFileList(e,t)},getFilesData:function(e){return this.ej2Instances.getFilesData(e)},pause:function(e,t){return this.ej2Instances.pause(e,t)},remove:function(e,t,s,n,i){return this.ej2Instances.remove(e,t,s,n,i)},resume:function(e,t){return this.ej2Instances.resume(e,t)},retry:function(e,t,s){return this.ej2Instances.retry(e,t,s)},sortFileList:function(e){return this.ej2Instances.sortFileList(e)},traverseFileTree:function(e,t){return this.ej2Instances.traverseFileTree(e,t)},upload:function(e,t){return this.ej2Instances.upload(e,t)}}}),le={name:"ejs-uploader",install:function(e){e.component(le.name,re),e.component(X.name,Q),e.component(J.name,G)}},ce=["isLazyUpdate","plugins","columns","createPopupOnClick","cssClass","disabled","enableOpacity","enablePersistence","enableRtl","inline","locale","mode","modeSwitcher","noColor","presetColors","showButtons","value","beforeClose","beforeModeSwitch","beforeOpen","beforeTileRender","change","created","onModeSwitch","open","select"],ue=["value"],he=s.getProps({props:ce}),de=he[0],me=he[1],pe=Object.keys(me);pe.push("modelchanged","update:modelValue");for(var ge=0,fe=ue;ge<fe.length;ge++){var Ie=fe[ge];pe.push("update:"+Ie)}var je=s.vueDefineComponent({name:"ColorPickerComponent",mixins:[s.ComponentBase],props:de,watch:me,emits:pe,model:{event:"modelchanged"},provide:function(){return{custom:this.custom}},data:function(){return{ej2Instances:new t.ColorPicker({}),propKeys:ce,models:ue,hasChildDirective:!1,hasInjectedModules:!1,tagMapper:{},tagNameMapper:{},isVue3:!s.isExecute,templateCollection:{}}},created:function(){this.ej2Instances._trigger=this.ej2Instances.trigger,this.ej2Instances.trigger=this.trigger,this.bindProperties(),this.ej2Instances._setProperties=this.ej2Instances.setProperties,this.ej2Instances.setProperties=this.setProperties,this.ej2Instances.clearTemplate=this.clearTemplate,this.updated=this.updated},render:function(e){var t=s.isExecute?e:s.gh,i=null;return n.isNullOrUndefined(this.$slots.default)||(i=s.isExecute?this.$slots.default:this.$slots.default()),t("input",i)},methods:{clearTemplate:function(e){if(e||(e=Object.keys(this.templateCollection||{})),e.length&&this.templateCollection)for(var t=0,s=e;t<s.length;t++){var i=s[t],a=this.templateCollection[i];if(a&&a.length){for(var o=0,r=a;o<r.length;o++){var l=r[o];n.getValue("__vue__.$destroy",l)&&l.__vue__.$destroy(),l.innerHTML&&(l.innerHTML="")}delete this.templateCollection[i]}}},setProperties:function(e,t){var s=this;this.isVue3&&(this.models=this.models?this.models:this.ej2Instances.referModels),this.ej2Instances&&this.ej2Instances._setProperties&&this.ej2Instances._setProperties(e,t),e&&this.models&&this.models.length&&Object.keys(e).map(function(t){s.models.map(function(n){t!==n||/datasource/i.test(t)||(s.isVue3?s.ej2Instances.vueInstance.$emit("update:"+t,e[t]):(s.$emit("update:"+t,e[t]),s.$emit("modelchanged",e[t])))})})},trigger:function(e,t,i){if(s.isExecute||(this.models=this.models?this.models:this.ej2Instances.referModels),"change"!==e&&"input"!==e||!this.models||0===this.models.length){if("actionBegin"===e&&"dateNavigate"===t.requestType&&this.models&&0!==this.models.length){o=(a=this.models.toString().match(/currentView|selectedDate/)||[])[0];t&&a&&!n.isUndefined(t[o])&&(s.isExecute?(this.$emit("update:"+o,t[o]),this.$emit("modelchanged",t[o])):(this.ej2Instances.vueInstance.$emit("update:"+o,t[o]),this.ej2Instances.vueInstance.$emit("modelchanged",t[o])))}}else{var a,o=(a=this.models.toString().match(/checked|value/)||[])[0];t&&a&&!n.isUndefined(t[o])&&(s.isExecute?("change"===e||this.$props&&!this.$props.isLazyUpdate)&&(this.$emit("update:"+o,t[o]),this.$emit("modelchanged",t[o])):(this.ej2Instances.vueInstance.$emit("update:"+o,t[o]),this.ej2Instances.vueInstance.$emit("modelchanged",t[o]),this.ej2Instances.vueInstance.$emit("update:modelValue",t[o])))}this.ej2Instances&&this.ej2Instances._trigger&&this.ej2Instances._trigger(e,t,i)},custom:function(){this.updated()},focusIn:function(){return this.ej2Instances.focusIn()},getValue:function(e,t){return this.ej2Instances.getValue(e,t)},toggle:function(){return this.ej2Instances.toggle()}}}),ve={name:"ejs-colorpicker",install:function(e){e.component(ve.name,je)}},$e=["isLazyUpdate","plugins","backgroundColor","backgroundImage","disabled","enablePersistence","enableRtl","isReadOnly","locale","maxStrokeWidth","minStrokeWidth","saveWithBackground","strokeColor","velocity","beforeSave","change","created"],Ce=[],_e=s.getProps({props:$e}),be=_e[0],ye=_e[1],Pe=Object.keys(ye);Pe.push("modelchanged","update:modelValue");for(var xe=0,Te=Ce;xe<Te.length;xe++){var Me=Te[xe];Pe.push("update:"+Me)}var Ve=s.vueDefineComponent({name:"SignatureComponent",mixins:[s.ComponentBase],props:be,watch:ye,emits:Pe,provide:function(){return{custom:this.custom}},data:function(){return{ej2Instances:new t.Signature({}),propKeys:$e,models:Ce,hasChildDirective:!1,hasInjectedModules:!1,tagMapper:{},tagNameMapper:{},isVue3:!s.isExecute,templateCollection:{}}},created:function(){this.bindProperties(),this.ej2Instances._setProperties=this.ej2Instances.setProperties,this.ej2Instances.setProperties=this.setProperties,this.ej2Instances.clearTemplate=this.clearTemplate,this.updated=this.updated},render:function(e){var t=s.isExecute?e:s.gh,i=null;return n.isNullOrUndefined(this.$slots.default)||(i=s.isExecute?this.$slots.default:this.$slots.default()),t("canvas",i)},methods:{clearTemplate:function(e){if(e||(e=Object.keys(this.templateCollection||{})),e.length&&this.templateCollection)for(var t=0,s=e;t<s.length;t++){var i=s[t],a=this.templateCollection[i];if(a&&a.length){for(var o=0,r=a;o<r.length;o++){var l=r[o];n.getValue("__vue__.$destroy",l)&&l.__vue__.$destroy(),l.innerHTML&&(l.innerHTML="")}delete this.templateCollection[i]}}},setProperties:function(e,t){var s=this;this.isVue3&&(this.models=this.models?this.models:this.ej2Instances.referModels),this.ej2Instances&&this.ej2Instances._setProperties&&this.ej2Instances._setProperties(e,t),e&&this.models&&this.models.length&&Object.keys(e).map(function(t){s.models.map(function(n){t!==n||/datasource/i.test(t)||(s.isVue3?s.ej2Instances.vueInstance.$emit("update:"+t,e[t]):(s.$emit("update:"+t,e[t]),s.$emit("modelchanged",e[t])))})})},custom:function(){this.updated()},canRedo:function(){return this.ej2Instances.canRedo()},canUndo:function(){return this.ej2Instances.canUndo()},clear:function(){return this.ej2Instances.clear()},draw:function(e,t,s){return this.ej2Instances.draw(e,t,s)},getBlob:function(e){return this.ej2Instances.getBlob(e)},initialize:function(){return this.ej2Instances.initialize()},isEmpty:function(){return this.ej2Instances.isEmpty()},load:function(e,t,s){return this.ej2Instances.load(e,t,s)},redo:function(){return this.ej2Instances.redo()},save:function(e,t){return this.ej2Instances.save(e,t)},saveAsBlob:function(){return this.ej2Instances.saveAsBlob()},undo:function(){return this.ej2Instances.undo()}}}),ke={name:"ejs-signature",install:function(e){e.component(ke.name,Ve)}},Ee=["isLazyUpdate","plugins","allowReset","cssClass","disabled","emptyTemplate","enableAnimation","enablePersistence","enableRtl","enableSingleSelection","fullTemplate","itemsCount","labelPosition","labelTemplate","locale","min","precision","readOnly","showLabel","showTooltip","tooltipTemplate","value","visible","beforeItemRender","created","onItemHover","valueChanged"],Ue=["value"],Oe=s.getProps({props:Ee}),we=Oe[0],Le=Oe[1],Be=Object.keys(Le);Be.push("modelchanged","update:modelValue");for(var Se=0,De=Ue;Se<De.length;Se++){var Ne=De[Se];Be.push("update:"+Ne)}var ze=s.vueDefineComponent({name:"RatingComponent",mixins:[s.ComponentBase],props:we,watch:Le,emits:Be,model:{event:"modelchanged"},provide:function(){return{custom:this.custom}},data:function(){return{ej2Instances:new t.Rating({}),propKeys:Ee,models:Ue,hasChildDirective:!1,hasInjectedModules:!1,tagMapper:{},tagNameMapper:{},isVue3:!s.isExecute,templateCollection:{}}},created:function(){this.ej2Instances._trigger=this.ej2Instances.trigger,this.ej2Instances.trigger=this.trigger,this.bindProperties(),this.ej2Instances._setProperties=this.ej2Instances.setProperties,this.ej2Instances.setProperties=this.setProperties,this.ej2Instances.clearTemplate=this.clearTemplate,this.updated=this.updated},render:function(e){var t=s.isExecute?e:s.gh,i=null;return n.isNullOrUndefined(this.$slots.default)||(i=s.isExecute?this.$slots.default:this.$slots.default()),t("input",i)},methods:{clearTemplate:function(e){if(e||(e=Object.keys(this.templateCollection||{})),e.length&&this.templateCollection)for(var t=0,s=e;t<s.length;t++){var i=s[t],a=this.templateCollection[i];if(a&&a.length){for(var o=0,r=a;o<r.length;o++){var l=r[o];n.getValue("__vue__.$destroy",l)&&l.__vue__.$destroy(),l.innerHTML&&(l.innerHTML="")}delete this.templateCollection[i]}}},setProperties:function(e,t){var s=this;this.isVue3&&(this.models=this.models?this.models:this.ej2Instances.referModels),this.ej2Instances&&this.ej2Instances._setProperties&&this.ej2Instances._setProperties(e,t),e&&this.models&&this.models.length&&Object.keys(e).map(function(t){s.models.map(function(n){t!==n||/datasource/i.test(t)||(s.isVue3?s.ej2Instances.vueInstance.$emit("update:"+t,e[t]):(s.$emit("update:"+t,e[t]),s.$emit("modelchanged",e[t])))})})},trigger:function(e,t,i){if(s.isExecute||(this.models=this.models?this.models:this.ej2Instances.referModels),"change"!==e&&"input"!==e||!this.models||0===this.models.length){if("actionBegin"===e&&"dateNavigate"===t.requestType&&this.models&&0!==this.models.length){o=(a=this.models.toString().match(/currentView|selectedDate/)||[])[0];t&&a&&!n.isUndefined(t[o])&&(s.isExecute?(this.$emit("update:"+o,t[o]),this.$emit("modelchanged",t[o])):(this.ej2Instances.vueInstance.$emit("update:"+o,t[o]),this.ej2Instances.vueInstance.$emit("modelchanged",t[o])))}}else{var a,o=(a=this.models.toString().match(/checked|value/)||[])[0];t&&a&&!n.isUndefined(t[o])&&(s.isExecute?("change"===e||this.$props&&!this.$props.isLazyUpdate)&&(this.$emit("update:"+o,t[o]),this.$emit("modelchanged",t[o])):(this.ej2Instances.vueInstance.$emit("update:"+o,t[o]),this.ej2Instances.vueInstance.$emit("modelchanged",t[o]),this.ej2Instances.vueInstance.$emit("update:modelValue",t[o])))}this.ej2Instances&&this.ej2Instances._trigger&&this.ej2Instances._trigger(e,t,i)},custom:function(){this.updated()},reset:function(){return this.ej2Instances.reset()}}}),Re={name:"ejs-rating",install:function(e){e.component(Re.name,ze)}};e.TextBoxComponent=m,e.TextBoxPlugin=p,e.NumericTextBoxComponent=y,e.NumericTextBoxPlugin=P,e.MaskedTextBoxComponent=L,e.MaskedTextBoxPlugin=B,e.SliderComponent=K,e.SliderPlugin=W,e.FilesDirective=G,e.UploadedFilesDirective=Q,e.FilesPlugin=J,e.UploadedFilesPlugin=X,e.UploaderComponent=re,e.UploaderPlugin=le,e.ColorPickerComponent=je,e.ColorPickerPlugin=ve,e.SignatureComponent=Ve,e.SignaturePlugin=ke,e.RatingComponent=ze,e.RatingPlugin=Re,Object.keys(t).forEach(function(s){e[s]=t[s]}),Object.defineProperty(e,"__esModule",{value:!0})});
 //# sourceMappingURL=ej2-vue-inputs.umd.min.js.map