@syncfusion/ej2-vue-inputs 26.2.13 → 27.1.48

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (138) hide show
  1. package/README.md +41 -41
  2. package/dist/ej2-vue-inputs.umd.min.js +2 -2
  3. package/dist/ej2-vue-inputs.umd.min.js.map +1 -1
  4. package/dist/es6/ej2-vue-inputs.es2015.js +159 -4
  5. package/dist/es6/ej2-vue-inputs.es2015.js.map +1 -1
  6. package/dist/es6/ej2-vue-inputs.es5.js +163 -4
  7. package/dist/es6/ej2-vue-inputs.es5.js.map +1 -1
  8. package/package.json +12 -10
  9. package/smart-textarea.d.ts +4 -0
  10. package/smart-textarea.js +4 -0
  11. package/src/color-picker/colorpicker.component.js +1 -1
  12. package/src/index.d.ts +1 -0
  13. package/src/index.js +1 -0
  14. package/src/otp-input/otpinput.component.js +1 -1
  15. package/src/smart-textarea/index.d.ts +1 -0
  16. package/src/smart-textarea/index.js +1 -0
  17. package/src/smart-textarea/smarttextarea.component.d.ts +38 -0
  18. package/src/smart-textarea/smarttextarea.component.js +162 -0
  19. package/styles/bootstrap-dark-lite.css +1 -0
  20. package/styles/bootstrap-dark-lite.scss +1 -0
  21. package/styles/bootstrap-dark.scss +1 -0
  22. package/styles/bootstrap-lite.css +1 -0
  23. package/styles/bootstrap-lite.scss +1 -0
  24. package/styles/bootstrap.scss +1 -0
  25. package/styles/bootstrap4-lite.css +1 -0
  26. package/styles/bootstrap4-lite.scss +1 -0
  27. package/styles/bootstrap4.scss +1 -0
  28. package/styles/bootstrap5-dark-lite.css +1 -0
  29. package/styles/bootstrap5-dark-lite.scss +1 -0
  30. package/styles/bootstrap5-dark.scss +1 -0
  31. package/styles/bootstrap5-lite.css +1 -0
  32. package/styles/bootstrap5-lite.scss +1 -0
  33. package/styles/bootstrap5.3-lite.css +1 -0
  34. package/styles/bootstrap5.3-lite.scss +1 -0
  35. package/styles/bootstrap5.3.css +1 -0
  36. package/styles/bootstrap5.3.scss +13 -0
  37. package/styles/bootstrap5.scss +1 -0
  38. package/styles/color-picker/bootstrap5.3.css +1 -0
  39. package/styles/color-picker/bootstrap5.3.scss +1 -0
  40. package/styles/data-form/bootstrap5.3.css +1 -0
  41. package/styles/data-form/bootstrap5.3.scss +1 -0
  42. package/styles/fabric-dark-lite.css +1 -0
  43. package/styles/fabric-dark-lite.scss +1 -0
  44. package/styles/fabric-dark.scss +1 -0
  45. package/styles/fabric-lite.css +1 -0
  46. package/styles/fabric-lite.scss +1 -0
  47. package/styles/fabric.scss +1 -0
  48. package/styles/fluent-dark-lite.css +1 -0
  49. package/styles/fluent-dark-lite.scss +1 -0
  50. package/styles/fluent-dark.scss +1 -0
  51. package/styles/fluent-lite.css +1 -0
  52. package/styles/fluent-lite.scss +1 -0
  53. package/styles/fluent.scss +1 -0
  54. package/styles/fluent2-lite.css +1 -0
  55. package/styles/fluent2-lite.scss +1 -0
  56. package/styles/fluent2.scss +1 -0
  57. package/styles/highcontrast-light-lite.css +1 -0
  58. package/styles/highcontrast-light-lite.scss +1 -0
  59. package/styles/highcontrast-light.scss +1 -0
  60. package/styles/highcontrast-lite.css +1 -0
  61. package/styles/highcontrast-lite.scss +1 -0
  62. package/styles/highcontrast.scss +1 -0
  63. package/styles/input/bootstrap5.3.css +1 -0
  64. package/styles/input/bootstrap5.3.scss +1 -0
  65. package/styles/maskedtextbox/bootstrap5.3.css +1 -0
  66. package/styles/maskedtextbox/bootstrap5.3.scss +1 -0
  67. package/styles/material-dark-lite.css +1 -0
  68. package/styles/material-dark-lite.scss +1 -0
  69. package/styles/material-dark.scss +1 -0
  70. package/styles/material-lite.css +1 -0
  71. package/styles/material-lite.scss +1 -0
  72. package/styles/material.scss +1 -0
  73. package/styles/material3-dark-lite.css +1 -0
  74. package/styles/material3-dark-lite.scss +1 -0
  75. package/styles/material3-dark.scss +1 -0
  76. package/styles/material3-lite.css +1 -0
  77. package/styles/material3-lite.scss +1 -0
  78. package/styles/material3.scss +1 -0
  79. package/styles/numerictextbox/bootstrap5.3.css +1 -0
  80. package/styles/numerictextbox/bootstrap5.3.scss +1 -0
  81. package/styles/otp-input/bootstrap5.3.css +1 -0
  82. package/styles/otp-input/bootstrap5.3.scss +1 -0
  83. package/styles/rating/bootstrap5.3.css +1 -0
  84. package/styles/rating/bootstrap5.3.scss +1 -0
  85. package/styles/signature/bootstrap5.3.css +1 -0
  86. package/styles/signature/bootstrap5.3.scss +1 -0
  87. package/styles/slider/bootstrap5.3.css +1 -0
  88. package/styles/slider/bootstrap5.3.scss +1 -0
  89. package/styles/smart-textarea/bootstrap-dark.css +1 -0
  90. package/styles/smart-textarea/bootstrap-dark.scss +1 -0
  91. package/styles/smart-textarea/bootstrap.css +1 -0
  92. package/styles/smart-textarea/bootstrap.scss +1 -0
  93. package/styles/smart-textarea/bootstrap4.css +1 -0
  94. package/styles/smart-textarea/bootstrap4.scss +1 -0
  95. package/styles/smart-textarea/bootstrap5-dark.css +1 -0
  96. package/styles/smart-textarea/bootstrap5-dark.scss +1 -0
  97. package/styles/smart-textarea/bootstrap5.3.css +1 -0
  98. package/styles/smart-textarea/bootstrap5.3.scss +1 -0
  99. package/styles/smart-textarea/bootstrap5.css +1 -0
  100. package/styles/smart-textarea/bootstrap5.scss +1 -0
  101. package/styles/smart-textarea/fabric-dark.css +1 -0
  102. package/styles/smart-textarea/fabric-dark.scss +1 -0
  103. package/styles/smart-textarea/fabric.css +1 -0
  104. package/styles/smart-textarea/fabric.scss +1 -0
  105. package/styles/smart-textarea/fluent-dark.css +1 -0
  106. package/styles/smart-textarea/fluent-dark.scss +1 -0
  107. package/styles/smart-textarea/fluent.css +1 -0
  108. package/styles/smart-textarea/fluent.scss +1 -0
  109. package/styles/smart-textarea/fluent2.css +1 -0
  110. package/styles/smart-textarea/fluent2.scss +1 -0
  111. package/styles/smart-textarea/highcontrast-light.css +1 -0
  112. package/styles/smart-textarea/highcontrast-light.scss +1 -0
  113. package/styles/smart-textarea/highcontrast.css +1 -0
  114. package/styles/smart-textarea/highcontrast.scss +1 -0
  115. package/styles/smart-textarea/material-dark.css +1 -0
  116. package/styles/smart-textarea/material-dark.scss +1 -0
  117. package/styles/smart-textarea/material.css +1 -0
  118. package/styles/smart-textarea/material.scss +1 -0
  119. package/styles/smart-textarea/material3-dark.css +1 -0
  120. package/styles/smart-textarea/material3-dark.scss +2 -0
  121. package/styles/smart-textarea/material3.css +1 -0
  122. package/styles/smart-textarea/material3.scss +2 -0
  123. package/styles/smart-textarea/tailwind-dark.css +1 -0
  124. package/styles/smart-textarea/tailwind-dark.scss +1 -0
  125. package/styles/smart-textarea/tailwind.css +1 -0
  126. package/styles/smart-textarea/tailwind.scss +1 -0
  127. package/styles/tailwind-dark-lite.css +1 -0
  128. package/styles/tailwind-dark-lite.scss +1 -0
  129. package/styles/tailwind-dark.scss +1 -0
  130. package/styles/tailwind-lite.css +1 -0
  131. package/styles/tailwind-lite.scss +1 -0
  132. package/styles/tailwind.scss +1 -0
  133. package/styles/textarea/bootstrap5.3.css +1 -0
  134. package/styles/textarea/bootstrap5.3.scss +1 -0
  135. package/styles/textbox/bootstrap5.3.css +1 -0
  136. package/styles/textbox/bootstrap5.3.scss +1 -0
  137. package/styles/uploader/bootstrap5.3.css +1 -0
  138. package/styles/uploader/bootstrap5.3.scss +1 -0
