@syncfusion/ej2-vue-inputs 20.4.52 → 21.1.35

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 (67) hide show
  1. package/CHANGELOG.md +0 -29
  2. package/README.md +184 -112
  3. package/dist/ej2-vue-inputs.umd.min.js +2 -2
  4. package/dist/ej2-vue-inputs.umd.min.js.map +1 -1
  5. package/dist/es6/ej2-vue-inputs.es2015.js +933 -1148
  6. package/dist/es6/ej2-vue-inputs.es2015.js.map +1 -1
  7. package/dist/es6/ej2-vue-inputs.es5.js +1033 -1300
  8. package/dist/es6/ej2-vue-inputs.es5.js.map +1 -1
  9. package/dist/global/ej2-vue-inputs.min.js +2 -2
  10. package/package.json +9 -9
  11. package/src/color-picker/colorpicker.component.d.ts +3 -28
  12. package/src/color-picker/colorpicker.component.js +128 -159
  13. package/src/maskedtextbox/maskedtextbox.component.d.ts +3 -28
  14. package/src/maskedtextbox/maskedtextbox.component.js +128 -159
  15. package/src/numerictextbox/numerictextbox.component.d.ts +3 -30
  16. package/src/numerictextbox/numerictextbox.component.js +134 -165
  17. package/src/rating/rating.component.d.ts +3 -26
  18. package/src/rating/rating.component.js +122 -153
  19. package/src/signature/signature.component.d.ts +3 -34
  20. package/src/signature/signature.component.js +119 -148
  21. package/src/slider/slider.component.d.ts +3 -27
  22. package/src/slider/slider.component.js +125 -156
  23. package/src/textbox/textbox.component.d.ts +3 -30
  24. package/src/textbox/textbox.component.js +134 -165
  25. package/src/uploader/files.directive.d.ts +2 -12
  26. package/src/uploader/files.directive.js +22 -71
  27. package/src/uploader/uploader.component.d.ts +3 -34
  28. package/src/uploader/uploader.component.js +119 -148
  29. package/styles/bootstrap-dark.css +6 -0
  30. package/styles/bootstrap.css +6 -0
  31. package/styles/bootstrap4.css +6 -0
  32. package/styles/bootstrap5-dark.css +10 -4
  33. package/styles/bootstrap5.css +10 -4
  34. package/styles/color-picker/bootstrap-dark.css +6 -0
  35. package/styles/color-picker/bootstrap.css +6 -0
  36. package/styles/color-picker/bootstrap4.css +6 -0
  37. package/styles/color-picker/bootstrap5-dark.css +6 -0
  38. package/styles/color-picker/bootstrap5.css +6 -0
  39. package/styles/color-picker/fabric-dark.css +6 -0
  40. package/styles/color-picker/fabric.css +6 -0
  41. package/styles/color-picker/fluent-dark.css +6 -0
  42. package/styles/color-picker/fluent.css +6 -0
  43. package/styles/color-picker/highcontrast-light.css +6 -0
  44. package/styles/color-picker/highcontrast.css +6 -0
  45. package/styles/color-picker/material-dark.css +6 -0
  46. package/styles/color-picker/material.css +6 -0
  47. package/styles/color-picker/tailwind-dark.css +6 -0
  48. package/styles/color-picker/tailwind.css +6 -0
  49. package/styles/fabric-dark.css +6 -0
  50. package/styles/fabric.css +6 -0
  51. package/styles/fluent-dark.css +6 -0
  52. package/styles/fluent.css +6 -0
  53. package/styles/highcontrast-light.css +6 -0
  54. package/styles/highcontrast.css +6 -0
  55. package/styles/input/material-dark.css +1 -1
  56. package/styles/input/material.css +1 -1
  57. package/styles/material-dark.css +7 -5
  58. package/styles/material.css +7 -1
  59. package/styles/rating/tailwind-dark.css +1 -1
  60. package/styles/rating/tailwind.css +1 -1
  61. package/styles/tailwind-dark.css +8 -2
  62. package/styles/tailwind.css +8 -2
  63. package/styles/uploader/bootstrap5-dark.css +4 -4
  64. package/styles/uploader/bootstrap5.css +4 -4
  65. package/styles/uploader/material-dark.css +0 -4
  66. package/styles/uploader/tailwind-dark.css +1 -1
  67. package/styles/uploader/tailwind.css +1 -1
