@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/bootstrap-dark.css CHANGED
@@ -4059,22 +4059,31 @@ textarea.e-input::-webkit-input-placeholder {
4059
4059
  }
4060
4060
 
4061
4061
  .e-input-group.e-success .e-input-group-icon,
4062
+ .e-input-group.e-control-wrapper.e-success .e-input-group-icon {
4063
+ color: #f0f0f0;
4064
+ }
4065
+
4062
4066
  .e-input-group.e-success:not(.e-disabled):not(:active) .e-input-group-icon:hover,
4063
- .e-input-group.e-control-wrapper.e-success .e-input-group-icon,
4064
4067
  .e-input-group.e-control-wrapper.e-success:not(.e-disabled):not(:active) .e-input-group-icon:hover {
4065
4068
  color: #f0f0f0;
4066
4069
  }
4067
4070
 
4068
4071
  .e-input-group.e-warning .e-input-group-icon,
4072
+ .e-input-group.e-control-wrapper.e-warning .e-input-group-icon {
4073
+ color: #f0f0f0;
4074
+ }
4075
+
4069
4076
  .e-input-group.e-warning:not(.e-disabled):not(:active) .e-input-group-icon:hover,
4070
- .e-input-group.e-control-wrapper.e-warning .e-input-group-icon,
4071
4077
  .e-input-group.e-control-wrapper.e-warning:not(.e-disabled):not(:active) .e-input-group-icon:hover {
4072
4078
  color: #f0f0f0;
4073
4079
  }
4074
4080
 
4075
4081
  .e-input-group.e-error .e-input-group-icon,
4082
+ .e-input-group.e-control-wrapper.e-error .e-input-group-icon {
4083
+ color: #f0f0f0;
4084
+ }
4085
+
4076
4086
  .e-input-group.e-error:not(.e-disabled):not(:active) .e-input-group-icon:hover,
4077
- .e-input-group.e-control-wrapper.e-error .e-input-group-icon,
4078
4087
  .e-input-group.e-control-wrapper.e-error:not(.e-disabled):not(:active) .e-input-group-icon:hover {
4079
4088
  color: #f0f0f0;
4080
4089
  }