package/README.md CHANGED
@@ -12,7 +12,7 @@ The [Vue ColorPicker](https://www.syncfusion.com/vue-components/vue-color-picker
12
12
 
13
13
  <p align="center">
14
14
  <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> .
15
- <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> .
15
+ <a href="https://ej2.syncfusion.com/vue/demos/?utm_source=npm&utm_medium=listing&utm_campaign=vue-inputs-npm#/fluent2/color-picker/default.html">Online demos</a> .
16
16
  <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>
17
17
  </p>
18
18
 
@@ -22,10 +22,10 @@ The [Vue ColorPicker](https://www.syncfusion.com/vue-components/vue-color-picker
22
22
 
23
23
  #### Key features
24
24
 
25
- * [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.
25
+ * [Color specification](https://ej2.syncfusion.com/vue/demos/?utm_source=npm&utm_campaign=color-picker#/fluent2/color-picker/default.html) - Supports `Red Green Blue`, `Hue Saturation Value` and `Hex` codes.
26
26
  * [Mode](https://ej2.syncfusion.com/vue/documentation/color-picker/mode-and-value#mode-and-value) - Supports `Picker` and `Palette` mode.
27
- * [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.
28
- * [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.
27
+ * [Inline](https://ej2.syncfusion.com/vue/demos/?utm_source=npm&utm_campaign=color-picker#/fluent2/color-picker/inline.html) - Supports inline type rendering of color picker.
28
+ * [Custom palettes](https://ej2.syncfusion.com/vue/demos/?utm_source=npm&utm_campaign=color-picker#/fluent2/color-picker/custom.html) - Allows to customize palettes and supports multiple palette groups rendering.
29
29
  * [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.
30
30
  * [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.
31
31
 
@@ -35,7 +35,7 @@ The [Vue TextBox](https://www.syncfusion.com/vue-components/vue-textbox?utm_sour
35
35
 
36
36
  <p align="center">
37
37
  <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> .
38
- <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> .
38
+ <a href="https://ej2.syncfusion.com/vue/demos/?utm_source=npm&utm_medium=listing&utm_campaign=vue-inputs-npm#/fluent2/textboxes/default.html">Online demos</a> .
39
39
  <a href="https://www.syncfusion.com/vue-components/vue-textbox?utm_source=npm&utm_medium=listing&utm_campaign=vue-inputs-npm">Learn more</a>
40
40
  </p>
41
41
 
@@ -45,10 +45,10 @@ The [Vue TextBox](https://www.syncfusion.com/vue-components/vue-textbox?utm_sour
45
45
 
46
46
  #### Key features
47
47
 
48
- * [Floating label](https://ej2.syncfusion.com/vue/demos/?utm_source=npm&utm_campaign=textbox#/material/textboxes/default.html) – floats the placeholder text while focus.
49
- * [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.
50
- * [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.
51
- * [Multiline](https://ej2.syncfusion.com/vue/demos/?utm_source=npm&utm_campaign=textbox#/material/textboxes/default.html) – handles multiline input with placeholder text
48
+ * [Floating label](https://ej2.syncfusion.com/vue/demos/?utm_source=npm&utm_campaign=textbox#/fluent2/textboxes/default.html) – floats the placeholder text while focus.
49
+ * [Input group](https://ej2.syncfusion.com/vue/demos/?utm_source=npm&utm_campaign=textbox#/fluent2/textboxes/default.html) – group the icons, buttons along with textbox.
50
+ * [Validation states](https://ej2.syncfusion.com/vue/demos/?utm_source=npm&utm_campaign=textbox#/fluent2/textboxes/default.html) – provides styles for success, error, and warning states.
51
+ * [Multiline](https://ej2.syncfusion.com/vue/demos/?utm_source=npm&utm_campaign=textbox#/fluent2/textboxes/default.html) – handles multiline input with placeholder text
52
52
 
53
53
  ### Vue MaskedTextBox
54
54
 
@@ -56,7 +56,7 @@ The [Vue MaskedTextBox](https://www.syncfusion.com/vue-components/vue-input-mask
56
56
 
57
57
  <p align="center">
58
58
  <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> .
59
- <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> .
59
+ <a href="https://ej2.syncfusion.com/vue/demos/?utm_source=npm&utm_medium=listing&utm_campaign=vue-inputs-npm#/fluent2/maskedtextbox/default.html">Online demos</a> .
60
60
  <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>
61
61
  </p>
62
62
 
@@ -66,7 +66,7 @@ The [Vue MaskedTextBox](https://www.syncfusion.com/vue-components/vue-input-mask
66
66
 
67
67
  #### Key features
68
68
 
69
- * [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.
69
+ * [Custom characters](https://ej2.syncfusion.com/vue/demos/?utm_source=npm&utm_campaign=maskedtextbox#/fluent2/maskedtextbox/custom-mask.html) - allows you to use your own characters as the mask elements.
70
70
  * [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.
71
71
  * [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.
72
72
 
@@ -76,7 +76,7 @@ The [Vue NumericTextBox](https://www.syncfusion.com/vue-components/vue-numeric-t
76
76
 
77
77
  <p align="center">
78
78
  <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> .
79
- <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> .
79
+ <a href="https://ej2.syncfusion.com/vue/demos/?utm_source=npm&utm_medium=listing&utm_campaign=vue-inputs-npm#/fluent2/numerictextbox/default.html">Online demos</a> .
80
80
  <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>
81
81
  </p>
82
82
 
@@ -86,13 +86,13 @@ The [Vue NumericTextBox](https://www.syncfusion.com/vue-components/vue-numeric-t
86
86
 
87
87
  #### Key features
88
88
 
89
- * [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.
90
- * [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.
91
- * [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.
89
+ * [Range validation](https://ej2.syncfusion.com/vue/demos/?utm_source=npm&utm_campaign=numerictextbox#/fluent2/numerictextbox/range-validation.html) - allows to set the minimum and maximum range of values in the NumericTextBox.
90
+ * [Number formats](https://ej2.syncfusion.com/vue/demos/?utm_source=npm&utm_campaign=numerictextbox#/fluent2/numerictextbox/custom-format.html) - supports the number display formatting with MSDN standard and custom number formats.
91
+ * [Precision Of numbers](https://ej2.syncfusion.com/vue/demos/?utm_source=npm&utm_campaign=numerictextbox#/fluent2/numerictextbox/restrict-decimals.html) - allows to restrict the number precision when enters the value.
92
92
  * [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.
93
93
  * [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.
94
- * [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.
95
- * [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.
94
+ * [Internationalization](https://ej2.syncfusion.com/vue/documentation/numerictextbox/globalization/?utm_source=npm&utm_campaign=numerictextbox#internationalization) - library provides support for formatting and parsing number using the official Unicode CLDR JSON data.
95
+ * [Localization](https://ej2.syncfusion.com/vue/documentation/numerictextbox/globalization/?utm_source=npm&utm_campaign=numerictextbox#localization) - Supports to localize spin up and down buttons title for the tooltip to different cultures.
96
96
 
97
97
  ### Vue Signature
98
98
 
@@ -100,7 +100,7 @@ The [Vue Signature](https://www.syncfusion.com/vue-components/vue-signature?utm_
100
100
 
101
101
  <p align="center">
102
102
  <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> .
103
- <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> .
103
+ <a href="https://ej2.syncfusion.com/vue/demos/?utm_source=npm&utm_medium=listing&utm_campaign=vue-inputs-npm#/fluent2/signature/default.html">Online demos</a> .
104
104
  <a href="https://www.syncfusion.com/vue-components/vue-signature?utm_source=npm&utm_medium=listing&utm_campaign=vue-inputs-npm">Learn more</a>
105
105
  </p>
106
106
 
@@ -110,10 +110,10 @@ The [Vue Signature](https://www.syncfusion.com/vue-components/vue-signature?utm_
110
110
 
111
111
  #### Key features
112
112
 
113
- * [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.
114
- * [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.
115
- * [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.
116
- * [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.
113
+ * [Customization](https://ej2.syncfusion.com/demos/?utm_source=npm&utm_campaign=slider#/fluent2/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.
114
+ * [Save](https://ej2.syncfusion.com/demos/?utm_source=npm&utm_campaign=slider#/fluent2/signature/default.html) - Support to save the signature as image like PNG, JPEG, and SVG.
115
+ * [Load](https://ej2.syncfusion.com/demos/?utm_source=npm&utm_campaign=slider#/fluent2/signature/default.html) - Support to load the signature as base64 url of the image.
116
+ * [Draw](https://ej2.syncfusion.com/demos/?utm_source=npm&utm_campaign=slider#/fluent2/signature/default.html) - Support to draw the text with the different font family and font size.
117
117
 
118
118
  ### Vue Slider
119
119
 
@@ -121,7 +121,7 @@ The [Vue slider](https://www.syncfusion.com/vue-components/vue-slider?utm_source
121
121
 
122
122
  <p align="center">
123
123
  <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> .
124
- <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> .
124
+ <a href="https://ej2.syncfusion.com/vue/demos/?utm_source=npm&utm_medium=listing&utm_campaign=vue-inputs-npm#/fluent2/range-slider/default.html">Online demos</a> .
125
125
  <a href="https://www.syncfusion.com/vue-components/vue-slider?utm_source=npm&utm_medium=listing&utm_campaign=vue-inputs-npm">Learn more</a>
126
126
  </p>
127
127
 
@@ -131,15 +131,15 @@ The [Vue slider](https://www.syncfusion.com/vue-components/vue-slider?utm_source
131
131
 
132
132
  #### Key features
133
133
 
134
- * [Types](https://ej2.syncfusion.com/vue/demos/?utm_source=npm&utm_campaign=slider#/material/slider/default.html) - Provided three types of Slider.
135
- * [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.
136
- * [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.
137
- * [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.
138
- * [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.
139
- * [Format](https://ej2.syncfusion.com/vue/demos/?utm_source=npm&utm_campaign=slider#/material/slider/format.html) - Customize the slider values into various format.
140
- * [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.
141
- * [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.
142
- * [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.
134
+ * [Types](https://ej2.syncfusion.com/vue/demos/?utm_source=npm&utm_campaign=slider#/fluent2/range-slider/default.html) - Provided three types of Slider.
135
+ * [Orientation](https://ej2.syncfusion.com/vue/demos/?utm_source=npm&utm_campaign=slider#/fluent2/range-slider/orientation.html) - Displays the Slider in horizontal or vertical direction.
136
+ * [Buttons](https://ej2.syncfusion.com/vue/demos/?utm_source=npm&utm_campaign=slider#/fluent2/range-slider/tooltip.html) - Provided built-in support to render the buttons in both edges of the Slider.
137
+ * [Tooltip](https://ej2.syncfusion.com/vue/demos/?utm_source=npm&utm_campaign=slider#/fluent2/range-slider/tooltip.html) - Displays a tooltip to show the currently selected value.
138
+ * [Ticks](https://ej2.syncfusion.com/vue/demos/?utm_source=npm&utm_campaign=slider#/fluent2/range-slider/ticks.html) - Displays a scale with small and big ticks.
139
+ * [Format](https://ej2.syncfusion.com/vue/demos/?utm_source=npm&utm_campaign=slider#/fluent2/range-slider/format.html) - Customize the slider values into various format.
140
+ * [Limits](https://ej2.syncfusion.com/vue/demos/?utm_source=npm&utm_campaign=slider#/fluent2/range-slider/limits.html) - Slider thumb movement restriction enabled with interval dragging in range-slider.
141
+ * [Accessibility](https://ej2.syncfusion.com/vue/demos/?utm_source=npm&utm_campaign=slider#/fluent2/range-slider/default.html) - Built-in compliance with the [WAI-ARIA](http://www.w3.org/WAI/PF/aria-practices/) specifications.
142
+ * [Keyboard interaction](https://ej2.syncfusion.com/vue/demos/?utm_source=npm&utm_campaign=slider#/fluent2/range-slider/api.html) - The Slider can be intractable through the keyboard.
143
143
 
144
144
  ### Vue File Upload
145
145
 
@@ -147,7 +147,7 @@ The [Vue File Upload](https://www.syncfusion.com/vue-components/vue-file-upload?
147
147
 
148
148
  <p align="center">
149
149
  <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> .
150
- <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> .
150
+ <a href="https://ej2.syncfusion.com/vue/demos/?utm_source=npm&utm_medium=listing&utm_campaign=vue-inputs-npm#/fluent2/uploader/default.html">Online demos</a> .
151
151
  <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>
152
152
  </p>
153
153
 
@@ -157,12 +157,12 @@ The [Vue File Upload](https://www.syncfusion.com/vue-components/vue-file-upload?
157
157
 
158
158
  #### Key features
159
159
 
160
- * [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
161
- * [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.
162
- * [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.
163
- * [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.
164
- * [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.
165
- * [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.
160
+ * [Chunk upload](https://ej2.syncfusion.com/vue/demos/?utm_source=npm&utm_medium=listing&utm_campaign=vue-file-upload-npm#/fluent2/uploader/chunk-upload.html) – used to upload large files as chunks
161
+ * [Drag-and-drop](https://ej2.syncfusion.com/vue/demos/?utm_source=npm&utm_medium=listing&utm_campaign=vue-file-upload-npm#/fluent2/uploader/custom-drop-area.html) – drag the files and drop into component to upload them.
162
+ * [Template](https://ej2.syncfusion.com/vue/demos/?utm_source=npm&utm_medium=listing&utm_campaign=vue-file-upload-npm#/fluent2/uploader/custom-file-list.html) – the file list and buttons can be customize using template.
163
+ * [Validation](https://ej2.syncfusion.com/vue/demos/?utm_source=npm&utm_medium=listing&utm_campaign=vue-file-upload-npm#/fluent2/uploader/file-validation.html) – validate extension and size of upload file.
164
+ * [Auto upload](https://ej2.syncfusion.com/vue/demos/?utm_source=npm&utm_medium=listing&utm_campaign=vue-file-upload-npm#/fluent2/uploader/default.html) – Process the file to upload without interaction.
165
+ * [Preload files](https://ej2.syncfusion.com/vue/demos/?utm_source=npm&utm_medium=listing&utm_campaign=vue-file-upload-npm#/fluent2/uploader/preload-files.html) – View and manipulate previously uploaded files.
166
166
 
167
167
  ### Vue Rating
168
168
 
@@ -170,7 +170,7 @@ The [Vue Rating](https://www.syncfusion.com/vue-components/vue-rating?utm_source
170
170
 
171
171
  <p align="center">
172
172
  <a href="https://ej2.syncfusion.com/vue/documentation/rating/getting-started/?utm_source=npm&utm_medium=listing&utm_campaign=vue-inputs-npm">Getting Started</a> .
173
- <a href="https://ej2.syncfusion.com/vue/demos/?utm_source=npm&utm_medium=listing&utm_campaign=vue-inputs-npm#/material/rating/default.html">Online demos</a> .
173
+ <a href="https://ej2.syncfusion.com/vue/demos/?utm_source=npm&utm_medium=listing&utm_campaign=vue-inputs-npm#/fluent2/rating/default.html">Online demos</a> .
174
174
  <a href="https://www.syncfusion.com/vue-components/vue-rating?utm_source=npm&utm_medium=listing&utm_campaign=vue-inputs-npm">Learn more</a>
175
175
  </p>
176
176
 
@@ -224,7 +224,7 @@ Inputs components are also offered in following list of frameworks.
224
224
 
225
225
  ## Showcase samples
226
226
 
227
- * Cloud Pricing - [Live Demo](https://ej2.syncfusion.com/vue/demos/?utm_source=npm&utm_campaign=slider#/material/slider/azure-pricing.html)
227
+ * Cloud Pricing - [Live Demo](https://ej2.syncfusion.com/vue/demos/?utm_source=npm&utm_campaign=slider#/fluent2/range-slider/azure-pricing.html)
228
228
 
229
229
  ## Support
230
230
 
@@ -1,11 +1,11 @@
1
1
  /*!
2
2
  * filename: ej2-vue-inputs.umd.min.js
3
- * version : 26.2.13
3
+ * version : 27.1.48
4
4
  * Copyright Syncfusion Inc. 2001 - 2023. All rights reserved.
5
5
  * Use of this code is subject to the terms of our license.
6
6
  * A copy of the current license can be obtained at any time by e-mailing
7
7
  * licensing@syncfusion.com. Any infringement will be prosecuted under
8
8
  * applicable laws.
9
9
  */
10
- !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=e||self).ej={},e.ej2Inputs,e.ej2VueBase,e.ej2Base)}(this,function(t,s,a,o){"use strict";var e=["isLazyUpdate","plugins","autocomplete","cssClass","enablePersistence","enableRtl","enabled","floatLabelType","htmlAttributes","locale","multiline","placeholder","readonly","showClearButton","type","value","width","blur","change","created","destroyed","focus","input"],n=["value"],i=a.getProps({props:e}),r=i[0],i=i[1],c=Object.keys(i);c.push("modelchanged","update:modelValue");for(var l=0,u=n;l<u.length;l++)c.push("update:"+u[l]);var h=a.vueDefineComponent({name:"TextBoxComponent",mixins:[a.ComponentBase],props:r,watch:i,emits:c,model:{event:"modelchanged"},provide:function(){return{custom:this.custom}},data:function(){return{ej2Instances:new s.TextBox({}),propKeys:e,models:n,hasChildDirective:!1,hasInjectedModules:!1,tagMapper:{},tagNameMapper:{},isVue3:!a.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=null;return(a.isExecute?e:a.gh)("input",t=o.isNullOrUndefined(this.$slots.default)?t:a.isExecute?this.$slots.default:this.$slots.default())},methods:{clearTemplate:function(e){if((e=e||Object.keys(this.templateCollection||{})).length&&this.templateCollection)for(var t=0,s=e;t<s.length;t++){var n=s[t],i=this.templateCollection[n];if(i&&i.length){for(var a=0,o=i;a<o.length;a++){var r=o[a];this.destroyPortals(r)}delete this.templateCollection[n]}}},setProperties:function(s,e){var n=this;this.isVue3&&(this.models=this.models||this.ej2Instances.referModels),this.ej2Instances&&this.ej2Instances._setProperties&&this.ej2Instances._setProperties(s,e),s&&this.models&&this.models.length&&Object.keys(s).map(function(t){n.models.map(function(e){t!==e||/datasource/i.test(t)||(n.isVue3?n.ej2Instances.vueInstance.$emit("update:"+t,s[t]):(n.$emit("update:"+t,s[t]),n.$emit("modelchanged",s[t])))})})},trigger:function(e,t,s){var n,i;a.isExecute||(this.models=this.models||this.ej2Instances.referModels),"change"!==e&&"input"!==e||!this.models||0===this.models.length?"actionBegin"===e&&"dateNavigate"===t.requestType&&this.models&&0!==this.models.length&&(i=(n=this.models.toString().match(/currentView|selectedDate/)||[])[0],t)&&n&&!o.isUndefined(t[i])&&(a.isExecute?(this.$emit("update:"+i,t[i]),this):(this.ej2Instances.vueInstance.$emit("update:"+i,t[i]),this.ej2Instances.vueInstance)).$emit("modelchanged",t[i]):(i=(n=this.models.toString().match(/checked|value/)||[])[0],t&&n&&!o.isUndefined(t[i])&&(a.isExecute?("change"===e||this.$props&&!this.$props.isLazyUpdate)&&(this.$emit("update:"+i,t[i]),this.$emit("modelchanged",t[i])):(this.ej2Instances.vueInstance.$emit("update:"+i,t[i]),this.ej2Instances.vueInstance.$emit("modelchanged",t[i]),this.ej2Instances.vueInstance.$emit("update:modelValue",t[i])))),this.ej2Instances&&this.ej2Instances._trigger&&this.ej2Instances._trigger(e,t,s)},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)}}}),d={name:"ejs-textbox",install:function(e){e.component(d.name,h)}},p=["isLazyUpdate","plugins","cols","cssClass","enablePersistence","enableRtl","enabled","floatLabelType","htmlAttributes","locale","maxLength","placeholder","readonly","resizeMode","rows","showClearButton","value","width","blur","change","created","destroyed","focus","input"],S=["value"],r=a.getProps({props:p}),i=r[0],r=r[1],m=Object.keys(r);m.push("modelchanged","update:modelValue");for(var g=0,D=S;g<D.length;g++)m.push("update:"+D[g]);var N=a.vueDefineComponent({name:"TextAreaComponent",mixins:[a.ComponentBase],props:i,watch:r,emits:m,model:{event:"modelchanged"},provide:function(){return{custom:this.custom}},data:function(){return{ej2Instances:new s.TextArea({}),propKeys:p,models:S,hasChildDirective:!1,hasInjectedModules:!1,tagMapper:{},tagNameMapper:{},isVue3:!a.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=null;return(a.isExecute?e:a.gh)("textarea",t=o.isNullOrUndefined(this.$slots.default)?t:a.isExecute?this.$slots.default:this.$slots.default())},methods:{clearTemplate:function(e){if((e=e||Object.keys(this.templateCollection||{})).length&&this.templateCollection)for(var t=0,s=e;t<s.length;t++){var n=s[t],i=this.templateCollection[n];if(i&&i.length){for(var a=0,o=i;a<o.length;a++){var r=o[a];this.destroyPortals(r)}delete this.templateCollection[n]}}},setProperties:function(s,e){var n=this;this.isVue3&&(this.models=this.models||this.ej2Instances.referModels),this.ej2Instances&&this.ej2Instances._setProperties&&this.ej2Instances._setProperties(s,e),s&&this.models&&this.models.length&&Object.keys(s).map(function(t){n.models.map(function(e){t!==e||/datasource/i.test(t)||(n.isVue3?n.ej2Instances.vueInstance.$emit("update:"+t,s[t]):(n.$emit("update:"+t,s[t]),n.$emit("modelchanged",s[t])))})})},trigger:function(e,t,s){var n,i;a.isExecute||(this.models=this.models||this.ej2Instances.referModels),"change"!==e&&"input"!==e||!this.models||0===this.models.length?"actionBegin"===e&&"dateNavigate"===t.requestType&&this.models&&0!==this.models.length&&(i=(n=this.models.toString().match(/currentView|selectedDate/)||[])[0],t)&&n&&!o.isUndefined(t[i])&&(a.isExecute?(this.$emit("update:"+i,t[i]),this):(this.ej2Instances.vueInstance.$emit("update:"+i,t[i]),this.ej2Instances.vueInstance)).$emit("modelchanged",t[i]):(i=(n=this.models.toString().match(/checked|value/)||[])[0],t&&n&&!o.isUndefined(t[i])&&(a.isExecute?("change"===e||this.$props&&!this.$props.isLazyUpdate)&&(this.$emit("update:"+i,t[i]),this.$emit("modelchanged",t[i])):(this.ej2Instances.vueInstance.$emit("update:"+i,t[i]),this.ej2Instances.vueInstance.$emit("modelchanged",t[i]),this.ej2Instances.vueInstance.$emit("update:modelValue",t[i])))),this.ej2Instances&&this.ej2Instances._trigger&&this.ej2Instances._trigger(e,t,s)},custom:function(){this.updated()},addAttributes:function(e){return this.ej2Instances.addAttributes(e)},focusIn:function(){return this.ej2Instances.focusIn()},focusOut:function(){return this.ej2Instances.focusOut()},removeAttributes:function(e){return this.ej2Instances.removeAttributes(e)}}}),L={name:"ejs-textarea",install:function(e){e.component(L.name,N)}},z=["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"],A=["value"],i=a.getProps({props:z}),r=i[0],i=i[1],f=Object.keys(i);f.push("modelchanged","update:modelValue");for(var I=0,R=A;I<R.length;I++)f.push("update:"+R[I]);var F=a.vueDefineComponent({name:"NumericTextBoxComponent",mixins:[a.ComponentBase],props:r,watch:i,emits:f,model:{event:"modelchanged"},provide:function(){return{custom:this.custom}},data:function(){return{ej2Instances:new s.NumericTextBox({}),propKeys:z,models:A,hasChildDirective:!1,hasInjectedModules:!1,tagMapper:{},tagNameMapper:{},isVue3:!a.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=null;return(a.isExecute?e:a.gh)("input",t=o.isNullOrUndefined(this.$slots.default)?t:a.isExecute?this.$slots.default:this.$slots.default())},methods:{clearTemplate:function(e){if((e=e||Object.keys(this.templateCollection||{})).length&&this.templateCollection)for(var t=0,s=e;t<s.length;t++){var n=s[t],i=this.templateCollection[n];if(i&&i.length){for(var a=0,o=i;a<o.length;a++){var r=o[a];this.destroyPortals(r)}delete this.templateCollection[n]}}},setProperties:function(s,e){var n=this;this.isVue3&&(this.models=this.models||this.ej2Instances.referModels),this.ej2Instances&&this.ej2Instances._setProperties&&this.ej2Instances._setProperties(s,e),s&&this.models&&this.models.length&&Object.keys(s).map(function(t){n.models.map(function(e){t!==e||/datasource/i.test(t)||(n.isVue3?n.ej2Instances.vueInstance.$emit("update:"+t,s[t]):(n.$emit("update:"+t,s[t]),n.$emit("modelchanged",s[t])))})})},trigger:function(e,t,s){var n,i;a.isExecute||(this.models=this.models||this.ej2Instances.referModels),"change"!==e&&"input"!==e||!this.models||0===this.models.length?"actionBegin"===e&&"dateNavigate"===t.requestType&&this.models&&0!==this.models.length&&(i=(n=this.models.toString().match(/currentView|selectedDate/)||[])[0],t)&&n&&!o.isUndefined(t[i])&&(a.isExecute?(this.$emit("update:"+i,t[i]),this):(this.ej2Instances.vueInstance.$emit("update:"+i,t[i]),this.ej2Instances.vueInstance)).$emit("modelchanged",t[i]):(i=(n=this.models.toString().match(/checked|value/)||[])[0],t&&n&&!o.isUndefined(t[i])&&(a.isExecute?("change"===e||this.$props&&!this.$props.isLazyUpdate)&&(this.$emit("update:"+i,t[i]),this.$emit("modelchanged",t[i])):(this.ej2Instances.vueInstance.$emit("update:"+i,t[i]),this.ej2Instances.vueInstance.$emit("modelchanged",t[i]),this.ej2Instances.vueInstance.$emit("update:modelValue",t[i])))),this.ej2Instances&&this.ej2Instances._trigger&&this.ej2Instances._trigger(e,t,s)},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)}}}),q={name:"ejs-numerictextbox",install:function(e){e.component(q.name,F)}},K=["isLazyUpdate","plugins","cssClass","customCharacters","enablePersistence","enableRtl","enabled","floatLabelType","htmlAttributes","locale","mask","placeholder","promptChar","readonly","showClearButton","value","width","blur","change","created","destroyed","focus"],H=["value"],r=a.getProps({props:K}),i=r[0],r=r[1],j=Object.keys(r);j.push("modelchanged","update:modelValue");for(var v=0,W=H;v<W.length;v++)j.push("update:"+W[v]);var G=a.vueDefineComponent({name:"MaskedTextBoxComponent",mixins:[a.ComponentBase],props:i,watch:r,emits:j,model:{event:"modelchanged"},provide:function(){return{custom:this.custom}},data:function(){return{ej2Instances:new s.MaskedTextBox({}),propKeys:K,models:H,hasChildDirective:!1,hasInjectedModules:!1,tagMapper:{},tagNameMapper:{},isVue3:!a.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=null;return(a.isExecute?e:a.gh)("input",t=o.isNullOrUndefined(this.$slots.default)?t:a.isExecute?this.$slots.default:this.$slots.default())},methods:{clearTemplate:function(e){if((e=e||Object.keys(this.templateCollection||{})).length&&this.templateCollection)for(var t=0,s=e;t<s.length;t++){var n=s[t],i=this.templateCollection[n];if(i&&i.length){for(var a=0,o=i;a<o.length;a++){var r=o[a];this.destroyPortals(r)}delete this.templateCollection[n]}}},setProperties:function(s,e){var n=this;this.isVue3&&(this.models=this.models||this.ej2Instances.referModels),this.ej2Instances&&this.ej2Instances._setProperties&&this.ej2Instances._setProperties(s,e),s&&this.models&&this.models.length&&Object.keys(s).map(function(t){n.models.map(function(e){t!==e||/datasource/i.test(t)||(n.isVue3?n.ej2Instances.vueInstance.$emit("update:"+t,s[t]):(n.$emit("update:"+t,s[t]),n.$emit("modelchanged",s[t])))})})},trigger:function(e,t,s){var n,i;a.isExecute||(this.models=this.models||this.ej2Instances.referModels),"change"!==e&&"input"!==e||!this.models||0===this.models.length?"actionBegin"===e&&"dateNavigate"===t.requestType&&this.models&&0!==this.models.length&&(i=(n=this.models.toString().match(/currentView|selectedDate/)||[])[0],t)&&n&&!o.isUndefined(t[i])&&(a.isExecute?(this.$emit("update:"+i,t[i]),this):(this.ej2Instances.vueInstance.$emit("update:"+i,t[i]),this.ej2Instances.vueInstance)).$emit("modelchanged",t[i]):(i=(n=this.models.toString().match(/checked|value/)||[])[0],t&&n&&!o.isUndefined(t[i])&&(a.isExecute?("change"===e||this.$props&&!this.$props.isLazyUpdate)&&(this.$emit("update:"+i,t[i]),this.$emit("modelchanged",t[i])):(this.ej2Instances.vueInstance.$emit("update:"+i,t[i]),this.ej2Instances.vueInstance.$emit("modelchanged",t[i]),this.ej2Instances.vueInstance.$emit("update:modelValue",t[i])))),this.ej2Instances&&this.ej2Instances._trigger&&this.ej2Instances._trigger(e,t,s)},custom:function(){this.updated()},focusIn:function(){return this.ej2Instances.focusIn()},focusOut:function(){return this.ej2Instances.focusOut()},getMaskedValue:function(){return this.ej2Instances.getMaskedValue()}}}),J={name:"ejs-maskedtextbox",install:function(e){e.component(J.name,G)}},Q=["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"],X=["value"],i=a.getProps({props:Q}),r=i[0],i=i[1],$=Object.keys(i);$.push("modelchanged","update:modelValue");for(var b=0,Y=X;b<Y.length;b++)$.push("update:"+Y[b]);var Z=a.vueDefineComponent({name:"SliderComponent",mixins:[a.ComponentBase],props:r,watch:i,emits:$,model:{event:"modelchanged"},provide:function(){return{custom:this.custom}},data:function(){return{ej2Instances:new s.Slider({}),propKeys:Q,models:X,hasChildDirective:!1,hasInjectedModules:!1,tagMapper:{},tagNameMapper:{},isVue3:!a.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=null;return(a.isExecute?e:a.gh)("div",t=o.isNullOrUndefined(this.$slots.default)?t:a.isExecute?this.$slots.default:this.$slots.default())},methods:{clearTemplate:function(e){if((e=e||Object.keys(this.templateCollection||{})).length&&this.templateCollection)for(var t=0,s=e;t<s.length;t++){var n=s[t],i=this.templateCollection[n];if(i&&i.length){for(var a=0,o=i;a<o.length;a++){var r=o[a];this.destroyPortals(r)}delete this.templateCollection[n]}}},setProperties:function(s,e){var n=this;this.isVue3&&(this.models=this.models||this.ej2Instances.referModels),this.ej2Instances&&this.ej2Instances._setProperties&&this.ej2Instances._setProperties(s,e),s&&this.models&&this.models.length&&Object.keys(s).map(function(t){n.models.map(function(e){t!==e||/datasource/i.test(t)||(n.isVue3?n.ej2Instances.vueInstance.$emit("update:"+t,s[t]):(n.$emit("update:"+t,s[t]),n.$emit("modelchanged",s[t])))})})},trigger:function(e,t,s){var n,i;a.isExecute||(this.models=this.models||this.ej2Instances.referModels),"change"!==e&&"input"!==e||!this.models||0===this.models.length?"actionBegin"===e&&"dateNavigate"===t.requestType&&this.models&&0!==this.models.length&&(i=(n=this.models.toString().match(/currentView|selectedDate/)||[])[0],t)&&n&&!o.isUndefined(t[i])&&(a.isExecute?(this.$emit("update:"+i,t[i]),this):(this.ej2Instances.vueInstance.$emit("update:"+i,t[i]),this.ej2Instances.vueInstance)).$emit("modelchanged",t[i]):(i=(n=this.models.toString().match(/checked|value/)||[])[0],t&&n&&!o.isUndefined(t[i])&&(a.isExecute?("change"===e||this.$props&&!this.$props.isLazyUpdate)&&(this.$emit("update:"+i,t[i]),this.$emit("modelchanged",t[i])):(this.ej2Instances.vueInstance.$emit("update:"+i,t[i]),this.ej2Instances.vueInstance.$emit("modelchanged",t[i]),this.ej2Instances.vueInstance.$emit("update:modelValue",t[i])))),this.ej2Instances&&this.ej2Instances._trigger&&this.ej2Instances._trigger(e,t,s)},custom:function(){this.updated()},reposition:function(){return this.ej2Instances.reposition()},setTooltip:function(e){return this.ej2Instances.setTooltip(e)}}}),ee={name:"ejs-slider",install:function(e){e.component(ee.name,Z)}},C=a.vueDefineComponent({inject:{custom:{default:null}},render:function(e){var t;if(!a.isExecute)return t=null,(a.isExecute?e:a.gh)("div",{class:"e-directive"},t=o.isNullOrUndefined(this.$slots.default)?t:a.isExecute?this.$slots.default:this.$slots.default())},updated:function(){!a.isExecute&&this.custom&&this.custom()},methods:{getTag:function(){return"e-files"}}}),P={name:"e-files",install:function(e){e.component(P.name,C)}},y=a.vueDefineComponent({render:function(){},methods:{getTag:function(){return"e-uploadedfiles"}}}),x={name:"e-uploadedfiles",install:function(e){e.component(x.name,y)}},te=["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"],se=[],r=a.getProps({props:te}),i=r[0],r=r[1],T=Object.keys(r);T.push("modelchanged","update:modelValue");for(var k=0,ne=se;k<ne.length;k++)T.push("update:"+ne[k]);var ie=a.vueDefineComponent({name:"UploaderComponent",mixins:[a.ComponentBase],props:i,watch:r,emits:T,provide:function(){return{custom:this.custom}},data:function(){return{ej2Instances:new s.Uploader({}),propKeys:te,models:se,hasChildDirective:!0,hasInjectedModules:!1,tagMapper:{"e-files":"e-uploadedfiles"},tagNameMapper:{},isVue3:!a.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=null;return(a.isExecute?e:a.gh)("input",t=o.isNullOrUndefined(this.$slots.default)?t:a.isExecute?this.$slots.default:this.$slots.default())},methods:{clearTemplate:function(e){if((e=e||Object.keys(this.templateCollection||{})).length&&this.templateCollection)for(var t=0,s=e;t<s.length;t++){var n=s[t],i=this.templateCollection[n];if(i&&i.length){for(var a=0,o=i;a<o.length;a++){var r=o[a];this.destroyPortals(r)}delete this.templateCollection[n]}}},setProperties:function(s,e){var n=this;this.isVue3&&(this.models=this.models||this.ej2Instances.referModels),this.ej2Instances&&this.ej2Instances._setProperties&&this.ej2Instances._setProperties(s,e),s&&this.models&&this.models.length&&Object.keys(s).map(function(t){n.models.map(function(e){t!==e||/datasource/i.test(t)||(n.isVue3?n.ej2Instances.vueInstance.$emit("update:"+t,s[t]):(n.$emit("update:"+t,s[t]),n.$emit("modelchanged",s[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){return this.ej2Instances.createFileList(e)},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)}}}),ae={name:"ejs-uploader",install:function(e){e.component(ae.name,ie),e.component(x.name,y),e.component(P.name,C)}},oe=["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"],re=["value"],i=a.getProps({props:oe}),r=i[0],i=i[1],O=Object.keys(i);O.push("modelchanged","update:modelValue");for(var E=0,ce=re;E<ce.length;E++)O.push("update:"+ce[E]);var le=a.vueDefineComponent({name:"ColorPickerComponent",mixins:[a.ComponentBase],props:r,watch:i,emits:O,model:{event:"modelchanged"},provide:function(){return{custom:this.custom}},data:function(){return{ej2Instances:new s.ColorPicker({}),propKeys:oe,models:re,hasChildDirective:!1,hasInjectedModules:!1,tagMapper:{},tagNameMapper:{},isVue3:!a.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=null;return(a.isExecute?e:a.gh)("input",t=o.isNullOrUndefined(this.$slots.default)?t:a.isExecute?this.$slots.default:this.$slots.default())},methods:{clearTemplate:function(e){if((e=e||Object.keys(this.templateCollection||{})).length&&this.templateCollection)for(var t=0,s=e;t<s.length;t++){var n=s[t],i=this.templateCollection[n];if(i&&i.length){for(var a=0,o=i;a<o.length;a++){var r=o[a];this.destroyPortals(r)}delete this.templateCollection[n]}}},setProperties:function(s,e){var n=this;this.isVue3&&(this.models=this.models||this.ej2Instances.referModels),this.ej2Instances&&this.ej2Instances._setProperties&&this.ej2Instances._setProperties(s,e),s&&this.models&&this.models.length&&Object.keys(s).map(function(t){n.models.map(function(e){t!==e||/datasource/i.test(t)||(n.isVue3?n.ej2Instances.vueInstance.$emit("update:"+t,s[t]):(n.$emit("update:"+t,s[t]),n.$emit("modelchanged",s[t])))})})},trigger:function(e,t,s){var n,i;a.isExecute||(this.models=this.models||this.ej2Instances.referModels),"change"!==e&&"input"!==e||!this.models||0===this.models.length?"actionBegin"===e&&"dateNavigate"===t.requestType&&this.models&&0!==this.models.length&&(i=(n=this.models.toString().match(/currentView|selectedDate/)||[])[0],t)&&n&&!o.isUndefined(t[i])&&(a.isExecute?(this.$emit("update:"+i,t[i]),this):(this.ej2Instances.vueInstance.$emit("update:"+i,t[i]),this.ej2Instances.vueInstance)).$emit("modelchanged",t[i]):(i=(n=this.models.toString().match(/checked|value/)||[])[0],t&&n&&!o.isUndefined(t[i])&&(a.isExecute?("change"===e||this.$props&&!this.$props.isLazyUpdate)&&(this.$emit("update:"+i,t[i]),this.$emit("modelchanged",t[i])):(this.ej2Instances.vueInstance.$emit("update:"+i,t[i]),this.ej2Instances.vueInstance.$emit("modelchanged",t[i]),this.ej2Instances.vueInstance.$emit("update:modelValue",t[i])))),this.ej2Instances&&this.ej2Instances._trigger&&this.ej2Instances._trigger(e,t,s)},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()}}}),ue={name:"ejs-colorpicker",install:function(e){e.component(ue.name,le)}},he=["isLazyUpdate","plugins","backgroundColor","backgroundImage","disabled","enablePersistence","enableRtl","isReadOnly","locale","maxStrokeWidth","minStrokeWidth","saveWithBackground","strokeColor","velocity","beforeSave","change","created"],de=[],r=a.getProps({props:he}),i=r[0],r=r[1],V=Object.keys(r);V.push("modelchanged","update:modelValue");for(var M=0,pe=de;M<pe.length;M++)V.push("update:"+pe[M]);var me=a.vueDefineComponent({name:"SignatureComponent",mixins:[a.ComponentBase],props:i,watch:r,emits:V,provide:function(){return{custom:this.custom}},data:function(){return{ej2Instances:new s.Signature({}),propKeys:he,models:de,hasChildDirective:!1,hasInjectedModules:!1,tagMapper:{},tagNameMapper:{},isVue3:!a.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=null;return(a.isExecute?e:a.gh)("canvas",t=o.isNullOrUndefined(this.$slots.default)?t:a.isExecute?this.$slots.default:this.$slots.default())},methods:{clearTemplate:function(e){if((e=e||Object.keys(this.templateCollection||{})).length&&this.templateCollection)for(var t=0,s=e;t<s.length;t++){var n=s[t],i=this.templateCollection[n];if(i&&i.length){for(var a=0,o=i;a<o.length;a++){var r=o[a];this.destroyPortals(r)}delete this.templateCollection[n]}}},setProperties:function(s,e){var n=this;this.isVue3&&(this.models=this.models||this.ej2Instances.referModels),this.ej2Instances&&this.ej2Instances._setProperties&&this.ej2Instances._setProperties(s,e),s&&this.models&&this.models.length&&Object.keys(s).map(function(t){n.models.map(function(e){t!==e||/datasource/i.test(t)||(n.isVue3?n.ej2Instances.vueInstance.$emit("update:"+t,s[t]):(n.$emit("update:"+t,s[t]),n.$emit("modelchanged",s[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,n,i){return this.ej2Instances.draw(e,t,s,n,i)},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()},refresh:function(){return this.ej2Instances.refresh()},save:function(e,t){return this.ej2Instances.save(e,t)},saveAsBlob:function(){return this.ej2Instances.saveAsBlob()},undo:function(){return this.ej2Instances.undo()}}}),ge={name:"ejs-signature",install:function(e){e.component(ge.name,me)}},fe=["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"],Ie=["value"],i=a.getProps({props:fe}),r=i[0],i=i[1],U=Object.keys(i);U.push("modelchanged","update:modelValue");for(var _=0,je=Ie;_<je.length;_++)U.push("update:"+je[_]);var ve=a.vueDefineComponent({name:"RatingComponent",mixins:[a.ComponentBase],props:r,watch:i,emits:U,model:{event:"modelchanged"},provide:function(){return{custom:this.custom}},data:function(){return{ej2Instances:new s.Rating({}),propKeys:fe,models:Ie,hasChildDirective:!1,hasInjectedModules:!1,tagMapper:{},tagNameMapper:{},isVue3:!a.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=null;return(a.isExecute?e:a.gh)("input",t=o.isNullOrUndefined(this.$slots.default)?t:a.isExecute?this.$slots.default:this.$slots.default())},methods:{clearTemplate:function(e){if((e=e||Object.keys(this.templateCollection||{})).length&&this.templateCollection)for(var t=0,s=e;t<s.length;t++){var n=s[t],i=this.templateCollection[n];if(i&&i.length){for(var a=0,o=i;a<o.length;a++){var r=o[a];this.destroyPortals(r)}delete this.templateCollection[n]}}},setProperties:function(s,e){var n=this;this.isVue3&&(this.models=this.models||this.ej2Instances.referModels),this.ej2Instances&&this.ej2Instances._setProperties&&this.ej2Instances._setProperties(s,e),s&&this.models&&this.models.length&&Object.keys(s).map(function(t){n.models.map(function(e){t!==e||/datasource/i.test(t)||(n.isVue3?n.ej2Instances.vueInstance.$emit("update:"+t,s[t]):(n.$emit("update:"+t,s[t]),n.$emit("modelchanged",s[t])))})})},trigger:function(e,t,s){var n,i;a.isExecute||(this.models=this.models||this.ej2Instances.referModels),"change"!==e&&"input"!==e||!this.models||0===this.models.length?"actionBegin"===e&&"dateNavigate"===t.requestType&&this.models&&0!==this.models.length&&(i=(n=this.models.toString().match(/currentView|selectedDate/)||[])[0],t)&&n&&!o.isUndefined(t[i])&&(a.isExecute?(this.$emit("update:"+i,t[i]),this):(this.ej2Instances.vueInstance.$emit("update:"+i,t[i]),this.ej2Instances.vueInstance)).$emit("modelchanged",t[i]):(i=(n=this.models.toString().match(/checked|value/)||[])[0],t&&n&&!o.isUndefined(t[i])&&(a.isExecute?("change"===e||this.$props&&!this.$props.isLazyUpdate)&&(this.$emit("update:"+i,t[i]),this.$emit("modelchanged",t[i])):(this.ej2Instances.vueInstance.$emit("update:"+i,t[i]),this.ej2Instances.vueInstance.$emit("modelchanged",t[i]),this.ej2Instances.vueInstance.$emit("update:modelValue",t[i])))),this.ej2Instances&&this.ej2Instances._trigger&&this.ej2Instances._trigger(e,t,s)},custom:function(){this.updated()},reset:function(){return this.ej2Instances.reset()}}}),$e={name:"ejs-rating",install:function(e){e.component($e.name,ve)}},be=["isLazyUpdate","plugins","ariaLabels","cssClass","disabled","enablePersistence","enableRtl","htmlAttributes","length","locale","placeholder","separator","stylingMode","type","value","blur","created","focus","input","valueChanged"],Ce=["value"],r=a.getProps({props:be}),i=r[0],r=r[1],w=Object.keys(r);w.push("modelchanged","update:modelValue");for(var B=0,Pe=Ce;B<Pe.length;B++)w.push("update:"+Pe[B]);var ye=a.vueDefineComponent({name:"OtpInputComponent",mixins:[a.ComponentBase],props:i,watch:r,emits:w,model:{event:"modelchanged"},provide:function(){return{custom:this.custom}},data:function(){return{ej2Instances:new s.OtpInput({}),propKeys:be,models:Ce,hasChildDirective:!1,hasInjectedModules:!1,tagMapper:{},tagNameMapper:{},isVue3:!a.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=null;return(a.isExecute?e:a.gh)("div",t=o.isNullOrUndefined(this.$slots.default)?t:a.isExecute?this.$slots.default:this.$slots.default())},methods:{clearTemplate:function(e){if((e=e||Object.keys(this.templateCollection||{})).length&&this.templateCollection)for(var t=0,s=e;t<s.length;t++){var n=s[t],i=this.templateCollection[n];if(i&&i.length){for(var a=0,o=i;a<o.length;a++){var r=o[a];this.destroyPortals(r)}delete this.templateCollection[n]}}},setProperties:function(s,e){var n=this;this.isVue3&&(this.models=this.models||this.ej2Instances.referModels),this.ej2Instances&&this.ej2Instances._setProperties&&this.ej2Instances._setProperties(s,e),s&&this.models&&this.models.length&&Object.keys(s).map(function(t){n.models.map(function(e){t!==e||/datasource/i.test(t)||(n.isVue3?n.ej2Instances.vueInstance.$emit("update:"+t,s[t]):(n.$emit("update:"+t,s[t]),n.$emit("modelchanged",s[t])))})})},trigger:function(e,t,s){var n,i;a.isExecute||(this.models=this.models||this.ej2Instances.referModels),"change"!==e&&"input"!==e||!this.models||0===this.models.length?"actionBegin"===e&&"dateNavigate"===t.requestType&&this.models&&0!==this.models.length&&(i=(n=this.models.toString().match(/currentView|selectedDate/)||[])[0],t)&&n&&!o.isUndefined(t[i])&&(a.isExecute?(this.$emit("update:"+i,t[i]),this):(this.ej2Instances.vueInstance.$emit("update:"+i,t[i]),this.ej2Instances.vueInstance)).$emit("modelchanged",t[i]):(i=(n=this.models.toString().match(/checked|value/)||[])[0],t&&n&&!o.isUndefined(t[i])&&(a.isExecute?("change"===e||this.$props&&!this.$props.isLazyUpdate)&&(this.$emit("update:"+i,t[i]),this.$emit("modelchanged",t[i])):(this.ej2Instances.vueInstance.$emit("update:"+i,t[i]),this.ej2Instances.vueInstance.$emit("modelchanged",t[i]),this.ej2Instances.vueInstance.$emit("update:modelValue",t[i])))),this.ej2Instances&&this.ej2Instances._trigger&&this.ej2Instances._trigger(e,t,s)},custom:function(){this.updated()},focusIn:function(){return this.ej2Instances.focusIn()},focusOut:function(){return this.ej2Instances.focusOut()}}}),xe={name:"ejs-otpinput",install:function(e){e.component(xe.name,ye)}};Object.keys(s).forEach(function(e){"default"!==e&&Object.defineProperty(t,e,{enumerable:!0,get:function(){return s[e]}})}),t.ColorPickerComponent=le,t.ColorPickerPlugin=ue,t.FilesDirective=C,t.FilesPlugin=P,t.MaskedTextBoxComponent=G,t.MaskedTextBoxPlugin=J,t.NumericTextBoxComponent=F,t.NumericTextBoxPlugin=q,t.OtpInputComponent=ye,t.OtpInputPlugin=xe,t.RatingComponent=ve,t.RatingPlugin=$e,t.SignatureComponent=me,t.SignaturePlugin=ge,t.SliderComponent=Z,t.SliderPlugin=ee,t.TextAreaComponent=N,t.TextAreaPlugin=L,t.TextBoxComponent=h,t.TextBoxPlugin=d,t.UploadedFilesDirective=y,t.UploadedFilesPlugin=x,t.UploaderComponent=ie,t.UploaderPlugin=ae,Object.defineProperty(t,"__esModule",{value:!0})});
10
+ !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=e||self).ej={},e.ej2Inputs,e.ej2VueBase,e.ej2Base)}(this,function(t,s,a,o){"use strict";var e=["isLazyUpdate","plugins","autocomplete","cssClass","enablePersistence","enableRtl","enabled","floatLabelType","htmlAttributes","locale","multiline","placeholder","readonly","showClearButton","type","value","width","blur","change","created","destroyed","focus","input"],n=["value"],i=a.getProps({props:e}),r=i[0],i=i[1],c=Object.keys(i);c.push("modelchanged","update:modelValue");for(var l=0,u=n;l<u.length;l++)c.push("update:"+u[l]);var h=a.vueDefineComponent({name:"TextBoxComponent",mixins:[a.ComponentBase],props:r,watch:i,emits:c,model:{event:"modelchanged"},provide:function(){return{custom:this.custom}},data:function(){return{ej2Instances:new s.TextBox({}),propKeys:e,models:n,hasChildDirective:!1,hasInjectedModules:!1,tagMapper:{},tagNameMapper:{},isVue3:!a.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=null;return(a.isExecute?e:a.gh)("input",t=o.isNullOrUndefined(this.$slots.default)?t:a.isExecute?this.$slots.default:this.$slots.default())},methods:{clearTemplate:function(e){if((e=e||Object.keys(this.templateCollection||{})).length&&this.templateCollection)for(var t=0,s=e;t<s.length;t++){var n=s[t],i=this.templateCollection[n];if(i&&i.length){for(var a=0,o=i;a<o.length;a++){var r=o[a];this.destroyPortals(r)}delete this.templateCollection[n]}}},setProperties:function(s,e){var n=this;this.isVue3&&(this.models=this.models||this.ej2Instances.referModels),this.ej2Instances&&this.ej2Instances._setProperties&&this.ej2Instances._setProperties(s,e),s&&this.models&&this.models.length&&Object.keys(s).map(function(t){n.models.map(function(e){t!==e||/datasource/i.test(t)||(n.isVue3?n.ej2Instances.vueInstance.$emit("update:"+t,s[t]):(n.$emit("update:"+t,s[t]),n.$emit("modelchanged",s[t])))})})},trigger:function(e,t,s){var n,i;a.isExecute||(this.models=this.models||this.ej2Instances.referModels),"change"!==e&&"input"!==e||!this.models||0===this.models.length?"actionBegin"===e&&"dateNavigate"===t.requestType&&this.models&&0!==this.models.length&&(i=(n=this.models.toString().match(/currentView|selectedDate/)||[])[0],t)&&n&&!o.isUndefined(t[i])&&(a.isExecute?(this.$emit("update:"+i,t[i]),this):(this.ej2Instances.vueInstance.$emit("update:"+i,t[i]),this.ej2Instances.vueInstance)).$emit("modelchanged",t[i]):(i=(n=this.models.toString().match(/checked|value/)||[])[0],t&&n&&!o.isUndefined(t[i])&&(a.isExecute?("change"===e||this.$props&&!this.$props.isLazyUpdate)&&(this.$emit("update:"+i,t[i]),this.$emit("modelchanged",t[i])):(this.ej2Instances.vueInstance.$emit("update:"+i,t[i]),this.ej2Instances.vueInstance.$emit("modelchanged",t[i]),this.ej2Instances.vueInstance.$emit("update:modelValue",t[i])))),this.ej2Instances&&this.ej2Instances._trigger&&this.ej2Instances._trigger(e,t,s)},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)}}}),B={name:"ejs-textbox",install:function(e){e.component(B.name,h)}},D=["isLazyUpdate","plugins","cols","cssClass","enablePersistence","enableRtl","enabled","floatLabelType","htmlAttributes","locale","maxLength","placeholder","readonly","resizeMode","rows","showClearButton","value","width","blur","change","created","destroyed","focus","input"],N=["value"],r=a.getProps({props:D}),i=r[0],r=r[1],d=Object.keys(r);d.push("modelchanged","update:modelValue");for(var p=0,L=N;p<L.length;p++)d.push("update:"+L[p]);var A=a.vueDefineComponent({name:"TextAreaComponent",mixins:[a.ComponentBase],props:i,watch:r,emits:d,model:{event:"modelchanged"},provide:function(){return{custom:this.custom}},data:function(){return{ej2Instances:new s.TextArea({}),propKeys:D,models:N,hasChildDirective:!1,hasInjectedModules:!1,tagMapper:{},tagNameMapper:{},isVue3:!a.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=null;return(a.isExecute?e:a.gh)("textarea",t=o.isNullOrUndefined(this.$slots.default)?t:a.isExecute?this.$slots.default:this.$slots.default())},methods:{clearTemplate:function(e){if((e=e||Object.keys(this.templateCollection||{})).length&&this.templateCollection)for(var t=0,s=e;t<s.length;t++){var n=s[t],i=this.templateCollection[n];if(i&&i.length){for(var a=0,o=i;a<o.length;a++){var r=o[a];this.destroyPortals(r)}delete this.templateCollection[n]}}},setProperties:function(s,e){var n=this;this.isVue3&&(this.models=this.models||this.ej2Instances.referModels),this.ej2Instances&&this.ej2Instances._setProperties&&this.ej2Instances._setProperties(s,e),s&&this.models&&this.models.length&&Object.keys(s).map(function(t){n.models.map(function(e){t!==e||/datasource/i.test(t)||(n.isVue3?n.ej2Instances.vueInstance.$emit("update:"+t,s[t]):(n.$emit("update:"+t,s[t]),n.$emit("modelchanged",s[t])))})})},trigger:function(e,t,s){var n,i;a.isExecute||(this.models=this.models||this.ej2Instances.referModels),"change"!==e&&"input"!==e||!this.models||0===this.models.length?"actionBegin"===e&&"dateNavigate"===t.requestType&&this.models&&0!==this.models.length&&(i=(n=this.models.toString().match(/currentView|selectedDate/)||[])[0],t)&&n&&!o.isUndefined(t[i])&&(a.isExecute?(this.$emit("update:"+i,t[i]),this):(this.ej2Instances.vueInstance.$emit("update:"+i,t[i]),this.ej2Instances.vueInstance)).$emit("modelchanged",t[i]):(i=(n=this.models.toString().match(/checked|value/)||[])[0],t&&n&&!o.isUndefined(t[i])&&(a.isExecute?("change"===e||this.$props&&!this.$props.isLazyUpdate)&&(this.$emit("update:"+i,t[i]),this.$emit("modelchanged",t[i])):(this.ej2Instances.vueInstance.$emit("update:"+i,t[i]),this.ej2Instances.vueInstance.$emit("modelchanged",t[i]),this.ej2Instances.vueInstance.$emit("update:modelValue",t[i])))),this.ej2Instances&&this.ej2Instances._trigger&&this.ej2Instances._trigger(e,t,s)},custom:function(){this.updated()},addAttributes:function(e){return this.ej2Instances.addAttributes(e)},focusIn:function(){return this.ej2Instances.focusIn()},focusOut:function(){return this.ej2Instances.focusOut()},removeAttributes:function(e){return this.ej2Instances.removeAttributes(e)}}}),z={name:"ejs-textarea",install:function(e){e.component(z.name,A)}},R=["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=a.getProps({props:R}),r=i[0],i=i[1],m=Object.keys(i);m.push("modelchanged","update:modelValue");for(var g=0,q=F;g<q.length;g++)m.push("update:"+q[g]);var K=a.vueDefineComponent({name:"NumericTextBoxComponent",mixins:[a.ComponentBase],props:r,watch:i,emits:m,model:{event:"modelchanged"},provide:function(){return{custom:this.custom}},data:function(){return{ej2Instances:new s.NumericTextBox({}),propKeys:R,models:F,hasChildDirective:!1,hasInjectedModules:!1,tagMapper:{},tagNameMapper:{},isVue3:!a.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=null;return(a.isExecute?e:a.gh)("input",t=o.isNullOrUndefined(this.$slots.default)?t:a.isExecute?this.$slots.default:this.$slots.default())},methods:{clearTemplate:function(e){if((e=e||Object.keys(this.templateCollection||{})).length&&this.templateCollection)for(var t=0,s=e;t<s.length;t++){var n=s[t],i=this.templateCollection[n];if(i&&i.length){for(var a=0,o=i;a<o.length;a++){var r=o[a];this.destroyPortals(r)}delete this.templateCollection[n]}}},setProperties:function(s,e){var n=this;this.isVue3&&(this.models=this.models||this.ej2Instances.referModels),this.ej2Instances&&this.ej2Instances._setProperties&&this.ej2Instances._setProperties(s,e),s&&this.models&&this.models.length&&Object.keys(s).map(function(t){n.models.map(function(e){t!==e||/datasource/i.test(t)||(n.isVue3?n.ej2Instances.vueInstance.$emit("update:"+t,s[t]):(n.$emit("update:"+t,s[t]),n.$emit("modelchanged",s[t])))})})},trigger:function(e,t,s){var n,i;a.isExecute||(this.models=this.models||this.ej2Instances.referModels),"change"!==e&&"input"!==e||!this.models||0===this.models.length?"actionBegin"===e&&"dateNavigate"===t.requestType&&this.models&&0!==this.models.length&&(i=(n=this.models.toString().match(/currentView|selectedDate/)||[])[0],t)&&n&&!o.isUndefined(t[i])&&(a.isExecute?(this.$emit("update:"+i,t[i]),this):(this.ej2Instances.vueInstance.$emit("update:"+i,t[i]),this.ej2Instances.vueInstance)).$emit("modelchanged",t[i]):(i=(n=this.models.toString().match(/checked|value/)||[])[0],t&&n&&!o.isUndefined(t[i])&&(a.isExecute?("change"===e||this.$props&&!this.$props.isLazyUpdate)&&(this.$emit("update:"+i,t[i]),this.$emit("modelchanged",t[i])):(this.ej2Instances.vueInstance.$emit("update:"+i,t[i]),this.ej2Instances.vueInstance.$emit("modelchanged",t[i]),this.ej2Instances.vueInstance.$emit("update:modelValue",t[i])))),this.ej2Instances&&this.ej2Instances._trigger&&this.ej2Instances._trigger(e,t,s)},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)}}}),H={name:"ejs-numerictextbox",install:function(e){e.component(H.name,K)}},W=["isLazyUpdate","plugins","cssClass","customCharacters","enablePersistence","enableRtl","enabled","floatLabelType","htmlAttributes","locale","mask","placeholder","promptChar","readonly","showClearButton","value","width","blur","change","created","destroyed","focus"],G=["value"],r=a.getProps({props:W}),i=r[0],r=r[1],f=Object.keys(r);f.push("modelchanged","update:modelValue");for(var I=0,J=G;I<J.length;I++)f.push("update:"+J[I]);var Q=a.vueDefineComponent({name:"MaskedTextBoxComponent",mixins:[a.ComponentBase],props:i,watch:r,emits:f,model:{event:"modelchanged"},provide:function(){return{custom:this.custom}},data:function(){return{ej2Instances:new s.MaskedTextBox({}),propKeys:W,models:G,hasChildDirective:!1,hasInjectedModules:!1,tagMapper:{},tagNameMapper:{},isVue3:!a.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=null;return(a.isExecute?e:a.gh)("input",t=o.isNullOrUndefined(this.$slots.default)?t:a.isExecute?this.$slots.default:this.$slots.default())},methods:{clearTemplate:function(e){if((e=e||Object.keys(this.templateCollection||{})).length&&this.templateCollection)for(var t=0,s=e;t<s.length;t++){var n=s[t],i=this.templateCollection[n];if(i&&i.length){for(var a=0,o=i;a<o.length;a++){var r=o[a];this.destroyPortals(r)}delete this.templateCollection[n]}}},setProperties:function(s,e){var n=this;this.isVue3&&(this.models=this.models||this.ej2Instances.referModels),this.ej2Instances&&this.ej2Instances._setProperties&&this.ej2Instances._setProperties(s,e),s&&this.models&&this.models.length&&Object.keys(s).map(function(t){n.models.map(function(e){t!==e||/datasource/i.test(t)||(n.isVue3?n.ej2Instances.vueInstance.$emit("update:"+t,s[t]):(n.$emit("update:"+t,s[t]),n.$emit("modelchanged",s[t])))})})},trigger:function(e,t,s){var n,i;a.isExecute||(this.models=this.models||this.ej2Instances.referModels),"change"!==e&&"input"!==e||!this.models||0===this.models.length?"actionBegin"===e&&"dateNavigate"===t.requestType&&this.models&&0!==this.models.length&&(i=(n=this.models.toString().match(/currentView|selectedDate/)||[])[0],t)&&n&&!o.isUndefined(t[i])&&(a.isExecute?(this.$emit("update:"+i,t[i]),this):(this.ej2Instances.vueInstance.$emit("update:"+i,t[i]),this.ej2Instances.vueInstance)).$emit("modelchanged",t[i]):(i=(n=this.models.toString().match(/checked|value/)||[])[0],t&&n&&!o.isUndefined(t[i])&&(a.isExecute?("change"===e||this.$props&&!this.$props.isLazyUpdate)&&(this.$emit("update:"+i,t[i]),this.$emit("modelchanged",t[i])):(this.ej2Instances.vueInstance.$emit("update:"+i,t[i]),this.ej2Instances.vueInstance.$emit("modelchanged",t[i]),this.ej2Instances.vueInstance.$emit("update:modelValue",t[i])))),this.ej2Instances&&this.ej2Instances._trigger&&this.ej2Instances._trigger(e,t,s)},custom:function(){this.updated()},focusIn:function(){return this.ej2Instances.focusIn()},focusOut:function(){return this.ej2Instances.focusOut()},getMaskedValue:function(){return this.ej2Instances.getMaskedValue()}}}),X={name:"ejs-maskedtextbox",install:function(e){e.component(X.name,Q)}},Y=["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"],Z=["value"],i=a.getProps({props:Y}),r=i[0],i=i[1],j=Object.keys(i);j.push("modelchanged","update:modelValue");for(var v=0,ee=Z;v<ee.length;v++)j.push("update:"+ee[v]);var te=a.vueDefineComponent({name:"SliderComponent",mixins:[a.ComponentBase],props:r,watch:i,emits:j,model:{event:"modelchanged"},provide:function(){return{custom:this.custom}},data:function(){return{ej2Instances:new s.Slider({}),propKeys:Y,models:Z,hasChildDirective:!1,hasInjectedModules:!1,tagMapper:{},tagNameMapper:{},isVue3:!a.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=null;return(a.isExecute?e:a.gh)("div",t=o.isNullOrUndefined(this.$slots.default)?t:a.isExecute?this.$slots.default:this.$slots.default())},methods:{clearTemplate:function(e){if((e=e||Object.keys(this.templateCollection||{})).length&&this.templateCollection)for(var t=0,s=e;t<s.length;t++){var n=s[t],i=this.templateCollection[n];if(i&&i.length){for(var a=0,o=i;a<o.length;a++){var r=o[a];this.destroyPortals(r)}delete this.templateCollection[n]}}},setProperties:function(s,e){var n=this;this.isVue3&&(this.models=this.models||this.ej2Instances.referModels),this.ej2Instances&&this.ej2Instances._setProperties&&this.ej2Instances._setProperties(s,e),s&&this.models&&this.models.length&&Object.keys(s).map(function(t){n.models.map(function(e){t!==e||/datasource/i.test(t)||(n.isVue3?n.ej2Instances.vueInstance.$emit("update:"+t,s[t]):(n.$emit("update:"+t,s[t]),n.$emit("modelchanged",s[t])))})})},trigger:function(e,t,s){var n,i;a.isExecute||(this.models=this.models||this.ej2Instances.referModels),"change"!==e&&"input"!==e||!this.models||0===this.models.length?"actionBegin"===e&&"dateNavigate"===t.requestType&&this.models&&0!==this.models.length&&(i=(n=this.models.toString().match(/currentView|selectedDate/)||[])[0],t)&&n&&!o.isUndefined(t[i])&&(a.isExecute?(this.$emit("update:"+i,t[i]),this):(this.ej2Instances.vueInstance.$emit("update:"+i,t[i]),this.ej2Instances.vueInstance)).$emit("modelchanged",t[i]):(i=(n=this.models.toString().match(/checked|value/)||[])[0],t&&n&&!o.isUndefined(t[i])&&(a.isExecute?("change"===e||this.$props&&!this.$props.isLazyUpdate)&&(this.$emit("update:"+i,t[i]),this.$emit("modelchanged",t[i])):(this.ej2Instances.vueInstance.$emit("update:"+i,t[i]),this.ej2Instances.vueInstance.$emit("modelchanged",t[i]),this.ej2Instances.vueInstance.$emit("update:modelValue",t[i])))),this.ej2Instances&&this.ej2Instances._trigger&&this.ej2Instances._trigger(e,t,s)},custom:function(){this.updated()},reposition:function(){return this.ej2Instances.reposition()},setTooltip:function(e){return this.ej2Instances.setTooltip(e)}}}),se={name:"ejs-slider",install:function(e){e.component(se.name,te)}},$=a.vueDefineComponent({inject:{custom:{default:null}},render:function(e){var t;if(!a.isExecute)return t=null,(a.isExecute?e:a.gh)("div",{class:"e-directive"},t=o.isNullOrUndefined(this.$slots.default)?t:a.isExecute?this.$slots.default:this.$slots.default())},updated:function(){!a.isExecute&&this.custom&&this.custom()},methods:{getTag:function(){return"e-files"}}}),b={name:"e-files",install:function(e){e.component(b.name,$)}},C=a.vueDefineComponent({render:function(){},methods:{getTag:function(){return"e-uploadedfiles"}}}),P={name:"e-uploadedfiles",install:function(e){e.component(P.name,C)}},ne=["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"],ie=[],r=a.getProps({props:ne}),i=r[0],r=r[1],y=Object.keys(r);y.push("modelchanged","update:modelValue");for(var x=0,ae=ie;x<ae.length;x++)y.push("update:"+ae[x]);var oe=a.vueDefineComponent({name:"UploaderComponent",mixins:[a.ComponentBase],props:i,watch:r,emits:y,provide:function(){return{custom:this.custom}},data:function(){return{ej2Instances:new s.Uploader({}),propKeys:ne,models:ie,hasChildDirective:!0,hasInjectedModules:!1,tagMapper:{"e-files":"e-uploadedfiles"},tagNameMapper:{},isVue3:!a.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=null;return(a.isExecute?e:a.gh)("input",t=o.isNullOrUndefined(this.$slots.default)?t:a.isExecute?this.$slots.default:this.$slots.default())},methods:{clearTemplate:function(e){if((e=e||Object.keys(this.templateCollection||{})).length&&this.templateCollection)for(var t=0,s=e;t<s.length;t++){var n=s[t],i=this.templateCollection[n];if(i&&i.length){for(var a=0,o=i;a<o.length;a++){var r=o[a];this.destroyPortals(r)}delete this.templateCollection[n]}}},setProperties:function(s,e){var n=this;this.isVue3&&(this.models=this.models||this.ej2Instances.referModels),this.ej2Instances&&this.ej2Instances._setProperties&&this.ej2Instances._setProperties(s,e),s&&this.models&&this.models.length&&Object.keys(s).map(function(t){n.models.map(function(e){t!==e||/datasource/i.test(t)||(n.isVue3?n.ej2Instances.vueInstance.$emit("update:"+t,s[t]):(n.$emit("update:"+t,s[t]),n.$emit("modelchanged",s[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){return this.ej2Instances.createFileList(e)},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)}}}),re={name:"ejs-uploader",install:function(e){e.component(re.name,oe),e.component(P.name,C),e.component(b.name,$)}},ce=["isLazyUpdate","plugins","columns","createPopupOnClick","cssClass","disabled","enableOpacity","enablePersistence","enableRtl","inline","locale","mode","modeSwitcher","noColor","presetColors","showButtons","showRecentColors","value","beforeClose","beforeModeSwitch","beforeOpen","beforeTileRender","change","created","onModeSwitch","open","select"],le=["value"],i=a.getProps({props:ce}),r=i[0],i=i[1],T=Object.keys(i);T.push("modelchanged","update:modelValue");for(var O=0,ue=le;O<ue.length;O++)T.push("update:"+ue[O]);var he=a.vueDefineComponent({name:"ColorPickerComponent",mixins:[a.ComponentBase],props:r,watch:i,emits:T,model:{event:"modelchanged"},provide:function(){return{custom:this.custom}},data:function(){return{ej2Instances:new s.ColorPicker({}),propKeys:ce,models:le,hasChildDirective:!1,hasInjectedModules:!1,tagMapper:{},tagNameMapper:{},isVue3:!a.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=null;return(a.isExecute?e:a.gh)("input",t=o.isNullOrUndefined(this.$slots.default)?t:a.isExecute?this.$slots.default:this.$slots.default())},methods:{clearTemplate:function(e){if((e=e||Object.keys(this.templateCollection||{})).length&&this.templateCollection)for(var t=0,s=e;t<s.length;t++){var n=s[t],i=this.templateCollection[n];if(i&&i.length){for(var a=0,o=i;a<o.length;a++){var r=o[a];this.destroyPortals(r)}delete this.templateCollection[n]}}},setProperties:function(s,e){var n=this;this.isVue3&&(this.models=this.models||this.ej2Instances.referModels),this.ej2Instances&&this.ej2Instances._setProperties&&this.ej2Instances._setProperties(s,e),s&&this.models&&this.models.length&&Object.keys(s).map(function(t){n.models.map(function(e){t!==e||/datasource/i.test(t)||(n.isVue3?n.ej2Instances.vueInstance.$emit("update:"+t,s[t]):(n.$emit("update:"+t,s[t]),n.$emit("modelchanged",s[t])))})})},trigger:function(e,t,s){var n,i;a.isExecute||(this.models=this.models||this.ej2Instances.referModels),"change"!==e&&"input"!==e||!this.models||0===this.models.length?"actionBegin"===e&&"dateNavigate"===t.requestType&&this.models&&0!==this.models.length&&(i=(n=this.models.toString().match(/currentView|selectedDate/)||[])[0],t)&&n&&!o.isUndefined(t[i])&&(a.isExecute?(this.$emit("update:"+i,t[i]),this):(this.ej2Instances.vueInstance.$emit("update:"+i,t[i]),this.ej2Instances.vueInstance)).$emit("modelchanged",t[i]):(i=(n=this.models.toString().match(/checked|value/)||[])[0],t&&n&&!o.isUndefined(t[i])&&(a.isExecute?("change"===e||this.$props&&!this.$props.isLazyUpdate)&&(this.$emit("update:"+i,t[i]),this.$emit("modelchanged",t[i])):(this.ej2Instances.vueInstance.$emit("update:"+i,t[i]),this.ej2Instances.vueInstance.$emit("modelchanged",t[i]),this.ej2Instances.vueInstance.$emit("update:modelValue",t[i])))),this.ej2Instances&&this.ej2Instances._trigger&&this.ej2Instances._trigger(e,t,s)},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()}}}),de={name:"ejs-colorpicker",install:function(e){e.component(de.name,he)}},pe=["isLazyUpdate","plugins","backgroundColor","backgroundImage","disabled","enablePersistence","enableRtl","isReadOnly","locale","maxStrokeWidth","minStrokeWidth","saveWithBackground","strokeColor","velocity","beforeSave","change","created"],me=[],r=a.getProps({props:pe}),i=r[0],r=r[1],k=Object.keys(r);k.push("modelchanged","update:modelValue");for(var E=0,ge=me;E<ge.length;E++)k.push("update:"+ge[E]);var fe=a.vueDefineComponent({name:"SignatureComponent",mixins:[a.ComponentBase],props:i,watch:r,emits:k,provide:function(){return{custom:this.custom}},data:function(){return{ej2Instances:new s.Signature({}),propKeys:pe,models:me,hasChildDirective:!1,hasInjectedModules:!1,tagMapper:{},tagNameMapper:{},isVue3:!a.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=null;return(a.isExecute?e:a.gh)("canvas",t=o.isNullOrUndefined(this.$slots.default)?t:a.isExecute?this.$slots.default:this.$slots.default())},methods:{clearTemplate:function(e){if((e=e||Object.keys(this.templateCollection||{})).length&&this.templateCollection)for(var t=0,s=e;t<s.length;t++){var n=s[t],i=this.templateCollection[n];if(i&&i.length){for(var a=0,o=i;a<o.length;a++){var r=o[a];this.destroyPortals(r)}delete this.templateCollection[n]}}},setProperties:function(s,e){var n=this;this.isVue3&&(this.models=this.models||this.ej2Instances.referModels),this.ej2Instances&&this.ej2Instances._setProperties&&this.ej2Instances._setProperties(s,e),s&&this.models&&this.models.length&&Object.keys(s).map(function(t){n.models.map(function(e){t!==e||/datasource/i.test(t)||(n.isVue3?n.ej2Instances.vueInstance.$emit("update:"+t,s[t]):(n.$emit("update:"+t,s[t]),n.$emit("modelchanged",s[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,n,i){return this.ej2Instances.draw(e,t,s,n,i)},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()},refresh:function(){return this.ej2Instances.refresh()},save:function(e,t){return this.ej2Instances.save(e,t)},saveAsBlob:function(){return this.ej2Instances.saveAsBlob()},undo:function(){return this.ej2Instances.undo()}}}),Ie={name:"ejs-signature",install:function(e){e.component(Ie.name,fe)}},je=["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"],ve=["value"],i=a.getProps({props:je}),r=i[0],i=i[1],V=Object.keys(i);V.push("modelchanged","update:modelValue");for(var M=0,$e=ve;M<$e.length;M++)V.push("update:"+$e[M]);var be=a.vueDefineComponent({name:"RatingComponent",mixins:[a.ComponentBase],props:r,watch:i,emits:V,model:{event:"modelchanged"},provide:function(){return{custom:this.custom}},data:function(){return{ej2Instances:new s.Rating({}),propKeys:je,models:ve,hasChildDirective:!1,hasInjectedModules:!1,tagMapper:{},tagNameMapper:{},isVue3:!a.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=null;return(a.isExecute?e:a.gh)("input",t=o.isNullOrUndefined(this.$slots.default)?t:a.isExecute?this.$slots.default:this.$slots.default())},methods:{clearTemplate:function(e){if((e=e||Object.keys(this.templateCollection||{})).length&&this.templateCollection)for(var t=0,s=e;t<s.length;t++){var n=s[t],i=this.templateCollection[n];if(i&&i.length){for(var a=0,o=i;a<o.length;a++){var r=o[a];this.destroyPortals(r)}delete this.templateCollection[n]}}},setProperties:function(s,e){var n=this;this.isVue3&&(this.models=this.models||this.ej2Instances.referModels),this.ej2Instances&&this.ej2Instances._setProperties&&this.ej2Instances._setProperties(s,e),s&&this.models&&this.models.length&&Object.keys(s).map(function(t){n.models.map(function(e){t!==e||/datasource/i.test(t)||(n.isVue3?n.ej2Instances.vueInstance.$emit("update:"+t,s[t]):(n.$emit("update:"+t,s[t]),n.$emit("modelchanged",s[t])))})})},trigger:function(e,t,s){var n,i;a.isExecute||(this.models=this.models||this.ej2Instances.referModels),"change"!==e&&"input"!==e||!this.models||0===this.models.length?"actionBegin"===e&&"dateNavigate"===t.requestType&&this.models&&0!==this.models.length&&(i=(n=this.models.toString().match(/currentView|selectedDate/)||[])[0],t)&&n&&!o.isUndefined(t[i])&&(a.isExecute?(this.$emit("update:"+i,t[i]),this):(this.ej2Instances.vueInstance.$emit("update:"+i,t[i]),this.ej2Instances.vueInstance)).$emit("modelchanged",t[i]):(i=(n=this.models.toString().match(/checked|value/)||[])[0],t&&n&&!o.isUndefined(t[i])&&(a.isExecute?("change"===e||this.$props&&!this.$props.isLazyUpdate)&&(this.$emit("update:"+i,t[i]),this.$emit("modelchanged",t[i])):(this.ej2Instances.vueInstance.$emit("update:"+i,t[i]),this.ej2Instances.vueInstance.$emit("modelchanged",t[i]),this.ej2Instances.vueInstance.$emit("update:modelValue",t[i])))),this.ej2Instances&&this.ej2Instances._trigger&&this.ej2Instances._trigger(e,t,s)},custom:function(){this.updated()},reset:function(){return this.ej2Instances.reset()}}}),Ce={name:"ejs-rating",install:function(e){e.component(Ce.name,be)}},Pe=["isLazyUpdate","plugins","ariaLabels","autoFocus","cssClass","disabled","enablePersistence","enableRtl","htmlAttributes","length","locale","placeholder","separator","stylingMode","textTransform","type","value","blur","created","focus","input","valueChanged"],ye=["value"],r=a.getProps({props:Pe}),i=r[0],r=r[1],U=Object.keys(r);U.push("modelchanged","update:modelValue");for(var _=0,xe=ye;_<xe.length;_++)U.push("update:"+xe[_]);var Te=a.vueDefineComponent({name:"OtpInputComponent",mixins:[a.ComponentBase],props:i,watch:r,emits:U,model:{event:"modelchanged"},provide:function(){return{custom:this.custom}},data:function(){return{ej2Instances:new s.OtpInput({}),propKeys:Pe,models:ye,hasChildDirective:!1,hasInjectedModules:!1,tagMapper:{},tagNameMapper:{},isVue3:!a.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=null;return(a.isExecute?e:a.gh)("div",t=o.isNullOrUndefined(this.$slots.default)?t:a.isExecute?this.$slots.default:this.$slots.default())},methods:{clearTemplate:function(e){if((e=e||Object.keys(this.templateCollection||{})).length&&this.templateCollection)for(var t=0,s=e;t<s.length;t++){var n=s[t],i=this.templateCollection[n];if(i&&i.length){for(var a=0,o=i;a<o.length;a++){var r=o[a];this.destroyPortals(r)}delete this.templateCollection[n]}}},setProperties:function(s,e){var n=this;this.isVue3&&(this.models=this.models||this.ej2Instances.referModels),this.ej2Instances&&this.ej2Instances._setProperties&&this.ej2Instances._setProperties(s,e),s&&this.models&&this.models.length&&Object.keys(s).map(function(t){n.models.map(function(e){t!==e||/datasource/i.test(t)||(n.isVue3?n.ej2Instances.vueInstance.$emit("update:"+t,s[t]):(n.$emit("update:"+t,s[t]),n.$emit("modelchanged",s[t])))})})},trigger:function(e,t,s){var n,i;a.isExecute||(this.models=this.models||this.ej2Instances.referModels),"change"!==e&&"input"!==e||!this.models||0===this.models.length?"actionBegin"===e&&"dateNavigate"===t.requestType&&this.models&&0!==this.models.length&&(i=(n=this.models.toString().match(/currentView|selectedDate/)||[])[0],t)&&n&&!o.isUndefined(t[i])&&(a.isExecute?(this.$emit("update:"+i,t[i]),this):(this.ej2Instances.vueInstance.$emit("update:"+i,t[i]),this.ej2Instances.vueInstance)).$emit("modelchanged",t[i]):(i=(n=this.models.toString().match(/checked|value/)||[])[0],t&&n&&!o.isUndefined(t[i])&&(a.isExecute?("change"===e||this.$props&&!this.$props.isLazyUpdate)&&(this.$emit("update:"+i,t[i]),this.$emit("modelchanged",t[i])):(this.ej2Instances.vueInstance.$emit("update:"+i,t[i]),this.ej2Instances.vueInstance.$emit("modelchanged",t[i]),this.ej2Instances.vueInstance.$emit("update:modelValue",t[i])))),this.ej2Instances&&this.ej2Instances._trigger&&this.ej2Instances._trigger(e,t,s)},custom:function(){this.updated()},focusIn:function(){return this.ej2Instances.focusIn()},focusOut:function(){return this.ej2Instances.focusOut()}}}),Oe={name:"ejs-otpinput",install:function(e){e.component(Oe.name,Te)}},ke=["isLazyUpdate","plugins","UserPhrases","aiSuggestionHandler","cols","cssClass","enablePersistence","enableRtl","enabled","floatLabelType","htmlAttributes","locale","maxLength","placeholder","readonly","resizeMode","rows","showClearButton","showSuggestionOnPopup","userRole","value","width","blur","change","created","destroyed","focus","input"],Ee=["value"],i=a.getProps({props:ke}),r=i[0],i=i[1],w=Object.keys(i);w.push("modelchanged","update:modelValue");for(var S=0,Ve=Ee;S<Ve.length;S++)w.push("update:"+Ve[S]);var Me=a.vueDefineComponent({name:"SmartTextAreaComponent",mixins:[a.ComponentBase],props:r,watch:i,emits:w,model:{event:"modelchanged"},provide:function(){return{custom:this.custom}},data:function(){return{ej2Instances:new s.SmartTextArea({}),propKeys:ke,models:Ee,hasChildDirective:!1,hasInjectedModules:!1,tagMapper:{},tagNameMapper:{},isVue3:!a.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=null;return(a.isExecute?e:a.gh)("textarea",t=o.isNullOrUndefined(this.$slots.default)?t:a.isExecute?this.$slots.default:this.$slots.default())},methods:{clearTemplate:function(e){if((e=e||Object.keys(this.templateCollection||{})).length&&this.templateCollection)for(var t=0,s=e;t<s.length;t++){var n=s[t],i=this.templateCollection[n];if(i&&i.length){for(var a=0,o=i;a<o.length;a++){var r=o[a];this.destroyPortals(r)}delete this.templateCollection[n]}}},setProperties:function(s,e){var n=this;this.isVue3&&(this.models=this.models||this.ej2Instances.referModels),this.ej2Instances&&this.ej2Instances._setProperties&&this.ej2Instances._setProperties(s,e),s&&this.models&&this.models.length&&Object.keys(s).map(function(t){n.models.map(function(e){t!==e||/datasource/i.test(t)||(n.isVue3?n.ej2Instances.vueInstance.$emit("update:"+t,s[t]):(n.$emit("update:"+t,s[t]),n.$emit("modelchanged",s[t])))})})},trigger:function(e,t,s){var n,i;a.isExecute||(this.models=this.models||this.ej2Instances.referModels),"change"!==e&&"input"!==e||!this.models||0===this.models.length?"actionBegin"===e&&"dateNavigate"===t.requestType&&this.models&&0!==this.models.length&&(i=(n=this.models.toString().match(/currentView|selectedDate/)||[])[0],t)&&n&&!o.isUndefined(t[i])&&(a.isExecute?(this.$emit("update:"+i,t[i]),this):(this.ej2Instances.vueInstance.$emit("update:"+i,t[i]),this.ej2Instances.vueInstance)).$emit("modelchanged",t[i]):(i=(n=this.models.toString().match(/checked|value/)||[])[0],t&&n&&!o.isUndefined(t[i])&&(a.isExecute?("change"===e||this.$props&&!this.$props.isLazyUpdate)&&(this.$emit("update:"+i,t[i]),this.$emit("modelchanged",t[i])):(this.ej2Instances.vueInstance.$emit("update:"+i,t[i]),this.ej2Instances.vueInstance.$emit("modelchanged",t[i]),this.ej2Instances.vueInstance.$emit("update:modelValue",t[i])))),this.ej2Instances&&this.ej2Instances._trigger&&this.ej2Instances._trigger(e,t,s)},custom:function(){this.updated()},addAttributes:function(e){return this.ej2Instances.addAttributes(e)},focusIn:function(){return this.ej2Instances.focusIn()},focusOut:function(){return this.ej2Instances.focusOut()},removeAttributes:function(e){return this.ej2Instances.removeAttributes(e)}}}),Ue={name:"ejs-smarttextarea",install:function(e){e.component(Ue.name,Me)}};Object.keys(s).forEach(function(e){"default"!==e&&Object.defineProperty(t,e,{enumerable:!0,get:function(){return s[e]}})}),t.ColorPickerComponent=he,t.ColorPickerPlugin=de,t.FilesDirective=$,t.FilesPlugin=b,t.MaskedTextBoxComponent=Q,t.MaskedTextBoxPlugin=X,t.NumericTextBoxComponent=K,t.NumericTextBoxPlugin=H,t.OtpInputComponent=Te,t.OtpInputPlugin=Oe,t.RatingComponent=be,t.RatingPlugin=Ce,t.SignatureComponent=fe,t.SignaturePlugin=Ie,t.SliderComponent=te,t.SliderPlugin=se,t.SmartTextAreaComponent=Me,t.SmartTextAreaPlugin=Ue,t.TextAreaComponent=A,t.TextAreaPlugin=z,t.TextBoxComponent=h,t.TextBoxPlugin=B,t.UploadedFilesDirective=C,t.UploadedFilesPlugin=P,t.UploaderComponent=oe,t.UploaderPlugin=re,Object.defineProperty(t,"__esModule",{value:!0})});
11
11
  //# sourceMappingURL=ej2-vue-inputs.umd.min.js.map