package/styles/fabric-dark.css CHANGED
@@ -6091,6 +6091,12 @@ body.e-colorpicker-overflow {
6091
6091
  .e-bigger.e-colorpicker-container .e-split-btn-wrapper.e-rtl .e-split-colorpicker.e-split-btn {
6092
6092
  padding: 0 7px;
6093
6093
  }
6094
+ .e-bigger .e-colorpicker-wrapper .e-colorpicker-popup:not(.e-split-btn-wrapper):not(.e-dropdown-btn),
6095
+ .e-bigger.e-colorpicker-wrapper .e-colorpicker-popup:not(.e-split-btn-wrapper):not(.e-dropdown-btn),
6096
+ .e-bigger .e-colorpicker-container .e-colorpicker-popup:not(.e-split-btn-wrapper):not(.e-dropdown-btn),
6097
+ .e-bigger.e-colorpicker-container .e-colorpicker-popup:not(.e-split-btn-wrapper):not(.e-dropdown-btn) {
6098
+ line-height: 0;
6099
+ }
6094
6100
 
6095
6101
  .e-container {
6096
6102
  border: 0;
package/styles/fabric.css CHANGED
@@ -6091,6 +6091,12 @@ body.e-colorpicker-overflow {
6091
6091
  .e-bigger.e-colorpicker-container .e-split-btn-wrapper.e-rtl .e-split-colorpicker.e-split-btn {
6092
6092
  padding: 0 7px;
6093
6093
  }
6094
+ .e-bigger .e-colorpicker-wrapper .e-colorpicker-popup:not(.e-split-btn-wrapper):not(.e-dropdown-btn),
6095
+ .e-bigger.e-colorpicker-wrapper .e-colorpicker-popup:not(.e-split-btn-wrapper):not(.e-dropdown-btn),
6096
+ .e-bigger .e-colorpicker-container .e-colorpicker-popup:not(.e-split-btn-wrapper):not(.e-dropdown-btn),
6097
+ .e-bigger.e-colorpicker-container .e-colorpicker-popup:not(.e-split-btn-wrapper):not(.e-dropdown-btn) {
6098
+ line-height: 0;
6099
+ }
6094
6100
 
6095
6101
  .e-container {
6096
6102
  border: 0;
package/styles/fluent-dark.css CHANGED
@@ -6220,6 +6220,12 @@ body.e-colorpicker-overflow {
6220
6220
  .e-bigger.e-colorpicker-container .e-split-btn-wrapper.e-rtl .e-split-colorpicker.e-split-btn {
6221
6221
  padding: 7px 12px;
6222
6222
  }
6223
+ .e-bigger .e-colorpicker-wrapper .e-colorpicker-popup:not(.e-split-btn-wrapper):not(.e-dropdown-btn),
6224
+ .e-bigger.e-colorpicker-wrapper .e-colorpicker-popup:not(.e-split-btn-wrapper):not(.e-dropdown-btn),
6225
+ .e-bigger .e-colorpicker-container .e-colorpicker-popup:not(.e-split-btn-wrapper):not(.e-dropdown-btn),
6226
+ .e-bigger.e-colorpicker-container .e-colorpicker-popup:not(.e-split-btn-wrapper):not(.e-dropdown-btn) {
6227
+ line-height: 0;
6228
+ }
6223
6229
 
6224
6230
  .e-container {
6225
6231
  border: 0;
package/styles/fluent.css CHANGED
@@ -6220,6 +6220,12 @@ body.e-colorpicker-overflow {
6220
6220
  .e-bigger.e-colorpicker-container .e-split-btn-wrapper.e-rtl .e-split-colorpicker.e-split-btn {
6221
6221
  padding: 7px 12px;
6222
6222
  }
6223
+ .e-bigger .e-colorpicker-wrapper .e-colorpicker-popup:not(.e-split-btn-wrapper):not(.e-dropdown-btn),
6224
+ .e-bigger.e-colorpicker-wrapper .e-colorpicker-popup:not(.e-split-btn-wrapper):not(.e-dropdown-btn),
6225
+ .e-bigger .e-colorpicker-container .e-colorpicker-popup:not(.e-split-btn-wrapper):not(.e-dropdown-btn),
6226
+ .e-bigger.e-colorpicker-container .e-colorpicker-popup:not(.e-split-btn-wrapper):not(.e-dropdown-btn) {
6227
+ line-height: 0;
6228
+ }
6223
6229
 
6224
6230
  .e-container {
6225
6231
  border: 0;
package/styles/highcontrast-light.css CHANGED
@@ -6407,6 +6407,12 @@ body.e-colorpicker-overflow {
6407
6407
  .e-bigger.e-colorpicker-container .e-split-btn-wrapper.e-rtl .e-split-colorpicker.e-split-btn {
6408
6408
  padding: 0 7px;
6409
6409
  }
6410
+ .e-bigger .e-colorpicker-wrapper .e-colorpicker-popup:not(.e-split-btn-wrapper):not(.e-dropdown-btn),
6411
+ .e-bigger.e-colorpicker-wrapper .e-colorpicker-popup:not(.e-split-btn-wrapper):not(.e-dropdown-btn),
6412
+ .e-bigger .e-colorpicker-container .e-colorpicker-popup:not(.e-split-btn-wrapper):not(.e-dropdown-btn),
6413
+ .e-bigger.e-colorpicker-container .e-colorpicker-popup:not(.e-split-btn-wrapper):not(.e-dropdown-btn) {
6414
+ line-height: 0;
6415
+ }
6410
6416
 
6411
6417
  .e-container {
6412
6418
  border: 1px inset #757575;
package/styles/highcontrast.css CHANGED
@@ -6407,6 +6407,12 @@ body.e-colorpicker-overflow {
6407
6407
  .e-bigger.e-colorpicker-container .e-split-btn-wrapper.e-rtl .e-split-colorpicker.e-split-btn {
6408
6408
  padding: 0 7px;
6409
6409
  }
6410
+ .e-bigger .e-colorpicker-wrapper .e-colorpicker-popup:not(.e-split-btn-wrapper):not(.e-dropdown-btn),
6411
+ .e-bigger.e-colorpicker-wrapper .e-colorpicker-popup:not(.e-split-btn-wrapper):not(.e-dropdown-btn),
6412
+ .e-bigger .e-colorpicker-container .e-colorpicker-popup:not(.e-split-btn-wrapper):not(.e-dropdown-btn),
6413
+ .e-bigger.e-colorpicker-container .e-colorpicker-popup:not(.e-split-btn-wrapper):not(.e-dropdown-btn) {
6414
+ line-height: 0;
6415
+ }
6410
6416
 
6411
6417
  .e-container {
6412
6418
  border: 1px inset #969696;
package/styles/input/material-dark.css CHANGED
@@ -7828,7 +7828,7 @@ textarea.e-outline,
7828
7828
  font-size: 16px;
7829
7829
  margin-bottom: 0;
7830
7830
  margin-top: 0;
7831
- padding: 0 0 0 8px;
7831
+ padding: 8px;
7832
7832
  }
7833
7833
 
7834
7834
  .e-filled.e-float-input.e-input-group.e-small .e-input-group-icon,
package/styles/input/material.css CHANGED
@@ -7836,7 +7836,7 @@ textarea.e-outline,
7836
7836
  font-size: 16px;
7837
7837
  margin-bottom: 0;
7838
7838
  margin-top: 0;
7839
- padding: 0 0 0 8px;
7839
+ padding: 8px;
7840
7840
  }
7841
7841
 
7842
7842
  .e-filled.e-float-input.e-input-group.e-small .e-input-group-icon,
package/styles/material-dark.css CHANGED
@@ -7838,7 +7838,7 @@ textarea.e-outline,
7838
7838
  font-size: 16px;
7839
7839
  margin-bottom: 0;
7840
7840
  margin-top: 0;
7841
- padding: 0 0 0 8px;
7841
+ padding: 8px;
7842
7842
  }
7843
7843
 
7844
7844
  .e-filled.e-float-input.e-input-group.e-small .e-input-group-icon,
@@ -13465,10 +13465,6 @@ textarea.e-filled.e-disabled.e-input::-webkit-input-placeholder {
13465
13465
  margin: 0;
13466
13466
  padding: 0;
13467
13467
  }
13468
- .e-upload .e-upload-files .e-icons:focus,
13469
- .e-bigger.e-small .e-upload .e-upload-files .e-icons:focus {
13470
- outline: none;
13471
- }
13472
13468
  .e-upload .e-upload-files .e-upload-file-list,
13473
13469
  .e-bigger.e-small .e-upload .e-upload-files .e-upload-file-list {
13474
13470
  font-family: inherit;
@@ -14075,6 +14071,12 @@ body.e-colorpicker-overflow {
14075
14071
  .e-bigger.e-colorpicker-container .e-split-btn-wrapper.e-rtl .e-split-colorpicker.e-split-btn {
14076
14072
  padding: 0 6px;
14077
14073
  }
14074
+ .e-bigger .e-colorpicker-wrapper .e-colorpicker-popup:not(.e-split-btn-wrapper):not(.e-dropdown-btn),
14075
+ .e-bigger.e-colorpicker-wrapper .e-colorpicker-popup:not(.e-split-btn-wrapper):not(.e-dropdown-btn),
14076
+ .e-bigger .e-colorpicker-container .e-colorpicker-popup:not(.e-split-btn-wrapper):not(.e-dropdown-btn),
14077
+ .e-bigger.e-colorpicker-container .e-colorpicker-popup:not(.e-split-btn-wrapper):not(.e-dropdown-btn) {
14078
+ line-height: 0;
14079
+ }
14078
14080
 
14079
14081
  .e-container {
14080
14082
  border: 0;
package/styles/material.css CHANGED
@@ -7846,7 +7846,7 @@ textarea.e-outline,
7846
7846
  font-size: 16px;
7847
7847
  margin-bottom: 0;
7848
7848
  margin-top: 0;
7849
- padding: 0 0 0 8px;
7849
+ padding: 8px;
7850
7850
  }
7851
7851
 
7852
7852
  .e-filled.e-float-input.e-input-group.e-small .e-input-group-icon,
@@ -14115,6 +14115,12 @@ body.e-colorpicker-overflow {
14115
14115
  .e-bigger.e-colorpicker-container .e-split-btn-wrapper.e-rtl .e-split-colorpicker.e-split-btn {
14116
14116
  padding: 0 6px;
14117
14117
  }
14118
+ .e-bigger .e-colorpicker-wrapper .e-colorpicker-popup:not(.e-split-btn-wrapper):not(.e-dropdown-btn),
14119
+ .e-bigger.e-colorpicker-wrapper .e-colorpicker-popup:not(.e-split-btn-wrapper):not(.e-dropdown-btn),
14120
+ .e-bigger .e-colorpicker-container .e-colorpicker-popup:not(.e-split-btn-wrapper):not(.e-dropdown-btn),
14121
+ .e-bigger.e-colorpicker-container .e-colorpicker-popup:not(.e-split-btn-wrapper):not(.e-dropdown-btn) {
14122
+ line-height: 0;
14123
+ }
14118
14124
 
14119
14125
  .e-container {
14120
14126
  border: 0;
package/styles/rating/tailwind-dark.css CHANGED
@@ -148,7 +148,7 @@
148
148
  }
149
149
  .e-bigger.e-rating-container .e-rating-label,
150
150
  .e-bigger .e-rating-container .e-rating-label {
151
- font-size: 14px;
151
+ font-size: 24px;
152
152
  line-height: 22px;
153
153
  }
154
154
  .e-bigger.e-rating-container .e-reset,
package/styles/rating/tailwind.css CHANGED
@@ -148,7 +148,7 @@
148
148
  }
149
149
  .e-bigger.e-rating-container .e-rating-label,
150
150
  .e-bigger .e-rating-container .e-rating-label {
151
- font-size: 14px;
151
+ font-size: 24px;
152
152
  line-height: 22px;
153
153
  }
154
154
  .e-bigger.e-rating-container .e-reset,
package/styles/tailwind-dark.css CHANGED
@@ -5971,7 +5971,7 @@ input.e-input::-webkit-input-placeholder {
5971
5971
  padding: 12px 0 12px 12px;
5972
5972
  }
5973
5973
  .e-small .e-upload .e-file-select-wrap .e-file-drop {
5974
- font-size: 13px;
5974
+ font-size: 12px;
5975
5975
  margin-left: 10px;
5976
5976
  }
5977
5977
  .e-small .e-upload .e-upload-files .e-upload-file-list {
@@ -6275,6 +6275,12 @@ body.e-colorpicker-overflow {
6275
6275
  .e-bigger.e-colorpicker-container .e-split-btn-wrapper.e-rtl .e-split-colorpicker.e-split-btn {
6276
6276
  padding: 7px 12px;
6277
6277
  }
6278
+ .e-bigger .e-colorpicker-wrapper .e-colorpicker-popup:not(.e-split-btn-wrapper):not(.e-dropdown-btn),
6279
+ .e-bigger.e-colorpicker-wrapper .e-colorpicker-popup:not(.e-split-btn-wrapper):not(.e-dropdown-btn),
6280
+ .e-bigger .e-colorpicker-container .e-colorpicker-popup:not(.e-split-btn-wrapper):not(.e-dropdown-btn),
6281
+ .e-bigger.e-colorpicker-container .e-colorpicker-popup:not(.e-split-btn-wrapper):not(.e-dropdown-btn) {
6282
+ line-height: 0;
6283
+ }
6278
6284
 
6279
6285
  .e-container {
6280
6286
  border: 0;
@@ -7058,7 +7064,7 @@ body.e-colorpicker-overflow {
7058
7064
  }
7059
7065
  .e-bigger.e-rating-container .e-rating-label,
7060
7066
  .e-bigger .e-rating-container .e-rating-label {
7061
- font-size: 14px;
7067
+ font-size: 24px;
7062
7068
  line-height: 22px;
7063
7069
  }
7064
7070
  .e-bigger.e-rating-container .e-reset,
package/styles/tailwind.css CHANGED
@@ -5971,7 +5971,7 @@ input.e-input::-webkit-input-placeholder {
5971
5971
  padding: 12px 0 12px 12px;
5972
5972
  }
5973
5973
  .e-small .e-upload .e-file-select-wrap .e-file-drop {
5974
- font-size: 13px;
5974
+ font-size: 12px;
5975
5975
  margin-left: 10px;
5976
5976
  }
5977
5977
  .e-small .e-upload .e-upload-files .e-upload-file-list {
@@ -6275,6 +6275,12 @@ body.e-colorpicker-overflow {
6275
6275
  .e-bigger.e-colorpicker-container .e-split-btn-wrapper.e-rtl .e-split-colorpicker.e-split-btn {
6276
6276
  padding: 7px 12px;
6277
6277
  }
6278
+ .e-bigger .e-colorpicker-wrapper .e-colorpicker-popup:not(.e-split-btn-wrapper):not(.e-dropdown-btn),
6279
+ .e-bigger.e-colorpicker-wrapper .e-colorpicker-popup:not(.e-split-btn-wrapper):not(.e-dropdown-btn),
6280
+ .e-bigger .e-colorpicker-container .e-colorpicker-popup:not(.e-split-btn-wrapper):not(.e-dropdown-btn),
6281
+ .e-bigger.e-colorpicker-container .e-colorpicker-popup:not(.e-split-btn-wrapper):not(.e-dropdown-btn) {
6282
+ line-height: 0;
6283
+ }
6278
6284
 
6279
6285
  .e-container {
6280
6286
  border: 0;
@@ -7058,7 +7064,7 @@ body.e-colorpicker-overflow {
7058
7064
  }
7059
7065
  .e-bigger.e-rating-container .e-rating-label,
7060
7066
  .e-bigger .e-rating-container .e-rating-label {
7061
- font-size: 14px;
7067
+ font-size: 24px;
7062
7068
  line-height: 22px;
7063
7069
  }
7064
7070
  .e-bigger.e-rating-container .e-reset,
package/styles/uploader/bootstrap5-dark.css CHANGED
@@ -61,7 +61,7 @@
61
61
  padding: 16px 0 16px 16px;
62
62
  }
63
63
  .e-bigger .e-upload .e-file-select-wrap .e-file-drop {
64
- font-size: 15px;
64
+ font-size: 16px;
65
65
  margin-left: 16px;
66
66
  }
67
67
  .e-bigger .e-upload .e-upload-files .e-upload-file-list {
@@ -74,7 +74,7 @@
74
74
  top: 0;
75
75
  }
76
76
  .e-bigger .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-name {
77
- font-size: 15px;
77
+ font-size: 16px;
78
78
  padding-top: 15px;
79
79
  }
80
80
  .e-bigger .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-size {
@@ -82,7 +82,7 @@
82
82
  padding: 10px 0;
83
83
  }
84
84
  .e-bigger .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-type {
85
- font-size: 15px;
85
+ font-size: 16px;
86
86
  padding-top: 15px;
87
87
  top: initial;
88
88
  }
@@ -658,7 +658,7 @@
658
658
  padding: 12px 0 12px 12px;
659
659
  }
660
660
  .e-small .e-upload .e-file-select-wrap .e-file-drop {
661
- font-size: 13px;
661
+ font-size: 12px;
662
662
  margin-left: 10px;
663
663
  }
664
664
  .e-small .e-upload .e-upload-files .e-upload-file-list {
package/styles/uploader/bootstrap5.css CHANGED
@@ -61,7 +61,7 @@
61
61
  padding: 16px 0 16px 16px;
62
62
  }
63
63
  .e-bigger .e-upload .e-file-select-wrap .e-file-drop {
64
- font-size: 15px;
64
+ font-size: 16px;
65
65
  margin-left: 16px;
66
66
  }
67
67
  .e-bigger .e-upload .e-upload-files .e-upload-file-list {
@@ -74,7 +74,7 @@
74
74
  top: 0;
75
75
  }
76
76
  .e-bigger .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-name {
77
- font-size: 15px;
77
+ font-size: 16px;
78
78
  padding-top: 15px;
79
79
  }
80
80
  .e-bigger .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-size {
@@ -82,7 +82,7 @@
82
82
  padding: 10px 0;
83
83
  }
84
84
  .e-bigger .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-type {
85
- font-size: 15px;
85
+ font-size: 16px;
86
86
  padding-top: 15px;
87
87
  top: initial;
88
88
  }
@@ -658,7 +658,7 @@
658
658
  padding: 12px 0 12px 12px;
659
659
  }
660
660
  .e-small .e-upload .e-file-select-wrap .e-file-drop {
661
- font-size: 13px;
661
+ font-size: 12px;
662
662
  margin-left: 10px;
663
663
  }
664
664
  .e-small .e-upload .e-upload-files .e-upload-file-list {
package/styles/uploader/material-dark.css CHANGED
@@ -333,10 +333,6 @@
333
333
  margin: 0;
334
334
  padding: 0;
335
335
  }
336
- .e-upload .e-upload-files .e-icons:focus,
337
- .e-bigger.e-small .e-upload .e-upload-files .e-icons:focus {
338
- outline: none;
339
- }
340
336
  .e-upload .e-upload-files .e-upload-file-list,
341
337
  .e-bigger.e-small .e-upload .e-upload-files .e-upload-file-list {
342
338
  font-family: inherit;
package/styles/uploader/tailwind-dark.css CHANGED
@@ -664,7 +664,7 @@
664
664
  padding: 12px 0 12px 12px;
665
665
  }
666
666
  .e-small .e-upload .e-file-select-wrap .e-file-drop {
667
- font-size: 13px;
667
+ font-size: 12px;
668
668
  margin-left: 10px;
669
669
  }
670
670
  .e-small .e-upload .e-upload-files .e-upload-file-list {
package/styles/uploader/tailwind.css CHANGED
@@ -664,7 +664,7 @@
664
664
  padding: 12px 0 12px 12px;
665
665
  }
666
666
  .e-small .e-upload .e-file-select-wrap .e-file-drop {
667
- font-size: 13px;
667
+ font-size: 12px;
668
668
  margin-left: 10px;
669
669
  }
670
670
  .e-small .e-upload .e-upload-files .e-upload-file-list {