@@ -5006,11 +5015,11 @@ textarea.e-input:hover:not(.e-success):not(.e-warning):not(.e-error):not([disabl
5006
5015
  }
5007
5016
 
5008
5017
  .e-control-wrapper.e-slider-container .e-range.e-drag-horizontal {
5009
- cursor: ew-resize;
5018
+ cursor: pointer;
5010
5019
  }
5011
5020
 
5012
5021
  .e-control-wrapper.e-slider-container .e-range.e-drag-vertical {
5013
- cursor: ns-resize;
5022
+ cursor: pointer;
5014
5023
  }
5015
5024
 
5016
5025
  .e-control-wrapper.e-slider-container .e-slider {
@@ -5168,7 +5177,6 @@ textarea.e-input:hover:not(.e-success):not(.e-warning):not(.e-error):not([disabl
5168
5177
  .e-control-wrapper.e-slider-container .e-scale.e-v-scale .e-tick.e-last-tick {
5169
5178
  background-position-y: bottom;
5170
5179
  margin-top: 2px;
5171
- margin-top: 3px;
5172
5180
  }
5173
5181
 
5174
5182
  .e-control-wrapper.e-slider-container .e-scale.e-h-scale .e-tick {
package/styles/bootstrap.css CHANGED
@@ -4059,22 +4059,31 @@ textarea.e-input::-webkit-input-placeholder {
4059
4059
  }
4060
4060
 
4061
4061
  .e-input-group.e-success .e-input-group-icon,
4062
+ .e-input-group.e-control-wrapper.e-success .e-input-group-icon {
4063
+ color: #333;
4064
+ }
4065
+
4062
4066
  .e-input-group.e-success:not(.e-disabled):not(:active) .e-input-group-icon:hover,
4063
- .e-input-group.e-control-wrapper.e-success .e-input-group-icon,
4064
4067
  .e-input-group.e-control-wrapper.e-success:not(.e-disabled):not(:active) .e-input-group-icon:hover {
4065
4068
  color: #333;
4066
4069
  }
4067
4070
 
4068
4071
  .e-input-group.e-warning .e-input-group-icon,
4072
+ .e-input-group.e-control-wrapper.e-warning .e-input-group-icon {
4073
+ color: #333;
4074
+ }
4075
+
4069
4076
  .e-input-group.e-warning:not(.e-disabled):not(:active) .e-input-group-icon:hover,
4070
- .e-input-group.e-control-wrapper.e-warning .e-input-group-icon,
4071
4077
  .e-input-group.e-control-wrapper.e-warning:not(.e-disabled):not(:active) .e-input-group-icon:hover {
4072
4078
  color: #333;
4073
4079
  }
4074
4080
 
4075
4081
  .e-input-group.e-error .e-input-group-icon,
4082
+ .e-input-group.e-control-wrapper.e-error .e-input-group-icon {
4083
+ color: #333;
4084
+ }
4085
+
4076
4086
  .e-input-group.e-error:not(.e-disabled):not(:active) .e-input-group-icon:hover,
4077
- .e-input-group.e-control-wrapper.e-error .e-input-group-icon,
4078
4087
  .e-input-group.e-control-wrapper.e-error:not(.e-disabled):not(:active) .e-input-group-icon:hover {
4079
4088
  color: #333;
4080
4089
  }
@@ -4985,11 +4994,11 @@ textarea.e-input:hover:not(.e-success):not(.e-warning):not(.e-error):not([disabl
4985
4994
  }
4986
4995
 
4987
4996
  .e-control-wrapper.e-slider-container .e-range.e-drag-horizontal {
4988
- cursor: ew-resize;
4997
+ cursor: pointer;
4989
4998
  }
4990
4999
 
4991
5000
  .e-control-wrapper.e-slider-container .e-range.e-drag-vertical {
4992
- cursor: ns-resize;
5001
+ cursor: pointer;
4993
5002
  }
4994
5003
 
4995
5004
  .e-control-wrapper.e-slider-container .e-slider {
@@ -5147,7 +5156,6 @@ textarea.e-input:hover:not(.e-success):not(.e-warning):not(.e-error):not([disabl
5147
5156
  .e-control-wrapper.e-slider-container .e-scale.e-v-scale .e-tick.e-last-tick {
5148
5157
  background-position-y: bottom;
5149
5158
  margin-top: 2px;
5150
- margin-top: 3px;
5151
5159
  }
5152
5160
 
5153
5161
  .e-control-wrapper.e-slider-container .e-scale.e-h-scale .e-tick {
package/styles/bootstrap4.css CHANGED
@@ -4041,24 +4041,36 @@ textarea.e-input::-webkit-input-placeholder {
4041
4041
  }
4042
4042
 
4043
4043
  .e-input-group.e-success .e-input-group-icon,
4044
+ .e-input-group.e-control-wrapper.e-success .e-input-group-icon {
4045
+ color: #495057;
4046
+ }
4047
+
4044
4048
  .e-input-group.e-success:not(.e-disabled):not(:active) .e-input-group-icon:hover,
4045
- .e-input-group.e-control-wrapper.e-success .e-input-group-icon,
4046
4049
  .e-input-group.e-control-wrapper.e-success:not(.e-disabled):not(:active) .e-input-group-icon:hover {
4047
4050
  color: #495057;
4051
+ color: #fff;
4048
4052
  }
4049
4053
 
4050
4054
  .e-input-group.e-warning .e-input-group-icon,
4055
+ .e-input-group.e-control-wrapper.e-warning .e-input-group-icon {
4056
+ color: #495057;
4057
+ }
4058
+
4051
4059
  .e-input-group.e-warning:not(.e-disabled):not(:active) .e-input-group-icon:hover,
4052
- .e-input-group.e-control-wrapper.e-warning .e-input-group-icon,
4053
4060
  .e-input-group.e-control-wrapper.e-warning:not(.e-disabled):not(:active) .e-input-group-icon:hover {
4054
4061
  color: #495057;
4062
+ color: #fff;
4055
4063
  }
4056
4064
 
4057
4065
  .e-input-group.e-error .e-input-group-icon,
4066
+ .e-input-group.e-control-wrapper.e-error .e-input-group-icon {
4067
+ color: #495057;
4068
+ }
4069
+
4058
4070
  .e-input-group.e-error:not(.e-disabled):not(:active) .e-input-group-icon:hover,
4059
- .e-input-group.e-control-wrapper.e-error .e-input-group-icon,
4060
4071
  .e-input-group.e-control-wrapper.e-error:not(.e-disabled):not(:active) .e-input-group-icon:hover {
4061
4072
  color: #495057;
4073
+ color: #fff;
4062
4074
  }
4063
4075
 
4064
4076
  .e-input-group input.e-input,
@@ -4735,11 +4747,8 @@ textarea.e-input::-webkit-input-placeholder {
4735
4747
  }
4736
4748
 
4737
4749
  .e-bigger .e-control-wrapper.e-slider-container.e-vertical .e-first-button,
4738
- .e-control-wrapper.e-slider-container.e-bigger.e-vertical .e-first-button {
4739
- margin-right: -9px;
4740
- }
4741
-
4742
4750
  .e-bigger .e-control-wrapper.e-slider-container.e-vertical .e-second-button,
4751
+ .e-control-wrapper.e-slider-container.e-bigger.e-vertical .e-first-button,
4743
4752
  .e-control-wrapper.e-slider-container.e-bigger.e-vertical .e-second-button {
4744
4753
  margin-right: -9px;
4745
4754
  }
@@ -4964,10 +4973,10 @@ textarea.e-input::-webkit-input-placeholder {
4964
4973
  left: 0;
4965
4974
  position: absolute;
4966
4975
  width: 100%;
4976
+ top: calc(50% - 3px);
4967
4977
  background: #dee2e6;
4968
4978
  border-radius: 6px;
4969
4979
  overflow: hidden;
4970
- top: calc(50% - 3px);
4971
4980
  }
4972
4981
 
4973
4982
  .e-control-wrapper.e-slider-container.e-horizontal .e-handle {
@@ -5010,10 +5019,10 @@ textarea.e-input::-webkit-input-placeholder {
5010
5019
  bottom: 0;
5011
5020
  height: 100%;
5012
5021
  position: absolute;
5013
- border-radius: 6px;
5014
5022
  left: calc(50% - 3px);
5015
5023
  overflow: hidden;
5016
5024
  width: 6px;
5025
+ border-radius: 6px;
5017
5026
  }
5018
5027
 
5019
5028
  .e-control-wrapper.e-slider-container.e-vertical.e-small-size.e-slider-btn {
@@ -5090,11 +5099,11 @@ textarea.e-input::-webkit-input-placeholder {
5090
5099
  }
5091
5100
 
5092
5101
  .e-control-wrapper.e-slider-container .e-range.e-drag-horizontal {
5093
- cursor: ew-resize;
5102
+ cursor: pointer;
5094
5103
  }
5095
5104
 
5096
5105
  .e-control-wrapper.e-slider-container .e-range.e-drag-vertical {
5097
- cursor: ns-resize;
5106
+ cursor: pointer;
5098
5107
  }
5099
5108
 
5100
5109
  .e-control-wrapper.e-slider-container .e-slider {
@@ -5193,6 +5202,8 @@ textarea.e-input::-webkit-input-placeholder {
5193
5202
  .e-control-wrapper.e-slider-container .e-tick-both.e-scale.e-v-scale .e-large {
5194
5203
  left: 3px;
5195
5204
  width: calc(100% - 6px);
5205
+ left: 1px;
5206
+ width: 26px;
5196
5207
  }
5197
5208
 
5198
5209
  .e-control-wrapper.e-slider-container .e-scale {
@@ -5259,7 +5270,6 @@ textarea.e-input::-webkit-input-placeholder {
5259
5270
  .e-control-wrapper.e-slider-container .e-scale.e-v-scale .e-tick.e-last-tick {
5260
5271
  background-position-y: bottom;
5261
5272
  margin-top: 2px;
5262
- margin-top: 3px;
5263
5273
  }
5264
5274
 
5265
5275
  .e-control-wrapper.e-slider-container .e-scale.e-h-scale .e-tick {