@syncfusion/ej2-inputs 19.2.60 → 19.3.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 (153) hide show
  1. package/.eslintrc.json +1 -1
  2. package/CHANGELOG.md +15 -0
  3. package/dist/ej2-inputs.umd.min.js +2 -2
  4. package/dist/ej2-inputs.umd.min.js.map +1 -1
  5. package/dist/es6/ej2-inputs.es2015.js +359 -610
  6. package/dist/es6/ej2-inputs.es2015.js.map +1 -1
  7. package/dist/es6/ej2-inputs.es5.js +371 -627
  8. package/dist/es6/ej2-inputs.es5.js.map +1 -1
  9. package/dist/global/ej2-inputs.min.js +2 -2
  10. package/dist/global/ej2-inputs.min.js.map +1 -1
  11. package/dist/global/index.d.ts +1 -1
  12. package/helpers/e2e/colorpickerHelper.d.ts +23 -0
  13. package/helpers/e2e/colorpickerHelper.js +53 -0
  14. package/package.json +9 -9
  15. package/src/color-picker/color-picker-model.d.ts +7 -0
  16. package/src/color-picker/color-picker.d.ts +6 -0
  17. package/src/color-picker/color-picker.js +10 -1
  18. package/src/maskedtextbox/base/mask-base.js +1 -1
  19. package/src/maskedtextbox/maskedtextbox/maskedtextbox-model.d.ts +1 -4
  20. package/src/maskedtextbox/maskedtextbox/maskedtextbox.d.ts +0 -3
  21. package/src/maskedtextbox/maskedtextbox/maskedtextbox.js +2 -11
  22. package/src/numerictextbox/numerictextbox-model.d.ts +1 -10
  23. package/src/numerictextbox/numerictextbox.d.ts +0 -9
  24. package/src/numerictextbox/numerictextbox.js +52 -96
  25. package/src/slider/slider.d.ts +1 -0
  26. package/src/slider/slider.js +10 -1
  27. package/src/textbox/textbox-model.d.ts +1 -4
  28. package/src/textbox/textbox.d.ts +0 -3
  29. package/src/textbox/textbox.js +91 -113
  30. package/src/uploader/uploader-model.d.ts +1 -26
  31. package/src/uploader/uploader.d.ts +0 -40
  32. package/src/uploader/uploader.js +210 -407
  33. package/styles/bootstrap-dark.css +14 -6
  34. package/styles/bootstrap.css +14 -6
  35. package/styles/bootstrap4.css +22 -12
  36. package/styles/bootstrap5-dark.css +7548 -0
  37. package/styles/bootstrap5-dark.scss +7 -0
  38. package/styles/bootstrap5.css +7548 -0
  39. package/styles/bootstrap5.scss +7 -0
  40. package/styles/color-picker/_bootstrap5-dark-definition.scss +1 -0
  41. package/styles/color-picker/_bootstrap5-definition.scss +134 -0
  42. package/styles/color-picker/_layout.scss +26 -3
  43. package/styles/color-picker/_tailwind-dark-definition.scss +1 -132
  44. package/styles/color-picker/_tailwind-definition.scss +25 -24
  45. package/styles/color-picker/_theme.scss +33 -0
  46. package/styles/color-picker/bootstrap5-dark.css +964 -0
  47. package/styles/color-picker/bootstrap5-dark.scss +11 -0
  48. package/styles/color-picker/bootstrap5.css +964 -0
  49. package/styles/color-picker/bootstrap5.scss +11 -0
  50. package/styles/color-picker/icons/_bootstrap5-dark.scss +1 -0
  51. package/styles/color-picker/icons/_bootstrap5.scss +10 -0
  52. package/styles/fabric-dark.css +15 -7
  53. package/styles/fabric.css +15 -7
  54. package/styles/highcontrast-light.css +15 -7
  55. package/styles/highcontrast.css +16 -8
  56. package/styles/input/_bootstrap5-dark-definition.scss +1 -0
  57. package/styles/input/_bootstrap5-definition.scss +320 -0
  58. package/styles/input/_definition.scss +217 -0
  59. package/styles/input/_fabric-definition.scss +1 -1
  60. package/styles/input/_highcontrast-definition.scss +1 -1
  61. package/styles/input/_layout.scss +196 -157
  62. package/styles/input/_material-dark-definition.scss +133 -120
  63. package/styles/input/_material-definition.scss +1 -0
  64. package/styles/input/_tailwind-dark-definition.scss +1 -315
  65. package/styles/input/_tailwind-definition.scss +50 -47
  66. package/styles/input/_theme.scss +92 -59
  67. package/styles/input/bootstrap-dark.css +12 -3
  68. package/styles/input/bootstrap.css +12 -3
  69. package/styles/input/bootstrap4.css +15 -3
  70. package/styles/input/bootstrap5-dark.css +4670 -0
  71. package/styles/input/bootstrap5-dark.scss +4 -0
  72. package/styles/input/bootstrap5.css +4670 -0
  73. package/styles/input/bootstrap5.scss +4 -0
  74. package/styles/input/fabric-dark.css +12 -3
  75. package/styles/input/fabric.css +13 -4
  76. package/styles/input/highcontrast-light.css +12 -3
  77. package/styles/input/highcontrast.css +13 -4
  78. package/styles/input/icons/_bootstrap5-dark.scss +1 -0
  79. package/styles/input/icons/_bootstrap5.scss +17 -0
  80. package/styles/input/icons/_material-dark.scss +32 -0
  81. package/styles/input/icons/_tailwind-dark.scss +1 -17
  82. package/styles/input/material-dark.css +2320 -201
  83. package/styles/input/material.css +12 -3
  84. package/styles/input/tailwind-dark.css +14 -5
  85. package/styles/input/tailwind.css +14 -5
  86. package/styles/maskedtextbox/_bootstrap5-dark-definition.scss +1 -0
  87. package/styles/maskedtextbox/_bootstrap5-definition.scss +7 -0
  88. package/styles/maskedtextbox/_tailwind-dark-definition.scss +1 -6
  89. package/styles/maskedtextbox/_tailwind-definition.scss +4 -1
  90. package/styles/maskedtextbox/bootstrap5-dark.css +33 -0
  91. package/styles/maskedtextbox/bootstrap5-dark.scss +4 -0
  92. package/styles/maskedtextbox/bootstrap5.css +33 -0
  93. package/styles/maskedtextbox/bootstrap5.scss +4 -0
  94. package/styles/material-dark.css +2337 -218
  95. package/styles/material.css +14 -5
  96. package/styles/numerictextbox/_bootstrap5-dark-definition.scss +1 -0
  97. package/styles/numerictextbox/_bootstrap5-definition.scss +3 -0
  98. package/styles/numerictextbox/_tailwind-dark-definition.scss +1 -5
  99. package/styles/numerictextbox/_tailwind-definition.scss +1 -1
  100. package/styles/numerictextbox/bootstrap5-dark.css +48 -0
  101. package/styles/numerictextbox/bootstrap5-dark.scss +5 -0
  102. package/styles/numerictextbox/bootstrap5.css +48 -0
  103. package/styles/numerictextbox/bootstrap5.scss +5 -0
  104. package/styles/numerictextbox/icons/_bootstrap5-dark.scss +1 -0
  105. package/styles/numerictextbox/icons/_bootstrap5.scss +12 -0
  106. package/styles/numerictextbox/icons/_tailwind-dark.scss +1 -12
  107. package/styles/slider/_bootstrap5-dark-definition.scss +1 -0
  108. package/styles/slider/_bootstrap5-definition.scss +90 -0
  109. package/styles/slider/_fabric-dark-definition.scss +2 -2
  110. package/styles/slider/_layout.scss +294 -69
  111. package/styles/slider/_material-dark-definition.scss +1 -1
  112. package/styles/slider/_tailwind-dark-definition.scss +1 -80
  113. package/styles/slider/_tailwind-definition.scss +32 -27
  114. package/styles/slider/_theme.scss +14 -6
  115. package/styles/slider/bootstrap-dark.css +2 -3
  116. package/styles/slider/bootstrap.css +2 -3
  117. package/styles/slider/bootstrap4.css +7 -9
  118. package/styles/slider/bootstrap5-dark.css +749 -0
  119. package/styles/slider/bootstrap5-dark.scss +5 -0
  120. package/styles/slider/bootstrap5.css +749 -0
  121. package/styles/slider/bootstrap5.scss +5 -0
  122. package/styles/slider/fabric-dark.css +3 -4
  123. package/styles/slider/fabric.css +2 -3
  124. package/styles/slider/highcontrast-light.css +3 -4
  125. package/styles/slider/highcontrast.css +3 -4
  126. package/styles/slider/material-dark.css +16 -16
  127. package/styles/slider/material.css +2 -2
  128. package/styles/slider/tailwind-dark.css +9 -8
  129. package/styles/slider/tailwind.css +7 -3
  130. package/styles/tailwind-dark.css +23 -13
  131. package/styles/tailwind.css +21 -8
  132. package/styles/textbox/_bootstrap5-dark-definition.scss +1 -0
  133. package/styles/textbox/_bootstrap5-definition.scss +0 -0
  134. package/styles/textbox/_tailwind-dark-definition.scss +1 -0
  135. package/styles/textbox/bootstrap5-dark.css +0 -0
  136. package/styles/textbox/bootstrap5-dark.scss +4 -0
  137. package/styles/textbox/bootstrap5.css +0 -0
  138. package/styles/textbox/bootstrap5.scss +4 -0
  139. package/styles/uploader/_bootstrap5-dark-definition.scss +1 -0
  140. package/styles/uploader/_bootstrap5-definition.scss +216 -0
  141. package/styles/uploader/_definition.scss +142 -0
  142. package/styles/uploader/_tailwind-dark-definition.scss +1 -216
  143. package/styles/uploader/_tailwind-definition.scss +21 -21
  144. package/styles/uploader/_theme.scss +2 -2
  145. package/styles/uploader/bootstrap5-dark.css +1079 -0
  146. package/styles/uploader/bootstrap5-dark.scss +6 -0
  147. package/styles/uploader/bootstrap5.css +1079 -0
  148. package/styles/uploader/bootstrap5.scss +6 -0
  149. package/styles/uploader/icons/_bootstrap5-dark.scss +1 -0
  150. package/styles/uploader/icons/_bootstrap5.scss +34 -0
  151. package/styles/uploader/icons/_tailwind-dark.scss +1 -35
  152. package/styles/uploader/material-dark.css +1 -1
  153. package/styles/color-picker/_icons.scss +0 -10
