@syncfusion/ej2-vue-inputs 20.1.55 → 20.1.61

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 (169) hide show
  1. package/CHANGELOG.md +0 -17
  2. package/README.md +15 -2
  3. package/dist/ej2-vue-inputs.umd.min.js +1 -1
  4. package/dist/es6/ej2-vue-inputs.es2015.js +158 -23
  5. package/dist/es6/ej2-vue-inputs.es2015.js.map +1 -1
  6. package/dist/es6/ej2-vue-inputs.es5.js +105 -16
  7. package/dist/es6/ej2-vue-inputs.es5.js.map +1 -1
  8. package/dist/global/ej2-vue-inputs.min.js +2 -2
  9. package/package.json +8 -14
  10. package/src/color-picker/colorpicker.component.d.ts +1 -0
  11. package/src/color-picker/colorpicker.component.js +12 -2
  12. package/src/maskedtextbox/maskedtextbox.component.d.ts +1 -0
  13. package/src/maskedtextbox/maskedtextbox.component.js +12 -2
  14. package/src/numerictextbox/numerictextbox.component.d.ts +1 -0
  15. package/src/numerictextbox/numerictextbox.component.js +12 -2
  16. package/src/signature/signature.component.d.ts +1 -0
  17. package/src/signature/signature.component.js +11 -2
  18. package/src/slider/slider.component.d.ts +1 -0
  19. package/src/slider/slider.component.js +12 -2
  20. package/src/textbox/textbox.component.d.ts +1 -0
  21. package/src/textbox/textbox.component.js +12 -2
  22. package/src/uploader/files.directive.d.ts +3 -1
  23. package/src/uploader/files.directive.js +24 -2
  24. package/src/uploader/uploader.component.d.ts +1 -0
  25. package/src/uploader/uploader.component.js +11 -2
  26. package/styles/bootstrap-dark.css +135 -670
  27. package/styles/bootstrap.css +132 -667
  28. package/styles/bootstrap4.css +131 -696
  29. package/styles/bootstrap5-dark.css +247 -757
  30. package/styles/bootstrap5.css +247 -757
  31. package/styles/color-picker/bootstrap-dark.css +27 -194
  32. package/styles/color-picker/bootstrap.css +27 -194
  33. package/styles/color-picker/bootstrap4.css +27 -209
  34. package/styles/color-picker/bootstrap5-dark.css +52 -221
  35. package/styles/color-picker/bootstrap5.css +52 -221
  36. package/styles/color-picker/fabric-dark.css +27 -194
  37. package/styles/color-picker/fabric.css +27 -194
  38. package/styles/color-picker/fluent-dark.css +735 -0
  39. package/styles/color-picker/fluent-dark.scss +1 -0
  40. package/styles/color-picker/fluent.css +735 -0
  41. package/styles/color-picker/fluent.scss +1 -0
  42. package/styles/color-picker/highcontrast-light.css +27 -194
  43. package/styles/color-picker/highcontrast.css +27 -194
  44. package/styles/color-picker/material-dark.css +27 -195
  45. package/styles/color-picker/material.css +27 -196
  46. package/styles/color-picker/tailwind-dark.css +36 -207
  47. package/styles/color-picker/tailwind.css +36 -207
  48. package/styles/fabric-dark.css +130 -667
  49. package/styles/fabric.css +129 -666
  50. package/styles/fluent-dark.css +6806 -0
  51. package/styles/fluent-dark.scss +8 -0
  52. package/styles/fluent.css +6806 -0
  53. package/styles/fluent.scss +8 -0
  54. package/styles/highcontrast-light.css +138 -687
  55. package/styles/highcontrast.css +138 -687
  56. package/styles/input/bootstrap-dark.css +44 -46
  57. package/styles/input/bootstrap.css +41 -43
  58. package/styles/input/bootstrap4.css +41 -43
  59. package/styles/input/bootstrap5-dark.css +119 -64
  60. package/styles/input/bootstrap5.css +119 -64
  61. package/styles/input/fabric-dark.css +39 -40
  62. package/styles/input/fabric.css +39 -40
  63. package/styles/input/fluent-dark.css +4594 -0
  64. package/styles/input/fluent-dark.scss +1 -0
  65. package/styles/input/fluent.css +4594 -0
  66. package/styles/input/fluent.scss +1 -0
  67. package/styles/input/highcontrast-light.css +40 -42
  68. package/styles/input/highcontrast.css +40 -42
  69. package/styles/input/material-dark.css +94 -129
  70. package/styles/input/material.css +94 -130
  71. package/styles/input/tailwind-dark.css +126 -71
  72. package/styles/input/tailwind.css +126 -71
  73. package/styles/maskedtextbox/bootstrap-dark.css +1 -1
  74. package/styles/maskedtextbox/bootstrap.css +1 -1
  75. package/styles/maskedtextbox/bootstrap4.css +1 -1
  76. package/styles/maskedtextbox/bootstrap5-dark.css +1 -1
  77. package/styles/maskedtextbox/bootstrap5.css +1 -1
  78. package/styles/maskedtextbox/fabric-dark.css +1 -1
  79. package/styles/maskedtextbox/fabric.css +1 -1
  80. package/styles/maskedtextbox/fluent-dark.css +26 -0
  81. package/styles/maskedtextbox/fluent-dark.scss +1 -0
  82. package/styles/maskedtextbox/fluent.css +26 -0
  83. package/styles/maskedtextbox/fluent.scss +1 -0
  84. package/styles/maskedtextbox/highcontrast-light.css +1 -1
  85. package/styles/maskedtextbox/highcontrast.css +1 -1
  86. package/styles/maskedtextbox/material-dark.css +1 -2
  87. package/styles/maskedtextbox/material.css +1 -3
  88. package/styles/maskedtextbox/tailwind-dark.css +1 -1
  89. package/styles/maskedtextbox/tailwind.css +1 -1
  90. package/styles/material-dark.css +188 -786
  91. package/styles/material.css +188 -791
  92. package/styles/numerictextbox/bootstrap-dark.css +6 -8
  93. package/styles/numerictextbox/bootstrap.css +6 -8
  94. package/styles/numerictextbox/bootstrap4.css +6 -7
  95. package/styles/numerictextbox/bootstrap5-dark.css +6 -7
  96. package/styles/numerictextbox/bootstrap5.css +6 -7
  97. package/styles/numerictextbox/fabric-dark.css +6 -7
  98. package/styles/numerictextbox/fabric.css +6 -7
  99. package/styles/numerictextbox/fluent-dark.css +58 -0
  100. package/styles/numerictextbox/fluent-dark.scss +1 -0
  101. package/styles/numerictextbox/fluent.css +58 -0
  102. package/styles/numerictextbox/fluent.scss +1 -0
  103. package/styles/numerictextbox/highcontrast-light.css +6 -7
  104. package/styles/numerictextbox/highcontrast.css +6 -7
  105. package/styles/numerictextbox/material-dark.css +6 -8
  106. package/styles/numerictextbox/material.css +6 -9
  107. package/styles/numerictextbox/tailwind-dark.css +6 -7
  108. package/styles/numerictextbox/tailwind.css +6 -7
  109. package/styles/signature/bootstrap-dark.css +1 -1
  110. package/styles/signature/bootstrap.css +1 -1
  111. package/styles/signature/bootstrap4.css +1 -1
  112. package/styles/signature/bootstrap5-dark.css +1 -1
  113. package/styles/signature/bootstrap5.css +1 -1
  114. package/styles/signature/fabric-dark.css +1 -1
  115. package/styles/signature/fabric.css +1 -1
  116. package/styles/signature/fluent-dark.css +9 -0
  117. package/styles/signature/fluent-dark.scss +1 -0
  118. package/styles/signature/fluent.css +9 -0
  119. package/styles/signature/fluent.scss +1 -0
  120. package/styles/signature/highcontrast-light.css +1 -1
  121. package/styles/signature/highcontrast.css +1 -1
  122. package/styles/signature/material-dark.css +1 -1
  123. package/styles/signature/material.css +1 -1
  124. package/styles/signature/tailwind-dark.css +1 -1
  125. package/styles/signature/tailwind.css +1 -1
  126. package/styles/slider/bootstrap-dark.css +2 -91
  127. package/styles/slider/bootstrap.css +2 -91
  128. package/styles/slider/bootstrap4.css +1 -106
  129. package/styles/slider/bootstrap5-dark.css +14 -134
  130. package/styles/slider/bootstrap5.css +14 -134
  131. package/styles/slider/fabric-dark.css +2 -96
  132. package/styles/slider/fabric.css +1 -95
  133. package/styles/slider/fluent-dark.css +528 -0
  134. package/styles/slider/fluent-dark.scss +1 -0
  135. package/styles/slider/fluent.css +528 -0
  136. package/styles/slider/fluent.scss +1 -0
  137. package/styles/slider/highcontrast-light.css +9 -113
  138. package/styles/slider/highcontrast.css +9 -113
  139. package/styles/slider/material-dark.css +5 -120
  140. package/styles/slider/material.css +5 -120
  141. package/styles/slider/tailwind-dark.css +11 -135
  142. package/styles/slider/tailwind.css +11 -135
  143. package/styles/tailwind-dark.css +289 -779
  144. package/styles/tailwind.css +289 -779
  145. package/styles/textbox/fluent-dark.css +0 -0
  146. package/styles/textbox/fluent-dark.scss +1 -0
  147. package/styles/textbox/fluent.css +0 -0
  148. package/styles/textbox/fluent.scss +1 -0
  149. package/styles/textbox/material-dark.css +1 -1
  150. package/styles/textbox/material.css +1 -2
  151. package/styles/textbox/tailwind-dark.css +1 -1
  152. package/styles/textbox/tailwind.css +1 -1
  153. package/styles/uploader/bootstrap-dark.css +60 -334
  154. package/styles/uploader/bootstrap.css +60 -334
  155. package/styles/uploader/bootstrap4.css +60 -334
  156. package/styles/uploader/bootstrap5-dark.css +60 -334
  157. package/styles/uploader/bootstrap5.css +60 -334
  158. package/styles/uploader/fabric-dark.css +60 -334
  159. package/styles/uploader/fabric.css +60 -334
  160. package/styles/uploader/fluent-dark.css +851 -0
  161. package/styles/uploader/fluent-dark.scss +1 -0
  162. package/styles/uploader/fluent.css +851 -0
  163. package/styles/uploader/fluent.scss +1 -0
  164. package/styles/uploader/highcontrast-light.css +60 -334
  165. package/styles/uploader/highcontrast.css +60 -334
  166. package/styles/uploader/material-dark.css +60 -335
  167. package/styles/uploader/material.css +60 -335
  168. package/styles/uploader/tailwind-dark.css +113 -362
  169. 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
+ }