@syncfusion/ej2-vue-inputs 20.1.55 → 20.1.58

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 (170) hide show
  1. package/CHANGELOG.md +0 -17
  2. package/README.md +15 -2
  3. package/dist/ej2-vue-inputs.umd.min.js +2 -29
  4. package/dist/ej2-vue-inputs.umd.min.js.map +1 -1
  5. package/dist/es6/ej2-vue-inputs.es2015.js +151 -16
  6. package/dist/es6/ej2-vue-inputs.es2015.js.map +1 -1
  7. package/dist/es6/ej2-vue-inputs.es5.js +98 -9
  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 +8 -14
  11. package/src/color-picker/colorpicker.component.d.ts +1 -0
  12. package/src/color-picker/colorpicker.component.js +11 -1
  13. package/src/maskedtextbox/maskedtextbox.component.d.ts +1 -0
  14. package/src/maskedtextbox/maskedtextbox.component.js +11 -1
  15. package/src/numerictextbox/numerictextbox.component.d.ts +1 -0
  16. package/src/numerictextbox/numerictextbox.component.js +11 -1
  17. package/src/signature/signature.component.d.ts +1 -0
  18. package/src/signature/signature.component.js +10 -1
  19. package/src/slider/slider.component.d.ts +1 -0
  20. package/src/slider/slider.component.js +11 -1
  21. package/src/textbox/textbox.component.d.ts +1 -0
  22. package/src/textbox/textbox.component.js +11 -1
  23. package/src/uploader/files.directive.d.ts +3 -1
  24. package/src/uploader/files.directive.js +24 -2
  25. package/src/uploader/uploader.component.d.ts +1 -0
  26. package/src/uploader/uploader.component.js +10 -1
  27. package/styles/bootstrap-dark.css +135 -670
  28. package/styles/bootstrap.css +132 -667
  29. package/styles/bootstrap4.css +131 -696
  30. package/styles/bootstrap5-dark.css +247 -757
  31. package/styles/bootstrap5.css +247 -757
  32. package/styles/color-picker/bootstrap-dark.css +27 -194
  33. package/styles/color-picker/bootstrap.css +27 -194
  34. package/styles/color-picker/bootstrap4.css +27 -209
  35. package/styles/color-picker/bootstrap5-dark.css +52 -221
  36. package/styles/color-picker/bootstrap5.css +52 -221
  37. package/styles/color-picker/fabric-dark.css +27 -194
  38. package/styles/color-picker/fabric.css +27 -194
  39. package/styles/color-picker/fluent-dark.css +735 -0
  40. package/styles/color-picker/fluent-dark.scss +1 -0
  41. package/styles/color-picker/fluent.css +735 -0
  42. package/styles/color-picker/fluent.scss +1 -0
  43. package/styles/color-picker/highcontrast-light.css +27 -194
  44. package/styles/color-picker/highcontrast.css +27 -194
  45. package/styles/color-picker/material-dark.css +27 -195
  46. package/styles/color-picker/material.css +27 -196
  47. package/styles/color-picker/tailwind-dark.css +36 -207
  48. package/styles/color-picker/tailwind.css +36 -207
  49. package/styles/fabric-dark.css +130 -667
  50. package/styles/fabric.css +129 -666
  51. package/styles/fluent-dark.css +6806 -0
  52. package/styles/fluent-dark.scss +8 -0
  53. package/styles/fluent.css +6806 -0
  54. package/styles/fluent.scss +8 -0
  55. package/styles/highcontrast-light.css +138 -687
  56. package/styles/highcontrast.css +138 -687
  57. package/styles/input/bootstrap-dark.css +44 -46
  58. package/styles/input/bootstrap.css +41 -43
  59. package/styles/input/bootstrap4.css +41 -43
  60. package/styles/input/bootstrap5-dark.css +119 -64
  61. package/styles/input/bootstrap5.css +119 -64
  62. package/styles/input/fabric-dark.css +39 -40
  63. package/styles/input/fabric.css +39 -40
  64. package/styles/input/fluent-dark.css +4594 -0
  65. package/styles/input/fluent-dark.scss +1 -0
  66. package/styles/input/fluent.css +4594 -0
  67. package/styles/input/fluent.scss +1 -0
  68. package/styles/input/highcontrast-light.css +40 -42
  69. package/styles/input/highcontrast.css +40 -42
  70. package/styles/input/material-dark.css +94 -129
  71. package/styles/input/material.css +94 -130
  72. package/styles/input/tailwind-dark.css +126 -71
  73. package/styles/input/tailwind.css +126 -71
  74. package/styles/maskedtextbox/bootstrap-dark.css +1 -1
  75. package/styles/maskedtextbox/bootstrap.css +1 -1
  76. package/styles/maskedtextbox/bootstrap4.css +1 -1
  77. package/styles/maskedtextbox/bootstrap5-dark.css +1 -1
  78. package/styles/maskedtextbox/bootstrap5.css +1 -1
  79. package/styles/maskedtextbox/fabric-dark.css +1 -1
  80. package/styles/maskedtextbox/fabric.css +1 -1
  81. package/styles/maskedtextbox/fluent-dark.css +26 -0
  82. package/styles/maskedtextbox/fluent-dark.scss +1 -0
  83. package/styles/maskedtextbox/fluent.css +26 -0
  84. package/styles/maskedtextbox/fluent.scss +1 -0
  85. package/styles/maskedtextbox/highcontrast-light.css +1 -1
  86. package/styles/maskedtextbox/highcontrast.css +1 -1
  87. package/styles/maskedtextbox/material-dark.css +1 -2
  88. package/styles/maskedtextbox/material.css +1 -3
  89. package/styles/maskedtextbox/tailwind-dark.css +1 -1
  90. package/styles/maskedtextbox/tailwind.css +1 -1
  91. package/styles/material-dark.css +188 -786
  92. package/styles/material.css +188 -791
  93. package/styles/numerictextbox/bootstrap-dark.css +6 -8
  94. package/styles/numerictextbox/bootstrap.css +6 -8
  95. package/styles/numerictextbox/bootstrap4.css +6 -7
  96. package/styles/numerictextbox/bootstrap5-dark.css +6 -7
  97. package/styles/numerictextbox/bootstrap5.css +6 -7
  98. package/styles/numerictextbox/fabric-dark.css +6 -7
  99. package/styles/numerictextbox/fabric.css +6 -7
  100. package/styles/numerictextbox/fluent-dark.css +58 -0
  101. package/styles/numerictextbox/fluent-dark.scss +1 -0
  102. package/styles/numerictextbox/fluent.css +58 -0
  103. package/styles/numerictextbox/fluent.scss +1 -0
  104. package/styles/numerictextbox/highcontrast-light.css +6 -7
  105. package/styles/numerictextbox/highcontrast.css +6 -7
  106. package/styles/numerictextbox/material-dark.css +6 -8
  107. package/styles/numerictextbox/material.css +6 -9
  108. package/styles/numerictextbox/tailwind-dark.css +6 -7
  109. package/styles/numerictextbox/tailwind.css +6 -7
  110. package/styles/signature/bootstrap-dark.css +1 -1
  111. package/styles/signature/bootstrap.css +1 -1
  112. package/styles/signature/bootstrap4.css +1 -1
  113. package/styles/signature/bootstrap5-dark.css +1 -1
  114. package/styles/signature/bootstrap5.css +1 -1
  115. package/styles/signature/fabric-dark.css +1 -1
  116. package/styles/signature/fabric.css +1 -1
  117. package/styles/signature/fluent-dark.css +9 -0
  118. package/styles/signature/fluent-dark.scss +1 -0
  119. package/styles/signature/fluent.css +9 -0
  120. package/styles/signature/fluent.scss +1 -0
  121. package/styles/signature/highcontrast-light.css +1 -1
  122. package/styles/signature/highcontrast.css +1 -1
  123. package/styles/signature/material-dark.css +1 -1
  124. package/styles/signature/material.css +1 -1
  125. package/styles/signature/tailwind-dark.css +1 -1
  126. package/styles/signature/tailwind.css +1 -1
  127. package/styles/slider/bootstrap-dark.css +2 -91
  128. package/styles/slider/bootstrap.css +2 -91
  129. package/styles/slider/bootstrap4.css +1 -106
  130. package/styles/slider/bootstrap5-dark.css +14 -134
  131. package/styles/slider/bootstrap5.css +14 -134
  132. package/styles/slider/fabric-dark.css +2 -96
  133. package/styles/slider/fabric.css +1 -95
  134. package/styles/slider/fluent-dark.css +528 -0
  135. package/styles/slider/fluent-dark.scss +1 -0
  136. package/styles/slider/fluent.css +528 -0
  137. package/styles/slider/fluent.scss +1 -0
  138. package/styles/slider/highcontrast-light.css +9 -113
  139. package/styles/slider/highcontrast.css +9 -113
  140. package/styles/slider/material-dark.css +5 -120
  141. package/styles/slider/material.css +5 -120
  142. package/styles/slider/tailwind-dark.css +11 -135
  143. package/styles/slider/tailwind.css +11 -135
  144. package/styles/tailwind-dark.css +289 -779
  145. package/styles/tailwind.css +289 -779
  146. package/styles/textbox/fluent-dark.css +0 -0
  147. package/styles/textbox/fluent-dark.scss +1 -0
  148. package/styles/textbox/fluent.css +0 -0
  149. package/styles/textbox/fluent.scss +1 -0
  150. package/styles/textbox/material-dark.css +1 -1
  151. package/styles/textbox/material.css +1 -2
  152. package/styles/textbox/tailwind-dark.css +1 -1
  153. package/styles/textbox/tailwind.css +1 -1
  154. package/styles/uploader/bootstrap-dark.css +60 -334
  155. package/styles/uploader/bootstrap.css +60 -334
  156. package/styles/uploader/bootstrap4.css +60 -334
  157. package/styles/uploader/bootstrap5-dark.css +60 -334
  158. package/styles/uploader/bootstrap5.css +60 -334
  159. package/styles/uploader/fabric-dark.css +60 -334
  160. package/styles/uploader/fabric.css +60 -334
  161. package/styles/uploader/fluent-dark.css +851 -0
  162. package/styles/uploader/fluent-dark.scss +1 -0
  163. package/styles/uploader/fluent.css +851 -0
  164. package/styles/uploader/fluent.scss +1 -0
  165. package/styles/uploader/highcontrast-light.css +60 -334
  166. package/styles/uploader/highcontrast.css +60 -334
  167. package/styles/uploader/material-dark.css +60 -335
  168. package/styles/uploader/material.css +60 -335
  169. package/styles/uploader/tailwind-dark.css +113 -362
  170. package/styles/uploader/tailwind.css +113 -362