package/styles/input/_tailwind-definition.scss CHANGED
@@ -1,10 +1,8 @@
1
- $input-skin-name: 'tailwind' !default;
1
+ $input-skin-name: $skin-name !default;
2
2
  $zero-value: 0 !default;
3
3
  $one-value: 1px !default;
4
4
  $border-type: solid !default;
5
5
  $border-size: 1px !default;
6
- $hover-border-color: $border-hover !default;
7
- $pressed-border-color: $border-pressed !default;
8
6
  $input-child-padding-bottom: $zero-value !default;
9
7
  $input-child-small-bigger-padding-bottom: $zero-value !default;
10
8
  $input-child-small-padding-bottom: $zero-value !default;
@@ -26,13 +24,6 @@ $input-text-indent: 12px !default;
26
24
  $input-bigger-text-indent: 16px !default;
27
25
  $input-small-text-indent: 8px !default;
28
26
  $input-small-bigger-text-indent: 14px !default;
29
- $input-bg-color: $content-bg-color !default;
30
- $input-box-border-focus: $primary !default;
31
- $input-success-color: $success !default;
32
- $input-warning-color: $warning !default;
33
- $input-error-color: $danger !default;
34
- $input-disable-bg-color: $content-bg-color-alt1 !default;
35
- $input-disable-font-color: $content-text-color-disabled !default;
36
27
  $input-font-size: 14px !default;
37
28
  $input-bigger-font-size: 16px !default;
38
29
  $input-small-font-size: 12px !default;
@@ -42,7 +33,7 @@ $input-small-border-radius: 2px !default;
42
33
  $input-bigger-border-radius: 6px !default;
43
34
  $input-bigger-small-border-radius: 4px !default;
44
35
  $input-groupo-focus-border-radius: 4px !default;
45
- $imput-group-focus-box-shadow: $shadow-focus-ring1 !default;
36
+ $input-group-focus-box-shadow: $shadow-focus-ring1 !default;
46
37
  $input-group-icon-border-radius: 3px !default;
47
38
  $input-group-child-border-width: $zero-value !default;
48
39
  $input-padding: 4px 0 4px 12px !default;
@@ -100,28 +91,12 @@ $float-input-border: $zero-value $border-type !default;
100
91
  $input-box-border-width: 1px !default;
101
92
  $float-input-border-width: 1px !default;
102
93
  $input-focus-border-width: 1px !default;
103
- $input-box-border-color: $border !default;
104
- $input-font-color: $content-text-color !default;
105
- $input-icon-font-color: $icon-color !default;
106
- $input-clear-icon-color: $icon-color !default;
107
- $input-clear-icon-hover-color: $icon-color-hover !default;
108
- $input-error-color: $danger !default;
109
- $input-accent: $content-bg-color !default;
110
- $input-placeholder: $placeholder-text-color !default;
111
- $input-active-border-color: $input-box-border-focus !default;
112
- $input-group-active-border-color: transparent !default;
113
94
  $input-disable-border-type: solid !default;