@@ -1,13 +1,13 @@
1
1
  .e-float-input .e-clear-icon::before,
2
2
  .e-float-input.e-control-wrapper .e-clear-icon::before {
3
- content: '\e953';
4
- font-family: 'e-icons';
3
+ content: "\e953";
4
+ font-family: "e-icons";
5
5
  }
6
6
 
7
7
  .e-input-group .e-clear-icon::before,
8
8
  .e-input-group.e-control-wrapper .e-clear-icon::before {
9
- content: '\e953';
10
- font-family: 'e-icons';
9
+ content: "\e953";
10
+ font-family: "e-icons";
11
11
  }
12
12
 
13
13
  /*! input layout */
@@ -152,11 +152,7 @@ textarea.e-input.e-bigger,
152
152
  .e-input-group.e-bigger,
153
153
  .e-bigger .e-input-group,
154
154
  .e-input-group.e-control-wrapper.e-bigger,
155
- .e-bigger .e-input-group.e-control-wrapper,
156
- .e-input-group.e-bigger.e-disabled,
157
- .e-bigger .e-input-group.e-disabled,
158
- .e-input-group.e-control-wrapper.e-bigger.e-disabled,
159
- .e-bigger .e-input-group.e-control-wrapper.e-disabled {
155
+ .e-bigger .e-input-group.e-control-wrapper {
160
156
  font-size: 15px;
161
157
  }
162
158
 
@@ -488,8 +484,8 @@ textarea.e-input.e-small,
488
484
  .e-input-group.e-small .e-input-group-icon.e-bigger,
489
485
  .e-input-group.e-control-wrapper.e-small.e-bigger .e-input-group-icon,
490
486
  .e-input-group.e-control-wrapper.e-small .e-input-group-icon.e-bigger,
491
- .e-small .e-bigger.e-input-group .e-input-group-icon,
492
- .e-small .e-bigger.e-input-group.e-control-wrapper .e-input-group-icon,
487
+ .e-small.e-bigger .e-input-group .e-input-group-icon,
488
+ .e-small.e-bigger .e-input-group.e-control-wrapper .e-input-group-icon,
493
489
  .e-bigger .e-input-group.e-small .e-input-group-icon,
494
490
  .e-bigger .e-input-group.e-control-wrapper.e-small .e-input-group-icon {
495
491
  font-size: 12px;
@@ -1142,10 +1138,10 @@ label.e-float-text,
1142
1138
  .e-float-input.e-control-wrapper:not(.e-input-group) .e-float-line::before,
1143
1139
  .e-float-input.e-control-wrapper:not(.e-input-group) .e-float-line::after {
1144
1140
  bottom: 0;
1145
- content: '';
1141
+ content: "";
1146
1142
  height: 2px;
1147
1143
  position: absolute;
1148
- transition: .2s ease;
1144
+ transition: 0.2s ease;
1149
1145
  width: 0;
1150
1146
  }
1151
1147
 
@@ -1322,7 +1318,7 @@ label.e-float-text,
1322
1318
 
1323
1319
  .e-input-group.e-warning::before,
1324
1320
  .e-input-group.e-control-wrapper.e-warning::before {
1325
- content: '';
1321
+ content: "";
1326
1322
  }
1327
1323
 
1328
1324
  .e-float-input input[disabled],
@@ -1377,24 +1373,24 @@ label.e-float-text,
1377
1373
  .e-input-group::after,
1378
1374
  .e-input-group.e-control-wrapper::before,
1379
1375
  .e-input-group.e-control-wrapper::after {
1380
- content: '';
1376
+ content: "";
1381
1377
  }
1382
1378
 
1383
1379
  .e-input-group::before,
1384
1380
  .e-input-group.e-control-wrapper::before {
1385
- content: '';
1381
+ content: "";
1386
1382
  }
1387
1383
 
1388
1384
  .e-input-group.e-input-focus::before,
1389
1385
  .e-input-group.e-input-focus::after,
1390
1386
  .e-input-group.e-control-wrapper.e-input-focus::before,
1391
1387
  .e-input-group.e-control-wrapper.e-input-focus::after {
1392
- content: '';
1388
+ content: "";
1393
1389
  }
1394
1390
 
1395
1391
  .e-input-group::after,
1396
1392
  .e-input-group.e-control-wrapper::after {
1397
- content: '';
1393
+ content: "";
1398
1394
  }
1399
1395
 
1400
1396
  .e-input-group,
@@ -1571,17 +1567,17 @@ label.e-float-text,
1571
1567
 
1572
1568
  .e-input-group .e-input-group-icon,
1573
1569
  .e-input-group.e-control-wrapper .e-input-group-icon {
1574
- content: '';
1570
+ content: "";
1575
1571
  }
1576
1572
 
1577
1573
  .e-input-group:not(.e-filled) .e-input-group-icon::after,
1578
1574
  .e-input-group.e-control-wrapper:not(.e-filled) .e-input-group-icon::after {
1579
- content: '';
1575
+ content: "";
1580
1576
  }
1581
1577
 
1582
1578
  .e-input-group .e-input-group-icon.e-input-btn-ripple::after,
1583
1579
  .e-input-group.e-control-wrapper .e-input-group-icon.e-input-btn-ripple::after {
1584
- content: '';
1580
+ content: "";
1585
1581
  }
1586
1582
 
1587
1583
  input.e-input::-ms-clear,
@@ -1590,18 +1586,18 @@ input.e-input::-ms-clear,
1590
1586
  display: none;
1591
1587
  }
1592
1588
 
1593
- input.e-input[type='search']::-webkit-search-decoration,
1594
- input.e-input[type='search']::-webkit-search-cancel-button,
1595
- input.e-input[type='search']::-webkit-search-results-button,
1596
- input.e-input[type='search']::-webkit-search-results-decoration,
1597
- .e-float-input input[type='search']::-webkit-search-decoration,
1598
- .e-float-input input[type='search']::-webkit-search-cancel-button,
1599
- .e-float-input input[type='search']::-webkit-search-results-button,
1600
- .e-float-input input[type='search']::-webkit-search-results-decoration,
1601
- .e-float-input.e-control-wrapper input[type='search']::-webkit-search-decoration,
1602
- .e-float-input.e-control-wrapper input[type='search']::-webkit-search-cancel-button,
1603
- .e-float-input.e-control-wrapper input[type='search']::-webkit-search-results-button,
1604
- .e-float-input.e-control-wrapper input[type='search']::-webkit-search-results-decoration {
1589
+ input.e-input[type=search]::-webkit-search-decoration,
1590
+ input.e-input[type=search]::-webkit-search-cancel-button,
1591
+ input.e-input[type=search]::-webkit-search-results-button,
1592
+ input.e-input[type=search]::-webkit-search-results-decoration,
1593
+ .e-float-input input[type=search]::-webkit-search-decoration,
1594
+ .e-float-input input[type=search]::-webkit-search-cancel-button,
1595
+ .e-float-input input[type=search]::-webkit-search-results-button,
1596
+ .e-float-input input[type=search]::-webkit-search-results-decoration,
1597
+ .e-float-input.e-control-wrapper input[type=search]::-webkit-search-decoration,
1598
+ .e-float-input.e-control-wrapper input[type=search]::-webkit-search-cancel-button,
1599
+ .e-float-input.e-control-wrapper input[type=search]::-webkit-search-results-button,
1600
+ .e-float-input.e-control-wrapper input[type=search]::-webkit-search-results-decoration {
1605
1601
  -webkit-appearance: none;
1606
1602
  }
1607
1603
 
@@ -1867,8 +1863,7 @@ input.e-input.e-small,
1867
1863
  .e-float-input.e-small:not(.e-input-group) input,
1868
1864
  .e-float-input.e-small:not(.e-input-group) input.e-input,
1869
1865
  .e-small .e-float-input:not(.e-input-group) input,
1870
- .e-small .e-float-input:not(.e-input-group) input.e-input
1871
- .e-float-input.e-control-wrapper.e-small:not(.e-input-group) input,
1866
+ .e-small .e-float-input:not(.e-input-group) input.e-input .e-float-input.e-control-wrapper.e-small:not(.e-input-group) input,
1872
1867
  .e-float-input.e-control-wrapper.e-small:not(.e-input-group) input.e-input,
1873
1868
  .e-small .e-float-input.e-control-wrapper:not(.e-input-group) input,
1874
1869
  .e-small .e-float-input.e-control-wrapper:not(.e-input-group) input.e-input {
@@ -2725,6 +2720,10 @@ textarea.e-input.e-bigger.e-small,
2725
2720
  .e-float-input.e-control-wrapper.e-small.e-bigger .e-clear-icon::before,
2726
2721
  .e-input-group.e-small.e-bigger .e-clear-icon::before,
2727
2722
  .e-input-group.e-control-wrapper.e-small.e-bigger .e-clear-icon::before,
2723
+ .e-small.e-bigger .e-float-input .e-clear-icon::before,
2724
+ .e-small.e-bigger .e-float-input.e-control-wrapper .e-clear-icon::before,
2725
+ .e-small.e-bigger .e-input-group .e-clear-icon::before,
2726
+ .e-small.e-bigger .e-input-group.e-control-wrapper .e-clear-icon::before,
2728
2727
  .e-small .e-input-group.e-bigger input:first-child ~ .e-clear-icon::before,
2729
2728
  .e-small .e-input-group.e-control-wrapper.e-bigger input:first-child ~ .e-clear-icon::before,
2730
2729
  .e-bigger .e-input-group.e-small input:first-child ~ .e-clear-icon::before,
@@ -3991,28 +3990,28 @@ textarea.e-input::-webkit-input-placeholder {
3991
3990
  .e-input-group::after,
3992
3991
  .e-input-group.e-control-wrapper::before,
3993
3992
  .e-input-group.e-control-wrapper::after {
3994
- content: '';
3993
+ content: "";
3995
3994
  }
3996
3995
 
3997
3996
  .e-input-group.e-success::before,
3998
3997
  .e-input-group.e-success::after,
3999
3998
  .e-input-group.e-control-wrapper.e-success::before,
4000
3999
  .e-input-group.e-control-wrapper.e-success::after {
4001
- content: '';
4000
+ content: "";
4002
4001
  }
4003
4002
 
4004
4003
  .e-input-group.e-warning::before,
4005
4004
  .e-input-group.e-warning::after,
4006
4005
  .e-input-group.e-control-wrapper.e-warning::before,
4007
4006
  .e-input-group.e-control-wrapper.e-warning::after {
4008
- content: '';
4007
+ content: "";
4009
4008
  }
4010
4009
 
4011
4010
  .e-input-group.e-error::before,
4012
4011
  .e-input-group.e-error::after,
4013
4012
  .e-input-group.e-control-wrapper.e-error::before,
4014
4013
  .e-input-group.e-control-wrapper.e-error::after {
4015
- content: '';
4014
+ content: "";
4016
4015
  }
4017
4016
 
4018
4017
  .e-input-group.e-success .e-input-group-icon,
@@ -4547,4 +4546,4 @@ textarea.e-input:hover:not(.e-success):not(.e-warning):not(.e-error):not([disabl
4547
4546
  .e-bigger.e-small .e-float-input.e-control-wrapper.e-autofill:not(.e-error) textarea:not(:focus):-webkit-autofill ~ label.e-float-text,
4548
4547
  .e-float-input.e-bigger.e-small.e-control-wrapper.e-autofill:not(.e-error) textarea:not(:focus):-webkit-autofill ~ label.e-float-text {
4549
4548
  color: #333;
4550
- }
4549
+ }