114
- $input-disable-border-color: $cool-gray-400 !default;
115
- $input-disabled-group-bg-color: transparent !default;
116
95
  $input-border-left-width: 1px !default;
117
- $input-group-active-border: transparent !default;
118
96
  $input-group-border: 1px $border-type !default;
119
97
  $input-group-border-width: $zero-value !default;
120
98
  $input-group-border-radius: $zero-value !default;
121
- $input-group-pressed-bg: transparent !default;
122
- $input-hover-bg-color: $content-bg-color-hover !default;
123
99
  $input-valid-group-border-width: 2px !default;
124
- $input-header-font-color: $cool-gray-600 !default;
125
100
  $input-child-margin-bottom: $zero-value !default;
126
101
  $input-child-margin-top: $zero-value !default;
127
102
  $float-input-child-margin-top: $zero-value !default;
@@ -143,24 +118,10 @@ $input-opacity: 1 !default;
143
118
  $input-opacity-filter: 100 !default;
144
119
  $input-group-border-width-focus: $one-value !default;
145
120
  $input-group-border-type-focus: $border-type !default;
146
- $input-group-border-color-focus: $input-box-border-focus !default;
147
- $input-group-border-color-hover: $border-hover !default;
148
121
  $input-group-border-width-hover: 1px !default;
149
- $input-group-border-right-focus: transparent !default;
150
- $input-group-border-left-focus: transparent !default;
151
- $input-group-full-border-color: $input-box-border-color !default;
152
- $input-group-border-shadow: $shadow-sm !default;
153
122
  $input-group-full-border-width: $one-value !default;
154
- $input-group-success-color: $input-success-color !default;
155
- $input-group-warning-color: $input-warning-color !default;
156
- $input-group-error-color: $input-error-color !default;
157
123
  $input-valid-border-bottom-width: 2px !default;
158
- $input-group-pressed-color: $icon-color-pressed !default;
159
- $input-select-font-color: $content-text-color-selected !default;
160
124
  $input-right-border-width: $zero-value !default;
161
- $float-label-font-color: $content-text-color-alt1 !default;
162
- $float-label-disbale-font-color: $input-disable-font-color !default;
163
- $input-placeholder-color: $placeholder-text-color !default;
164
125
  $float-label-font-size: 12px !default;
165
126
  $float-label-bigger-font-size: 14px !default;
166
127
  $float-label-small-font-size: 10px !default;
@@ -171,7 +132,7 @@ $float-placeholder-small-font-size: 12px !default;
171
132
  $float-placeholder-bigger-small-font-size: 12px !default;
172
133
  $input-border-size: 2px !default;
173
134
  $input-normal-height: 28px !default;
174
- $input-bigger-height: 32px !default;
135
+ $input-bigger-height: 36px !default;
175
136
  $input-small-height: 26px !default;
176
137
  $input-bigger-small-height: 34px - $input-border-size !default;
177
138
  $float-input-normal-height: 30px !default;
@@ -185,8 +146,6 @@ $textarea-bigger-height: auto !default;
185
146
  $textarea-small-height: auto !default;
186
147
  $textarea-bigger-small-height: auto !default;
187
148
  $textarea-full-height: 100% !default;
188
- $input-group-disabled-color: $icon-color-disabled !default;
189
- $input-group-hovered-color: $icon-color-hover !default;
190
149
  $input-icon-font-size: 18px !default;
191
150
  $input-bigger-icon-font-size: 22px !default;
192
151
  $input-small-icon-font-size: 16px !default;
@@ -231,14 +190,58 @@ $input-bigger-small-left-child-min-height: $zero-value !default;
231
190
  $input-bigger-small-left-child-min-width: $zero-value !default;
232
191
  $input-icon-inner-width: $zero-value !default;
233
192
  $input-icon-inner-height: $zero-value !default;
193
+ $input-error-border-shadow: none !default;
194
+ $input-success-border-shadow: none !default;
195
+ $input-warning-border-shadow: none !default;
196
+ $input-group-border-shadow: $shadow-sm !default;
197
+
198
+ // color
199
+
200
+ $hover-border-color: $border-hover !default;
201
+ $pressed-border-color: $border-pressed !default;
202
+ $input-bg-color: $content-bg-color !default;
203
+ $input-box-border-focus: $primary !default;
204
+ $input-success-color: $success !default;
205
+ $input-warning-color: $warning !default;
206
+ $input-error-color: $danger !default;
207
+ $input-disable-bg-color: $content-bg-color-alt1 !default;
208
+ $input-disable-font-color: $content-text-color-disabled !default;
209
+ $input-box-border-color: $border !default;
210
+ $input-font-color: $content-text-color !default;
211
+ $input-icon-font-color: $icon-color !default;
212
+ $input-clear-icon-color: $icon-color !default;
213
+ $input-clear-icon-hover-color: $icon-color-hover !default;
214
+ $input-error-color: $danger !default;
215
+ $input-accent: $content-bg-color !default;
216
+ $input-placeholder: $placeholder-text-color !default;
217
+ $input-active-border-color: $input-box-border-focus !default;
218
+ $input-group-active-border-color: transparent !default;
219
+ $input-disable-border-color: $cool-gray-400 !default;
220
+ $input-disabled-group-bg-color: transparent !default;
221
+ $input-group-border-right-focus: transparent !default;
222
+ $input-group-border-left-focus: transparent !default;
223
+ $input-group-active-border: transparent !default;
224
+ $input-group-pressed-bg: transparent !default;
225
+ $input-hover-bg-color: $content-bg-color-hover !default;
226
+ $input-header-font-color: $cool-gray-600 !default;
227
+ $input-group-border-color-focus: $input-box-border-focus !default;
228
+ $input-group-border-color-hover: $border-hover !default;
229
+ $input-group-full-border-color: $input-box-border-color !default;
230
+ $input-group-success-color: $input-success-color !default;
231
+ $input-group-warning-color: $input-warning-color !default;
232
+ $input-group-error-color: $input-error-color !default;
233
+ $input-group-pressed-color: $icon-color-pressed !default;
234
+ $input-select-font-color: $content-text-color-selected !default;
235
+ $float-label-font-color: $content-text-color-alt1 !default;
236
+ $float-label-disbale-font-color: $input-disable-font-color !default;
237
+ $input-placeholder-color: $placeholder-text-color !default;
238
+ $input-group-disabled-color: $icon-color-disabled !default;
239
+ $input-group-hovered-color: $icon-color-hover !default;
234
240
  $input-readonly-bg-color: none !default;
235
241
  $input-readonly-color: $cool-gray-600 !default;
236
242
  $input-icon-shadow: inset 0 3px 5px rgba(0, 0, 0, .125) !default;
237
243
  $input-border-shadow: 0 0 0 3px rgba($primary, .25) !default;
238
244
  $input-transition-shadow: border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;
239
- $input-error-border-shadow: none !default;
240
- $input-success-border-shadow: none !default;
241
- $input-warning-border-shadow: none !default;
242
245
 
243
246
  @mixin input-sizing {
244
247
  box-sizing: border-box;